{
  "action": "Product-ShowQuickView",
  "queryString": "ajax=true&geCountry=GB&geCurrency=GBP&pid=000758873",
  "locale": "default",
  "product": {
    "uuid": "f4474263f61b889ba1d466802b",
    "id": "000758873",
    "productName": "The Essential Cocoa Leather Clutch Bag",
    "productType": "master",
    "brand": "THE UNIFORM",
    "EAN": "",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null
    },
    "images": {
      "large": [
        {
          "alt": "The Essential Cocoa Leather Clutch Bag",
          "url": "https://i8.amplience.net/i/liberty/000758873-R462081006-1?",
          "index": "0",
          "title": "The Essential Cocoa Leather Clutch Bag",
          "absURL": "https://i8.amplience.net/i/liberty/000758873-R462081006-1?"
        },
        {
          "alt": "The Essential Cocoa Leather Clutch Bag",
          "url": "https://i8.amplience.net/i/liberty/000758873-R462081006-2?",
          "index": "1",
          "title": "The Essential Cocoa Leather Clutch Bag",
          "absURL": "https://i8.amplience.net/i/liberty/000758873-R462081006-2?"
        },
        {
          "alt": "The Essential Cocoa Leather Clutch Bag",
          "url": "https://i8.amplience.net/i/liberty/000758873-R462081006-3?",
          "index": "2",
          "title": "The Essential Cocoa Leather Clutch Bag",
          "absURL": "https://i8.amplience.net/i/liberty/000758873-R462081006-3?"
        },
        {
          "alt": "The Essential Cocoa Leather Clutch Bag",
          "url": "https://i8.amplience.net/i/liberty/000758873-R462081006-7?",
          "index": "3",
          "title": "The Essential Cocoa Leather Clutch Bag",
          "absURL": "https://i8.amplience.net/i/liberty/000758873-R462081006-7?"
        },
        {
          "alt": "The Essential Cocoa Leather Clutch Bag",
          "url": "https://i8.amplience.net/i/liberty/000758873-R462081006-8?",
          "index": "4",
          "title": "The Essential Cocoa Leather Clutch Bag",
          "absURL": "https://i8.amplience.net/i/liberty/000758873-R462081006-8?"
        }
      ],
      "small": {},
      "set": {},
      "hi-res": {},
      "medium": {},
      "video": {}
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Colour",
        "id": "color",
        "swatchable": true,
        "values": [],
        "visible": true
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "values": [],
        "visible": true
      }
    ],
    "longDescription": null,
    "shortDescription": "Sleek, sophisticated and simply styled, the Essential clutch bag in cocoa from THE UNIFORM will add a touch of elegance to any attire.",
    "rating": 5,
    "promotions": [
      {
        "calloutMsg": "",
        "details": "",
        "enabled": true,
        "id": "Spend_save_100_off_300",
        "name": "£100 Off every £300",
        "promotionClass": "ORDER",
        "rank": null
      },
      {
        "calloutMsg": "<p class=\"pdp-call-out-message\"><svg class=\"pr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"19.951\" height=\"20\" viewBox=\"0 0 19.951 20\">\r\n\t<g id=\"icon\" transform=\"translate(-765.52 -435.64)\">\r\n\t\t<path data-name=\"Path 133\" d=\"M19.951,4.842V4.79a.588.588,0,0,0-.345-.536L10.345.053A.591.591,0,0,0,9.881.043L.368,3.9A.588.588,0,0,0,0,4.44v.03H0V15.3a.587.587,0,0,0,.348.537L9.51,19.95A.585.585,0,0,0,9.751,20a.577.577,0,0,0,.214-.041L19.577,16.2a.587.587,0,0,0,.374-.548V4.842ZM10.088,1.229l7.817,3.547L14.87,5.981a.581.581,0,0,0-.166-.118L7.084,2.445Zm-.173,6.72L2.054,4.482,5.621,3.038a.589.589,0,0,0,.155.111L13.4,6.566ZM1.177,5.382,9.311,8.969l-.089,9.56L1.177,14.923ZM10.4,18.527l.089-9.539,3.386-1.345v2.68a.588.588,0,1,0,1.177,0V7.175L18.774,5.7v9.556Z\" transform=\"translate(765.52 435.64)\" fill=\"#020202\" />\r\n\t</g>\r\n</svg>Free UK Standard delivery within 3 working days on all orders over £100 </p>",
        "details": "",
        "enabled": true,
        "id": "standard_delivery_3wd_PDP",
        "name": null,
        "promotionClass": "SHIPPING",
        "rank": 10
      },
      {
        "calloutMsg": "<div class=\"pdp-call-out-message\">\r\n  <!-- CSS -->\r\n  <style type=\"text/css\">\r\n    .pdp-call-out-message a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    /* CONTAINER */\r\n    .spend-save-content {\r\n      height: 60px;\r\n      border-radius: 5px;\r\n      margin: 8px 0;\r\n      max-width: 500px;\r\n      position: relative;\r\n      padding: 10px 15px;\r\n      font-size: 10px;\r\n      background-color: #fff9f2;\r\n      letter-spacing: 0.8px;\r\n      overflow: hidden;\r\n    }\r\n    /* GRID CONTAINER */\r\n    .spend-save-content .pdp-container {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      grid-template-rows: auto;\r\n      position: relative;\r\n      gap: 4rem;\r\n      height: 100%;\r\n      z-index: 1;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      align-items: center;\r\n    }\r\n\r\n    /* PDP STYLE */\r\n    .spend-save-content .pdp-container p,\r\n    .spend-save-content .pdp-container span {\r\n      font-family: Portrait Web, serif;\r\n      margin-bottom: 0;\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 {\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 p {\r\n      max-width: 7ch;\r\n      text-align: right;\r\n      direction: rtl;\r\n      font-style: italic;\r\n      font-size: clamp(1.3rem, 5vw, 2rem);\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 span {\r\n      text-transform: uppercase;\r\n      font-style: normal;\r\n      font-size: clamp(1.6rem, 2vw, 2.2rem);\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-2 {\r\n      text-align: right;\r\n    }\r\n\r\n    /* PDP BACKGROUND SVG */\r\n    .spend-save-content .pdp-bckg {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n    .spend-save-content .pdp-bckg svg {\r\n      height: 100%;\r\n      object-fit: cover;\r\n      position: absolute;\r\n      inset: auto;\r\n      z-index: 1;\r\n      right: -2rem;\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      .spend-save-content {\r\n        max-width: 430px;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 543px) {\r\n      .hide-mob {\r\n        display: none !important;\r\n      }\r\n      .spend-save-content .pdp-container {\r\n        grid-template-columns: auto 1fr;\r\n        gap: 3rem;\r\n      }\r\n      .spend-save-content .pdp-bckg {\r\n        justify-content: end;\r\n      }\r\n    }\r\n    @media screen and (max-width: 374px) {\r\n      .spend-save-content .pdp-container {\r\n        gap: 2rem;\r\n      }\r\n      .spend-save-content .pdp-bckg svg {\r\n        right: -4rem;\r\n      }\r\n    }\r\n  </style>\r\n  <!-- PDP -->\r\n  <div class=\"spend-save-content\">\r\n    <div class=\"pdp-container\">\r\n      <div class=\"pdp-content-1\">\r\n        <p>hello, <span>Spring</span></p>\r\n      </div>\r\n      <div class=\"pdp-content-2\">\r\n        <svg width=\"190\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <title>£100 OFF every £300</title>\r\n          <path\r\n            d=\"m.185 16.9-.118-.085c.907-1.343 1.444-1.695 1.78-3.189.117-.504.184-1.108.234-1.729H.554v-.554h1.578c.067-.84.1-1.695.168-2.484C2.468 6.86 3.91 5.35 5.758 5.35a7.93 7.93 0 0 1 1.88.234v1.612h-.101c-.42-.789-1.04-1.259-1.863-1.259-1.276 0-1.679 1.158-1.83 2.551l-.336 2.854H6.06v.554H3.424c-.084.588-.168 1.057-.285 1.377-.269.755-.789 1.426-1.293 1.896a2.217 2.217 0 0 1 1.125-.319c1.091 0 2.166.739 3.206.739.856 0 1.477-.671 1.914-1.393l.084.033c-.286 1.444-1.158 2.535-2.25 2.535-1.124 0-2.249-.974-3.44-.974-1.008 0-1.713.571-2.3 1.108Zm14.74-.252H9.408v-.143l1.689-1.142V2.807l-1.713-.642v-.142c.714-.262 2.569-.975 3.829-1.38v14.72l1.712 1.142v.143ZM19.218 8.8c0 4.161 1.736 7.277 3.829 7.277 2.092 0 3.852-3.14 3.852-7.277 0-4.162-1.76-7.348-3.876-7.348-2.093 0-3.805 3.186-3.805 7.348Zm-2.307.166c0-4.351 2.759-8.323 6.112-8.323 3.4 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.33 0-6.136-3.59-6.136-7.919ZM33.686 8.8c0 4.161 1.736 7.277 3.828 7.277 2.093 0 3.853-3.14 3.853-7.277 0-4.162-1.76-7.348-3.876-7.348-2.093 0-3.805 3.186-3.805 7.348Zm-2.307.166c0-4.351 2.759-8.323 6.112-8.323 3.4 0 6.159 3.639 6.159 7.99 0 4.376-2.783 8.252-6.136 8.252-3.329 0-6.135-3.59-6.135-7.919Zm19.575 0c0-4.732 3.472-8.323 7.823-8.323 4.328 0 7.848 3.282 7.848 7.99 0 4.733-3.543 8.276-7.848 8.276-4.256 0-7.823-3.258-7.823-7.943Zm2.354-.166c0 4.494 2.473 7.3 5.47 7.3 2.996 0 5.516-2.83 5.516-7.3 0-4.494-2.52-7.348-5.517-7.348-3.02 0-5.47 2.854-5.47 7.348Zm24.212-.951 1.07-1.617h.119v4.042h-.119l-1.07-1.617h-5.136v6.683l2.306 1.165v.143h-5.992v-.143l1.57-1.142V2.19l-1.57-1.141V.905H79.09v2.949h-.143L77.33 1.69h-4.947v6.159h5.137Zm12.633 0 1.07-1.617h.12v4.042h-.12l-1.07-1.617h-5.136v6.683l2.306 1.165v.143h-5.992v-.143l1.57-1.142V2.19l-1.57-1.141V.905h10.392v2.949h-.143L89.963 1.69h-4.946v6.159h5.136Zm10.868 9.036c-1.07 0-2.402-.808-2.402-2.925 0-3.71 2.806-7.3 5.564-7.3 1.094 0 1.784.404 1.784.975 0 .618-.927 2.402-5.018 2.901a9.51 9.51 0 0 0-.547 3.187c0 1.402.547 2.02 1.261 2.02.88 0 2.021-.879 3.044-2.068l.214.143c-.999 1.902-2.378 3.067-3.9 3.067Zm2.782-9.583c-.832 0-1.902 1.046-2.616 2.687 1.57-.31 3.234-1.094 3.234-2.212 0-.285-.19-.475-.618-.475Zm10.679.333c0 1.284-1.071 3.329-7.039 9.464h-.238c.475-3.828.785-7.8.737-8.893l-1.189-.619.024-.166c.571-.19 1.807-.57 2.806-.833.143 1.713-.309 6.302-.595 7.943 3.448-4.21 3.758-5.707 3.758-6.42 0-.334-.191-.666-.428-.857v-.071l1.783-.547c.143.143.381.547.381.999Zm2.586 9.25c-1.07 0-2.402-.808-2.402-2.925 0-3.71 2.806-7.3 5.564-7.3 1.094 0 1.784.404 1.784.975 0 .618-.927 2.402-5.018 2.901a9.51 9.51 0 0 0-.547 3.187c0 1.402.547 2.02 1.261 2.02.88 0 2.021-.879 3.044-2.068l.214.143c-.999 1.902-2.378 3.067-3.9 3.067Zm2.782-9.583c-.832 0-1.902 1.046-2.616 2.687 1.57-.31 3.234-1.094 3.234-2.212 0-.285-.19-.475-.618-.475Zm4.472 9.346h-1.617l1.688-8.276-1.331-.618v-.167c.499-.19 2.259-.737 3.4-.999l-.856 4.067c1.356-2.45 2.426-3.995 2.949-3.995.428 0 1.117.261 1.355.404l-.713 1.807c-.214-.095-.69-.356-1.023-.356-.404 0-1.117.784-2.83 3.353l-1.022 4.78Zm12.082-8.3c0-.404-.215-.808-.571-1.117v-.072l1.902-.523c.167.214.357.642.357 1.094 0 1.57-1.546 3.662-4.637 8.252l-4.899 7.11-1.902-.262v-.142c1.759-1.546 4.399-4.566 5.517-5.993-.095-3.21-.405-6.896-.619-8.49l-1.189-.642v-.142c.547-.19 1.713-.57 2.616-.833.333 1.974.571 5.66.595 8.038 2.116-3.52 2.83-5.113 2.83-6.278Zm7.045 8.551-.118-.084c.907-1.343 1.444-1.695 1.78-3.189.117-.504.184-1.108.235-1.729h-1.528v-.554h1.578c.067-.84.101-1.695.168-2.484.168-1.998 1.611-3.508 3.458-3.508.923 0 1.678.184 1.88.234v1.612h-.101c-.42-.789-1.041-1.259-1.863-1.259-1.276 0-1.679 1.158-1.83 2.551l-.336 2.854h2.552v.554h-2.636c-.084.588-.167 1.057-.285 1.377-.269.755-.789 1.426-1.292 1.896a2.212 2.212 0 0 1 1.124-.319c1.091 0 2.166.739 3.206.739.856 0 1.477-.671 1.914-1.393l.084.033c-.286 1.444-1.158 2.535-2.249 2.535-1.125 0-2.25-.974-3.442-.974-1.007 0-1.712.571-2.299 1.108Zm10.293-8.503-.142-.19c1.902-1.451 3.424-2.688 3.424-4.21 0-1.141-.69-1.997-2.069-1.997-1.26 0-2.045.88-2.497 1.355l-.166-.095c.309-.784 1.236-2.592 3.686-2.592 1.831 0 3.044 1.07 3.044 2.759 0 1.617-1.57 2.687-2.783 3.353 2.164.071 4.138 1.117 4.138 3.567 0 4.09-4.756 5.992-8.228 6.658l-.071-.238c2.639-1.046 6.159-3.091 6.159-5.873 0-2.045-1.522-2.711-3.02-2.711-.666 0-1.261.166-1.475.214Zm11.086.404c0 4.161 1.736 7.277 3.828 7.277 2.093 0 3.853-3.14 3.853-7.277 0-4.162-1.76-7.348-3.877-7.348-2.092 0-3.804 3.186-3.804 7.348Zm-2.307.166c0-4.351 2.758-8.323 6.111-8.323 3.401 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.329 0-6.135-3.59-6.135-7.919Zm16.774-.166c0 4.161 1.736 7.277 3.829 7.277s3.852-3.14 3.852-7.277c0-4.162-1.759-7.348-3.876-7.348-2.092 0-3.805 3.186-3.805 7.348Zm-2.306.166c0-4.351 2.758-8.323 6.111-8.323 3.401 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.329 0-6.135-3.59-6.135-7.919Z\"\r\n            fill=\"#000\" />\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <!-- PDP Backgorund -->\r\n    <div class=\"pdp-bckg\">\r\n      <svg width=\"264\" height=\"60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <ellipse cx=\"141.5\" cy=\"-10.5\" rx=\"141.5\" ry=\"127.5\" fill=\"#EADD67\" />\r\n      </svg>\r\n    </div>\r\n  </div>\r\n</div>",
        "details": "",
        "enabled": true,
        "id": "promotion_event_PDP",
        "name": null,
        "promotionClass": "SHIPPING",
        "rank": 50
      },
      {
        "calloutMsg": "",
        "details": "",
        "enabled": true,
        "id": "£1 charity delivery £75",
        "name": "Free UK Standard Delivery",
        "promotionClass": "SHIPPING",
        "rank": null
      },
      {
        "calloutMsg": "",
        "details": "",
        "enabled": true,
        "id": "Free_UK_STD_Delivery_75",
        "name": "Free UK Standard Delivery",
        "promotionClass": "SHIPPING",
        "rank": null
      }
    ],
    "attributes": [
      {
        "ID": "storefrontAttributes",
        "name": "Storefront Attributes",
        "attributes": [
          {
            "label": "Product Features",
            "value": [
              {}
            ]
          },
          {
            "label": "Editor Notes",
            "value": [
              {}
            ]
          }
        ]
      }
    ],
    "custom": {
      "productFeatures": {},
      "editorNotes": {}
    },
    "availability": {
      "messages": [
        "Out of stock"
      ],
      "inStockDate": null
    },
    "available": false,
    "availableQuantity": 0,
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?pid=000758873&quantity=10"
      }
    ],
    "sizeChartId": null,
    "selectedProductUrl": "/uk/the-essential-cocoa-leather-clutch-bag-000758873.html?%2Fuk%2Fthe-essential-cocoa-leather-clutch-bag-000758873.html=undefined&quantity=undefined",
    "readyToOrder": false,
    "online": false,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {},
      {}
    ],
    "template": null,
    "isFabricUnit": false,
    "isRestrictedForCountry": false,
    "restrictionMessage": null,
    "isPackagingOptionProduct": false,
    "badge": "",
    "loyaltyPoints": "0",
    "isQtyOrderable": false,
    "isProductOrderable": true,
    "isPersonalisable": false,
    "personalisationRegex": null,
    "characterCountdown": 0,
    "applicablePersonalisation": null,
    "isAvailablePersonalisationProduct": false,
    "bvRating": null,
    "isSeasonal": true,
    "mvtTextPDP": "",
    "isCuralateEnabled": false,
    "preOrderConfig": {
      "isPreOrderProduct": false,
      "estimatedDeliveryDate": "",
      "addToCartLabel": "Add to bag"
    },
    "isNextDayDeliveryEnabled": true,
    "isQuantitySelectorEnabled": true,
    "hasAssignedPrimaryCategory": true,
    "isGiftCard": false,
    "isOnlineGiftCard": false,
    "variationAttributesGiftCard": []
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Choose from available options",
    "assistiveSelectedText": "selected"
  },
  "nextDayDeliveryMsg": {},
  "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",
  "aDataQueryID": "",
  "aDataObjectID": "",
  "aDataIndexName": "",
  "gtmProductDetailData": "{\"event\":\"productDetailQuickView\",\"funnelPageType\":\"Quick View\",\"countryId\":\"GB\",\"ecommerce\":{\"currencyCode\":\"GBP\",\"detail\":{\"actionField\":{\"list\":\"\"},\"products\":[{\"name\":\"The Essential Cocoa Leather Clutch Bag\",\"id\":\"000758873\",\"price\":null,\"brand\":\"THE UNIFORM\",\"category\":\"Clutch Bags\",\"variant\":null,\"variantID\":\"000758873\",\"dimension7\":\"Women\",\"dimension8\":0,\"dimension9\":\"regular\",\"dimension10\":\"\"}]}}}",
  "gtmSetItemsDetailData": {},
  "gtmPageTypeData": "{\"department\":\"Accessories\",\"topcategory\":\"Bags\",\"subcategory\":\"Clutch Bags\",\"brand\":\"THE UNIFORM\",\"pageType\":\"product\"}",
  "renderedTemplate": "\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 id=\"algolia-analytics-quickview\" data-algolia-pid=\"\" data-algolia-query-id=\"\" data-algolia-index-name=\"\"></div>\n\n\n<div class=\"product-quickview product-master col product-wrapper product-detail h-100\" data-pid=\"000758873\" data-product-url=\"https://www.libertylondon.com/uk/the-essential-cocoa-leather-clutch-bag-000758873.html\"\n    data-active-data-message-url=\"/on/demandware.store/Sites-liberty-Site/default/Product-ShowActiveDataMessage\">\n    \n    <div class=\"row\">\n        \n        <div class=\"product-details-top col-12 px-5 pt-5 d-lg-none\">\n            \n            \n            \n            \n                <h3 class=\"product-brand akzidenz-grotesk-pro-extended\">THE UNIFORM</h3>\n            \n\n            \n            <h1 class=\"product-name akzidenz-grotesk-pro-light\">The Essential Cocoa Leather Clutch Bag</h1>\n\n            \n            \n\n            \n            <div class=\"prices mb-3\">\n                \n                \n    <div class=\"price\">\n        \n        \n<span class=\"js-product-price \">\n    \n    \n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"null\">\n        \n        null\n\n    </span>\n</span>\n\n    </div>\n\n\n            </div>\n\n            \n            \n\n\n    \n\n\n\n\n\n    \n\n\n\n\n        </div>\n\n        \n        <div class=\"product-image-thumbnails col-sm-2 col-xl-1 px-5\">\n            <div class=\"row flex-column m-0\">\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>\n        </div>\n\n        \n        <div class=\"product-images-wrapper col-sm-12 col-lg p-0 mh-100\">\n            <div class=\"product-images\">\n                \n    \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"primary-product-image primary-pdp-swiper overflow-hidden\" data-video-position=\"1.0\"\n     data-video-url-prefix=\"https://i8.amplience.net/v/liberty/\"\n     data-isproductset=\"false\">\n    <div class=\"swiper-wrapper col-12 p-0\">\n        \n            \n            \n            \n\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide pdp-swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-1?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-1?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid\" itemprop=\"image\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide pdp-swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-2?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-2?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide pdp-swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-3?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-3?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide pdp-swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-7?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-7?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide pdp-swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-8?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-8?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n        \n    </div>\n    <div class=\"swiper-navigation\">\n        <div class=\"swiper-button-prev pdp-swiper-prev\"></div>\n        <div class=\"swiper-button-next pdp-swiper-next\"></div>\n        <div class=\"swiper-scrollbar d-none\"></div>\n    </div>\n</div>\n\n<div class=\"product-image-container primary-pdp-swiper-mobile swiper-container pdp-swiper primary d-md-none not-visible-md\">\n    <div class=\"swiper-wrapper col-12 p-0\">\n        \n            \n            \n            \n\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-1?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-1?&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid\" itemprop=\"image\" data-index=\"0\" />\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-2?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-2?&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" data-index=\"1\"/>\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-3?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-3?&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" data-index=\"2\"/>\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-7?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-7?&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" data-index=\"3\"/>\n                            </picture>\n                        \n                    \n                </div>\n            \n                \n                \n                \n\n                \n\n                \n\n                <div class=\"swiper-slide \">\n                    \n                        \n                            <picture>\n                                <source media=\"(min-width: 600px)\" data-srcset=\"https://i8.amplience.net/i/liberty/000758873-R462081006-8?&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/liberty-product-image-placeholder?fmt=auto\"\n                                     data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                                     data-src=\"https://i8.amplience.net/i/liberty/000758873-R462081006-8?&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag image number null\"\n                                     title=\"THE UNIFORM - The Essential Cocoa Leather Clutch Bag\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" data-index=\"4\"/>\n                            </picture>\n                        \n                    \n                </div>\n            \n        \n    </div>\n    \n        <div class=\"swiper-button-prev d-none d-md-block\"></div>\n        <div class=\"swiper-button-next d-none d-md-block\"></div>\n        <div class=\"swiper-scrollbar d-md-none\"></div>\n    \n</div>\n\n            </div>\n        </div>\n\n        \n        <div class=\"right-pane-content-wrapper col-12 col-lg col-xl-3 d-md-flex justify-content-center p-0\">\n            <div class=\"right-pane-content row flex-column p-5 m-0\">\n\n                <div class=\"product-details col px-0 d-lg-block d-none\">\n                    \n                    \n                    \n                    \n                        <h3 class=\"product-brand akzidenz-grotesk-pro-extended\">THE UNIFORM</h3>\n                    \n\n                    \n                    <h1 class=\"product-name akzidenz-grotesk-pro-light\">The Essential Cocoa Leather Clutch Bag</h1>\n\n                    \n                    \n\n                    \n                    <div class=\"prices mb-3\">\n                        \n                        \n    <div class=\"price\">\n        \n        \n<span class=\"js-product-price \">\n    \n    \n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"null\">\n        \n        null\n\n    </span>\n</span>\n\n    </div>\n\n\n                    </div>\n\n                    \n                    \n\n\n    \n\n\n\n\n\n    \n\n\n\n\n                </div>\n\n                \n                <div class=\"attributes col px-0\">\n                    \n                    \n    <div class=\"row\">\n        <div class=\"col\">\n            <div class=\"main-attributes\">\n                \n                    \n                \n            </div>\n        </div>\n    </div>\n\n\n\n                    \n                    \n                    <div class=\"row flex-column\">\n                        \n                            \n                                <div class=\"col-12 mb-4\" data-attr=\"color\">\n                                    \n\n\n\n\n    <div class=\"selector-circle attribute\">\n        \n\n        \n        <div class=\"liberty-custom-select-wrapper\">\n            <div class=\"liberty-custom-select\">\n                <div class=\"liberty-custom-select__trigger\">\n                </div>\n                <div class=\"liberty-custom-options-color d-flex\">\n                    <!-- Circular Swatch Image Attribute Values -->\n                    \n                </div>\n            </div>\n        </div>\n    </div>\n\n\n                                </div>\n                            \n                            \n                            \n                        \n                            \n                                <div class=\"col-12 mb-4\" data-attr=\"size\">\n                                    \n\n\n\n\n    <div class=\"attribute arrow\">\n        <!-- Attribute Values Drop Down Menu -->\n        <select class=\"custom-select form-control select-size\"\n            id=\"size-2\"\n            >\n            <option value=\"null\">\n                Select Size\n            </option>\n            \n        </select>\n    </div>\n\n\n                                </div>\n                            \n                            \n                                \n                                <div class=\"col-12 mt-1 mb-3 attribute quantity\">\n                                    \r\n<div class=\"pl-0 container mx-sm-0\">\r\n    <div class=\"quantity-text akzidenz-grotesk-pro-light\">\r\n        \r\n            Choose quantity\r\n        \r\n    </div>\r\n\r\n    \r\n    \r\n\r\n    \r\n        \r\n            \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n    \r\n        \r\n\r\n        \r\n            \r\n        \r\n    \r\n\r\n    <div class=\"button-container\">\r\n        <button class=\"pdp-qty-minus\"\r\n                type=\"button\"\r\n                value=\"-\"\r\n                aria-label=\"Minus quantity button\"\r\n                title=\"Minus quantity button\"\r\n        ></button>\r\n        <input type=\"text\" id=\"quantity-2\"\r\n               name=\"qty\" class=\"quantity-select input-text-qty\"\r\n               value=\"1\" data-max-qty=\"10\"\r\n               readonly=\"readonly\"\r\n               />\r\n        <button class=\"pdp-qty-plus\"\r\n                type=\"button\"\r\n                value=\"+\"\r\n                aria-label=\"Plus quantity button\"\r\n                title=\"Plus quantity button\"\r\n        ></button>\r\n    </div>\r\n</div>\r\n\n                                </div>\n                            \n                            \n                        \n\n                        \n                    </div>\n\n                    \n\n                    \n                    \n\n<!-- Availability -->\n<div class=\"row availability product-availability\" data-ready-to-order=\"false\" data-qty-available=\"false\" data-available=\"false\">\n    <div class=\"col-12 js-product-availability\">\n    <span class=\"availability\">\n        Availability:\n    </span>\n\n    <span class=\"list-unstyled availability-msg\">\n        \n            <span>Choose from available options</span>\n        \n    </span>\n</div>\n\n</div>\n\n\n                    <div class=\"prices-add-to-cart-actions mobile-fixed-bottom pt-md-4\">\n                        \n                        <div class=\"mobile-sticky-content d-flex d-sm-none\">\n    <div class=\"product-image-container d-inline-block\">\n        \n        \n    </div>\n    <div class=\"product-info-container d-inline-block\">\n        <!-- Product Brand -->\n        <div class=\"product-brand\">\n            \n                <span class=\"product-badge akzidenz-grotesk-pro-extended\"></span>\n                <h3 class=\"line-item-brand d-inline-flex mb-0\">THE UNIFORM</h3>\n            \n        </div>\n        <!-- Product Name -->\n        <div class=\"product-name\">\n            <h2 class=\"line-item-name mb-0\">The Essential Cocoa Leather Clutch Bag</h2>\n        </div>\n        <!-- Product Prices -->\n        <div class=\"product-prices\">\n            \n            \n    <div class=\"price\">\n        \n        \n<span class=\"js-product-price \">\n    \n    \n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"null\">\n        \n        null\n\n    </span>\n</span>\n\n    </div>\n\n\n        </div>\n    </div>\n</div>\n\n\n                        \n                        \n\n\n\n\n<div class=\"cart-and-ipay \" data-can-show-applepay-button=\"false\">\n    \n\n    <div class=\"add-to-cart-wishlist-container d-flex\">\n        \n            <!-- Wishlist Button -->\n            <button type=\"submit\"\n                    class=\"wishlist btn btn-secondary btn-lg mr-3 add-product-to-wish-list\"\n                    data-pid=\"000758873\"\n                    data-url=\"/on/demandware.store/Sites-liberty-Site/default/Wishlist-AddProduct\"\n                    aria-label=\"Add to wish list button\"\n                    title=\"Add to wish list button\">\n                \n\n\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"14.74\" viewBox=\"0 0 14 12.886\" class=\"wishlist-icon-empty\">\n<path d=\"M4.12,1A3.13,3.13,0,0,0,1,4.082v.085c0,1.978,1.592,3.406,4.229,5.77l.043.039c.326.292.663.594,1.018.918L7,11.536l.716-.652c.34-.307.7-.633,1.044-.939C11.4,7.579,13,6.151,13,4.167V4.156A3.125,3.125,0,0,0,9.911,1H9.866L9.6,1.01A3.491,3.491,0,0,0,7.639,1.8L7,2.337,6.359,1.8A3.478,3.478,0,0,0,4.16,1H4.12M9.833,0V0h.089A4.122,4.122,0,0,1,14,4.167c0,2.428-1.82,4.059-4.574,6.523q-.5.444-1.041.936L7,12.886,5.617,11.634c-.367-.336-.719-.651-1.055-.952C1.815,8.219,0,6.591,0,4.167V4.076A4.12,4.12,0,0,1,4.12,0h.046A4.466,4.466,0,0,1,7,1.036,4.478,4.478,0,0,1,9.833,0Z\"\nfill=\"#000000\"/>\n</svg>\n\n\n                \n\n\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"14.74\" viewBox=\"0 0 14 12.886\" class=\"wishlist-icon-full\">\n<path d=\"M9.9,0C9.9,0,9.9,0,9.9,0C9.9,0,9.8,0,9.9,0L9.9,0C8.8,0,7.8,0.4,7,1C6.2,0.4,5.2,0,4.2,0c0,0,0,0,0,0C1.9,0,0,1.8,0,4.1c0,0,0,0.1,0,0.1c0,2.4,1.8,4.1,4.6,6.5c0.3,0.3,0.7,0.6,1.1,1L7,12.9l1.4-1.3c0.4-0.3,0.7-0.6,1-0.9C12.2,8.2,14,6.6,14,4.2C14,1.9,12.2,0,9.9,0z\"/>\n</svg>\n\n\n            </button>\n            <isapplepay class=\"js-apple-pay-pdp-button apple-pay-pdp btn btn-block d-none\" sku=\"000758873\"></isapplepay>\n        \n\n        <!-- Add to cart Button -->\n        <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-liberty-Site/default/Cart-AddProduct\"/>\n        <input type=\"hidden\" class=\"js-txt-out-of-stock\" value=\"Out of stock\"/>\n        <input type=\"hidden\" class=\"js-txt-in-stock\" value=\"Add to bag\"/>\n\n        <div class=\"add-to-cart-wrapper d-flex w-100\" data-error-msg=\"Sorry, this item is currently out of stock\">\n            <button class=\"add-to-cart btn btn-primary js-add-to-cart \"\n                    data-toggle=\"modal\" data-target=\"#chooseBonusProductModal\"\n                    data-pid=\"000758873\"\n                    disabled>\n                <i class=\"fa fa-shopping-bag\"></i>\n                Out of stock\n            </button>\n        </div>\n    </div>\n</div>\n                    </div>\n\n                    <div class=\"loyalty promotions barcode\">\n                        \n                        \n\n\n                        \n                        \n\n\n\n\n\n\n                        \n\n                        \n                        \n\n\n    <div class=\"product-promotions-wrapper\">\n        \n            <div class=\"product-promotions px-0 akzidenz-grotesk-pro-light\">\n                \n            </div>\n        \n            <div class=\"product-promotions px-0 akzidenz-grotesk-pro-light\">\n                <p class=\"pdp-call-out-message\"><svg class=\"pr-2\" xmlns=\"http://www.w3.org/2000/svg\" width=\"19.951\" height=\"20\" viewBox=\"0 0 19.951 20\">\r\n\t<g id=\"icon\" transform=\"translate(-765.52 -435.64)\">\r\n\t\t<path data-name=\"Path 133\" d=\"M19.951,4.842V4.79a.588.588,0,0,0-.345-.536L10.345.053A.591.591,0,0,0,9.881.043L.368,3.9A.588.588,0,0,0,0,4.44v.03H0V15.3a.587.587,0,0,0,.348.537L9.51,19.95A.585.585,0,0,0,9.751,20a.577.577,0,0,0,.214-.041L19.577,16.2a.587.587,0,0,0,.374-.548V4.842ZM10.088,1.229l7.817,3.547L14.87,5.981a.581.581,0,0,0-.166-.118L7.084,2.445Zm-.173,6.72L2.054,4.482,5.621,3.038a.589.589,0,0,0,.155.111L13.4,6.566ZM1.177,5.382,9.311,8.969l-.089,9.56L1.177,14.923ZM10.4,18.527l.089-9.539,3.386-1.345v2.68a.588.588,0,1,0,1.177,0V7.175L18.774,5.7v9.556Z\" transform=\"translate(765.52 435.64)\" fill=\"#020202\" />\r\n\t</g>\r\n</svg>Free UK Standard delivery within 3 working days on all orders over £100 </p>\n            </div>\n        \n            <div class=\"product-promotions px-0 akzidenz-grotesk-pro-light\">\n                <div class=\"pdp-call-out-message\">\r\n  <!-- CSS -->\r\n  <style type=\"text/css\">\r\n    .pdp-call-out-message a {\r\n      text-decoration: none !important;\r\n    }\r\n\r\n    /* CONTAINER */\r\n    .spend-save-content {\r\n      height: 60px;\r\n      border-radius: 5px;\r\n      margin: 8px 0;\r\n      max-width: 500px;\r\n      position: relative;\r\n      padding: 10px 15px;\r\n      font-size: 10px;\r\n      background-color: #fff9f2;\r\n      letter-spacing: 0.8px;\r\n      overflow: hidden;\r\n    }\r\n    /* GRID CONTAINER */\r\n    .spend-save-content .pdp-container {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      grid-template-rows: auto;\r\n      position: relative;\r\n      gap: 4rem;\r\n      height: 100%;\r\n      z-index: 1;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      align-items: center;\r\n    }\r\n\r\n    /* PDP STYLE */\r\n    .spend-save-content .pdp-container p,\r\n    .spend-save-content .pdp-container span {\r\n      font-family: Portrait Web, serif;\r\n      margin-bottom: 0;\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 {\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 p {\r\n      max-width: 7ch;\r\n      text-align: right;\r\n      direction: rtl;\r\n      font-style: italic;\r\n      font-size: clamp(1.3rem, 5vw, 2rem);\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-1 span {\r\n      text-transform: uppercase;\r\n      font-style: normal;\r\n      font-size: clamp(1.6rem, 2vw, 2.2rem);\r\n    }\r\n\r\n    .spend-save-content .pdp-container .pdp-content-2 {\r\n      text-align: right;\r\n    }\r\n\r\n    /* PDP BACKGROUND SVG */\r\n    .spend-save-content .pdp-bckg {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 0;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n    .spend-save-content .pdp-bckg svg {\r\n      height: 100%;\r\n      object-fit: cover;\r\n      position: absolute;\r\n      inset: auto;\r\n      z-index: 1;\r\n      right: -2rem;\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      .spend-save-content {\r\n        max-width: 430px;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 543px) {\r\n      .hide-mob {\r\n        display: none !important;\r\n      }\r\n      .spend-save-content .pdp-container {\r\n        grid-template-columns: auto 1fr;\r\n        gap: 3rem;\r\n      }\r\n      .spend-save-content .pdp-bckg {\r\n        justify-content: end;\r\n      }\r\n    }\r\n    @media screen and (max-width: 374px) {\r\n      .spend-save-content .pdp-container {\r\n        gap: 2rem;\r\n      }\r\n      .spend-save-content .pdp-bckg svg {\r\n        right: -4rem;\r\n      }\r\n    }\r\n  </style>\r\n  <!-- PDP -->\r\n  <div class=\"spend-save-content\">\r\n    <div class=\"pdp-container\">\r\n      <div class=\"pdp-content-1\">\r\n        <p>hello, <span>Spring</span></p>\r\n      </div>\r\n      <div class=\"pdp-content-2\">\r\n        <svg width=\"190\" height=\"24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n          <title>£100 OFF every £300</title>\r\n          <path\r\n            d=\"m.185 16.9-.118-.085c.907-1.343 1.444-1.695 1.78-3.189.117-.504.184-1.108.234-1.729H.554v-.554h1.578c.067-.84.1-1.695.168-2.484C2.468 6.86 3.91 5.35 5.758 5.35a7.93 7.93 0 0 1 1.88.234v1.612h-.101c-.42-.789-1.04-1.259-1.863-1.259-1.276 0-1.679 1.158-1.83 2.551l-.336 2.854H6.06v.554H3.424c-.084.588-.168 1.057-.285 1.377-.269.755-.789 1.426-1.293 1.896a2.217 2.217 0 0 1 1.125-.319c1.091 0 2.166.739 3.206.739.856 0 1.477-.671 1.914-1.393l.084.033c-.286 1.444-1.158 2.535-2.25 2.535-1.124 0-2.249-.974-3.44-.974-1.008 0-1.713.571-2.3 1.108Zm14.74-.252H9.408v-.143l1.689-1.142V2.807l-1.713-.642v-.142c.714-.262 2.569-.975 3.829-1.38v14.72l1.712 1.142v.143ZM19.218 8.8c0 4.161 1.736 7.277 3.829 7.277 2.092 0 3.852-3.14 3.852-7.277 0-4.162-1.76-7.348-3.876-7.348-2.093 0-3.805 3.186-3.805 7.348Zm-2.307.166c0-4.351 2.759-8.323 6.112-8.323 3.4 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.33 0-6.136-3.59-6.136-7.919ZM33.686 8.8c0 4.161 1.736 7.277 3.828 7.277 2.093 0 3.853-3.14 3.853-7.277 0-4.162-1.76-7.348-3.876-7.348-2.093 0-3.805 3.186-3.805 7.348Zm-2.307.166c0-4.351 2.759-8.323 6.112-8.323 3.4 0 6.159 3.639 6.159 7.99 0 4.376-2.783 8.252-6.136 8.252-3.329 0-6.135-3.59-6.135-7.919Zm19.575 0c0-4.732 3.472-8.323 7.823-8.323 4.328 0 7.848 3.282 7.848 7.99 0 4.733-3.543 8.276-7.848 8.276-4.256 0-7.823-3.258-7.823-7.943Zm2.354-.166c0 4.494 2.473 7.3 5.47 7.3 2.996 0 5.516-2.83 5.516-7.3 0-4.494-2.52-7.348-5.517-7.348-3.02 0-5.47 2.854-5.47 7.348Zm24.212-.951 1.07-1.617h.119v4.042h-.119l-1.07-1.617h-5.136v6.683l2.306 1.165v.143h-5.992v-.143l1.57-1.142V2.19l-1.57-1.141V.905H79.09v2.949h-.143L77.33 1.69h-4.947v6.159h5.137Zm12.633 0 1.07-1.617h.12v4.042h-.12l-1.07-1.617h-5.136v6.683l2.306 1.165v.143h-5.992v-.143l1.57-1.142V2.19l-1.57-1.141V.905h10.392v2.949h-.143L89.963 1.69h-4.946v6.159h5.136Zm10.868 9.036c-1.07 0-2.402-.808-2.402-2.925 0-3.71 2.806-7.3 5.564-7.3 1.094 0 1.784.404 1.784.975 0 .618-.927 2.402-5.018 2.901a9.51 9.51 0 0 0-.547 3.187c0 1.402.547 2.02 1.261 2.02.88 0 2.021-.879 3.044-2.068l.214.143c-.999 1.902-2.378 3.067-3.9 3.067Zm2.782-9.583c-.832 0-1.902 1.046-2.616 2.687 1.57-.31 3.234-1.094 3.234-2.212 0-.285-.19-.475-.618-.475Zm10.679.333c0 1.284-1.071 3.329-7.039 9.464h-.238c.475-3.828.785-7.8.737-8.893l-1.189-.619.024-.166c.571-.19 1.807-.57 2.806-.833.143 1.713-.309 6.302-.595 7.943 3.448-4.21 3.758-5.707 3.758-6.42 0-.334-.191-.666-.428-.857v-.071l1.783-.547c.143.143.381.547.381.999Zm2.586 9.25c-1.07 0-2.402-.808-2.402-2.925 0-3.71 2.806-7.3 5.564-7.3 1.094 0 1.784.404 1.784.975 0 .618-.927 2.402-5.018 2.901a9.51 9.51 0 0 0-.547 3.187c0 1.402.547 2.02 1.261 2.02.88 0 2.021-.879 3.044-2.068l.214.143c-.999 1.902-2.378 3.067-3.9 3.067Zm2.782-9.583c-.832 0-1.902 1.046-2.616 2.687 1.57-.31 3.234-1.094 3.234-2.212 0-.285-.19-.475-.618-.475Zm4.472 9.346h-1.617l1.688-8.276-1.331-.618v-.167c.499-.19 2.259-.737 3.4-.999l-.856 4.067c1.356-2.45 2.426-3.995 2.949-3.995.428 0 1.117.261 1.355.404l-.713 1.807c-.214-.095-.69-.356-1.023-.356-.404 0-1.117.784-2.83 3.353l-1.022 4.78Zm12.082-8.3c0-.404-.215-.808-.571-1.117v-.072l1.902-.523c.167.214.357.642.357 1.094 0 1.57-1.546 3.662-4.637 8.252l-4.899 7.11-1.902-.262v-.142c1.759-1.546 4.399-4.566 5.517-5.993-.095-3.21-.405-6.896-.619-8.49l-1.189-.642v-.142c.547-.19 1.713-.57 2.616-.833.333 1.974.571 5.66.595 8.038 2.116-3.52 2.83-5.113 2.83-6.278Zm7.045 8.551-.118-.084c.907-1.343 1.444-1.695 1.78-3.189.117-.504.184-1.108.235-1.729h-1.528v-.554h1.578c.067-.84.101-1.695.168-2.484.168-1.998 1.611-3.508 3.458-3.508.923 0 1.678.184 1.88.234v1.612h-.101c-.42-.789-1.041-1.259-1.863-1.259-1.276 0-1.679 1.158-1.83 2.551l-.336 2.854h2.552v.554h-2.636c-.084.588-.167 1.057-.285 1.377-.269.755-.789 1.426-1.292 1.896a2.212 2.212 0 0 1 1.124-.319c1.091 0 2.166.739 3.206.739.856 0 1.477-.671 1.914-1.393l.084.033c-.286 1.444-1.158 2.535-2.249 2.535-1.125 0-2.25-.974-3.442-.974-1.007 0-1.712.571-2.299 1.108Zm10.293-8.503-.142-.19c1.902-1.451 3.424-2.688 3.424-4.21 0-1.141-.69-1.997-2.069-1.997-1.26 0-2.045.88-2.497 1.355l-.166-.095c.309-.784 1.236-2.592 3.686-2.592 1.831 0 3.044 1.07 3.044 2.759 0 1.617-1.57 2.687-2.783 3.353 2.164.071 4.138 1.117 4.138 3.567 0 4.09-4.756 5.992-8.228 6.658l-.071-.238c2.639-1.046 6.159-3.091 6.159-5.873 0-2.045-1.522-2.711-3.02-2.711-.666 0-1.261.166-1.475.214Zm11.086.404c0 4.161 1.736 7.277 3.828 7.277 2.093 0 3.853-3.14 3.853-7.277 0-4.162-1.76-7.348-3.877-7.348-2.092 0-3.804 3.186-3.804 7.348Zm-2.307.166c0-4.351 2.758-8.323 6.111-8.323 3.401 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.329 0-6.135-3.59-6.135-7.919Zm16.774-.166c0 4.161 1.736 7.277 3.829 7.277s3.852-3.14 3.852-7.277c0-4.162-1.759-7.348-3.876-7.348-2.092 0-3.805 3.186-3.805 7.348Zm-2.306.166c0-4.351 2.758-8.323 6.111-8.323 3.401 0 6.159 3.639 6.159 7.99 0 4.376-2.782 8.252-6.135 8.252-3.329 0-6.135-3.59-6.135-7.919Z\"\r\n            fill=\"#000\" />\r\n        </svg>\r\n      </div>\r\n    </div>\r\n    <!-- PDP Backgorund -->\r\n    <div class=\"pdp-bckg\">\r\n      <svg width=\"264\" height=\"60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <ellipse cx=\"141.5\" cy=\"-10.5\" rx=\"141.5\" ry=\"127.5\" fill=\"#EADD67\" />\r\n      </svg>\r\n    </div>\r\n  </div>\r\n</div>\n            </div>\n        \n            <div class=\"product-promotions px-0 akzidenz-grotesk-pro-light\">\n                \n            </div>\n        \n            <div class=\"product-promotions px-0 akzidenz-grotesk-pro-light\">\n                \n            </div>\n        \n    </div>\n\n\n\n                        \n                        \n                            <style>.right-pane-content .next-day-message {font-size:12px;}</style><p class=\"next-day-message text-left p-0 my-3 mx-0\">Get it Next Day through DPD! Order by 2pm Mon-Thurs and select <a href=\"https://www.libertylondon.com/uk/information/delivery-and-returns.html?expandcard=collapseuknextworkingday\">UK Next Day</a> at checkout*</p>\n                        \n\n                        \n                        \n    <div class=\"product-barcode akzidenz-grotesk-pro-light\">\n        <span>Barcode:</span>\n        <span class=\"barcode-value\"></span>\n    </div>\n\n\n                        \n                        <div class=\"d-none\">\n                            <div class=\"product-number-rating clearfix\">\n    <!-- Product Number -->\n    <div class=\"product-number pull-left\">\n        \n\n    </div>\n\n    <!-- Product Rating -->\n    <div class=\"ratings pull-right\">\n        \n\n\n\n\n\n    </div>\n</div>\n\n                        </div>\n                    </div>\n\n                    \n                    <div class=\"full-product-link mt-5 mb-3 mb-md-0\">\n                        <a href=\"https://www.libertylondon.com/uk/the-essential-cocoa-leather-clutch-bag-000758873.html\" class=\"inverse-link\">View full product details</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
  "productUrl": "/uk/the-essential-cocoa-leather-clutch-bag-000758873.html"
}