1import{a as Xt}from"/build/_shared/chunk-G6NDOWT6.js";import{a as ot}from"/build/_shared/chunk-TEUZC6ZP.js";import{a as Do}from"/build/_shared/chunk-BVDYLM4E.js";import{a as Eo}from"/build/_shared/chunk-RFJRTQ6K.js";import{a as ct}from"/build/_shared/chunk-F6CV2IWY.js";import{b as dt,f as Kt}from"/build/_shared/chunk-KG3DFTDH.js";import{a as ko}from"/build/_shared/chunk-LWBPYCCZ.js";import{g as Gt,i as Ut}from"/build/_shared/chunk-GTA4OOPW.js";import{a as wo}from"/build/_shared/chunk-CTH3JSOV.js";import{b as Dt,c as Mt,d as Fo}from"/build/_shared/chunk-WOCI7MY6.js";import{a as qt,c as jt}from"/build/_shared/chunk-3AXPOBQB.js";import{a as go}from"/build/_shared/chunk-DIKXELKC.js";import{b as Mo}from"/build/_shared/chunk-VQ3TL3RJ.js";import{a as Jt}from"/build/_shared/chunk-XLEW2GAC.js";import{b as Ao}from"/build/_shared/chunk-E4W4NR36.js";import{a as Zt}from"/build/_shared/chunk-TDMNQ5CT.js";import{c as Wt}from"/build/_shared/chunk-Q6UAPYBM.js";import{a as zt}from"/build/_shared/chunk-JHY7SVQQ.js";import{a as Ot}from"/build/_shared/chunk-Y3BPLONU.js";import{a as Rt}from"/build/_shared/chunk-YNIM7QIU.js";import{a as Oo}from"/build/_shared/chunk-RZLDKGLN.js";import{a as bo}from"/build/_shared/chunk-UDBCBQQO.js";import{a as Ve}from"/build/_shared/chunk-FD5H2VPE.js";import{a as Ht}from"/build/_shared/chunk-POUH3CHJ.js";import{c as Et,d as At,g as Lt}from"/build/_shared/chunk-SDVBCS2Z.js";import{a as Co}from"/build/_shared/chunk-J6EJ4OCR.js";import{c as st}from"/build/_shared/chunk-CBDM7QYU.js";import{a as ro}from"/build/_shared/chunk-I5UT2UAU.js";import{a as Ge}from"/build/_shared/chunk-UXJUA2QE.js";import{a as co}from"/build/_shared/chunk-ZZB7OGT7.js";import{a as et}from"/build/_shared/chunk-YKKU63IT.js";import{a as Io}from"/build/_shared/chunk-RKA7QBAZ.js";import{b as so}from"/build/_shared/chunk-V53WT573.js";import{a as Qe}from"/build/_shared/chunk-YUUKFOQM.js";import{a as Vt}from"/build/_shared/chunk-4IHN3LFR.js";import{a as _t}from"/build/_shared/chunk-7OOGFDHZ.js";import{a as yo}from"/build/_shared/chunk-DEVQKMWM.js";import{a as qr,d as $t,l as It}from"/build/_shared/chunk-L4FEFM7G.js";import{a as re}from"/build/_shared/chunk-5OBEDPFR.js";import{a as ze}from"/build/_shared/chunk-H6S7FWVP.js";import{d as A}from"/build/_shared/chunk-T36URGAI.js";var Vo={colours:{primary:{variable:"color-primary",value:"#7BE7D8",type:"hexColor",description:"Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#529C92",type:"hexColor",description:"dark version of the primary colour"},ctaAccent:{variable:"color-cta-accent",value:"#00787D",type:"hexColor",description:"secondary CTA text colour on the hybrid PDP"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#B1F1E8",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#000000",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},storeCreditGradientStart:{variable:"store-credit-gradient-start",value:"#1ABC9C",type:"hexColor",description:"Store credit gradient start color (turquoise)"},storeCreditGradientEnd:{variable:"store-credit-gradient-end",value:"#16A085",type:"hexColor",description:"Store credit gradient end color (darker turquoise)"},storeCreditButton:{variable:"store-credit-button",value:"#1ABC9C",type:"hexColor",description:"Store credit button background color"},storeCreditText:{variable:"store-credit-text",value:"#A8E6CF",type:"hexColor",description:"Store credit text color (light turquoise)"},ctaPrimary:{variable:"color-cta-primary",value:"#00787D",type:"hexColor",description:"CTA primary colour for buttons and borders"},unlimitedBagButtonBg:{variable:"unlimited-bag-button-bg",type:"hexColor",value:"#000000",description:"Backgroun
1d colour for unlimited bag button"},unlimitedBagButtonText:{variable:"unlimited-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited bag button"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#000000",description:"Background colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"},facetSelected:{variable:"color-facet-pill-bg-selected",value:"#E8F4F2",type:"hexColor",description:"Facet pill selected background color"},facetSelectedBorder:{variable:"color-facet-pill-border-selected",value:"#00787D",type:"hexColor",description:"Facet pill selected border color"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#7BE7D8",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},socialProof:{"pdp-background":{variable:"social-proof-pdp",value:"#000000",type:"hexColor",description:"Colour for the social proof on the PDP"},"pdp-border":{variable:"social-proof-pdp-border",value:"#000000",type:"hexColor",description:"Border colour for the social proof on the PDP"},"pdp-text-color":{variable:"social-proof-pdp-text",value:"#FFFFFF",type:"hexColor",description:"Text colour for the social proof on the PDP"},"social-proof-pdp-alpha":{variable:"social-proof-pdp-alpha",value:.6,type:"number",description:"Alpha value for the background colour on the PDP social proof"},"social-proof-pdp-backdrop-blur":{variable:"social-proof-pdp-backdrop-blur",value:"blur(1.5px)",type:"string",description:"Backdrop blur value for the PDP social proof"},"social-proof-pdp-border-alpha":{variable:"social-proof-pdp-border-alpha",value:.2,type:"number",description:"Alpha value for the border colour on the PDP social proof"}},fonts:{serif:{variable:"font-serif",value:"Geologica",description:"Preferred serif font"},body:{variable:"font-body",value:"Geologica",description:"Preferred font for the body text"}},facetPill:{selected:{background:{variable:"color-facet-pill-bg-selected",value:"#E8F4F2"},border:{variable:"color-facet-pill-border-selected",value:"#00787D"}}}};var Yt={colours:{primary:{variable:"color-primary",value:"#444444",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#444444",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#444444",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#444444",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Backgroun
1d colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Lato",description:"Preferred serif font"},body:{variable:"font-body",value:"Lato",description:"Preferred font for the body text"}}};var Qt={colours:{primary:{variable:"color-primary",value:"#284D7B",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#284D7B",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#284D7B",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#333333",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Montserrat",description:"Preferred serif font"},body:{variable:"font-body",value:"Montserrat",description:"Preferred font for the body text"}}};var pt={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""}
1,greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#000000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Roboto",description:"Preferred serif font"},body:{variable:"font-body",value:"Roboto",description:"Preferred font for the body text"}}};var er={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFFFFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Geologica",description:"Preferred serif font"},body:{variable:"font-body",value:"Geologica",description:"Preferred font for the body text"}}};var or={colours:{primary:{variable:"color-primary",value:"#444444",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#444444",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#444444",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""}
1,greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#444444",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Urbanist",description:"Preferred serif font"},body:{variable:"font-body",value:"Urbanist",description:"Preferred font for the body text"}}};var tr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#000000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}}
1,fonts:{serif:{variable:"font-serif",value:"PublicSans",description:"Preferred serif font"},body:{variable:"font-body",value:"PublicSans",description:"Preferred font for the body text"}}};var rr={colours:{primary:{variable:"color-primary",value:"#284D7B",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#284D7B",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#284D7B",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#4B0082",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Montserrat",description:"Preferred serif font"},body:{variable:"font-body",value:"Montserrat",description:"Preferred font for the body text"}}};var ar={colours:{primary:{variable:"color-primary",value:"#284D7B",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#284D7B",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#284D7B",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#002644",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"}
1,headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"GothicA1",description:"Preferred serif font"},body:{variable:"font-body",value:"GothicA1",description:"Preferred font for the body text"}}};var ir={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#F1F1F1",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFFFFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#D6FF00",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#F1F1F1",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#F1F1F1",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#D6FF00",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Roboto",description:"Preferred serif font"},body:{variable:"font-body",value:"Roboto",description:"Preferred font for the body text"}}};var nr={colours:{primary:{variable:"color-primary",value:"#101820",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#101820",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#E7D5C6",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#101820",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""}
1,greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#000000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#ffffff",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#101820",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#C22527",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#ffffff",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#000000",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#333333",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#ffffff",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#ffffff",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#C22527",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Montserrat",description:"Preferred serif font"},body:{variable:"font-body",value:"Montserrat",description:"Preferred font for the body text"}}};var Go={colours:{primary:{variable:"color-primary",value:"#444444",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#444444",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#444444",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#444444",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"NGGrotesque",description:"Preferred serif font"},body:{variable:"font-body",value:"NGGrotesque",description:"Preferred font for the body text"}}};var lr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""}
1,greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#000000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"PublicSans",description:"Preferred serif font"},body:{variable:"font-body",value:"PublicSans",description:"Preferred font for the body text"}}};var sr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#00787D",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#bc0000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#000000",description:"Backgroun
1d colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#7BE7D8",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Geologica",description:"Preferred serif font"},body:{variable:"font-body",value:"Geologica",description:"Preferred font for the body text"}}};var po={colours:{primary:{variable:"color-primary",value:"#444444",type:"hexColor",description:"Primary Colour"},primaryAlt:{variable:"color-primary-alt",value:"#F8B5CC",type:"hexColor",description:"Alt primary colour (VTO)"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#444444",type:"hexColor",description:"dark version of the primary colour"},primaryDarkAlt:{variable:"color-primary-dark-alt",value:"#BB305F",type:"hexColor",description:"Alt dark version of the primary colour (VTO)"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFFFFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},primaryButtonTextAlt:{variable:"color-button-text-primary-alt",value:"#000000",type:"hexColor",description:"Alt text colour for the primary button (VTO) - inverted from primaryButtonText"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA primary colour for buttons and borders"},unlimitedBagButtonBg:{variable:"unlimited-bag-button-bg",type:"hexColor",value:"#8D113A",description:"Background colour for unlimited bag button"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#000000",description:"Background colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"},facetSelected:{variable:"color-facet-pill-bg-selected",value:"#FFFFFF",type:"hexColor",description:"Facet pill selected background color"},facetSelectedBorder:{variable:"color-facet-pill-border-selected",value:"#000000",type:"hexColor",description:"Facet pill selected border color"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#444444",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},socialProof:{"pdp-background":{variable:"social-proof-pdp",value:"#FFFFFF",type:"hexColor",description:"Colour for the social proof on the PDP"},"pdp-border":{variable:"social-proof-pdp-border",value:"#000000",type:"hexColor",description:"Border colour for the social proof on the PDP"},"pdp-text-color":{variable:"social-proof-pdp-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the PDP"},"plp-background":{variable:"social-proof-plp",value:"#F7B6CC",type:"hexColor",description:"Colour for the social proof on the PLP"},"plp-border":{variable:"social-proof-plp-border",value:"#F7B6CC",type:"hexColor",description:"Border colour for the social proof on the PLP"},"plp-text-color":{variable:"social-proof-plp-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the PLP"},"basket-background":{variable:"social-proof-basket",value:"#F7B6CC",type:"hexColor",description:"Colour for the social proof on the basket"},"basket-border":{variable:"social-proof-basket-border",value:"#F7B6CC",type:"hexColor",description:"Border colour for the social proof on the basket"},"basket-text-color":{variable:"social-proof-basket-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the basket"},"social-proof-pdp-border-alpha":{variable:"social-proof-pdp-border-alpha",value:0,type:"number",description:"Alp
1ha value for the border colour on the PDP social proof"},"social-proof-pdp-alpha":{variable:"social-proof-pdp-alpha",value:1,type:"number",description:"Alpha value for the background colour on the PDP social proof"},"social-proof-pdp-backdrop-blur":{variable:"social-proof-pdp-backdrop-blur",value:"blur(0px)",type:"string",description:"Backdrop blur value for the PDP social proof"},"social-proof-plp-border-alpha":{variable:"social-proof-plp-border-alpha",value:0,type:"number",description:"Alpha value for the border colour on the PLP social proof"},"social-proof-basket-alpha":{variable:"social-proof-basket-alpha",value:1,type:"number",description:"Alpha value for the border colour on the Basket social proof"},"social-proof-plp-alpha":{variable:"social-proof-plp-alpha",value:1,type:"number",description:"Alpha value for the background colour on the PLP social proof"}},fonts:{serif:{variable:"font-serif",value:"Montserrat",description:"Preferred serif font"},body:{variable:"font-body",value:"Montserrat",description:"Preferred font for the body text"}}};var cr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"HankenGrotesk",description:"Preferred serif font"},body:{variable:"font-body",value:"HankenGrotesk",description:"Preferred font for the body text"}}};var dr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""}
1,greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Archivo",description:"Preferred serif font"},heading:{variable:"font-heading",value:"Archivo",description:"Preferred heading Font"},cta:{variable:"font-cta",value:"Archivo",description:"Preferred font for call to action"},body:{variable:"font-body",value:"Archivo",description:"Preferred font for the body text"}},rounding:{"default-rounding":{variable:"default-rounding",value:"0px",description:"Default border rounding value"}},opacity:{wishlist:{variable:"wishlist-opacity",value:"0.7",description:"Add to wishlist opacity"}},weight:{desktopNavHeader:{variable:"desktop-nav-header-weight",value:"400",description:"Desktop nav header font weight"}},height:{"product-card-title":{variable:"product-card-title",value:"42px",description:"The Min Height of product card titles"},"product-card-title-small":{variable:"product-card-title-small",value:"26px",description:"The Min Height of product card titles when small text is used"}}};var pr={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFFFFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#FFFFFF",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#000000",type:"hexColor",description:"Footer section title background"},footerBackground:{variable:"color-footer-background",value:"#000000",type:"hexColor",description:"Footer background colour"},footerText:{variable:"color-footer-text",value:"#FFFFFF",type:"hexColor",description:"Footer text colour"},footerNewsletterText:{variable:"color-footer-newsletter-text",value:"#000000",type:"hexColor",description:"Footer newsletter section text colour"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"}
1,headerBackground:{variable:"color-header-background",value:"#000000",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#000000",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#FFFFFF",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#FFFFFF",type:"hexColor",description:"Placeholder text colour for search input"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"HankenGrotesk",description:"Preferred serif font"},body:{variable:"font-body",value:"HankenGrotesk",description:"Preferred font for the body text"}}};var No={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},primaryAlt:{variable:"color-primary-alt",value:"#FFFFFF",type:"hexColor",description:"Alt primary colour (VTO)"},secondary:{variable:"color-secondary",value:"#000000",type:"hexColor",description:"Secondary Colour"},"added-quick-add-text-colour":{variable:"color-added-quick-add-text-colour",value:"#FFFFFF",type:"hexColor",description:"color for the quick add button"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},primaryDarkAlt:{variable:"color-primary-dark-alt",value:"#000000",type:"hexColor",description:"Alt dark version of the primary colour (VTO)"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},primaryButtonTextAlt:{variable:"color-button-text-primary-alt",value:"#000000",type:"hexColor",description:"Alt text colour for the primary button (VTO) - inverted from primaryButtonText"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA primary colour for buttons and borders"},unlimitedBagText:{variable:"unlimited-bag-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited bag section"},unlimitedBagButtonBg:{variable:"unlimited-bag-button-bg",type:"hexColor",value:"#FFFFFF",description:"Backgroun
1d colour for unlimited bag button"},unlimitedBagButtonText:{variable:"unlimited-bag-button-text",type:"hexColor",value:"#000000",description:"Text colour for unlimited bag button"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#000000",description:"Background colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"},facetSelected:{variable:"color-facet-pill-bg-selected",value:"#FFFFFF",type:"hexColor",description:"Facet pill selected background color"},facetSelectedBorder:{variable:"color-facet-pill-border-selected",value:"#000000",type:"hexColor",description:"Facet pill selected border color"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Jost",description:"Preferred serif font"},heading:{variable:"font-heading",value:"WorkSans-Medium",description:"Preferred heading Font"},cta:{variable:"font-cta",value:"WorkSans-Light",description:"Preferred font for call to action"},body:{variable:"font-body",value:"Jost",description:"Preferred font for the body text"}},opacity:{wishlist:{variable:"wishlist-opacity",value:"0.7",description:"Add to wishlist opacity"}},weight:{desktopNavHeader:{variable:"desktop-nav-header-weight",value:"400",description:"Desktop nav header font weight"}}};var eo={colours:{primary:{variable:"color-primary",value:"#550503",type:"hexColor",description:"Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},altPrimaryDark:{variable:"color-primary-dark-alt",value:"#550503",type:"hexColor",description:"Alt dark version of the primary colour (VTO) - same as primary for PLT"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#FAF5E7",type:"hexColor",description:""},secondaryBackground:{variable:"color-bg-secondary",value:"#FAF5E7",description:""},textMarkdownColour:{variable:"text-markdown-colour",value:"#C90000",description:""},defaultTextColour:{variable:"default-text-colour",value:"#333333",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#000000",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#FFFFFF",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},headerBackground:{variable:"color-header-background",value:"#FFFDF7",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#FFFDF7",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},background:{variable:"color-background",type:"hexColor",value:"#FFFDF7",description:"Colour of the sites background"},storeCreditGradientStart:{variable:"store-credit-gradient-start",value:"#E91E63",type:"hexColor",description:"Store credit gradient start color (pink)"},storeCreditGradientEnd:{variable:"store-credit-gradient-end",value:"#F06292",type:"hexColor",description:"Store credit gradient end color (light pink)"},storeCreditButton:{variable:"store-credit-button",value:"#F06292",type:"hexColor",description:"Store credit button background color"},storeCreditText:{variable:"store-credit-text",value:"#FFB3D9",type:"hexColor",description:"Store credit text color (light pink)"},ctaPrimary:{variable:"color-cta-primary",value:"#550503",type:"hexColor",description:"CTA primary colour for buttons and borders"},unlimitedBagText:{variable:"unlimited-bag-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited bag section"},unlimitedBagButtonBg:{variable:"unlimited-bag-button-bg",type:"hexColor",value:"#FFFFFF",description:"Backgroun
1d colour for unlimited bag button"},unlimitedBagButtonText:{variable:"unlimited-bag-button-text",type:"hexColor",value:"#000000",description:"Text colour for unlimited bag button"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#550503",description:"Background colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},height:{"product-card-title":{variable:"product-card-title",value:"36px",description:"The Min Height of product card titles"}},fontSize:{emailTagLine:{variable:"email-tagline",value:"14px"},xs:{variable:"text-xs",value:"12px"},"text-cta":{variable:"text-cta",value:"14px"},sm:{variable:"text-sm",value:"12px"},base:{variable:"text-base",value:"12px"},lg:{variable:"text-lg",value:"16px"},xl:{variable:"text-xl",value:"16px"},"2xl":{variable:"text-2xl",value:"16px"},"3xl":{variable:"text-3xl",value:"16px"},"4xl":{variable:"text-4xl",value:"16px"}},fonts:{serif:{variable:"font-serif",value:"Roboto",description:"Preferred serif font"},body:{variable:"font-body",value:"Roboto",description:"Preferred font for the body text"}},rounding:{"default-rounding":{variable:"default-rounding",value:"0px",description:"the-defaut-rounding-value"}},fontWeight:{"font-weight-base":{variable:"font-weight-base",value:"300",description:"font weight base"},"desktop-nav-header-weight":{variable:"desktop-nav-header-weight",value:"400",description:"font-weight-semibold"},"font-weight-semibold":{variable:"font-weight-semibold",value:"400",description:"font-weight-semibold"},"font-weight-bold":{variable:"font-weight-bold",value:"400",description:"font-weight-bold"}},socialProof:{"pdp-background":{variable:"social-proof-pdp",value:"#FFFFFF",type:"hexColor",description:"Colour for the social proof on the PDP"},"pdp-border":{variable:"social-proof-pdp-border",value:"#FFFFFF",type:"hexColor",description:"Border colour for the social proof on the PDP"},"pdp-text-color":{variable:"social-proof-pdp-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the PDP"},"social-proof-pdp-alpha":{variable:"social-proof-pdp-alpha",value:1,type:"number",description:"Alpha value for the background colour on the PDP social proof"},"social-proof-pdp-backdrop-blur":{variable:"social-proof-pdp-backdrop-blur",value:"blur(0px)",type:"string",description:"Backdrop blur value for the PDP social proof"},"social-proof-pdp-border-alpha":{variable:"social-proof-pdp-border-alpha",value:0,type:"number",description:"Alpha value for the border colour on the PDP social proof"},"plp-background":{variable:"social-proof-plp",value:"#FFFFFF",type:"hexColor",description:"Colour for the social proof on the PLP"},"plp-border":{variable:"social-proof-plp-border",value:"#FFFFFF",type:"hexColor",description:"Border colour for the social proof on the PLP"},"plp-text-color":{variable:"social-proof-plp-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the PLP"},"social-proof-plp-alpha":{variable:"social-proof-plp-alpha",value:.8,type:"number",description:"Alpha value for the background colour on the PLP social proof (transparent white)"},"social-proof-plp-border-alpha":{variable:"social-proof-plp-border-alpha",value:0,type:"number",description:"Alpha value for the border colour on the PLP social proof"},"basket-background":{variable:"social-proof-basket",value:"#FFD4CD",type:"hexColor",description:"Colour for the social proof on the basket (Blush)"},"basket-border":{variable:"social-proof-basket-border",value:"#FFD4CD",type:"hexColor",description:"Border colour for the social proof on the basket"},"basket-text-color":{variable:"social-proof-basket-text",value:"#000000",type:"hexColor",description:"Text colour for the social proof on the basket"},"social-proof-basket-alpha":{variable:"social-proof-basket-alpha",value:1,type:"number",description:"Alp
1ha value for the background colour on the Basket social proof"}}};var fo={colours:{primary:{variable:"color-primary",value:"#000000",type:"hexColor",description:"Primary Colour"},primaryAlt:{variable:"color-primary-alt",value:"#FFFFFF",type:"hexColor",description:"Alt primary colour (VTO)"},ctaPrimary:{variable:"color-cta-primary",value:"#000000",type:"hexColor",description:"CTA Primary Colour"},secondary:{variable:"color-secondary",value:"#FFFFFF",type:"hexColor",description:"Secondary Colour"},primaryDark:{variable:"color-primary-dark",value:"#000000",type:"hexColor",description:"dark version of the primary colour"},primaryDarkAlt:{variable:"color-primary-dark-alt",value:"#000000",type:"hexColor",description:"Alt dark version of the primary colour (VTO)"},secondaryText:{variable:"color-text-secondary",value:"#767676",type:"hexColor",description:""},greyBackground:{variable:"color-bg-grey",value:"#F8F8F8",type:"hexColor",description:""},primaryNav:{variable:"color-primary-nav",value:"#FFFFFF",type:"hexColor",description:"Colour for the main menu"},primaryNavText:{variable:"color-primary-nav-text",value:"#000000",type:"hexColor",description:"Colour of the text for the primary navigation"},footerTitleText:{variable:"color-footer-help-header-text",value:"#000000",type:"hexColor",description:"Footer section title text"},footerTitleBackground:{variable:"color-footer-help-header-background",value:"#FFF1E8",type:"hexColor",description:"Footer section title background"},primaryButtonText:{variable:"color-button-text-primary",value:"#FFFFFF",type:"hexColor",description:"Text colour for the primary button"},primaryButtonTextAlt:{variable:"color-button-text-primary-alt",value:"#000000",type:"hexColor",description:"Alt text colour for the primary button (VTO) - inverted from primaryButtonText"},secondaryButtonBorder:{variable:"color-button-secondary-border",value:"#B5B5B5",type:"hexColor",description:"border colour for the secondary button"},"added-quick-add-text-colour":{variable:"color-added-quick-add-text-colour",value:"#FFFFFF",type:"hexColor",description:"color for the quick add button"},headerBackground:{variable:"color-header-background",value:"#FFFFFF",type:"hexColor",description:"Background colour for the header"},searchInputBackground:{variable:"color-search-input-background",value:"#F2F2F2",type:"hexColor",description:"Background colour for the search input"},searchText:{variable:"color-search-text",value:"#000000",type:"hexColor",description:"Text colour for search input and suggestions"},searchPlaceholder:{variable:"color-search-placeholder",value:"#767676",type:"hexColor",description:"Placeholder text colour for search input"},facetSelected:{variable:"color-facet-pill-bg-selected",value:"#FFFFFF",type:"hexColor",description:"Facet pill selected background color"},facetSelectedBorder:{variable:"color-facet-pill-border-selected",value:"#000000",type:"hexColor",description:"Facet pill selected border color"},unlimitedBagButtonBg:{variable:"unlimited-bag-button-bg",type:"hexColor",value:"#000000",description:"Background colour for unlimited bag button"},unlimitedBagButtonText:{variable:"unlimited-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited bag button"},unlimitedModalBagButtonBg:{variable:"unlimited-modal-bag-button-bg",type:"hexColor",value:"#000000",description:"Background colour for unlimited modal bag button"},unlimitedModalBagButtonText:{variable:"unlimited-modal-bag-button-text",type:"hexColor",value:"#FFFFFF",description:"Text colour for unlimited modal bag button"}},swiper:{colour:{variable:"swiper-pagination-color",value:"#284D7B",description:"Swiper colour"},inactiveBulletColor:{variable:"swiper-pagination-bullet-inactive-color",value:"#B5B5B5",description:"Inative bullet item"},inactiveBulletOpacity:{variable:"swiper-pagination-bullet-inactive-opacity",value:1,description:"Inactive bullet opacity"},bulletSize:{variable:"swiper-pagination-bullet-size",value:"10px",description:"Bullet size. Specify the unit, eg. px or rem"}},fonts:{serif:{variable:"font-serif",value:"Montserrat",description:"Preferred serif font"},body:{variable:"font-body",value:"Montserrat",description:"Preferred font for the body text"}}};var ur={debenhams:Vo,principles:Yt,burton:Qt,coast:pt,oasis:er,wallis:or,"dorothy-perkins":tr,gorgeous:rr,maine:ar,warehouse:ir,coastie:pt,misspap:nr,nastygal:Go,foreverunique:lr,nastygalus:Go,nastygalie:Go,nastygalau:Go,debenhamsus:Vo,debenhamsau:Vo,debenhamsie:Vo,debenhamsoutlet:sr,dsgnstudio:cr,trainingdept:pr,boohooww:po,boohoowwus:po,boohoowwie:po,boohoowwse:po,boohoowwnl:po,boohoowwfr:po,boohoowwrow:po,boohoowwau:po,boohoowwde:po,boohoowwpl:po,karenmillen:No,
1karenmillenus:No,karenmillenau:No,karenmillenie:No,karenmillenfr:No,karenmillenrow:No,prettylittlething:eo,prettylittlethingus:eo,prettylittlethingfr:eo,prettylittlethingie:eo,prettylittlethingau:eo,prettylittlethingrow:eo,prettylittlethingca:eo,prettylittlethingae:eo,prettylittlethingse:eo,prettylittlethingpl:eo,prettylittlethingde:eo,prettylittlethingnl:eo,boohooman:fo,boohoomanfr:fo,boohoomanus:fo,boohoomanse:fo,boohoomanie:fo,boohoomannl:fo,boohoomanau:fo,boohoomanrow:fo,boohoomande:fo,thebrandroom:dr};var vo=A(ze());var _=A(ze());var mr=A(ze());var ce=A(re()),hr=`var(${Dt}, 0)`,ut=`calc(${hr} * 100%)`,ha={background:`conic-gradient(#e7e7e7 ${ut}, transparent 0)`},ba={strokeDasharray:"97.39",strokeDashoffset:`calc(97.39px * (1 - ${hr}))`},fa={background:`linear-gradient(to right, #fdfffe ${ut}, #b7b7b7 ${ut})`},va={background:"#b7b7b7"},ya=()=>(0,ce.jsx)("svg",{className:"block max-w-none w-full h-full",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ce.jsx)("path",{d:"M9 6.5C9.27614 6.5 9.5 6.72386 9.5 7V17L9.49023 17.1006C9.44371 17.3286 9.24171 17.5 9 17.5C8.75829 17.5 8.55629 17.3286 8.50977 17.1006L8.5 17V7C8.5 6.72386 8.72386 6.5 9 6.5ZM15 6.5C15.2761 6.5 15.5 6.72386 15.5 7V17L15.4902 17.1006C15.4437 17.3286 15.2417 17.5 15 17.5C14.7583 17.5 14.5563 17.3286 14.5098 17.1006L14.5 17V7C14.5 6.72386 14.7239 6.5 15 6.5Z",fill:"currentColor"})}),ga=()=>(0,ce.jsx)("svg",{className:"block max-w-none w-full h-full",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ce.jsx)("path",{d:"M7 18V6L18 12L7 18Z",fill:"currentColor"})}),xa=()=>(0,ce.jsx)("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ce.jsx)("path",{d:"M5.52879 0.756579C5.78914 0.995166 5.78914 1.38202 5.52879 1.62061L1.83189 5.0086L5.52879 8.39658C5.78914 8.63517 5.78914 9.02202 5.52879 9.26061C5.26845 9.4992 4.84634 9.4992 4.58599 9.26061L0.417702 5.44061C0.157356 5.20202 0.157356 4.81517 0.417702 4.57658L4.58599 0.756579C4.84634 0.517992 5.26845 0.517992 5.52879 0.756579Z",fill:"currentColor"})}),Ca=()=>(0,ce.jsx)("svg",{width:"6",height:"10",viewBox:"0 0 6 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,ce.jsx)("path",{d:"M0.471208 9.26062C0.210862 9.02203 0.210862 8.63518 0.471208 8.39659L4.16812 5.00859L0.471208 1.6206C0.210862 1.38201 0.210862 0.99516 0.471208 0.756573C0.731554 0.517985 1.15366 0.517985 1.41401 0.756573L5.5823 4.57658C5.84264 4.81517 5.84264 5.20202 5.5823 5.44061L1.41401 9.26062C1.15366 9.4992 0.731554 9.4992 0.471208 9.26062Z",fill:"currentColor"})}),br=({paginationStyle:e="BAR",showPagination:t,showPaginationDesktop:n,className:r})=>{let[s,d]=(0,mr.useState)(!1),{currentIndex:a,goToIndex:F,goNext:w,goPrev:I,isPlaying:p,toggleAutoplay:$,totalSlides:m}=Mt();return e==="CIRCULAR"?(0,ce.jsxs)("div",{className:Co("absolute left-1/2 -translate-x-1/2 bottom-6 z-10 flex items-center gap-3 md:left-[48px] md:translate-x-0 md:bottom-[32px] md:gap-[12px]",{hidden:!t,"md:hidden":n===!1,"md:flex":n},r),children:[(0,ce.jsxs)("button",{className:"relative flex h-8 w-8 items-center justify-center rounded-full border-none bg-site-background text-default-text-colour shadow-[0px_0px_14px_0px_rgba(0,0,0,0.1)] transition-shadow duration-200 hover:shadow-[0px_0px_20px_0px_rgba(0,0,0,0.15)] focus:outline-none",onClick:()=>{$()},"aria-label":p?"Pause autoplay":"Play autoplay",children:[(0,ce.jsx)("div",{className:"absolute inset-0 hidden rounded-full md:block",style:ha}),(0,ce.jsx)("div",{className:"absolute left-1/2 top-1 h-6 w-6 -translate-x-1/2",children:p?(0,ce.jsx)(ya,{}):(0,ce.jsx)(ga,{})}),(0,ce.jsxs)("svg",{className:"absolute inset-0 -rotate-90 md:hidden",viewBox:"0 0 32 32",children:[(0,ce.jsx)("circle",{className:"fill-none stroke-[#e7e7e7] stroke-[1px]",cx:"16",cy:"16",r:"15.5"}),(0,ce.jsx)("circle",{className:"fill-none stroke-black stroke-[1px]",cx:"16",cy:"16",r:"15.5",style:ba})]})]}),(0,ce.jsxs)("div",{className:Co("flex h-8 items-center rounded-full bg-site-background shadow-[0px_0px_14px_0px_rgba(0,0,0,0.1)] transition-all duration-300 ease-in-out",s?"px-2":"px-3"),onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),children:[(0,ce.jsx)("button",{className:Co("flex items-center justify-center text-default-text-colour focus:outline-none transition-all duration-300 ease-in-out overflow-hidden",s?"w-6 mr-2 opacity-100":"w-0 mr-0 opacity-0"),onClick:()=>I(),"aria-label":"Previous Slide",tabIndex:s?0:-1,"aria-hidden":!s,children:(0,ce.jsx)(xa,{})}),(0,ce.jsx)("div",{className:"flex gap-3",children:Array.from({length:m}).map((c,g)=>(0,ce.jsx)("button",{className:Co("h-2 w-2 rounded-full bg-black transition-opacity duration-200 focus:outline-none",g===a?"opacity-100":"opacity-30"),onClick:()=>F(g),"aria-label":`Go to slide ${g+1}`},g))}),(0,ce.jsx)("button",{className:Co("flex items-center justify-center text-default-text-colour focus:outline-none transition-all duration-300 ease-in-out overflow-hidden",s?"w-6 ml-2 opacity-100":"w-0 ml-0 opacity-0"),onClick:()=>w(),"aria-label":"Next Slide",tabIndex:s?0:-1,"aria-hidden":!s,children:(0,ce.jsx)(Ca,{})})]})]}):(0,ce.jsx)("div",{className:Co("absolute bottom-5 w-full",{hidden:!t,"md:hidden":n===!1,"md:block":n},r),children:(0,ce.jsx)("div",{className:"flex w-full justify-center gap-[5px]",children:Array.from({length:m}).map((c,g)=>(0,ce.jsx)("button",{className:Co("h-[2px] w-[50px] cursor-pointer rounded-none border-none text-[0px] focus:outline-none"),style:g===a?fa:va,onClick:()=>F(g),"aria-label":`Go to slide ${g+1}`},g))})})};var ue=A(ze());var mt=A(ze());var ht=A(re()),fr=({img:e,alt:t})=>{let n=(0,mt.useContext)(yo),{env:r}=(0,mt.useContext)(_t);return e||(e=n==null?void 0:n.appLogo),!(n!=null&&n.usesRoundels)||!e?null:(e=Et(e)?At(e,r,n):e,(0,ht.jsx)("div",{className:"rounded-full overflow-hidden h-[38px] w-[38px]",children:(0,ht.jsx)("img",{src:`${e}?qlt=80&w=76&h=76`,className:"h-[38px] w-[38px]",alt:t})}))};var yr=A(ze());var vr=!1,bt=!1,gr=()=>{let e=et(),{getInternalUrl:t}=Io();(0,yr.useEffect)(()=>
1{if(vr)return;vr=!0;let n=()=>{e(t("/basket"))},r=async s=>{if(!bt){bt=!0;try{let d=Array.isArray(s.data)?s.data:[s.data],a=new FormData;a.append("data",JSON.stringify(d.map(F=>({sku:F.id,quantity:1})))),await fetch(t("/_api/basket/addToCart"),{method:"POST",body:a,signal:AbortSignal.timeout(3e4)})}catch(d){console.error("Error adding products:",d)}finally{bt=!1}}};window.addEventListener("revieve_checkout",n),window.addEventListener("add_to_cart",r)},[e])};var Lo=A(re()),xr=({label:e,version:t,transparentBackground:n,backgroundColor:r,textColor:s,borderColor:d,roundelURL:a})=>{gr();let F;switch(t){case"navMain":F="px-4 inline-flex items-center h-full hover:bg-site-background hover:font-semibold active:bg-site-background active:font-semibold data-[active=true]:bg-site-background data-[active=true]:font-semibold cursor-pointer";break;case"navMainMobile":F="align-middle text-center text-default-text-colour cursor-pointer leading-4 font-semibold disabled:cursor-default disabled:pointer-events-none undefined px-5 leading-4 w-full font-semibold text-lg inline-flex items-center py-4 hover:bg-gray-100 active:bg-gray-100 data-[active=true]:bg-gray-100 undefined";break;default:F="px-5 leading-4 w-full font-light text-sm inline-block hover:underline active:underline undefined"}return t==="button"?(0,Lo.jsx)(so,{style:{backgroundColor:n!=="transparent"?r||void 0:"transparent",color:s||void 0,border:d?`2px solid ${d}`:void 0},variant:"primary",children:e||"Revieve"}):(0,Lo.jsx)(so,{alignX:`${t!=null&&t.includes("Secondary")?"left":"center"}`,style:{padding:t==="navSecondary"?"0 8px":void 0,fontWeight:t!=null&&t.includes("Secondary")?"300":void 0,backgroundColor:n!=="transparent"?r||void 0:"transparent",color:s||void 0,border:d?`2px solid ${d}`:void 0},className:F,children:(0,Lo.jsxs)("div",{className:typeof a=="string"?"flex gap-3 items-center":"",children:[typeof a=="string"&&(0,Lo.jsx)(fr,{img:a,alt:e||"Revieve"}),e||"Revieve"]})})};var ao=A(ze());var Uo={width:36,height:36,paths:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><circle cx="18" cy="18" r="18" fill="black"/><path d="M18 26.1673H11.5728C10.564 26.1673 9.78642 25.278 9.92108 24.2782L11.5185 12.4173H24.4815L24.9444 15.8548L25.2222 17.8861M23 19.5007L23 22.834M23 22.834L23 26.1673M23 22.834H26.3333M23 22.834H19.6667M21.2407 15.1673V11.0747C21.2407 9.28491 19.7898 7.83398 18 7.83398C16.2101 7.83398 14.7592 9.28491 14.7592 11.0747V15.1673" stroke="white" stroke-width="0.833333" stroke-linecap="round"/></svg>'};var qo={width:36,height:36,paths:'<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><circle cx="18" cy="18" r="18" fill="white"/><path d="M18 26.1673H11.5728C10.564 26.1673 9.78642 25.278 9.92108 24.2782L11.5185 12.4173H24.4815L24.9444 15.8548L25.2222 17.8861M23 19.5007L23 22.834M23 22.834L23 26.1673M23 22.834H26.3333M23 22.834H19.6667M21.2407 15.1673V11.0747C21.2407 9.28491 19.7898 7.83398 18 7.83398C16.2101 7.83398 14.7592 9.28491 14.7592 11.0747V15.1673" stroke="black" stroke-width="0.833333" stroke-linecap="round"/></svg>'};var ft={default:{paths:` 2 <g> 3 <path d="M19.7175 23H4.2923C3.08166 23 2.14861 21.9329 2.3102 20.7331L4.22711 6.5H19.7827L21.6996 20.7331C21.8612 21.9329 20.9281 23 19.7175 23Z" fill="none" stroke="black"/> 4 <path d="M15.894 9.8V4.88889C15.894 2.74111 14.1529 1 12.0051 1V1C9.85733 1 8.11621 2.74111 8.11621 4.88889V9.8" fill="none" stroke="black" stroke-linecap="round"/> 5 </g> 6 `},plt:{width:16,height:16,paths:`<path 7 fill-rule="evenodd" 8 clip-rule="evenodd" 9 d="M15 5H1V15H15V5ZM0 4V16H16V4H0Z" 10 fill="black"> 11 </path> 12 <path 13 fill-rule="evenodd" 14 clip-rule="evenodd" 15 d="M9 1H7C5.89543 1 5 1.89543 5 3V4H11V3C11 1.89543 10.1046 1 9 1ZM7 0C5.34315 0 4 1.34315 4 3V5H12V3C12 1.34315 10.6569 0 9 0H7Z" 16 fill="black"></path>`},trainingdept:{width:22,height:22,paths:'<path d="M3.31656 4.76301L0 1.44645L1.44645 0L4.76301 3.31656H20.3522C20.9171 3.31656 21.375 3.77449 21.375 4.33936C21.375 4.4389 21.3605 4.53791 21.3319 4.63326L18.8772 12.8156C18.7474 13.2483 18.3492 13.5446 17.8975 13.5446H5.36216V15.5902H16.613V17.6358H4.33936C3.77448 17.6358 3.31656 17.1778 3.31656 16.613V4.76301ZM4.85076 21.727C4.00344 21.727 3.31656 21.04 3.31656 20.1928C3.31656 19.3454 4.00344 18.6586 4.85076 18.6586C5.69807 18.6586 6.38495 19.3454 6.38495 20.1928C6.38495 21.04 5.69807 21.727 4.85076 21.727ZM17.1244 21.727C16.277 21.727 15.5902 21.04 15.5902 20.1928C15.5902 19.3454 16.277 18.6586 17.1244 18.6586C17.9716 18.6586 18.6586 19.3454 18.6586 20.1928C18.6586 21.04 17.9716 21.727 17.1244 21.727Z" fill="black"/>'}};var vt={default:{paths:'<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.7126 23H4.28742C3.07678 23 2.14372 21.9329 2.30531 20.7331L4.22222 6.5H19.7778L21.6947 20.7331C21.8563 21.9329 20.9232 23 19.7126 23Z" stroke="white" fill="none"/><path d="M15.8889 9.8V4.88889C15.8889 2.74111 14.1477 1 12 1V1C9.8522 1 8.11108 2.74111 8.11108 4.88889V9.8" stroke="white" stroke-linecap="round"/></svg>'}
16,trainingdept:{width:22,height:22,paths:'<path d="M3.31656 4.76301L0 1.44645L1.44645 0L4.76301 3.31656H20.3522C20.9171 3.31656 21.375 3.77449 21.375 4.33936C21.375 4.4389 21.3605 4.53791 21.3319 4.63326L18.8772 12.8156C18.7474 13.2483 18.3492 13.5446 17.8975 13.5446H5.36216V15.5902H16.613V17.6358H4.33936C3.77448 17.6358 3.31656 17.1778 3.31656 16.613V4.76301ZM4.85076 21.727C4.00344 21.727 3.31656 21.04 3.31656 20.1928C3.31656 19.3454 4.00344 18.6586 4.85076 18.6586C5.69807 18.6586 6.38495 19.3454 6.38495 20.1928C6.38495 21.04 5.69807 21.727 4.85076 21.727ZM17.1244 21.727C16.277 21.727 15.5902 21.04 15.5902 20.1928C15.5902 19.3454 16.277 18.6586 17.1244 18.6586C17.9716 18.6586 18.6586 19.3454 18.6586 20.1928C18.6586 21.04 17.9716 21.727 17.1244 21.727Z" fill="white"/>'}};var P=A(re()),Fa="js-modal-element",Cr=(e,t)=>{(0,ao.useEffect)(()=>{let n=r=>{let s=r.target;if(!e.current||e.current.contains(s))return;s.closest(`.${Fa}`)||t(r)};return document.addEventListener("mousedown",n),document.addEventListener("touchstart",n),()=>{document.removeEventListener("mousedown",n),document.removeEventListener("touchstart",n)}},[e,t])},Zo=({cta:e,backgroundClick:t,product:n,onClose:r,onOpen:s})=>{var g,S;let d=(0,ao.useRef)(null),[a,F]=(0,ao.useState)(!1),[w,I]=(0,ao.useState)(!1),[p,$]=(0,ao.useState)(!1),m=go(2,6),b=(g=e.percentageFromTopLocation)!=null?g:50,c=(S=e.percentageFromLeftLocation)!=null?S:50;return Cr(d,H=>{H.stopPropagation(),t==null||t(),a&&(F(!1),w||r==null||r())}),n!=null&&n.product?(0,P.jsxs)("div",{ref:d,onMouseEnter:()=>{window.matchMedia("(pointer: coarse)").matches||(I(!0),a||s==null||s())},onMouseLeave:()=>{window.matchMedia("(pointer: coarse)").matches||(I(!1),a||r==null||r())},children:[(0,P.jsxs)("button",{style:{top:`${b>=10&&b<=90?b:b<10?"10":"90"}%`,left:`${c}%`},className:"absolute z-30 p-3",onMouseEnter:()=>{$(!0)},onMouseLeave:()=>{$(!1)},onClick:H=>{H.stopPropagation(),w||(a?r==null||r():s==null||s()),a&&I(!1),F(!a)},children:[(0,P.jsx)(ro,{className:"block md:hidden lg:block",icon:e.iconColor==="white"?p||a||w?Uo:qo:p||a||w?qo:Uo,width:36,height:36}),(0,P.jsx)(ro,{className:"hidden md:block lg:hidden",icon:e.iconColor==="white"?p||a?Uo:qo:p||a?qo:Uo,width:28,height:28})]}),a||w?(0,P.jsxs)("div",{children:[(0,P.jsxs)("div",{className:"block sm:hidden",children:[(0,P.jsx)("div",{style:{top:`calc(${b}% + 27px)`,left:`calc(${c}% ${c<=50?"+ 35px":"- 25px"})`},className:`${e.iconColor==="white"?"bg-black":"bg-site-background"} absolute h-1 z-20 w-14`}),(0,P.jsx)("div",{className:"absolute w-fit z-40 overflow-visible",style:{top:`${b<=50?b<=10?"3":"10":""}%`,bottom:`${b>50?b>=85?"3":"10":""}%`,left:c<=50?`calc(${c}% + 70px)`:void 0,right:c>50?`calc(${100-c}% + 10px)`:void 0},children:(0,P.jsx)(jo,{cta:e,product:n,imageWidths:m})})]}),(0,P.jsxs)("div",{className:"hidden sm:block md:hidden",children:[(0,P.jsx)("div",{style:{top:`calc(${b}% + 12px)`,left:`calc(${c}% ${c<=50?"+ 35px":"- 25px"})`},className:"absolute z-20 w-12 py-4",children:(0,P.jsx)("div",{className:`${e.iconColor==="white"?"bg-black":"bg-site-background"} h-1`})}),(0,P.jsx)("div",{className:"absolute w-fit z-40 overflow-visible",style:{top:`${b<=50?b<=10?"4":"12":""}%`,bottom:`${b>50?b>85?"3":"10":""}%`,left:c<=50?`calc(${c}% + 70px)`:void 0,right:c>50?`calc(${100-c}% + 15px)`:void 0},children:(0,P.jsx)(jo,{cta:e,product:n,imageWidths:m})})]}),(0,P.jsxs)("div",{className:"hidden md:block lg:hidden",children:[(0,P.jsx)("div",{style:{top:`calc(${b}% + 8px)`,left:`calc(${c}% ${c<=50?"+ 35px":"- 25px"})`},className:"absolute z-20 w-12 py-4",children:(0,P.jsx)("div",{className:`${e.iconColor==="white"?"bg-black":"bg-site-background"} h-1`})}),(0,P.jsx)("div",{className:"absolute w-[120px] z-40",style:{top:`${b<=50?b<=10?"2":"5":""}%`,bottom:`${b>50?b>85?"1":"3":""}%`,left:c<=50?`calc(${c}% + 70px)`:void 0,right:c>50?`calc(${100-c}% + 15px)`:void 0},children:(0,P.jsx)(jo,{cta:e,product:n,imageWidths:m})})]}),(0,P.jsxs)("div",{className:"hidden lg:block 2xl:hidden",children:[(0,P.jsx)("div",{style:{top:`calc(${b}% + 12px)`,left:`calc(${c}% ${c<=50?"+ 35px":"- 30px"})`},className:"absolute z-20 w-12 py-4",children:(0,P.jsx)("div",{className:`${e.iconColor==="white"?"bg-black":"bg-site-background"} h-1`})}),(0,P.jsx)("div",{className:"absolute w-fit z-40 overflow-visible",style:{to
16p:`${b<=50?b<=10?"3":"5":""}%`,bottom:`${b>50?b>85?"3":"5":""}%`,left:c<=50?`calc(${c}% + 80px)`:void 0,right:c>50?`calc(${100-c}% + 25px)`:void 0},children:(0,P.jsx)(jo,{cta:e,product:n,imageWidths:m})})]}),(0,P.jsxs)("div",{className:"hidden 2xl:block",children:[(0,P.jsx)("div",{style:{top:`calc(${b}% + 12px)`,left:`calc(${c}% ${c<=50?"+ 35px":"- 30px"})`},className:"absolute z-20 w-12 py-4",children:(0,P.jsx)("div",{className:`${e.iconColor==="white"?"bg-black":"bg-site-background"} h-1`})}),(0,P.jsx)("div",{className:"absolute w-fit z-40 overflow-visible",style:{top:`${b<=50?b<=10?"5":"10":""}%`,bottom:`${b>50?b>85?"3":"5":""}%`,left:c<=50?`calc(${c}% + 80px)`:void 0,right:c>50?`calc(${100-c}% + 25px)`:void 0},children:(0,P.jsx)(jo,{cta:e,product:n,imageWidths:m})})]})]}):""]}):null},yt=({buttons:e,onClose:t,onOpen:n,alignment:r,invertBannerColours:s,handleAddToWishlistFunc:d,wishlistColours:a,quickAdd:F=!1,isGuest:w=!1})=>{let I=(0,ao.useRef)(null),[p,$]=(0,ao.useState)(!1),m=go(2,6),{translate:b}=Qe();if(Cr(I,l=>{let u=l.target;!(u.closest('[data-test-id*="modal"]')||u.closest('[class*="z-[1"]')||u.closest(".fixed")||u.closest('[data-test-id*="quick-add"]'))&&p&&(l.stopPropagation(),$(!1),t==null||t())}),!e||e.length===0)return null;let c=l=>{l.preventDefault(),l.stopPropagation(),l.nativeEvent.stopImmediatePropagation(),p?($(!1),t==null||t()):($(!0),n==null||n())},g=r==="right",S=()=>(0,P.jsx)(ro,{icon:zt,fillColor:s?"#FFFFFF":"#000000",width:16,height:16}),H=({direction:l})=>(0,P.jsx)(ro,{icon:l==="up"?Zt:Ot,fillColor:s?"#FFFFFF":"#000000",width:20,height:20}),B=g?"top-0 right-0":"top-0 left-0",o=g?"rounded-bl-[4px]":"rounded-br-[4px]",R=g?"rounded-bl-[4px]":"rounded-br-[4px]";return(0,P.jsxs)("div",{ref:I,className:`absolute ${B} z-20 w-full sm:w-auto`,onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation()},children:[(0,P.jsxs)("button",{onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation(),c(l)},className:`flex items-center ${s?"bg-black border-black":"bg-site-background border-gray-200"} border shadow-lg transition-none sm:transition-all duration-200 h-[60px] w-full sm:w-[600px] ${p?`border-b-0 ${g?"rounded-bl-none":"rounded-br-none"}`:`${o} hover:shadow-xl`}`,children:[g?!p&&(0,P.jsx)("div",{className:"pl-5 pr-3",children:(0,P.jsx)(H,{direction:"down"})}):(0,P.jsx)("div",{className:"px-5",children:(0,P.jsx)(ro,{icon:s?vt:ft,width:24,height:24,className:"flex-shrink-0"})}),(0,P.jsx)("div",{className:`flex-1 ${g?"text-right":"text-left"} sm:pt-1`,children:(0,P.jsx)("span",{className:`font-bold ${s?"text-white":"text-gray-800"} uppercase tracking-wide text-[16px] leading-none`,children:b("shoppableButton.shopFeatured")})}),g?(0,P.jsx)("div",{className:"px-5",children:(0,P.jsx)(ro,{icon:s?vt:ft,width:24,height:24,className:"flex-shrink-0"})}):!p&&(0,P.jsx)("div",{className:"pr-5 pl-3 pt-1",children:(0,P.jsx)(H,{direction:"down"})})]}),p&&(0,P.jsxs)("div",{className:`absolute top-full ${g?"right-0":"left-0"} ${s?"bg-black border-black":"bg-site-background border-gray-200"} shadow-xl border ${R} border-t-0 overflow-hidden w-full sm:w-[600px] flex flex-col transition-none sm:transition-all duration-200 17 min-h-[200px] max-h-[40vh] md:max-h-[50vh] lg:max-h-[60vh] 18 pb-[60px]`,onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation()},children:[(0,P.jsx)("div",{className:`flex-1 overflow-y-auto overflow-x-hidden 19 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-gray-300 20 pb-4`,onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation()},children:(0,P.jsx)("div",{className:"px-5",children:(0,P.jsx)("div",{className:"space-y-2 md:space-y-1",children:e.map((l,u)=>(0,P.jsx)("div",{className:"pb-2",children:l.product.product?(0,P.jsx)(P.Fragment,{children:(0,P.jsx)("div",{className:"mb-2",children:(0,P.jsx)(dt,{analyticsCategory:"shoppableBanner",layout:"dropdown",imageWidths:m,isProductListingPage:!0,...l.product.product.node,variant:"shoppableCard",className:s?"bg-black":"mb-2",useSquareImage:!0,defaultColour:l.product.color,isFirst:u===0,handleAddToWishlistFunc:w?void 0:d,wishlistColours:a,quickAdd:F,isInWishlist:a==null?void 0:a.some(D=>D.productKey===l.product.product.node.productKey&&D.colourSelected===(l.product.color||l.product.product.node.colour)),productId:l.product.product.node.productKey,hideBadges:!1,hideProductSaving:!1,hidePromoBadges:!1,hideColourSwatches:!0})})}):(0,P.jsxs)("div",{className:"text-xs text-dark-red p-2 bg-red-50 rounded",children:[b("shoppableButton.productNotFound")," ",l.cta.productSku]})},`${l.cta.id}-${u}`))})})}),(0,P.jsx)("div",{className:` 21 absolute bottom-0 left-0 right-0
22 min-h-[60px] h-auto 23 ${s?"bg-black":"bg-site-background"} 24 ${s?"border-t border-gray-700":"border-t border-gray-200"} 25 26 flex items-center ${g?"justify-start":"justify-end"} ${R} ${g?"pl-3":"pr-3"} 27 flex-shrink-0 z-10`,onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation()},children:(0,P.jsxs)("button",{onClick:l=>{var u;l.preventDefault(),l.stopPropagation(),(u=l.nativeEvent)==null||u.stopImmediatePropagation(),c(l)},className:` 28 flex items-center gap-2 px-4 py-3 min-h-[44px] 29 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 30 transition-colors duration-200 hover:opacity-70 rounded 31 relative z-20`,"aria-label":b("shoppableButton.close"),children:[(0,P.jsx)("span",{className:`text-sm font-medium ${s?"text-white":"text-default-text-colour"}`,children:b("shoppableButton.close")}),(0,P.jsx)(S,{})]})})]})]})},jo=e=>{var w,I;let{cta:t,imageWidths:n,product:r}=e,{translate:s}=Qe(),d=(0,ao.useContext)(yo),{buildProductUrl:a}=Io(),F=((I=(w=d.theming)==null?void 0:w.cta)==null?void 0:I.case)!=="nochange";return(0,P.jsx)("div",{className:`flex flex-col ${t.iconColor==="white"?"bg-black":"bg-site-background"} md:max-w-[220px] max-w-[160px] rounded-md`,onClick:p=>{p.stopPropagation()},children:(0,P.jsx)("div",{className:"m-2",children:(0,P.jsxs)("div",{children:[(0,P.jsx)(dt,{analyticsCategory:"shoppableButton",layout:"1-column",imageWidths:n,isProductListingPage:!0,...r.product.node,variant:"shoppableCard",className:t.iconColor==="white"?"bg-black":"",useSquareImage:!0,defaultColour:r.color}),(0,P.jsx)(co,{onClick:p=>{p.stopPropagation()},to:`${a(r.product.node.slug)}${r.color?`?colour=${r.color}`:""}`,prefetch:"intent",className:`w-full text-sm block ${F?"uppercase":""} font-cta font-semibold xl:text-lg text-button-text-primary rounded text-center whitespace-nowrap py-1 ${t.iconColor==="white"?"bg-site-background text-default-text-colour":"bg-black text-white"}`,children:s("shoppableButton.shopNow")})]})})})};var rt=A(ze()),tt=A(re()),wa=({hotspots:e})=>{let[t,n]=(0,rt.useState)(!1);return(0,rt.useEffect)(()=>{let r=()=>{let s=window.innerWidth<768;t!==s&&n(s)};return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[t]),(0,tt.jsx)("div",{className:"relative w-full h-full",children:e.map(r=>{var m,b,c,g;if(!r.desktopCoords||!r.mobileCoords)return null;let s=t?r.mobileCoords:r.desktopCoords,d=t?(m=r.imageHotspotSrc)==null?void 0:m.mobile:((b=r.imageHotspotSrc)==null?void 0:b.desktop)||((c=r.imageHotspotSrc)==null?void 0:c.mobile),a=(g=d==null?void 0:d.data)==null?void 0:g.attributes,F={position:"absolute",top:`${s.percentage_startY}%`,left:`${s.percentage_startX}%`,width:`${s.percentage_endX-s.percentage_startX}%`,height:`${s.percentage_endY-s.percentage_startY}%`,cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:!a||r.imageHotspotTransparentBackground?"transparent":"initial"},w=r.altText||(a==null?void 0:a.alternativeText)||"Hotspot",I=a?(0,tt.jsx)("img",{src:a.url,alt:w,loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"}}):null,p=r.imageHotspotLink?"a":"div",$=r.imageHotspotLink?{href:r.imageHotspotLink}:{};return(0,tt.jsx)(p,{"aria-label":w,style:F,...$,children:I},r.id)})})},Fr=wa;var oo=A(ze());var kr=A(ze());var gt=A(re()),wr=({callToAction:e,href:t,variant:n="primary",size:r="default",className:s=""})=>(0,gt.jsx)(co,{to:t,className:`inline-flex items-center justify-center gap-[10px] ${r==="default"&&"w-[107px] h-[50px] px-[32px] py-[8px] text-[16px] leading-[24px]"} ${n==="primary"&&"bg-site-background text-default-text-colour rounded hover:bg-gray-100"} ${s}`,prefetch:"intent",children:(0,gt.jsx)(Ge,{as:"span",className:"text-center uppercase font-semibold",children:e})});var Bo=A(re()),Br=({ImageCtaCardSrc:e,ImageCtaCardVideoSrc:t,ImageCtaCardMediaHubVideoSrc:n,ctaButtonPosition:r="bottom_center",cta1:s,altText:d,className:a,fetchPriority:F,lazyLoad:w})=>{let{createResponsiveImageSrc:I}=ko(),p=go(1,1),$=(0,kr.useMemo)(()=>e?I({media:e,widths:p,breakpoints:Ve}):null,[e,I,p]),m={["bottom_center"]:"bottom-4 left-1/2 transform -translate-x-1/2",["bottom_left"]:"bottom-4 left-4",["bottom_right"]:"bottom-4 right-4",["middle_center"]:"top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",["middle_left"]:"top-1/2 left-4 transform -translate-y-1/2",["middle_right"]:"top-1/2 right-4 transform -translate-y-1/2",["top_center"]:"top-4 left-1/2 transform -translate-x-1/2",["top_left"]:"top-4 left-4",["top_right"]:"top-4 right-4"}[r];return(0,Bo.jsxs)("div",{className:` 32 relative flex flex-col items-center justify-center 33 rounded gap-[10px] 34 p-6 35 overflow-hidden 36 max-h-56 md:max-h-none 37 ${a} 38 `,style:{aspectRatio:"2 / 3"},children:[!t&&!n&&$&&(0,Bo.jsx)(bo,{alt:d||"CTA Card",src:$,fillParent:!0,fetchPriority:F,lazyLoad:w,className:"absolute top-0 left-0 w-full h-full object-cover"}),t&&(0,Bo.jsx)(Eo,{...t,className:"absolute top-0 left-0 w-full h-full object-cover"}),n&&(0,Bo.jsx)(Do,{...n,className:"absolute top-0 left-0 w-full h-full object-cover"}),s&&(0,Bo.jsx)("div",{className:`absolute ${m}`,children:(0,Bo.jsx)(wr,{...s})})]})};var Pr={width:16,height:16,paths:`
39<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 40<path d="M11.6666 0.666595L4.33325 7.99993L11.6666 15.3333" stroke="currentColor" stroke-linecap="round"/> 41</svg>`};var Tr={width:16,height:16,paths:`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> 42<path d="M4.33334 15.3333L11.6667 8L4.33334 0.666668" stroke="currentColor" stroke-linecap="round"/> 43</svg>`};var Je=A(re());function ka({onPrevious:e,onNext:t,canScrollLeft:n,canScrollRight:r}){let s="bg-site-background w-8 h-8 relative rounded-full shadow-md flex items-center justify-center cursor-pointer hover:shadow-lg transition-opacity duration-300";return(0,Je.jsxs)("div",{className:` 44 absolute box-border flex items-center justify-between z-10 h-0 top-1/2 -translate-y-1/2 pointer-events-none 45 px-4 w-full left-0 46 md:px-0 md:w-[var(--three-card-width)] 47 `,children:[(0,Je.jsx)("button",{onClick:e,disabled:!n,className:` 48 ${s} pointer-events-auto 49 absolute left-4 md:left-0 md:-translate-x-1/2 50 ${n?"opacity-100":"opacity-0"} 51 `,"aria-label":"Previous",children:(0,Je.jsx)(ro,{icon:Pr})}),(0,Je.jsx)("button",{onClick:t,disabled:!r,className:` 52 ${s} pointer-events-auto 53 absolute right-4 md:right-0 md:translate-x-1/2 54 ${r?"opacity-100":"opacity-0"} 55 `,"aria-label":"Next",children:(0,Je.jsx)(ro,{icon:Tr})})]})}var at=({items:e,carousel:t,className:n,fetchPriority:r="auto",lazyLoad:s=!0,onInteractionStart:d,onInteractionEnd:a,isActive:F})=>{var N,k,V,J,de,Z,q,ie;let[w,I]=(0,oo.useState)(!1),[p,$]=(0,oo.useState)(!1),m=(0,oo.useRef)(null),b=(0,oo.useRef)(null),c=((N=t.slidesPerView)==null?void 0:N.mobile)||2.5,g=(V=(k=t.slideGap)==null?void 0:k.mobile)!=null?V:.5,S=(de=(J=t.slideGap)==null?void 0:J.desktop)!=null?de:.5,H=((Z=t.showControls)==null?void 0:Z.mobile)||((q=t.showControls)==null?void 0:q.desktop),B=e.length<=3,o=B?3:((ie=t.slidesPerView)==null?void 0:ie.desktop)||3.2,R=e.length>c,l=(0,oo.useCallback)(()=>{if(!m.current)return;let{scrollLeft:T,scrollWidth:j,clientWidth:Y}=m.current,f=j-Y,i=2;I(T>i),$(T<f-i)},[]);(0,oo.useLayoutEffect)(()=>{let T=m.current;if(T)return T.scrollLeft=0,l(),T.addEventListener("scroll",l,{passive:!0}),window.addEventListener("resize",l),()=>{T&&T.removeEventListener("scroll",l),window.removeEventListener("resize",l)}},[l]),(0,oo.useEffect)(()=>{F&&(m.current&&m.current.scrollTo({left:0,behavior:"auto"}),setTimeout(l,0))},[F,l]),(0,oo.useEffect)(()=>()=>{b.current&&clearTimeout(b.current)},[]);let u=T=>{if(d==null||d(),b.current&&clearTimeout(b.current),m.current){let{scrollLeft:j,scrollWidth:Y,clientWidth:f}=m.current,i=0,ee=m.current.firstElementChild;if(ee){let Q=ee.offsetWidth,me=window.getComputedStyle(ee),ke=parseFloat(me.marginRight||"0");if(ke===0){let Ne=window.getComputedStyle(m.current);ke=parseFloat(Ne.columnGap||Ne.gap||"0")}i=Q+ke}else{let Q=window.innerWidth<768?c:o;i=f/Q}if(T==="next"){let Q=j+i,me=Y-f;Q>=me-5?m.current.scrollTo({left:me,behavior:"smooth"}):m.current.scrollBy({left:i,behavior:"smooth"})}else j-i<=5?m.current.scrollTo({left:0,behavior:"smooth"}):m.current.scrollBy({left:-i,behavior:"smooth"})}b.current=setTimeout(()=>{a==null||a()},5e3)},D=`calc((100% - ${(c-1)*g}rem) / ${c})`,G=`calc((100% - ${(o-1)*S}rem) / ${o})`;return(0,Je.jsxs)("div",{className:`relative ${n}`,style:{"--slide-gap-mobile":`${g}rem`,"--slide-gap-desktop":`${S}rem`,"--card-basis-mobile":D,"--card-basis-desktop":G,"--three-card-width":"calc(3 * var(--card-basis-desktop) + 2 * var(--slide-gap-desktop))","--end-scroll-space":"calc(0.2 * var(--card-basis-desktop))"},children:[(0,Je.jsx)("div",{ref:m,className:`image-cta-carousel-container h-full scrollbar-hide ${B?"desktop-static-layout":""}`,children:e.map((T,j)=>{if(!T)return null;let Y=j<Math.ceil(o);return(0,Je.jsx)("div",{className:"image-cta-carousel-slide flex-shrink-0",children:(0,Je.jsx)(Br,{...T,fetchPriority:Y?"high":r,lazyLoad:Y?!1:s})},T.id||j)})}),(0,Je.jsx)("style",{children:` 56 .image-cta-carousel-container { 57 display: flex; 58 overflow-x: auto; 59 scroll-snap-type: x mandatory; 60 overscroll-behavior-x: contain; 61 clip-path: inset(0 0 0 0); 62 padding: 0 1rem 0 1rem; 63 margin-left: -1rem; 64 width: calc(100% + 1rem); 65 -webkit-overflow-scrolling: touch; 66 } 67 68 .image-cta-carousel-slide { 69 flex-basis: var(--card-basis-mobile); 70 min-width: var(--card-basis-mobile); 71 flex-shrink: 0; 72 margin-right: var(--slide-gap-mobile); 73 scroll-snap-align: start; 74 scroll-snap-stop: always; 75 scroll-margin-left: 1rem; 76 } 77 78 .image-cta-carousel-slide:first-child { 79 margin-left: 1rem; 80 scroll-margin-left: 1rem; 81 } 82 83 .image-cta-carousel-slide:last-child { 84 margin-right: 0; 85 scroll-snap-align: end; 86 } 87 88 @media (min-width: 768px) { 89 .image-cta-carousel-container { 90 display: flex; 91 overflow-x: auto; 92 scroll-snap-type: none; 93 padding: 0; 94 margin-left: 0; 95 width: 100%; 96 clip-path: none; 97 align-items: center; 98 height: 100%; 99 gap: var(--slide-gap-desktop); 100 } 101 102 .image-cta-carousel-container:not(.desktop-static-layout)::after { 103 content: ''; 104 display: block; 105 width: var(--end-scroll-space); 106 min-width: var(--end-scroll-space); 107 height: 1px; 108 flex-shrink: 0; 109 } 110 111 .image-cta-carousel-slide { 112 flex-basis: var(--card-basis-desktop); 113 min-width: var(--card-basis-desktop); 114 margin-right: 0; /* Desktop uses gap */ 115 scroll-snap-align: none; 116 scroll-snap-stop: normal; 117 } 118 119 .image-cta-carousel-slide:first-child { 120 margin-left: 0; 121 scroll-margin-left: 0; 122 } 123 124 .image-cta-carousel-slide:last-child { 125 margin-right: 0; 126 } 127 128 /* Static Layout Styles */ 129 .image-cta-carousel-container.desktop-static-layout { 130 overflow-x: hidden; 131 justify-content: flex-end; 132 padding-right: 3rem; 133 display: flex; 134 align-items: center; 135 height: 100%; 136 } 137 138 .image-cta-carousel-container.desktop-static-layout + .image-cta-carousel-chevrons { 139 display: none; 140 } 141 } 142 `}),H&&R&&(0,Je.jsx)("div",{className:"image-cta-carousel-chevrons hidden md:block",children:(0,Je.jsx)(ka,{onPrevious:()=>u("prev"),onNext:()=>u("next"),canScrollLeft:w,canScrollRight:p})})]})};var L=A(re()),xt=({link:e,autoApplyBrandFilterOnDBZ:t,revieveSlide:n,revieveType:r})=>{var m,b;let[s,d]=(0,ue.useState)(!1),{getModifiedUrl:a}=ct(),F=(0,ue.useContext)(yo),{findAndReplace:w}=Mo(),I=e.label?w(e.label):e.label,p={background:(e==null?void 0:e.hoverButtonColor)||"white",text:(e==null?void 0:e.hoverTextColor)||"black",border:(e==null?void 0:e.hoverBorderColor)||"white"};e!=null&&e.backgroundColor&&(e!=null&&e.hoverButtonColor||(((e==null?void 0:e.backgroundColor)==="#ffffff"||(e==null?void 0:e.backgroundColor)==="#FFFFFF")&&(p.background="black"),(e==null?void 0:e.backgroundColor)==="#000000"&&(p.background="white")),e!=null&&e.hoverTextColor||(((e==null?void 0:e.backgroundColor)==="#ffffff"||(e==null?void 0:e.backgroundColor)==="#FFFFFF")&&(p.text="white"),(e==null?void 0:e.backgroundColor)==="#000000"&&(p.text="black")),e!=null&&e.hoverBorderColor||(((e==null?void 0:e.backgroundColor)==="#ffffff"||(e==null?void 0:e.backgroundColor)==="#FFFFFF")&&(p.border="black"),(e==null?void 0:e.backgroundColor)==="#000000"&&(p.border="white"))),e!=null&&e.transparentBackgroun
142d&&!e.hoverButtonColor&&e!=null&&e.borderColor&&(p.background=e==null?void 0:e.borderColor,((e==null?void 0:e.borderColor)==="#FFFFFF"||(e==null?void 0:e.borderColor)==="#ffffff")&&(p.text="black"),(e==null?void 0:e.borderColor)==="#000000"&&(p.text="white"));let $={transition:"background-color 0.3s, color 0.3s, border-color 0.3s",backgroundColor:s?p.background:e.transparentBackground?"transparent":e.backgroundColor||void 0,color:s?p.text:e.textColor||"black",border:s?`2px solid ${p.border}`:e.borderColor?`2px solid ${e.borderColor}`:`2px solid ${e.backgroundColor||"transparent"}`};return n?(0,L.jsx)(xr,{label:I,transparentBackground:e.transparentBackground||void 0,backgroundColor:e.backgroundColor||void 0,textColor:e.textColor||void 0,borderColor:e.borderColor||void 0,version:"button",type:r}):(0,L.jsx)(co,{onClick:c=>c.stopPropagation(),prefetch:"intent",to:a({href:e.href,autoApplyBrandFilterOnDBZ:t}),style:$,onMouseEnter:()=>{e.enableHoverOver&&d(!0)},onMouseLeave:()=>{e.enableHoverOver&&d(!1)},className:"m-1 lg:px-14 xl:px-16 px-10 md:px-8 py-2 md:py-1 lg:py-2 font-cta text-cta font-semibold rounded text-center whitespace-nowrap",children:((b=(m=F==null?void 0:F.theming)==null?void 0:m.cta)==null?void 0:b.heroBannerLinkCapitalisation)===!1?I:I.toUpperCase()})},Nr=e=>{let{user:t}=(0,ue.useContext)(Oo),{visibilityConfig:n}=e;if(n){let r=n.hideForLoggedInUsers,s=n.hideForGuestUsers;if(t===void 0||t&&!t.guest&&r||t!=null&&t.guest&&s)return null}return(0,L.jsx)(Ba,{...e})},Ba=({"data-test-id":e,src:t,heroBannerVideoSrc:n,heroBannerMediaHubVideoSrc:r,fetchPriority:s,lazyLoad:d,links:a=[],className:F,linkLocation:w,linkStacking:I,linkBackgroundGradient:p,mobileWidthDivisor:$,desktopWidthDivisor:m,imageLink:b,revieveSlide:c,revieveType:g,maxButtonStackDesktop:S=1,maxButtonStackMobile:H=1,shoppableButtonsComponent:B,showLinkGradient:o,liveText:R,autoApplyBrandFilterOnDBZ:l,startAutoplay:u,stopAutoplay:D,mobilePagination:G,enableContentFadeIn:N,visibilityConfig:k,imageCtaCarousel:V,imageHotspots:J,paginationStyle:de,index:Z,activeIndex:q,variant:ie,hideOnDesktop:T,hideOnMobile:j,isChild:Y=!0,...f})=>{var Tt,St,Nt;let{createResponsiveImageSrc:i}=ko(),{hideImage:ee}=(0,ue.useContext)(Lt),{getModifiedUrl:Q}=ct(),{user:me}=(0,ue.useContext)(Oo),fe=(0,ue.useContext)(yo),{enableGoogleSearch:ke}=(0,ue.useContext)(Ht),{AbtastyConfig:Ne}=(0,ue.useContext)(Rt),Ye=Gt(Ne).searchLane,Ee=It(),{updateWishlist:Ue}=qt(),{addDefaultWishlistItem:Ke}=jt(),[qe,We]=(0,ue.useState)(!1),[C,v]=(0,ue.useState)("auto"),O=(0,ue.useRef)(null),[x,oe]=(0,ue.useState)(!1),[he,$e]=(0,ue.useState)(!1),[ve,Ce]=(0,ue.useState)(0),[_e,He]=(0,ue.useState)(0),je=(0,ue.useRef)(null),[Ae,mo]=(0,ue.useState)(!1),{getInternalUrl:h}=Io(),W=()=>{mo(!0),D&&D()},X=()=>{mo(!1)},Ie=(Tt=me==null?void 0:me.guest)!=null?Tt:!0,ye=[],Oe=async(M,te,Te,Re)=>{try{let Ze=new URLSearchParams;Ze.append("productKey",te),Ze.append("colourSelected",Te);let Wo=await(await fetch(h(`/_api/wishlist/savedItem?${Ze.toString()}`))).json();if(Wo!=null&&Wo.wishlistItem){Ee({formType:"removeFromWishlist",data:JSON.stringify({lineItemSku:M,productKey:te,colourSelected:Te,sizeSelected:Re})},{method:"POST"});return}Ue({product:{key:te,name:"Product",variant:{sku:M,attributes:{colour:Te}}},quantity:1,type:"add",variant:{sku:M,attributes:{colour:Te}},context:{pageType:"product",buttonLabel:"addToWishlist"}}),Ee({formType:"addToWishlist",data:JSON.stringify({lineItemSku:M,productKey:te,colourSelected:Te,sizeSelected:Re})},{method:"POST"}),Ke({productKey:te,colourSelected:Te})}catch(Ze){console.error("Wishlist error:",Ze)}},Pe=(B==null?void 0:B.displayMode)||"button",pe=(B==null?void 0:B.bannerAlignment)||"left",be=(B==null?void 0:B.invertBannerColours)||!1,xe=Ut({listType:"search"}),Le=((B==null?void 0:B.desktopShoppableButtons)||[]).map(M=>{var Te,Re,Ze;let te=Sr(((Re=(Te=xe.data)==null?void 0:Te.plpProductSearch)==null?void 0:Re.edges)||[],M.productSku);return{cta:M,product:{product:te,color:(Ze=M.productSku.split("#"))==null?void 0:Ze[1]}}}).filter(M=>!!M.product.product),E=((B==null?void 0:B.mobileShoppableButtons)||[]).map(M=>{var Te,Re,Ze;let te=Sr(((Re=(Te=xe.data)==null?void 0:Te.plpProductSearch)==null?void 0:Re.edges)||[],M.productSku);return{cta:M,product:{product:te,color:(Ze=M.productSku.split("#"))==null?void 0:Ze[1]}}}).filter(M=>!!M.product.product),De=()=>{D==null||D(),Ce(ve+1)},Me=()=>{Ce(M=>{let te=M-1;return te<=0?(Ae||u==null||u(),0):te})};(0,ue.useEffect)(()=>
142{if(!N)return;let M=new IntersectionObserver(([te])=>{te.isIntersecting?(oe(!0),$e(!0)):he||oe(!1)},{threshold:.1});return O.current&&M.observe(O.current),()=>{M.disconnect()}},[N,he]),(0,ue.useEffect)(()=>{let M=()=>{We(window.innerWidth<768)};return M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}},[]),(0,ue.useEffect)(()=>{je.current&&He(je.current.offsetHeight)},[a,H,S]);let io=N?`transition-opacity duration-1000 delay-300 ${he?"opacity-100":"opacity-0"}`:"",we=N?`transition-opacity duration-1000 delay-300 ${he?"opacity-100":"opacity-0"}`:"",no=go(),lo=(0,ue.useMemo)(()=>i({media:t,widths:no,breakpoints:Ve}),[t,i,no]),Po=typeof S!="number"?1:S,To=typeof H!="number"?1:H,Xe,So="";switch(w){case"top_left":Xe="md:place-self-start md:place-content-start md:pl-6 md:top-6 bottom-0 md:bottom-auto";break;case"top_center":Xe="md:place-self-center md:top-6 bottom-0 md:bottom-auto";break;case"top_right":Xe="md:place-self-end md:top-6 md:pr-6 bottom-0 md:bottom-auto";break;case"bottom_left":Xe="md:place-self-start md:place-content-end md:pb-6 md:pl-6 bottom-0";break;case"bottom_center":Xe="md:place-self-center md:place-content-end md:pb-8 bottom-0";break;case"bottom_right":Xe="md:place-self-end md:place-content-end md:pr-6 md:pb-6 bottom-0";break;case"middle_left":Xe="md:place-self-start md:pl-12 md:items-center bottom-0 md:bottom-auto md:top-1/2 md:-translate-y-1/2",So="md:justify-center";break;case"middle_center":Xe="md:place-self-center md:place-content-center md:items-center bottom-0 md:bottom-auto md:top-1/2 md:-translate-y-1/2",So="md:justify-center";break;case"middle_right":Xe="md:place-self-end md:pr-12 md:items-center bottom-0 md:bottom-auto md:top-1/2 md:-translate-y-1/2",So="md:justify-center";break;default:Xe="md:place-self-start md:place-content-end md:pb-6 md:pl-6 bottom-0 md:bottom-auto";break}let ho;if(To===1&&Po===1)ho=I==="horizontal"?"grid-flow-row md:grid-flow-col":"grid-flow-row";else switch(I){case"horizontal":ho=`grid-flow-row md:grid-flow-row grid-cols-${To} md:grid-cols-${Po}`;break;case"vertical":ho=`grid-flow-row md:grid-flow-col grid-rows-${To} md:grid-rows-${Po}`;break;default:ho=`grid-flow-row md:grid-flow-row grid-cols-${To} md:grid-cols-${Po}`}let zo=M=>M.map(Te=>{let Re=Te.productSku;Te.productSku.includes("-")&&!(Te.productSku.startsWith("P")||Te.productSku.startsWith("p"))&&(Re=Te.productSku.split("-")[0]);let[Ze,Wo]=Re.split("#");return{sku:Ze,color:Wo}}),Ko=B!=null&&B.desktopShoppableButtons?zo(B.desktopShoppableButtons):[],Xo=B!=null&&B.mobileShoppableButtons?zo(B.mobileShoppableButtons):[],Jo=[...Ko.map(M=>M.sku),...Xo.map(M=>M.sku)],xo=[...new Set(Jo)];(0,ue.useEffect)(()=>{if(xo[0]&&xe.data===void 0){new URLSearchParams().append("skus",xo.join(","));let te="",Te=0,Re=15,Ze=ke||Ye?[{key:"productKey",values:xo}]:[{key:"productKey",values:xo},{key:"locale",values:["en"]},{key:"fascia",values:[fe.key]}];xe.search(te,Te,Re,Ze)}},[xo,xe,fe]);let Yo=et(),se=p||"#000000",$o=`${se}00`,Vr={background:`linear-gradient(to top, ${se}, ${$o})`,height:((H===1?(a==null?void 0:a.length)||1:H||1)*44+30)*2+"px"},Qo=(0,ue.useMemo)(()=>Q({href:b,autoApplyBrandFilterOnDBZ:l}),[b,l,Q]),Gr=M=>Object.entries(M).reduce((te,[Te,Re])=>(Re!=null&&(te[Te]=Re),te),{}),Ur=M=>{b&&!M.defaultPrevented&&(Qo.startsWith("http://")||Qo.startsWith("https://")?window.location.href=Qo:Yo(Qo))},Bt=!!V,Pt=["z-10","overflow-hidden",we],lt="";if(Bt)lt=[...Pt,"absolute","!top-1/4","left-1/2","-translate-x-1/2","w-full","max-w-lg","px-4","md:static","md:transform-none","md:w-full","md:max-w-none","md:p-0"].join(" ");else{let M=G?"pb-8 md:pb-2":"pb-2";de==="CIRCULAR"&&(M="pb-20"),lt=[...Pt,"absolute","grid",ho,M,"px-2","w-full","md:w-fit","md:m-0",Xe,"md:bg-none"].join(" ")}return(0,L.jsxs)("div",{ref:O,"data-test-id":e,className:`${F} flex flex-col w-full relative h-full ${ie==="heroBannerCarousel"&&de==="CIRCULAR"?"aspect-[3/4] md:aspect-auto":""} ${T&&Y===!1?"md:hidden":""} ${j&&Y===!1?"hidden md:inline":""}`,...f,children:[(0,L.jsx)("div",{className:"absolute bottom-0 left-0 w-full md:hidden z-10",style:((a==null?void 0:a.length)||0)>1&&qe&&o?Vr:{}}),(0,L.jsxs)("div",{className:`flex flex-col w-full relative h-full md:justify-center ${b?"cursor-pointer":""} ${So}`,onClick:b?Ur:void 0,children:[!ee&&!n&&!r&&(0,L.jsx)(bo,{fillParent:!0,alt:((St=lo==null?void 0:lo[0])==null?void 0:St.alt)||((Nt=a==null?void 0:a[0])==null?void 0:Nt.label)||"Hero Banner",src:lo,fetchPriority:s,lazyLoad:d}),n&&!r&&(0,L.jsx)(Eo,{...n}),r&&(0,L.jsx)(Do,{...r,fetchPriority:s}),J&&J.length>0&&(0,L.jsx)("div",{className:"absolute top-0 left-0 w-full h-full z-20",children:(0,L.jsx)(Fr,{hotspots:J})}),Bt?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("div",{className:"hidden md:flex absolute top-0 left-0 w-full h-full z-10 pointer-events-none",children:(0,L.jsx)("div",{className:"w-[35%] h-full flex justify-center items-center pointer-events-auto",children:(0,L.jsx)("div",{ref:je,className:`w-full px-8 ${we}`,children:(0,L.jsxs)("div",{className:"flex flex-col items-center",children:[(0,L.jsx)("div",{className:"h-12 w-3/4 mb-4"}),(0,L.jsx)("div",{className:"h-12 w-1/2 mb-16"}),(0,L.jsx)("div",{className:`${ho} flex justify-start`,children:a&&a.map((M,te)=>(0,L.jsx)(xt,{link:M,autoApplyBrandFilterOnDBZ:l,revieveSlide:c,revieveType:g},te))})]})})})}),(0,L.jsx)("div",{className:"md:hidden",children:(0,L.jsx)("div",{ref:je,className:`absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-20 w-full max-w-lg px-4 flex flex-col items-center pt-10 mt-10 ${we}`,children:(0,L.jsx)("div",{className:`${ho} flex justify-center`,children:a&&a.map((M,te)=>(0,L.jsx)(xt,{link:M,autoApplyBrandFilterOnDBZ:l,revieveSlide:c,revieveType:g},te))})})})]}):(0,L.jsxs)(L.Fragment,{children:[R&&(0,L.jsx)("div",{className:io,children:(0,L.jsx)(ot,{id:"",...Gr(R),isOverlay:!0,hasLinks:Boolean(a&&a.length>0),linksPosition:w,linkContainerHeight:_e,onHeightChange:v,containerWidth:R.containerWidth||"100",textContainerWidth:R.textContainerWidth||"100",textContainerWidthMobile:R.textContainerWidthMobile||"100",titleSize:R.titleSize||"px80",titleSizeMobile:R.titleSizeMobile||"px48",titleKerning:R.titleKerning||-4,titleLineHeight:R.titleLineHeight||90,titleLineHeightMobile:R.titleLineHeightMobile||90,titleSubtitleSpacing:R.titleSubtitleSpacing||20,titleSubtitleSpacingMobile:R.titleSubtitleSpacingMobile||20,subtitleSize:R.subtitleSize||"px20",subtitleLineHeight:R.subtitleLineHeight||110,subtitleKerning:R.subtitleKerning||-0,textboxHorizontalPadding:R.textboxHorizontalPadding||24})}),(0,L.jsx)("div",{ref:je,className:lt,children:a&&a.map((M,te)=>(0,L.jsx)(xt,{link:M,autoApplyBrandFilterOnDBZ:l,revieveSlide:c,revieveType:g},te))})]}),V&&(0,L.jsx)("div",{className:` 143 absolute z-20 bottom-0 left-0 w-full max-h-1/3 ${ie==="heroBannerCarousel"?"pb-20":"pb-4"} box-border pl-4 144 md:top-0 md:right-0 md:left-auto md:w-3/5 md:h-full md:max-h-full md:pb-0 md:pl-0 145 `,onMouseEnter:W,onMouseLeave:X,onTouchStart:W,onTouchEnd:X,children:(0,L.jsx)(at,{items:V.items,carousel:V.carousel,className:"w-full h-full",isActive:Z===q})}),Pe==="banner"?(0,L.jsxs)(L.Fragment,{children:[Le.length>0&&(0,L.jsx)("div",{className:"hidden md:block",children:(0,L.jsx)(yt,{buttons:Le,onOpen:De,onClose:Me,alignment:pe,invertBannerColours:be,quickAdd:!0,handleAddToWishlistFunc:Ie?void 0:Oe,wishlistColours:ye,isGuest:Ie})}),E.length>0&&(0,L.jsx)("div",{className:"block md:hidden",children:(0,L.jsx)(yt,{buttons:E,onOpen:De,onClose:Me,invertBannerColours:be,quickAdd:!0,handleAddToWishlistFunc:Ie?void 0:Oe,wishlistColours:ye,isGuest:Ie})})]}):(0,L.jsxs)(L.Fragment,{children:[Le.length>0&&(0,L.jsx)("div",{className:"hidden md:block",children:Le.map((M,te)=>(0,L.jsx)(Zo,{onOpen:De,onClose:Me,cta:M.cta,product:M.product},te))}),E.length>0&&(0,L.jsx)("div",{className:"block md:hidden",children:E.map((M,te)=>(0,L.jsx)(Zo,{onOpen:De,onClose:Me,cta:M.cta,product:M.product},te))})]})]})]})},Sr=(e,t)=>
145(t=t.split("#")[0],e.find(n=>t.startsWith("P")||t.startsWith("p")?n.node.id===t.charAt(0).toUpperCase()+t.slice(1):n.node.id===t.split("-")[0]));var ae=A(ze());var Be=A(ze()),$r=A(qr());var _o=A(ze());var to=A(re()),it=({value:e,label:t})=>(0,to.jsxs)("div",{style:{width:"calc((100% - 36px) / 4)"},className:"flex flex-col justify-center items-center px-3 py-4",children:[(0,to.jsx)("span",{className:"text-3xl font-normal leading-normal capitalize md:text-4xl",children:e}),(0,to.jsx)("span",{className:"text-center text-sm font-light leading-normal uppercase md:text-base",children:t})]}),Ho=({date:e,layout:t="default",...n})=>{var l,u,D,G;let{translate:r}=Qe(),s=!1,d=(0,_o.useCallback)(()=>{let N=new Date().getTime(),k=e.getTime();if(k<=N&&!s)return{days:0,hours:0,minutes:0,seconds:0};let V=k-N;return{days:Math.floor(V/(1e3*60*60*24)),hours:Math.floor(V%(1e3*60*60*24)/(1e3*60*60)),minutes:Math.floor(V%(1e3*60*60)/(1e3*60)),seconds:Math.floor(V%(1e3*60)/1e3)}},[e,s]),[a,F]=(0,_o.useState)({days:0,hours:0,minutes:0,seconds:0});(0,_o.useEffect)(()=>{if(F(d()),e.getTime()<=new Date().getTime()&&!s)return;let N=setInterval(()=>{let k=d();F(k),e.getTime()<=new Date().getTime()&&!s&&clearInterval(N)},500);return()=>clearInterval(N)},[d,e,s]);let w=N=>N?N.toString().padStart(2,"0"):"00",I=w(a==null?void 0:a.days),p=w(a==null?void 0:a.hours),$=w(a==null?void 0:a.minutes),m=w(a==null?void 0:a.seconds),b=(l=a==null?void 0:a.days)!=null?l:0,c=(u=a==null?void 0:a.hours)!=null?u:0,g=(D=a==null?void 0:a.minutes)!=null?D:0,S=(G=a==null?void 0:a.seconds)!=null?G:0,H=r("countdownTimer.labelDays"),B=r("countdownTimer.labelHours"),o=r("countdownTimer.labelMinutes"),R=r("countdownTimer.labelSeconds");return(0,to.jsxs)("span",{children:[t==="large"&&(0,to.jsxs)("div",{className:"flex w-full justify-center items-center gap-3 self-stretch p-6",children:[(0,to.jsx)(it,{value:I,label:H}),(0,to.jsx)(it,{value:p,label:B}),(0,to.jsx)(it,{value:$,label:o}),(0,to.jsx)(it,{value:m,label:R})]}),t==="default"&&(0,to.jsx)(Ge,{...n,children:`${I}:${p}:${$}:${m}`}),t==="small"&&(0,to.jsx)(Ge,{as:"span",...n,children:`${b} ${H}, ${c} ${B}, ${g} ${o}, ${S} ${R}`})]})};var ne=A(re()),Ct=e=>/<[a-z][\s\S]*>/i.test(e),Pa=({hasDropdown:e,href:t,target:n,className:r,children:s})=>e?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("div",{className:"flex justify-center h-full w-full md:hidden",children:s}),(0,ne.jsx)(co,{to:t||"",target:n||void 0,className:["hidden md:flex justify-center h-full w-full",r].join(" "),children:s})]}):(0,ne.jsx)(co,{to:t||"",target:n||void 0,className:["flex justify-center h-full w-full",r].join(" "),children:s}),Ta=({label:e,target:t,href:n,src:r,uspCountdown:s,uspCountdownColour:d,className:a,label2:F,label2Underline:w,label2Colour:I,labelColour:p,displayType:$,containerSize:m,label2DropdownCopy:b,label2DropdownTitle:c,onDropdownToggle:g,onHover:S,swapWithPayPlus:H,...B})=>{var C;let{createResponsiveImageSrc:o}=ko(),R=(0,Be.useRef)(null),l=(0,Be.useRef)(null),u=(0,Be.useRef)(null),[D,G]=(0,Be.useState)(!1),[N,k]=(0,Be.useState)(!1),[V,J]=(0,Be.useState)(null),[de,Z]=(0,Be.useState)(0),[q,ie]=(0,Be.useState)({top:0,left:0}),{payPlusLimit:T}=(0,Be.useContext)(Oo),j=(0,Be.useContext)(yo),{translate:Y}=Qe(),{findAndReplace:f}=Mo(),i=e&&f(e),ee=F&&f(F),Q=b&&f(b),me=c&&f(c),fe=!!b||!!c,ke={mobile:40,desktop:50},Ne=(0,Be.useMemo)(()=>{var v,O;return(O=(v=r==null?void 0:r.data)==null?void 0:v.attributes)!=null&&O.url?o({media:{mobile:r},widths:ke,breakpoints:Ve}):void 0},[r]);(0,Be.useEffect)(()=>{typeof document!="undefined"&&(J(document.body),Z(window.innerWidth))},[]),(0,Be.useEffect)(()=>{if(D&&u.current){let v=u.current.getBoundingClientRect(),O=u.current.closest('[data-test-id="usp-banner-mobile"]');if(O){let x=O.getBoundingClientRect();ie({top:x.bottom+window.scrollY,left:v.left+v.width/2})}else ie({top:v.bottom+window.scrollY,left:v.left+v.width/2})}},[D]),(0,Be.useEffect)(()=>{g&&g(D)},[D,g]),(0,Be.useEffect)(()=>{S&&fe&&S(N)},[N,S,fe]),(0,Be.useEffect)(()=>{let v=O=>{l.current&&!l.current.contains(O.target)&&u.current&&!u.current.contains(O.target)&&G(!1)};return D&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[D]);let Ye=$==="ticker"||$==="rotation",Ee=$==="ticker",Ue=v=>{fe&&(v.preventDefault(),v.stopPropagation(),G(O=>!O))},Ke=()=>{G(!1)},qe=()=>!fe||!D||!u.current||!V?null:(0,$r.createPortal)((0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-50 z-[100]",onClick:()=>{G(!1)}}),(0,ne.jsx)("div",{ref:l,className:"absolute md:fixed z-[110]",style:{to
145p:`${q.top}px`,left:"50%",transform:"translateX(-50%)",width:"90%",maxWidth:"480px"},children:Q&&Ct(Q)?(0,ne.jsxs)("div",{className:"bg-site-background rounded-md w-full p-4 shadow-lg",children:[me&&(0,ne.jsx)("div",{className:"font-bold text-lg mb-2",children:me}),(0,ne.jsx)("div",{dangerouslySetInnerHTML:{__html:Q}})]}):(0,ne.jsx)(Wt,{show:!0,onClose:Ke,containerClassName:"w-full m-auto shadow-lg rounded-md bg-site-background md:h-auto",setStopPropagation:!0,title:me||void 0,children:(0,ne.jsx)("div",{className:"px-4 pb-4 flex flex-col items-center justify-center",children:Q&&(0,ne.jsx)(Ge,{children:Q})})})})]}),V),We=T!=null&&T.shouldShowPayPlusBanner&&H?Y("usp.payPlusLimit",{limit:new Intl.NumberFormat(j.locale||"en-GB",{style:"currency",currency:T.limit.currency}).format(T.limit.centAmount/100)}):i;return(0,ne.jsx)(Pa,{hasDropdown:fe,href:n,target:t,className:a,children:(0,ne.jsxs)("div",{className:"text-center flex flex-row items-center relative",ref:R,children:[Ne&&(0,ne.jsx)("div",{className:"h-6 md:max-w-[50px] max-w-[40px]",children:(0,ne.jsx)(bo,{alt:((C=Ne==null?void 0:Ne[0])==null?void 0:C.alt)||We||"Header Image",src:Ne,fetchPriority:"high",lazyLoad:!1,fillParent:!0,objectFit:"contain"})}),(0,ne.jsxs)("div",{className:`pl-2 flex ${Ee&&Ye?"flex-row items-center gap-1":Ye?"md:flex-row md:items-center md:gap-1 flex-col":Ee?"flex-row items-center gap-1 md:flex-col md:gap-0 md:items-start":"flex-col"}`,children:[Ct(We)?(0,ne.jsx)("div",{style:{color:p||void 0},className:"text-sm font-bold",dangerouslySetInnerHTML:{__html:We}}):(0,ne.jsx)(Ge,{as:"div",style:{color:p||void 0},className:"text-sm font-bold",children:We}),(ee||s)&&(0,ne.jsxs)("span",{className:"text-sm justify-center gap-1",children:[ee&&(0,ne.jsxs)("span",{ref:u,className:"relative",onClick:Ue,onTouchStart:Ue,children:[Ct(ee)?(0,ne.jsx)("span",{style:{color:I||void 0},className:`${w||fe?"underline ":""}leading-3 mx-2 ${fe?"cursor-pointer":""}`,dangerouslySetInnerHTML:{__html:ee}}):(0,ne.jsx)(Ge,{as:"span",style:{color:I||void 0},className:`${w||fe?"underline ":""}leading-3 mx-2 ${fe?"cursor-pointer":""}`,children:ee}),qe()]}),s&&(0,ne.jsx)(Ge,{className:"w-[84px] inline-block leading-3",style:{color:d||"red"},children:(0,ne.jsx)(Ho,{className:"",date:new Date(s||"2023-06-13T13:19:52Z")})})]})]})]})})},Ro=Be.default.memo(Ta);Ro.displayName="USPItem";var U=A(re());var Sa={all:{enableAutoplay:!0,autoplayDirection:"to left",autoplayInterval:5e3,stopAutoplayOnInteraction:!0,transitionDuration:500,transitionTimingFunction:"false",loop:!0},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:1,slideGap:"10px",enablePagination:!1,draggable:!0},"(min-width: 768px)":{slidesToScroll:1,slidesToShow:4,slideGap:"20px",enablePagination:!1,draggable:!1}},Na=({items:e})=>{let[t,n]=(0,ae.useState)(!1),[r,s]=(0,ae.useState)(!1),d=(0,ae.useCallback)(F=>{n(F)},[]),a=(0,ae.useCallback)(F=>{s(F)},[]);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{"data-test-id":"usp-banner",className:"mx-auto hidden md:grid gap-2 justify-center items-center max-w-screen-2xl",style:{gridTemplateColumns:`repeat(${(e==null?void 0:e.length)||1}, minmax(0, 1fr))`},children:e==null?void 0:e.map((F,w)=>(0,U.jsx)("div",{className:`${w%2===1?"backdrop-brightness-95":""} h-full py-2`,children:(0,U.jsx)(Ro,{...F,displayType:"static",onDropdownToggle:d,onHover:a})},w))}),(0,U.jsx)(Fo,{carouselConfig:Sa,carouselName:"usp",containerClassName:"md:hidden block",enableProgress:!1,renderControls:()=>(0,U.jsx)(wo,{showControls:!1,showControlsDesktop:!0}),children:e.map((F,w)=>{var I;return(0,U.jsx)("div",{className:"flex justify-around h-full md:h-[initial]",children:(0,U.jsx)(Ro,{...F,src:(I=(F==null?void 0:F.src)||(F==null?void 0:F.uspItemImage))!=null?I:void 0,onDropdownToggle:d,onHover:a},w)},w)})})]})},$a=({items:e,optionalRotationDelay:t=3e3})=>{let[n,r]=(0,ae.useState)(0),[s,d]=(0,ae.useState)(!1),[a,F]=(0,ae.useState)(!1),[w,I]=(0,ae.useState)(!1),[p,$]=(0,ae.useState)(!1),[m,b]=(0,ae.useState)(null),[c,g]=(0,ae.useState)(null),[S,H]=(0,ae.useState)(!1),[B,o]=(0,ae.useState)(0),R=(0,ae.useRef)(),l=(0,ae.useRef)(null),u=(0,ae.useCallback)(()=>{s||w||p||(d(!0),r(T=>T+1),n===e.length?setTimeout(()=>{d(!1),r(1)},500):setTimeout(()=>d(!1),500))},[s,e.length,n,w,p]),D=(0,ae.useCallback)(()=>{s||w||p||(d(!0),r(T=>T-1),setTimeout(n===1?()=>{d(!1),r(e.length)}:()=>d(!1),500))},[s,e.length,n,w,p]),G=(0,ae.useCallback)(()=>{clearInterval(R.current),R.current=void 0},[]),N=(0,ae.useCallback)(()=>{!a&&!S&&!w&&!p&&(G(),R.current=setInterval(u,t))},[u,t,a,G,S,w,p]),k=(0,ae.useCallback)(T=>{I(T),T?G():N()},[G,N]),V=(0,ae.useCallback)(T=>{$(T),T?G():N()},[G,N]);(0,ae.useEffect)(()=>(N(),()=>G()),[N,G]);let J=T=>{w||p||(G(),F(!0),b(T.targetTouches[0].clientX),H(!0),o(0))},de=T=>{if(!m||!l.current||w||p)return;let j=T.targetTouches[0].clientX,Y=m-j,i=l.current.offsetWidth*.5,ee=Math.max(Math.min(Y,i
145),-i);o(ee),g(j)},Z=()=>{if(!m||!c||w||p)return;let T=m-c,j=50;Math.abs(T)>j&&(T>0?u():D()),b(null),g(null),H(!1),o(0),F(!1),N()},q=[e[e.length-1],...e,e[0]];return(0,U.jsxs)("div",{className:"flex items-center justify-center w-full",children:[(0,U.jsx)("button",{onClick:D,className:"hidden md:block p-2 rounded-full","aria-label":"Previous slide",disabled:w||p,children:(0,U.jsx)("svg",{width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{pointerEvents:"none"},children:(0,U.jsx)("path",{d:"M8.16895 0.666708L0.835613 8.00004L8.16895 15.3334",stroke:"black",strokeLinecap:"round"})})}),(0,U.jsx)("div",{ref:l,className:`relative flex items-center justify-center md:h-[42px] min-h-product-card-title overflow-hidden touch-pan-y 146 md:w-[600px] lg:w-[650px] xl:w-[700px] 2xl:w-[750px]`,onTouchStart:J,onTouchMove:de,onTouchEnd:Z,children:(0,U.jsx)("div",{className:"w-full overflow-hidden",children:(0,U.jsx)("div",{className:"flex w-full text-center",style:{transform:(()=>{var T;if(S){let j=B/(((T=l.current)==null?void 0:T.offsetWidth)||1)*100;return`translateX(calc(-${n*100}% - ${j}%))`}return`translateX(-${n*100}%)`})(),transition:s&&!S?"transform 0.5s ease":"none"},children:q.map((T,j)=>{var Y;return(0,U.jsx)("div",{className:"min-w-full flex-shrink-0 flex justify-center items-center md:px-0 text-center py-2 md:py-0",children:(0,U.jsx)("div",{className:"mx-auto flex items-center",children:(0,U.jsx)(Ro,{...T,src:(Y=(T==null?void 0:T.src)||(T==null?void 0:T.uspItemImage))!=null?Y:void 0,displayType:"rotation",onDropdownToggle:k,onHover:V})})},j)})})})}),(0,U.jsx)("button",{onClick:u,className:"hidden md:block p-2 rounded-full","aria-label":"Next slide",disabled:w||p,children:(0,U.jsx)("svg",{width:"9",height:"16",viewBox:"0 0 9 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{pointerEvents:"none",transform:"rotate(180deg)"},children:(0,U.jsx)("path",{d:"M8.16895 0.666708L0.835613 8.00004L8.16895 15.3334",stroke:"black",strokeLinecap:"round"})})})]})},Ia=({items:e,optionalSpeedIndex:t,tickerSpacing:n})=>{let[s,d]=(0,ae.useState)(!1),[a,F]=(0,ae.useState)("0px"),w=(0,ae.useRef)(null),[I,p]=(0,ae.useState)(!1),[$,m]=(0,ae.useState)(!1);(0,ae.useEffect)(()=>{let S=()=>{let o=window.innerWidth<=768;d(o);let R=n!=null?n:150;F(o?`${R/2}
146px`:`${R}px`)};S();let H,B=()=>{clearTimeout(H),H=setTimeout(S,100)};return window.addEventListener("resize",B),()=>{window.removeEventListener("resize",B),clearTimeout(H)}},[n]);let b=S=>{p(S)},c=S=>{m(S)},g=[...e,...e];return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("style",{children:` 147 @keyframes scroll { 148 0% { transform: translateX(0); } 149 100% { transform: translateX(-50%); } 150 } 151 .ticker-container { 152 display: inline-flex; 153 white-space: nowrap; 154 animation: scroll ${t}s linear infinite; 155 } 156 .ticker-container:hover { 157 animation-play-state: paused; 158 } 159 .ticker-paused { 160 animation-play-state: paused !important; 161 } 162 @media (hover: none) and (pointer: coarse) { 163 .ticker-container:hover { 164 animation-play-state: running; 165 } 166 } 167 `}),(0,U.jsx)("div",{className:"h-[42px] overflow-hidden relative flex items-center whitespace-nowrap",children:(0,U.jsx)("div",{className:`ticker-container ${I||$?"ticker-paused":""}`,ref:w,children:g.map((S,H)=>{var B;return(0,U.jsx)("div",{className:"inline-flex whitespace-nowrap",style:{marginRight:a},children:(0,U.jsx)(Ro,{...S,src:(B=(S==null?void 0:S.src)||(S==null?void 0:S.uspItemImage))!=null?B:void 0,displayType:"ticker",onDropdownToggle:b,onHover:c})},H)})})})]})},Ir=({backgroundColour:e,items:t,displayType:n,optionalSpeedIndex:r,optionalRotationDelay:s,tickerSpacing:d,...a})=>(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("style",{children:` 168 /* Ensure the dropdown appears on top of everything */ 169 .usp-dropdown-portal-container { 170 position: relative; 171 z-index: 10000; 172 } 173 `}),(0,U.jsx)("div",{className:"w-full",style:{backgroundColor:e},children:(0,U.jsx)("div",{"data-test-id":"usp-banner-mobile",className:"md:py-0 py-1",children:(()=>{switch(n){case"rotation":return(0,U.jsx)($a,{items:t,optionalRotationDelay:s||3e3});case"ticker":return(0,U.jsx)(Ia,{items:t,optionalSpeedIndex:r||40,tickerSpacing:d||150});case"static":default:return(0,U.jsx)(Na,{items:t})}})()})})]});var Mr=A(ze());var uo=A(re()),Dr={default:"",arial:"font-arial"},Da=e=>{var t;return(t=Dr[e])!=null?t:Dr.default},Er=({id:e,summaryText:t,expandedText:n,expandLabel:r,expandLabelColour:s,collapseLabel:d,collapseLabelColour:a,collapseButtonColour:F,fontFamily:w,backgroundColour:I,textColour:p})=>{let[$,m]=(0,Mr.useState)(!1),{translate:b}=Qe();if(!t)return null;let c=Da(w),g=`legal-banner-expanded-content-${e}`;return(0,uo.jsx)("div",{"data-test-id":"legal-banner",className:`w-full ${c}`,style:{backgroundColor:I||void 0,color:p||void 0},children:(0,uo.jsxs)("div",{className:"px-4 py-4 md:px-8 md:py-6",children:[(0,uo.jsx)("div",{"data-test-id":"legal-banner-summary",className:"mx-auto max-w-[700px]",children:(0,uo.jsx)(Ao,{markdown:t,className:`${c} text-xs font-bold leading-4 prose-a:text-inherit prose-p:my-0`})}),$&&(0,uo.jsx)("div",{id:g,"data-test-id":"legal-banner-expanded",className:"mt-6",children:(0,uo.jsx)(Ao,{markdown:n,className:`${c} text-xs leading-4 prose-a:text-inherit prose-p:my-3`})}),(0,uo.jsx)("div",{className:"mt-6 flex justify-center",children:$?(0,uo.jsx)(so,{dataTestId:"legal-banner-collapse","aria-expanded":!0,"aria-controls":g,className:`${c} rounded px-5 py-2 text-sm`,style:{backgroundColor:F||"#ffffff",color:a||void 0},onClick:()=>m(!1),children:d||b("legalBanner.collapse")}):(0,uo.jsx)(so,{dataTestId:"legal-banner-expand","aria-expanded":!1,className:`${c} text-xl font-bold underline`,style:{color:s||p||void 0},onClick:()=>m(!0),children:r||b("legalBanner.expand")})})]})})};var Ft=A(ze());var Fe=A(re()),Ar=({textColor:e,backgroundColor:t,title:n,endTime:r,countdownColor:s,countdownLabel:d,countdownFontSize:a,countdownAlignment:F,countdownBgColour:w,className:I,optionalDescription:p,optionalCta:$,optionalCtaHref:m,ctaVariant:b="countdownBannerCTA",layout:c="medium",countdownTitleAlignment:g="center",countdownBgSrc:S,titleBgSrc:H,hideTitleSection:B,hideTitleOnly:o})=>{var C,v,O,x;let{translate:R}=Qe(),{findAndReplace:l}=Mo(),u=new Date(r),{createResponsiveImageSrc:D}=ko(),G=go(),N=n&&l(n),k=p&&l(p),V=$&&l($),J={sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl"},de=F==="right"?"text-right":"text-center",Z=a&&(C=J[a])!=null?C:"",q=`${de} ${Z}`.trim(),ie=(0,Ft.useMemo)(()=>S?D({media:S,widths:G,breakpoints:Ve}):void 0,[S,D,G]),T=(0,Ft.useMemo)(()=>H?D({media:H,widths:G,breakpoints:Ve}):void 0,[H,D,G]);if(c==="small")return(0,Fe.jsxs)("div",{className:`flex items-center justify-center p-2 text-center text-sm font-normal ${I||""}`,style:{backgroundColor:t!=null?t:void 0,color:e!=null?e:void 0},children:[(0,Fe.jsx)(Ho,{date:u,layout:"small"}),N&&!o&&(0,Fe.jsxs)(Ge,{as:"span",className:"ml-1",children:["- ",N]})]});let j=c==="large",Y=c==="medium",f=j||Y;if(B){let oe=j?"relative h-[75vh] md:h-0 md:pt-[42.7778%]":"w-full",he=`relative flex w-full items-center justify-center ${j?"absolute inset-0":"py-6 md:py-8"}`,$e=j||Y?"large":"default";return(0,Fe.jsx)("div",{className:`${oe} ${I||""}`,style:{color:e!=null?e:void 0},children:(0,Fe.jsxs)("div",{style:f&&ie?{}:{backgroundColor:w!=null?w:void 0},className:he,children:[f&&ie&&(0,Fe.jsx)(bo,{fillParent:!0,alt:((v=ie[0])==null?void 0:v.alt)||R("c
173ountdownBanner.countdownBackgroundAlt"),src:ie,className:"absolute inset-0 z-0"}),(0,Fe.jsx)("div",{className:"relative z-10",children:(0,Fe.jsxs)(Ge,{as:"div",style:{color:s},className:q,children:[d&&`${d.trimEnd()} `,(0,Fe.jsx)(Ho,{date:u,layout:$e})]})})]})})}let i=!!p||!!$,ee=!o||i,Q=g==="center",me=ee&&(Y||j||i&&!Y),fe=Q?"items-center":"items-start",ke=Q?"text-center":"text-left",Ne=`flex flex-col items-center justify-center w-full ${me?"md:w-1/2":""} ${j?ee?"h-1/2 md:h-full":"h-full":""} ${ee?"":"py-6 md:py-8"}`,Ee=`flex flex-col ${j?"justify-end md:justify-center":"justify-center"} ${fe} w-full gap-4 px-4 py-6 md:px-12 md:py-8 ${Y?"md:gap-6":""} ${me?"md:w-1/2 md:my-0":""} ${j?"h-1/2 md:h-full":i&&!Y?"md:h-auto h-1/2":""}`,Ue=Q?"block w-full md:w-auto":"",Ke=Q?"w-full":"",qe=j?"relative h-[75vh] md:h-0 md:pt-[42.7778%]":"flex flex-col md:flex-row-reverse",We=j?"absolute inset-0 flex flex-col md:flex-row-reverse":"flex flex-col md:flex-row-reverse w-full";return(0,Fe.jsx)("div",{className:`${qe} ${I||""}`,style:{color:e!=null?e:void 0},children:(0,Fe.jsxs)("div",{className:We,children:[(0,Fe.jsxs)("div",{style:f&&ie?{}:{backgroundColor:w!=null?w:void 0},className:`${Ne} ${f&&ie?"relative":""}`,children:[f&&ie&&(0,Fe.jsx)(bo,{fillParent:!0,alt:((O=ie[0])==null?void 0:O.alt)||R("countdownBanner.countdownBackgroundAlt"),src:ie,className:"absolute inset-0 z-0"}),(0,Fe.jsx)("div",{className:"relative z-10",children:(0,Fe.jsxs)(Ge,{as:"div",style:{color:s},className:q,children:[!i&&`${(d||R("countdownBanner.endsIn")).trimEnd()} `,(0,Fe.jsx)(Ho,{date:u,layout:i?"large":"default"})]})})]}),ee&&(0,Fe.jsxs)("div",{style:f&&T?{}:{backgroundColor:t!=null?t:void 0},className:`${Ee} ${f&&T?"relative":""}`,children:[f&&T&&(0,Fe.jsx)(bo,{fillParent:!0,alt:((x=T[0])==null?void 0:x.alt)||N||R("countdownBanner.contentBackgroundAlt"),src:T,className:"absolute inset-0 z-0"}),(0,Fe.jsxs)("div",{className:"relative z-10 flex w-full flex-col gap-1",children:[!o&&(0,Fe.jsx)(Ge,{as:"div",className:`self-stretch ${ke} text-2xl font-semibold leading-normal ${i?Y?"md:text-[40px]":"md:text-4xl":""}`,children:N}),k&&(0,Fe.jsx)(Ge,{as:"div",className:`self-stretch ${ke} text-base font-light leading-normal ${i?Y?"md:text-xl":"md:text-2xl":""}`,children:k})]}),V&&(0,Fe.jsx)(co,{to:m!=null?m:"/",className:`${Ue} relative z-10`,children:(0,Fe.jsx)(so,{variant:b,className:Ke,children:V})})]})]})})};var z=A(re()),K=A(ze()),Ma=(0,_.lazy)(()=>import("/build/_shared/Markdown-ABPFWUTT.js").then(e=>({default:e.Markdown}))),Ea=(0,_.lazy)(()=>import("/build/_shared/Video-LAOPXE7Q.js").then(e=>({default:e.Video}))),Aa=(0,_.lazy)(()=>import("/build/_shared/Banner-BTX6LXYO.js").then(e=>({default:e.Banner}))),La=(0,_.lazy)(()=>import("/build/_shared/BlogCard-FQYK3O6R.js").then(e=>({default:e.BlogCard}))),_a=(0,_.lazy)(()=>import("/build/_shared/BlogHeader-QGUXKRB5.js").then(e=>({default:e.BlogHeader}))),Ha=(0,_.lazy)(()=>import("/build/_shared/BlogPanelDetail-OA3JX5NF.js").then(e=>({default:e.BlogPanelDetail}))),Ra=(0,_.lazy)(()=>import("/build/_shared/BlogPanelStyleOverview-AN2FURLJ.js").then(e=>({default:e.BlogPanelStyleOverview}))),za=(0,_.lazy)(()=>import("/build/_shared/BlogPanelProductFocus-72NAGRNA.js").then(e=>({default:e.BlogPanelProductFocus}))),Wa=(0,_.lazy)(()=>import("/build/_shared/BlogPanelProductHighlight-K76WOS7Q.js").then(e=>({default:e.BlogPanelProductHighlight}))),Oa=(0,_.lazy)(()=>import("/build/_shared/ContentImage-W3Q47AMG.js").then(e=>({default:e.ContentImage}))),Va=(0,_.lazy)(()=>import("/build/_shared/Iframe-A2JNFWJT.js").then(e=>({default:e.Iframe}))),Ga=(0,_.lazy)(()=>import("/build/_shared/ImageHeader-ODMXXWQT.js").then(e=>({default:e.ImageHeader}))),Ua=(0,_.lazy)(()=>import("/build/_shared/ProductCard-IMCPCYMS.js").then(e=>({default:e.ProductCard}))),qa=(0,_.lazy)(()=>import("/build/_shared/DashHudson-NJCQKE4Y.js").then(e=>({default:e.DashHudson}))),ja=(0,_.lazy)(()=>import("/build/_shared/ContentContainer-YC4UCXWI.js").then(e=>({default:e.ContentContainer}))),Za=(0,_.lazy)(()=>import("/build/_shared/ContentGrid-W2T2PE2Q.js").then(e=>({default:e.ContentGrid}))),Ka=(0,_.lazy)(()=>import("/build/_shared/CategoryHighlight-QRA4VANE.js").then(e=>({default:e.CategoryHighlight}))),Xa=(0,_.lazy)(()=>
173import("/build/_shared/Spacing-2D4MOX6F.js").then(e=>({default:e.Spacing}))),Ja=(0,_.lazy)(()=>import("/build/_shared/Marquee-BJWX3OPI.js").then(e=>({default:e.Marquee}))),Ya=(0,_.lazy)(()=>import("/build/_shared/CategoryHeader-3SRHHKVW.js").then(e=>({default:e.CategoryHeader}))),Qa=(0,_.lazy)(()=>import("/build/_shared/PersonalisedCarousel-GIPHSAF7.js").then(e=>({default:e.PersonalisedCarousel}))),ei=(0,_.lazy)(()=>import("/build/_shared/AddToBasketCMSComponent-AXHATJXD.js").then(e=>({default:e.AddToBasketCMSComponent}))),oi=(0,_.lazy)(()=>import("/build/_shared/HTML-ZKGXDOAE.js").then(e=>({default:e.HTML}))),ti=(0,_.lazy)(()=>import("/build/_shared/CategoryCard-DHFD64SH.js").then(e=>({default:e.CategoryCard}))),ri=(0,_.lazy)(()=>import("/build/_shared/TakeoverToggle-M6GR4V7J.js").then(e=>({default:e.TakeoverToggle}))),ai=(0,_.lazy)(()=>import("/build/_shared/CategoriesPersonalisedCarousel-TN2VXYM2.js").then(e=>({default:e.CategoriesPersonalisedCarousel}))),ii=(0,_.lazy)(()=>import("/build/_shared/FamilyOfBrands-N4HE3PCR.js").then(e=>({default:e.FamilyOfBrands}))),ni=(0,_.lazy)(()=>import("/build/_shared/BackToTop-RNBYY5EP.js").then(e=>({default:e.BackToTop}))),li=(0,_.lazy)(()=>import("/build/_shared/PerkCard-OTLKPXMG.js").then(e=>({default:e.PerkCard}))),si=(0,_.lazy)(()=>import("/build/_shared/FaqAccordian-ZZ44CGSJ.js").then(e=>({default:e.FaqAccordian}))),ci=(0,_.lazy)(()=>import("/build/_shared/BlogFeature-QCXT3N25.js").then(e=>({default:e.BlogFeature}))),di=(0,_.lazy)(()=>import("/build/_shared/FeatureBanner-QOKNI6CR.js").then(e=>({default:e.FeatureBanner}))),pi=(0,_.lazy)(()=>import("/build/_shared/PerksCarousel-A2I73AGZ.js").then(e=>({default:e.PerksCarousel}))),ui=(0,_.lazy)(()=>import("/build/_shared/SingleFeatureInfo-2MR3EFJK.js").then(e=>({default:e.SingleFeatureInfo}))),mi=(0,_.lazy)(()=>import("/build/_shared/FeaturesInfoSection-66PYVUBL.js").then(e=>({default:e.FeaturesInfoSection}))),hi=(0,_.lazy)(()=>import("/build/_shared/BrandRoomCard-6PCQKGCH.js").then(e=>({default:e.BrandRoomCard}))),bi=(0,_.lazy)(()=>import("/build/_shared/GridAndLogoComponent-SQFZZJRF.js").then(e=>({default:e.GridAndLogoComponent}))),fi=(0,_.lazy)(()=>import("/build/_shared/WishlistCarousel-CM6P3M2M.js").then(e=>({default:e.WishlistCarousel}))),vi=(0,_.lazy)(()=>import("/build/_shared/SocialsCarousel-I2HWRHKD.js")),yi=(0,_.lazy)(()=>import("/build/_shared/ImageBesideTextWithButton-PUQ5S2N2.js").then(e=>({default:e.ImageBesideTextWithButton}))),gi=(0,_.lazy)(()=>import("/build/_shared/MenuCategoryPills-OK5WUPSW.js").then(e=>({default:e.MenuCategoryPills}))),xi=(0,_.lazy)(()=>import("/build/_shared/HoverGradientCarousel-52D6FPFF.js").then(e=>({default:e.HoverGradientCarousel}))),Ci=(0,_.lazy)(()=>import("/build/_shared/ProductCarouselV2-YZXU7LNG.js").then(e=>({default:e.ProductCarouselV2}))),Fi=2,Se=(e,t,n)=>{let r=t||e>=Fi;return{fetchPriority:r||(n||0)>5?"auto":"high",lazyLoad:r}},le=(e,t=!1,n=!1,r=!1)=>t||n?(0,z.jsx)(_.Suspense,{fallback:null,children:e}):(0,z.jsx)(_.Suspense,{fallback:null,children:(0,z.jsx)("div",{children:(0,z.jsx)("div",{className:`md:max-w-screen-2xl max-w-[100vw] mx-auto ${r?"":"py-2"}`,children:e})},`key-${e==null?void 0:e.key}`)}),wt=({sections:e,isMobile:t,testId:n,mobileWidthDivisor:r,desktopWidthDivisor:s,forceLazyLoad:d,className:a="",removeComponentVerticalPadding:F,navImage:w,primaryTitle:I,navImageIndex:p,headerNav:$,listLocation:m})=>{let{matches:b}=Kt(),c=(S,H,B,o=!1,R=!1)=>{var u,D,G;let l=S;if(!b((u=l==null?void 0:l.container)==null?void 0:u.customerGroups))return null;if(l!=null&&l.container){let N=(G=(D=l.container.removeComponentVerticalPadding)!=null?D:F)!=null?G:!1,k=l.container.hideOnDesktop,V=l.container.hideOnMobile;return(0,z.jsx)(_.Suspense,{fallback:null,children:(0,z.jsx)("div",{style:!l.container.displayContentFullWidth&&l.container.backgroundColor?{backgroundColor:l.container.backgroundColor}:{},children:(0,z.jsx)(ja,{...l.container,removeComponentVerticalPadding:N,className:`${l.container.displayContentFullWidth?" bg":"md:px-8 lg:px-12"} ${k?"md:hidden":""} ${V?"hidden md:inline":""}
173`,children:(0,z.jsx)("div",{className:`${l.container.displayContentFullWidth?"mx-auto":""}`,children:H})},`Container-${B}`)},`Content-Container-${B}`)})}else return le(H,o,R,F)},g=(S,H,B=!1)=>S==null?void 0:S.map((o,R)=>{var fe,ke;let l,u,D,G,N,k,V,J,de,Z,q,ie,T,j,Y,f=H===void 0?R:H,i=`cs-${o.__typename}-${o.id}`,Q=(()=>{var Ne,Ye,Ee,Ue,Ke,qe,We,C,v,O,x,oe,he,$e,ve,Ce,_e,He,je,Ae,mo,h,W,X,Ie,ye,Oe,Pe,pe,be,ge,xe,Le,E,De,Me,io,we,no,lo,Po,To,Xe,So,ho,zo,Ko,Xo,Jo,xo,Yo;switch(o.__typename){case"ComponentComponentsBanner":return le((0,z.jsx)(Aa,{...o,isMobile:t},i),!0);case"ComponentComponentsBlogCard":return le((0,K.createElement)(La,{...o,src:o.src||o.blogCardSrc,key:i,mobileWidthDivisor:r,desktopWidthDivisor:s,...Se(f)}),!1,B);case"ComponentComponentsVideoComponent":return le((0,K.createElement)(Eo,{desktop_styles:"md:px-8 lg:px-12",...o,key:i}),!0,B);case"ComponentComponentsMediaHubVideoComponent":return le((0,K.createElement)(Do,{desktop_styles:"md:px-8 lg:px-12",...o,key:i,fetchPriority:Se(f).fetchPriority}),!0,B);case"ComponentComponentsCategoryCarousel":return D=(Ne=o.carousel.slidesPerView)==null?void 0:Ne.desktop,N=(Ye=o.carousel.slidesPerView)==null?void 0:Ye.mobile,k=(Ee=o.carousel.showPagination)==null?void 0:Ee.desktop,V=(Ue=o.carousel.showPagination)==null?void 0:Ue.mobile,de=(Ke=o.carousel.showControls)==null?void 0:Ke.mobile,J=(qe=o.carousel.showControls)==null?void 0:qe.desktop,Z=(We=o.carousel.slideGap)==null?void 0:We.desktop,q=(C=o.carousel.slideGap)==null?void 0:C.mobile,u={all:{enableAutoplay:!1,autoplayInterval:0,autoplayDirection:"to left",stopAutoplayOnInteraction:!1,transitionDuration:500,transitionTimingFunction:"false",loop:!1},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:N||1,slideGap:`${q!=null?q:10}px`,enablePagination:V||!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:D||3,slideGap:`${Z!=null?Z:24}px`,enablePagination:k||!1,draggable:!0}},l=o.items?(0,z.jsx)(Fo,{carouselConfig:u,carouselName:"category",renderControls:()=>(0,z.jsx)(wo,{showControls:de,showControlsDesktop:J}),children:g(o.items,f,!0)},i):null,c(o,l,i);case"ComponentComponentsCtaCarousel":return D=(v=o.carousel.slidesPerView)==null?void 0:v.desktop,N=(O=o.carousel.slidesPerView)==null?void 0:O.mobile,k=(x=o.carousel.showPagination)==null?void 0:x.desktop,V=(oe=o.carousel.showPagination)==null?void 0:oe.mobile,de=(he=o.carousel.showControls)==null?void 0:he.mobile,J=($e=o.carousel.showControls)==null?void 0:$e.desktop,ie=o.carousel.variant,Z=(ve=o.carousel.slideGap)==null?void 0:ve.desktop,q=(Ce=o.carousel.slideGap)==null?void 0:Ce.mobile,u={all:{enableAutoplay:!1,autoplayInterval:0,autoplayDirection:"to left",stopAutoplayOnInteraction:!1,transitionDuration:500,transitionTimingFunction:"false",loop:!1},"(min-width: 0px)":{slidesToScroll:2,slidesToShow:N||3.5,slideGap:`${q!=null?q:4}px`,enablePagination:V||!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:D||10,slideGap:`${Z!=null?Z:16}px`,enablePagination:k||!1,draggable:!0}},T=o.items.map(se=>se.__typename==="ComponentComponentsCtaCard"?{...se,gradientFrom:o.gradientFrom,gradientTo:o.gradientTo,variant:o.carousel.variant}:se),l=o.items?(0,z.jsx)(Fo,{carouselConfig:u,carouselName:`cta-${f}`,renderControls:()=>(0,z.jsx)(wo,{showControls:de,showControlsDesktop:J}),children:g(T,f,!0)},i):null,c(o,l,i);case"ComponentComponentsProductCarousel":return D=(_e=o.carousel.slidesPerView)==null?void 0:_e.desktop,N=(He=o.carousel.slidesPerView)==null?void 0:He.mobile,k=(je=o.carousel.showPagination)==null?void 0:je.desktop,V=(Ae=o.carousel.showPagination)==null?void 0:Ae.mobile,de=(mo=o.carousel.showControls)==null?void 0:mo.mobile,J=(h=o.carousel.showControls)==null?void 0:h.desktop,Z=(W=o.carousel.slideGap)==null?void 0:W.desktop,q=(X=o.carousel.slideGap)==null?void 0:X.mobile,u={all:{enableAutoplay:!1,autoplayInterval:0,autoplayDirection:"to left",stopAutoplayOnInteraction:!1,transitionDuration:500,transitionTimingFunction:"false",loop:!1},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:N||3.3,slideGap:`${q!=null?q:10}px`,enablePagination:V||!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:D,slideGap:`${Z!=null?Z:10}px`,enablePagination:k||!1,draggable:!0}},l=o.items?(0,z.jsx)(Fo,{slideDeficitBehaviour:"start",carouselConfig:u,carouselName:"product",renderControls:()=>(0,z.jsx)(wo,{showControls:de,showControlsDesktop:J}),children:g(o.items,f,!0)},i):null,c(o,l,i);case"ComponentComponentsBlogSection":return D=(Ie=o.carousel.slidesPerView)==null?void 0:Ie.desktop,N=(ye=o.c
173arousel.slidesPerView)==null?void 0:ye.mobile,k=(Oe=o.carousel.showPagination)==null?void 0:Oe.desktop,V=(Pe=o.carousel.showPagination)==null?void 0:Pe.mobile,de=(pe=o.carousel.showControls)==null?void 0:pe.mobile,J=(be=o.carousel.showControls)==null?void 0:be.desktop,Z=(ge=o.carousel.slideGap)==null?void 0:ge.desktop,q=(xe=o.carousel.slideGap)==null?void 0:xe.mobile,u={all:{enableAutoplay:!1,autoplayInterval:0,autoplayDirection:"to left",stopAutoplayOnInteraction:!1,transitionDuration:500,transitionTimingFunction:"false",loop:!1},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:N||1.3,slideGap:`${q!=null?q:48}px`,enablePagination:V||!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:D||3.3,slideGap:`${Z!=null?Z:48}px`,enablePagination:k||!1,draggable:!0}},l=o.items?(0,z.jsx)(Fo,{carouselConfig:u,carouselName:"blog",renderControls:()=>(0,z.jsx)(wo,{showControls:de,showControlsDesktop:J}),children:g(o.items,f,!0)},i):null,c(o,l,i);case"ComponentComponentsCtaGrid":case"ComponentComponentsProductGrid":return l=o.items?(0,K.createElement)(Za,{className:"gap-y-10 md:gap-x-2 gap-x-5",...o.grid,key:i,...Se(f,d)},g(o.items,f,!0)):null,c(o,l,i);case"ComponentComponentsMarquee":return l=(0,K.createElement)(Ja,{...o,key:i,items:o.items,...Se(f,d)}),c(o,l,i);case"ComponentComponentsHeroBannerCarousel":{k=(Le=o.carousel.showPagination)==null?void 0:Le.desktop,V=(E=o.carousel.showPagination)==null?void 0:E.mobile,de=(De=o.carousel.showControls)==null?void 0:De.mobile,J=(Me=o.carousel.showControls)==null?void 0:Me.desktop,G=o.carousel.autoScroll,ie=o.carousel.variant,j=o.carousel.stopAutoplayOnInteraction,Y=o.carousel.slideDurationMilliseconds;let se=(we=(io=o.carousel)==null?void 0:io.paginationStyle)!=null?we:"BAR",$o=se==="BAR";return u={all:{enableAutoplay:!!G,autoplayDirection:"to left",autoplayInterval:Y||5e3,stopAutoplayOnInteraction:j||!1,transitionDuration:500,transitionTimingFunction:"false",loop:!!G},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:1,slideGap:"0px",enablePagination:!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:1,slideGap:"0px",enablePagination:!1,draggable:!0}},l=o.items?(0,z.jsx)("div",{children:(0,z.jsx)(Fo,{carouselConfig:u,carouselName:"hero",renderControls:()=>(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(br,{paginationStyle:se,showPagination:V,showPaginationDesktop:k}),(0,z.jsx)(wo,{showControls:$o&&de,showControlsDesktop:$o&&J})]}),children:g(o.items,f,!0)},i)}):null,c(o,l,i)}case"ComponentComponentsText":return c(o,(0,z.jsx)(Ma,{className:"p-4",...o,variant:"textComponent"},i),i);case"ComponentComponentsHtml":return le((0,z.jsx)(oi,{...o},i),!0);case"ComponentComponentsCompetitionPageEmbed":{let se=o;return se.competitionPageData?(0,z.jsx)(Lr,{competitionPage:se.competitionPageData},i):null}case"ComponentComponentsIframe":return c(o,(0,z.jsx)(Va,{...o},i),i);case"ComponentComponentsImageHeader":return c(o,(0,z.jsx)(Ga,{...o,src:o.src||o.imageHeaderSrc,...Se(f,d)},i),i);case"ComponentComponentsVideo":return le((0,K.createElement)(Ea,{...o,key:i}));case"ComponentComponentsSpacing":return le((0,K.createElement)(Xa,{...o,key:i}),!0);case"ComponentComponentsTakeoverToggle":return c(o,(0,z.jsx)(ri,{...o},i),i);
173case"ComponentComponentsDashHudson":return le((0,z.jsx)(qa,{...o},i),!0);case"ComponentComponentsFaqAccordian":return le((0,z.jsx)(si,{...o},i),!0);case"ComponentComponentsBlogFeature":return le((0,z.jsx)(ci,{...o},i),!0);case"ComponentComponentsFeatureBanner":return c(o,(0,z.jsx)(di,{...o},i),i);case"ComponentComponentsBackToTop":return le((0,z.jsx)(ni,{...o},i),!0);case"ComponentComponentsBlogPanelDetail":return le((0,K.createElement)(Ha,{...o,key:i,...Se(f,d)}),!0);case"ComponentComponentsBlogPanelStyleOverview":return le((0,K.createElement)(Ra,{...o,src:o.src||o.blogPanelStyleOverviewImageSrc,key:i,...Se(f,d)}),!0);case"ComponentComponentsBlogPanelProductFocus":return le((0,K.createElement)(za,{...o,key:i}),!0);case"ComponentComponentsBlogPanelProductHighlight":return le((0,K.createElement)(Wa,{...o,key:i,...Se(f,d)}),!0);case"ComponentComponentsCtaCard":return!o.CtaCardSrc&&!o.CtaCardVideoSrc&&!o.roundelImageOverride?null:le((0,K.createElement)(Xt,{navImage:w,primaryTitle:I,index:p,mobileWidthDivisor:r,desktopWidthDivisor:s,...o,CtaCardSrc:o.CtaCardSrc,key:i,...Se(f,d)}),!1,B);case"ComponentComponentsCategoryCard":return le((0,K.createElement)(ti,{mobileWidthDivisor:r,desktopWidthDivisor:s,...o,key:i,...Se(f,d)}),!1,B);case"ComponentComponentsBlogHeader":return le((0,K.createElement)(_a,{...o,src:o.src||o.blogHeaderImageSrc,key:i,...Se(f,d)}),!0);case"ComponentComponentsCategoryHighlight":return le((0,K.createElement)(Ka,{...o,src:o.src||o.categoryHighlightImageSrc,key:i,...Se(f,d)}),!0);case"ComponentComponentsCountdownBanner":return le((0,K.createElement)(Ar,{...o,key:i}),!0,B);case"ComponentComponentsAddToBasketButton":return le((0,K.createElement)(ei,{...o,key:i}),!0,B);case"ComponentComponentsHeroBanner":return c(o,(0,K.createElement)(Nr,{...o,src:o.src||o.heroBannerSrc,key:i,...Se(f,d),isChild:B}),i,!0);case"ComponentComponentsProductCard":return le((0,K.createElement)(Ua,{mobileWidthDivisor:r,desktopWidthDivisor:s,...o,key:i,...Se(f,d)}),!1,B);case"ComponentComponentsPerkCard":return le((0,K.createElement)(li,{mobileWidthDivisor:r,desktopWidthDivisor:s,...o,key:i,...Se(f,d)}),!1,B);case"ComponentComponentsSingleFeatureInfo":return le((0,K.createElement)(ui,{mobileWidthDivisor:r,desktopWidthDivisor:s,...o,key:i,...Se(f,d)}),!1,B);case"ComponentComponentsSingleShoppableButton":return le((0,z.jsx)(Zo,{...o}));case"ComponentComponentsUspBanner":{let se=o;return b(se.customerGroups)?le((0,K.createElement)(Ir,{...se,key:i}
173),!0):null}case"ComponentComponentsLegalBanner":{let se=o;return b(se.customerGroups)?le((0,K.createElement)(Er,{...se,key:i}),!0):null}case"ComponentComponentsCategoryHeader":return le((0,K.createElement)(Ya,{...o,key:i}),!0);case"ComponentComponentsImage":return c(o,(0,K.createElement)(Oa,{...o,key:i,...Se(f,d)}),i,!1,B);case"ComponentComponentsPersonalisedProductCarousel":return D=(no=o.carousel.slidesPerView)==null?void 0:no.desktop,N=(lo=o.carousel.slidesPerView)==null?void 0:lo.mobile,k=(Po=o.carousel.showPagination)==null?void 0:Po.desktop,V=(To=o.carousel.showPagination)==null?void 0:To.mobile,de=(Xe=o.carousel.showControls)==null?void 0:Xe.mobile,J=(So=o.carousel.showControls)==null?void 0:So.desktop,ie=o.carousel.variant,Z=(ho=o.carousel.slideGap)==null?void 0:ho.desktop,q=(zo=o.carousel.slideGap)==null?void 0:zo.mobile,u={all:{enableAutoplay:!1,autoplayInterval:0,autoplayDirection:"to left",stopAutoplayOnInteraction:!1,transitionDuration:500,transitionTimingFunction:"false",loop:!1},"(min-width: 0px)":{slidesToScroll:1,slidesToShow:N||4,slideGap:`${q!=null?q:8}px`,enablePagination:V||!1,draggable:!0},[`(min-width: ${Ve.md}px)`]:{slidesToScroll:1,slidesToShow:D||2.1,slideGap:`${Z!=null?Z:8}px`,enablePagination:k||!1,draggable:!0}},c(o,(0,K.createElement)(Qa,{...o,key:i,carouselConfig:u,carouselName:"personalisedproduct",lazyLoadCarousell:!0,variant:ie,listLocation:m}),i);case"ComponentComponentsCategoriesProductCarousel":return c(o,(0,K.createElement)(ai,{...o,key:i,isFullWidth:(Xo=(Ko=o==null?void 0:o.container)==null?void 0:Ko.displayContentFullWidth)!=null?Xo:void 0,listLocation:m}),i);case"ComponentComponentsFamilyOfBrands":return c(o,(0,K.createElement)(ii,{...o,key:i,...Se(f,d,D)}),i);case"ComponentComponentsPerksCarousel":return c(o,(0,K.createElement)(pi,{...o,key:i}),i);case"ComponentComponentsFeaturesInfoSection":return c(o,(0,K.createElement)(mi,{...o,key:i}),i);case"ComponentComponentsBrandRoomCard":return c(o,(0,K.createElement)(hi,{...o,key:i}),i);case"ComponentComponentsGridAndLogoComponent":return c(o,(0,K.createElement)(bi,{...o,key:i,...Se(f,d)}),i);case"ComponentComponentsHoverGradientCarousel":return c(o,(0,K.createElement)(xi,{...o,key:i,...Se(f,d),listLocation:m}),i);case"ComponentComponentsWishlistCarousel":return c(o,(0,K.createElement)(fi,{...o,key:i}),i);case"ComponentComponentsSocialsCarousel":return c(o,(0,K.createElement)(vi,{...o,key:i}),i);case"ComponentComponentsLiveText":return c(o,(0,K.createElement)(ot,{...o,key:i}),i);case"ComponentComponentsImageBesideTextWithButton":return c(o,(0,z.jsx)(yi,{...o,...Se(f,d)},i),i);case"ComponentComponentsImageCtaCarousel":return l=(0,z.jsx)(at,{...o,...Se(f,d)},i),c(o,l,i);case"ComponentComponentsMenuCategoryPills":{let se=o,$o=((xo=(Jo=$==null?void 0:$.attributes)==null?void 0:Jo.items)==null?void 0:xo.data)||[];return le((0,z.jsx)(gi,{menuItems:$o,title:se.title,hideOnMobile:se.hideOnMobile,hideOnDesktop:se.hideOnDesktop,hideImages:se.hideImages},i),!0,B)}case"ComponentComponentsProductCarouselV2":{let se=o;return c(o,(0,z.jsx)(Ci,{component:se,isFullWidth:(Yo=se==null?void 0:se.container)==null?void 0:Yo.displayContentFullWidth,listLocation:m},i),i)}default:return null}})(),me=((ke=(fe=o.gtm)==null?void 0:fe.name)!=null?ke:"").trim();return!me||!Q?Q:(0,z.jsx)("div",{style:{display:"contents"},"data-gtm-name":me,children:Q},`gtm-${i}`)});return(0,z.jsx)("div",{"data-test-id":n,className:`grid grid-cols-1 overflow-x-hidden ${a}`,children:g(e)})};var _r={paths:'<path d="M3 14V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V14" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/><path d="M12 3V17M12 17L7 11.5555M12 17L17 11.5556" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>'};var Hr=(e,t,n="Montserrat",r="#000000",s="#FFFFFF",d="",a="")=>{var ke,Ne,Ye,Ee,Ue,Ke,qe,We;let{fascia:F,bloomreachCompetitionName:w,title:I,formFields:p,contentSection:$}=e.attributes,m=p==null?void 0:p.find(C=>C.__typename==="ComponentCompetitionBackground"),b=(m==null?void 0:m.backgroundColor)||(m?"":"#FFFFFF"),c=((Ye=(Ne=(ke=m==null?void 0:m.backgroundImage)==null?void 0:ke.data)==null?void 0:Ne.attributes)==null?void 0:Ye.url)||"",g=m==null?void 0:m.desktopHorizontalPadding,S=m==null?void 0:m.desktopVerticalPadding,H=m==null?void 0:m.mobileHorizontalPadding,B=m==null?void 0:m.mobileVerticalPadding,o=m==null?void 0:m.borderWidth,R=m==null?void 0:m.borderColor,l=(m==null?void 0:m.centreContent)||!1,u=$==null?void 0:$.find(C=>
173C.__typename==="ComponentCompetitionBackground"),D=(u==null?void 0:u.backgroundColor)||(u?"":"#FFFFFF"),G=((Ke=(Ue=(Ee=u==null?void 0:u.backgroundImage)==null?void 0:Ee.data)==null?void 0:Ue.attributes)==null?void 0:Ke.url)||"",N=u==null?void 0:u.desktopHorizontalPadding,k=u==null?void 0:u.desktopVerticalPadding,V=u==null?void 0:u.mobileHorizontalPadding,J=u==null?void 0:u.mobileVerticalPadding,de=u==null?void 0:u.borderWidth,Z=u==null?void 0:u.borderColor,q=(u==null?void 0:u.centreContent)||!1,ie=(C,v,O)=>O?C&&C>0?`border: ${C}px solid ${v||"#d1d5db"};`:"":"border: 1px solid #d1d5db;",T=$&&$.length>0,j=C=>JSON.stringify(C).replace(/</g,"\\u003c"),Y=p==null?void 0:p.find(C=>C.__typename==="ComponentCompetitionSubmitButton"),f=((qe=Y==null?void 0:Y.successMessage)==null?void 0:qe.trim())||a,i=C=>C.replace(/\*\*(.*?)\*\*/g,"<strong>$1</strong>").replace(/\*(.*?)\*/g,"<em>$1</em>").replace(/\[(.*?)\]\((.*?)\)/g,(v,O,x)=>`<a href="${x.startsWith("/")&&d?`${d}${x}`:x}">${O}</a>`).replace(/\n\n/g,"</p><p>").replace(/\n/g,"<br>"),ee=()=>{if(!$||$.length===0)return"";let C="";return $.forEach(v=>{var x,oe,he,$e;let O=v.__typename;if(O!=="ComponentCompetitionBackground"){if(O==="ComponentComponentsText"){let ve=v.markdown||"",Ce=v.textAlign||"left",_e=i(ve);C+=`<div class="content-text" style="text-align: ${Ce};"><p>${_e}</p></div> 174`}if(O==="ComponentComponentsImage"){let ve=(oe=(x=v.desktop)==null?void 0:x.data)==null?void 0:oe.attributes,Ce=($e=(he=v.mobile)==null?void 0:he.data)==null?void 0:$e.attributes;if(ve||Ce){let _e=(ve==null?void 0:ve.url)||"",He=(Ce==null?void 0:Ce.url)||"",je=(ve==null?void 0:ve.alternativeText)||(Ce==null?void 0:Ce.alternativeText)||"";C+=`<picture class="content-image-wrapper"> 175`,He&&(C+=` <source media="(max-width: 767px)" srcset="${He}" /> 176`),C+=` <img src="${_e||He}" alt="${je}" class="content-image" /> 177`,C+=`</picture> 178`}}if(O==="ComponentComponentsVideo"){let ve=v.video||"";ve&&(C+=`<video controls class="content-video"><source src="${ve}" /></video> 179`)}O==="ComponentComponentsHtml"&&(C+=`<div class="content-html">${v.html||""}</div> 180`)}}),C},Q=()=>{if(!p||p.length===0)return'<p style="text-align: center; color: #999;">No form fields configured in Strapi.</p>';let C="";return p.forEach(v=>{let O=v.__typename;if(O==="ComponentCompetitionTitle"){let x=v.level||"h2",oe=v.textAlign||"left",he=v.textColor||"",$e=v.fontSize||"base",ve=v.fontWeight||"Normal",Ce={sm:"0.875rem",base:"1rem",xl:"1.25rem"},_e={Thin:"300",Normal:"400",Bold:"700"},He=[`text-align: ${oe}`,he?`color: ${he}`:"",`font-size: ${Ce[$e]||"1rem"}`,`font-weight: ${_e[ve]||"400"}`,"line-height: 1.5"].filter(Boolean).join("; ");C+=`<${x} style="${He}">${v.text}</${x}> 181`}if(O==="ComponentCompetitionTextArea"){let x=v.fontSize||"base",oe=v.fontWeight||"Normal",he=v.textColor||"",$e={sm:"0.875rem",base:"1rem",xl:"1.25rem"},ve={Thin:"300",Normal:"400",Bold:"700"},Ce=[he?`color: ${he}`:"",`font-size: ${$e[x]||"1rem"}`,`font-weight: ${ve[oe]||"400"}`,"line-height: 1.6","margin: 10px 0"].filter(Boolean).join("; "),_e=v.markdown||"",He=i(_e);C+=`<div class="markdown-text" style="${Ce}">${He}</div> 182`}if(O==="ComponentCompetitionInputFields"&&v.fields&&(C+=`<div class="input-fields-wrapper"> 183`,v.fields.forEach(x=>{let oe=x.desktopWidth==="half"?"50%":"100%",he=x.mobileWidth==="half"?"50%":"100%";C+=`<div class="form-group" data-desktop-width="${oe}" data-mobile-width="${he}"> 184`,x.label&&(C+=` <label for="${x.bloomreachPropertyName}">${x.label}${x.required?' <span style="color: #D33F3F;">*</span>':""}</label> 185`),C+=` <input type="${x.fieldType||"text"}" id="${x.bloomreachPropertyName}" name="${x.bloomreachPropertyName}" placeholder="${x.placeholder||""}" ${x.required?"required":""} /> 186`,C+=`</div> 187`}),C+=`</div> 188`),O==="ComponentCompetitionQuestionnaire"){let x=v.allowMultipleAnswers?"checkbox":"radio",oe=v.fontSize||"base",he=v.fontWeight||"Normal",$e=v.inputType==="dropdown"&&!v.allowMultipleAnswers,ve=v.textAlign||"left",Ce=v.textColor||"",_e={sm:"0.875rem",base:"1rem",xl:"1.25rem"},He={Thin:"300",Normal:"400",Bold:"700"},je=[Ce?`color: ${Ce}`:"",`font-size: ${_e[oe]||"1rem"}`,`font-weight: ${He[he]||"600"}`,`text-align: ${ve}
188`,"margin-bottom: 5px"].filter(Boolean).join("; ");C+=`<div class="questionnaire"> 189`,C+=` <p style="${je}">${v.question}${v.required?' <span style="color: #D33F3F;">*</span>':""}</p> 190`,C+=` <div class="questionnaire-answers"> 191`,v.answers&&($e?(C+=` <select name="${v.bloomreachPropertyName}"> 192`,v.answers.forEach(Ae=>{C+=` <option value="${Ae.bloomreachValue}"> 193 ${Ae.label} 194 </option> 195`}),C+=` </select> 196`):v.answers.forEach(Ae=>{let mo=Ae.desktopWidth==="half"?"50%":"100%",h=Ae.mobileWidth==="half"?"50%":"100%",W=Ae.textColor||"";C+=` <div class="checkbox-row" data-desktop-width="${mo}" data-mobile-width="${h}"> 197`,C+=` <input type="${x}" id="${Ae.bloomreachValue}" name="${v.bloomreachPropertyName}" value="${Ae.bloomreachValue}" /> 198`,C+=` <label for="${Ae.bloomreachValue}"${W?` style="color: ${W};"`:""}>${Ae.label}</label> 199`,C+=` </div> 200`})),C+=` </div> 201`,C+=`</div> 202`}if(O==="ComponentCompetitionConsentSection"&&v.consents&&v.consents.forEach(x=>{let oe=x.textColor||"",he=[oe?`color: ${oe}
202`:"","font-size: 16px"].filter(Boolean).join("; ");C+=`<div class="checkbox-row"> 203`,C+=` <input type="checkbox" id="${x.bloomreachPropertyName}" name="${x.bloomreachPropertyName}" ${x.required?"required":""} /> 204`,C+=` <label for="${x.bloomreachPropertyName}" style="${he}">${x.label}${x.required?' <span style="color: #D33F3F;">*</span>':""}</label> 205`,C+=`</div> 206`}),O==="ComponentCompetitionSubmitButton"){let x=v.useCustomColors&&v.customBackgroundColor?v.customBackgroundColor:r,oe=v.useCustomColors&&v.customTextColor?v.customTextColor:s;C+=`<button type="submit" style="background: ${x}; color: ${oe};">${v.buttonText||"Submit"}</button> 207`}}),C},me=()=>{let C=[],v=[],O=[];return p==null||p.forEach(x=>{x.__typename==="ComponentCompetitionInputFields"&&x.fields&&x.fields.forEach(oe=>{C.push(oe.bloomreachPropertyName)}),x.__typename==="ComponentCompetitionQuestionnaire"&&v.push({name:x.bloomreachPropertyName,allowMultiple:x.allowMultipleAnswers||!1}),x.__typename==="ComponentCompetitionConsentSection"&&x.consents&&x.consents.forEach(oe=>{O.push(oe.bloomreachPropertyName)})}),` 208 // Collect form data from all fields 209 const formData = { 210 ${C.map(x=>`${x}: form.${x}?.value || ''`).join(`, 211 `)}, 212 timestamp: new Date().toISOString(), 213 }; 214 215 // Collect questionnaire answers (checkboxes) 216 ${v.map(x=>` 217 const ${x.name}Values = Array.from(form.querySelectorAll('input[name="${x.name}"]:checked')).map(input => input.value); 218 formData.${x.name} = ${x.allowMultiple?`${x.name}Values`:`${x.name}Values[0] || ''`};`).join(` 219`)} 220 221 // Collect consent checkboxes 222 ${O.map(x=>`formData.${x} = form.${x}?.checked || false;`).join(` 223 `)} 224 225 // Get email for Exponea identification 226 const customerEmail = formData.email || formData.Email || formData.email_id || ''; 227`};return`<!DOCTYPE html> 228<html lang="en"> 229<head> 230 <meta charset="UTF-8" /> 231 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 232 <title>${I||"Competition"}</title> 233 234 <!-- Google Fonts --> 235 <link rel="preconnect" href="https://fonts.googleapis.com"> 236 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 237 <link href="https://fonts.googleapis.com/css2?family=${n.replace(/\s+/g,"+")}:wght@300;400;600;700&display=swap" rel="stylesheet"> 238 239 <!-- Exponea/Bloomreach SDK (OPTIONAL) --> 240 <!-- NOTE: Competition submission is handled via backend API --> 241 <!-- This SDK is only needed for page tracking, weblayers, or other Bloomreach features --> 242 <!-- You can safely remove this entire script block if not needed --> 243 <script> 244 // ========================================== 245 // CONFIGURATION 246 // ========================================== 247 // Fascia: ${F} 248 // Competition Name: ${w} 249 var EXPONEA_CONFIG = { 250 target: "REPLACE_WITH_API_URL", // e.g., https://api.email.debenhams.co.uk 251 EXPONEA_PROJECT_TOKEN: "REPLACE_WITH_PROJECT_TOKEN", // Exponea project token 252 fascia: "${F}", // Auto-filled from Strapi 253 market: "${t}" // Auto-filled from fascia config 254 }; 255 // ========================================== 256 257 var url = window.location.hostname; 258 if (!window.exponea) { 259 var target = EXPONEA_CONFIG.target, 260 debug = false, 261 token = EXPONEA_CONFIG.EXPONEA_PROJECT_TOKEN; 262 !(function (u, l, w, x, m, h) { 263 function y(a) { 264 if ("number" != typeof a) return a; 265 var b = new Date(); 266 return new Date(b.getTime() + 1e3 * a); 267 } 268 function z(a) { 269 return a.reduce( 270 function (b, c) { 271 return ( 272 (b[c] = function () { 273 b._.push([c.toString(), arguments]); 274 }), 275 b 276 ); 277 }, 278 { _: [] } 279 ); 280 } 281 function v(a, b, c) { 282 var d = c.createElement(b); 283 d.src = a; 284 a = c.getElementsByTagName(b)[0]; 285 return a.parentNode.insertBefore(d, a), d; 286 } 287 var F = 4e3, 288 G = "xnpe_async_hide"; 289 h.target = h.target || "https://api.exponea.com"; 290 h.file_path = h.file_path || h.target + "/js/exponea.min.js"; 291 m[l] = z( 292 "anonymize initialize identify getSegments update track trackLink trackEnhancedEcommerce getHtml showHtml showBanner showWebLayer ping getAbTest loadDependency getRecommendation reloadWebLayers _preInitialize".split( 293 " " 294 ) 295 ); 296 m[l].notifications = z([ 297 "isAvailable", 298 "isSubscribed", 299 "subscribe", 300 "unsubscribe", 301 ]); 302 m[l].snippetVersion = "v2.5.0"; 303 (function (a, b, c) { 304 a[b]["_" + c] = {}; 305 a[b]["_" + c].nowFn = Date.now; 306 a[b]["_" + c].snippetStartTime = a[b]["_" + c].nowFn(); 307 })(m, l, "performance"); 308 (function (a, b, c, d, n, f) { 309 a[n] = { 310 sdk: a[d], 311 sdkObjectName: d, 312 skipExperiments: !!c.new_experiments, 313 sign: c.token + "/" + (f.exec(b.cookie) || ["", "new"])[1], 314 path: c.target, 315 }; 316 })(m, u, h, l, x, RegExp("__exponea_etc__\\x3d([\\\\w-]+)")); 317 v(h.file_path, w, u); 318 (function (a, b, c, d, n, f, A) { 319 if (a.new_experiments) { 320 !0 === a.new_experiments && (a.new_experiments = {}); 321 var g; 322 d = a.new_experiments.hide_class || G; 323 var B = a.new_experiments.timeout || F, 324 H = encodeURIComponent(f.location.href.split("#")[0]); 325 a.cookies && 326 a.cookies.expires && 327 ("number" == typeof a.cookies.expires || 328 "[object Date]" === 329 Object.prototype.toString.call(a.cookies.expires) 330 ? (g = y(a.cookies.expires)) 331 : a.cookies.expires.tracking && 332 ("number" == typeof a.cookies.expires.tracking || 333 "[object Date]" === 334 Object.prototype.toString.call( 335 a.cookies.expires.tracking 336 )) && 337 (g = y(a.cookies.expires.tracking))); 338 g && g < new Date() && (g = void 0); 339 g = 340 a.target + 341 "/webxp/" + 342 b + 343 "/" + 344 f[c].sign + 345 "/modifications.min.js?http-referer\\x3d" + 346 H + 347 "\\x26timeout\\x3d" + 348 B + 349 "ms" + 350 (g 351 ? "\\x26cookie-expires\\x3d" + Math.floor(g.getTime() / 1e3) 352 : ""); 353 "sync" === a.new_experiments.mode && 354 f.localStorage.getItem("__exponea__sync_modifications__") 355 ? (function (r, e, q, p, k) { 356 q[k][e] = 357 "\\x3c" + e + ' src\\x3d"' + r + '"\\x3e\\x3c/' + e + "\\x3e"; 358 p.writeln(q[k][e]); 359 p.writeln( 360 "\\x3c" + 361 e + 362 "\\x3e!" + 363 k + 364 ".init \\x26\\x26 document.writeln(" + 365 k + 366 "." + 367 e + 368 '.replace("/' + 369 e + 370 '/", "/' + 371 e +
372 '-async/").replace("\\x3e\\x3c", " async\\x3e\\x3c"))\\x3c/' + 373 e + 374 "\\x3e" 375 ); 376 })(g, b, f, A, c) 377 : (function (r, e, q, p, k, t, I, J) { 378 function C() { 379 k[J].init || 380 v(q.replace("/" + p + "/", "/" + p + "-async/"), p, t); 381 } 382 function D() { 383 t.documentElement.classList.remove(r); 384 } 385 t.documentElement.classList.add(r); 386 var E = v(q, p, t); 387 E.onload = C; 388 E.onerror = C; 389 k.setTimeout(D, e); 390 k[I]._revealPage = D; 391 })(d, B, g, b, f, A, n, c); 392 } 393 })(h, w, x, 0, l, m, u); 394 (function (a, b, c) { 395 var d; 396 (null === (d = c.experimental) || void 0 === d 397 ? 0 398 : d.non_personalized_weblayers) && a[b]._preInitialize(c); 399 a[b].start = function (n) { 400 n && 401 Object.keys(n).forEach(function (f) { 402 return (c[f] = n[f]); 403 }); 404 a[b].initialize(c); 405 }; 406 })(m, l, h); 407 })(document, "exponea", "script", "webxpClient", window, { 408 target: target, 409 token: token, 410 debug: debug, 411 track: { 412 default_properties: { fascia: EXPONEA_CONFIG.fascia, environment: url }, 413 }, 414 }); 415 exponea.start(); 416 } 417 <\/script> 418 419 <script> 420 // Force mobile layout based on actual viewport width 421 (function() { 422 function checkViewport() { 423 var actualWidth = window.innerWidth || document.documentElement.clientWidth; 424 var isMobile = actualWidth < 1000; // Set to 1000 to catch app webviews (931px) while preserving 1024px desktop layout 425 426 // Add or remove mobile-force class 427 if (isMobile) { 428 document.documentElement.classList.add('mobile-force'); 429 } else { 430 document.documentElement.classList.remove('mobile-force'); 431 } 432 } 433 434 // Check on load 435 checkViewport(); 436 437 // Check on resize 438 window.addEventListener('resize', checkViewport); 439 })(); 440 <\/script> 441 442 <style> 443 * { 444 box-sizing: border-box; 445 margin: 0; 446 padding: 0; 447 } 448 449 body { 450 font-family: '${n}', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 451 font-size: 16px; 452 line-height: 1.5; 453 background: #f5f5f5; 454 min-height: 100vh; 455 margin: 0; 456 padding: 0; 457 width: 100%; 458 max-width: 100vw; 459 overflow-x: hidden; 460 } 461 462 h1, h2, h3, h4, h5, h6 { 463 margin: 0; 464 font-weight: inherit; 465 font-size: inherit; 466 line-height: inherit; 467 } 468 469 form { 470 display: flex; 471 flex-direction: column; 472 gap: 20px; 473 } 474 475 .input-fields-wrapper { 476 display: flex; 477 flex-wrap: wrap; 478 gap: 20px; 479 } 480 481 .form-group { 482 display: flex; 483 flex-direction: column; 484 gap: 5px; 485 flex: 1 1 auto; 486 } 487 488 /* Desktop widths */ 489 @media (min-width: 768px) { 490 .form-group[data-desktop-width="100%"] { 491 flex: 1 1 100%; 492 } 493 .form-group[data-desktop-width="50%"] { 494 flex: 1 1 calc(50% - 10px); 495 max-width: calc(50% - 10px); 496 } 497 } 498 499 /* Mobile widths */ 500 @media (max-width: 767px) { 501 .form-group[data-mobile-width="100%"] { 502 flex: 1 1 100%; 503 } 504 .form-group[data-mobile-width="50%"] { 505 flex: 1 1 calc(50% - 10px); 506 max-width: calc(50% - 10px); 507 } 508 } 509 510 label { 511 font-size: 0.875rem; 512 font-weight: 500; 513 margin-bottom: 5px; 514 } 515 516 input[type="text"], 517 input[type="email"], 518 input[type="tel"], 519 input[type="date"] { 520 width: 100%; 521 padding: 10px 15px; 522 border: 1px solid #ccc; 523 border-radius: 4px; 524 font-size: 16px; 525 } 526 527 input[type="text"]:focus, 528 input[type="email"]:focus, 529 input[type="tel"]:focus, 530 input[type="date"]:focus { 531 outline: 2px solid #000; 532 border-color: #000; 533 } 534 535 input[type="checkbox"], 536 input[type="radio"] { 537 width: 18px; 538 height: 18px; 539 cursor: pointer; 540 } 541 542 /* Circular styling only for questionnaire answers */ 543 .questionnaire-answers input[type="checkbox"], 544 .questionnaire-answers input[type="radio"] { 545 width: 16px; 546 height: 16px; 547 cursor: pointer; 548 border-radius: 50%; 549 appearance: none; 550 -webkit-appearance: none; 551 -moz-appearance: none; 552 background-color: white; 553 border: 1px solid #6b7280; 554 } 555 556 .questionnaire-answers input[type="checkbox"]:checked, 557 .questionnaire-answers input[type="radio"]:checked { 558 background-color: #0075ff; 559 background-image: radial-gradient(circle, white 0%, white 25%, transparent 25%, transparent 100%); 560 } 561 562 .checkbox-row { 563 display: flex; 564 gap: 10px; 565 align-items: flex-start; 566 flex: 1 1 auto; 567 } 568 569 .checkbox-row label { 570 margin: 0; 571 font-size: 0.875rem; 572 font-weight: 400; 573 cursor: pointer; 574 } 575 576 .questionnaire { 577 display: flex; 578 flex-direction: column; 579 gap: 10px; 580 } 581 582 .questionnaire > p { 583 font-weight: 600; 584 margin-bottom: 5px; 585 } 586 587 .questionnaire-answers { 588 display: flex; 589 flex-wrap: wrap; 590 gap: 10px; 591 } 592 593 /* Desktop widths for checkbox rows */ 594 @media (min-width: 768px) { 595 .checkbox-row[data-desktop-width="100%"] { 596 flex: 1 1 100%; 597 } 598 .checkbox-row[data-desktop-width="50%"] { 599 flex: 1 1 calc(50% - 5px); 600 max-width: calc(50% - 5px); 601 } 602 } 603 604 /* Mobile widths for checkbox rows */ 605 @media (max-width: 767px) { 606 .checkbox-row[data-mobile-width="100%"] { 607 flex: 1 1 100%; 608 } 609 .checkbox-row[data-mobile-width="50%"] { 610 flex: 1 1 calc(50% - 5px); 611 max-width: calc(50% - 5px); 612 } 613 } 614 615 .markdown-text { 616 line-height: 1.6; 617 margin: 10px 0; 618 } 619 620 .content-text { 621 line-height: 1.6; 622 margin: 15px 0; 623 } 624 625 .content-image { 626 max-width: 100%; 627 height: auto; 628 display: block; 629 margin: 20px 0; 630 } 631 632 .content-video { 633 max-width: 100%; 634 height: auto; 635 display: block; 636 margin: 20px 0; 637 } 638 639 .content-html { 640 margin: 15px 0; 641 } 642 643 .competition-wrapper { 644 max-width: 1200px; 645 width: 100%; 646 margin: 0 auto; 647 display: grid; 648 gap: 0; 649 box-sizing: border-box; 650 } 651 652 .content-section { 653 padding: ${J!=null?`${J}px`:"16px"} ${V!=null?`${V}px`:"16px"}; 654 ${G?`background-image: url('${G}'); background-size: cover; background-position: center;`:D?`background: ${D};`:""} 655 ${ie(de,Z,!!u)} 656 overflow: hidden; 657 ${q?"display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px;":""} 658 } 659 660 .content-section img { 661 max-width: 100%; 662 height: auto; 663 display: block; 664 margin-top: -8px; 665 margin-bottom: -8px; 666 } 667 668 .content-section .px-6 { 669 margin-left: -24px; 670 margin-right: -24px; 671 } 672 673 .form-section { 674 padding: ${B!=null?`${B}px`:"16px"} ${H!=null?`${H}px`:"16px"}; 675 ${c?`background-image: url('${c}'); background-size: cover; background-position: center;`:b?`background: ${b};`:""} 676 ${ie(o,R,!!m)} 677 ${l?"display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 400px;":""} 678 } 679 680 /* Force mobile layout when JS detects mobile viewport */ 681 html.mobile-force .competition-wrapper { 682 grid-template-columns: 1fr !important; 683 } 684 685 html.mobile-force .content-section { 686 max-width: 100vw !important; 687 overflow: hidden !important; 688 } 689 690 html.mobile-force .content-section img, 691 html.mobile-force .form-section img { 692 max-width: 100vw !important; 693 height: auto !important; 694 object-fit: contain !important; 695 } 696 697 /* Desktop: side by side */ 698 @media (min-width: 768px) { 699 .competition-wrapper { 700 grid-template-columns: ${T?"1fr 1fr":"1fr"}; 701 } 702 703 .content-section, 704 .form-section { 705 width: 100%; 706 box-sizing: border-box; 707 display: flex; 708 align-items: center; 709 justify-content: center; 710 } 711 712 ${q?".content-section { min-height: 600px; }":""} 713 ${l?".form-section { min-height: 600px; }":""} 714 715 ${N!=null&&k!==void 0&&k!==null?`.content-section { padding: ${k}
715px ${N}px; }`:k!=null?`.content-section { padding-top: ${k}px; padding-bottom: ${k}px; }`:N!=null?`.content-section { padding-left: ${N}px; padding-right: ${N}px; }`:".content-section { padding: 32px; }"} 716 717 ${g!=null&&S!==void 0&&S!==null?`.form-section { padding: ${S}px ${g}px; }`:S!=null?`.form-section { padding-top: ${S}px; padding-bottom: ${S}px; }`:g!=null?`.form-section { padding-left: ${g}px; padding-right: ${g}px; }`:".form-section { padding: 32px; }"} 718 } 719 720 /* Mobile: stacked */ 721 @media (max-width: 767px) { 722 .competition-wrapper { 723 grid-template-columns: 1fr; 724 } 725 } 726 727 button[type="submit"] { 728 background: ${r}; 729 color: ${s}; 730 border: none; 731 padding: 15px; 732 font-size: 1.1rem; 733 font-weight: 600; 734 border-radius: 4px; 735 cursor: pointer; 736 transition: opacity 0.3s; 737 } 738 739 button[type="submit"]:hover { 740 opacity: 0.8; 741 } 742 743 button[type="submit"]:disabled { 744 background: #666; 745 cursor: not-allowed; 746 } 747 748 .error-message, 749 .success-message { 750 padding: 15px; 751 border-radius: 4px; 752 text-align: center; 753 display: none; 754 } 755 756 .error-message { 757 background: #d32f2f; 758 color: white; 759 } 760 761 .success-message { 762 background: #00c851; 763 color: white; 764 } 765 </style> 766</head> 767<body> 768 <div class="competition-wrapper"> 769 ${T?`<div class="content-section"> 770 ${ee()} 771 </div>`:""} 772 <div class="form-section"> 773 <form id="competition-form"> 774 ${Q()} 775 776 <div style="min-height: 60px;"> 777 <div id="error-message" class="error-message"></div> 778 <div id="success-message" class="success-message"></div> 779 </div> 780 </form> 781 </div> 782 </div> 783 784 <script> 785 // Form submission handling 786 const form = document.getElementById('competition-form'); 787 const errorMessage = document.getElementById('error-message'); 788 const successMessage = document.getElementById('success-message'); 789 const submitBtn = form.querySelector('button[type="submit"]'); 790 791 form.addEventListener('submit', async (e) => { 792 e.preventDefault(); 793 794 // Hide previous messages 795 errorMessage.style.display = 'none'; 796 successMessage.style.display = 'none'; 797 798 ${me()} 799 800 if (!customerEmail) { 801 errorMessage.textContent = 'Email address is required'; 802 errorMessage.style.display = 'block'; 803 return; 804 } 805 806 // Disable submit button 807 submitBtn.disabled = true; 808 submitBtn.textContent = 'SUBMITTING...'; 809 810 try { 811 // Validate Exponea configuration 812 if (!window.exponea) { 813 throw new Error('Exponea SDK not loaded'); 814 } 815 816 // Check if API config has been properly set (not placeholder values) 817 if (EXPONEA_CONFIG.target.includes('REPLACE_WITH') || 818 EXPONEA_CONFIG.EXPONEA_PROJECT_TOKEN.includes('REPLACE_WITH')) { 819 throw new Error('Exponea API configuration not set. Please update EXPONEA_CONFIG with valid API URL and project token.'); 820 } 821 822 // Identify the user 823 exponea.identify({ email_id: customerEmail }); 824 825 // Update user properties 826 exponea.update({ 827 email: customerEmail, 828 ...formData, 829 }); 830 831 // Track the competition event with enriched properties 832 exponea.track('competition', { 833 competition_name: '${w}', 834 market: EXPONEA_CONFIG.market, 835 action: 'entry', 836 competition_date: Math.floor(Date.now() / 1000), 837 ...formData, 838 }); 839 840 // Show success message 841 successMessage.textContent = ${j(f)}; 842 successMessage.style.display = 'block'; 843 form.reset(); 844 // Keep button disabled after successful submission 845 submitBtn.textContent = 'Submitted'; 846 } catch (error) { 847 console.error('Submission error:', error); 848 errorMessage.textContent = error.message || 'Sorry, something went wrong. Please try again.'; 849 errorMessage.style.display = 'block'; 850 // Re-enable button on error so user can retry 851 submitBtn.disabled = false;
852 submitBtn.textContent = '${((We=p==null?void 0:p.find(C=>C.__typename==="ComponentCompetitionSubmitButton"))==null?void 0:We.buttonText)||"Submit"}'; 853 } 854 }); 855 <\/script> 856</body> 857</html>`};var wi={gb:"GBP",us:"USD",ie:"ROI",au:"AUD",nl:"NET",fr:"FRA",se:"SEK",row:"ROW",de:"DE",pl:"POL",eu:"EUR"},Rr={CA:"CAD",NZ:"NZD",DE:"DE",ES:"ES",FI:"FIN",DK:"DKK",IT:"IT",SA:"SAR",AE:"AED",BH:"BHD",JO:"JOD",KW:"KWD",OM:"OMR",QA:"QAT",NO:"NOK",BE:"BEL",CH:"SWI",AT:"AUT",PT:"POR",IS:"ICE",FO:"FAI",MT:"MAL",HR:"CRO",PL:"POL",LT:"LIT",CY:"CYP",GR:"GR",LU:"LUX",CZ:"CZ",EE:"EST",LV:"LAT",RO:"ROM",SI:"SLV",HU:"HUN",SK:"SLK",BG:"BLG"},zr=(e,t)=>{let n=Vt(e),r=wi[n];return r==="ROW"?t&&Rr[t]?Rr[t]:t?"ROW":"UNK":r};var y=A(re()),kt=e=>e==="half"?"50%":(e==="full","100%"),Wr=e=>{switch(e){case"sm":return"text-sm";case"xl":return"text-xl";case"base":default:return"text-base"}},Or=e=>{switch(e){case"Thin":return"font-light";case"Bold":return"font-bold";case"Normal":default:return"font-normal"}},nt=(e,t)=>{let n=[],r=[];return e.forEach((s,d)=>{let a=kt(s[t]);r.push({...s,_width:a}),a==="100%"||d===e.length-1?(n.push([...r]),r=[]):r.length===2&&(n.push([...r]),r=[])}),n},Lr=({competitionPage:e,isOfficeIpSet:t})=>{var ve,Ce,_e,He,je,Ae,mo;let{fascia:n,bloomreachCompetitionName:r,title:s,formFields:d,contentSection:a}=e.attributes,F=a&&a.length>0,w=$t(),{translate:I}=Qe(),[p,$]=(0,vo.useState)({}),[m,b]=(0,vo.useState)(!1),[c,g]=(0,vo.useState)("idle"),[S,H]=(0,vo.useState)(""),[B,o]=(0,vo.useState)("api"),[R,l]=(0,vo.useState)(!1),[u,D]=(0,vo.useState)("bottom-4");(0,vo.useEffect)(()=>{let h=document.getElementById("internal-link-to-page-edit");D(h?"bottom-16":"bottom-4")},[]);let G=d==null?void 0:d.find(h=>h.__typename==="ComponentCompetitionSubmitButton"),N=((ve=G==null?void 0:G.successMessage)==null?void 0:ve.trim())||I("competition.success.message"),k=d==null?void 0:d.find(h=>h.__typename==="ComponentCompetitionBackground"),V=k==null?void 0:k.backgroundColor,J=(He=(_e=(Ce=k==null?void 0:k.backgroundImage)==null?void 0:Ce.data)==null?void 0:_e.attributes)==null?void 0:He.url,de=k==null?void 0:k.desktopHorizontalPadding,Z=k==null?void 0:k.desktopVerticalPadding,q=k==null?void 0:k.mobileHorizontalPadding,ie=k==null?void 0:k.mobileVerticalPadding,T=k==null?void 0:k.borderWidth,j=k==null?void 0:k.borderColor,Y=k==null?void 0:k.centreContent,f=a==null?void 0:a.find(h=>h.__typename==="ComponentCompetitionBackground"),i=f==null?void 0:f.backgroundColor,ee=(mo=(Ae=(je=f==null?void 0:f.backgroundImage)==null?void 0:je.data)==null?void 0:Ae.attributes)==null?void 0:mo.url,Q=f==null?void 0:f.desktopHorizontalPadding,me=f==null?void 0:f.desktopVerticalPadding,fe=f==null?void 0:f.mobileHorizontalPadding,ke=f==null?void 0:f.mobileVerticalPadding,Ne=f==null?void 0:f.borderWidth,Ye=f==null?void 0:f.borderColor,Ee=f==null?void 0:f.centreContent,Ue=a==null?void 0:a.filter(h=>h.__typename!=="ComponentCompetitionBackground"),Ke=(h,W,X)=>X?h&&h>0?{className:"",style:{borderWidth:`${h}px`,borderStyle:"solid",borderColor:W||"#d1d5db"}}:{className:"",style:{}}:{className:"border border-gray-300",style:{}},qe=(h,W,X,Ie)=>{let ye={};return h!=null&&(ye["--mobile-padding-x"]=`${h}px`),W!=null&&(ye["--mobile-padding-y"]=`${W}px`),X!=null&&(ye["--desktop-padding-x"]=`${X}px`),Ie!=null&&(ye["--desktop-padding-y"]=`${Ie}px`),ye},We=()=>{var xe,Le,E,De,Me,io;let h=zr(n),W=ur[n],X=((Le=(xe=W==null?void 0:W.fonts)==null?void 0:xe.body)==null?void 0:Le.value)||"Montserrat",Ie=((De=(E=W==null?void 0:W.colours)==null?void 0:E.primary)==null?void 0:De.value)||"#000000",ye=((io=(Me=W==null?void 0:W.colours)==null?void 0:Me.primaryButtonText)==null?void 0:io.value)||"#FFFFFF",Oe=window.location.origin,Pe=Hr(e,h,X,Ie,ye,Oe,I("competition.success.exportMessage")),pe=new Blob([Pe],{type:"text/html"}),be=URL.createObjectURL(pe),ge=document.createElement("a");ge.href=be,ge.download=`${r||"competition"}-standalone.html`,document.body.appendChild(ge),ge.click(),document.body.removeChild(ge),URL.revokeObjectURL(be)},C=(h,W)=>{$(X=>({...X,[h]:W}))},v=(h,W,X,Ie)=>{$(ye=>{if(Ie){let Oe=Array.isArray(ye[h])?ye[h]:[];return X?{...ye,[h]:[...Oe,W]}:{...ye,[h]:Oe.filter(Pe=>Pe!==W)}}else return X?{...ye,[h]:W}:{...ye,[h]:""}})},O=async h=>{h.preventDefault(),b(!0),g("idle"),H(""),o("api");try{let W=d==null?void 0:d.filter(Pe=>Pe.__typename==="ComponentCompetitionQuestionnaire"&&Pe.required===!0);if(W&&W.length>0)for(let Pe of W){let pe=Pe.bloomreachPropertyName,be=p[pe],ge=Pe.allowMultipleAnswers,xe=!1;if(ge?xe=Array.isArray(be)&&be.length>0:xe=typeof be=="string"&&be.trim().length>0,!xe){o("validation"),g("error"),H("Please answer the required question to submit your response"),b(!1);return}}let X=p.email||p.Email||p.email_id||"";
857if(!X){o("validation"),g("error"),H("Email address is required"),b(!1);return}let ye=await fetch("/_api/competition-submit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({fascia:n,bloomreachCompetitionName:r,customerEmail:X,properties:p})}),Oe=await ye.json();if(ye.ok&&Oe.success){g("success"),l(!0),$({}),b(!1);let Pe=d==null?void 0:d.find(pe=>pe.__typename==="ComponentCompetitionSubmitButton");Pe!=null&&Pe.redirectUrl&&setTimeout(()=>{window.location.href=Pe.redirectUrl},1e3)}else throw o("api"),new Error(Oe.error||"Failed to submit competition entry")}catch(W){g("error"),H(W.message||"An error occurred. Please try again."),o("api"),b(!1)}},x=Ke(T,j,!!k),oe=(0,y.jsx)("div",{className:`h-full ${x.className}`,style:{backgroundColor:J?void 0:V||void 0,backgroundImage:J?`url(${J})`:void 0,backgroundSize:J?"cover":void 0,backgroundPosition:J?"center":void 0,...x.style},children:(0,y.jsxs)("form",{onSubmit:O,className:`responsive-padding space-y-6 ${de==null&&Z==null&&q==null&&ie==null?"p-4 md:p-8":""} ${Y?"flex flex-col items-center justify-center":""}`,style:qe(q,ie,de,Z),children:[d==null?void 0:d.map((h,W)=>{var Ie,ye,Oe,Pe;let X=h.__typename;if(X==="ComponentCompetitionTitle"){let pe=h.level,be=h.textAlign,ge=Wr(h.fontSize),xe=Or(h.fontWeight);return(0,y.jsx)(pe,{className:`${ge} ${xe} text-gray-900`,style:{textAlign:be,color:h.textColor||void 0},children:h.text},`${X}-${h.id||W}`)}if(X==="ComponentCompetitionTextArea")return(0,y.jsx)("div",{className:"prose max-w-none",children:(0,y.jsx)(Ao,{markdown:h.markdown,fontSize:h.fontSize,fontWeight:h.fontWeight})},`${X}-${h.id||W}`);if(X==="ComponentCompetitionInputFields"){let pe=nt(h.fields||[],"desktopWidth"),be=nt(h.fields||[],"mobileWidth");return(0,y.jsxs)("div",{className:"space-y-4",children:[(0,y.jsx)("div",{className:"hidden md:block space-y-4",children:pe.map((ge,xe)=>{let Le=ge.some(E=>E.label);return(0,y.jsx)("div",{className:"flex gap-4 items-end",children:ge.map(E=>(0,y.jsxs)("div",{style:{width:E._width},children:[Le&&(0,y.jsx)("div",{className:"min-h-[1.75rem] mb-1",children:E.label&&(0,y.jsxs)("label",{htmlFor:E.bloomreachPropertyName,className:"block text-sm font-medium text-gray-700",children:[E.label," ",E.required&&(0,y.jsx)("span",{className:"text-red-500",children:"*"})]})}),(0,y.jsx)("input",{type:E.fieldType,id:E.bloomreachPropertyName,name:E.bloomreachPropertyName,placeholder:E.placeholder,required:E.required,value:p[E.bloomreachPropertyName]||"",onChange:De=>C(E.bloomreachPropertyName,De.target.value),className:"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]},E.id))},`desktop-${xe}`)})}),(0,y.jsx)("div",{className:"md:hidden space-y-4",children:be.map((ge,xe)=>{let Le=ge.some(E=>E.label);return(0,y.jsx)("div",{className:"flex gap-4 items-end",children:ge.map(E=>(0,y.jsxs)("div",{style:{width:E._width},children:[Le&&(0,y.jsx)("div",{className:"min-h-[1.75rem] mb-1",children:E.label&&(0,y.jsxs)("label",{htmlFor:E.bloomreachPropertyName,className:"block text-sm font-medium text-gray-700",children:[E.label," ",E.required&&(0,y.jsx)("span",{className:"text-red-500",children:"*"})]})}),(0,y.jsx)("input",{type:E.fieldType,id:E.bloomreachPropertyName,name:E.bloomreachPropertyName,placeholder:E.placeholder,required:E.required,value:p[E.bloomreachPropertyName]||"",onChange:De=>C(E.bloomreachPropertyName,De.target.value),className:"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-transparent"})]},E.id))},`mobile-${xe}`)})})]},`${X}-${h.id||W}`)}if(X==="ComponentCompetitionQuestionnaire"){let pe=h.textAlign,be=Wr(h.fontSize),ge=Or(h.fontWeight),xe=nt(h.answers||[],"desktopWidth"),Le=nt(h.answers||[],"mobileWidth"),E=h.allowMultipleAnswers,De=h.inputType==="dropdown"&&!E;return(0,y.jsxs)("div",{className:"space-y-3",children:[(0,y.jsxs)("p",{className:`${be} ${ge} text-gray-700`,style:{textAlign:pe,color:h.textColor||void 0},children:[h.question,h.required&&(0,y.jsx)("span",{className:"text-red-500",children:" *"})]}),De?(0,y.jsx)(Jt,{handleChange:Me=>C(h.bloomreachPropertyName,Me),placeholder:I("competition.dropdown.placeholder"),value:(Ie=p[h.bloomreachPropertyName])!=null?Ie:"",className:"w-full border border-gray-300 rounded-md px-3 py-2 text-sm bg-white",options:(Oe=(ye=h.answers)==null?void 0:ye.map(Me=>({label:Me.label,value:Me.bloomreachValue})))!=null?Oe:[]}):(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("div",{className:"hidden md:block space-y-2",children:xe.map((Me,io)=>(0,y.jsx)("div",{className:"flex gap-4 items-center",children:Me.map(we=>{let no=E?Array.isArray(p[h.bloomreachPropertyName])&&p[h.bloomreachPropertyName].includes(we.bloomreachValue):p[h.bloomreachPropertyName]===we.bloomreachValue;return(0,y.jsxs)("label",{className:"flex items-center space-x-3 cursor-pointer",style:{width:we._width,color:we.textColor||void 0},children:[(0,y.jsx)("input",{type:"checkbox",value:we.bloomreachValue,checked:no,onChange:lo=>v(h.bloomreachPropertyName,we.bloomreachValue,lo.target.checked,E),className:"w-4 h-4 border border-gray-500 bg-white rounded-full focus:ring-blue-500 flex-shrink-0 appearance-none cursor-pointer",style:no?{backgroundColor:"#0075ff",backgroundImage:"radial-gradient(circle, white 0%, white 25%, transparent 25%, transparent 100%)"}:{}}),(0,y.jsx)("span",{className:"text-sm",children:we.label})]},we.id)})},`desktop-${io}`))}),(0,y.jsx)("div",{className:"md:hidden space-y-2",children:Le.map((Me,io)=>(0,y.jsx)("div",{className:"flex gap-4 items-center",children:Me.map(we=>{let no=E?Array.isArray(p[h.bloomreachPropertyName])&&p[h.bloomreachPropertyName].includes(we.bloomreachValue):p[h.bloomreachPropertyName]===we.bloomreachValue;return(0,y.jsxs)("label",{className:"flex items-center space-x-3 cursor-pointer",style:{width:we._width,color:we.textColor||void 0},children:[(0,y.jsx)("input",{type:"checkbox",value:we.bloomreachValue,checked:no,onChange:lo=>v(h.bloomreachPropertyName,we.bloomreachValue,lo.target.checked,E),className:"w-4 h-4 border border-gray-500 bg-white rounded-full focus:ring-blue-500 flex-shrink-0 appearance-none cursor-pointer",style:no?{backgroundColor:"#0075ff",backgroundImage:"radial-gradient(circle, white 0%, white 25%, transparent 25%, transparent 100%)"}:{}}),(0,y.jsx)("span",{className:"text-sm",children:we.label})]},we.id)})},`mobile-${io}`))})]})]},`${X}-${h.id||W}`)}if(X==="ComponentCompetitionConsentSection")return(0,y.jsx)("div",{className:"space-y-3",children:(Pe=h.consents)==null?void 0:Pe.map(pe=>{let be=pe.required?`${pe.label} <span class="text-red-500">*</span>`:pe.label;return(0,y.jsxs)("label",{className:"flex items-center space-x-3 cursor-pointer",children:[(0,y.jsx)("input",{type:"checkbox",required:pe.required,
857checked:p[pe.bloomreachPropertyName]||!1,onChange:ge=>C(pe.bloomreachPropertyName,ge.target.checked),className:"w-4 h-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500 flex-shrink-0"}),(0,y.jsx)("div",{className:"text-sm [&>p]:inline [&>p]:m-0",style:{color:pe.textColor||void 0},children:(0,y.jsx)(Ao,{as:"span",markdown:be})})]},pe.id)})},`${X}-${h.id||W}`);if(X==="ComponentCompetitionSubmitButton"){let pe=m||R,be=h.useCustomColors&&(h.customBackgroundColor||h.customTextColor),ge=be?"customColour":"primary",xe=R?"Submitted":m?"Submitting...":h.buttonText,Le=kt(h.desktopWidth),E=kt(h.mobileWidth),De=h.align==="center"?"mx-auto":h.align==="right"?"ml-auto":"";return(0,y.jsxs)("div",{children:[(0,y.jsx)("div",{className:`hidden md:block ${De}`,style:{width:Le},children:(0,y.jsx)(so,{type:"submit",disabled:pe,dataTestId:"competition-submit-button",variant:ge,customBackgroundColor:be?h.customBackgroundColor:void 0,customTextColor:be?h.customTextColor:void 0,className:"w-full",children:xe})}),(0,y.jsx)("div",{className:`md:hidden ${De}`,style:{width:E},children:(0,y.jsx)(so,{type:"submit",disabled:pe,dataTestId:"competition-submit-button",variant:ge,customBackgroundColor:be?h.customBackgroundColor:void 0,customTextColor:be?h.customTextColor:void 0,className:"w-full",children:xe})})]},`${X}-${h.id||W}`)}return X==="ComponentCompetitionBackground",null}),c==="success"&&(0,y.jsx)("div",{"data-test-id":"competition-success-message",children:(0,y.jsx)(st,{message:N,type:"message",fullWidth:!0})}),c==="error"&&(0,y.jsx)(st,{message:S||"An error occurred. Please try again.",type:B==="validation"?"warningNew":"error",fullWidth:!0})]})}),he=t&&(0,y.jsxs)("button",{onClick:We,className:`z-[25] fixed ${u} left-4 inline-flex px-4 py-2 bg-black/70 text-white font-semibold text-center items-center justify-center rounded shadow-lg hover:bg-grey-4 transition cursor-pointer`,children:[(0,y.jsx)(ro,{icon:_r,width:20,height:20,className:"mr-2"}),"Copy Competition Code"]});if(!F)return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("style",{dangerouslySetInnerHTML:{__html:` 858 .responsive-padding { 859 padding-left: var(--mobile-padding-x, 16px); 860 padding-right: var(--mobile-padding-x, 16px); 861 padding-top: var(--mobile-padding-y, 16px); 862 padding-bottom: var(--mobile-padding-y, 16px); 863 } 864 @media (min-width: 768px) { 865 .responsive-padding { 866 padding-left: var(--desktop-padding-x, var(--mobile-padding-x, 32px)); 867 padding-right: var(--desktop-padding-x, var(--mobile-padding-x, 32px)); 868 padding-top: var(--desktop-padding-y, var(--mobile-padding-y, 32px)); 869 padding-bottom: var(--desktop-padding-y, var(--mobile-padding-y, 32px)); 870 } 871 } 872 `}}),(0,y.jsxs)("div",{className:"max-w-3xl mx-auto pt-8",children:[oe,he]})]});let $e=Ke(Ne,Ye,!!f);return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)("style",{dangerouslySetInnerHTML:{__html:` 873 .responsive-padding { 874 padding-left: var(--mobile-padding-x, 16px); 875 padding-right: var(--mobile-padding-x, 16px); 876 padding-top: var(--mobile-padding-y, 16px); 877 padding-bottom: var(--mobile-padding-y, 16px); 878 } 879 @media (min-width: 768px) { 880 .responsive-padding { 881 padding-left: var(--desktop-padding-x, var(--mobile-padding-x, 32px)); 882 padding-right: var(--desktop-padding-x, var(--mobile-padding-x, 32px)); 883 padding-top: var(--desktop-padding-y, var(--mobile-padding-y, 32px)); 884 padding-bottom: var(--desktop-padding-y, var(--mobile-padding-y, 32px)); 885 } 886 } 887 `}}),(0,y.jsxs)("div",{className:"max-w-6xl mx-auto pt-8",children:[(0,y.jsxs)("div",{className:"md:hidden flex flex-col",children:[(0,y.jsx)("div",{className:`w-full h-full overflow-hidden ${$e.className}`,style:{backgroundColor:ee?void 0:i||void 0,backgroundImage:ee?`url(${ee})`:void 0,backgroundSize:ee?"cover":void 0,backgroundPosition:ee?"center":void 0,minHeight:Ee?"400px":void 0,...$e.style},children:(0,y.jsx)("div",{className:`responsive-padding [&_img]:max-w-full [&_img]:h-auto [&_img]:block [&_img]:-my-2 [&_.px-6]:-mx-6 ${Q==null&&me==null&&fe==null&&ke==null?"p-4 md:p-8":""} ${Ee?"flex flex-col items-center justify-center min-h-[400px]":""}`,style:qe(fe,ke,Q,me),children:(0,y.jsx)(wt,{sections:Ue})})}),(0,y.jsx)("div",{className:"w-full",children:oe})]}),(0,y.jsxs)("div",{className:"hidden md:grid md:grid-cols-2",children:[(0,y.jsx)("div",{className:`flex flex-col h-full overflow-hidden ${$e.className}`,style:{backgroundColor:ee?void 0:i||void 0,backgroundImage:ee?`url(${ee})`:void 0,backgroundSize:ee?"cover":void 0,backgroundPosition:ee?"center":void 0,minHeight:Ee?"600px":void 0,...$e.style},children:(0,y.jsx)("div",{className:`responsive-padding [&_img]:max-w-full [&_img]:h-auto [&_img]:block [&_img]:-my-2 [&_.px-6]:-mx-6 ${Q==null&&me==null&&fe==null&&ke==null?"p-4 md:p-8":""} ${Ee?"flex flex-col items-center justify-center min-h-[600px]":""}`,style:qe(fe,ke,Q,me),children:(0,y.jsx)(wt,{sections:Ue})})}),(0,y.jsx)("div",{className:"flex flex-col",children:oe})]}),he]})]})};export{vt as a,ft as b,fr as c,gr as d,Pr as e,Tr as f,_r as g,zr as h,Lr as i,wt as j};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.