{
  "action": "Product-ShowQuickView",
  "queryString": "pid=77-90417",
  "locale": "en_HK",
  "product": {
    "uuid": "4360b990b45bf1859fd60f31b2",
    "id": "77-90417",
    "productName": "Galaxy Z Flip4 Symmetry Series Flex Case",
    "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": "GOu5ZeFN21g,Dm6CVtj5Ik4",
    "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": "Slim",
        "1": "Clear",
        "2": "Antimicrobial"
      },
      "HasScreenProtection": null,
      "InstallationDescription": null,
      "IsAntiMicrobial": null,
      "LidType": null,
      "Materials": {
        "0": "Synthetic rubber",
        "1": "Polycarbonate"
      },
      "Name1": "Galaxy Z Flip4 Case",
      "Name2": "Symmetry Series Flex",
      "PackageContents": null,
      "PortType": null,
      "PowerInput": null,
      "PowerOutput": null,
      "RecycledContent": "Made with more than 40% 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": null,
      "IconThree": null,
      "IconFour": null
    },
    "EmailCapture": false,
    "preLaunch": null,
    "limitedEdition": null,
    "productProfile": 3,
    "productDropRating": 3,
    "PageDesignerID": null,
    "PdpTemplateHelper": {
      "templates": {
        "Icons": "",
        "CustomizeIcon": "",
        "PdpEmailSignUp": "    <hr>\n    \n    \n\n"
      }
    },
    "ProductRatings": {
      "bvCartridgeEnabled": false,
      "bvAverageRating": null,
      "bvReviewCount": null,
      "bvRatingRange": null
    },
    "dropSpecs": {},
    "color": "Black",
    "shortFeaturesDescription": {
      "0": "Slim",
      "1": "Clear",
      "2": "Antimicrobial"
    },
    "materials": {
      "0": "Synthetic rubber",
      "1": "Polycarbonate"
    },
    "caseDesign": null,
    "recycledContent": "Made with more than 40% recycled plastic",
    "ulCertified": null,
    "price": {
      "sales": {
        "value": 69.95,
        "currency": "USD",
        "formatted": "US$69.95",
        "decimalPrice": "69.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=\"69.95\">\n                US$69.95\n\n\n            </span>\n        \n    </span>\n</span>\n\n    \n    \n\n\n    </div>\n\n\n",
    "images": {
      "large": [
        {
          "alt": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=800&sh=800",
          "index": "0",
          "title": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png",
          "type": "dis"
        }
      ],
      "small": [
        {
          "alt": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=176&sh=176",
          "index": "0",
          "title": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png",
          "type": "dis"
        }
      ],
      "hi-res": [
        {
          "alt": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "url": "https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=1600&sh=1600",
          "index": "0",
          "title": "Galaxy Z Flip4 Symmetry Series Flex Case",
          "absURL": "https://www.otterbox.asia/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png",
          "type": "dis"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 4,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color Name",
        "id": "color",
        "swatchable": true,
        "displayValue": "",
        "values": [],
        "isOnlyVariant": false
      }
    ],
    "longDescription": null,
    "shortDescription": "The precision design of Galaxy Z Flip4 case Symmetry Series Flex packs proven protection into a slim form \r\nthat highlights your phone while keeping it safe. All phone features and functions work seamlessly with \r\nthe folding phone case and the phone hinge is covered and protected when folded.",
    "rating": 5,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [
        "Out of Stock"
      ],
      "inStockDate": null,
      "labelAddToCart": "Add to Cart",
      "labelBuyNow": "Buy Now",
      "isPreOrderBackOrder": false
    },
    "available": false,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&quantity=4"
      }
    ],
    "selectedProductUrl": "/en-hk/folio-galaxy-z-flip4-case/symmetry-flex-galaxy-z-flip-4.html?dwvar_symmetry-flex-galaxy-z-flip-4_color=Black",
    "selectedProductAbsoluteUrl": "https://www.otterbox.asia/en-hk/folio-galaxy-z-flip4-case-black/77-90417.html",
    "readyToOrder": true,
    "online": false,
    "pageTitle": "Galaxy Z Flip4 Case | OtterBox Symmetry",
    "pageDescription": "Slim and cute Galaxy Z Flip4 Case from OtterBox Symmetry Series Flex Antimicrobial designed to protect flip phones against drops and scrapes. Protect new Samsung Galaxy.",
    "pageKeywords": "Galaxy case, Galaxy Z Flip4 , Galaxy Z Flip4 Case, protective case, Symmetry, Folio case, Antimicrobial",
    "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>Galaxy Z Flip4</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>DROP+ | 3X as many drops as military standard (MIL-STD-810G 516.6)</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.75 in x 3.10 in x 0.51 in / 171.40 mm x 78.86 mm x 12.83 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.11 lbs | 49.13 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 rubber</li> <li>Polycarbonate</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>Made with more than 40% 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>\r\n                <li>Ultra-sleek design for foldable phones</li>\r\n                <li>Built-in hinge protection</li>\r\n                <li>Raised edges protect camera and screen</li>\r\n                <li>DROP+ | 3X as many drops as military standard (MIL-STD-810G 516.6)</li>\r\n                <li>Wireless charging compatible</li>\r\n                <li>Made with more than 40% recycled plastic</li>\r\n                <li>Easy installation</li>\r\n                <li>Lasting antimicrobial properties to protect the case*</li>\r\n<br><br/>\r\n*Helps protect the case exterior against many common bacteria. It does not protect you or \r\nthe screen.</li>\r\n</ul></div> </div>  ",
        "state": "collapsed-closed"
      },
      {
        "title": "",
        "content": null,
        "state": "collapsed-closed"
      }
    ],
    "badges": [],
    "wishlistpid": "77-90417",
    "warrantyData": {
      "description": {},
      "isWarrantyEligible": false,
      "damageCode": ""
    },
    "socialSharingTitle": null,
    "socialSharingDescription": null,
    "absProductPageUrl": "https://www.otterbox.asia/en-hk/folio-galaxy-z-flip4-case-black/77-90417.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": "TxMyohz98ML4shUbrBbT2oqP6VF8kw5ieAq4ln4nLSnwJ6FuHh79VQwm3KXHrh2vq8x_aneJH2shzBbFxdbjigaUQ1CklN6K_cVebRobN1_wSsczXHFOT7Z-REJt-yWGnTmdyHVc9BYgb2OAjoVbWzC6dq05RBTuQ6V4Po5J_XpZp_jnySc="
  },
  "promos": "",
  "masterId": "symmetry-flex-galaxy-z-flip-4",
  "color": "Black",
  "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-90417\" data-swatchable-attributes=\"['color']\"\n    data-pricelist=\"69.95\"\n    data-discountedprice=\"69.95\"\n    data-pricediscount=\"0.0\"\n    data-brand=\"OtterBox\" data-color=\"Black\" data-promos=\"\" data-options=\"\" \n    data-navlv1 = \"\" data-navlv2 = \"\" \n    data-navlv3 = \"undefined\" data-masterid = \"symmetry-flex-galaxy-z-flip-4\"\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-90417\">\n                        <div class=\"slider\">\n                            \n                            \n                            \n                                \n                                <div class=\"slide\" data-zoom-image=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                    <img src=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                        alt=\"product image 1 - Galaxy Z Flip4 Case Symmetry Series Flex\"\n                                        itemprop=\"image\" fetchpriority=\"high\" loading=\"eager\" width=\"1600\" height=\"1600\"  />\n                                    \n                                        \n    <button href=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-90417\"\n       data-productname=\"Galaxy Z Flip4 Symmetry Series Flex Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add Galaxy Z Flip4 Symmetry Series Flex Case to your Wishlist\"\n       data-removemessage=\"Remove Galaxy Z Flip4 Symmetry Series Flex Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add Galaxy Z Flip4 Symmetry Series Flex Case 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/GOu5ZeFN21g\">\n                                                    <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                        style=\"background-image: url('https://img.youtube.com/vi/GOu5ZeFN21g/maxresdefault.jpg');\">\n                                                    </div>\n                                                    \n                                                        <span class=\"video-thumbnail-button\"></span>\n                                                </a>\n                                            </div>\n                                        </div>\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/Dm6CVtj5Ik4\">\n                                                    <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                        style=\"background-image: url('https://img.youtube.com/vi/Dm6CVtj5Ik4/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_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-90417\"\n       data-productname=\"Galaxy Z Flip4 Symmetry Series Flex Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add Galaxy Z Flip4 Symmetry Series Flex Case to your Wishlist\"\n       data-removemessage=\"Remove Galaxy Z Flip4 Symmetry Series Flex Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add Galaxy Z Flip4 Symmetry Series Flex Case 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.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=1600&amp;sh=1600\" itemscope>\n                                        <img src=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-1.png?sw=800&amp;sh=800\" class=\"d-block img-fluid\"\n                                            alt=\"product image 1 - Galaxy Z Flip4 Case Symmetry Series Flex\"\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/GOu5ZeFN21g\">\n                                                        <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                            style=\"background-image: url('https://img.youtube.com/vi/GOu5ZeFN21g/maxresdefault.jpg');\">\n                                                        </div>\n                                                        \n                                                            <span class=\"video-thumbnail-button\"></span>\n                                                    </a>\n                                                </div>\n                                            </div>\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/Dm6CVtj5Ik4\">\n                                                        <div class=\"video-thumbnail-image background-image-desktop\" role=\"img\"\n                                                            style=\"background-image: url('https://img.youtube.com/vi/Dm6CVtj5Ik4/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_asia-Site/en_HK/Wishlist-ToggleProduct\"\n       class=\"wishlist \"\n       data-nextaction=\"\"\n       data-wishlistpid=\"77-90417\"\n       data-productname=\"Galaxy Z Flip4 Symmetry Series Flex Case\"\n       data-uuid=\"\"\n       data-addmessage=\"Add Galaxy Z Flip4 Symmetry Series Flex Case to your Wishlist\"\n       data-removemessage=\"Remove Galaxy Z Flip4 Symmetry Series Flex Case from your Wishlist\"\n       data-includeicon=\"true\"\n       data-includetext=\"null\"\n       title=\"Add Galaxy Z Flip4 Symmetry Series Flex Case 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\">Galaxy Z Flip4 Case\n        </span>\n\n\n\n                \n\t<h2 class=\"product-name\">Symmetry Series Flex</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 other products in this colour</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            \n                \n            \n            <option value=\"1\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n            \n            <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=4\"\n                    \n            >\n                4\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=\"4\"\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-90417\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  d-none\">\n        <div class=\"notifyme-canvas pt-0\">\n            <form role=\"form\" id=\"pdp-notifyme-signup-form\" action=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/MailingList-NotifyMe\"\n                method=\"POST\" data-failureformat=\"Please enter a valid email address.\">\n                <input type=\"hidden\" name=\"addToList\" value=\"false\">\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-90417\">\n                <input type=\"hidden\" name=\"productName\" value=\"Galaxy Z Flip4 Symmetry Series Flex Case\">\n                <input type=\"hidden\" name=\"productPageUrl\" value=\"https://www.otterbox.asia/en-hk/folio-galaxy-z-flip4-case-black/77-90417.html\">\n                <input type=\"hidden\" name=\"deviceName\" value=\"Galaxy Z Flip4 Case\">\n                <input type=\"hidden\" name=\"productImageUrl\" value=\"https://www.otterbox.asia/dw/image/v2/BGMS_PRD/on/demandware.static/-/Sites-masterCatalog/default/dw25d3f674/productimages/dis/cases-screen-protection/symmetry-flex-galaxy-z-flip-4/symmetry-flex-galaxy-z-flip-4-black-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        </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_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=1\"\n                    selected\n            >\n                1\n            </option>\n        \n            \n            <option value=\"2\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=2\"\n                    \n            >\n                2\n            </option>\n        \n            \n            <option value=\"3\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=3\"\n                    \n            >\n                3\n            </option>\n        \n            \n            <option value=\"4\"\n                data-url=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/Product-Variation?pid=77-90417&amp;quantity=4\"\n                    \n            >\n                4\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=\"4\"\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=\"69.95\">\n                US$69.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=\"false\">\r\n        <input type=\"hidden\" class=\"add-to-cart-url js-add-to-cart-url\" value=\"/on/demandware.store/Sites-ob_asia-Site/en_HK/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-90417\" 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-hk/folio-galaxy-z-flip4-case-black/77-90417.html"
}