{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-85684",
  "locale": "en_US",
  "product": {
    "uuid": "af0e34e1faf79e9ae2ffb1a5a2",
    "id": "77-85684",
    "productName": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
    "productType": "variant",
    "brand": "OtterBox",
    "attrsToUseForSwatch": "['color']",
    "attrGroupInclusion": null,
    "pdpSwatchTypeAsImage": false,
    "enableStickyAddToCart": false,
    "enableVariantSelectionInPdpStickyAddToCart": false,
    "hideQty": false,
    "enableQuantityStepper": false,
    "pdpCollapsibleContentDesktop5": null,
    "pdpCollapsibleContentDesktop4": {},
    "pdpCollapsibleContentDesktop3": {},
    "pdpCollapsibleContentDesktop2": {},
    "pdpCollapsibleContentDesktop1": {},
    "pdpHideSingleVariants": false,
    "pdpImageColumnWidth": {},
    "CustomName": null,
    "videoList": null,
    "pdpNativeVideoList": [],
    "pdpNativeVideoThumbnailList": [],
    "pdpGifList": [],
    "whiteBackground": null,
    "storeTypePreferences": "false",
    "quickviewShowHeadlineAndDescription": false,
    "productVideoPosition": null,
    "ProductSpecifications": {
      "CableLength": null,
      "Capacity": null,
      "CompatibleWith": null,
      "ConnectorType": null,
      "CurrentCapacity": null,
      "DataRate": null,
      "Dimensions": null,
      "DropHeight": null,
      "DropRating": null,
      "EdgeStrengthDescription": null,
      "EdgeStrengthRating": null,
      "FeaturesDescriptionLong": {},
      "FeaturesDescriptionShort": {
        "0": "Folio",
        "1": "Accessory MagSafe"
      },
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": {
        "0": "Synthetic leather",
        "1": "Magnets"
      },
      "Name1": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
      "Name2": null,
      "PackageContents": null,
      "PortType": null,
      "PowerInput": null,
      "PowerOutput": null,
      "RecycledContent": null,
      "ScratchResistanceDescription": null,
      "ScratchResistanceRating": null,
      "ShatterProtectionDescription": null,
      "ShatterProtectionRating": null,
      "classAPageDesigner": null,
      "classAPageDesignerB": null,
      "bottomPageDesignerA": null,
      "bottomPageDesignerB": null,
      "StorageTemperature": null,
      "TechnicalSpecifications": null,
      "Weight": {},
      "VideoPosition": null,
      "EmailCapture": null
    },
    "CustomUrls": {
      "CustomizeUrl": null,
      "B2BUrl": null
    },
    "IconContent": {
      "IconOne": null,
      "IconTwo": null,
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": true,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": null,
    "productDropRating": null,
    "PageDesignerID": "pdp-icons",
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "",
        "CustomizeIcon": "",
        "PdpEmailSignUp": "    <hr>\n    \n    \n        \n        \n        <div class=\"row\">\n            \n                    <label class=\"form-control-label ml-2\" for=\"pdp-email-signup-form\">\n                        Get notified when this product is back in stock.\n                    </label>\n            \n        </div>\n        <div class=\"row\">\n            <div class=\"col-sm-6\">\n                <form id=\"pdp-email-signup-form\" method=\"post\" action=\"/on/demandware.store/Sites-ob_us-Site/en_US/MailingList-Submit\">\n                    <input type=\"text\"   name=\"signupEmail\" class=\"form-control flex-fill\" id=\"email-sign-up-input\" placeholder=\"Enter Your Email\" >\n                    <input type=\"hidden\" name=\"addToList\" value=\"true\">\n                    <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                    <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                    <input type=\"hidden\" name=\"productId\" value=\"77-85684\">\n                    <input type=\"hidden\" name=\"productImageUrl\" value=\"\">\n                </form>\n            </div>\n            <div class=\"col-sm-6\">\n                <button id=\"email-sign-up-button\" class=\"btn btn-primary\" form=\"pdp-email-signup-form\">\n                    Enter Your Email\n                </button>\n            </div>\n        </div>\n        <div class=\"row mt-3\">\n            <div class=\"col-sm-11 email-alert\">\n                \n            </div>\n        </div>\n    \n\n"
      }
    },
    "ProductRatings": {
      "bvCartridgeEnabled": true,
      "bvAverageRating": null,
      "bvReviewCount": null,
      "bvRatingRange": null
    },
    "dropSpecs": null,
    "color": "Shadow",
    "shortFeaturesDescription": {
      "0": "Folio",
      "1": "Accessory MagSafe"
    },
    "materials": {
      "0": "Synthetic leather",
      "1": "Magnets"
    },
    "caseDesign": null,
    "recycledContent": null,
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 49.95,
        "currency": "USD",
        "formatted": "$49.95",
        "decimalPrice": "49.95"
      },
      "list": null
    },
    "renderedPrice": "    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"49.95\">\n                $49.95\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=800&sh=800",
          "index": "0",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=800&sh=800",
          "index": "1",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=800&sh=800",
          "index": "2",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=800&sh=800",
          "index": "3",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=800&sh=800",
          "index": "4",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=800&sh=800",
          "index": "5",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=800&sh=800",
          "index": "6",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=176&sh=176",
          "index": "0",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=176&sh=176",
          "index": "1",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=176&sh=176",
          "index": "2",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=176&sh=176",
          "index": "3",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=176&sh=176",
          "index": "4",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=176&sh=176",
          "index": "5",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=176&sh=176",
          "index": "6",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=1600&sh=1600",
          "index": "0",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=1600&sh=1600",
          "index": "1",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=1600&sh=1600",
          "index": "2",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=1600&sh=1600",
          "index": "3",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=1600&sh=1600",
          "index": "4",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=1600&sh=1600",
          "index": "5",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png",
          "type": "dis"
        },
        {
          "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=1600&sh=1600",
          "index": "6",
          "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 9,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color Name",
        "id": "color",
        "swatchable": true,
        "displayValue": "Shadow (Black)",
        "values": [
          {
            "id": "Shadow",
            "description": "Black + Pewter",
            "displayValue": "Shadow (Black)",
            "value": "Shadow",
            "selected": true,
            "selectable": true,
            "available": true,
            "url": "https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=&pid=magsafe-folio-iphp21&quantity=1",
            "absUrl": "https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=Shadow&pid=magsafe-folio-iphp21&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwbd00b841/productimages/swatch/black.jpg?sw=60&sh=60",
                  "index": "0",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwbd00b841/productimages/swatch/black.jpg",
                  "type": "swatch"
                }
              ],
              "card": [
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=400&sh=400",
                  "index": "0",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=400&sh=400",
                  "index": "1",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=400&sh=400",
                  "index": "2",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=400&sh=400",
                  "index": "3",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=400&sh=400",
                  "index": "4",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=400&sh=400",
                  "index": "5",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=400&sh=400",
                  "index": "6",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png",
                  "type": "dis"
                }
              ],
              "type": "swatch"
            },
            "pid": "77-85684",
            "sortIndex": 1
          },
          {
            "id": "Strawberry Pink",
            "description": "Strawberry Moon + Fuchsia Fedora",
            "displayValue": "Strawberry Pink",
            "value": "Strawberry Pink",
            "selected": false,
            "selectable": true,
            "available": true,
            "url": "https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=Strawberry%20Pink&pid=magsafe-folio-iphp21&quantity=1",
            "absUrl": "https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=Strawberry%20Pink&pid=magsafe-folio-iphp21&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwbebbe317/productimages/swatch/strawberry-pink.png?sw=60&sh=60",
                  "index": "0",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwbebbe317/productimages/swatch/strawberry-pink.png",
                  "type": "swatch"
                }
              ],
              "card": [
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwaf7a62cc/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-1.png?sw=400&sh=400",
                  "index": "0",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwaf7a62cc/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-1.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw69c8aa33/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-2.png?sw=400&sh=400",
                  "index": "1",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw69c8aa33/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-2.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw04595ae5/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-3.png?sw=400&sh=400",
                  "index": "2",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw04595ae5/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-3.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw5e1c78b0/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-4.png?sw=400&sh=400",
                  "index": "3",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw5e1c78b0/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-4.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw51ed5c89/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-5.png?sw=400&sh=400",
                  "index": "4",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw51ed5c89/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-5.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw42861b7b/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-6.png?sw=400&sh=400",
                  "index": "5",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw42861b7b/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-6.png",
                  "type": "dis"
                },
                {
                  "alt": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwb559a599/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-7.png?sw=400&sh=400",
                  "index": "6",
                  "title": "iPhone 13 and iPhone 13 Pro Folio for MagSafe",
                  "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dwb559a599/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-strawberrymoon-7.png",
                  "type": "dis"
                }
              ],
              "type": "swatch"
            },
            "pid": "77-85687",
            "sortIndex": 0
          }
        ],
        "isOnlyVariant": false
      }
    ],
    "longDescription": null,
    "shortDescription": "Folio for MagSafe is a sophisticated addition to your OtterBox case or iPhone that works with Apple MagSafe technology. The Folio delivers screen protection and carries your essentials in the card/cash slots. It blocks unwanted viewing in public and the magnet latch keeps it closed securely.",
    "rating": 3.7,
    "promotions": [
      {
        "calloutMsg": "<span class=\"green\">Save 20% when you buy a case + screen protector, power, or accessory.</span>",
        "details": "Offer valid on select series only. Must purchase both a case and screen protector or power product to qualify for discount. Exclusions may apply. Cannot be combined with any other offer or promotion. Not redeemable for cash, nor applicable toward previously purchased merchandise.",
        "enabled": true,
        "id": "Web - 20% off Always On Bundle",
        "name": "Save 20% when you buy a case + screen protector, power, or accessory.",
        "promotionClass": "PRODUCT",
        "rank": 80,
        "noPDPPromo": false
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "In Stock",
        "Only 9 left!"
      ],
      "inStockDate": null,
      "labelAddToCart": "Add to Cart",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": true,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&quantity=9"
      }
    ],
    "selectedProductUrl": "/en-us/magsafe-iphone-13-and-iphone-13-pro-folio-for-magsafe/magsafe-folio-iphp21.html?dwvar_magsafe-folio-iphp21_color=Shadow",
    "selectedProductAbsoluteUrl": "https://www.otterbox.com/en-us/magsafe-iphone-13-and-iphone-13-pro-folio-for-magsafe-black/77-85684.html",
    "readyToOrder": true,
    "online": true,
    "pageTitle": "Black iPhone 13 MagSafe Folio |  OtterBox MagSafe Folio",
    "pageDescription": "Black iPhone 13 MagSafe folio clicks seamlessly onto OtterBox cases. Folio for MagSafe guards your screen against scratches and carries your essentials.",
    "pageKeywords": "magsafe folio",
    "pageMetaTags": [],
    "template": null,
    "headlineDescription": null,
    "headline": null,
    "recommendations": [],
    "accessoryRecommendations": [
      {
        "ID": "78-52084"
      }
    ],
    "hasAccessoryRecommendations": true,
    "pdpAssetIds": [],
    "pdpGalleryAssets": [],
    "tabs": [],
    "collapsibleContent": [
      {
        "title": "Specifications",
        "content": "<div class='container product-specification-list compatible-with product-specification-item'> <div class='append-stats'><h4><span>Compatibility</span></h4></div> <ul> <li>iPhone 13</li> <li>iPhone 13 Pro</li> <li>For MagSafe cases: Symmetry Series+, Aneu Series, Figura Series</li> </ul> </div>   <div class='container product-specification-list dimensions product-specification-item'> <div class='append-stats'><h4><span>Dimensions</span></h4></div> <ul> <li>5.91 in x 3.15 in x 0.59 in / 150.00 mm x 80.00 mm x 15.00 mm</li> </ul> </div> <div class='container product-specification-list weight product-specification-item'> <div class='append-stats'><h4><span>Weight</span></h4></div> <ul> <li>0.20 lbs | 91.00 g</li> </ul> </div>           <div class='container product-specification-list product-specification-item'> <div class='append-stats'><h4><span>Materials</span></h4></div> <ul> <li>Synthetic leather</li> <li>Magnets</li> </ul> </div>   ",
        "state": "collapsed-closed"
      },
      {
        "title": "Features",
        "content": "<div class='container product-specification-block features'> <div><ul>\r\n                <li>Designed for seamless interaction with MagSafe technology</li>\r\n                <li>Strong magnetic alignment and attachment</li>       \r\n                <li>Easy access to dedicated card and cash slots </li>     \r\n                <li>Soft touch, durable synthetic leather material</li>     \r\n                <li>Folio protects screen and adds privacy</li>    \r\n                <li>Shield protects credit cards from magnetic damage</li>     \r\n                <li>Detachable folio wallet clicks your valuables onto your phone</li>\r\n                <li>Magnetic latch secures folio in place</li>\r\n                <li>For best experience and protection, attach to an OtterBox for MagSafe case*<br><br>\r\n                *For MagSafe cases: Symmetry Series for MagSafe, Aneu Series, Figura Series</li>     \r\n              </ul></div> </div>  ",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [],
    "selectedColorName": "Shadow (Black)",
    "wishlistpid": "77-85684",
    "warrantyData": {
      "description": "",
      "isWarrantyEligible": true,
      "damageCode": "IMG_RAMV_MAGSAFE_ACCY"
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.com/en-us/magsafe-iphone-13-and-iphone-13-pro-folio-for-magsafe-black/77-85684.html"
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close Quickview Dialog",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "csrf": {
    "tokenName": "csrf_token",
    "token": "hImt4ww9cwdzBNWE9oCWfYMyh25_RRXP43hJ7AgbewK__ZVVAby7EsRQ_uYrxqo3IdDRBoFUDJah8a0kjH50K63ODtmMUU-MCqDiRF64i1NHA3lMi51vBBeZn8lyuHhfwgQ7IgI0xTKk0Udmuwl1rd_iYKUedP-1aFEFTGs2irzH5qeaXGg="
  },
  "promos": {},
  "masterId": "magsafe-folio-iphp21",
  "color": "Shadow",
  "prodOptions": "color:shadow (black)",
  "navLevls": {
    "product_nav_lvl3": "halloween-phone-case",
    "product_nav_lvl2": "collections",
    "product_nav_lvl1": "the-drop"
  },
  "NotiFyResources": {
    "mailingListNames": {
      "BackInStock": "Back in Stock",
      "NewProduct": "New Product",
      "Newsletter": "Newsletter",
      "LimitedEditionSoldOut": "Limited Edition 2024 signup"
    },
    "notifyLabels": {
      "outOfStock": {
        "label": "Back in Stock Notification",
        "description": "This product is out of stock. Enter your email to be notified when it’s available."
      },
      "newProduct": {
        "label": "Product Launch Notification",
        "description": "This product is coming soon. Enter your email to be notified when it’s available."
      },
      "soldOut": {
        "label": "Sold Out",
        "description": "Oh no! We're sold out. But more limited-edition drops are coming.  Sign up and be the first in line."
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant col product-wrapper product-detail\n    \n    \"\n    data-pid=\"77-85684\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"49.95\"\n    data-discountedprice=\"49.95\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"OtterBox\" data-color=\"Shadow\" data-promos=\"&lt;span class=&quot;green&quot;&gt;Save 20% when you buy a case + screen protector, power, or accessory.&lt;/span&gt;\" data-options=\"color:shadow (black)\" \n    data-navlv1 = \"the-drop\" data-navlv2 = \"collections\" \n    data-navlv3 = \"halloween-phone-case\" data-masterid = \"magsafe-folio-iphp21\"\n    >\n\n    <div class=\"row\">\n\n        \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\n<div class=\"primary-images col-12 col-lg-6 gray-bg\">\n            \n            <div class=\"badge-product-container\">\n                \n            </div>\n\n            <div class=\"row\">\n                \n                <input type=\"hidden\" id=\"videoPositionValue\" value=\"\">\n                <div class='primary-images-main col-12 product-has-thumbnails order-lg-2'>\n                <div  class=\"d-lg-none\">\n                <div class=\"aspect-ratio-box\">\n                    <div class=\"aspect-ratio-box-inside\">\n                    <div class=\"slider-pdp js-slider-pdp-mobile slider-container slider-no-heading-text pagination-style-dots slider-buttons-inside slider-buttons-inside-md slider-buttons-inside-lg\" \n                        data-productbadge=\"0.0\"\n                        data-slider-loop=\"true\"\n                        data-slider-gutter=\"1\"\n                        data-slider-gutter-md=\"1\"\n                        data-slider-gutter-lg=\"1\"\n                        data-slider-thumbnail-container=\"slider-pdp-77-85684\">\n                        <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"high\" loading=\"eager\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                                    \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 4 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 5 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 6 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 7 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                    \n                                </div>\n                                \n                                \n                            \n\n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n                    </div>\n                    </div>\n                    </div>\n                </div>\n                <div class=\"slider-pdp slider-container desktop-grid-wrapper d-none d-lg-block\" data-productbadge=\"0.0\">\n                        <div class=\"d-none d-lg-block d-xl-none\">\n                            \n                                    \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                                \n                        </div>\n                        <div class=\"desktop-grid-view\">\n                                \n                                \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 2 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 3 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 4 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 5 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 6 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                    \n                                    <div class=\"slide gray-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 7 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                            itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                        \n                                    </div>\n                                    \n                                    \n                                \n                                \n                                \n                                    \n                                \n                                \n                                    \n                                    \n                                \n                                \n                                \n                                    \n                                \n                        </div>\n                </div>\n                </div>\n            </div>\n\n        <div id=\"videoModal\" class=\"video-modal modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"videoModal\">\n            <div class=\"modal-dialog modal-lg\" role=\"document\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\"></h5>\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                            <span aria-hidden=\"true\">&times;</span>\n                        </button>\n                    </div>\n                    <div class=\"modal-body video-container aspect-ratio-16-9 aspect-ratio-16-9-md\">\n                    <iframe id=\"ytplayer\" class=\"video-player\" title=\"Youtube Product Video\" width=\"640\" height=\"360\" allowfullscreen=\"allowfullscreen\"></iframe>\n                            \n                                \n                                <video id=\"nativeVideoPlayer\" preload=\"metadata\" class=\"video-player d-none js-native-video-player\" aria-describedby=\"Native Video Player\" controls poster=\"null\">\n                                    <source src=\"\" type=\"video/mp4\">\n                                </video>                      \n                            \n                    </div>\n                </div>\n            </div>\n        </div>\n\n\n<div class=\"d-lg-none\">\n    <div class=\"row\">\n        \n            \n            \n            \n            \n            <div class=\"primary-images primary-images-thumbnails col-12 order-lg-1 gray-bg\">\n                <section aria-label=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe  image carousel\"\n                    id=\"slider-pdp-77-85684\"\n                    class=\"slider-pdp slider-pdp-nav slider-container slider-no-heading-text slider-buttons-inside\"\n                    data-slider-items=\"5\"\n                    data-slider-items-md=\"7\"\n                    data-slider-items-lg=\"7\"\n                    data-slider-gutter=\"2\"\n                    data-slider-gutter-md=\"1\"\n                    data-slider-gutter-lg=\"1\"\n                    data-slider-loop=\"false\">\n\n           <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw1e37432e/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-2.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 2 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwd8d0e534/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-3.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 3 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwff4e74b9/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-4.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 4 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw724abe36/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-5t.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 5 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw765b6e8d/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-6.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 6 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw499e4fe7/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-7.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 7 - iPhone 13 and iPhone 13 Pro Folio for MagSafe \"\n                                        itemprop=\"image\" fetchpriority=\"low\" loading=\"lazy\" width=\"1600\" height=\"1600\" />\n                                </div>\n                                \n                                \n                            \n                            \n                            \n                            \n                                \n                            \n\n                            \n                                \n                                \n                            \n                            \n                            \n                                \n                            \n                        </div>\n\n\n                    <!--<div class=\"slider-thumbnail-controls\">\n                        <button class='prev icon-arrow-left-thin' aria-label=\"previous slide\">\n                            \n                        </button>\n                        <button class='next icon-arrow-right-thin' aria-label=\"next slide\">\n                            \n                        </button>\n                    </div>-->\n                </section>\n            </div>\n        \n    </div>\n</div>\n</div>\n\n        <div class=\"product-data col-12 col-md-6\">\n            <div class=\"d-none d-xl-block\">\n                \n                    \n    <button href=\"/on/demandware.store/Sites-ob_us-Site/en_US/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-85684\"\n       data-productname=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\"\n       data-uuid=\"\"\n       data-addmessage=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n       data-removemessage=\"Remove iPhone 13 and iPhone 13 Pro Folio for MagSafe from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add iPhone 13 and iPhone 13 Pro Folio for MagSafe to your Wishlist\"\n    >\n        \n        \n            <div class=\"wishlist-icon  before\"></div>\n        \n    </button>\n\n\n                \n            </div>\n            <div class=\"product-title\">\n                \n\n    \n        <span class=\"product-prename\">iPhone 13 and iPhone 13 Pro Folio for MagSafe\n        </span>\n\n\n\n                \n                \n            </div>\n\n            \n\n            \n            \n                \n            \n            <div class=\"detail-panel\">\n                <section class=\"attributes all-attributes \">\n                    \n                    \n                    \n                    \n                        \n                        <div data-attr=\"color\" class=\"swatch row yes-color-attribute\">\n                            <div class=\"col-12\">\n                                \n\n\n\n\n    <fieldset class=\"attribute colorswatch\">\n        \n\n            \n            <legend class=\"color non-input-label color-label\">\n                Color Name: <span class=\"color-display-value\">Shadow (Black)</span>\n                <button class=\"selectedsearchtext\"> <span>Shop Color</span></button>\n            </legend>\n\n            \n            \n                \n                    \n                     \n                    \n                    <button class=\"color-attribute  \"\n                            aria-label=\"Select Color Name Shadow (Black)\"\n                            aria-describedby=\"Shadow\"\n                            data-url=\"https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=Shadow&amp;pid=magsafe-folio-iphp21&amp;quantity=1\" \n                            data-sort=\"1\"\n                    >\n                        <span data-attr-value=\"Shadow\"\n                            data-displayvalue=\"Shadow (Black)\"\n                            data-vpurl='https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-GetVPPrice?vpid=77-85684'\n                            data-searchUrl=\"https://www.otterbox.com/en-us/search?q=Shadow%20%28Black%29\"\n                            class=\"swatch\n                                color-value\n                                swatch-circle\n                                swatch-value\n                                selected\n                                \n                                selectable\"\n                            style=\"background-image: url(https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwbd00b841/productimages/swatch/black.jpg?sw=60&amp;sh=60)\"\n                        >\n                        </span>\n                        <span id=\"Shadow\" class=\"sr-only selected-assistive-text\">\n                            selected\n                        </span>\n                    </button>\n                \n            \n                \n                    \n                     \n                    \n                    <button class=\"color-attribute  \"\n                            aria-label=\"Select Color Name Strawberry Pink\"\n                            aria-describedby=\"Strawberry-Pink\"\n                            data-url=\"https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?dwvar_magsafe-folio-iphp21_color=Strawberry%20Pink&amp;pid=magsafe-folio-iphp21&amp;quantity=1\" \n                            data-sort=\"0\"\n                    >\n                        <span data-attr-value=\"Strawberry Pink\"\n                            data-displayvalue=\"Strawberry Pink\"\n                            data-vpurl='https://www.otterbox.com/on/demandware.store/Sites-ob_us-Site/en_US/Product-GetVPPrice?vpid=77-85687'\n                            data-searchUrl=\"https://www.otterbox.com/en-us/search?q=Strawberry%20Pink\"\n                            class=\"swatch\n                                color-value\n                                swatch-circle\n                                swatch-value\n                                \n                                \n                                selectable\"\n                            style=\"background-image: url(https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dwbebbe317/productimages/swatch/strawberry-pink.png?sw=60&amp;sh=60)\"\n                        >\n                        </span>\n                        <span id=\"Strawberry-Pink\" class=\"sr-only selected-assistive-text\">\n                            \n                        </span>\n                    </button>\n                \n            \n        \n    </fieldset>\n\n\n\n                            </div>\n\n                            \n                                <div class=\"attribute quantity col-5 d-flex d-sm-none  \">\n                                    \n                                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Select quantity:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n            \n                \n            \n            <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n            \n            <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=4\"\n                    \n            >\n                4\n            </option>\n        \n            \n            <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=5\"\n                    \n            >\n                5\n            </option>\n        \n            \n            <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=6\"\n                    \n            >\n                6\n            </option>\n        \n            \n            <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=7\"\n                    \n            >\n                7\n            </option>\n        \n            \n            <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=8\"\n                    \n            >\n                8\n            </option>\n        \n            \n            <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=9\"\n                    \n            >\n                9\n            </option>\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"9\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                                    \n                                </div>\n                            \n                        </div>\n                    \n                </section>\n\n                <div class=\"product-item-details d-block\">\n\n                    \n                    <div class=\"global-availability d-flex flex-row-reverse\"\n                        data-ready-to-order=\"true\" data-available=\"true\">\n                        \n                        <div class=\"sku\">\n                            <span>\n    SKU\n</span>\n<span class=\"product-id\">\n    \n        77-85684\n    \n</span>\n\n\n\n                        </div>\n                        <!-- Availability -->\n<div class=\"availability row product-availability\" data-ready-to-order=\"true\" data-available=\"true\">\n    <div class=\"col-12 availability-container mb-2 mb-sm-0\">\n    <label class=\"availability non-input-label mb-0 mr-1\">Availability</label>\n    <ul class=\"list-unstyled availability-msg m-0\">\n\n        \n            \n                <li>\n                    \n                        <span>In Stock</span>\n                    \n                </li>\n            \n                <li>\n                    \n                        <span>Only 9 left!</span>\n                    \n                </li>\n            \n        \n    </ul>\n</div>\n</div>\n\n\n\n\n\n\n\n                    </div>\n\n                </div>\n\n                 \n\n\n\n\n                <div class=\"outofStock\">\n                    \n\n    \n    <div id=\"outofStock-swatch\"\n        class=\"notifyme-email  d-none\">\n        <div class=\"notifyme-canvas pt-0\">\n            <form role=\"form\" id=\"pdp-notifyme-signup-form\" action=\"/on/demandware.store/Sites-ob_us-Site/en_US/MailingList-NotifyMe\"\n                method=\"POST\" data-failureformat=\"Invalid Email address is submitted. Please Submit a Valid Email Address.\">\n                <input type=\"hidden\" name=\"addToList\" value=\"true\">\n                \n                        <input type=\"hidden\" name=\"mailingListName\" value=\"Back in Stock\">\n                \n                <input type=\"hidden\" name=\"crmLeadSource\" value=\"PDP\">\n                <input type=\"hidden\" name=\"productId\" value=\"77-85684\">\n                <input type=\"hidden\" name=\"productName\" value=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.com/en-us/magsafe-iphone-13-and-iphone-13-pro-folio-for-magsafe-black/77-85684.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"iPhone 13 and iPhone 13 Pro Folio for MagSafe\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw18ccdc54/productimages/dis/cases-screen-protection/magsafe-folio-iphp21/magsafe-folio-iphp21-shadow-1.png?sw=800&amp;sh=800\">\n                <div id=\"notifyme-sign-up-container\">\n\n                    \n                            <p class=\"alert-text font-weight-normal span-alert-notify\">This product is out of stock. Enter your email to be notified when it&rsquo;s available.</p>\n                    \n\n                    <div class=\"form-group required row\">\n                        <div class=\"col-12 col-sm-7\">\n                            <label for=\"pdEmailSignUp\" class=\"sr-only\">\n                                Enter Your Email</label>\n                            <input type=\"text\" class=\"form-control\" name=\"pdEmailSignUp\" id=\"pdEmailSignUp\"\n                            placeholder=\"Enter Your Email\">\n                        </div>\n                         <div class=\"col\">\n                             <button type=\"submit\" class=\"btn-primary notifyme-email\">\n                                Sign Up\n                            </button>\n                        </div>\n                    </div>\n\n                    <div class=\"alert alert-danger email-alert mt-3\"></div>\n                </div>\n            </form>\n        </div>\n    </div>\n\n                </div>\n\n                \n                    \n                \n            </div>\n        </div>\n    </div>\n\n    \n\n    \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n    \n    <div class=\"row w-100\">\n        <div class=\"col-md-5 col-sm-12 promotions\">\n            \n\n\n        \n        \n            <div class=\"promotion  d-none\">\n\n                \n                \n\n                <span class=\"promotion-text\"><span class=\"green\">Save 20% when you buy a case + screen protector, power, or accessory.</span></span>\n                <button\n                    aria-expanded=\"false\"\n                    aria-controls=\"promotion-details-0\"\n                    id=\"promotion-id-0\"\n                    class=\"promotion-toggle see-details see-details-0\"\n                    type=\"button\">\n                    (See Details)\n                </button>\n                <div\n                    id=\"promotion-details-0\"\n                    role=\"region\"\n                    aria-labelledby=\"promotion-id-0\"\n                    class=\"d-none prootion-details show-details show-details-0\">\n                    Offer valid on select series only. Must purchase both a case and screen protector or power product to qualify for discount. Exclusions may apply. Cannot be combined with any other offer or promotion. Not redeemable for cash, nor applicable toward previously purchased merchandise.\n                </div>\n            </div>\n            \n        \n    \n\n        </div>\n\n        <div class=\"col-md-7 col-sm-12\">\n            <div class=\"row align-items-end\">\n                <div class=\"quantity col-4 d-none d-md-block \">\n                    \n                        <div class=\"quantity col \">\n\n    \n\n\n\n\n\n\n\n\n\n\n\n    \n    \n\t<label for=\"quantity-1\" class=\"sr-only\">\n        <span>Select quantity:</span>\n        \n    </label>\n\n\t<select\n        class=\"quantity-select custom-select form-control d-none\"\n        id=\"quantity-1\"\n        name=\"quantity-select\"\n        tabindex=\"0\"\n    >\n        \n            \n                \n            \n            <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n            \n            <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=4\"\n                    \n            >\n                4\n            </option>\n        \n            \n            <option value=\"5\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=5\"\n                    \n            >\n                5\n            </option>\n        \n            \n            <option value=\"6\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=6\"\n                    \n            >\n                6\n            </option>\n        \n            \n            <option value=\"7\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=7\"\n                    \n            >\n                7\n            </option>\n        \n            \n            <option value=\"8\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=8\"\n                    \n            >\n                8\n            </option>\n        \n            \n            <option value=\"9\"\n                data-url=\"/on/demandware.store/Sites-ob_us-Site/en_US/Product-Variation?pid=77-85684&amp;quantity=9\"\n                    \n            >\n                9\n            </option>\n        \n    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"9\"\n>\n    <button class=\"icon-minus\" data-action=\"decrease\"></button>\n    <input name=\"qty-stepper-null\" data-uuid=\"null\" type=\"text\" value=\"1\" data-qty=\"1\" />\n    <button class=\"icon-plus\" data-action=\"increase\"></button>\n</div>\n\n</div>\n\n                    \n                </div>\n\n                <div class=\"col-8 mx-auto\">\n                    <div class=\"prices clearfix\">\n                        \n                        \n    <div class=\"price\">\n        \n        \n\n\n<span>\n    \n\n    \n\n    \n    <span class=\"sales\">\n        \n        \n        \n            <span class=\"value\" content=\"49.95\">\n                $49.95\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n                    </div>\n                    \n                        \r\n<div class=\"row cart-and-ipay\">\r\n    <div class=\"col-sm-12\">\r\n        <input type=\"hidden\" class=\"js-is-show-pp-button\" value=\"true\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-ob_us-Site/en_US/Cart-AddProduct\">\r\n        <button class=\"add-to-cart-global btn btn-primary js-add-to-cart-global qv-product-edit-add\"\r\n            data-pid=\"77-85684\" >\r\n            <i class=\"fa fa-shopping-bag\"></i>\r\n            \r\n                    \r\n                        Add to Cart\r\n                    \r\n\r\n                </iselse>\r\n            \r\n        </button>\r\n    </div>\r\n</div>\r\n\r\n\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n</div>",
  "productUrl": "/en-us/magsafe-iphone-13-and-iphone-13-pro-folio-for-magsafe-black/77-85684.html"
}