{
  "action": "Product-ShowQuickView",
  "queryString": "ajax=true&geCountry=GB&geCurrency=GBP&pid=000772622",
  "locale": "default",
  "product": {
    "uuid": "1fbead011f4b685f45a8d606e4",
    "id": "000772622",
    "productName": "Kayla Shirt",
    "productType": "master",
    "brand": "Citizens of Humanity",
    "EAN": "5059900692476",
    "price": {
      "sales": {
        "value": 140,
        "currency": "GBP",
        "formatted": "£140.00",
        "decimalPrice": "140.00"
      },
      "list": {
        "value": 230,
        "currency": "GBP",
        "formatted": "£230.00",
        "decimalPrice": "230.00"
      }
    },
    "images": {
      "large": [
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$large$",
          "index": "0",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$large$"
        },
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$large$",
          "index": "1",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$large$"
        }
      ],
      "small": [
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$small$",
          "index": "0",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$small$"
        },
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$small$",
          "index": "1",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$small$"
        }
      ],
      "set": [],
      "hi-res": [
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$hi-res$",
          "index": "0",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$hi-res$"
        },
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$hi-res$",
          "index": "1",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$hi-res$"
        }
      ],
      "medium": [
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$medium$",
          "index": "0",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-1?$medium$"
        },
        {
          "alt": "Kayla Shirt",
          "url": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$medium$",
          "index": "1",
          "title": "Kayla Shirt",
          "absURL": "https://i8.amplience.net/i/liberty/000772622-R494039006-3?$medium$"
        }
      ],
      "video": []
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 10,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Colour",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "30-BLUE",
            "description": null,
            "displayValue": "Santa Cruz Soft Blue",
            "value": "30-BLUE",
            "selected": true,
            "selectable": false,
            "images": {
              "swatch": [
                {
                  "alt": "Kayla Shirt",
                  "url": "https://i8.amplience.net/i/liberty/30-BLUE-swatch.png",
                  "index": "0",
                  "title": "Kayla Shirt",
                  "absURL": "https://i8.amplience.net/i/liberty/30-BLUE-swatch.png"
                }
              ]
            },
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          }
        ],
        "visible": false
      },
      {
        "attributeId": "size",
        "displayName": "Size",
        "id": "size",
        "swatchable": false,
        "values": [
          {
            "id": "XS",
            "description": null,
            "displayValue": "XS",
            "value": "XS",
            "selected": false,
            "selectable": false,
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          },
          {
            "id": "S",
            "description": null,
            "displayValue": "S",
            "value": "S",
            "selected": false,
            "selectable": false,
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          },
          {
            "id": "M",
            "description": null,
            "displayValue": "M",
            "value": "M",
            "selected": false,
            "selectable": false,
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          },
          {
            "id": "L",
            "description": null,
            "displayValue": "L",
            "value": "L",
            "selected": false,
            "selectable": false,
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          },
          {
            "id": "XL",
            "description": null,
            "displayValue": "XL",
            "value": "XL",
            "selected": false,
            "selectable": false,
            "showNoColourSwatch": false,
            "isNoColourSwatch": false
          }
        ],
        "visible": true
      }
    ],
    "longDescription": null,
    "shortDescription": "Give your everyday edit an injection of West Coast cool with the Kayla shirt by LA-based label Citizens of Humanity.",
    "rating": 5,
    "promotions": [
      {
        "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 5 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    .sale_promo {\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: #c95231;\r\n      border-bottom: 6px solid #839bce;\r\n\r\n      overflow: hidden;\r\n      font-family: 'Akzidenz Grotesk Pro', sans-serif !important;\r\n    }\r\n    /* GRID CONTAINER */\r\n    .sale_promo .pdp-container {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr auto;\r\n      grid-template-rows: auto;\r\n      position: relative;\r\n      gap: 2rem;\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    .sale_promo .pdp-content-1 p,\r\n    .sale_promo .pdp-content-2 p,\r\n    .sale_promo .pdp-content-2 span {\r\n      font-family: 'Akzidenz Grotesk Pro', sans-serif !important;\r\n      margin-bottom: 0;\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n      letter-spacing: 0.12rem;\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-1 p {\r\n      font-size: clamp(1.4rem, 2vw, 1.6rem);\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 {\r\n      text-align: left;\r\n      justify-self: center;\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 span {\r\n      font-size: clamp(1.2rem, 2vw, 1.4rem);\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 p {\r\n      font-size: clamp(1.8rem, 2vw, 2rem);\r\n    }\r\n\r\n    .sale_promo .pdp-content-3 span {\r\n      font-size: 1rem;\r\n      color: #000000;\r\n      background: #839bce;\r\n      border: 0.2rem solid #839bce;\r\n      padding: 0.8rem 1.4rem;\r\n      font-family: Akzidenz Grotesk Pro Extended, sans-serif !important;\r\n    }\r\n    .sale_promo .pdp-content-3 span:hover {\r\n      color: #000000;\r\n      border: 0.2rem solid #839bce;\r\n      background: #c95231;\r\n    }\r\n    /* .sale_promo .pdp-content-3 .btn {\r\n      white-space: nowrap;\r\n      width: 30rem;\r\n      max-width: 30rem;\r\n      min-width: 17rem;\r\n      margin: 0.5rem;\r\n    } */\r\n    .sale_promo .pdp-content-3 .btn:active {\r\n      background: #000000 !important;\r\n      color: #ffffff;\r\n      border-color: #000000;\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      /* TEMPLATE */\r\n      .sale_promo {\r\n        max-width: 430px;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 374px) {\r\n      .hide-mob {\r\n        display: none !important;\r\n      }\r\n      .sale_promo .pdp-container {\r\n        grid-template-columns: auto 1fr;\r\n        gap: 4rem;\r\n      }\r\n    }\r\n  </style>\r\n  <!-- PDP -->\r\n  <a href=\"https://www.libertylondon.com/uk/department/sale/\" title=\"Shop\">\r\n    <div class=\"sale_promo\">\r\n      <div class=\"pdp-container\">\r\n        <div class=\"pdp-content-1\">\r\n          <p>SALE</p>\r\n        </div>\r\n        <div class=\"pdp-content-2\">\r\n          <span>UP TO</span>\r\n          <p>50% OFF</p>\r\n        </div>\r\n        <div class=\"pdp-content-3 hide-mob\">\r\n          <span class=\"akzidenz-grotesk-pro-extended btn btn-lg btn-secondary-light\" title=\"Shop now\">SHOP NOW</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </a>\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": [
              {}
            ]
          },
          {
            "label": "Composition & Care",
            "value": [
              {}
            ]
          }
        ]
      }
    ],
    "custom": {
      "productFeatures": {},
      "editorNotes": {},
      "compositioncare": {}
    },
    "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?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=1"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=2"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=3"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=4"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=5"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=6"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=7"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=8"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=9"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-liberty-Site/default/Product-Variation?dwvar_000772622_color=30-BLUE&pid=000772622&quantity=10"
      }
    ],
    "sizeChartId": null,
    "selectedProductUrl": "/uk/kayla-shirt-000772622.html?dwvar_000772622_color=30-BLUE&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "pageTitle": null,
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": [
      {},
      {},
      {}
    ],
    "template": null,
    "isFabricUnit": false,
    "isRestrictedForCountry": false,
    "restrictionMessage": null,
    "isPackagingOptionProduct": false,
    "badge": "",
    "loyaltyPoints": "700",
    "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\":\"Kayla Shirt\",\"id\":\"000772622\",\"price\":140,\"brand\":\"Citizens of Humanity\",\"category\":\"Tops\",\"variant\":\"30-BLUE\",\"variantID\":\"R494039006\",\"dimension7\":\"Women\",\"dimension8\":0,\"dimension9\":\"sale\",\"dimension10\":\"\"}]}}}",
  "gtmSetItemsDetailData": {},
  "gtmPageTypeData": "{\"department\":\"Women\",\"topcategory\":\"Clothing\",\"subcategory\":\"Tops\",\"brand\":\"Citizens of Humanity\",\"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=\"000772622\" data-product-url=\"https://www.libertylondon.com/uk/kayla-shirt-000772622.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\">Citizens of Humanity</h3>\n            \n\n            \n            <h1 class=\"product-name akzidenz-grotesk-pro-light\">Kayla Shirt</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        <span class=\"strike-through list mr-2\">\n            <span class=\"value\" content=\"230.00\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n                &pound;230.00\n\n                <span class=\"sr-only\">\n                    to\n                </span>\n            </span>\n        </span>\n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"140.00\">\n        \n        &pound;140.00\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    <div class=\"klarna-pdp mb-3\">\n        <klarna-placement data-key=\"credit-promotion-badge\"\n                          data-locale=\"en-GB\"\n                          data-purchase-amount=\"14000.0\">\n        </klarna-placement>\n    </div>\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    \n    \n    \n\n    \n        \n        \n\n        \n\n        \n\n        \n\n        <a href=\"#\" class=\"thumb-a zoom-in my-4\" data-index=\"0\">\n            <img src=\"https://i8.amplience.net/i/liberty/000772622-R494039006-1?$small$&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                alt=\"Citizens of Humanity - Kayla Shirt image number 0\"\n                title=\"Citizens of Humanity - Kayla Shirt\"\n                class=\"img-fluid thumb-img \" itemprop=\"image\" data-index=\"0\"/>\n        </a>\n    \n        \n        \n\n        \n\n        \n\n        \n\n        <a href=\"#\" class=\"thumb-a zoom-in my-4\" data-index=\"1\">\n            <img src=\"https://i8.amplience.net/i/liberty/000772622-R494039006-3?$small$&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                data-autoformat=\"&amp;qlt=90&amp;fmt=auto&amp;strip=true\"\n                alt=\"Citizens of Humanity - Kayla Shirt image number 1\"\n                title=\"Citizens of Humanity - Kayla Shirt\"\n                class=\"img-fluid thumb-img thumb-not-selected\" itemprop=\"image\" data-index=\"1\"/>\n        </a>\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/000772622-R494039006-1?$large$&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/000772622-R494039006-1?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"Citizens of Humanity - Kayla Shirt image number null\"\n                                     title=\"Citizens of Humanity - Kayla Shirt\"\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/000772622-R494039006-3?$large$&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/000772622-R494039006-3?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"Citizens of Humanity - Kayla Shirt image number null\"\n                                     title=\"Citizens of Humanity - Kayla Shirt\"\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/000772622-R494039006-1?$large$&amp;qlt=90&amp;fmt=auto&amp;strip=true\"/>\n                                <img src=\"https://i8.amplience.net/i/liberty/000772622-R494039006-1?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"Citizens of Humanity - Kayla Shirt image number null\"\n                                     title=\"Citizens of Humanity - Kayla Shirt\"\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/000772622-R494039006-3?$large$&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/000772622-R494039006-3?$medium$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" alt=\"Citizens of Humanity - Kayla Shirt image number null\"\n                                     title=\"Citizens of Humanity - Kayla Shirt\"\n                                     class=\"img-fluid lazy\" itemprop=\"image\" data-index=\"1\"/>\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\">Citizens of Humanity</h3>\n                    \n\n                    \n                    <h1 class=\"product-name akzidenz-grotesk-pro-light\">Kayla Shirt</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        <span class=\"strike-through list mr-2\">\n            <span class=\"value\" content=\"230.00\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n                &pound;230.00\n\n                <span class=\"sr-only\">\n                    to\n                </span>\n            </span>\n        </span>\n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"140.00\">\n        \n        &pound;140.00\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    <div class=\"klarna-pdp mb-3\">\n        <klarna-placement data-key=\"credit-promotion-badge\"\n                          data-locale=\"en-GB\"\n                          data-purchase-amount=\"14000.0\">\n        </klarna-placement>\n    </div>\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                            \n                            \n                        \n                            \n                                <div class=\"col-12 mb-4\" data-attr=\"size\">\n                                    \n\n\n\n\n    \n\n\n\n\n    \n        \n    \n        \n    \n        \n    \n        \n    \n        \n\n<div class=\"selector-square attribute\" data-select-title=\"Select Size\" data-title=\"Size: \">\n    <div class=\"size-custom-name-and-guide\">\n        <div class=\"custom-size-selector\">\n            <span class=\"custom-select-size-display-name akzidenz-grotesk-pro-light\">Select Size</span>\n            <span class=\"akzidenz-grotesk-pro-regular size-selected\"></span>\n            \n        </div>\n        \n    </div>\n    <div class=\"size-list\">\n        \n            \n                \n            \n                \n            \n                \n            \n                \n            \n                \n    </div>\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            <img src=\"https://i8.amplience.net/i/liberty/000772622-R494039006-1?$small$&amp;qlt=90&amp;fmt=auto&amp;strip=true\" class=\"img-fluid\" alt=\"Kayla Shirt\" itemprop=\"image\" />\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\">Citizens of Humanity</h3>\n            \n        </div>\n        <!-- Product Name -->\n        <div class=\"product-name\">\n            <h2 class=\"line-item-name mb-0\">Kayla Shirt</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        <span class=\"strike-through list mr-2\">\n            <span class=\"value\" content=\"230.00\">\n                <span class=\"sr-only\">\n                    Price reduced from\n                </span>\n                &pound;230.00\n\n                <span class=\"sr-only\">\n                    to\n                </span>\n            </span>\n        </span>\n    \n\n    \n    \n    <span class=\"sales\">\n        \n        \n            <span class=\"value\" content=\"140.00\">\n        \n        &pound;140.00\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=\"000772622\"\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=\"000772622\"></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=\"000772622\"\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                            <div class=\"product-loyalty-points akzidenz-grotesk-pro-light\">\n    <span class=\"product-loyalty-points-value\">\n        \n            This product earns <b>700</b> loyalty points\n        \n    </span>\n    <span class=\"loyalty-tooltip\" data-trigger=\"hover\" data-placement=\"top\" data-content=\"Receive 5 points for every pound you spend in-store and online, granting you access to vouchers four times a year, along with exclusive promotions.\"></span>\n</div>\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                <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 5 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    .sale_promo {\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: #c95231;\r\n      border-bottom: 6px solid #839bce;\r\n\r\n      overflow: hidden;\r\n      font-family: 'Akzidenz Grotesk Pro', sans-serif !important;\r\n    }\r\n    /* GRID CONTAINER */\r\n    .sale_promo .pdp-container {\r\n      display: grid;\r\n      grid-template-columns: auto 1fr auto;\r\n      grid-template-rows: auto;\r\n      position: relative;\r\n      gap: 2rem;\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    .sale_promo .pdp-content-1 p,\r\n    .sale_promo .pdp-content-2 p,\r\n    .sale_promo .pdp-content-2 span {\r\n      font-family: 'Akzidenz Grotesk Pro', sans-serif !important;\r\n      margin-bottom: 0;\r\n      line-height: 1.1;\r\n      font-weight: 400;\r\n      letter-spacing: 0.12rem;\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-1 p {\r\n      font-size: clamp(1.4rem, 2vw, 1.6rem);\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 {\r\n      text-align: left;\r\n      justify-self: center;\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 span {\r\n      font-size: clamp(1.2rem, 2vw, 1.4rem);\r\n    }\r\n\r\n    .sale_promo .pdp-container .pdp-content-2 p {\r\n      font-size: clamp(1.8rem, 2vw, 2rem);\r\n    }\r\n\r\n    .sale_promo .pdp-content-3 span {\r\n      font-size: 1rem;\r\n      color: #000000;\r\n      background: #839bce;\r\n      border: 0.2rem solid #839bce;\r\n      padding: 0.8rem 1.4rem;\r\n      font-family: Akzidenz Grotesk Pro Extended, sans-serif !important;\r\n    }\r\n    .sale_promo .pdp-content-3 span:hover {\r\n      color: #000000;\r\n      border: 0.2rem solid #839bce;\r\n      background: #c95231;\r\n    }\r\n    /* .sale_promo .pdp-content-3 .btn {\r\n      white-space: nowrap;\r\n      width: 30rem;\r\n      max-width: 30rem;\r\n      min-width: 17rem;\r\n      margin: 0.5rem;\r\n    } */\r\n    .sale_promo .pdp-content-3 .btn:active {\r\n      background: #000000 !important;\r\n      color: #ffffff;\r\n      border-color: #000000;\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      /* TEMPLATE */\r\n      .sale_promo {\r\n        max-width: 430px;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 374px) {\r\n      .hide-mob {\r\n        display: none !important;\r\n      }\r\n      .sale_promo .pdp-container {\r\n        grid-template-columns: auto 1fr;\r\n        gap: 4rem;\r\n      }\r\n    }\r\n  </style>\r\n  <!-- PDP -->\r\n  <a href=\"https://www.libertylondon.com/uk/department/sale/\" title=\"Shop\">\r\n    <div class=\"sale_promo\">\r\n      <div class=\"pdp-container\">\r\n        <div class=\"pdp-content-1\">\r\n          <p>SALE</p>\r\n        </div>\r\n        <div class=\"pdp-content-2\">\r\n          <span>UP TO</span>\r\n          <p>50% OFF</p>\r\n        </div>\r\n        <div class=\"pdp-content-3 hide-mob\">\r\n          <span class=\"akzidenz-grotesk-pro-extended btn btn-lg btn-secondary-light\" title=\"Shop now\">SHOP NOW</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </a>\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\">5059900692476</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/kayla-shirt-000772622.html\" class=\"inverse-link\">View full product details</a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n",
  "productUrl": "/uk/kayla-shirt-000772622.html"
}