{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-85557",
  "locale": "en_US",
  "product": {
    "uuid": "c7e199346a63ad5c081a8a0878",
    "id": "77-85557",
    "productName": "LifeProof NËXT Case for MagSafe for iPhone 13",
    "productType": "variant",
    "brand": "LifeProof",
    "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": "j2ppxG5xnPE",
    "pdpNativeVideoList": [],
    "pdpNativeVideoThumbnailList": [],
    "pdpGifList": [],
    "whiteBackground": true,
    "storeTypePreferences": "false",
    "quickviewShowHeadlineAndDescription": false,
    "productVideoPosition": null,
    "ProductSpecifications": {
      "CableLength": null,
      "Capacity": null,
      "CompatibleWith": null,
      "ConnectorType": null,
      "CurrentCapacity": null,
      "DataRate": null,
      "Dimensions": null,
      "DropHeight": {},
      "DropRating": {},
      "EdgeStrengthDescription": null,
      "EdgeStrengthRating": null,
      "FeaturesDescriptionLong": {},
      "FeaturesDescriptionShort": {
        "0": "Clear",
        "1": "Antimicrobial",
        "2": "MagSafe"
      },
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": null,
      "Name1": "iPhone 13 Case for MagSafe",
      "Name2": "LifeProof NËXT",
      "PackageContents": null,
      "PortType": null,
      "PowerInput": null,
      "PowerOutput": null,
      "RecycledContent": "50% recycled plastic",
      "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": {},
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": true,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": null,
    "productDropRating": null,
    "PageDesignerID": null,
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "    <div class=\"product-info-icon col-12\">\n        <p style=\"margin: 10 auto; display: block; width: 100%; background-color: #e7f7fe; outline: 2px solid #b4d8e6; text-align: center; padding: 20px; font-size: 18px;\"><strong>Bulk Pricing:</strong> Buy 3+ save 30%<br>Use Code OBBULK30</p>\n    </div>\n\n\n\n",
        "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-85557\">\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": "3.5",
      "bvReviewCount": "14",
      "bvRatingRange": "5"
    },
    "dropSpecs": {},
    "color": "Essential Purple",
    "shortFeaturesDescription": {
      "0": "Clear",
      "1": "Antimicrobial",
      "2": "MagSafe"
    },
    "materials": null,
    "caseDesign": null,
    "recycledContent": "50% recycled plastic",
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 89.99,
        "currency": "USD",
        "formatted": "$89.99",
        "decimalPrice": "89.99"
      },
      "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=\"89.99\">\n                $89.99\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=800&sh=800",
          "index": "0",
          "title": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=176&sh=176",
          "index": "0",
          "title": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "url": "https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=1600&sh=1600",
          "index": "0",
          "title": "LifeProof NËXT Case for MagSafe for iPhone 13",
          "absURL": "https://www.otterbox.com/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color Name",
        "id": "color",
        "swatchable": true,
        "displayValue": "",
        "values": [],
        "isOnlyVariant": false
      }
    ],
    "longDescription": null,
    "shortDescription": "<p>Wrap your iPhone 13 with the case that’s always up for what’s NËXT. Made with recycled plastic and featuring 2-meter drop protection, plus the power to block dirt, snow, and debris, NËXT for MagSafe is tough and sustainable. It works seamlessly with MagSafe chargers and accessories to keep pace with your busy life. Its thin profile defends your phone against spills while the antimicrobial treatment keeps germs at bay. And it’s made with at least 50% recycled plastic to save your phone, and our planet.</p><br/>\n<p><span style=\"font-weight: 700\">DROP</span>PROOF | <span style=\"font-weight: 700\">DIRT</span>PROOF | <span style=\"font-weight: 700\"\">SNOW</span>PROOF</p>",
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "Free Holster with Defender Series XT purchase.",
        "details": "See discount in cart. Add a compatible Defender Series XT case and holster to your cart to claim.",
        "enabled": true,
        "id": "GWP - Defender XT holster",
        "name": "Free Holster with Defender Series XT purchase.",
        "promotionClass": "PRODUCT",
        "rank": 80,
        "noPDPPromo": false
      }
    ],
    "attributes": null,
    "availability": {
      "messages": [
        "Out of Stock"
      ],
      "inStockDate": null,
      "labelAddToCart": "Add to Cart",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": false,
    "options": [],
    "quantities": [],
    "selectedProductUrl": "/en-us/magsafe-iphone-13-case-for-magsafe/next-antimicrobial-magsafe-iph21.html?dwvar_next-antimicrobial-magsafe-iph21_color=Essential%20Purple",
    "selectedProductAbsoluteUrl": "https://www.otterbox.com/en-us/magsafe-iphone-13-case-for-magsafe-purple/77-85557.html",
    "readyToOrder": true,
    "online": false,
    "pageTitle": "NËXT for MagSafe for iPhone 13 — the eco-friendly, ultra-thin, Apple friendly clear case",
    "pageDescription": "NËXT for MagSafe combines sustainable design with Apple charger and accessory compatibility. The ultra-thin case is made from 50% recycled plastic and still withstands 2-meter drops.",
    "pageKeywords": "Thin iPhone 13 case, eco friendly phone case",
    "pageMetaTags": [],
    "template": null,
    "headlineDescription": null,
    "headline": null,
    "recommendations": [],
    "accessoryRecommendations": [],
    "hasAccessoryRecommendations": false,
    "pdpAssetIds": [],
    "pdpGalleryAssets": [],
    "tabs": [],
    "collapsibleContent": [
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      },
      {
        "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> </ul> </div> <div class='container product-specification-list drop-height product-specification-item'> <div class='append-stats'><h4><span>Drop Rate</span></h4></div> <ul> <li>6.6 feet / 2 meters</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>6.28 in x 3.37 in x 0.48 in / 159.63 mm x 85.52 mm x 12.29 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.12 lbs | 52.80 g</li> </ul> </div>            <div class='container product-specification-list product-specification-item'> <div class='append-stats'><h4><span>Recycled Content</span></h4></div> <ul> <li>50% recycled plastic</li> </ul> </div>  <div class='container product-specification-block antimicrobial product-specification-item'> <h4><span>Antimicrobial Technology</span></h4> <div><i class='fa fa-check-square' aria-hidden='true'></i> <span class='sr-only'>Yes</span></div> </div>",
        "state": "collapsed-closed"
      },
      {
        "title": "Features",
        "content": "<div class='container product-specification-block features'> <div><ul>\n\t<li>Works with Apple MagSafe charging system and accessories</li>\n\t<li>Helps protect case exterior against many common bacteria.*</li>\n    <li>17,000 lbs of post-industrial plastic repurposed so far</li>\n    <li>Screenless front for direct display touch</li>\n    <li>Sealed ports block dirt and dust from creeping in</li>\n    <br><br>\n    * It does not protect you or the screen. Active ingredient: silver phosphate glass.</li>\n</ul></div> </div>  ",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [],
    "wishlistpid": "77-85557",
    "warrantyData": {
      "description": {},
      "isWarrantyEligible": true,
      "damageCode": "IMG_RAMV_NEXT"
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.com/en-us/magsafe-iphone-13-case-for-magsafe-purple/77-85557.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": "KlHjT8zHmKno7gc7XD3mrRMgmtK0jEe_xDbqhl0BRoMaCOJaIQUm_rFOjyoekes_94_-b8I7SsqyvMLnvteeqIKkwFBYD-ILobW5DdDbIVxqKux2QzLRojPzLRQ73NPF-PnUEx4kCEDoUORM66QLkSSXtatg3Qxv1cyRm4Or_Ab3V_gtBZM="
  },
  "promos": {},
  "masterId": "next-antimicrobial-magsafe-iph21",
  "color": "Essential Purple",
  "prodOptions": "",
  "navLevls": {
    "product_nav_lvl3": "undefined",
    "product_nav_lvl2": "",
    "product_nav_lvl1": ""
  },
  "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-85557\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"89.99\"\n    data-discountedprice=\"89.99\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"LifeProof\" data-color=\"Essential Purple\" data-promos=\"Free Holster with Defender Series XT purchase.\" data-options=\"\" \n    data-navlv1 = \"\" data-navlv2 = \"\" \n    data-navlv3 = \"undefined\" data-masterid = \"next-antimicrobial-magsafe-iph21\"\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 \">\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 col-12 has-single-image 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-85557\">\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/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - iPhone 13 Case for MagSafe LifeProof N&Euml;XT\"\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-85557\"\n       data-productname=\"LifeProof N&Euml;XT Case for MagSafe for iPhone 13\"\n       data-uuid=\"\"\n       data-addmessage=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 to your Wishlist\"\n       data-removemessage=\"Remove LifeProof N&Euml;XT Case for MagSafe for iPhone 13 from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 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                                        <div class=\"slide no-zoom\">\n                                            <div class=\"video-container aspect-ratio-16-9\">\n                                                <a class=\"videoId video-thumbnail\" href=\"\" data-toggle=\"modal\" data-target=\"#videoModal\" data-videourl=\"https://www.youtube.com/embed/j2ppxG5xnPE\">\n                                                    <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                        style=\"background-image: url('https://img.youtube.com/vi/j2ppxG5xnPE/maxresdefault.jpg');\">\n                                                    </div>\n                                                    \n                                                        <span class=\"video-thumbnail-button\"></span>\n                                                </a>\n                                            </div>\n                                        </div>\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-85557\"\n       data-productname=\"LifeProof N&Euml;XT Case for MagSafe for iPhone 13\"\n       data-uuid=\"\"\n       data-addmessage=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 to your Wishlist\"\n       data-removemessage=\"Remove LifeProof N&Euml;XT Case for MagSafe for iPhone 13 from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 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 white-bg\" data-zoom-image=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - iPhone 13 Case for MagSafe LifeProof N&Euml;XT\"\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                                            <div class=\"slide no-zoom\">\n                                                <div class=\"video-container aspect-ratio-16-9\">\n                                                    <a class=\"videoId video-thumbnail\" href=\"\" tabindex=\"0\" data-toggle=\"modal\" data-target=\"#videoModal\" data-videourl=\"https://www.youtube.com/embed/j2ppxG5xnPE\">\n                                                        <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                            style=\"background-image: url('https://img.youtube.com/vi/j2ppxG5xnPE/maxresdefault.jpg');\">\n                                                        </div>\n                                                        \n                                                            <span class=\"video-thumbnail-button\"></span>\n                                                    </a>\n                                                </div>\n                                            </div>\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    </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-85557\"\n       data-productname=\"LifeProof N&Euml;XT Case for MagSafe for iPhone 13\"\n       data-uuid=\"\"\n       data-addmessage=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 to your Wishlist\"\n       data-removemessage=\"Remove LifeProof N&Euml;XT Case for MagSafe for iPhone 13 from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add LifeProof N&Euml;XT Case for MagSafe for iPhone 13 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 Case for MagSafe\n        </span>\n\n\n\n                \n\t<h2 class=\"product-name\">LifeProof N&Euml;XT</h2>\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\">Select a Color Name</span>\n                <button class=\"selectedsearchtext\"> <span>Shop Color</span></button>\n            </legend>\n\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    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"0\"\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=\"false\">\n                        \n                        <div class=\"sku\">\n                            <span>\n    SKU\n</span>\n<span class=\"product-id\">\n    \n        77-85557\n    \n</span>\n\n\n\n                        </div>\n                        <!-- Availability -->\n<div class=\"availability row product-availability\" data-ready-to-order=\"true\" data-available=\"false\">\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                        \n                            <span class=\"availability-status\">Out of Stock</span>\n                        \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  oos-unavailable\">\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-85557\">\n                <input type=\"hidden\" name=\"productName\" value=\"LifeProof N&Euml;XT Case for MagSafe for iPhone 13\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.com/en-us/magsafe-iphone-13-case-for-magsafe-purple/77-85557.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"iPhone 13 Case for MagSafe\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.com/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw6be7f1df/productimages/dis/cases-screen-protection/next-antimicrobial-magsafe-iph21/next-antimicrobial-magsafe-iph21-blackcrystal-d-split.jpg?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\">Free Holster with Defender Series XT purchase.</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                    See discount in cart. Add a compatible Defender Series XT case and holster to your cart to claim.\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    </select>\n    \n    \n    \n    \n    \n\t\n        <div\n    class=\"quantity-stepper form-control \"\n    data-min=\"1\"\n    data-max=\"0\"\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=\"89.99\">\n                $89.99\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=\"false\">\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-85557\" disabled>\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-case-for-magsafe-purple/77-85557.html"
}