/* Noto Serif JP フォント設定 */ html, body, button, input, select, textarea { font-family: "Noto Serif JP", serif; } *, :after, :before { background-repeat: no-repeat } :after, :before { text-decoration: inherit; vertical-align: inherit } :where(:root) { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; cursor: default; line-height: 1.5; overflow-wrap: break-word; -moz-tab-size: 4; tab-size: 4 } :where(body) { margin: 0 } :where(h1) { font-size: 2em; margin: .67em 0 } :where(dl, ol, ul) :where(dl, ol, ul) { margin: 0 } :where(hr) { color: inherit; height: 0 } :where(nav) :where(ol, ul) { list-style-type: none; padding: 0 } :where(nav li):before { content: "​"; float: left } :where(pre) { font-family: monospace, monospace; font-size: 1em; overflow: auto } :where(abbr[title]) { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } :where(b, strong) { font-weight: bolder } :where(code, kbd, samp) { font-family: monospace, monospace; font-size: 1em } :where(small) { font-size: 80% } :where(audio, canvas, iframe, img, svg, video) { vertical-align: middle } :where(iframe) { border-style: none } :where(svg:not([fill])) { fill: currentColor } :where(table) { border-collapse: collapse; border-color: inherit; text-indent: 0 } :where(button, input, select) { margin: 0 } :where(button, [type=button i], [type=reset i], [type=submit i]) { -webkit-appearance: button } :where(fieldset) { border: 1px solid #a0a0a0 } :where(progress) { vertical-align: initial } :where(textarea) { margin: 0; resize: vertical } :where([type=search i]) { -webkit-appearance: textfield; outline-offset: -2px } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } ::-webkit-input-placeholder { color: inherit; opacity: .54 } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } :where(dialog) { background-color: #fff; border: solid; color: #000; height: -moz-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: fit-content } :where(dialog:not([open])) { display: none } :where(details>summary:first-of-type) { display: list-item } :where([aria-busy=true i]) { cursor: progress } :where([aria-controls]) { cursor: pointer } :where([aria-disabled=true i], [disabled]) { cursor: not-allowed } :where([aria-hidden=false i][hidden]) { display: initial } :where([aria-hidden=false i][hidden]:not(:focus)) { clip: rect(0, 0, 0, 0); position: absolute } .fs-detail-container.fs-detail-container { background-color: var(--Color_Background); border-radius: 4px; color: var(--Color_Body) } .fs-detail-container.fs-detail-container .fs-detail-content, .fs-detail-container.fs-detail-container .fs-detail-right { background-color: var(--Color_Background) } .fs-detail-container.fs-detail-container .fs-detail-title { color: var(--Color_Body); font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160% } .fs-detail-container.fs-detail-container .fs-detail-shares a, .fs-detail-container.fs-detail-container .fs-post-info a { color: var(--Color_Body) !important; font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 150% } .fs-detail-container.fs-detail-container .fs-detail-shares a { background-color: initial !important } @media (hover:hover), (min-width:1600px) { .fs-detail-container.fs-detail-container .fs-detail-shares a:hover { background-color: initial !important } } .fs-detail-container.fs-detail-container .fs-detail-nav-button { block-size: 30px; inline-size: 30px } .fs-detail-container.fs-detail-container .fs-detail-nav-button svg { display: none } .fs-detail-container.fs-detail-container #fs-prev-post { background-image: url('data:image/svg+xml;charset=utf-8,'); background-position: 50%; background-repeat: no-repeat; background-size: 12px 12px } .fs-detail-container.fs-detail-container #fs-prev-post svg { display: none } .fs-detail-container.fs-detail-container #fs-next-post { background-image: url('data:image/svg+xml;charset=utf-8,'); background-position: 50%; background-repeat: no-repeat; background-size: 12px 12px } .fs-detail-container.fs-detail-container #fs-next-post svg { display: none } .fs-detail-container.fs-detail-container #fs-detail-close { background-image: url('data:image/svg+xml;charset=utf-8,'); background-position: 50%; background-repeat: no-repeat; background-size: 20px 20px } .fs-detail-container.fs-detail-container #fs-detail-close svg { display: none } .fs-detail-container.fs-detail-container .fs-detail-image { border-radius: 4px } .fs-detail-container.fs-detail-container #fs-detail-branding { display: none !important; visibility: hidden } .fs-timeline-detail.fs-timeline-detail { background-color: #00000080 } .keen-slider:not([data-keen-slider-disabled]) { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; align-content: flex-start; display: flex; overflow: hidden; position: relative; touch-action: pan-y; -webkit-user-select: none; user-select: none; -khtml-user-select: none; width: 100% } .keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide { min-height: 100%; overflow: hidden; position: relative; width: 100% } .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] { flex-direction: row-reverse } .keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] { flex-wrap: wrap } .keen-slider[data-active-carousel=true]:not([data-keen-slider-disabled]) { cursor: grab } .shopify-challenge__container { align-items: center; display: flex; flex-direction: column; justify-content: center; padding-block: calc(var(--Header_Height) + 100px) 100px } .shopify-challenge__message { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160%; margin-block-end: var(--Grid_Gutter) } .shopify-challenge__button { --Button_Background: var(--Color_Brand); --Button_Color: #fff; --Button_Background-hover: var(--Color_Olive); --Button_Color-hover: #fff; align-items: center; background-color: var(--Button_Background); border: 1px solid var(--Button_Background); border-radius: 4px; color: var(--Button_Color); display: block; flex-shrink: 0; font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 18px; margin-block-start: 30px !important; overflow: hidden; padding: 11px 20px 9px; position: relative; text-align: center; text-transform: uppercase; transition: background-color .3s ease, color .3s ease; white-space: nowrap; z-index: 1 } @media (hover:hover), (min-width:1600px) { .shopify-challenge__button:not([disabled]):hover { background-color: var(--Button_Background-hover); color: var(--Button_Color-hover) } } .swym-inject { display: none !important } #ot-sdk-btn#ot-sdk-btn.optanon-show-settings, #ot-sdk-btn#ot-sdk-btn.ot-sdk-show-settings { background: #0000; border: 0; color: currentColor; font-size: 12px; line-height: 140%; padding: 0 } #onetrust-consent-sdk#onetrust-consent-sdk #onetrust-banner-sdk :focus, #onetrust-consent-sdk#onetrust-consent-sdk #onetrust-banner-sdk:focus { outline: 0 } #onetrust-banner-sdk#onetrust-banner-sdk h2#onetrust-policy-title { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 28px; font-weight: 400 } #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-text { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160% } #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-policy-text a { font-weight: 400 } #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-accept-btn-handler, #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-pc-btn-handler, #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-reject-all-handler { font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 18px; text-transform: uppercase } #onetrust-banner-sdk#onetrust-banner-sdk #onetrust-accept-btn-handler { border-radius: 4px } #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk #ot-category-title, #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk #ot-lst-title, #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk #ot-pc-title, #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk .ot-ven-hdr .ot-ven-name { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 24px; font-weight: 400 } #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk .ot-always-active, #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk .ot-cat-header { font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 18px; text-transform: uppercase } #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk #ot-pc-desc { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160% } #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk .ot-accordion-layout :focus { border-radius: 0 } #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn, #onetrust-consent-sdk #onetrust-pc-sdk#onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn) { background-color: var(--Color_Brand); border-color: var(--Color_Brand); border-radius: 4px; font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 18px; text-transform: uppercase } .pswp.pswp { --pswp-root-z-index: 10; --Controls_Position: var(--Site_Margin); --pswp-placeholder-bg: var(--Color_Background) } .pswp .pswp__preloader { display: none } .pswp__scroll-wrap { --Inner_Container: 0; block-size: auto; inline-size: auto; inset: var(--Inner_Container) } .pswp .pswp__bg { --pswp-bg: var(--Color_Background) } .pswp .pswp__container { transition: transform .35s ease-in-out } .pswp .pswp__top-bar { align-items: center; block-size: auto; display: flex; inline-size: auto; inset: var(--Controls_Position); justify-content: space-between } .pswp .pswp-Action_Close { align-items: center; background-color: #fff; block-size: 32px; border-radius: 4px; color: var(--Color_Brand); display: flex; inline-size: 32px; inset-block-start: 0; inset-inline-end: 0; justify-content: center; opacity: 1; position: absolute; transition: background-color .3s ease, color .3s ease; z-index: 3 } @media (hover:hover), (min-width:1600px) { .pswp .pswp-Action_Close:hover { background-color: var(--Color_Brand); color: #fff } } .pswp-Action_Close svg { block-size: 15px; inline-size: 15px } .pswp .pswp-Action_Dots { display: flex; gap: 10px; inset-block-end: var(--Site_Margin); inset-inline-start: var(--Site_Margin); justify-content: flex-start; overflow: hidden; position: absolute; z-index: 1 } @media (min-width:900.02px) { .pswp .pswp-Action_Dots { gap: 5px } } .pswp .pswp-Action_Dot { align-items: center; background-color: initial; block-size: 5px; border: 1px solid #0000001a; border-radius: 50%; display: flex; inline-size: 5px; justify-content: center; mix-blend-mode: difference; overflow: hidden; pointer-events: auto; position: relative; transition: background-color .3s ease, border-color .3s ease } @media (min-width:900.02px) { .pswp .pswp-Action_Dot { background-color: #f7f7f7; block-size: 45px; border: none; border-radius: 2px; inline-size: 40px } .pswp .pswp-Action_Dot:after { background-color: var(--Color_Brand); block-size: 1px; border-radius: 2px; content: ""; inline-size: 100%; inset-block-end: 0; position: absolute; transform: scaleX(0); transition: transform .3s ease .2s; z-index: 1 } } .pswp .pswp-Action_Dot[aria-current=true] { background-color: var(--Color_Brand); border-color: var(--Color_Brand) } @media (min-width:900.02px) { .pswp .pswp-Action_Dot[aria-current=true] { background-color: #f7f7f7 } .pswp .pswp-Action_Dot[aria-current=true]:after { transform: scaleX(1) } } .pswp-Action_DotImage { display: none } @media (min-width:900.02px) { .pswp-Action_DotImage { block-size: 100%; display: block; inline-size: 100%; object-fit: cover; object-position: center; pointer-events: none } } .pswp .pswp-Action_Buttons { display: flex; gap: 20px; inset-block-start: var(--Site_Margin); inset-inline-start: var(--Site_Margin); position: absolute; z-index: 1 } @media (min-width:900.02px) { .pswp .pswp-Action_Buttons { inset-block-start: 50%; inset-inline: var(--Site_Margin); justify-content: space-between; pointer-events: none } } .pswp .pswp-Action_Button { background-color: initial; border-radius: 0; color: var(--Color_Body); display: flex; font-family: var(--Font_Family-body); font-size: 16px; font-weight: 400; line-height: 130%; transition: opacity .3s ease } @media (min-width:900.02px) { .pswp .pswp-Action_Button { pointer-events: auto } } .pswp .pswp-Action_Button[aria-hidden=true] { opacity: .2 } /*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */ .pswp { --pswp-bg: #000; --pswp-placeholder-bg: #222; --pswp-root-z-index: 100000; --pswp-preloader-color: #4f4f4f66; --pswp-preloader-color-secondary: #ffffffe6; --pswp-icon-color: #fff; --pswp-icon-color-secondary: #4f4f4f; --pswp-icon-stroke-color: #4f4f4f; --pswp-icon-stroke-width: 2px; --pswp-error-text-color: var(--pswp-icon-color); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); contain: layout style size; display: none; height: 100%; left: 0; opacity: .003; position: fixed; top: 0; touch-action: none; width: 100%; z-index: var(--pswp-root-z-index) } .pswp, .pswp:focus { outline: 0 } .pswp * { box-sizing: border-box } .pswp img { max-width: none } .pswp--open { display: block } .pswp, .pswp__bg { transform: translateZ(0); will-change: opacity } .pswp__bg { background: var(--pswp-bg); opacity: .005 } .pswp, .pswp__scroll-wrap { overflow: hidden } .pswp__bg, .pswp__container, .pswp__content, .pswp__img, .pswp__item, .pswp__scroll-wrap, .pswp__zoom-wrap { height: 100%; left: 0; position: absolute; top: 0; width: 100% } .pswp__img, .pswp__zoom-wrap { height: auto; width: auto } .pswp--click-to-zoom.pswp--zoom-allowed .pswp__img { cursor: zoom-in } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img { cursor: move; cursor: grab } .pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active { cursor: grabbing } .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img, .pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active, .pswp__img { cursor: zoom-out } .pswp__button, .pswp__container, .pswp__counter, .pswp__img { -webkit-user-select: none; user-select: none } .pswp__item { overflow: hidden; z-index: 1 } .pswp__hidden { display: none !important } .pswp__content { pointer-events: none } .pswp__content>* { pointer-events: auto } .pswp__error-msg-container { display: grid } .pswp__error-msg { color: var(--pswp-error-text-color); font-size: 1em; line-height: 1; margin: auto } .pswp .pswp__hide-on-close { opacity: .005; pointer-events: none; transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1); will-change: opacity; z-index: 10 } .pswp--ui-visible .pswp__hide-on-close { opacity: 1; pointer-events: auto } .pswp__button { -webkit-touch-callout: none; -webkit-appearance: none; background: none; border: 0; box-shadow: none; cursor: pointer; display: block; height: 60px; margin: 0; opacity: .85; overflow: hidden; padding: 0; position: relative; width: 50px } .pswp__button:active, .pswp__button:focus, .pswp__button:hover { background: none; border: 0; box-shadow: none; opacity: 1; padding: 0; transition: none } .pswp__button:disabled { cursor: auto; opacity: .3 } .pswp__icn { fill: var(--pswp-icon-color); color: var(--pswp-icon-color-secondary); height: 32px; left: 9px; overflow: hidden; pointer-events: none; position: absolute; top: 14px; width: 32px } .pswp__icn-shadow { stroke: var(--pswp-icon-stroke-color); stroke-width: var(--pswp-icon-stroke-width); fill: none } .pswp__icn:focus { outline: 0 } .pswp__img--with-bg, div.pswp__img--placeholder { background: var(--pswp-placeholder-bg) } .pswp__top-bar { display: flex; flex-direction: row; height: 60px; justify-content: flex-end; left: 0; pointer-events: none !important; position: absolute; top: 0; width: 100%; z-index: 10 } .pswp__top-bar>* { pointer-events: auto; will-change: opacity } .pswp__button--close { margin-right: 6px } .pswp__button--arrow { height: 100px; margin-top: -50px; position: absolute; top: 50%; width: 75px } .pswp__button--arrow:disabled { cursor: default; display: none } .pswp__button--arrow .pswp__icn { background: none; border-radius: 0; height: 60px; margin-top: -30px; top: 50%; width: 60px } .pswp--one-slide .pswp__button--arrow { display: none } .pswp--touch .pswp__button--arrow { visibility: hidden } .pswp--has_mouse .pswp__button--arrow { visibility: visible } .pswp__button--arrow--prev { left: 0; right: auto } .pswp__button--arrow--next { right: 0 } .pswp__button--arrow--next .pswp__icn { left: auto; right: 14px; transform: scaleX(-1) } .pswp__button--zoom { display: none } .pswp--zoom-allowed .pswp__button--zoom { display: block } .pswp--zoomed-in .pswp__zoom-icn-bar-v { display: none } .pswp__preloader { height: 60px; margin-right: auto; overflow: hidden; position: relative; width: 50px } .pswp__preloader .pswp__icn { animation: pswp-clockwise .6s linear infinite; opacity: 0; transition: opacity .2s linear } .pswp__preloader--active .pswp__icn { opacity: .85 } @keyframes pswp-clockwise { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .pswp__counter { color: var(--pswp-icon-color); font-size: 14px; height: 30px; line-height: 30px; margin-top: 15px; margin-inline-start: 20px; opacity: .85; text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary) } .pswp--one-slide .pswp__counter { display: none } @custom-media --xxs (min-width: 350.02px); @custom-media --xs (min-width: 450.02px); @custom-media --sm (min-width: 768px); @custom-media --md (min-width: 900.02px); @custom-media --lg (min-width: 1200.02px); @custom-media --xlg (min-width: 1440px); @custom-media --xxlg (min-width: 1600px); @custom-media --hover (hover: hover), (min-width: 1600px); @custom-media --no-hover (hover: none) and (max-width: 1599.98px); @custom-media --xxs-viewport (max-width: 450px); @custom-media --xs-viewport (max-width: 767.98px); @custom-media --sm-viewport (min-width: 768px) and (max-width: 900px); @custom-media --md-viewport (min-width: 900.02px) and (max-width: 1199.98px); @custom-media --lg-viewport (max-width: 1199.98px); @custom-media --xlg-viewport (min-width: 1200.02px) and (max-width: 1439.98px); :root { --Color_Brand: #333; --Color_White: #fff; --Color_Black-transparent: #0003; --Color_White-transparent: #fff3; --Color_Red: #eb5757; --Color_Green: var(--Color_Olive); --Color_DarkGreen: #276500; --Color_DarkGreen-transparent: #27650008; --Color_Anchor: var(--Color_Brand); --Color_Background: #fff; --Color_Body: var(--Color_Brand); --Color_Border: #3333331a; --Color_Error: var(--Color_Red); --Color_Success: var(--Color_Green); --Color_Porcelein: #e7e0d3; --Color_Linen: #f3f3ef; --Color_Antique: #ac803e; --Color_Bloodstone: #802310; --Color_Cedar: #806b60; --Color_Mahogany: #3e1e1d; --Color_Meadow: #c1cc84; --Color_Moss: #434a23; --Color_Oasis: #447db1; --Color_OldGold: #c2b04b; --Color_Olive: #7d934a; --Color_Orange: #a46d25; --Color_Sage: #b1ab89; --Color_Sapphire: #10184a; --Color_Velvet: #32265c; --Font_Family: "Noto Serif JP", serif; --Font_Family-domaineDisplayNarrow: "Noto Serif JP", serif; --Font_Family-domaineText: "Noto Serif JP", serif; --Font_Family-segma: "Noto Serif JP", serif; --Font_Family-body: "Noto Serif JP", serif; --Font_Family-headings: "Noto Serif JP", serif; --Grid_Container: 1320px; --Grid_Gutter: 5px; --Site_Margin: 20px; --Header_TopBar: 0px; --Header_Banner: 60px; --Header_Height: calc(var(--Header_TopBar) + var(--Header_Banner)); --Margin_Small: var(--Site_Margin); --Margin_Half: 30px; --Margin_Standard: 60px; cursor: auto; font: 16px/1.5 var(--Font_Family-body) } @media (min-width:768px) { :root { --Header_Banner: 60px } } @media (min-width:900.02px) { :root { --Site_Margin: 40px; --Margin_Half: 50px; --Margin_Standard: 100px } } .util-ScreenReaderOnly { clip: rect(1px, 1px, 1px, 1px); block-size: 1px; inline-size: 1px; overflow: hidden; position: absolute } .util-SkipToContent { background-color: #fff; border-radius: 5px; color: #000; display: block; inset-block-start: 5px; inset-inline-start: 5px; opacity: 0; padding: 2px 5px; pointer-events: none; position: fixed; z-index: 999 } .util-SkipToContent:focus { opacity: 1; pointer-events: auto } .util-Hidden { display: none } .util-FauxLink { position: relative } .util-FauxLink_Link { top: 0; right: 0; bottom: 0; left: 0; position: absolute; z-index: 1 } .util-SiteOverflowed, .util-SiteOverflowed body { block-size: calc(var(--InnerHeight) - 1px); overflow: hidden } [hidden] { display: none !important } [disabled] { cursor: not-allowed } :focus:not(:focus-visible) { outline: none } [role=button], a, area, button, input:not([type=range]), label, select, summary, textarea { touch-action: manipulation } input, select, textarea { border-radius: 0 } b, strong { font-weight: 500 } button { background-color: initial; border: 0; border-radius: 0; color: currentColor; font-family: inherit; font-size: inherit; padding: 0 } body:not(.util-IsTabbing) :is(button, input, select, textarea):focus, main { outline: none } *, :after, :before { box-sizing: border-box } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 16px; scroll-behavior: smooth } @media (max-width:767.98px) { html { block-size: calc(var(--InnerHeight) - 1px) } } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-color: var(--Color_Background); color: var(--Color_Body); margin: 0; text-rendering: optimizeLegibility } @media (max-width:767.98px) { body { block-size: calc(var(--InnerHeight) - 1px) } } button, summary { cursor: pointer } summary { list-style: none; position: relative } summary::-webkit-details-marker, summary::marker { display: none } h1, h2, h3, h4, h5, h6 { font-family: var(--Font_Family-headings); font-size: inherit; font-weight: 400; line-height: inherit; margin-block: 0 0 } hr { border: 0; border-block-start: 1px solid var(--Color_Border) } ul { list-style: none; margin: 0; padding: 0 } li::marker, li:before { display: none } p { margin-block: 0 0 } a { -webkit-text-decoration: none; text-decoration: none } a, a:not([class]) { color: currentColor; font-weight: inherit } input, select, textarea { font-family: inherit } input[type=search i]::-webkit-search-cancel-button { display: none } img { max-inline-size: 100% } figure { margin: 0 } svg { block-size: inherit; display: block; inline-size: inherit } table { inline-size: 100%; table-layout: fixed } dialog { background-color: inherit; block-size: auto; border: none; color: inherit; inset-inline: auto; margin: 0; max-block-size: none; max-inline-size: none; padding: 0 } dialog::backdrop { background-color: initial } .bn-Banner { align-items: center; background-color: #00000008; border-radius: 2px; display: flex; gap: 10px; padding: 20px 18px } .bn-Banner_Icon { block-size: 15px; display: flex; inline-size: 15px } .bdc-Breadcrumb_Items { display: flex; flex-wrap: wrap } .prd-Detail_Breadcrumbs .bdc-Breadcrumb_Items { flex-wrap: nowrap } .bdc-Breadcrumb_Item { align-items: center; display: flex } .bdc-Breadcrumb_Item:not(:last-child):after { content: "/"; margin-inline: 10px } .bdc-Breadcrumb_Item-current { opacity: .75 } .prd-Detail_Breadcrumbs .bdc-Breadcrumb_Item-current { padding-inline-end: var(--Site_Margin) } .bdc-Breadcrumb_Link { position: relative; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .bdc-Breadcrumb_Link:hover:after { transform: scaleX(0) } } .bdc-Breadcrumb_Link:after { background-color: currentColor; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 2px; inset-inline-start: 0; position: absolute; transform: scaleX(1); transition: transform .3s ease; z-index: 1 } .bdc-Breadcrumb_Item-current .bdc-Breadcrumb_Link:after { display: none } .btn-Button { --Button_Color: var(--Color_Brand); --Button_Background: #fff; align-items: center; background-color: initial; border: 0; border-radius: 4px; color: var(--Button_Color); display: inline-flex; font-size: 12px; font-weight: 400; line-height: 18px; overflow: visible; padding: 0; position: relative; text-align: start; text-transform: uppercase; white-space: nowrap; z-index: 1 } .btn-Button[disabled] { cursor: not-allowed; opacity: .5 } .btn-Button-light { --Button_Color: #fff; --Button_Background: var(--Color_Brand) } .btn-Button-transparent.btn-Button-light:not(:hover) { --Button_Background: var(--Color_Black-transparent) } .btn-Button-dark { --Button_Color: var(--Color_Brand); --Button_Background: #fff } .btn-Button-transparent.btn-Button-dark:not(:hover) { --Button_Background: var(--Color_White-transparent) } .btn-Button-white { --Button_Color: var(--Color_Brand); --Button_Background: #fff } .btn-Text-light { --Button_Color: #fff; --Button_Background: #0000 } .btn-Text-dark { --Button_Color: var(--Color_Brand); --Button_Background: #0000 } .btn-Button-primary { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: var(--Button_Background); border-radius: 4px; padding: 17px 20px 15px; transition: background-color .3s ease } @media (hover:hover), (min-width:1600px) { .btn-Button-border.btn-Button-primary:not([disabled]):hover:after { opacity: 1 } } .btn-Button-border.btn-Button-primary:after { background-color: initial; block-size: 100%; border: 1px solid var(--Button_Color); border-radius: 4px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .3; position: absolute; transition: opacity .3s ease; z-index: -1 } .btn-Button-addToBag { --Button_Radius: 4px; --Button_Color: #fff; --Button_Background: var(--Color_Brand); --Button_HoverColor: #fff; --Button_HoverBackground: var(--Color_Olive); border-radius: var(--Button_Radius); gap: 10px; justify-content: center; overflow: hidden; padding: 17px 20px 15px; text-align: center } @media (hover:hover), (min-width:1600px) { .btn-Button-addToBag:not([disabled]):hover:after { transform: none } } .btn-Button-addToBag:before { background-color: var(--Button_Background); z-index: -2 } .btn-Button-addToBag:after, .btn-Button-addToBag:before { block-size: 100%; border-radius: var(--Button_Radius); content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute } .btn-Button-addToBag:after { background-color: var(--Button_HoverBackground); transform: translateY(100%); transition: transform .3s ease; z-index: -1 } .btn-Button-addToBag svg { block-size: 15px; inline-size: 15px } .btn-Button-addToBagBorder { border: 1px solid #fff } .btn-Button-preOrder { --Button_Color: #fff; --Button_Background: var(--Color_Orange) } .btn-Button-fullWidth { inline-size: 100%; justify-content: center } .btn-Button_Arrow { block-size: 8px; display: flex; flex-shrink: 0; inline-size: 0; justify-content: flex-end; margin-inline: 10px -10px; overflow: hidden; transition: width .3s ease } @media (hover:hover), (min-width:1600px) { .btn-Button-secondary .btn-Button_Arrow { inline-size: 22px } .btn-Button:not([disabled]):hover .btn-Button_Arrow { inline-size: 27px } } @media (hover:none) and (max-width:1599.98px) { .btn-Button_Arrow { inline-size: 27px } .psh-CartUpsells .btn-Button_Arrow { display: none } } .btn-Button_Arrow svg { block-size: 8px; flex-shrink: 0; inline-size: 17px; margin-inline-end: 10px } .btn-Button-canSelect { --Button_HoverColor: var(--Color_Brand); --Button_HoverBackground: #f3f3ef; overflow: hidden; transition: transform .3s ease } @media (hover:hover), (min-width:1600px) { .btn-Button-canSelect:not([disabled]):hover { color: var(--Button_HoverColor) } .btn-Button-canSelect:not([disabled]):hover:after { transform: none } } .btn-Button-canSelect:before { background-color: var(--Button_Background); z-index: -2 } .btn-Button-canSelect:after, .btn-Button-canSelect:before { block-size: 100%; border-radius: var(--Button_Radius); content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute } .btn-Button-canSelect:after { background-color: var(--Button_HoverBackground); transform: translateY(100%); transition: transform .3s ease; z-index: -1 } .fz-11_150 { font-family: var(--Font_Family-segma); font-size: 11px; font-weight: 400; line-height: 150%; text-transform: uppercase } .fz-12_140 { line-height: 140% } .fz-12_140, .fz-12_150 { font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400 } .fz-12_150 { line-height: 150%; text-transform: uppercase } .fz-13_150 { font-family: var(--Font_Family-segma); font-size: 13px; font-weight: 400; line-height: 150% } .fz-14_160 { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160% } .fz-16_130, .util-OverMedia .fz-14_160 { font-weight: 400 } .fz-16_130 { font-family: var(--Font_Family-segma); font-size: 16px; line-height: 130% } .fz-16_150 { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 150% } @media (min-width:1200.02px) { .fz-16_150 { font-size: 16px } } .fz-18_130, .util-OverMedia .fz-16_150 { font-weight: 400 } .fz-18_130 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 16px; letter-spacing: -.01em; line-height: 130% } @media (min-width:1200.02px) { .fz-18_130 { font-size: 18px } } .fz-28_130 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 24px; font-weight: 400; letter-spacing: -.01em; line-height: 130% } @media (min-width:1200.02px) { .fz-28_130 { font-size: 28px } } .fz-38_130 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 28px; font-weight: 400; letter-spacing: -.01em; line-height: 130% } @media (min-width:1200.02px) { .fz-38_130 { font-size: 38px } } .fz-84_100 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 44px; font-weight: 400; letter-spacing: -.01em; line-height: 105%; text-transform: uppercase } @media (min-width:768px) { .fz-84_100 { font-size: 56px } } @media (min-width:900.02px) { .fz-84_100 { font-size: 64px } } @media (min-width:1200.02px) { .fz-84_100 { font-size: 84px; line-height: 100% } } .fz-97_110 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 48px; font-weight: 400; letter-spacing: -.01em; line-height: 110% } @media (min-width:768px) { .fz-97_110 { font-size: 60px } } @media (min-width:900.02px) { .fz-97_110 { font-size: 84px } } @media (min-width:1440px) { .fz-97_110 { font-size: 97px } } .fz-160_100 { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 56px; font-weight: 400; letter-spacing: -.01em; line-height: 100% } @media (min-width:768px) { .fz-160_100 { font-size: 90px } } @media (min-width:900.02px) { .fz-160_100 { font-size: 120px } } @media (min-width:1440px) { .fz-160_100 { font-size: 160px } } .frm-Form { --Input_Height: 50px; --Field_Gap: 5px; --Input_InlinePadding: 20px } .frm-Form_Fieldset { border: 0; margin: 0; padding: 0 } .frm-Form_Legend { display: none } @media (min-width:900.02px) { .frm-Form_Fields { grid-gap: 0 var(--Field_Gap); display: grid; grid-template-columns: repeat(2, 1fr) } } .frm-Form_Field { inline-size: 100%; margin-block-start: var(--Field_Gap); position: relative } .frm-Form_Field-checkbox { display: flex; margin-block: 15px; position: relative } .frm-Form_Label { display: inline-block; margin-block-end: 10px } .frm-Form_Field:not(.frm-Form_Field-checkbox):not(.frm-Form_Field-select) .frm-Form_Label { color: var(--Color_Body); display: block; font-family: var(--Font_Family-domaineText); font-size: 11px; font-weight: 300; inset-block-start: 3px; inset-inline-start: var(--Input_InlinePadding); line-height: 160%; margin: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity .3s ease; z-index: 1 } .frm-Form_Input:not(:placeholder-shown)+.frm-Form_Label, .frm-Form_SelectField:not(.frm-Form_Field-checkbox) .frm-Form_Label, .frm-Form_Textarea:not(:placeholder-shown)+.frm-Form_Label, input:-webkit-autofill:active+.frm-Form_Label, input:-webkit-autofill:focus+.frm-Form_Label, input:-webkit-autofill:hover+.frm-Form_Label { opacity: .75 !important } .frm-Form_Checkbox+.frm-Form_Label { cursor: pointer; margin-block-end: 0; opacity: 1; padding-inline-start: 30px; pointer-events: auto; transition: color .2s ease } .frm-Form_Checkbox+.frm-Form_Label:before { background-color: initial; block-size: 16px; border: 1px solid #0000001a; border-radius: 50%; content: ""; display: block; inline-size: 16px; inset-inline-start: 0; position: absolute; transition: border .3s ease; z-index: 1 } .frm-Form_Checkbox+.frm-Form_Label:after { background-color: var(--Color_Brand); block-size: 6px; border-radius: 50%; content: ""; display: block; inline-size: 6px; inset-block-start: 5px; inset-inline-start: 5px; opacity: 0; position: absolute; transition: opacity .3s ease; z-index: 2 } .frm-Form_Checkbox:checked+.frm-Form_Label:before { border: 1px solid var(--Color_Brand) } .frm-Form_Checkbox:checked+.frm-Form_Label:after { opacity: 1 } .frm-Form_Input, .frm-Form_Select, .frm-Form_Textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; background-image: none !important; block-size: var(--Input_Height); border: 1px solid #0000001a; border-radius: 4px; font-family: var(--Font_Family-domaineText); font-size: 16px; font-weight: 300; inline-size: 100%; line-height: 160%; outline: 0; padding: 17px var(--Input_InlinePadding) 0 } @media (min-width:900.02px) { .frm-Form_Input, .frm-Form_Select, .frm-Form_Textarea { font-size: 14px } } .frm-Form_Input:placeholder-shown, .frm-Form_Select:placeholder-shown, .frm-Form_Textarea:placeholder-shown { padding: 10px var(--Input_InlinePadding) } .frm-Form_Input::placeholder, .frm-Form_Select::placeholder, .frm-Form_Textarea::placeholder { color: var(--Color_Body); opacity: .75 } .frm-Form_Select:required:invalid { color: var(--Color_Body); opacity: .5 } .frm-Form_SelectField { block-size: var(--Input_Height); border: 1px solid #0000001a; border-radius: 4px; color: var(--Color_Body); position: relative } .frm-Form_Select { border: 0; cursor: pointer; outline: 0; padding-block: 15px; padding-inline-end: 30px; position: relative; white-space: nowrap } .frm-Form_SelectIcon { align-items: center; block-size: 18px; display: flex; inline-size: 40px; inset-block-start: 50%; inset-inline-end: 0; justify-content: center; pointer-events: none; position: absolute; transform: translateY(-50%); z-index: 1 } .frm-Form_SelectIcon svg { fill: currentColor; block-size: 15px; inline-size: 15px; margin-block-start: 4px } .frm-Form_Textarea { block-size: auto; display: block } .frm-Form_Buttons { align-items: center; display: flex; margin-block-start: var(--Field_Gap) } .frm-Form_Fields .frm-Form_Buttons { grid-column: span 2 } .frm-Form_Button { inline-size: 100% } .frm-Form_Submit { justify-content: center } .frm-Form_Checkbox { display: none } .frm-Form_Required { margin-block-start: 10px } @media (min-width:900.02px) { .frm-Form_Required { margin-block-start: 0; place-self: center flex-end } } .frm-Form_Validation { font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; inline-size: 100%; line-height: 160%; margin-block-start: var(--Field_Gap) } .frm-Form_Fields .frm-Form_Validation { grid-column: span 2 } .frm-Form_ValidationText-error { color: var(--Color_Error) } .frm-Form_ValidationText-error a { color: var(--Color_Error); -webkit-text-decoration: underline; text-decoration: underline } .frm-Form_ValidationText-success { color: var(--Color_Body) } .frm-Form_Footer { margin-block-start: var(--Field_Gap) } input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover { -webkit-box-shadow: inset 0 0 0 30px #fff !important } select:-webkit-autofill, select:-webkit-autofill:active, select:-webkit-autofill:focus, select:-webkit-autofill:hover { block-size: calc(var(--Input_Height) - 2px); -webkit-box-shadow: inset 0 0 0 30px #fff !important } .lyt-Container { inline-size: 100%; margin-inline: auto; padding-inline: var(--Site_Margin) } .lyt-Theme-headerPdp, .lyt-Theme-headerSolid { margin-block-start: var(--Header_Height) } @media (min-width:900.02px) { .lyt-Theme-headerPdp { margin-block-start: 0 } } .mod-Modal { align-items: center; background-color: initial; block-size: 100%; display: flex; flex-direction: column; inline-size: 100%; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; position: fixed; z-index: 13 } .mod-Modal, .mod-Modal[aria-hidden=true] { opacity: 0; transition: opacity .5s ease .2s, visibility .5s ease .2s; visibility: hidden } .mod-Modal[aria-hidden=true] { pointer-events: none } .mod-Modal[open] { opacity: 1; transition: opacity .5s ease, visibility .5s ease; visibility: visible } .mod-Modal_Backdrop { background-color: #00000080; block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 0 } .mod-Modal_Modal { background-color: var(--Color_Background); inline-size: calc(100% - var(--Site_Margin)*2); opacity: 0; overflow: hidden; position: relative; transition: opacity .5s ease .2s, visibility .5s ease .2s; visibility: hidden; z-index: 2 } @media (min-width:768px) { .mod-Modal_Modal { inline-size: 75% } } .mod-Modal[open] .mod-Modal_Modal { opacity: 1; transition: opacity .5s ease, visibility .5s ease; visibility: visible } .mod-Modal_Inner { inline-size: 100% } .mod-Modal_Close { align-items: center; background-color: var(--Color_Background); block-size: 40px; border-radius: 4px; color: var(--Color_Brand); display: flex; inline-size: 40px; inset-block-start: 5px; inset-inline-end: 5px; justify-content: center; position: absolute; z-index: 3 } .mod-Modal_Close svg { block-size: 15px; inline-size: 15px } .mod-Modal_Body { -webkit-overflow-scrolling: touch; max-block-size: calc(var(--InnerHeight) - var(--Site_Margin)*2); overflow-y: auto } @media (min-width:768px) { .mod-Modal_Body { max-block-size: calc(var(--InnerHeight) - var(--Site_Margin)*2) } } .mod-Modal_VideoContainer { display: flex; inline-size: 100%; overflow: hidden; position: relative } .mod-Modal_VideoContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 56% } .mod-Modal_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 1 } .pgn-LoadMore { align-items: center; display: flex; flex-direction: column; gap: 20px } .qty-Adjuster { background-color: #3333330d; border-radius: 4px; display: inline-flex; overflow: hidden } .crt-Item .qty-Adjuster, .psh-CartItem .qty-Adjuster { background-color: initial } .drw-Option_QuantityAdjuster .qty-Adjuster { display: flex; inline-size: 100%; justify-content: space-around } .qty-Adjuster_Control { align-items: center; block-size: 50px; display: flex; inline-size: 40px; justify-content: center } .qty-Adjuster_Control svg { block-size: 9px; inline-size: 9px } .crt-Item .qty-Adjuster_Control, .psh-CartItem .qty-Adjuster_Control { block-size: 30px; inline-size: 30px } .qty-Adjuster_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; block-size: 50px; border: 0; display: block; inline-size: 20px; padding: 0; text-align: center } .qty-Adjuster_Input::-webkit-inner-spin-button, .qty-Adjuster_Input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0 } .qty-Adjuster_Input[type=number] { -moz-appearance: textfield } .crt-Item .qty-Adjuster_Input, .psh-CartItem .qty-Adjuster_Input { block-size: 30px } .rsp-Image { display: flex; inline-size: 100%; position: relative } .rsp-Image_Image { inline-size: 100%; object-fit: cover; object-position: center } @supports (aspect-ratio:16/9) { .rsp-Image_Image { aspect-ratio: var(--Aspect_Ratio); block-size: 100% } } @supports not (aspect-ratio:16/9) { .rsp-Image:after { content: ""; display: block; inline-size: 0; padding-block-start: var(--Image_AspectRatio) } .rsp-Image_Image { block-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } } .rte-RichText p { margin-block-end: 20px } .rte-RichText img { inline-size: 100% } .rte-RichText>blockquote { background-color: var(--Color_Linen); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 15 15'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M7.5 13.125a5.625 5.625 0 1 0 0-11.25 5.625 5.625 0 0 0 0 11.25Z'/%3E%3Cpath stroke='%23333' stroke-linecap='round' stroke-linejoin='round' d='M7.031 7.031A.469.469 0 0 1 7.5 7.5v2.344a.469.469 0 0 0 .469.469'/%3E%3Cpath fill='%23333' d='M7.266 5.625a.703.703 0 1 0 0-1.406.703.703 0 0 0 0 1.406Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h15v15H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-position: top 14px left 10px; background-size: 15px 15px; margin: 20px 0; padding: 10px 20px 10px 33px } @media (min-width:900.02px) { .rte-RichText>blockquote { background-position: top 24px left 20px; margin-block: 40px; padding: 20px 20px 22px 43px } } .rte-RichText ul { margin-block: 20px 20px; padding-inline-start: 0; text-align: start } .rte-RichText ul li { margin-block-end: 10px; padding-inline-start: 20px; position: relative } .rte-RichText ul li:last-child { margin-block-end: 0 } .rte-RichText ul li:before { background-color: currentColor; block-size: 3px; border-radius: 50%; content: ""; display: block; inline-size: 3px; inset-block-start: 11px; inset-inline-start: 7px; position: absolute } .rte-RichText ol { counter-reset: item; list-style: none; margin-block: 20px 20px; padding-inline-start: 0; text-align: start } .rte-RichText ol li { margin-block-end: 20px; padding-inline-start: 20px; position: relative } .rte-RichText ol li:last-child { margin-block-end: 0 } .rte-RichText ol li:before { block-size: 22px; content: counters(item, ".") ""; counter-increment: item; display: block; inline-size: 25px; inset-block-start: 0; inset-inline-start: 0; position: absolute; text-align: start } .rte-RichText a:not([class]) { word-wrap: break-word; color: currentColor; -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; -webkit-text-decoration: underline; text-decoration: underline; word-break: break-word } .rte-RichText h1:not([class]), .rte-RichText h2:not([class]) { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 28px; font-weight: 400; letter-spacing: -.01em; line-height: 130%; margin-block: 40px 10px } @media (min-width:1200.02px) { .rte-RichText h1:not([class]), .rte-RichText h2:not([class]) { font-size: 38px } } .rte-RichText h3:not([class]) { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 24px; font-weight: 400; letter-spacing: -.01em; line-height: 130%; margin-block: 40px 10px } @media (min-width:1200.02px) { .rte-RichText h3:not([class]) { font-size: 28px } } .rte-RichText h4:not([class]) { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 16px; font-weight: 400; letter-spacing: -.01em; line-height: 130%; margin-block: 40px 10px } @media (min-width:1200.02px) { .rte-RichText h4:not([class]) { font-size: 18px } } .rte-RichText h5:not([class]), .rte-RichText h6:not([class]) { font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; line-height: 150%; margin-block: 40px 10px; text-transform: uppercase } @media (min-width:900.02px) { .rte-RichText h5:not([class]), .rte-RichText h6:not([class]) { margin-block-end: 20px } } .rte-RichText>:first-child, .rte-RichText>:first-child>:first-child { margin-block-start: 0 !important } .rte-RichText>:last-child, .rte-RichText>:last-child>:last-child { margin-block-end: 0 !important } .rte-RichText .rte-RichText_Table { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none } :is(.rte-RichText .rte-RichText_Table)+* { margin-block-start: 20px } @media (min-width:900.02px) { :is(.rte-RichText .rte-RichText_Table)+* { margin-block-start: 30px } } .rte-RichText table { border: none; border-collapse: initial; border-spacing: 0; font-family: var(--Font_Family-domaineText); font-size: 14px; font-weight: 300; line-height: 160%; table-layout: auto; white-space: nowrap } @media (min-width:900.02px) { .rte-RichText table { white-space: normal } } .rte-RichText table tr:nth-child(odd) { background-color: var(--Row_Background) } .rte-RichText td, .rte-RichText th { font-weight: 300; padding: 14px 20px; text-align: start; vertical-align: text-top } .rte-RichText .rte-RichText_Table-spec tr td:nth-child(2n) { text-align: end } .rte-RichText th { font-size: 13px; letter-spacing: -.05em; line-height: 150% } .rte-RichText .btn-Button, .rte-RichText th { font-family: var(--Font_Family-segma); font-weight: 400 } .rte-RichText .btn-Button { --Button_Color: #fff; --Button_Background: var(--Color_Brand); border-radius: 4px; font-size: 12px; line-height: 18px; padding: 17px 20px 15px } .rte-RichText .btn-Button:before { background-color: var(--Button_Background); block-size: 100%; border-radius: 4px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 1; position: absolute; z-index: -2 } .acc-Address_Items { grid-gap: var(--Site_Margin); display: grid } .acc-Address_Controls { align-items: center; display: flex; margin-block-start: 20px } .acc-Address_Button-secondary { margin-inline-start: 30px } .acc-Address_EditForm { margin-block-start: 20px } #recover:not(:target), #recover:target~#login, .acc-Address_Item[aria-expanded=false] .acc-Address_EditForm { display: none } @media (min-width:900.02px) { .acc-Form_Columns { display: grid; grid-template-columns: repeat(2, 1fr) } } .acc-Form_Column { align-items: center; display: flex; justify-content: center } .acc-Form_MediaContainer { background-color: #0000000d; block-size: 100%; display: flex; inline-size: calc(var(--Site_Margin)*2 + 100%); margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; position: relative; z-index: 1 } @media (min-width:900.02px) { .acc-Form_MediaContainer { block-size: 100vh; inset-block-start: 0; margin-inline-end: 0; position: sticky } } .acc-Form_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 60% } @media (min-width:768px) { .acc-Form_MediaContainer:after { padding-block-start: 70% } } @media (min-width:900.02px) { .acc-Form_MediaContainer:after { display: none } } .acc-Form_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -1 } .acc-Form_Image-desktop { display: none } @media (min-width:768px) { .acc-Form_Image-desktop { display: flex } .acc-Form_Image-mobile { display: none } } .acc-Form_Page { inline-size: 100%; padding-block: 30px 30px } @media (min-width:768px) { .acc-Form_Page { inline-size: 83.33333% } } @media (min-width:900.02px) { .acc-Form_Page { padding-block: 80px 80px } } @media (min-width:1200.02px) { .acc-Form_Page { inline-size: 66.66667% } } .acc-Form_Form { margin-block-start: 20px } .acc-Form_Title { margin-block-end: 20px } .acc-Form_Subtitle { margin-block-start: 30px } .acc-Form_Privacy, .acc-Form_ResetText, .acc-Form_Text { margin-block-start: 20px } .acc-Form_Button { margin-block-start: 30px } .acc-Header { border-block-end: 1px solid var(--Color_Border); display: block } .acc-Header_Body { align-items: center; display: flex; inline-size: 100%; justify-content: center; padding-block: 40px; text-align: center } .acc-Header_Content { inline-size: 83.33333% } @media (min-width:768px) { .acc-Header_Content { inline-size: 66.66667%; text-align: center } } @media (min-width:900.02px) { .acc-Header_Content { inline-size: 50% } } @media (min-width:1200.02px) { .acc-Header_Content { inline-size: 33.33333% } } .acc-Header_Text { margin-block-end: 10px } .acc-Navigation { border-block-end: 1px solid var(--Color_Border); padding-block: 15px } .acc-Navigation_Container { display: flex; justify-content: center } .acc-Navigation_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; align-items: center; display: flex; gap: 20px; margin-inline: calc(var(--Site_Margin)*-1); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } .acc-Navigation_Items::-webkit-scrollbar { display: none } @media (min-width:900.02px) { .acc-Navigation_Items::-webkit-scrollbar { justify-content: center; padding-inline: 0 0 } } .acc-Navigation_Item { white-space: nowrap } .acc-OrderItem { border: 1px solid var(--Color_Border); display: flex; gap: var(--Grid_Gutter); inline-size: 100%; padding: 20px } .acc-OrderItem_Image { flex-shrink: 0; inline-size: 25%; position: relative } .acc-OrderItem_Title { margin-block-end: 10px } .acc-OrderItem_Cancelled { color: var(--Color_Red) } .acc-OrderItem_Price { margin-block-start: 10px } .acc-OrderItem_Buttons { margin-block-start: 20px } .acc-Orders_Order { display: flex; gap: var(--Grid_Gutter); margin-block: 20px } @media (min-width:900.02px) { .acc-Orders_Orders-full { grid-gap: 60px var(--Grid_Gutter); display: grid; grid-template-columns: repeat(2, 1fr) } .acc-Orders_Footer { grid-column: 1/span 2 } } .acc-Orders_Media, .acc-Orders_Orders-full .acc-Orders_Media { inline-size: 25% } @media (min-width:900.02px) { .acc-Orders_Orders-full .acc-Orders_Media { inline-size: 20% } } @media (min-width:1200.02px) { .acc-Orders_Orders-full .acc-Orders_Media { inline-size: 16.66667% } } @media (min-width:1440px) { .acc-Orders_Orders-full .acc-Orders_Media { inline-size: 12.5% } } .acc-Orders_Images-multi { grid-gap: 5px; display: grid; grid-template-columns: repeat(2, 1fr) } .acc-Orders_Image { display: flex; position: relative } .acc-Orders_Info { flex-grow: 1 } .acc-Orders_Title { margin-block-end: 10px } .acc-Orders_Cancelled { color: var(--Color_Red); margin-block-end: 10px } .acc-Orders_Buttons { margin-block-start: 10px } .acc-Account { display: block } .acc-Account_Inner { --Account_Margin: 15px; padding-block: var(--Account_Margin) } @media (min-width:900.02px) { .acc-Account_Inner { --Account_Margin: 50px } } @media (min-width:1440px) { .acc-Account_Inner { --Account_Margin: 100px } } .acc-Account_Body { grid-gap: 20px var(--Grid_Gutter); display: grid } @media (min-width:768px) { .acc-Account_Body { grid-template-columns: repeat(12, 1fr) } } @media (min-width:900.02px) { .acc-Account_Body { grid-gap: var(--Grid_Gutter) } } @media (min-width:768px) { .acc-Account_Item-full { grid-column: 1/span 12 } } @media (min-width:1200.02px) { .acc-Account_Item-full { grid-column: 2/span 10 } } @media (min-width:768px) { .acc-Account_Item-left { grid-column: 1/span 6 } } @media (min-width:1200.02px) { .acc-Account_Item-left { grid-column: 2/span 5 } } @media (min-width:768px) { .acc-Account_Item-right { grid-column: 7/span 6 } } @media (min-width:1200.02px) { .acc-Account_Item-right { grid-column: 7/span 5 } } .acc-Account_Title { margin-block-end: 20px } .acc-Account_Text { margin-block-start: 10px } .acc-Account_Text-error { color: var(--Color_Red) } .acc-Account_Price { margin-block-start: 10px } .acc-Account_Button { margin-block-start: 20px } .art-Card { block-size: 100%; display: flex; flex-direction: column } .art-Card_ImageContainer { overflow: hidden; position: relative } .art-Card_ImageContainer:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .art-Card_ImageContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 125% } .art-Card_ImageContainer-desktop { display: none } @media (min-width:768px) { .art-Card_ImageContainer-desktop { display: block } .art-Card_ImageContainer-mobile { display: none } } .art-Card_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } @media (hover:hover), (min-width:1600px) { .art-Card_Image { transform: scale(1.025); transition: transform .5s ease } .art-Card:hover .art-Card_Image { transform: none } } .art-Card_Body { display: flex; flex-direction: column; flex-grow: 1; inline-size: 100%; margin-block-start: 20px; max-inline-size: 90% } .art-Card_AuthorLink { position: relative; z-index: 2 } @media (hover:hover), (min-width:1600px) { .art-Card_AuthorLink { transition: opacity .2s ease } .art-Card_AuthorLink:hover { opacity: 1 } .art-Card_AuthorLink:hover:after { transform: scale(1) } } .art-Card_AuthorLink:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; inline-size: 100%; inset-block-end: -2px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .2s ease } .art-Card_Text, .art-Card_Title { margin-block-start: 10px } .art-Card_Buttons { margin-block-start: 20px } .art-Card_Button { --Button_Color: currentColor; position: relative; z-index: 2 } @media (min-width:768px) { .art-Card-featured .art-Card_ImageContainer:after { padding-block-start: calc(62.5% - 4px) } } .art-Card_Category { background-color: var(--Color_Moss); border-radius: 2px; color: #fff; inset-block-start: 10px; inset-inline-start: 10px; padding: 2px 4px; position: absolute; z-index: 2 } @media (min-width:768px) { .art-Card_Category { inset-block-start: 20px; inset-inline-start: 20px } } .art-Cards_Items { grid-gap: 40px 6px; display: grid; grid-auto-flow: row dense } @media (min-width:768px) { .art-Cards_Items { grid-template-columns: repeat(3, 1fr) } .art-Cards_Item-featured { grid-column: span 2 } } .art-Comments_Items { margin-block-end: 40px } .art-Detail_Inner { margin-block: var(--Margin_Standard) } @media (min-width:900.02px) { .art-Detail_Body { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .art-Detail_Content { grid-column: 2/span 10 } } @media (min-width:1200.02px) { .art-Detail_Content { grid-column: 3/span 8 } } @media (min-width:1440px) { .art-Detail_Content { grid-column: 4/span 6 } } .art-Detail_Buttons { margin-block-start: 20px } @media (min-width:900.02px) { .art-Detail_Buttons { margin-block-start: 40px } } .art-Detail_Blocks { display: flex; flex-direction: column; gap: 20px } @media (min-width:900.02px) { .art-Detail_Blocks { gap: 30px } } .art-Detail_Images { display: grid; gap: 2px; grid-template-columns: repeat(2, 1fr) } @media (min-width:768px) { .art-Detail_Images { gap: 5px } } .art-Detail_ImageTexts { display: grid; gap: var(--Site_Margin) } @media (min-width:768px) { .art-Detail_ImageTexts { grid-template-columns: repeat(5, minmax(0, 1fr)) } .art-Detail_ImageText-image { grid-column: 1/span 2 } .art-Detail_ImageText-text { grid-column: 3/span 3 } } .art-Detail_Products { display: grid; gap: 0 2px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:900.02px) { .art-Detail_Products { gap: 0 var(--Grid_Gutter); margin-inline: 0 } } .art-Detail_Buttons-center { text-align: center } .art-Footer { border-block-start: 1px solid var(--Color_Border) } .art-Footer_Columns { display: grid; gap: 20px var(--Grid_Gutter); grid-template-columns: repeat(2, 1fr); margin-block-start: 20px } @media (min-width:768px) { .art-Footer_Columns { grid-template-columns: repeat(12, 1fr) } } @media (max-width:767.98px) { .art-Footer_Column-author { grid-column: span 2 } } @media (min-width:768px) { .art-Footer_Column { grid-column: span 3 } .art-Footer_Column-category { grid-column: span 2 } .art-Footer_Column-share { grid-column: 12 } } .art-Footer_AuthorInfo { display: flex; gap: 10px } .art-Footer_AuthorInfoImage { inline-size: 40px } .art-Footer_AuthorImage { border-radius: 4px; overflow: hidden } .art-Footer_Detail { margin-block-start: 5px } .art-Footer_DetailLink { display: inline-flex; margin-block-start: 5px; position: relative } @media (hover:hover), (min-width:1600px) { .art-Footer_DetailLink { transition: opacity .2s ease } .art-Footer_DetailLink:hover { opacity: 1 } .art-Footer_DetailLink:hover:after { transform: scale(1) } } .art-Footer_DetailLink:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .2s ease } .art-Footer_Link { margin-block-start: 20px } @media (min-width:768px) { .art-Footer_Link { margin-block-start: 40px } .art-Footer_Share { display: flex; justify-content: flex-end } } .art-List { margin-block: 20px 40px } @media (min-width:900.02px) { .art-List { margin-block: 40px } } .art-List_Inner { display: block } .art-List_Pagination-loadPrevious { margin-block-end: 40px } .art-List_Pagination-loadMore { margin-block-start: 40px } .art-List_Pagination:empty { display: none } .blg-Header { position: relative } .blg-Header_Content { display: flex; flex-direction: column; gap: 10px; margin-block-end: 30px; padding: 30px var(--Site_Margin) 0; text-align: center } @media (min-width:768px) { .blg-Header_Content { gap: 20px } } @media (min-width:900.02px) { .blg-Header_Content { margin-block-end: 60px; padding-block-start: 60px } .blg-Header_Title { inline-size: 83.33333%; margin-inline: auto; max-inline-size: 1150px } } @media (min-width:1200.02px) { .blg-Header_Title { inline-size: 66.66667% } } .blg-Header_AuthorImage { border-radius: 4px; inline-size: 60px; margin-inline: auto; overflow: hidden } .blg-Header_Text { display: block; margin-block-start: 20px; margin-inline: auto } @media (min-width:768px) { .blg-Header_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .blg-Header_Text { inline-size: 70%; max-inline-size: 700px } } @media (min-width:1200.02px) { .blg-Header_Text { inline-size: 50% } } .blg-Navigation { display: flex; justify-content: center; margin-block: 20px; position: relative } @media (min-width:768px) { .blg-Navigation { margin-inline: 0 } } @media (min-width:900.02px) { .blg-Navigation { margin-block: 40px } } .blg-Navigation:after { background-color: #0000001a; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute } @media (min-width:768px) { .blg-Navigation:after { content: none } } .blg-Navigation_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; align-items: center; display: flex; gap: 20px; overflow-x: auto; padding-inline: var(--Site_Margin); position: relative; scroll-behavior: smooth; scrollbar-width: none } @media (min-width:768px) { .blg-Navigation_Items { padding-inline: 0 } .blg-Navigation_Items:after { background-color: #0000001a; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute } } .blg-Navigation_Items::-webkit-scrollbar { display: none } .blg-Navigation_Item { white-space: nowrap } .blg-Navigation_Link { color: var(--Color_Body); display: block; margin-block-end: 5px; opacity: .75; position: relative; text-transform: uppercase } @media (hover:hover), (min-width:1600px) { .blg-Navigation_Link { transition: opacity .2s ease } .blg-Navigation_Link:hover { opacity: 1 } .blg-Navigation_Link:hover:after { transform: scale(1) } } .blg-Navigation_Link:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; inline-size: 100%; inset-block-end: -5px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .2s ease } .blg-Navigation_Link[aria-current=page] { opacity: 1 } .blg-Navigation_Link[aria-current=page]:after { transform: scale(1) } .crt-Item { display: flex; gap: 15px; position: relative } @media (min-width:900.02px) { .crt-Item { gap: 20px } } .crt-Item_Related .crt-Item { gap: 10px } .crt-Item_Media { display: block; flex-shrink: 0; inline-size: 60px } @media (min-width:900.02px) { .crt-Item_Media { inline-size: 25% } } .crt-Item_Related .crt-Item_Media { inline-size: 40px } .crt-Item_Image { border-radius: 2px; display: flex; overflow: hidden; position: relative } .crt-Item_Image:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .crt-Item_Image:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .crt-Item_Main { display: flex; flex: 1; flex-direction: column } .crt-Item_Content { flex: 1 } .crt-Item_Sku { opacity: .75 } .crt-Item_Price { float: right; margin-block-start: 4px; margin-inline-start: 10px; text-align: end; white-space: nowrap } .crt-Item_PreOrder { color: var(--Color_Orange) } .crt-Item_Note { margin-block-start: 5px } .crt-Item_Related { padding-block-start: 10px } .crt-Item_Footer, .crt-Item_Related, .crt-Item_RelatedItem+.crt-Item_RelatedItem { margin-block-start: 10px } .crt-Item_Footer { align-items: center; display: flex; inline-size: 100%; justify-content: space-between } .crt-Item_Quantity { margin-inline-start: -10px } .crt-Item_Remove { opacity: .75; transition: opacity .3s ease } @media (hover:hover), (min-width:1600px) { .crt-Item_Remove:hover { opacity: 1 } } .crt-Item_Loading { align-items: center; background-color: #ffffffbf; display: flex; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; opacity: 0; position: absolute; transition: opacity .2s ease, visibility .2s ease; visibility: hidden; z-index: 2 } .crt-Item[aria-busy=true] .crt-Item_Loading { opacity: 1; visibility: visible } .crt-Item_LoadingIcon { animation: CartLoadingLogo 1s ease-in-out infinite; block-size: 30px; display: flex; inline-size: 83px } .crt-Item_LoadingIcon path { fill: var(--Color_Brand) } @keyframes CartLoadingLogo { 0% { opacity: 1 } 50% { opacity: .3 } to { opacity: 1 } } .crt-Items_Header { margin-block-end: 20px } .crt-Items_Count { display: inline; margin-inline-start: 5px } .crt-Items_Count[aria-hidden=true] { display: none } .crt-Items_Items { border-block-start: 1px solid var(--Color_Border) } .crt-Items_Item { border-block-end: 1px solid var(--Color_Border); padding-block: 15px } @media (min-width:900.02px) { .crt-Items_Item { padding-block: 20px } } .crt-Items_Text { margin-block-end: 20px } .crt-Summary { --Block_Spacing: 15px } @media (min-width:900.02px) { .crt-Summary { --Block_Spacing: 20px } } .crt-Summary_Title { margin-block-end: var(--Block_Spacing) } .crt-Summary_Text { border-block-end: 1px solid var(--Color_Border); margin-block: var(--Block_Spacing); padding-block-end: var(--Block_Spacing) } .crt-Summary_Backorder { background-color: #fff; border-radius: 2px; display: flex; gap: 8px; margin-block-start: 15px; padding: 13px 20px 13px 8px } @media (min-width:900.02px) { .crt-Summary_Backorder { margin-block-start: 20px } } .crt-Summary_Info { block-size: 15px; display: flex; inline-size: 15px; margin-block-start: 2px } .crt-Summary_InfoText a { -webkit-text-decoration: underline; text-decoration: underline } .crt-Summary_Items { display: grid; gap: 10px; margin-block-start: var(--Block_Spacing) } .crt-Summary_Item { display: flex; gap: var(--Block_Spacing); justify-content: space-between } .crt-Summary_Value-delivery { opacity: .75; text-align: end } .crt-Summary_Actions { margin-block-start: var(--Block_Spacing) } .crt-Summary_Action { margin-block-start: 5px } .crt-Summary_Payments { display: flex; flex-wrap: wrap; gap: 5px; margin-block-start: var(--Block_Spacing) } .crt-Summary_PaymentTitle { flex-shrink: 0; inline-size: 100%; margin-block-end: 5px } .crt-Summary_Payment { align-items: center; border: 1px solid var(--Color_Border); border-radius: 3px; display: flex; flex-shrink: 0; justify-content: center } .crt-Summary_Payment, .crt-Summary_Payment svg { block-size: 28px; inline-size: 40px } @media (min-width:768px) { .crt-Cart_Columns { display: grid; grid-template-columns: repeat(2, 1fr) } } .crt-Cart_Column { padding-block: 20px } @media (min-width:768px) { .crt-Cart_Column { padding-block: var(--Margin_Standard) } .crt-Cart_Column-items { padding-inline-end: var(--Site_Margin) } } .crt-Cart_Column-summary { position: relative } @media (min-width:768px) { .crt-Cart_Column-summary { padding-inline-start: var(--Site_Margin) } } .crt-Cart_Column-summary:before { background-color: var(--Color_Linen); block-size: 100%; content: ""; display: block; inset-block-start: 0; inset-inline: calc(var(--Site_Margin)*-1); position: absolute; z-index: -1 } @media (min-width:768px) { .crt-Cart_Column-summary:before { inset-inline-start: 0 } } @media (min-width:900.02px) { .crt-Cart_Content { inline-size: 83.33333%; margin-inline: auto } } @media (min-width:1200.02px) { .crt-Cart_Content { inline-size: 66.66667% } } .crt-Cart_Note { margin-block-start: 20px } .clc-Banner { --Banner_Padding: 30px; border-block-end: 1px solid var(--Color_Border); position: relative; text-align: center } @media (min-width:900.02px) { .clc-Banner { --Banner_Padding: 60px } } .clc-Banner-hasMedia { --Banner_Padding: calc(var(--Header_Height) + 30px) 30px } @media (min-width:900.02px) { .clc-Banner-hasMedia { --Banner_Padding: calc(var(--Header_Height) + 90px) 90px } } .clc-Banner-light { color: #fff } .clc-Banner_Inner { display: flex; flex-direction: column-reverse; padding-block: var(--Banner_Padding) } @media (min-width:768px) { .clc-Banner_Inner { display: block; padding-block: 0 } .clc-Banner_Body { padding-block: var(--Banner_Padding) } } .clc-Banner_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .clc-Banner_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .clc-Banner-dark .clc-Banner_Overlay { background-color: #fff } .clc-Banner_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .clc-Banner_Image-desktop { display: none } @media (min-width:768px) { .clc-Banner_Image-desktop { display: flex } .clc-Banner_Image-mobile { display: none } .clc-Banner_Content { inline-size: 83.33333%; margin-inline: auto } } @media (min-width:1200.02px) { .clc-Banner_Content { inline-size: 66.66667% } } .clc-Banner_TextContainer { display: grid; margin-block-start: 20px } @media (min-width:900.02px) { .clc-Banner_TextContainer { inline-size: 80%; margin-inline: auto } } @media (min-width:1200.02px) { .clc-Banner_TextContainer { inline-size: 87.5% } } @media (min-width:1440px) { .clc-Banner_TextContainer { inline-size: 60% } } .clc-Banner_TextBlock { grid-column: 1; grid-row: 1; max-block-size: 500px; opacity: 1; overflow: hidden; transition: max-block-size .5s ease, opacity .5s ease } .clc-Banner_TextBlock[aria-hidden=true] { max-block-size: 0; opacity: 0 } .clc-Banner_Text { display: inline } .clc-Banner_ReadMore { position: relative; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .clc-Banner_ReadMore:hover:after { transform: scaleX(0) } } .clc-Banner_ReadMore:after { background-color: currentColor; block-size: .5px; content: ""; display: block; inline-size: 100%; inset-block-end: 4px; inset-inline-start: 0; position: absolute; transition: transform .3s ease } .clc-Banner_SearchCount, .clc-Banner_SearchTerm { display: block; margin-block-start: 10px } .clc-Banner_Collections { display: flex; justify-content: center; margin-block-start: 20px; margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:1200.02px) { .clc-Banner_Collections { margin-block-start: 30px } } .clc-Banner_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: var(--Grid_Gutter); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } .clc-Banner_Items::-webkit-scrollbar { display: none } .clc-Banner_Link { --Button_Color: var(--Color_Brand); --Button_Background: var(--Color_Linen); --Button_HoverColor: #fff; --Button_HoverBackground: var(--Color_Brand); align-items: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: var(--Button_Background); border: 0; border-radius: 4px; color: var(--Button_Color); display: inline-flex; overflow: visible; padding: 11px 20px 10px; position: relative; transition: background-color .3s ease, color .3s ease; white-space: nowrap; z-index: 1 } @media (min-width:900.02px) { .clc-Banner_Link { padding-block: 15px 13px } } @media (hover:hover), (min-width:1600px) { .clc-Banner_Link:hover { background-color: var(--Button_HoverBackground); color: var(--Button_HoverColor) } } .clc-Banner-dark .clc-Banner_Link { --Button_Color: var(--Color_Brand); --Button_Background: var(--Color_White-transparent); --Button_HoverColor: #fff; --Button_HoverBackground: var(--Color_Brand) } .clc-Banner-light .clc-Banner_Link { --Button_Color: #fff; --Button_Background: var(--Color_Black-transparent); --Button_HoverColor: var(--Color_Brand); --Button_HoverBackground: #fff } .clc-Banner-dark .clc-Banner_Link-active, .clc-Banner_Link-active { --Button_Color: #fff; --Button_Background: var(--Color_Brand) } .clc-Banner-light .clc-Banner_Link-active { --Button_Color: var(--Color_Brand); --Button_Background: #fff } .clc-Banner_Products { display: inline-block; margin-block-end: 60px } @media (min-width:768px) { .clc-Banner_Products { margin-block-end: 40px } } .clc-PriceRange { --ButtonSize: 12px; --TopOffset: 25px; block-size: calc(var(--TopOffset) + var(--ButtonSize)); display: block; inline-size: 100%; position: relative; -webkit-user-select: none; user-select: none } .clc-PriceRange_Dot { align-items: center; block-size: var(--ButtonSize); cursor: pointer; display: flex; inline-size: var(--ButtonSize); inset-block-start: var(--TopOffset); justify-content: center; position: absolute; z-index: 2 } .clc-PriceRange-active .clc-PriceRange_Dot { cursor: grab } .clc-PriceRange_Dot:before { block-size: 40px; content: ""; inline-size: 40px; inset-block-start: 50%; transform: translate(-50%, -50%) } .clc-PriceRange_Dot:after, .clc-PriceRange_Dot:before { display: block; inset-inline-start: 50%; position: absolute; z-index: 1 } .clc-PriceRange_Dot:after { color: var(--Color_Body); content: attr(aria-label); font-size: 12px; inline-size: 50px; inset-block-start: calc(var(--TopOffset)*-1); pointer-events: none; text-align: center; transform: translate(-50%); white-space: nowrap } .clc-PriceRange_DotInner { background-color: var(--Color_Brand); block-size: 12px; border: 1px solid var(--Color_Brand); border-radius: 50%; display: block; inline-size: 12px } .clc-PriceRange_Line { block-size: 1px; box-sizing: border-box; inline-size: calc(100% - var(--ButtonSize)); inset-block-start: calc(var(--TopOffset) + var(--ButtonSize)/2); inset-inline-start: 0; overflow: visible; position: absolute; z-index: 0 } .clc-PriceRange_LineInner { background-color: var(--Color_Brand); block-size: 100%; display: block; inline-size: calc(100% + var(--ButtonSize)) } .clc-PriceRange_LineHighlighter { background-color: var(--Color_Brand); block-size: 3px; inset-block-start: -1px; inset-inline: 0; position: absolute } .clc-ProductGridFacet { position: relative } .clc-ProductGridFacet_Summary { align-items: center; display: flex } .clc-ProductGridFacet_Summary svg { margin-inline-start: 8px } .clc-ProductGridFacet_FilterLabel { white-space: nowrap } .clc-ProductGridFacet_Display { --Horizontal_Spacing: 20px; background-color: #fff; border: 1px solid var(--Color_Border); inline-size: 350px; inset-block-start: calc(100% + 5px); inset-inline-start: -12px; max-block-size: 550px; opacity: 1; overflow-y: auto; position: absolute; transition: opacity .2s ease, visibility .2s ease; visibility: visible; z-index: 3 } .clc-ProductGridFacet_Display[aria-hidden=true] { opacity: 0; visibility: hidden } .clc-ProductGridFacet_Header { border-block-end: 1px solid var(--Color_Border); display: flex; inset-block-start: 0; justify-content: space-between; padding: 15px var(--Horizontal_Spacing); position: sticky; z-index: 1 } .clc-ProductGridFacet_RemoveLink { -webkit-text-decoration: underline; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px } .clc-ProductGridFacet_Body { padding: 5px var(--Horizontal_Spacing) } .clc-ProductGridFacet_Item, .clc-ProductGridFacet_Label { align-items: center; display: flex } .clc-ProductGridFacet_Label { cursor: pointer; flex-grow: 1; padding: 10px 20px 10px 0; position: relative; word-break: break-word } .clc-ProductGridFacet_Label[aria-disabled=true] { color: rgba(var(--Color_Brand-rgb), .4); cursor: not-allowed } .clc-ProductGridFacet_Checkbox { margin-inline-end: 10px } .clc-ProductGridFacets { grid-gap: 15px var(--Grid_Gutter); align-items: center; display: grid; font-size: 14px; line-height: 20px } @media (min-width:768px) { .clc-ProductGridFacets { grid-template-columns: 1fr max-content max-content } } .clc-ProductGridFacets_Items { grid-gap: 20px; display: grid } @media (min-width:768px) { .clc-ProductGridFacets_Items { display: flex; flex-wrap: wrap; gap: 10px } } .clc-ProductGridFacets_Item-noShrink { flex-shrink: 0 } .clc-ProductGridFacets_Active { grid-column: 1/-1; grid-row: 2 } .clc-ProductGridFacets_ActiveFacets { --Gap: 10px; display: flex; flex-wrap: wrap; margin-block-start: calc(var(--Gap)*-1) } .clc-ProductGridFacets_ActiveFacet { margin-block-start: var(--Gap); margin-inline-end: var(--Gap) } .clc-ProductGridFacets_ActiveFacet:only-child { display: none } .clc-ProductGridFacets_ActiveLink { align-items: center; background-color: #f7f7f7; border: 1px solid var(--Color_Border); border-radius: 50px; display: flex; font-size: 12px; line-height: 14px; padding: 6px 12px; transition: background-color .2s ease; white-space: nowrap } .clc-ProductGridFacets_ActiveLink:hover { background-color: #ececec } .clc-ProductGridFacets_ActiveLink-plain { background-color: initial; border: 0; border-radius: 0; -webkit-text-decoration: underline; text-decoration: underline; text-underline-offset: 2px } .clc-ProductGridFacets_ActiveLink-plain:hover { background-color: initial } .clc-ProductGridFacets_ActiveLink svg { margin-inline-start: 5px; pointer-events: none } .clc-ProductGridHeader { display: grid; grid-template-columns: repeat(2, 1fr); opacity: 0; transition: opacity .5s ease, visibility .5s ease; visibility: hidden } @media (min-width:768px) { .clc-ProductGridHeader { align-items: center; display: flex } } .clc-ProductGridHeader[aria-hidden=false] { opacity: 1; visibility: visible } .clc-ProductGridHeader_Filters { grid-column: 1 } @media (min-width:768px) { .clc-ProductGridHeader_Filters { align-items: center; display: flex; gap: 20px } .clc-ProductGridHeader_Ancillary { margin-inline-start: auto } } @media (max-width:767.98px) { .clc-ProductGridHeader-hasAvailable .clc-ProductGridHeader_Ancillary { border-block-end: 1px solid var(--Color_Border); grid-column: 1/span 2; grid-row: 1; margin-inline: calc(var(--Site_Margin)*-1) } } @media (min-width:768px) { .clc-ProductGridHeader_Available { margin-inline-start: 20px } } .clc-ProductGridHeader_Available:is(:empty) { display: none } .clc-ProductGridHeader_Trigger { align-items: center; block-size: 48px; display: flex; gap: 10px; inline-size: 100%; justify-content: center } @media (hover:hover), (min-width:1600px) { .clc-ProductGridHeader_Trigger:hover svg { transform: rotate(90deg) } } .clc-ProductGridHeader_Trigger svg { block-size: 9px; inline-size: 9px; margin-block-start: -2px; transition: transform .2s ease } @media (max-width:767.98px) { .clc-ProductGridHeader_Clear { display: none } } .clc-ProductGridHeader_Remove { opacity: .75; transition: opacity .2s ease; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .clc-ProductGridHeader_Remove:hover { opacity: 1 } } .clc-ProductGridHeader_View { display: block } .clc-ProductGridHeader_Toggle { align-items: center; block-size: 48px; display: flex; gap: 5px; inline-size: 100%; justify-content: center } .clc-ProductGridHeader_ViewText { display: none } @media (max-width:900px) { .clc-ProductGridHeader_View[data-mobile-view=Standard] .clc-ProductGridHeader_ViewText-larger { display: block } } @media (min-width:900.02px) { .clc-ProductGridHeader_View[data-desktop-view=Standard] .clc-ProductGridHeader_ViewText-larger { display: block } } @media (max-width:900px) { .clc-ProductGridHeader_View[data-mobile-view=Large] .clc-ProductGridHeader_ViewText-smaller { display: block } } @media (min-width:900.02px) { .clc-ProductGridHeader_View[data-desktop-view=Large] .clc-ProductGridHeader_ViewText-smaller { display: block } } .clc-ProductGridHeader_ToggleIcon { block-size: 13px; border-radius: 2px; display: block; inline-size: 22px; overflow: hidden; position: relative } @media (hover:hover), (min-width:1600px) { .clc-ProductGridHeader_Toggle:hover .clc-ProductGridHeader_ToggleIcon:before { opacity: 1 } } .clc-ProductGridHeader_ToggleIcon:before { background-color: var(--Color_Brand); block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .5; position: absolute; transition: opacity .3s ease; z-index: 0 } .clc-ProductGridHeader_ToggleIcon:after { background-color: #fff; block-size: 9px; border-radius: 1px; content: ""; display: block; inline-size: 9px; inset-block-start: 2px; inset-inline-start: 2px; position: absolute; transition: transform .3s ease; z-index: 1 } .clc-ProductGridHeader_Toggle[aria-pressed=true] .clc-ProductGridHeader_ToggleIcon:before { opacity: 1 } .clc-ProductGridHeader_Toggle[aria-pressed=true] .clc-ProductGridHeader_ToggleIcon:after { transform: translate(9px) } @media (max-width:900px) { .clc-ProductGridHeader_View[data-mobile-view=Large] .clc-ProductGridHeader_ToggleIcon:before { opacity: 1 } .clc-ProductGridHeader_View[data-mobile-view=Large] .clc-ProductGridHeader_ToggleIcon:after { transform: translate(9px) } } @media (min-width:900.02px) { .clc-ProductGridHeader_View[data-desktop-view=Large] .clc-ProductGridHeader_ToggleIcon:before { opacity: 1 } .clc-ProductGridHeader_View[data-desktop-view=Large] .clc-ProductGridHeader_ToggleIcon:after { transform: translate(9px) } } .clc-ProductGridPagination_Button { margin-block: 15px } .clc-ProductGridPagination_Button[aria-hidden=true] { display: none } .clc-ProductGrid { display: block } .clc-ProductGrid_Header { background-color: var(--Color_Background); inset-block-start: 0; margin-inline: calc(var(--Site_Margin)*-1); padding-inline: var(--Site_Margin); position: sticky; z-index: 2 } .clc-ProductGrid_Facets-desktop { display: none } @media (min-width:768px) { .clc-ProductGrid_Facets-desktop { display: block } } .clc-ProductGrid_Facets-mobile { display: block } @media (min-width:768px) { .clc-ProductGrid_Facets-mobile { display: none } } .clc-ProductGrid_MobileFacetsTrigger { align-items: center; display: flex } .clc-ProductGrid_MobileFacetsTrigger svg { inline-size: 20px; margin-inline-end: 10px } .clc-ProductGrid_Body { position: relative; z-index: 1 } .clc-ProductGrid_Loading { background-color: #ffffffbf; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; position: absolute; transition: opacity .3s ease, visibility .3s ease; visibility: hidden; z-index: 1 } .clc-ProductGrid[aria-busy=true] .clc-ProductGrid_Loading { opacity: 1; visibility: visible } .clc-ProductGrid_Products[aria-hidden=true] { display: none } .clc-ProductGrid_Pagination, .clc-ProductGrid_Text { text-align: center } .clc-ProductGrid_Status { margin-block-start: 30px } @media (min-width:900.02px) { .clc-ProductGrid_Status { margin-block-start: 40px } } .clc-ProductGrid_Footer { border-block-start: 1px solid var(--Color_Border); margin-block-start: 30px; margin-inline: calc(var(--Site_Margin)*-1); padding-block: 20px; padding-inline: var(--Site_Margin) } @media (min-width:900.02px) { .clc-ProductGrid_Footer { margin-block-start: 40px } } .clc-ProductGrid_Breadcrumbs { display: flex; justify-content: center; text-align: center } .clc-ProductGrid_Categories[aria-hidden=true] { display: none } .clc-Promotion { align-items: flex-end; border-radius: 2px; display: flex; overflow: hidden; position: relative } .clc-Promotion:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .clc-Promotion-2x1:after { padding-block-start: calc(55% - var(--Grid_Gutter)*.55) } .clc-Promotion-light { color: #fff } .clc-Promotion_MediaContainer { z-index: -1 } .clc-Promotion_MediaContainer, .clc-Promotion_Overlay { block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute } .clc-Promotion_Overlay { background-color: #000; opacity: var(--Opacity); z-index: 1 } .clc-Promotion-dark .clc-Promotion_Overlay { background-color: #fff } .clc-Promotion_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } @media (hover:hover), (min-width:1600px) { .clc-Promotion_Image { transform: scale(1.025); transition: transform .5s ease } .clc-Promotion:hover .clc-Promotion_Image { transform: none } } .clc-Promotion_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .clc-Promotion_Content { inline-size: 100%; padding: 15px; text-align: center } @media (min-width:900.02px) { .clc-Promotion_Content { padding: 20px } } .clc-Promotion_Button { display: block; margin-block-start: 10px } @media (min-width:900.02px) { .clc-Promotion_Button { margin-block-start: 15px } } .clc-Signposting { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr); margin-block: 40px } @media (min-width:768px) { .clc-Signposting { margin-block: 60px } } @media (min-width:1200.02px) { .clc-Signposting { margin-block: 80px } } .clc-Signposting_Content { grid-column: 1/span 12; text-align: center } @media (min-width:768px) { .clc-Signposting_Content { grid-column: 2/span 10 } } @media (min-width:900.02px) { .clc-Signposting_Content { grid-column: 3/span 8 } } @media (min-width:1200.02px) { .clc-Signposting_Content { grid-column: 4/span 6 } } .clc-Signposting_Title { margin-block-end: 15px; opacity: .75 } @media (min-width:900.02px) { .clc-Signposting_Title { margin-block-end: 20px } } .clc-Signposting_Items { display: flex; flex-wrap: wrap; justify-content: center } .clc-Signposting_Item { display: flex; white-space: nowrap } .clc-Signposting_Item:not(:last-child):after { content: " / "; display: block; margin-inline: 10px } .drw-Bundle { block-size: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-block-end: var(--Site_Margin) } .drw-Bundle_Content>:last-child { border: 0 } .drw-Bundle_Media { position: relative } .drw-Bundle_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .drw-Bundle_ProductDescription { border-block-end: 1px solid var(--Color_Border); padding: 20px 0 } .drw-Bundle_ProductFeaturesTitle { margin-block-end: 20px } .drw-Bundle_ProductFeatures { border-block-end: 1px solid var(--Color_Border); padding: 20px 0 } .drw-Bundle_ProductFeatureList { gap: 10px; list-style: inside } @media (min-width:768px) { .drw-Bundle_ProductFeatureList { display: grid; grid-template-columns: repeat(2, 1fr) } } .drw-Bundle_ProductSpecifications { border-block-end: 1px solid var(--Color_Border); padding: 20px 0 } .drw-Bundle_ProductSpecificationsTitle { margin-block-end: 20px } .drw-Bundle_ProductSpecificationsNote { margin-block-start: 20px } .drw-Colours { margin-block-start: 5px } @media (min-width:1200.02px) { .drw-Colours { margin-block-start: 15px } } .drw-Colours_Items { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, 1fr) } @media (min-width:1200.02px) { .drw-Colours_Items { grid-template-columns: repeat(3, 1fr) } } @media (min-width:1440px) { .drw-Colours_Items { grid-template-columns: repeat(4, 1fr) } } .drw-Colours_Card { block-size: 100%; border: 1px solid var(--Color_Border); display: flex; flex-direction: column; inline-size: 100%; padding: 15px } @media (hover:hover), (min-width:1600px) { .drw-Colours_Card { transition: border .3s ease } .drw-Colours_Card:hover { border: 1px solid var(--Color_Brand) } } .drw-Colours_Card-active { border: 1px solid var(--Color_Brand) } .drw-Colours_Image { display: flex; margin-block-end: 10px } .drw-Colours_Image:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .drw-Colours_Title { margin-block-end: 10px } .drw-Colours_Selected { align-items: center; display: flex; gap: 10px; margin-block-start: auto } @media (hover:hover), (min-width:1600px) { .drw-Colours_Selected:after { transition: opacity .3s ease } .drw-Colours_Card:hover .drw-Colours_Selected:after { opacity: 1 } } .drw-Colours_SelectedIcon { align-items: center; block-size: 12px; border: 1px solid var(--Color_Brand); border-radius: 50%; color: #fff; display: flex; inline-size: 12px; justify-content: center; opacity: .1 } @media (hover:hover), (min-width:1600px) { .drw-Colours_SelectedIcon { transition: opacity .3s ease } .drw-Colours_Card:hover .drw-Colours_SelectedIcon { opacity: 1 } } .drw-Colours_Card-active .drw-Colours_SelectedIcon { background-color: var(--Color_Brand); opacity: 1 } .drw-Colours_SelectedIcon svg { block-size: 9px; inline-size: 7px } .drw-Dimensions_Note { margin-block-start: 15px; opacity: .75 } @media (min-width:900.02px) { .drw-Dimensions_Note { margin-block-start: 20px } } .drw-Drawers_Drawer { position: relative; z-index: 11 } .drw-Drawers_Backdrop { background-color: #00000080; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; position: fixed; transition: opacity .5s, visibility .5s; visibility: hidden; z-index: 10 } .drw-Drawers-active .drw-Drawers_Backdrop { opacity: 1; visibility: visible } .clc-ProductGrid .drw-Filters { display: none } .drw-Filters_Groups { border-block-start: 1px solid var(--Color_Border) } .drw-Filters_Group { border-block-end: 1px solid var(--Color_Border); padding-block-end: 20px } .drw-Filters_Title { inline-size: 100%; padding-block: 15px; text-align: start } @media (min-width:900.02px) { .drw-Filters_Title { padding-block: 20px } } .drw-Filters_ActiveFilters { display: flex; flex-wrap: wrap; gap: var(--Grid_Gutter); padding-block-end: 20px } .drw-Filters_Link { align-items: center; background-color: var(--Color_Linen); display: flex; gap: 5px; padding: 2px 5px; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .drw-Filters_Link:hover svg { transform: rotate(90deg) } } .drw-Filters_Link svg { block-size: 15px; flex-shrink: 0; inline-size: 15px; transition: transform .3s ease } .drw-Filters_RemoveFacet { margin-inline-start: auto } .drw-Filters_Remove { opacity: .75; transition: opacity .2s ease; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .drw-Filters_Remove:hover { opacity: 1 } } .drw-Filters_Options { grid-gap: 10px var(--Grid_Gutter); display: grid; grid-template-columns: repeat(2, 1fr) } .drw-Filters_Option-priceRange { grid-column: 1/span 2 } .drw-Filters_Label { align-items: flex-start; cursor: pointer; display: flex; gap: 15px } @media (min-width:900.02px) { .drw-Filters_Label { gap: 20px } } .drw-Filters_Label:has([disabled]) { opacity: .5 } .drw-Filters_Checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; block-size: 15px; display: block; inline-size: 15px; position: relative; transition: opacity .3s ease } @media (hover:hover), (min-width:1600px) { .drw-Filters_Label:hover .drw-Filters_Checkbox:not([disabled]):before { opacity: 1 } .drw-Filters_Label:hover .drw-Filters_Checkbox:not([disabled]):after { transform: scale(.5) } } .drw-Filters_Checkbox:before { block-size: 15px; border: 1px solid var(--Color_Brand); inline-size: 15px; inset-block-start: 3px; inset-inline-start: 0; opacity: .2; transition: opacity .3s ease } .drw-Filters_Checkbox:after, .drw-Filters_Checkbox:before { border-radius: 2px; content: ""; display: block; position: absolute; z-index: 1 } .drw-Filters_Checkbox:after { background-color: var(--Color_Brand); block-size: 9px; inline-size: 9px; inset-block-start: 6px; inset-inline-start: 3px; transform: scale(0); transition: transform .3s ease } .drw-Filters_Checkbox:checked:before { opacity: 1 } .drw-Filters_Checkbox:checked:after { transform: none } .drw-Filters_Checkbox-colour { --Swatch_Colour: #0000; --Swatch_Border: var(--Color_Border) } .drw-Filters_Checkbox-colour:before { opacity: 0 } .drw-Filters_Checkbox-colour:after { background-color: var(--Swatch_Colour); border: 1px solid var(--Swatch_Border); transform: none } .drw-InStock { padding-block-end: var(--Site_Margin) } .drw-InStore_Items { border-block-end: 1px solid var(--Color_Border) } .drw-InStore_Item { border-block-start: 1px solid var(--Color_Border); padding-block: 20px } .drw-InStore_Card { display: flex; gap: 20px } .drw-InStore_Media { flex-shrink: 0; inline-size: 110px } .drw-InStore_Address { margin-block-start: 5px } .drw-InStore_Stock { display: flex; gap: 10px; margin-block-start: 5px } .drw-InStore_StockIcon { align-items: center; block-size: 12px; border-radius: 50%; color: #fff; display: flex; inline-size: 12px; justify-content: center; margin-block-start: 5px } .drw-InStore_StockIcon-tick { background-color: var(--Color_Olive) } .drw-InStore_StockIcon-tick svg { block-size: 6px; inline-size: 7px } .drw-InStore_StockIcon-cross { background-color: var(--Color_Bloodstone) } .drw-InStore_StockIcon-cross svg { block-size: 6px; inline-size: 6px } .drw-InStore_Buttons { margin-block-start: 10px } .drw-Navigation { display: block } .drw-Navigation_Header { border-block-start: 1px solid var(--Color_Border); margin-block-end: 10px; margin-inline: calc(var(--Site_Margin)*-1); padding-block-start: 20px; padding-inline: var(--Site_Margin) } .drw-Navigation_Heading { text-transform: uppercase } .drw-Navigation_Tabs { border-block-end: 1px solid var(--Color_Border); display: flex; gap: 20px; margin-block-end: 15px; margin-inline: calc(var(--Site_Margin)*-1); padding-inline: var(--Site_Margin) } .drw-Navigation_Tab { opacity: .75; padding: 5px 0; position: relative; transition: opacity .3s ease } .drw-Navigation_Tab:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-end: -1px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .3s ease; z-index: 1 } .drw-Navigation_Tab[aria-pressed=true] { opacity: 1 } .drw-Navigation_Tab[aria-pressed=true]:after { transform: none } .drw-Navigation_Panel { display: block } .drw-Navigation_Panel[aria-hidden=true] { display: none } .drw-Navigation_Promo { margin-block: 20px } .drw-Navigation_Link { align-items: center; display: flex; gap: 10px; inline-size: 100%; padding-block: 10px } .drw-Navigation_Footer .drw-Navigation_Link { padding-block: 5px } .drw-Navigation_Icon { block-size: 8px; display: flex; inline-size: 12px; justify-content: flex-end; margin-inline-start: auto; overflow: hidden } .drw-Navigation_Icon svg { block-size: 8px; flex-shrink: 0; inline-size: 17px } .drw-Navigation_Icon-wishlist, .drw-Navigation_Icon-wishlist svg { block-size: 15px; inline-size: 15px } .drw-Navigation_Account { margin-block-start: 20px } .drw-Navigation_AccountButton { gap: 10px } .drw-Navigation_AccountIcon { block-size: 15px; inline-size: 15px } .drw-Navigation_Footer { border-block-start: 1px solid var(--Color_Border); margin-block-start: 20px; margin-inline: calc(var(--Site_Margin)*-1); padding-block-start: 20px; padding-inline: var(--Site_Margin) } .drw-Navigation_FooterNav { margin-block-end: 20px } .drw-Navigation_Socials { display: flex; flex-wrap: wrap; gap: 15px } @media (hover:hover), (min-width:1600px) { .drw-Navigation_Socials { pointer-events: none } } .drw-Navigation_SocialLink { block-size: 15px; display: flex; inline-size: 15px } @media (hover:hover), (min-width:1600px) { .drw-Navigation_SocialLink { pointer-events: auto; transition: opacity .2s ease } .drw-Navigation_Socials:hover .drw-Navigation_SocialLink:not(:hover) { opacity: .4 } } .drw-Option { border: 1px solid #3333331a; display: flex; flex-direction: column; gap: 15px; inline-size: 100%; padding: 15px; transition: border-color .3s ease } .drw-Option:not([disabled]):hover { border: 1px solid #33333380; cursor: pointer } .drw-Option[disabled] { cursor: not-allowed; opacity: .5 } .drw-Option[aria-selected=true] { border: 1px solid #333 } .drw-Option_Data { flex: 1; inline-size: 100% } .drw-Option_SizeDetailsDimension { opacity: .75 } .drw-Option_SelectedStatus { --Indicator_Size: 12px; align-items: center; display: grid; gap: 10px; grid-template-columns: var(--Indicator_Size) 1fr } .drw-Option_SelectedStatusIndicator { align-items: center; block-size: var(--Indicator_Size); border: 1px solid #3333334d; border-radius: 50%; display: flex; flex-shrink: 0; inline-size: var(--Indicator_Size); justify-content: center } @media (hover:hover), (min-width:1600px) { .drw-Option_SelectedStatusIndicator { transition: border .3s ease, background-color .3s ease } .drw-Option:not([disabled]):hover .drw-Option_SelectedStatusIndicator { background-color: #3333334d; border: 1px solid #3333334d } } .drw-Option[aria-selected=true] .drw-Option_SelectedStatusIndicator { background-color: var(--Color_Brand); border: 1px solid var(--Color_Brand) } .drw-Option_SelectedStatusIndicator svg { block-size: 6px; color: #fff; inline-size: 7px; transform: scale(0) } @media (hover:hover), (min-width:1600px) { .drw-Option_SelectedStatusIndicator svg { transition: transform .3s ease } .drw-Option:not([disabled]):hover :is(.drw-Option_SelectedStatusIndicator svg), .drw-Option[aria-selected=true] :is(.drw-Option_SelectedStatusIndicator svg) { transform: none } } .drw-Option_SelectedIncentiveText, .drw-Option_SelectedStatusText { grid-column: 2; grid-row: 1 } .drw-Option_SelectedIncentiveText { transition: opacity .3s ease } .drw-Option[aria-selected=true] .drw-Option_SelectedIncentiveText { opacity: 0 } .drw-Option_SelectedStatusText { opacity: 0; transition: opacity .3s ease } .drw-Option[aria-selected=true] .drw-Option_SelectedStatusText { opacity: 1 } .drw-Option_SelectedWide { grid-column: 1/-1 } .drw-Option_QuantityAdjuster { display: flex } .drw-Option_SelectedButton { --Button_HoverColor: var(--Color_Brand); --Button_HoverBackground: #f3f3ef; background-color: initial; display: grid; overflow: hidden; place-items: center; transition: transform .3s ease } @media (hover:hover), (min-width:1600px) { .drw-Option:not([disabled]):hover .drw-Option_SelectedButton { color: var(--Button_HoverColor) } .drw-Option:not([disabled]):hover .drw-Option_SelectedButton:before { transform: translateY(-100%) } .drw-Option:not([disabled]):hover .drw-Option_SelectedButton:after { transform: none } } .drw-Option[aria-selected=true] .drw-Option_SelectedButton { color: var(--Button_HoverColor) } .drw-Option_SelectedButton:before { background-color: var(--Button_Background); block-size: 100%; border-radius: var(--Button_Radius); content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transition: transform .3s ease; z-index: -2 } .drw-Option[aria-selected=true] .drw-Option_SelectedButton:before { transform: translateY(-100%) } .drw-Option_SelectedButton:after { background-color: var(--Button_HoverBackground); block-size: 100%; border-radius: var(--Button_Radius); content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: translateY(100%); transition: transform .3s ease; z-index: -1 } .drw-Option[aria-selected=true] .drw-Option_SelectedButton:after { transform: none } .drw-Option_SelectedButtonState { align-items: center; display: inline-flex; gap: 10px; grid-column: 1; grid-row: 1 } .drw-Option_SelectedButtonState-unselected { transition: transform .3s ease } .drw-Option[aria-selected=true] .drw-Option_SelectedButtonState-unselected { transform: translateY(-200%) } .drw-Option_SelectedButtonState-selected { transform: translateY(200%); transition: transform .3s ease } .drw-Option[aria-selected=true] .drw-Option_SelectedButtonState-selected { transform: none } .drw-Option_SelectedButtonTick { background-color: var(--Color_Brand); block-size: 12px; border-radius: 50%; color: #fff; display: grid; inline-size: 12px; place-items: center } .drw-Option_SelectedButtonTick svg { block-size: 6px; inline-size: 7px } .drw-Options_Items { --Min_Column_Width: 150px; display: grid; gap: 5px; grid-template-columns: repeat(auto-fill, minmax(var(--Min_Column_Width), 1fr)) } .drw-Options_Items-wider { grid-template-columns: repeat(2, 1fr) } .drw-Options_Item { display: flex } .drw-QuickViewHeader_Title { display: flex; gap: 10px; justify-content: space-between } .drw-QuickViewHeader_Wishlist { margin-block-start: 2px } @media (min-width:1200.02px) { .drw-QuickViewHeader_Wishlist { margin-block-start: 5px } } .drw-QuickViewHeader_Tags { display: flex; margin-block: 10px 20px } .drw-QuickViewHeader_Price { margin-block-start: 10px } .drw-QuickView { display: block; padding-block-end: var(--Site_Margin) } .drw-QuickView_ReadMore { position: relative; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .drw-QuickView_ReadMore:hover:after { transform: scaleX(0) } } .drw-QuickView_ReadMore:after { background-color: currentColor; block-size: .5px; content: ""; display: block; inline-size: 100%; inset-block-end: 2px; inset-inline-start: 0; position: absolute; transition: transform .3s ease } .drw-QuickView_Medias { grid-gap: 5px; display: grid; grid-template-columns: repeat(2, 1fr); margin-block-start: 20px } .drw-QuickView_Image { border-radius: 2px; display: flex; inline-size: 100%; overflow: hidden; position: relative } .drw-QuickView_Image:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .drw-QuickView_Bundle { display: flex; flex-direction: column; gap: 10px; padding: 20px 0 10px } .drw-QuickView_BundleItems { display: flex; flex-wrap: wrap; gap: 10px } .drw-QuickView_BundleImage { align-items: center; block-size: 68px; display: flex; inline-size: 60px; justify-content: center; position: relative } .drw-QuickView_BundleImage:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .drw-QuickView_BundleImage .rsp-Image { block-size: 57px; inline-size: 50px } .drw-QuickView_Form { margin-block-start: 20px } .drw-ShopScene { padding-block-end: var(--Site_Margin) } .drw-ShopScene_Items { display: grid; gap: 30px var(--Grid_Gutter); grid-template-columns: repeat(2, 1fr) } .drw-Sizes { margin-block-start: 5px } @media (min-width:1200.02px) { .drw-Sizes { margin-block-start: 15px } } .drw-Sizes_Items { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, 1fr) } @media (min-width:1200.02px) { .drw-Sizes_Items { grid-template-columns: repeat(3, 1fr) } } @media (min-width:1440px) { .drw-Sizes_Items { grid-template-columns: repeat(4, 1fr) } } .drw-Sizes_Card { block-size: 100%; border: 1px solid var(--Color_Border); display: flex; flex-direction: column; inline-size: 100%; padding: 15px } @media (hover:hover), (min-width:1600px) { .drw-Sizes_Card { transition: border .3s ease } .drw-Sizes_Card:hover { border: 1px solid var(--Color_Brand) } } .drw-Sizes_Card-active { border: 1px solid var(--Color_Brand) } .drw-Sizes_Image { display: flex; margin-block-end: 10px } .drw-Sizes_Image:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .drw-Sizes_Title { margin-block-end: 10px } .drw-Sizes_Selected { align-items: center; display: flex; gap: 10px; margin-block-start: auto } @media (hover:hover), (min-width:1600px) { .drw-Sizes_Selected:after { transition: opacity .3s ease } .drw-Sizes_Card:hover .drw-Sizes_Selected:after { opacity: 1 } } .drw-Sizes_SelectedIcon { align-items: center; block-size: 12px; border: 1px solid var(--Color_Brand); border-radius: 50%; color: #fff; display: flex; inline-size: 12px; justify-content: center; opacity: .1 } @media (hover:hover), (min-width:1600px) { .drw-Sizes_SelectedIcon { transition: opacity .3s ease } .drw-Sizes_Card:hover .drw-Sizes_SelectedIcon { opacity: 1 } } .drw-Sizes_Card-active .drw-Sizes_SelectedIcon { background-color: var(--Color_Brand); opacity: 1 } .drw-Sizes_SelectedIcon svg { block-size: 9px; inline-size: 7px } .drw-Trigger { align-items: center; background-color: #00000003; cursor: pointer; display: flex; flex-wrap: nowrap; gap: 20px; inline-size: 100%; padding: 10px 20px 10px 9px; text-align: start; transition: opacity .3s ease, background-color .3s ease } @media (hover:hover), (min-width:1600px) { .drw-Trigger:not([disabled]):hover { background-color: #00000008 } } .drw-Trigger-unpurchaseable, .drw-Trigger[disabled] { cursor: not-allowed; opacity: .5 } .drw-Trigger_MediaContainer { align-items: center; background-color: #00000008; block-size: 68px; border-radius: 2px; display: flex; flex-shrink: 0; inline-size: 60px; justify-content: center; overflow: clip; pointer-events: none; position: relative; z-index: 1 } .drw-Trigger_MediaContainer:before { block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; pointer-events: none; position: absolute; z-index: 2 } .drw-Trigger_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .drw-Trigger_Image { background-color: #f1f1f1; block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .drw-Trigger_Arrow { block-size: 8px; display: flex; flex-shrink: 0; inline-size: 22px; justify-content: flex-end; margin-inline-start: auto; overflow: hidden; transition: width .3s ease } @media (hover:hover), (min-width:1600px) { .drw-Trigger:not([disabled]):hover .drw-Trigger_Arrow { inline-size: 27px } } @media (hover:none) and (max-width:1599.98px) { .drw-Trigger_Arrow { inline-size: 27px } } .drw-Trigger_Arrow svg { block-size: 8px; flex-shrink: 0; inline-size: 17px; margin-inline-end: 10px } .drw-Triggers { border: 1px solid #ebebeb; border-radius: 4px; display: block; overflow: clip } .drw-Triggers_Item { border-block-end: 1px solid #ebebeb } .drw-Triggers_Item:last-child { border-block-end: 0 } .drw-WishlistAdd_Prompt { background-color: var(--Color_Linen); border-radius: 2px; display: flex; gap: 8px; margin-block-start: 15px; padding: 13px 20px 13px 8px } @media (min-width:900.02px) { .drw-WishlistAdd_Prompt { margin-block-start: 20px } } .drw-WishlistAdd_PromptIcon { block-size: 15px; display: flex; inline-size: 15px; margin-block-start: 2px } .drw-WishlistAdd_PromptText a { -webkit-text-decoration: underline; text-decoration: underline } .drw-WishlistAdd_Product { align-items: normal; border-block-end: 1px solid var(--Color_Border); display: flex; gap: 20px; inline-size: 100%; justify-content: flex-start; padding-block: 15px; text-align: start } .drw-WishlistAdd_Image { flex-shrink: 0; inline-size: 60px; position: relative } .drw-WishlistAdd_Image:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .drw-WishlistAdd_Content { flex-grow: 1 } .drw-WishlistAdd_Title { display: flex; justify-content: space-between } .drw-WishlistAdd_Text, .drw-WishlistAdd_Variants { margin-block-start: 5px } .drw-WishlistAdd_Select { padding-block-start: 0 } .drw-WishlistAdd_Heading { padding-block: 15px } .drw-WishlistAdd_Heading[aria-hidden=true] { display: none } .drw-WishlistAdd_Items { display: grid; gap: 10px } .drw-WishlistAdd_Item { align-items: center; display: flex; gap: 10px; text-align: start } .drw-WishlistAdd_Tick { align-items: center; block-size: 12px; border: 1px solid var(--Color_Border); border-radius: 50%; display: flex; inline-size: 12px; justify-content: center } @media (hover:hover), (min-width:1600px) { .drw-WishlistAdd_Tick { transition: border .3s ease, background-color .3s ease } .drw-WishlistAdd_Item:hover .drw-WishlistAdd_Tick { background-color: var(--Color_Brand); border: 1px solid var(--Color_Brand) } } .drw-WishlistAdd_Tick svg { block-size: 6px; color: #fff; inline-size: 7px; transform: scale(0) } @media (hover:hover), (min-width:1600px) { .drw-WishlistAdd_Tick svg { transition: transform .3s ease } .drw-WishlistAdd_Item:hover :is(.drw-WishlistAdd_Tick svg) { transform: none } } .drw-WishlistAdd_Footer { margin-block-start: 15px } @media (min-width:900.02px) { .drw-WishlistAdd_Footer { margin-block-start: 20px } } .drw-WishlistAdd_CreateButtons { margin-block-start: 5px } .drw-Drawer { display: flex; inset-block: 0; opacity: 0; pointer-events: auto; position: fixed; transition: opacity 0s ease .5s, visibility 0s ease .5s, transform .5s ease 0s; visibility: hidden; z-index: 11 } .drw-Drawer-fromRight { inset-inline-end: 0; transform: translate(100%) } .drw-Drawer-fromLeft { inset-inline-start: 0; transform: translate(-100%) } .drw-Drawer-active { opacity: 1; transform: none; transition: opacity 0s ease 0s, visibility 0s ease 0s, transform .5s ease 0s; visibility: visible } .drw-Drawer-pushCart { flex-direction: row-reverse } .drw-Drawer_Inner { -webkit-overflow-scrolling: touch; background-color: var(--Color_Background); display: flex; flex-direction: column; inline-size: 95vw; max-inline-size: 500px; overflow-y: auto; position: relative; z-index: 2 } @media (min-width:1200.02px) { .drw-Drawer-wide .drw-Drawer_Inner { max-inline-size: 50vw } .drw-Drawer-wideish .drw-Drawer_Inner { max-inline-size: 720px } } .drw-Drawer_Inner-bundle .drw-Drawer_Header { align-items: center; gap: 20px; justify-content: flex-start } .drw-Drawer_Inner-bundle .drw-Drawer_Body { border-block-start: 1px solid var(--Color_Border); margin: 0 var(--Site_Margin); padding: 0 } .drw-Drawer_Inner-bundle .drw-Drawer_SubTitle { text-transform: uppercase } .drw-Drawer_Inner-bundle .drw-Drawer_Close { margin-block-end: auto; margin-inline-start: auto } .drw-Drawer_Body { display: block; flex-grow: 1; padding-inline: var(--Site_Margin) } .drw-Drawer_Header { align-items: flex-start; background-color: var(--Color_Background); display: flex; flex-shrink: 0; gap: 5px; inset-block-start: 0; justify-content: space-between; padding: 15px var(--Site_Margin); position: sticky; z-index: 3 } @media (min-width:900.02px) { .drw-Drawer_Header { padding-block-start: 25px } } .drw-Drawer_Header-bordered { border-block-end: 1px solid var(--Color_Border); margin-block-end: 20px; margin-inline: var(--Site_Margin); padding-block-end: 30px; padding-inline: 0 } .drw-Drawer_Logo { block-size: 37px; inline-size: 100px } .drw-Drawer_SubTitle { margin-block-start: 10px } .drw-Drawer_Close { align-items: center; block-size: 30px; display: flex; inline-size: 30px; justify-content: center; margin-inline-end: -10px } @media (min-width:1200.02px) { .drw-Drawer_Close { margin-block-start: 5px } } .drw-Drawer_Close svg { block-size: 15px; inline-size: 15px } .drw-Drawer_Back { align-items: center; block-size: 30px; display: flex; gap: 10px } .drw-Drawer_BackIcon { block-size: 8px; display: flex; inline-size: 12px; justify-content: flex-end; overflow: hidden; transform: rotate(180deg) } .drw-Drawer_BackIcon svg { block-size: 8px; flex-shrink: 0; inline-size: 17px } .drw-Drawer_QuickViewHeader { inline-size: 100% } .drw-Drawer_Section { display: block; margin-block: 30px } .drw-Drawer_Section:first-child { margin-block-start: 0 } .drw-Drawer_Filters { display: block } .drw-Drawer_Bottom { padding: 0 40px 40px } .drw-Drawer_Footer { background-color: var(--Color_Background); border-block-start: 1px solid var(--Color_Border); inset-block-end: 0; padding: 15px var(--Site_Margin); position: sticky; z-index: 2 } @media (min-width:900.02px) { .drw-Drawer_Footer { padding-block: 20px } } .ft-Base { --Base_Height: 60px; border-block-start: 1px solid var(--Border_Color); padding-block-end: 20px } @media (min-width:1200.02px) { .ft-Base { padding-block-end: 0 } .ft-Base_Body { align-items: center; block-size: var(--Base_Height); display: flex } } .ft-Base_Copyright { margin-block-start: 20px; text-align: center } @media (min-width:1200.02px) { .ft-Base_Copyright { margin-block-start: 0; margin-inline-end: 20px; text-align: start } } .ft-Base_Navigation { display: none } @media (min-width:900.02px) { .ft-Base_Navigation { display: block } } @media (hover:hover), (min-width:1600px) { .ft-Base_Items { pointer-events: none } } @media (min-width:900.02px) { .ft-Base_Items { display: flex; gap: 20px; justify-content: center; margin-block-start: 20px } } @media (min-width:1200.02px) { .ft-Base_Items { justify-content: start; margin-block-start: 0 } } .ft-Base_Link { display: block } @media (hover:hover), (min-width:1600px) { .ft-Base_Link { pointer-events: auto; transition: opacity .2s ease } .ft-Base_Items:hover .ft-Base_Link:not(:hover) { opacity: .4 } } .ft-Base_Payments { display: flex; gap: 20px; justify-content: center; margin-block-start: 20px } @media (min-width:1200.02px) { .ft-Base_Payments { gap: 10px; justify-content: start; margin-block-start: 0; margin-inline-start: auto } } @media (min-width:1440px) { .ft-Base_Payments { gap: 20px } } .ft-Base_Payment { block-size: 17px; display: flex; flex-shrink: 0; inline-size: 28px } .ft-Navigation_Title { align-items: center; display: flex; font-family: var(--Font_Family-segma); font-size: 12px; font-weight: 400; inline-size: 100%; justify-content: space-between; line-height: 150%; padding-block: 5px; text-align: start; text-transform: uppercase } @media (min-width:900.02px) { .ft-Navigation_Title { font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 16px; font-weight: 400; line-height: 130%; padding-block: 0; pointer-events: none; text-transform: none } } @media (min-width:1200.02px) { .ft-Navigation_Title { font-size: 18px } } .ft-Navigation_Icon { block-size: 9px; display: grid; inline-size: 9px; transition: transform .2s ease } @media (min-width:900.02px) { .ft-Navigation_Icon { display: none } } [aria-expanded=true] .ft-Navigation_Icon { transform: rotate(180deg) } .ft-Navigation_Icon svg { grid-column: 1; grid-row: 1; transition: opacity .2s ease } [aria-expanded=true] :is(.ft-Navigation_Icon svg:first-child) { opacity: 0 } .ft-Navigation_Body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s } @media (min-width:900.02px) { .ft-Navigation_Body { display: block } } [aria-expanded=true] .ft-Navigation_Body { grid-template-rows: 1fr } .ft-Navigation_Content { overflow: hidden } @media (min-width:900.02px) { .ft-Navigation_Content { overflow: visible } } .ft-Navigation_Items { grid-gap: 5px; display: grid; margin-block: 5px 20px } @media (hover:hover), (min-width:1600px) { .ft-Navigation_Items { pointer-events: none } } @media (min-width:900.02px) { .ft-Navigation_Items { margin-block: 20px 0 } } @media (hover:hover), (min-width:1600px) { .ft-Navigation_Link { pointer-events: auto; transition: opacity .2s ease } .ft-Navigation_Items:hover .ft-Navigation_Link:not(:hover) { opacity: .4 } } .ft-Footer { --Border_Color: #0000001a; background-color: var(--Section_Background) } .ft-Footer-light { --Border_Color: #ffffff1a; color: #fff } .ft-Footer_Body { padding-block: 30px } @media (min-width:900.02px) { .ft-Footer_Body { padding-block: 40px } .ft-Footer_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(var(--Columns), 1fr) } } .ft-Footer_Column { display: block } .ft-Footer_Column-socials { border-block-start: 1px solid var(--Border_Color); display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, 1fr); margin-block-start: 30px; margin-inline: calc(var(--Site_Margin)*-1); padding-block-start: 30px; padding-inline: var(--Site_Margin) } @media (min-width:900.02px) { .ft-Footer_Column-socials { border-block-start: 0; display: block; margin-block-start: 0; margin-inline: 0; padding-block-start: 0; padding-inline: 0 } } .ft-Footer_Socials { display: flex; flex-wrap: wrap; gap: 10px } @media (hover:hover), (min-width:1600px) { .ft-Footer_Socials { pointer-events: none } } .ft-Footer_SocialLink { block-size: 15px; display: flex; inline-size: 15px } @media (hover:hover), (min-width:1600px) { .ft-Footer_SocialLink { pointer-events: auto; transition: opacity .2s ease; will-change: opacity } .ft-Footer_Socials:hover .ft-Footer_SocialLink:not(:hover) { opacity: .4 } } .ft-Footer_Certified { block-size: 85px; inline-size: 50px } .ft-Footer_Socials+.ft-Footer_Certified { margin-block-start: 30px } @media (min-width:900.02px) { .ft-Footer_Socials+.ft-Footer_Certified { margin-block-start: 40px } .ft-Footer_SecondaryNavigation { display: none } } .ft-Footer_SecondaryItems { display: grid; gap: 10px } .gf-GiftCard { align-items: center; block-size: 100vh; display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative } .gf-GiftCard_MediaContainer { inset-block-end: 0; overflow: hidden; z-index: -1 } .gf-GiftCard_MediaContainer, .gf-GiftCard_Overlay { block-size: 100%; inline-size: 100%; inset-inline-start: 0; position: absolute } .gf-GiftCard_Overlay { background-color: #000; display: block; inset-block-start: 0; opacity: var(--Opacity); z-index: 1 } .gf-GiftCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -2 } .gf-GiftCard_Image-desktop { display: none } @media (min-width:900.02px) { .gf-GiftCard_Image-desktop { display: flex } .gf-GiftCard_Image-mobile { display: none } } .gf-GiftCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .gf-GiftCard_Video-desktop { display: none } @media (min-width:900.02px) { .gf-GiftCard_Video-desktop { display: flex } .gf-GiftCard_Video-mobile { display: none } } .gf-GiftCard_Body { align-items: center; background-color: var(--Color_Porcelein); border-radius: 10px; display: flex; flex-direction: column; inline-size: calc(100% - 40px); max-inline-size: 500px; padding: 20px; text-align: center } .gf-GiftCard_Card { inline-size: 100% } .gf-GiftCard_Logo { block-size: 40px; display: block; inline-size: 110px; margin-block: 20px 30px; margin-inline: auto } .gf-Price_Price-expired { opacity: .3; -webkit-text-decoration: line-through; text-decoration: line-through } .gf-Price_Expired { color: var(--Color_Red) } .gf-QR { display: block; margin-block: 20px } .gf-QR_Code { block-size: 100px; display: flex; inline-size: 100px; margin-inline: auto } .gf-Info { margin-block-start: 20px } .gf-Info_Code { font-weight: 500; margin-block-start: 5px } .gf-Info_Copy { margin-block-start: 20px; position: relative } .gf-Info_CopyBtn { align-items: center; justify-content: space-between } .gf-Info_CopyBtnIcon { block-size: 18px; inline-size: 18px; margin-block-start: -2px; position: relative; z-index: 2 } .gf-Info_CopySuccess { align-items: center; background-color: #fff; border-radius: 5px; color: var(--Color_Brand); display: flex; font-size: 13px; inset-block-start: 80%; inset-inline-start: 50%; justify-content: center; margin-block-start: 20px; opacity: 1; padding: 10px 20px; position: absolute; text-align: center; transform: translate(-50%); transition: opacity .25s ease .05s, visibility 0s; -webkit-user-select: none; user-select: none; visibility: visible; z-index: 100 } .gf-Info_CopySuccess:after { background-color: #fff; block-size: 18px; content: ""; inline-size: 18px; inset-block-start: -9px; position: absolute; transform: rotate(45deg); z-index: -1 } .gf-Info_CopySuccess-hide { opacity: 0; transition: opacity .25s ease, visibility 0s .35s; visibility: hidden } .gf-Info_Success { white-space: nowrap } .gf-Info_Copy-success { inline-size: 100% } .gf-GiftCard_Buttons { align-items: center; display: flex; flex-direction: column; gap: 10px; margin-block-start: 20px } @media print { .gf-GiftCard_Logo { display: block } .gf-QR_Code { block-size: 150px; inline-size: 150px } .gf-GiftCard_Buttons, .gf-GiftCard_MediaContainer, .gf-Info { display: none } } .hd-Announcement_Slides { align-items: center; display: grid; grid-column: 1; grid-row: 1 } .hd-Announcement_Slide { grid-column: 1; grid-row: 1; opacity: 1; transition: opacity .5s ease, visibility .5s ease; visibility: visible; z-index: 1 } .hd-Announcement_Slide[aria-hidden=true] { opacity: 0; visibility: hidden; z-index: 0 } .hd-Announcement_Text { display: flex; gap: 5px; justify-content: center; text-align: center } @media (min-width:900.02px) { .hd-Announcement_Text { justify-content: start; text-align: start } } .hd-Announcement_Link { -webkit-text-decoration: underline; text-decoration: underline } .hd-Banner { --Header_Color: var(--Color_Brand); --Header_Background: var(--Color_Background); --Header_Border: var(--Color_Border); background-color: var(--Header_Background); block-size: var(--Header_Height); border-block-end: 1px solid var(--Header_Border); color: var(--Header_Color); display: block; pointer-events: auto; position: relative; transition: color .2s ease .2s, background-color .2s ease .2s, border .2s ease .2s, transform .3s ease; z-index: 1 } @media (min-width:1200.02px) { .hd-Banner:hover { --Header_Color: var(--Color_Brand); --Header_Background: var(--Color_Background); transition: color .2s ease, background-color .2s ease, border .2s ease, transform .3s ease } } .lyt-Theme-headerBlur .hd-Banner { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px) } .lyt-Theme-headerDark :is(.lyt-Theme-headerBlur .hd-Banner):not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) { --Header_Background: #fff3; --Header_Border: #0000 } .lyt-Theme-headerLight :is(.lyt-Theme-headerBlur .hd-Banner):not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) { --Header_Background: #0003; --Header_Border: #0000 } .lyt-Theme-headerTransparent .hd-Banner:not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) { --Header_Background: #0000; --Header_Border: #0000 } @media (min-width:900.02px) { .lyt-Theme-headerPdp .hd-Banner:not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) { --Header_Background: #0000; --Header_Border: #0000 } } .hd-Banner-ancillary.hd-Banner, .lyt-Theme-headerLight .hd-Banner:not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) { --Header_Color: #fff } .hd-Banner-hasScrolled { transform: translateY(calc(var(--Header_Height)*-1)) } @media (min-width:1200.02px) { .hd-Banner-hasScrolled:hover { transform: translateY(calc(var(--Header_TopBar)*-1)) } } .hd-Banner-hasScrolledUp { transform: translateY(calc(var(--Header_TopBar)*-1)) } .hd-Banner_Container { display: block } .hd-Banner_Body { align-items: center; block-size: 66px; display: flex; gap: 20px; padding-block-end: 0 } @media (min-width:768px) { .hd-Banner_Body { align-items: center; block-size: auto; padding-block-end: 0 } } @media (min-width:1440px) { .hd-Banner_Body { gap: 40px } } .hd-Banner_Logo { block-size: 30px; inline-size: 83px; justify-self: start; margin-block-end: 10px } @media (min-width:768px) { .hd-Banner_Logo { margin-block-end: 5px } } @media (min-width:1200.02px) { .hd-Banner_Logo { margin-block-end: 6px } } .hd-Banner_LogoLink { display: block } .hd-Banner_Nav { display: none } @media (min-width:1200.02px) { .hd-Banner_Nav { display: block; justify-self: center } } .hd-Banner_Items { align-items: center; display: flex; gap: 5px } @media (min-width:900.02px) { .hd-Banner_Items { gap: 15px } } @media (min-width:1200.02px) { .hd-Banner_Items { pointer-events: none } } @media (min-width:1440px) { .hd-Banner_Items { gap: 20px } } .hd-Banner_Ancillary .hd-Banner_Items { gap: 0 } .hd-Banner_Item { align-items: center; display: flex } @media (min-width:768px) { .hd-Banner_Item { block-size: var(--Header_Banner) } } @media (min-width:1200.02px) { .hd-Banner_Item-menu { display: none } } .hd-Banner_Link { display: block; position: relative } @media (min-width:1200.02px) { .hd-Banner_Link { margin-block-start: 1px; pointer-events: auto; transition: opacity .2s ease; will-change: opacity } .hd-Banner_Items:hover .hd-Banner_Item:not(:hover) .hd-Banner_Link { opacity: .4 } } .hd-Banner_Link-icon { align-items: center; block-size: 35px; display: flex; inline-size: 35px; justify-content: center } @media (min-width:1200.02px) { .hd-Banner_Link-icon { margin-block-start: 0 } } .hd-Banner_Icon { block-size: 15px; display: flex; inline-size: 15px } .hd-Banner_Ancillary { align-items: center; display: flex; gap: 10px; margin-inline: auto -10px } .hd-Banner_CartCount { font-size: 0; inset-block-start: 10px; inset-inline-end: 10px; position: absolute; transition: transform .3s ease; z-index: 1 } .hd-Banner_CartCount[aria-hidden=true] { transform: scale(0) } .hd-Banner_CartCount:before { background-color: var(--Color_Antique); block-size: 3px; border-radius: 50%; content: ""; display: block; inline-size: 3px } .hd-Banner_Search { display: block } .hd-Banner_Footer { margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:768px) { .hd-Banner_Footer { display: none } } .hd-Banner_SearchTrigger { align-items: center; block-size: 42px; display: flex; inline-size: 100%; justify-content: space-between; padding-inline: var(--Site_Margin); position: relative; z-index: 1 } .hd-Banner_SearchTrigger:before { background-color: currentColor; block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .05; position: absolute; z-index: -1 } .hd-Banner_SearchTrigger svg { block-size: 15px; inline-size: 15px } .hd-Banner_TabAccessible { block-size: 10px; display: inline-block; inline-size: 0; position: relative } .hd-Banner_TabButton { block-size: 6px; box-sizing: initial; display: block; inline-size: 10px; inset-block-start: 50%; opacity: 0; pointer-events: none; position: absolute; transform: translateY(-50%) } .hd-Banner_TabButton:focus { opacity: 1; pointer-events: auto } .hd-Banner_Dropdown { inset-block-start: 100%; inset-inline: 0; opacity: 0; pointer-events: auto; position: absolute; transition: opacity .2s ease 0s, visibility .2s ease 0s; visibility: hidden } .hd-Banner_Dropdown[aria-hidden=false] { opacity: 1; transition: opacity .4s ease-in-out .2s, visibility .4s ease-in-out .2s; visibility: visible } .hd-Banner_Dropdown-seo { display: none } .hd-Banner_Backdrop { --Height: 0; block-size: var(--Height); inset-block-start: 0; inset-inline: 0; position: absolute; transition: height .2s ease .2s; z-index: -1 } .hd-Banner_Backdrop:before { background-color: var(--Color_Background); block-size: 100%; content: ""; display: block; inline-size: 100%; transition: background-color .4s ease .2s } .hd-Banner-ancillary .hd-Banner_Backdrop:before { background-color: var(--TopBar_Background) } .hd-Banner_Backdrop:after { background-color: #00000080; block-size: calc(100vh + var(--Header_TopBar)); content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .2s ease .2s, visibility .2s ease .2s; visibility: hidden; z-index: -1 } .hd-Banner_Backdrop[aria-hidden=false]:after { opacity: 1; visibility: visible } .hd-Dropdown { padding-block: 20px 40px; position: relative } .hd-Dropdown:before { background-color: initial; block-size: 20px; content: ""; display: block; inline-size: 100%; inset-block-end: 100%; inset-inline-start: 0; position: absolute; z-index: 1 } .hd-Banner-ancillary .hd-Dropdown:before { block-size: 100%; z-index: 0 } .hd-Dropdown_Columns { --Column_Count: 1; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(var(--Column_Count), 1fr) } .hd-Dropdown_Column { display: flex; flex-direction: column } .hd-Dropdown_Block+.hd-Dropdown_Block { margin-block-start: 10px } .hd-Dropdown_Block:last-child { flex-grow: 1 } .hd-Dropdown_Items { block-size: 100%; display: flex; flex-direction: column; gap: 5px } @media (min-width:1200.02px) { .hd-Dropdown_Items { pointer-events: none } } .hd-Dropdown_Item-header+.hd-Dropdown_Item { margin-block-start: 10px } .hd-Dropdown_Item-button { margin-block-start: auto } .hd-Dropdown_Heading { pointer-events: auto } @media (min-width:1200.02px) { .hd-Dropdown_Link { pointer-events: auto; transition: opacity .2s ease } .hd-Dropdown_Items:hover .hd-Dropdown_Link:not(:hover) { opacity: .4 } } .hd-Dropdown_Link-button { margin-block-start: 15px } .hd-QuickSearch { display: block; inline-size: 100%; transition: opacity .2s ease, visibility .2s ease } @media (min-width:768px) { .hd-QuickSearch { background-color: #fff; color: var(--Color_Brand); inset-block-start: 100% } .hd-QuickSearch, .hd-QuickSearch:before { inset-inline-start: 0; position: absolute; z-index: 1 } .hd-QuickSearch:before { block-size: 13px; content: ""; display: block; inline-size: 100%; inset-block-start: -13px } } .hd-Search_QuickSearch[aria-hidden=true] .hd-QuickSearch { opacity: 0; visibility: hidden } .hd-QuickSearch_Inner { padding-block: 20px } .hd-QuickSearch_Columns { display: grid; gap: var(--Site_Margin) var(--Grid_Gutter); grid-template-columns: minmax(0, 1fr) } @media (min-width:900.02px) { .hd-QuickSearch_Columns { grid-template-columns: repeat(12, 1fr) } .hd-QuickSearch_Column-aside { grid-column: 1/span 3 } .hd-QuickSearch_Column-main { grid-column: 4/span 9 } .hd-QuickSearch_Column-mobile { display: none } } .hd-QuickSearch_Blocks { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) } @media (min-width:900.02px) { .hd-QuickSearch_Blocks { gap: 30px } } .hd-QuickSearch_Block-desktop { display: none } @media (min-width:900.02px) { .hd-QuickSearch_Block-desktop { display: block } } .hd-QuickSearch_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: 15px; margin-block-start: 5px; margin-inline: calc(var(--Site_Margin)*-1); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:768px) { .hd-QuickSearch_Items { margin-block-start: 10px } } @media (min-width:900.02px) { .hd-QuickSearch_Items { display: grid; gap: 5px; margin-block-start: 15px; margin-inline: 0; overflow: visible; padding-inline: 0 } } @media (hover:hover), (min-width:1600px) { .hd-QuickSearch_Items { pointer-events: none } } .hd-QuickSearch_Link { white-space: nowrap } @media (min-width:768px) { .hd-QuickSearch_Link { white-space: normal } } @media (hover:hover), (min-width:1600px) { .hd-QuickSearch_Link { pointer-events: auto; transition: opacity .2s ease } .hd-QuickSearch_Items:hover .hd-QuickSearch_Link:not(:hover) { opacity: .4 } } .hd-QuickSearch_Header { align-items: center; display: flex; justify-content: space-between } .hd-QuickSearch_Results { display: grid; gap: 30px var(--Grid_Gutter); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-block-start: 10px } @media (min-width:768px) { .hd-QuickSearch_Results { grid-template-columns: repeat(4, minmax(0, 1fr)) } } @media (min-width:900.02px) { .hd-QuickSearch_Results { margin-block-start: 15px } } .hd-QuickSearch_NoResults { margin-block-start: 5px } .hd-SearchCategories_Columns { display: grid; gap: 30px var(--Grid_Gutter); grid-template-columns: repeat(1, minmax(0, 1fr)); margin-block-end: 10px } @media (min-width:768px) { .hd-SearchCategories_Columns { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-end: 15px } } @media (min-width:1200.02px) { .hd-SearchCategories_Columns { grid-template-columns: repeat(4, minmax(0, 1fr)) } } @media (min-width:768px) { .hd-SearchCategories_Column:nth-of-type(4) { display: none } } @media (min-width:1200.02px) { .hd-SearchCategories_Column:nth-of-type(4) { display: block } } .hd-SearchCategories_Card { block-size: 100%; display: block; inline-size: 100% } .hd-SearchCategories_MediaContainer { display: flex; flex-grow: 1; inline-size: 100%; margin-block-end: 10px; overflow: hidden; position: relative; z-index: 1 } .hd-SearchCategories_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 70% } @media (min-width:900.02px) { .hd-SearchCategories_MediaContainer:after { padding-block-start: 150% } } .hd-SearchCategories_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -2 } @media (hover:hover), (min-width:1600px) { .hd-SearchCategories_Image { transform: scale(1.025); transition: transform .3s ease } .hd-SearchCategories_Card:hover .hd-SearchCategories_Image { transform: none } } .hd-SearchCategories_Content { padding-inline-end: 10px } .hd-SearchCategories_Text { --Button_Color: currentColor; white-space: normal } .hd-Search { display: block } @media (max-width:767.98px) { .hd-Search { background-color: var(--Color_Background); block-size: 100svh; color: var(--Color_Brand); display: flex; flex-direction: column; inline-size: 90vw; inset-block-start: 0; inset-inline-start: 0; opacity: 0; position: fixed; transform: translate(-100%); transition: opacity 0s ease .5s, visibility 0s ease .5s, transform .5s ease 0s; visibility: hidden; z-index: 10 } .hd-Banner-hasScrolledUp .hd-Search { transform: translate(-100%, var(--Header_TopBar)) } .hd-Search-active { opacity: 1; transform: none; transition: opacity 0s ease 0s, visibility 0s ease 0s, transform .5s ease 0s; visibility: visible } .hd-Banner-hasScrolledUp .hd-Search-active { transform: translateY(var(--Header_TopBar)) } } .hd-Search_Form { display: flex; flex-shrink: 0; inline-size: 100%; position: relative; z-index: 1 } @media (min-width:768px) { .hd-Search_Form { inline-size: 300px } } @media (min-width:1200.02px) { .hd-Search_Form { inline-size: 200px } } @media (min-width:1440px) { .hd-Search_Form { inline-size: 260px } } .hd-Search_Form:before { background-color: currentColor; block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; opacity: .05; position: absolute; z-index: -1 } @media (min-width:768px) { .hd-Search_Form:before { block-size: 100%; border-radius: 4px } } .hd-Search_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #0000; background-image: none !important; block-size: 40px; border: 0; color: currentColor; flex-grow: 1; font-size: 16px; outline: 0; padding: 5px 15px } @media (min-width:768px) { .hd-Search_Input { block-size: 32px; padding-inline: 10px } } @media (min-width:900.02px) { .hd-Search_Input { font-size: 13px } } .hd-Search_Input::placeholder { color: currentColor; font-size: 13px; opacity: 1 } .hd-Search_Button { align-items: center; background-color: initial; block-size: 50px; border: 0; display: flex; flex-grow: 0; flex-shrink: 0; inline-size: 40px; justify-content: center } @media (min-width:768px) { .hd-Search_Button { block-size: 32px; inline-size: 32px; inset-block-start: 0; inset-inline-end: 0; position: absolute; z-index: 1 } .hd-Search_Input:placeholder-shown~.hd-Search_Button:not(.hd-Search_Button-close) { pointer-events: none } } .hd-Search_Button svg { block-size: 15px; inline-size: 15px } .hd-Search_Button-close { display: none; margin-inline-end: 5px } @media (min-width:768px) { .hd-Search_Button-close { inset-inline-end: 25px; margin-inline-end: 0 } } .hd-Search_Button-close:after { background-color: #00000080; block-size: 100vh; content: ""; display: block; inline-size: 10vw; inset-block-start: 0; inset-inline-start: 100%; opacity: 0; position: absolute; transition: opacity .3s ease 0s; z-index: -1 } @media (min-width:768px) { .hd-Search_Button-close:after { inline-size: 100vw; inset-block-start: var(--Header_Height); inset-inline-start: 0; position: fixed } } .hd-Search-active .hd-Search_Button-close { display: flex } .hd-Search-active .hd-Search_Button-close:after { opacity: 1; transition: opacity .3s ease .3s } .hd-Search_QuickSearch { flex-grow: 1 } @media (max-width:767.98px) { .hd-Search_QuickSearch { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow: auto; scroll-behavior: smooth; scrollbar-width: none } .hd-Search_QuickSearch::-webkit-scrollbar { display: none } } .hd-Search:focus-within .hd-Search_QuickSearch { opacity: 1; visibility: visible } .hd-Search_Categories { display: none } .hd-TopBar { background-color: var(--TopBar_Background) } .hd-TopBar-light { color: #fff } .hd-TopBar_Body { align-items: center; block-size: var(--Header_TopBar); display: flex; gap: var(--Grid_Gutter); justify-content: center } @media (min-width:900.02px) { .hd-TopBar_Body { justify-content: space-between } } .hd-TopBar_Nav { display: none } @media (min-width:900.02px) { .hd-TopBar_Nav { display: block } } .hd-TopBar_Items { align-items: center; display: flex; gap: 5px } @media (hover:hover), (min-width:1600px) { .hd-TopBar_Items { pointer-events: none } } @media (min-width:900.02px) { .hd-TopBar_Items { gap: 20px } } .hd-TopBar_Ancillary .hd-TopBar_Items { gap: 0 } .hd-TopBar_Item { align-items: center; block-size: var(--Header_TopBar); display: flex } @media (min-width:900.02px) { .hd-TopBar_Item-menu { display: none } } .hd-TopBar_Link { display: block; position: relative; z-index: 1 } @media (hover:hover), (min-width:1600px) { .hd-TopBar_Link { pointer-events: auto; transition: opacity .2s ease } .hd-TopBar_Items:hover .hd-TopBar_Item:not(:hover) .hd-TopBar_Link { opacity: .4 } } .hd-TopBar_TabAccessible { block-size: 10px; display: inline-block; inline-size: 0; position: relative } .hd-TopBar_TabButton { block-size: 6px; box-sizing: initial; display: block; inline-size: 10px; inset-block-start: 50%; opacity: 0; pointer-events: none; position: absolute; transform: translateY(-50%) } .hd-TopBar_TabButton:focus { opacity: 1; pointer-events: auto } .hd-Header { inline-size: 100%; inset-block-start: 0; pointer-events: none; position: fixed; z-index: 10 } .nav-BackToTop { inset-block-end: 40px; inset-inline-end: 20px; position: fixed; z-index: 100 } @media (min-width:768px) { .nav-BackToTop { inset-block-end: 60px } } .lyt-Theme-isProduct .nav-BackToTop { inset-block-end: 100px } @media (min-width:900.02px) { .lyt-Theme-isProduct .nav-BackToTop { inset-block-end: 120px } } .nav-BackToTop_Container { transition: opacity .3s ease-in-out } .nav-BackToTop_Container[aria-hidden=true] { opacity: 0; pointer-events: none } .nav-BackToTop_Container:not([aria-hidden=true]) { opacity: 1; pointer-events: auto } .btn-BackToTop .btn-Button_Arrow { inline-size: 22px; transform: rotate(-90deg) } .btn-BackToTop .btn-Button_Arrow svg { block-size: 6px; margin-inline-end: 1px } .btn-BackToTop:not([disabled]):hover .btn-Button_Arrow { inline-size: 22px } .nav-Promo { block-size: 100%; display: flex; flex-direction: column; gap: 10px; inline-size: 100% } .nav-Promo_MediaContainer { flex-grow: 1; inline-size: 100%; overflow: hidden; position: relative; z-index: 1 } .hd-Dropdown .nav-Promo_MediaContainer { min-block-size: 350px } .drw-Navigation .nav-Promo_MediaContainer { display: flex } .drw-Navigation .nav-Promo_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 70% } .nav-Promo_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -2 } @media (hover:hover), (min-width:1600px) { .nav-Promo_Image { transform: scale(1.025); transition: transform .3s ease } .nav-Promo:hover .nav-Promo_Image { transform: none } } .nav-Promo_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 1 } .nav-Promo_Content { padding-inline-end: 10px } .nav-Promo_Text { --Button_Color: currentColor; white-space: normal } .pas-Password { align-items: center; block-size: 100vh; color: var(--Color_Brand); display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative } .pas-Password-light { color: #fff } .pas-Password_Body { align-items: center; background-color: var(--Color_Linen); border-radius: 2px; color: var(--Color_Brand); display: flex; flex-direction: column; inline-size: calc(100% - 40px); max-inline-size: 400px; padding: 20px; text-align: center; z-index: 1 } .pas-Password_Logo { block-size: 30px; inline-size: 83px; margin-block: 10px 20px; margin-inline: auto } .pas-Password_Login { inline-size: 100%; z-index: 1 } .pas-Password_Block, .pas-Password_Newsletter { inline-size: 100% } .pas-Password_Text { margin-block-start: 5px } .pas-Password_Form { margin-block-start: 20px } .pas-Password_Submit { margin-block-start: 5px } .pas-Password_MediaContainer { inset-block-end: 0; overflow: hidden; z-index: -1 } .pas-Password_MediaContainer, .pas-Password_Overlay { block-size: 100%; inline-size: 100%; inset-inline-start: 0; position: absolute } .pas-Password_Overlay { background-color: #fff; display: block; inset-block-start: 0; opacity: var(--Opacity); z-index: 1 } .pas-Password-light .pas-Password_Overlay { background-color: #000 } .pas-Password_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -2 } .pas-Password_Image-desktop { display: none } @media (min-width:900.02px) { .pas-Password_Image-desktop { display: flex } .pas-Password_Image-mobile { display: none } } .pas-Password_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .pas-Password_Video-desktop { display: none } @media (min-width:900.02px) { .pas-Password_Video-desktop { display: flex } .pas-Password_Video-mobile { display: none } } .pas-Password_Admin { margin-block-start: 20px } .prc-Range { grid-column-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(2, 1fr); padding-block: 15px 15px } .prc-Range_Column { align-items: center; display: flex } .prc-Range_Symbol { margin-inline-end: 10px } .prc-Range_Field { --Horizontal_Padding: 15px; align-items: center; display: flex; inline-size: 100%; position: relative } .prc-Range_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: 1px solid var(--Color_Border); border-radius: 0; inline-size: 100%; padding: 22px var(--Horizontal_Padding) 8px } .prc-Range_Input::placeholder { opacity: 0 } .prc-Range_Label { font-size: 16px; inset-block-start: 15px; inset-inline-start: var(--Horizontal_Padding); line-height: 1.5; pointer-events: none; position: absolute; transition: top .2s ease, font-size .2s ease } .prc-Range_Input:-webkit-autofill~.prc-Range_Label, .prc-Range_Input:focus~.prc-Range_Label, .prc-Range_Input:not(:placeholder-shown)~.prc-Range_Label { font-size: 10px; inset-block-start: 5px; letter-spacing: .04px } .prd-MadeToOrderExpandedProductCard { display: flex; flex-direction: column } .prd-MadeToOrderExpandedProductCard_MediaContainer { border-radius: 2px; display: flex; margin-block-end: 10px; overflow: hidden; pointer-events: none; position: relative; z-index: 1 } .prd-MadeToOrderExpandedProductCard_MediaContainer:before { background-color: #00000008; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; pointer-events: none; position: absolute; z-index: 2 } .prd-MadeToOrderExpandedProductCard_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .prd-MadeToOrderExpandedProductCard_Image { background-color: #00000008; block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .prd-MadeToOrderExpandedProductCard_Price { margin-block-start: 5px } .prd-MadeToOrderExpandedProductCard_Details { margin-block-start: 15px } .prd-MadeToOrderExpandedProductCard_Key { color: #333333bf; margin-inline-end: 3px } .prd-MadeToOrderExpandedProductCard_Info { color: #333333bf; margin-block-end: 5px } .prd-MadeToOrderFabricProductCard { display: flex; flex-direction: column } .prd-MadeToOrderFabricProductCard_MediaContainer { border-radius: 2px; display: flex; margin-block-end: 10px; overflow: hidden; pointer-events: none; position: relative; z-index: 1 } .prd-MadeToOrderFabricProductCard_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .prd-MadeToOrderFabricProductCard_Image { background-color: #f1f1f1; block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .prd-MadeToOrderFabricProductCard_Strapline { color: #333333bf; margin-block-end: 5px } .prd-MadeToOrderFabricProductCard_Price { margin-block-start: 5px } .prd-MadeToOrderFabricProductCard_Details { margin-block-start: 15px } .prd-MadeToOrderFabricProductCard_Key { color: #333333bf; margin-inline-end: 3px } .prd-MadeToOrderFilters { position: relative } .prd-MadeToOrderFilters_Label { margin-block-end: 10px } .prd-MadeToOrderFilters_Items { --Gap: 20px; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; align-items: center; display: flex; flex-wrap: nowrap; gap: var(--Gap); overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none } .prd-MadeToOrderFilters_Items:after, .prd-MadeToOrderFilters_Items:before { block-size: 24px; content: ""; display: block; flex-shrink: 0; inline-size: 24px; pointer-events: none; position: absolute; z-index: 1 } .prd-MadeToOrderFilters_Items:after { background: linear-gradient(270deg, #fff, #fff0); inset-inline-end: 0 } .prd-MadeToOrderFilters_Items:before { background: linear-gradient(90deg, #fff, #fff0); inset-inline-start: 0 } .prd-MadeToOrderFilters_Items::-webkit-scrollbar { display: none } .prd-MadeToOrderFilters_Items-atEnd:after, .prd-MadeToOrderFilters_Items-atStart:before { opacity: 0 } .prd-MadeToOrderFilters_Item { flex-shrink: 0 } .prd-MadeToOrderFilters_ScrollArrow { block-size: 10px; cursor: pointer; display: none; position: absolute; transition: opacity .3s ease } @media (min-width:900.02px) { .prd-MadeToOrderFilters_ScrollArrow { align-items: center; block-size: 24px; display: flex; inline-size: 24px; justify-content: center } } .prd-MadeToOrderFilters_ScrollArrow svg { block-size: 10px; flex-shrink: 0; inline-size: 10px } @media (min-width:900.02px) { .prd-MadeToOrderFilters_ScrollArrow svg { block-size: 15px; inline-size: 15px } } .prd-MadeToOrderFilters_ScrollArrow[aria-hidden=true] { opacity: 0; pointer-events: none; visibility: hidden } .prd-MadeToOrderFilters_ScrollArrow-left { inset-inline-start: -15px; rotate: 180deg } @media (min-width:900.02px) { .prd-MadeToOrderFilters_ScrollArrow-left { inset-inline-start: -30px } } .prd-MadeToOrderFilters_ScrollArrow-right { inset-inline-end: -15px } @media (min-width:900.02px) { .prd-MadeToOrderFilters_ScrollArrow-right { inset-inline-end: -30px } } .prd-MadeToOrderFilters_SimpleFilter { opacity: .75; position: relative; transition: opacity .3s ease; white-space: nowrap } .prd-MadeToOrderFilters_SimpleFilter[aria-selected=true] { opacity: 1 } .prd-MadeToOrderFilters_SimpleFilter[aria-selected=true]:after { transform: scaleX(1) } .prd-MadeToOrderFilters_SimpleFilter:after { background-color: currentColor; block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-start: calc(100% - 1px); inset-inline: 0 0; position: absolute; transform: scaleX(0); transform-origin: center; transition: transform .3s ease } .prd-MadeToOrderFilters_ColourFilter { align-items: center; display: flex; gap: 10px } .prd-MadeToOrderFilters_ColourFilterIndicator { block-size: 15px; border-radius: 2px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; inline-size: 15px; place-items: center } .prd-MadeToOrderFilters_ColourFilterIndicator:after, .prd-MadeToOrderFilters_ColourFilterIndicator:before { border-radius: inherit; content: ""; display: block; grid-column: 1; grid-row: 1 } .prd-MadeToOrderFilters_ColourFilterIndicator:before { background-color: var(--Background_Colour); block-size: 9px; content: ""; inline-size: 9px } .prd-MadeToOrderFilters_ColourFilterIndicator:after { block-size: inherit; border: 1px solid #333; inline-size: inherit; opacity: 0; transition: opacity .3s ease } .prd-MadeToOrderFilters_ColourFilter:hover .prd-MadeToOrderFilters_ColourFilterIndicator:after { opacity: .25 } .prd-MadeToOrderFilters_ColourFilter[aria-selected=true] .prd-MadeToOrderFilters_ColourFilterIndicator:after { opacity: 1 } .prd-MadeToOrderFilters_ColourFilterText { opacity: .75; transition: opacity .3s ease } .prd-MadeToOrderFilters_ColourFilter:hover .prd-MadeToOrderFilters_ColourFilterText, .prd-MadeToOrderFilters_ColourFilter[aria-selected=true] .prd-MadeToOrderFilters_ColourFilterText { opacity: 1 } .prd-MadeToOrderSimpleProductCard { display: flex; flex-direction: column } .prd-MadeToOrderSimpleProductCard_MediaContainer { border-radius: 2px; display: flex; margin-block-end: 10px; overflow: hidden; pointer-events: none; position: relative; z-index: 1 } .prd-MadeToOrderSimpleProductCard_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .prd-MadeToOrderSimpleProductCard_Image { background-color: #f1f1f1; block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .prd-MadeToOrderSimpleProductCard_Price { margin-block-start: 5px } .prd-MadeToOrderSimpleProductCard_Details { margin-block-start: 15px } .prd-MadeToOrderSimpleProductCard_Key { color: #333333bf; margin-inline-end: 3px } .prd-BackInStock { border: 1px solid var(--Color_Border); border-radius: 4px; display: block; padding: 15px } @media (min-width:900.02px) { .prd-BackInStock { padding: 20px } } .prd-FixedBar .prd-BackInStock { border: 0; padding: 0 } .prd-BackInStock_Message { display: flex; gap: 10px; margin-block-end: 10px } .prd-BackInStock_Message:before { background-color: var(--Color_Orange); block-size: 5px; border-radius: 50%; content: ""; display: block; inline-size: 5px; margin-block-start: 6px } .prd-BackInStock_Panel[aria-hidden=true], .prd-FixedBar .prd-BackInStock_Message { display: none } .prd-BackInStock_Fields { display: block } @media (min-width:768px) { .prd-BackInStock_Fields { display: flex } } .prd-BackInStock_Field { margin-block-start: 0 } .prd-BackInStock_Field-checkbox { margin-block-end: 0 } .prd-FixedBar .prd-BackInStock_Field-checkbox { display: none } @media (max-width:767.98px) { .prd-BackInStock_Input { border-block-end: 0; border-end-end-radius: 0; border-end-start-radius: 0 } } @media (min-width:768px) { .prd-BackInStock_Input { border-end-end-radius: 0; border-inline-end: 0; border-start-end-radius: 0 } } .prd-BackInStock_Button { --Button_Radius: 0 0 4px 4px; inline-size: 100% } @media (min-width:768px) { .prd-BackInStock_Button { --Button_Radius: 0 4px 4px 0; inline-size: auto } } .prd-BackInStock_Title { margin-block-start: 20px } .prd-BackInStock_Text { margin-block-start: 10px } .prd-BackInStock_Text[aria-hidden=true] { display: none } .prd-BundlePreorder { background-color: var(--Color_Linen); border-radius: 4px; display: flex; margin-block-start: 5px; padding: 15px } .prd-BundlePreorder_Icon { margin-inline-end: 8px } .prd-BundlePreorder_Icon svg { block-size: 15px; inline-size: 15px } .prd-BundlePreorder_Message a { -webkit-text-decoration: underline; text-decoration: underline } .prd-BundleUpsell { background-color: var(--Color_Background); border: 1px solid var(--Color_Border); border-radius: 4px; display: flex; flex-direction: column; padding: 15px 20px 15px 10px; position: relative } .prd-BundleUpsell:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .01; pointer-events: none; position: absolute; z-index: 2 } .prd-BundleUpsell_Header { align-items: baseline; display: flex; justify-content: space-between; padding-inline-start: 10px } .prd-BundleUpsell_Title { margin-inline-end: 20px } .prd-BundleUpsell_Discount { color: var(--Color_DarkGreen) } .prd-BundleUpsell_UpsellButtons { align-items: center; display: flex; margin-inline-end: -5px } .prd-BundleUpsell_UpsellButton { opacity: .3; padding: 0 5px; text-transform: uppercase } .prd-BundleUpsell_UpsellButton[aria-pressed=true] { opacity: 1 } .prd-BundleUpsell_Body { display: grid; grid-template-rows: 1fr; transition: grid-template-rows .5s } .prd-BundleUpsell_Body[aria-hidden=true] { grid-template-rows: 0fr; transition: grid-template-rows .5s } .prd-BundleUpsell_BodyContent { align-items: center; display: flex; gap: 20px; overflow: hidden; transition: opacity 0ms .5s } [aria-hidden=false] .prd-BundleUpsell_BodyContent { transition: opacity 0ms 0ms } [aria-hidden=true] .prd-BundleUpsell_BodyContent { opacity: 0; transition: opacity 0ms 0ms } .prd-BundleUpsell_Item { align-items: center; display: flex; gap: 20px; inline-size: 100%; padding-block-start: 15px } .prd-BundleUpsell_Media { block-size: 60px; display: flex; inline-size: 68px; position: relative } .prd-BundleUpsell_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .prd-BundleUpsell_Media .rsp-Image { justify-content: center } .prd-BundleUpsell_Media .rsp-Image_Image { block-size: 57px; inline-size: 50px } .prd-BundleUpsell_Info { margin-inline-start: auto } .prd-BundleUpsell_Info svg { block-size: 15px; inline-size: 15px } .prd-BundleUpsell_Savings { background-color: var(--Color_DarkGreen-transparent); border: 1px solid #2765004d; border-radius: 4px; display: inline-block; padding: 15px; vertical-align: middle } .prd-BundleUpsell_SavingsIcon { display: inline-block; margin-inline-end: 5px } .prd-BundleUpsell_SavingsIcon svg { block-size: 12px; inline-size: 12px; vertical-align: middle } .prd-BundleUpsell_SavingsText { display: inline } .prd-BundleUpsell_SavingsText-green { color: var(--Color_Green); margin-inline-end: 3px } .prd-BundleUpsell_Price-discount { color: var(--Color_DarkGreen) } .prd-Bundle { display: flex; flex-direction: column; gap: 10px; margin: 30px 0 } .prd-Bundle_Header { align-items: center; display: flex; justify-content: space-between } .prd-Bundle_Components { border: 1px solid var(--Color_Border); border-radius: 4px } .prd-Bundle_Component { align-items: center; background-color: var(--Color_Background); display: flex; gap: 20px; padding: 15px 20px 15px 10px; position: relative } .prd-Bundle_Component:not(:first-child) { border-block-start: 1px solid var(--Color_Border) } .prd-Bundle_Component:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .01; pointer-events: none; position: absolute; z-index: 2 } .prd-Bundle_Media { block-size: 68px; display: flex; inline-size: 60px; position: relative } .prd-Bundle_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .prd-Bundle_Media .rsp-Image { justify-content: center } .prd-Bundle_Media .rsp-Image_Image { block-size: 57px; inline-size: 50px } .prd-Bundle_Info { margin-inline-start: auto } .prd-Bundle_Info svg { block-size: 15px; inline-size: 15px } .prd-Bundle_Savings { background-color: var(--Color_DarkGreen-transparent); border: 1px solid #2765004d; border-radius: 4px; display: inline-block; padding: 15px; vertical-align: middle } .prd-Bundle_SavingsIcon { display: inline-block; margin-inline-end: 5px } .prd-Bundle_SavingsIcon svg { block-size: 12px; inline-size: 12px; vertical-align: middle } .prd-Bundle_SavingsText { display: inline } .prd-Bundle_SavingsText-green { color: var(--Color_Green); margin-inline-end: 3px } .prd-CardSample { block-size: 100%; border: 1px solid var(--Color_Border); border-radius: 2px; display: flex; flex-direction: column; padding: 15px } @media (min-width:900.02px) { .prd-CardSample { padding: 20px } } @media (hover:hover), (min-width:1600px) { .prd-CardSample { transition: background-color .3s ease } } @media (hover:hover), (min-width:1600px) { @media (max-color:2147477350) and (min-width:900.02px) { .prd-CardSample:hover { background-color: #00000005 } } } @media not all and (hover:hover), not all and (min-width:1600px) { @media (color:2147477350) and (min-width:900.02px) { .prd-CardSample:hover { background-color: #00000005 } } } .prd-List .prd-CardSample { background-color: var(--Color_Background); border-radius: 0; margin: 0 -1px } @media (min-width:900.02px) { .prd-List .prd-CardSample { background-color: initial; border-radius: 2px; margin: 0 } } .prd-CardSample_Body { flex: 1 } .prd-CardSample_Footer { display: none; flex-shrink: 0 } @media (min-width:900.02px) { .prd-CardSample_Footer { display: block } } .prd-CardSample_MediaContainer { border-radius: 2px; display: flex; margin-block-end: 15px; overflow: hidden; position: relative } .prd-CardSample_MediaContainer:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .prd-CardSample_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 100% } .prd-CardSample_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 0 } .prd-CardSample_Info { margin-block-end: 5px; opacity: .75 } .prd-CardSample_Form { display: block; margin-block-start: 10px } @media (min-width:900.02px) { .prd-CardSample_Form { margin-block-end: 10px } } .prd-CardSample_Button { display: block; opacity: .75; position: relative; z-index: 2 } @media (hover:hover), (min-width:1600px) { .prd-CardSample_Button { transition: opacity .3s ease } .prd-CardSample_Button:hover { opacity: 1 } .prd-CardSample_Button:hover:after { transform: scaleX(0) } } .prd-CardSample_Button:after { background-color: currentColor; block-size: .5px; content: ""; display: block; inline-size: 100%; inset-block-end: 5px; inset-inline-start: 0; position: absolute; transition: transform .3s ease } .prd-CardSkeleton { opacity: .03; padding-block-end: 30px; position: relative } @media (min-width:900.02px) { .prd-CardSkeleton { padding-block-end: 40px } } .prd-CardSkeleton_Media { background-color: var(--Color_Brand); border-radius: 2px; display: flex; margin-block-end: 15px; overflow: hidden; position: relative } .prd-CardSkeleton_Media:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .prd-CardSkeleton_Content { display: flex; flex-direction: column; gap: 5px } .prd-CardSkeleton_Content:before { background-color: var(--Color_Brand); block-size: 24px; content: ""; display: block; inline-size: 80% } .prd-CardSkeleton_Content:after { background-color: var(--Color_Brand); block-size: 15px; content: ""; display: block; inline-size: 20% } .prd-CardSkeleton_Card { block-size: 0; display: block; inline-size: 0; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; z-index: -1 } .prd-Card { block-size: 100%; display: flex; flex-direction: column; z-index: 1 } .psh-CartUpsells .prd-Card { background-color: #f7f7f7; border-radius: 1px; overflow: hidden } @media (min-width:900.02px) { .psh-CartUpsells .prd-Card { background-color: initial; border-radius: 0; overflow: auto } } .prd-Card_Body { flex: 1 } .prd-List_Item .prd-Card_Body { padding-inline-start: 15px } @media (min-width:900.02px) { .prd-List_Item .prd-Card_Body { padding-inline-start: 0 } } .sec-SpotlightOn_Cards .prd-Card_Body { padding-inline: 14px } @media (min-width:768px) { .sec-SpotlightOn_Cards .prd-Card_Body { padding-inline-start: 0 } } .psh-CartUpsells .prd-Card_Body { padding-inline: 12px } @media (min-width:900.02px) { .psh-CartUpsells .prd-Card_Body { padding-inline: 0 } } .art-Detail_Products .prd-Card_Body { padding-inline: var(--Site_Margin) } @media (min-width:768px) { .art-Detail_Products .prd-Card_Body { padding-inline: 0 } } .prd-Card_Body-light { color: var(--Color_White) } .prd-Card_Footer { display: none; flex-shrink: 0 } @media (min-width:900.02px) { .prd-Card_Footer { display: block } } .prd-Card_MediaContainer { border-radius: 2px; display: flex; margin-block-end: 15px; overflow: hidden; position: relative } @media (hover:hover), (min-width:1600px) { .prd-Card_MediaContainer { pointer-events: none; z-index: 1 } } @media (hover:none) and (max-width:1599.98px) { .prd-Card_MediaContainer { z-index: 3 } } .prd-Card_MediaContainer:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .prd-Card_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } @media (hover:none) and (max-width:1599.98px) { .prd-Card_Images { display: flex; min-inline-size: 100% } .prd-List_Item .prd-Card_Images { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none } .prd-List_Item .prd-Card_Images::-webkit-scrollbar { display: none } } .prd-Card_Image { block-size: 100%; display: flex; inline-size: 100% } @media (hover:hover), (min-width:1600px) { .prd-Card_Image { inset-block-start: 0; inset-inline-start: 0; position: absolute; transition: opacity .5s ease, visibility .5s ease, transform .5s ease; z-index: 1 } .prd-Card-hasHover:hover .prd-Card_Image { opacity: 0; visibility: hidden } } @media (hover:none) and (max-width:1599.98px) { .prd-Card_Image { flex-shrink: 0; position: relative; scroll-snap-align: start; z-index: 1 } .prd-List_Item:first-child .prd-Card_Image { animation: NudgeImage 1s ease 1s forwards } } .prd-Card_Image-hover { background-color: var(--Color_Background) } @media (hover:hover), (min-width:1600px) { .prd-Card_Image-hover { opacity: 0; transform: scale(1.1); visibility: hidden } .prd-Card:hover .prd-Card_Image-hover { opacity: 1; transform: none; visibility: visible } } @keyframes NudgeImage { 0% { transform: none } 50% { transform: translate(-25%) } to { transform: none } } .prd-Card_Wishlist { display: block; inset-block-start: 5px; inset-inline-end: 5px; pointer-events: auto; position: absolute; z-index: 2 } @media (min-width:900.02px) { .prd-Card_Wishlist { inset-block-start: 15px; inset-inline-end: 15px } } .wsh-Page-shared .prd-Card_Wishlist { display: none } .prd-Card_WishlistRemove { align-items: center; block-size: 30px; display: flex; inline-size: 30px; justify-content: center } .prd-Card_WishlistRemoveIcon { block-size: 15px; display: block; inline-size: 15px } .prd-Card_WishlistRemoveIcon svg { transition: transform .3s ease } @media (hover:hover), (min-width:1600px) { .wsh-Trigger:hover :is(.prd-Card_WishlistRemoveIcon svg) { transform: rotate(90deg) } } .prd-Card_Tags { display: flex; flex-wrap: wrap; gap: 5px; inset-block-start: 10px; inset-inline: 10px; pointer-events: none; position: absolute; z-index: 2 } @media (min-width:900.02px) { .prd-Card_Tags { inset-block-start: 20px; inset-inline: 20px } } .prd-Card_Tag { background-color: var(--Color_Moss); border-radius: 2px; color: #fff; display: block; padding: 2px 5px } .prd-Card_Tag-sale { background-color: var(--Color_Bloodstone) } .prd-Card_Tag-madeToOrder { background-color: var(--Color_Orange) } .prd-Card_QuickView { display: none; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; z-index: 2 } @media (hover:hover), (min-width:1600px) { .prd-Card_QuickView { display: block; transform: translateY(100%); transition: transform .3s ease } .prd-Card:hover .prd-Card_QuickView { transform: none } } .prd-Card_QuickViewButton { --Button_Radius: 0; inline-size: 100%; pointer-events: auto } .prd-Card_QuickViewButton[disabled] { opacity: .8; pointer-events: none } .prd-Card_QuickViewIcon { align-items: center; block-size: 30px; display: flex; inline-size: 30px; justify-content: center; margin-block: -7px; margin-inline-end: 7px; z-index: 2 } @media (hover:hover), (min-width:1600px) { .prd-Card_QuickViewIcon { display: none } } .prd-Card_QuickViewIcon svg { block-size: 15px; inline-size: 15px } .prd-Card_Info { margin-block-start: 5px; opacity: .75 } .prd-Card_Price { align-items: center; display: flex; justify-content: space-between; margin-block-start: 5px } .prd-Card_BundleCount, .prd-Card_Divider { opacity: .75; text-transform: none } .prd-Card_SoldOut { margin-block-start: 5px } @media (min-width:768px) { .prd-Card_SoldOut { display: none } } .prd-Card_Colours { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 10px; position: relative; z-index: 2 } .prd-Card_Colour-additional+.prd-Card_Colour-additional { padding-inline-start: 7px; position: relative } .prd-Card_Colour-additional+.prd-Card_Colour-additional:before { background-color: var(--Color_Brand); block-size: 10px; content: ""; display: block; inline-size: 1px; inset-block-start: 50%; inset-inline-start: 0; opacity: .75; position: absolute; transform: translateY(-50%); z-index: 0 } .prd-Card_Swatch { --Swatch_Color: #0000; block-size: 15px; display: block; inline-size: 15px; position: relative } @media (hover:hover), (min-width:1600px) { .prd-Card_Swatch:hover:after { transform: none } } .prd-Card_Swatch:before { background-color: var(--Swatch_Color); block-size: 9px; border-radius: 2px; content: ""; display: block; inline-size: 9px; inset-block-start: 3px; inset-inline-start: 3px; position: absolute; z-index: 1 } .prd-Card_Swatch:after { block-size: 15px; border: 1px solid currentColor; border-radius: 3px; content: ""; display: block; inline-size: 15px; inset-block-start: 0; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .3s ease; z-index: -1 } .prd-Card_Swatch-active.prd-Card_Swatch:after { transform: none } .prd-Card_SwatchImageContainer { align-items: center; block-size: 9px; border-radius: 2px; display: flex; inline-size: 9px; inset-block-start: 3px; inset-inline-start: 3px; justify-content: center; overflow: hidden; position: absolute; z-index: 0 } .prd-Card_SwatchImage { block-size: 1000px; display: flex; inline-size: 1000px; margin-block-start: -350px } .prd-Card_Additional { display: block; opacity: .75; text-transform: none } @media (hover:hover), (min-width:1600px) { .prd-Card_Additional { transition: opacity .2s ease } .prd-Card_Additional:hover { opacity: 1 } } .prd-Card_Delivery { margin-block-start: 10px } .prd-Card_DeliveryTag { background-color: var(--Color_Porcelein); border-radius: 2px; color: var(--Color_Brand); display: inline-flex; gap: 5px; padding: 2px 5px } .prd-Card_DeliveryTag svg { block-size: 15px; inline-size: 15px } .prd-Card_FooterButton { margin-block-start: 15px } .prd-Card_FooterButton-view { color: inherit; margin-block: 15px } .prd-Card_Upsell { border-block-start: 1px solid var(--Color_Border); flex-shrink: 0; margin-block-start: 20px } @media (min-width:900.02px) { .prd-Card_Upsell { border-block-start: 0; margin-block-start: 0 } } .prd-Card_UpsellButton { --Button_Color: var(--Color_Brand); --Button_Background: #0000; padding-block: 10px } @media (min-width:900.02px) { .prd-Card_UpsellButton { --Button_Color: var(--Color_Brand); --Button_Background: #fff; margin-block-start: 15px } } .prd-Description { display: block } .prd-Description_Columns { display: flex; flex-direction: column; margin-block-start: 30px } @media (min-width:900.02px) { .prd-Description_Columns { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr); margin-block-start: 40px } .prd-Description_Column { grid-column-end: span 6 } .prd-Description_Column-accordions { grid-column: 8/span 4 } } .prd-Description_Breadcrumbs { display: none } @media (min-width:768px) { .prd-Description_Breadcrumbs { display: block } } .prd-Description_Reveal { border-block-end: 1px solid var(--Color_Border); display: block; inset-block-start: var(--Site_Margin); padding-block-end: 40px; position: sticky } @media (min-width:900.02px) { .prd-Description_Reveal { border-block-end: none; padding-block-end: 0 } } .prd-Description_RevealHeading { position: relative } @media (min-width:768px) { .prd-Description_RevealHeading { position: sticky } } .prd-Description_RevealHeadline { opacity: .2 } .prd-Description_RevealOverlay { block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 1; position: absolute; z-index: 1 } .prd-Description_RevealWord { --Reveal_Amount: 0%; -webkit-clip-path: polygon(0 0, var(--Reveal_Amount) 0, var(--Reveal_Amount) calc(100% + 5px), 0 calc(100% + 5px)); clip-path: polygon(0 0, var(--Reveal_Amount) 0, var(--Reveal_Amount) calc(100% + 5px), 0 calc(100% + 5px)); display: inline; position: relative } .prd-Description_RevealButtons { margin-block-start: 20px } .prd-Detail { display: block } .prd-Detail_Columns { display: flex; flex-direction: column; gap: 20px } @media (min-width:768px) { .prd-Detail_Columns { grid-column-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) } .prd-Detail_Column { grid-column: 1 } .prd-Detail_Column-main { grid-column: 2; margin-block-start: var(--Header_Height); padding-block-start: 40px } } .prd-Detail_Breadcrumbs { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; margin-inline: calc(var(--Site_Margin)*-1); overflow-x: auto; padding: 10px var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:768px) { .prd-Detail_Breadcrumbs { display: none } } .prd-Detail_Breadcrumbs::-webkit-scrollbar { display: none } @media (min-width:768px) { .prd-Detail_Content { inline-size: 83.33333%; margin-inline: auto; max-inline-size: 500px } } @media (min-width:900.02px) { .prd-Detail_Content { inline-size: 66.66667% } } .prd-Detail_Blocks { display: block } .prd-Detail_Block:is(:empty) { display: none } .prd-Detail_Block-borderBottom { border-block-end: 1px solid var(--Color_Border); padding-block-end: 10px } .prd-Detail_Form { margin-block-start: 20px } @media (min-width:900.02px) { .prd-Detail_Form { margin-block-start: 30px } } .prd-Detail_GiftCardForm { margin-block-start: 20px } @media (min-width:900.02px) { .prd-Detail_GiftCardForm { margin-block-start: 30px } } .prd-Detail_Apps { margin-block: 5px } .prd-Detail_TitleContainer { align-items: baseline; display: flex; gap: 15px } .prd-Detail_Title { display: flex; gap: 10px; justify-content: space-between; margin-inline-end: auto } .prd-Detail_Share, .prd-Detail_Wishlist { margin-block-start: 2px } @media (min-width:1200.02px) { .prd-Detail_Share, .prd-Detail_Wishlist { margin-block-start: 5px } } .prd-Detail_Row { align-items: center; display: flex; gap: 10px; margin-block-start: 10px } .prd-Detail_Tags { display: none } @media (min-width:900.02px) { .prd-Detail_Tags { display: block; margin-block-end: 20px } .prd-Detail_Tags:is(:empty) { display: none } } .prd-Detail_Reviews { margin-inline-start: auto } .prd-Detail_Dimensions { margin-block-start: 15px; text-align: end } @media (min-width:900.02px) { .prd-Detail_Dimensions { margin-block-start: 20px } } .prd-Detail_DimensionsTrigger { opacity: .75; -webkit-text-decoration: underline; text-decoration: underline } @media (hover:hover), (min-width:1600px) { .prd-Detail_DimensionsTrigger { transition: opacity .3s ease } .prd-Detail_DimensionsTrigger:hover { opacity: 1 } } .prd-Detail_Klarna { margin-block-start: 15px } @media (min-width:900.02px) { .prd-Detail_Klarna { margin-block-start: 20px } } .prd-Detail_PairWith { margin-block-start: 20px } @media (min-width:900.02px) { .prd-Detail_PairWith { margin-block-start: 30px } } .prd-Detail_MadeToOrder { margin-block-start: 20px } @media (min-width:900.02px) { .prd-Detail_MadeToOrder { margin-block-start: 30px } } .prd-Detail_Lampshades { margin-block-start: 20px } @media (min-width:900.02px) { .prd-Detail_Lampshades { margin-block-start: 30px } } .prd-Dimensions { display: block } .prd-Dimensions_Columns { gap: 0 var(--Grid_Gutter) } @media (min-width:768px) { .prd-Dimensions_Columns { display: grid; grid-template-columns: repeat(12, 1fr) } } @media (min-width:900.02px) { .prd-Dimensions_Columns { gap: 30px var(--Grid_Gutter) } } @media (min-width:768px) { .prd-Dimensions_Column-media { grid-column: 1/span 12 } } @media (min-width:900.02px) { .prd-Dimensions_Column-media { grid-column: 2/span 10 } } @media (min-width:1200.02px) { .prd-Dimensions_Column-media { grid-column: 3/span 8 } } @media (min-width:768px) { .prd-Dimensions_Column-table { grid-column: 2/span 10 } } @media (min-width:900.02px) { .prd-Dimensions_Column-table { grid-column: 3/span 8 } } @media (min-width:1200.02px) { .prd-Dimensions_Column-table { grid-column: 4/span 6 } } .prd-Dimensions_Title { margin-block-end: 15px } @media (min-width:768px) { .prd-Dimensions_Title { text-align: center } } @media (min-width:900.02px) { .prd-Dimensions_Title { margin-block-end: 20px } } .prd-Dimensions_TabContainer { border-block-end: 1px solid var(--Color_Border); margin-block-end: var(--Site_Margin) } @media (min-width:768px) { .prd-Dimensions_TabContainer { border-block-end: 0; display: flex; justify-content: center } } .prd-Dimensions_Tabs { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: 20px; margin-block-end: -1px; margin-inline: calc(var(--Site_Margin)*-1); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:768px) { .prd-Dimensions_Tabs { border-block-end: 1px solid var(--Color_Border); justify-content: center; margin-block-end: 0; margin-inline: 0; padding-inline: 0 } } .prd-Dimensions_Tabs::-webkit-scrollbar { display: none } .prd-Dimensions_Tab { padding-block: 5px; position: relative; white-space: nowrap } .prd-Dimensions_Tab:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .3s ease; z-index: 1 } .prd-Dimensions_Tab[aria-selected=true]:after { transform: none } .prd-Dimensions_Images { display: block } .prd-Dimensions_Image { margin-block-end: 20px } .prd-Dimensions_Image[aria-hidden=true] { display: none } .prd-Dimensions_Panels { display: grid } .prd-Dimensions_Panel { grid-column: 1; grid-row: 1 } .prd-Dimensions_Panel[aria-hidden=true] { display: none } @media (min-width:768px) { .prd-Dimensions_Table { inline-size: 80%; margin-inline: auto } } @media (min-width:900.02px) { .prd-Dimensions_Table { inline-size: 75% } } @media (min-width:1200.02px) { .prd-Dimensions_Table { inline-size: 66.66667% } } .prd-Dimensions_Note { margin-block-start: 15px; opacity: .75 } @media (min-width:768px) { .prd-Dimensions_Note { text-align: center } } @media (min-width:900.02px) { .prd-Dimensions_Note { margin-block-start: 20px } } .prd-Dimensions_Downloads { display: flex; flex-direction: column; gap: 5px 10px; margin-block-start: 20px } @media (min-width:768px) { .prd-Dimensions_Downloads { flex-direction: row; justify-content: center } } @media (min-width:900.02px) { .prd-Dimensions_Downloads { margin-block-start: 30px } } .prd-Dimensions_Download { inline-size: 100%; justify-content: center } @media (min-width:768px) { .prd-Dimensions_Download { inline-size: auto } } .prd-Dimensions_MapPin { block-size: 16px; inline-size: 15px; margin-block-start: -2px; margin-inline-start: 10px } .prd-FixedBar { display: block; inset-block-end: 0; inset-inline: 0 0; position: fixed; transition: transform .3s ease; z-index: 2 } @media (min-width:900.02px) { .prd-FixedBar { box-shadow: 0 4px 12px #0000001a; inset-block-end: 20px; inset-inline: var(--Site_Margin) var(--Site_Margin) } } .prd-FixedBar[aria-hidden=true] { transform: translateY(calc(100% + 90px)) } .prd-FixedBar .prd-Form_ButtonPrice:has(.prd-Price-bundle):after { display: none } .prd-FixedBar_Body { background-color: #fff; display: flex; padding: 20px } .prd-FixedBar_Media { display: none } @media (min-width:900.02px) { .prd-FixedBar_Media { block-size: 50px; border-radius: 1px; display: flex; inline-size: 45px; margin-inline-end: 20px; overflow: hidden; position: relative } } .prd-FixedBar_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .prd-FixedBar_Content { align-items: center; display: flex; inline-size: 100% } .prd-FixedBar_Title { display: none } @media (min-width:900.02px) { .prd-FixedBar_Title { display: block; flex-grow: 1 } } .prd-FixedBar_Price { display: none } @media (min-width:900.02px) { .prd-FixedBar_Price { display: block } } .prd-FixedBar_Form { inline-size: 100% } @media (min-width:900.02px) { .prd-FixedBar_Form { inline-size: 35%; margin-inline-start: 50px } .prd-FixedBar_Form:has(.prd-Form_ButtonPrice .prd-Price-bundle) { inline-size: 40% } } .prd-FixedBar_Form .prd-Form_Quantity { display: none } @media (min-width:900.02px) { .prd-FixedBar_Form .prd-Form_Quantity { display: block } .prd-FixedBar_Form .prd-Form_Quantity .qty-Adjuster { background-color: #fff; outline: 1px solid #0000001a } } .prd-Form { display: block } .prd-Form[aria-hidden=true] { display: none } .prd-Form_UrgencyMessage { align-items: center; display: flex; gap: 10px; margin-block-end: 10px } .prd-Form_UrgencyMessage svg { block-size: 16px; flex-shrink: 0; inline-size: 16px } .prd-Form_OrderDeadline:not(:empty) { display: flex; gap: 10px; margin-block-end: 10px } .prd-Form_OrderDeadline:not(:empty):before { background-color: #27ae60; block-size: 5px; border-radius: 50%; content: ""; display: block; flex-shrink: 0; inline-size: 5px; margin-block-start: 6px } .prd-FixedBar .prd-Form_OrderDeadline { display: none } .prd-Form_MtoDimensions { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; margin-block-end: 10px } .prd-FixedBar .prd-Form_MtoDimensions { display: none } .prd-Form_MtoDimensionsTrigger { opacity: .75; -webkit-text-decoration: underline; text-decoration: underline } @media (hover:hover), (min-width:1600px) { .prd-Form_MtoDimensionsTrigger { transition: opacity .3s ease } .prd-Form_MtoDimensionsTrigger:hover { opacity: 1 } } .prd-Form_PreOrderContainer { align-items: center; display: flex; flex-wrap: wrap; gap: 5px; justify-content: space-between; margin-block-end: 10px } .prd-FixedBar .prd-Form_PreOrderContainer { display: none } .prd-Form_PreOrder { display: flex; gap: 10px } .prd-Form_PreOrder:before { background-color: var(--Color_Orange); block-size: 5px; border-radius: 50%; content: ""; display: block; inline-size: 5px; margin-block-start: 6px } .prd-Form_Contact { align-items: center; display: flex; gap: 5px; -webkit-text-decoration: underline; text-decoration: underline; white-space: nowrap } .prd-Form_Contact svg { block-size: 16px; inline-size: 15px } .prd-Form_Buy { display: flex; gap: var(--Grid_Gutter) } .prd-Form_Quantity { flex-shrink: 0 } .prd-Form_Quantity-madeToOrder:has(.qty-Adjuster_Input[disabled]) { display: none } .prd-Form_Buttons { display: flex; flex-grow: 1 } .prd-Form_Button-madeToOrder:not([disabled])+.prd-Form_CustomiseButton, .prd-Form_Button-madeToOrder[disabled] { display: none } @media (min-width:900.02px) { .prd-Form_CustomiseButton { margin-inline-start: auto; max-inline-size: 340px } } .prd-Form_ButtonPrice { position: relative } @media (min-width:900.02px) { .prd-Form_ButtonPrice { display: none } } .prd-Form_ButtonPrice:after { content: " - "; margin-inline: 5px -3px } .prd-Form_ButtonPrice .prd-Price_Discount, .prd-Form_ButtonPrice .prd-Price_SalePrice { color: #fff } .prd-Form_SecondaryButtons { margin-block-start: 5px } .prd-GiftCardForm_Title { margin-block-end: 10px } .prd-GiftCardRecipient { display: block; margin-block: 20px } .prd-GiftCardRecipient_Details { display: block } .prd-GiftCardRecipient_Header, .prd-GiftCardRecipient_Toggle { align-items: center; display: flex } .prd-GiftCardRecipient_Toggle { background-color: initial; block-size: 12px; border: 1px solid var(--Color_Border); border-radius: 50%; color: #fff; inline-size: 12px; justify-content: center; margin-inline-end: 10px; transition: background-color .3s ease, border .3s ease } @media (hover:hover), (min-width:1600px) { .prd-GiftCardRecipient_Header:hover .prd-GiftCardRecipient_Toggle { border: 1px solid var(--Color_Brand) } } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_Toggle { background-color: var(--Color_Brand); border: 1px solid var(--Color_Brand) } .prd-GiftCardRecipient_ToggleIcon { block-size: 9px; display: flex; inline-size: 7px; transform: scale(0); transition: transform .3s ease } .prd-GiftCardRecipient_Details[open] .prd-GiftCardRecipient_ToggleIcon { transform: none } .prd-GiftCardRecipient_Body { margin-block-start: 10px } .prd-Hero { display: flex; inline-size: 100%; max-block-size: 100svh; position: relative } @media (min-width:900.02px) { .prd-Hero { max-block-size: 100vh } } .prd-Hero:after { content: ""; display: block; inline-size: 0; padding-block-start: 180% } @media (min-width:900.02px) { .prd-Hero:after { padding-block-start: 54% } } .prd-Hero-light { color: #fff } .prd-Hero_Inner { margin-block: var(--Site_Margin) } .prd-Hero-first .prd-Hero_Inner { margin-block-start: calc(var(--Header_Height) + var(--Site_Margin)) } .prd-Hero_Body { block-size: 100%; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .prd-Hero_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .prd-Hero_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .prd-Hero-dark .prd-Hero_Overlay { background-color: #fff } .prd-Hero_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .prd-Hero_Image-desktop { display: none } @media (min-width:768px) { .prd-Hero_Image-desktop { display: flex } .prd-Hero_Image-mobile { display: none } } .prd-Hero_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .prd-Hero_Video-desktop { display: none } @media (min-width:768px) { .prd-Hero_Video-desktop { display: flex } .prd-Hero_Video-mobile { display: none } } .prd-Hero_Scroll { block-size: 50px; inset-block: auto 20px; inset-inline: 50% auto; pointer-events: none; position: absolute; transform: translate(-50%); z-index: 2 } .prd-Hero_ScrollIconContainer { block-size: 17px; display: block; inline-size: 8px; margin-block-start: 10px; margin-inline: auto auto; position: relative } .prd-Hero_ScrollIcon { align-items: flex-end; animation: GrowArrow 1.5s ease infinite; block-size: 12px; display: flex; inline-size: 8px; overflow: hidden } .prd-Hero_ScrollIcon svg { block-size: 17px; flex-shrink: 0; inline-size: 8px } @keyframes GrowArrow { 0% { block-size: 12px } 50% { block-size: 17px } to { block-size: 12px } } .prd-Hero_Content { align-self: center; grid-column: 1/span 12; text-align: center } @media (min-width:900.02px) { .prd-Hero_Content { grid-column: 2/span 10 } } .prd-Hero_Title { text-transform: uppercase } .prd-Hero_Price { margin-block-start: 10px; margin-inline: auto } @media (min-width:768px) { .prd-Hero_Price { inline-size: 83.33333% } } @media (min-width:900.02px) { .prd-Hero_Price { inline-size: 70% } } @media (min-width:1200.02px) { .prd-Hero_Price { inline-size: 50% } } .prd-Hero_Price .prd-Price { justify-content: center } .prd-Hero_Buttons { margin-block-start: 30px } .prd-Hero-center .prd-Hero_Buttons { margin-inline: auto } .prd-Hero_Button { z-index: 2 } .prd-Instagram { display: block } @media (max-width:767.98px) { .prd-Instagram-mobileActive { margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden } } @media (min-width:768px) { .prd-Instagram-desktopActive { margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden } } @media (max-width:767.98px) { .prd-Instagram-mobileActive .prd-Instagram_Container { margin-inline: -40vw } } @media (min-width:768px) { .prd-Instagram-desktopActive .prd-Instagram_Container { margin-inline: -200px } } @media (min-width:1200.02px) { .prd-Instagram-desktopActive .prd-Instagram_Container { margin-inline: -100px } } .prd-Instagram_Grid .fs-timeline { display: grid; gap: 2px; grid-template-columns: repeat(3, 1fr) } @media (min-width:768px) { .prd-Instagram_Grid .fs-timeline { grid-template-columns: repeat(4, 1fr) } } @media (min-width:900.02px) { .prd-Instagram_Grid .fs-timeline { gap: 5px } } @media (max-width:767.98px) { .prd-Instagram-mobileActive :is(.prd-Instagram_Grid .fs-timeline) { grid-template-columns: repeat(4, 1fr) } } @media (min-width:768px) { .prd-Instagram-desktopActive :is(.prd-Instagram_Grid .fs-timeline) { grid-template-columns: repeat(5, 1fr) } } .prd-Instagram_Grid .fs-entry-container.fs-entry-container.fs-entry-container { inline-size: 100% !important; padding-block-start: 100% !important } .prd-Instagram_Grid .fs-timeline-entry { margin: 0 !important } .prd-List_Items { display: grid; gap: 0 2px; grid-auto-flow: dense; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden } @media (min-width:768px) { .prd-List_Items { grid-template-columns: repeat(3, minmax(0, 1fr)) } } @media (min-width:900.02px) { .prd-List_Items { gap: 0 var(--Grid_Gutter); grid-template-columns: repeat(4, minmax(0, 1fr)); margin-inline: 0; padding-inline: 0 } } @media (max-width:767.98px) { .clc-ProductGrid-mobileLarge .prd-List_Items { grid-template-columns: repeat(1, minmax(0, 1fr)) } } @media (min-width:768px) and (max-width:900px) { .clc-ProductGrid-mobileLarge .prd-List_Items { grid-template-columns: repeat(2, minmax(0, 1fr)) } } @media (min-width:900.02px) { .clc-ProductGrid-desktopLarge .prd-List_Items { grid-template-columns: repeat(3, minmax(0, 1fr)) } } .prd-List_Items:has(.prd-CardSample) { border-block-start: 1px solid var(--Color_Border); gap: 0 1px } @media (min-width:900.02px) { .prd-List_Items:has(.prd-CardSample) { border-block-start: 0; gap: var(--Grid_Gutter) } } .prd-List_Item:has(.prd-CardSample) { margin-block-start: -1px } @media (min-width:900.02px) { .prd-List_Item:has(.prd-CardSample) { margin-block-start: 0 } } .prd-List_Item:has(.prd-Card) { padding-block-end: 30px } @media (min-width:900.02px) { .prd-List_Item:has(.prd-Card) { padding-block-end: 40px } } .prd-List_Item-2x1 { grid-column: span 2; padding-block-end: 30px } @media (min-width:900.02px) { .prd-List_Item-2x1 { padding-block-end: 40px } } @media (max-width:767.98px) { .clc-ProductGrid-mobileLarge .prd-List_Item-2x1 { grid-column: span 1 } } .prd-List_Empty { margin-block: var(--Site_Margin); text-align: center } .prd-List_Text { margin-block-start: 10px } .prd-MtoSamples { display: block; margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } .prd-MtoSamples_Carousel { display: block } .prd-MtoSamples_Slides:not([data-keen-slider-disabled]) { overflow: visible } .prd-MtoSamples_Slides:not([data-initialised=true]), .prd-MtoSamples_Slides[data-keen-slider-disabled] { display: flex; gap: 5px } .prd-MtoSamples_Slides:not([data-keen-slider-disabled]) .prd-MtoSamples_Slide { overflow: visible } .prd-MtoSamples_Slides:not([data-initialised=true]) .prd-MtoSamples_Slide, .prd-MtoSamples_Slides[data-keen-slider-disabled] .prd-MtoSamples_Slide { flex-shrink: 0; inline-size: 50% } @media (min-width:768px) { .prd-MtoSamples_Slides:not([data-initialised=true]) .prd-MtoSamples_Slide, .prd-MtoSamples_Slides[data-keen-slider-disabled] .prd-MtoSamples_Slide { inline-size: calc(25% - var(--Grid_Gutter)/4) } } @media (min-width:900.02px) { .prd-MtoSamples_Slides:not([data-initialised=true]) .prd-MtoSamples_Slide, .prd-MtoSamples_Slides[data-keen-slider-disabled] .prd-MtoSamples_Slide { inline-size: calc(20% - (var(--Grid_Gutter)*2)/5) } } @media (min-width:1200.02px) { .prd-MtoSamples_Slides:not([data-initialised=true]) .prd-MtoSamples_Slide, .prd-MtoSamples_Slides[data-keen-slider-disabled] .prd-MtoSamples_Slide { inline-size: calc(16.66667% - (var(--Grid_Gutter)*3)/6) } } .prd-Media { block-size: 100%; display: flex; margin-inline: calc(var(--Site_Margin)*-1) calc(var(--Site_Margin)*-1); max-block-size: 100vh; position: relative } @media (min-width:768px) { .prd-Media { margin-inline: calc(var(--Site_Margin)*-1) 0 } } .prd-Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .prd-Media:after { content: ""; display: block; inline-size: 0; padding-block-start: 111% } .prd-Media_Gallery { display: block; inline-size: 100% } .prd-Media_Items { block-size: 100% } .prd-Media_Items:not([data-initialised=true]) { flex-direction: row-reverse; gap: 20px } .prd-Media_Item { align-items: center; display: flex; justify-content: center } .prd-Media_Items:not([data-initialised=true]) .prd-Media_Item { flex-grow: 1; flex-shrink: 0; inline-size: 100% } .prd-Media_Link { align-items: center; block-size: 100%; display: flex; flex-grow: 1; justify-content: center } .prd-Media_Image { inline-size: 100% } .prd-Media_Image-inset { inline-size: 75% } .prd-Media_ControlsContainer { align-items: center; display: flex; inset-block-end: 20px; inset-inline: var(--Site_Margin) var(--Site_Margin); pointer-events: none; position: absolute; z-index: 2 } @media (min-width:900.02px) { .prd-Media_ControlsContainer { inset-block-end: 40px } } .prd-Media_Dots { display: flex; gap: 10px; pointer-events: auto } @media (min-width:900.02px) { .prd-Media_Dots { gap: 5px } } .prd-Media_DotContainer { align-items: center; background-color: initial; block-size: 5px; border: 1px solid #0000001a; border-radius: 50%; cursor: pointer; display: flex; inline-size: 5px; justify-content: center; mix-blend-mode: difference; position: relative; transition: background-color .3s ease, border-color .3s ease } @media (min-width:900.02px) { .prd-Media_DotContainer { background-color: #fff; block-size: auto; border: none; border-radius: 2px; inline-size: 40px; overflow: hidden } .prd-Media_DotContainer:after { background-color: var(--Color_Brand); block-size: 1px; border-radius: 2px; content: ""; inline-size: 100%; inset-block-end: 0; position: absolute; transform: scaleX(0); transition: transform .3s ease .2s; z-index: 1 } } .prd-Media_DotContainer:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .prd-Media_DotContainer[aria-current=true] { background-color: var(--Color_Brand); border-color: var(--Color_Brand) } @media (min-width:900.02px) { .prd-Media_DotContainer[aria-current=true] { background-color: #fff } .prd-Media_DotContainer[aria-current=true]:after { transform: scaleX(1) } } .prd-Media_DotImage { display: none } @media (min-width:900.02px) { .prd-Media_DotImage { display: block } } .prd-Media_DotImage-inset { inline-size: 33px } .prd-Media_Controls { display: flex; gap: 5px; margin-inline-start: auto; pointer-events: none } .prd-Media_Zoom { align-items: center; background-color: #fff; block-size: 32px; border-radius: 4px; color: var(--Color_Brand); cursor: zoom-in; display: none; inline-size: 32px; justify-content: center; pointer-events: none; transition: background-color .3s ease, color .3s ease } @media (min-width:900.02px) { .prd-Media_Zoom { display: flex } } @media (hover:hover), (min-width:1600px) { .prd-Media_Zoom:hover { background-color: var(--Color_Brand); color: #fff } } .prd-Media_ZoomIcon { block-size: 20px; inline-size: 20px } .prd-Media_Arrows { display: none } @media (min-width:900.02px) { .prd-Media_Arrows { display: flex; gap: 5px } } .prd-Media_Arrow { align-items: center; background-color: #fff; block-size: 32px; border-radius: 4px; color: var(--Color_Brand); cursor: pointer; display: flex; inline-size: 32px; justify-content: center; pointer-events: auto; transition: opacity .3s ease, background-color .3s ease, color .3s ease } @media (hover:hover), (min-width:1600px) { .prd-Media_Arrow:hover:not([disabled]) { background-color: var(--Color_Brand); color: #fff } } .prd-Media_Arrow[disabled] { cursor: not-allowed; opacity: .5 } .prd-Media_Arrow[aria-hidden=true] { display: none } .prd-Media_ArrowIcon { block-size: 20px; inline-size: 20px } .prd-Media_Samples { background-color: #fff; border-radius: 4px; cursor: pointer; display: block; padding: 5px 15px; pointer-events: auto } .prd-Media_Tags { inset-block-start: var(--Site_Margin); inset-inline-start: var(--Site_Margin); position: absolute; z-index: 1 } @media (min-width:900.02px) { .prd-Media_Tags { display: none } } .prd-Media_Tags:is(:empty) { display: none } .prd-Options_Row { border: 0; display: block; margin: 20px 0 0; padding: 0 } .prd-Options_Legend { display: flex; gap: 5px; margin-block-end: 10px } .prd-Options_Dimensions { margin-inline-start: auto; opacity: .75; -webkit-text-decoration: underline; text-decoration: underline } @media (hover:hover), (min-width:1600px) { .prd-Options_Dimensions { transition: opacity .3s ease } .prd-Options_Dimensions:hover { opacity: 1 } } .prd-Options_Options { display: flex; flex-wrap: wrap; gap: var(--Grid_Gutter) } .prd-Options_Button { border-radius: 4px; cursor: pointer; display: block; padding: 12px 20px 10px; position: relative; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .prd-Options_Button:hover:after { opacity: 1 } } .prd-Options_Button:after { background-color: initial; block-size: 100%; border: 1px solid currentColor; border-radius: 4px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .1; position: absolute; transition: opacity .3s ease; z-index: -1 } .prd-Options_Checkbox:checked+.prd-Options_Button:after { opacity: 1 } .prd-Options_Option-disabled .prd-Options_ButtonText { opacity: .3 } .prd-Options_Colours, .prd-Options_Miscs, .prd-Options_Sizes { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(6, 1fr) } .prd-Options_ColourLink, .prd-Options_MiscLink, .prd-Options_SizeLink { border-radius: 4px; display: flex; inline-size: 100%; overflow: hidden; position: relative } @media (hover:hover), (min-width:1600px) { .prd-Options_ColourLink:hover:after, .prd-Options_MiscLink:hover:after, .prd-Options_SizeLink:hover:after { transform: none } } .prd-Options_ColourLink:after, .prd-Options_MiscLink:after, .prd-Options_SizeLink:after { background-color: currentColor; block-size: 1px; border-radius: 1px; content: ""; display: block; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .3s ease; z-index: 1 } .prd-Options_ColourLink-active:before, .prd-Options_MiscLink-active:before, .prd-Options_SizeLink-active:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .prd-Options_ColourLink-active:after, .prd-Options_MiscLink-active:after, .prd-Options_SizeLink-active:after { transform: none } .prd-Options_ColourImage, .prd-Options_MiscImage, .prd-Options_SizeImage { display: flex; inline-size: 100% } .prd-Options_ColourImage:after, .prd-Options_MiscImage:after, .prd-Options_SizeImage:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .prd-Options_ColourLink-soldOut .prd-Options_ColourImage, .prd-Options_ColourLink-soldOut .prd-Options_MiscImage, .prd-Options_ColourLink-soldOut .prd-Options_SizeImage, .prd-Options_MiscLink-soldOut .prd-Options_ColourImage, .prd-Options_MiscLink-soldOut .prd-Options_MiscImage, .prd-Options_MiscLink-soldOut .prd-Options_SizeImage, .prd-Options_SizeLink-soldOut .prd-Options_ColourImage, .prd-Options_SizeLink-soldOut .prd-Options_MiscImage, .prd-Options_SizeLink-soldOut .prd-Options_SizeImage { opacity: .3 } .prd-Options_ColourImage-blank, .prd-Options_MiscImage-blank, .prd-Options_SizeImage-blank { background-color: #3333330d } .prd-Options_ColourTrigger, .prd-Options_MiscTrigger, .prd-Options_SizeTrigger { align-items: center; block-size: 100%; border-radius: 4px; cursor: pointer; display: flex; inline-size: 100%; justify-content: center; position: relative; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .prd-Options_ColourTrigger:hover:after, .prd-Options_MiscTrigger:hover:after, .prd-Options_SizeTrigger:hover:after { opacity: 1 } } .prd-Options_ColourTrigger:after, .prd-Options_MiscTrigger:after, .prd-Options_SizeTrigger:after { background-color: initial; block-size: 100%; border: 1px solid currentColor; border-radius: 4px; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .1; position: absolute; transition: opacity .3s ease; z-index: -1 } .prd-PairWith_Heading { margin-block-end: 10px } .prd-PairWith_Items { display: grid; gap: 10px } .prd-PairWith_Card { align-items: center; border: 1px solid var(--Color_Border); border-radius: 4px; display: flex; inline-size: 100%; padding: 10px 20px 10px 10px; text-align: start } .prd-PairWith_Image { block-size: 100%; display: flex; flex-grow: 0; flex-shrink: 0; inline-size: 70px } .prd-PairWith_Content { flex-grow: 1; padding: 5px 15px } .prd-PairWith_Price { margin-block-start: 5px } .prd-PairWith_Icon { align-items: center; block-size: 15px; display: flex; flex-shrink: 0; inline-size: 15px; justify-content: center } @media (hover:hover), (min-width:1600px) { .prd-PairWith_Icon { transition: transform .3s ease } .prd-PairWith_Card:hover .prd-PairWith_Icon { transform: rotate(90deg) } } .prd-PairWith_Icon svg { block-size: 9px; inline-size: 9px } .prd-Price { align-items: baseline; display: inline-flex; flex-wrap: wrap } .sec-SimpleProductCarousel .prd-Price { justify-content: center } .prd-MadeToOrderSimpleProductCard .prd-Price { justify-content: space-between } .prd-FixedBar .prd-Price-bundle { display: none } @media (min-width:900.02px) { .prd-FixedBar .prd-Price-bundle { display: block } } .prd-Price_Rrp { align-items: baseline; display: inline-flex; flex-shrink: 0; flex-wrap: nowrap; inline-size: 100%; opacity: .75 } .prd-MadeToOrderSimpleProductCard .prd-Price_Rrp { justify-content: space-between } .prd-Hero_Price .prd-Price_Rrp, .sec-SimpleProductCarousel .prd-Price_Rrp { justify-content: center } .prd-Price_TradeKey { margin-inline-end: 10px } .prd-MadeToOrderSimpleProductCard .prd-Price_TradeKey { margin-inline-end: 0 } .prd-Price_From { margin-inline-end: 10px; opacity: .75 } .prd-Price_From-small { margin-inline-end: 5px } .prd-Price_SalePrice { color: var(--Color_Bloodstone); margin-inline-start: 10px } .prd-Price-bundle .prd-Price_SalePrice { color: var(--Color_DarkGreen); text-transform: none } .prd-Price_Discount { color: var(--Color_Bloodstone); margin-inline-start: 5px } .prd-Price-bundle .prd-Price_Discount { color: var(--Color_DarkGreen); text-transform: none } .prd-Swatch { --Size: 30px; background-color: var(--Swatch_Background); background-origin: border-box; background-position: var(--Swatch_FocalPoint, initial); background-size: cover; block-size: var(--Size); border-radius: 50%; display: block; inline-size: var(--Size) } .prd-Swatch-disabled { overflow: hidden; position: relative } .prd-Swatch-disabled:after { --Diagonal_Size: calc(var(--Size)*1.414); --Line_Size: 1px; background-color: #121212; block-size: var(--Line_Size); content: ""; display: block; inline-size: var(--Diagonal_Size); inset-block-end: calc(var(--Line_Size)*-.5); inset-inline-start: 0; position: absolute; transform: rotate(-45deg); transform-origin: left } .prd-Tags { display: flex; flex-wrap: wrap; gap: 5px } .prd-Tags_Tag { background-color: var(--Color_Moss); border-radius: 2px; color: #fff; display: block; padding: 2px 5px } .prd-Tags_Tag-sale { background-color: var(--Color_Bloodstone) } .lyt-Theme-useBlackFridaySaleLabels .prd-Tags_Tag-sale { background-color: var(--Color_Brand) } .prd-Tags_Tag-madeToOrder { background-color: var(--Color_Orange) } .prd-Tags_Tag-set { background-color: var(--Color_DarkGreen) } .lyt-Theme-isTrade .prd-Tags_Tag-standard, .prd-Tags_Tag-trade { display: none } .lyt-Theme-isTrade .prd-Tags_Tag-trade { display: block } .prd-Tags_Delivery { background-color: var(--Color_Porcelein); border-radius: 2px; color: var(--Color_Brand); display: inline-flex; gap: 5px; padding: 2px 5px } .prd-Tags_Delivery svg { block-size: 15px; inline-size: 15px } .psh-CartAside { background-color: #f7f7f7; block-size: 100%; display: none; flex-shrink: 0; inline-size: 250px; max-block-size: 100%; overflow: auto; padding: var(--Site_Margin); position: relative; transform: translate(100%); transition: transform .3s ease 0s } @media (min-width:900.02px) { .psh-CartAside { display: block } } .psh-CartAside:before { background-color: #f7f7f7; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 0; position: absolute; transition: opacity .2s ease, visibility .2s ease; visibility: hidden; z-index: 2 } .drw-Drawer-active .psh-CartAside { transform: none; transition: transform .5s ease .3s } .psh-CartAside::-webkit-scrollbar { display: none } .psh-CartAside-loading:before { opacity: .75; visibility: visible } .psh-CartAside_Content { display: block } .psh-CartAside_Content[aria-hidden=true] { display: none } .psh-CartEmpty { display: block } .psh-CartEmpty_Title { margin-block-end: 10px } .psh-CartEmpty_Carousel { display: flex; margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:900.02px) { .psh-CartEmpty_Carousel { display: block; margin-inline: 0 } } .psh-CartEmpty_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: var(--Grid_Gutter); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:900.02px) { .psh-CartEmpty_Items { display: grid; gap: 20px; overflow: auto; padding-inline: 0 } } .psh-CartEmpty_Items::-webkit-scrollbar { display: none } .psh-CartEmpty_Item { flex-shrink: 0; inline-size: 60% } @media (min-width:900.02px) { .psh-CartEmpty_Item { inline-size: 100% } } .psh-CartEmpty_MediaContainer { border-radius: 2px; display: flex; flex-grow: 1; inline-size: 100%; overflow: hidden; position: relative; z-index: 1 } .psh-CartEmpty_MediaContainer:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .psh-CartEmpty_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .psh-CartEmpty_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: -2 } @media (hover:hover), (min-width:1600px) { .psh-CartEmpty_Image { transform: scale(1.025); transition: transform .3s ease } .psh-CartEmpty_Card:hover .psh-CartEmpty_Image { transform: none } } .psh-CartEmpty_Content { margin-block-start: 15px; padding-inline-end: 10px } .psh-CartEmpty_Button { --Button_Color: currentColor; white-space: normal } .psh-CartErrors_Item { background-color: var(--Color_Background); border: 1px solid var(--Color_Border); border-radius: 4px; color: var(--Color_Brand); display: flex; gap: 15px; opacity: 0; padding: 10px; pointer-events: auto; position: relative; text-align: end; transform: translate(20px); transition: transform .4s ease, opacity .3s, visibility .3s; visibility: hidden } .psh-CartErrors_Item[aria-hidden=false] { opacity: 1; transform: none; visibility: visible } .psh-CartErrors_Item+.psh-CartErrors_Item { margin-block-start: 20px } .psh-CartErrors_Close { align-items: center; cursor: pointer; display: flex; flex-shrink: 0; inline-size: 15px } .psh-CartErrors_Close svg { block-size: 15px; display: block; inline-size: 15px } .psh-CartFooter_Row { display: flex; justify-content: space-between } .psh-CartFooter_Row:first-child { border-block-start: 0 } .psh-CartFooter_Buttons { padding-block-start: 15px } @media (min-width:900.02px) { .psh-CartFooter_Buttons { padding-block-start: 20px } } .psh-CartFooter_Payments { display: flex; gap: 5px; justify-content: center; margin-block-start: 15px } @media (min-width:900.02px) { .psh-CartFooter_Payments { margin-block-start: 20px } } .psh-CartFooter_Payment { align-items: center; border: 1px solid var(--Color_Border); border-radius: 3px; display: flex; flex-shrink: 0; justify-content: center } .psh-CartFooter_Payment, .psh-CartFooter_Payment svg { block-size: 28px; inline-size: 40px } .psh-CartGiftMessage { border-block-end: 1px solid var(--Color_Border); display: block; margin-block-end: 20px; margin-inline: calc(var(--Site_Margin)*-1); padding-block-end: 5px; padding-inline: var(--Site_Margin) } @media (min-width:900.02px) { .psh-CartGiftMessage { padding-block-end: 10px } } .crt-Cart_Note .psh-CartGiftMessage { border-block-end: 0; margin-inline: 0; padding-inline: 0 } .psh-CartGiftMessage[aria-hidden=true] { display: none } .psh-CartGiftMessage_Inner { display: block } .psh-CartGiftMessage_Header { display: flex; gap: 5px; inline-size: 100%; padding-block-end: 10px } .psh-CartGiftMessage_Heading[aria-hidden=true] { display: none } .psh-CartGiftMessage_Edit { -webkit-text-decoration: underline; text-decoration: underline } .psh-CartGiftMessage_ArrowContainer { block-size: 17px; display: block; inline-size: 8px; margin-inline-start: auto; position: relative } .psh-CartGiftMessage_Arrow { align-items: flex-end; block-size: 12px; display: flex; inline-size: 8px; inset-block-start: 3px; inset-inline-start: 0; overflow: hidden; position: absolute; transform: rotate(-180deg); transition: block-size .3s ease, transform .3s ease-in-out .2s; z-index: 0 } @media (hover:hover), (min-width:1600px) { .psh-CartGiftMessage_Header:hover .psh-CartGiftMessage_Arrow { block-size: 17px } } .crt-Cart_Note .psh-CartGiftMessage_Arrow, [aria-expanded=true] .psh-CartGiftMessage_Arrow { transform: none } .crt-Cart_Note :is([aria-expanded=true] .psh-CartGiftMessage_Arrow) { transform: rotate(-180deg) } .psh-CartGiftMessage_Arrow svg { block-size: 17px; flex-shrink: 0; inline-size: 8px } .psh-CartGiftMessage_Body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s } [aria-expanded=true] .psh-CartGiftMessage_Body { grid-template-rows: 1fr } .psh-CartGiftMessage_Content { overflow: hidden } .psh-CartGiftMessage_Buttons { margin-block-start: 15px } .psh-CartGiftMessage_Form { display: block; margin-block-end: 10px } .psh-CartItem { display: flex; gap: 15px } @media (min-width:900.02px) { .psh-CartItem { gap: 20px } } .psh-CartItem_Related .psh-CartItem { gap: 10px } .psh-CartItem_Media { display: block; flex-shrink: 0; inline-size: 60px } .psh-CartItem_Related .psh-CartItem_Media, .psh-CartItem_RelatedToggle .psh-CartItem_Media { inline-size: 50px } .psh-CartItem_Image { border-radius: 2px; display: flex; overflow: hidden; position: relative } .psh-CartItem_Image:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 1 } .psh-CartItem_Image:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .psh-CartItem_Main { display: flex; flex: 1; flex-direction: column } .psh-CartItem_Content { flex: 1 } .psh-CartItem_Sku { opacity: .75 } .psh-CartItem_Price { float: right; margin-block-start: 4px; margin-inline-start: 10px; text-align: end; white-space: nowrap } .psh-CartItem_Price-bundle { display: flex; flex-direction: column } .psh-CartItem_DiscountPrice { color: var(--Color_DarkGreen); display: block } .psh-CartItem_PreOrder { color: var(--Color_Orange) } .psh-CartItem_Note { margin-block-start: 5px } .psh-CartItem_Discount { color: var(--Color_DarkGreen); padding: 2px 0 } .psh-CartItem_UpsellHeader { margin-block-start: 10px } .psh-CartItem_RelatedToggle[aria-expanded=false]~.psh-CartItem_UpsellHeader { margin-block-start: 0 } .psh-CartItem_UpsellTitle { text-transform: none } .psh-CartItem_RelatedCount { display: flex; gap: 5px; text-transform: none } .psh-CartItem_RelatedIconContainer { block-size: 15px; display: block; inline-size: 8px; position: relative } .psh-CartItem_RelatedIcon { align-items: flex-end; block-size: 12px; display: flex; inline-size: 8px; inset-block-start: 3px; inset-inline-start: 0; overflow: hidden; position: absolute; transition: block-size .3s ease, transform .3s ease-in-out .2s; z-index: 0 } @media (hover:hover), (min-width:1600px) { .psh-CartItem_RelatedCount:hover .psh-CartItem_RelatedIcon { block-size: 15px } } .psh-CartItem_RelatedToggle[aria-expanded=true] .psh-CartItem_RelatedIcon { transform: rotate(-180deg) } .psh-CartItem_RelatedIcon svg { block-size: 15px; flex-shrink: 0; inline-size: 8px } .psh-CartItem_RelatedContainer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s } [aria-expanded=true] .psh-CartItem_RelatedContainer { grid-template-rows: 1fr } .psh-CartItem_Related { margin-block-start: 10px; padding-block-start: 10px } .psh-CartItem_UpsellHeader+.psh-CartItem_Related { padding-block-start: 0 } .psh-CartItem_RelatedBundle { overflow: hidden; transition: margin-block-start .5s, padding-block-start .5s } [aria-expanded=true] .psh-CartItem_RelatedBundle { margin-block-start: 10px; padding-block-start: 10px } [aria-expanded=false] .psh-CartItem_RelatedBundle { transition-delay: 0ms } .psh-CartItem_Footer, .psh-CartItem_RelatedItem+.psh-CartItem_RelatedItem { margin-block-start: 10px } .psh-CartItem_Footer { align-items: center; display: flex; inline-size: 100%; justify-content: space-between } .psh-CartItem_Quantity { margin-inline-start: -10px } .psh-CartItem_Remove { opacity: .75; transition: opacity .3s ease } @media (hover:hover), (min-width:1600px) { .psh-CartItem_Remove:hover { opacity: 1 } } .psh-CartItems_Backorder { background-color: var(--Color_Linen); border-radius: 2px; display: flex; gap: 8px; margin-block-start: 15px; padding: 13px 20px 13px 8px } @media (min-width:900.02px) { .psh-CartItems_Backorder { margin-block-start: 20px } } .psh-CartItems_Info { block-size: 15px; display: flex; inline-size: 15px; margin-block-start: 2px } .psh-CartItems_InfoText a { -webkit-text-decoration: underline; text-decoration: underline } .psh-CartItems_Item { border-block-end: 1px solid var(--Color_Border); padding-block: 15px } @media (min-width:900.02px) { .psh-CartItems_Item { padding-block: 20px } .psh-CartItems_Upsells { display: none } } .psh-CartItems_EmptyButtons { display: none } @media (min-width:900.02px) { .psh-CartItems_EmptyButtons { display: block; margin-block-start: 15px } } .psh-CartItems_Ctas { margin-block-start: 15px } @media (min-width:900.02px) { .psh-CartItems_Ctas { display: none } } .psh-CartShipping-complete { color: var(--Color_Olive) } .psh-CartShipping_Progress { display: block; margin-block-start: 10px } .psh-CartShipping_Bar { background-color: var(--Color_Border); position: relative } .psh-CartShipping_BarInner { background-color: var(--Color_Body); block-size: 2px; inline-size: var(--Width); position: relative } .psh-CartShipping-complete .psh-CartShipping_BarInner { background-color: var(--Color_Olive) } .psh-CartShipping_Text { align-items: center; display: flex; gap: 10px } .psh-CartShipping_Tick { align-items: center; background-color: var(--Color_Olive); block-size: 12px; border: 1px solid var(--Color_Olive); border-radius: 50%; color: #fff; display: flex; inline-size: 12px; justify-content: center; opacity: 1 } .psh-CartShipping_Tick svg { block-size: 9px; inline-size: 7px } .psh-CartUpsells { display: block; margin-block-end: 15px } @media (min-width:900.02px) { .psh-CartUpsells { margin-block-end: 0 } } .psh-CartUpsells_Title { margin-block: 15px 10px } @media (min-width:900.02px) { .psh-CartUpsells_Title { margin-block: 0 20px } } .psh-CartUpsells_Carousel { display: flex; margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:900.02px) { .psh-CartUpsells_Carousel { display: block; margin-inline: 0 } } .psh-CartUpsells_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: var(--Grid_Gutter); overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:900.02px) { .psh-CartUpsells_Items { display: grid; gap: 30px; overflow: auto; padding-inline: 0 } } .psh-CartUpsells_Items::-webkit-scrollbar { display: none } .psh-CartUpsells_Item { flex-shrink: 0; inline-size: 60% } @media (min-width:900.02px) { .psh-CartUpsells_Item { inline-size: 100% } } .psh-Cart { display: flex; flex-direction: column } .psh-Cart_Errors { inset-block-start: 15px; inset-inline-end: 15px; max-inline-size: 320px; pointer-events: none; position: absolute; z-index: 5 } @media (min-width:900.02px) { .psh-Cart_Errors { inset-block-start: 20px; inset-inline-end: 20px } } .psh-Cart_Body { flex: 1 } .psh-Cart_Loading { align-items: center; background-color: #ffffffbf; display: flex; top: 0; right: 0; bottom: 0; left: 0; justify-content: center; opacity: 0; position: absolute; transition: opacity .2s ease, visibility .2s ease; visibility: hidden; z-index: 3 } .psh-Cart-loading .psh-Cart_Loading { opacity: 1; visibility: visible } .psh-Cart_LoadingIcon { animation: LoadingLogo 1s ease-in-out infinite; block-size: 30px; display: flex; inline-size: 83px } .psh-Cart_LoadingIcon path { fill: var(--Color_Brand) } @keyframes LoadingLogo { 0% { opacity: 1 } 50% { opacity: .3 } to { opacity: 1 } } .sec-Accordion_Item { border-block-end: 1px solid var(--Color_Border); display: block } .sec-Accordion_Title { display: flex; inline-size: 100%; justify-content: space-between; padding-block: 15px; text-align: start } @media (min-width:900.02px) { .sec-Accordion_Title { padding-block: 20px } } .sec-Accordion_IconContainer { block-size: 17px; display: block; inline-size: 8px; position: relative } .sec-Accordion_Icon { align-items: flex-end; block-size: 12px; display: flex; inline-size: 8px; inset-block-start: 3px; inset-inline-start: 0; overflow: hidden; position: absolute; transition: block-size .3s ease, transform .3s ease-in-out .2s; z-index: 0 } @media (hover:hover), (min-width:1600px) { .sec-Accordion_Title:hover .sec-Accordion_Icon { block-size: 17px } } [aria-expanded=true] .sec-Accordion_Icon { transform: rotate(-180deg) } .sec-Accordion_Icon svg { block-size: 17px; flex-shrink: 0; inline-size: 8px } .sec-Accordion_Body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s } [aria-expanded=true] .sec-Accordion_Body { grid-template-rows: 1fr } .sec-Accordion_Content { overflow: hidden } [aria-expanded=true] .sec-Accordion_Content { padding-block-end: 20px } .sec-Accordion_Rows { display: flex; flex-direction: column; gap: 20px } .sec-Accordion_Downloads { margin-block-start: 20px } .sec-AncillaryHeader { --Border_Color: #0000001a; background-color: var(--Section_Background); position: relative } .sec-AncillaryHeader-light { --Border_Color: #ffffff1a; color: #fff } .sec-AncillaryHeader_Body { position: relative; z-index: 2 } .lyt-Theme:not(.lyt-Theme-headerSolid) .sec-AncillaryHeader_Body { padding-block-start: var(--Header_Height) } .sec-AncillaryHeader_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: 1 } .sec-AncillaryHeader_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-AncillaryHeader-dark .sec-AncillaryHeader_Overlay { background-color: #fff } .sec-AncillaryHeader_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-AncillaryHeader_Image-desktop { display: none } @media (min-width:768px) { .sec-AncillaryHeader_Image-desktop { display: flex } .sec-AncillaryHeader_Image-mobile { display: none } } .sec-AncillaryHeader_Content { padding-block: 30px; text-align: center } @media (min-width:900.02px) { .sec-AncillaryHeader_Content { padding: 80px var(--Site_Margin) 100px } } .lyt-Theme-headerTransparent .sec-AncillaryHeader_Content { border-block-start: 1px solid var(--Border_Color) } .sec-AncillaryHeader_Title { text-transform: uppercase } @media (min-width:900.02px) { .sec-AncillaryHeader_Title { inline-size: 83.33333%; margin-inline: auto; max-inline-size: 1150px } } @media (min-width:1200.02px) { .sec-AncillaryHeader_Title { inline-size: 66.66667% } } .sec-AncillaryHeader_Text { display: block; margin-block-start: 20px; margin-inline: auto } @media (min-width:768px) { .sec-AncillaryHeader_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-AncillaryHeader_Text { inline-size: 70%; max-inline-size: 700px } } @media (min-width:1200.02px) { .sec-AncillaryHeader_Text { inline-size: 50% } } .sec-AncillaryHeader_Buttons { margin-block-start: 30px; margin-inline: auto } @media (min-width:900.02px) { .sec-AncillaryHeader_Buttons { margin-block-end: -50px } } .sec-CollectionHighlights { display: block; position: relative; z-index: 1 } .sec-CollectionHighlights_Inner { display: block; padding-block: var(--Margin_Standard) } .sec-CollectionHighlights_Body { display: grid; gap: var(--Margin_Standard) var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-CollectionHighlights_Image { grid-row: 1; inset-block-start: 0; max-block-size: 40vh; pointer-events: none; position: sticky; transition: opacity .5s ease; z-index: 2 } @media (min-width:900.02px) { .sec-CollectionHighlights_Image { inset-block-start: auto; max-block-size: none; position: relative } } .sec-CollectionHighlights_Image[aria-hidden=true] { opacity: 0 } .sec-CollectionHighlights_Image-leftMain { block-size: 100%; display: flex; grid-column: 1/span 6; margin-block-start: calc(var(--Margin_Standard)*-.5); margin-inline-start: calc(var(--Site_Margin)*-1) } @media (min-width:900.02px) { .sec-CollectionHighlights_Image-leftMain { grid-column: 1/span 2; margin-block-start: 0; padding-block: calc(var(--Margin_Standard) - 20px) var(--Margin_Standard) } } .sec-CollectionHighlights_Image-leftOverlay { display: none } @media (min-width:900.02px) { .sec-CollectionHighlights_Image-leftOverlay { animation: HighlightsLevitate 6s ease infinite; display: block; grid-column: 1/span 3; margin-inline-end: calc(var(--Site_Margin)*-1) } } .sec-CollectionHighlights_Image-rightMain { block-size: 100%; display: flex; grid-column: 7/span 6; margin-inline-end: calc(var(--Site_Margin)*-1) } @media (min-width:900.02px) { .sec-CollectionHighlights_Image-rightMain { grid-column: 11/span 2; padding-block: var(--Margin_Standard) } } .sec-CollectionHighlights_Image-rightOverlay { align-items: flex-end; animation: HighlightsLevitate 6s ease infinite; animation-delay: 2s; display: flex; grid-column: 4/span 6; margin-block-end: calc(var(--Margin_Standard)*-.5) } @media (min-width:900.02px) { .sec-CollectionHighlights_Image-rightOverlay { align-self: end; display: block; grid-column: 10/span 3; margin-block-end: 0; margin-inline-start: calc(var(--Site_Margin)*-1) } } .sec-CollectionHighlights_Content { grid-column: 2/span 10; grid-row: 2; text-align: center } @media (min-width:900.02px) { .sec-CollectionHighlights_Content { grid-column: 3/span 8; grid-row: 1 } } .sec-CollectionHighlights_Kicker { margin-block-end: 10px } .sec-CollectionHighlights_Items { display: grid; gap: 10px } .sec-CollectionHighlights_Link { opacity: .2; position: relative; transition: opacity .5s ease } @media (max-width:767.98px) { .sec-CollectionHighlights_Link { font-size: 34px } } @media (min-width:900.02px) { .sec-CollectionHighlights_Link { opacity: .55 } } .sec-CollectionHighlights_Link[aria-pressed=true] { opacity: 1 } .sec-CollectionHighlights_FauxLink { block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } @keyframes HighlightsLevitate { 0% { transform: none } 50% { transform: translateY(-20px) } to { transform: none } } .sec-CollectionHighlights_Buttons { margin-block-start: 40px } .sec-CtaCard { display: block } .sec-CtaCard_MediaContainer { block-size: 100%; display: flex; margin-block-end: 20px; overflow: hidden; position: relative } .sec-CtaCard_MediaContainer:after { content: ""; display: block; padding-block-start: 125% } @media (min-width:768px) { .sec-CtaCard-double .sec-CtaCard_MediaContainer:after { padding-block-start: 80% } } .sec-CtaCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: 1 } @media (hover:hover), (min-width:1600px) { .sec-CtaCard_Image { transform: scale(1.025); transition: transform .5s ease } .sec-CtaCard:hover .sec-CtaCard_Image { transform: none } } .sec-CtaCard_Image-desktop { display: none } @media (min-width:768px) { .sec-CtaCard_Image-desktop { display: flex } .sec-CtaCard_Image-mobile { display: none } } .sec-CtaCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 2 } .sec-CtaCard_Video-desktop { display: none } @media (min-width:768px) { .sec-CtaCard_Video-desktop { display: flex } .sec-CtaCard_Video-mobile { display: none } } .sec-CtaCard_ShopScene { inset-block-start: 20px; inset-inline-end: 20px; position: absolute; z-index: 2 } .sec-CtaCard_Kicker { margin-block-end: 5px } .sec-CtaCard_Text { margin-block-start: 10px; margin-inline-end: 20px } @media (min-width:900.02px) { .sec-CtaCard_Text { inline-size: 83.33333%; margin-inline-end: 0 } } @media (min-width:1200.02px) { .sec-CtaCard-double .sec-CtaCard_Text { inline-size: 66.66667% } } @media (min-width:1440px) { .sec-CtaCard-double .sec-CtaCard_Text { inline-size: 50% } } .sec-CtaCard_Buttons { margin-block-start: 15px } .sec-CtaCard_Button { color: inherit; z-index: 2 } .sec-CtaDouble_Columns { display: grid; gap: 40px var(--Grid_Gutter) } @media (min-width:768px) { .sec-CtaDouble_Columns { grid-template-columns: repeat(2, 1fr) } .sec-CtaSingle_Columns { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr) } .sec-CtaSingle_Column { grid-column: 3/span 8 } } @media (min-width:900.02px) { .sec-CtaSingle_Column { grid-column: 4/span 6 } } .sec-CtaTriple { display: block } .sec-CtaTriple_Carousel { margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } .sec-CtaTriple_Slides:not([data-keen-slider-disabled]) { overflow: visible } .sec-CtaTriple_Slides:not([data-initialised=true]), .sec-CtaTriple_Slides[data-keen-slider-disabled] { display: flex; gap: 5px } .sec-CtaTriple_Slides:not([data-initialised=true]) .sec-CtaTriple_Slide, .sec-CtaTriple_Slides[data-keen-slider-disabled] .sec-CtaTriple_Slide { flex-shrink: 0; inline-size: 100% } @media (min-width:768px) { .sec-CtaTriple_Slides:not([data-initialised=true]) .sec-CtaTriple_Slide, .sec-CtaTriple_Slides[data-keen-slider-disabled] .sec-CtaTriple_Slide { inline-size: calc(50% - var(--Grid_Gutter)/2) } } @media (min-width:900.02px) { .sec-CtaTriple_Slides:not([data-initialised=true]) .sec-CtaTriple_Slide, .sec-CtaTriple_Slides[data-keen-slider-disabled] .sec-CtaTriple_Slide { inline-size: calc(33.33333% - (var(--Grid_Gutter)*2)/3) } } .sec-FeaturedArticle { display: flex; inline-size: 100%; max-block-size: 100svh; position: relative } @media (min-width:900.02px) { .sec-FeaturedArticle { max-block-size: 100vh } } .sec-FeaturedArticle:after { content: ""; display: block; inline-size: 0; padding-block-start: 180% } @media (min-width:900.02px) { .sec-FeaturedArticle:after { padding-block-start: 72% } } .sec-FeaturedArticle-noMedia:after { content: none } .sec-FeaturedArticle-light { color: #fff } .sec-FeaturedArticle_Inner { margin-block: var(--Site_Margin) } .lyt-Theme:not(.lyt-Theme-headerSolid) .sec-FeaturedArticle-first .sec-FeaturedArticle_Inner { margin-block-start: calc(var(--Header_Height) + var(--Site_Margin)) } .sec-FeaturedArticle-noMedia .sec-FeaturedArticle_Inner { margin-block: 30px 20px } @media (min-width:900.02px) { .sec-FeaturedArticle-noMedia .sec-FeaturedArticle_Inner { margin-block: 60px 40px } } .sec-FeaturedArticle_Body { block-size: 100%; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-FeaturedArticle_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .sec-FeaturedArticle_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-FeaturedArticle-dark .sec-FeaturedArticle_Overlay { background-color: #fff } .sec-FeaturedArticle_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-FeaturedArticle_Image-desktop { display: none } @media (min-width:768px) { .sec-FeaturedArticle_Image-desktop { display: flex } .sec-FeaturedArticle_Image-mobile { display: none } } .sec-FeaturedArticle_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-FeaturedArticle_Video-desktop { display: none } @media (min-width:768px) { .sec-FeaturedArticle_Video-desktop { display: flex } .sec-FeaturedArticle_Video-mobile { display: none } } .sec-FeaturedArticle_Content { grid-column: 1/span 12; text-align: start } @media (min-width:1440px) { .sec-FeaturedArticle_Content { grid-column: 1/span 10 } } @media (max-width:767.98px) { .sec-FeaturedArticle_Content { align-self: end } } .sec-FeaturedArticle-center .sec-FeaturedArticle_Content { text-align: center } @media (min-width:1440px) { .sec-FeaturedArticle-center .sec-FeaturedArticle_Content { grid-column: 2/span 10 } } @media (min-width:768px) { .sec-FeaturedArticle-middle .sec-FeaturedArticle_Content { align-self: center } .sec-FeaturedArticle-bottom .sec-FeaturedArticle_Content { align-self: end } } .sec-FeaturedArticle_Kicker { margin-block-end: 10px } @media (min-width:768px) { .sec-FeaturedArticle_Kicker { inline-size: 83.33333%; margin-block-end: 20px } } @media (min-width:900.02px) { .sec-FeaturedArticle_Kicker { inline-size: 70% } } @media (min-width:1200.02px) { .sec-FeaturedArticle_Kicker { inline-size: 50% } } .sec-FeaturedArticle-center .sec-FeaturedArticle_Kicker { margin-inline: auto } .sec-FeaturedArticle_KickerLink { background-color: var(--Color_Moss); border-radius: 2px; color: #fff; padding: 2px 4px; position: relative; z-index: 2 } .sec-FeaturedArticle_Detail { margin-block-end: 10px } @media (min-width:768px) { .sec-FeaturedArticle_Detail { inline-size: 83.33333%; margin-block-end: 20px } } @media (min-width:900.02px) { .sec-FeaturedArticle_Detail { inline-size: 70% } } @media (min-width:1200.02px) { .sec-FeaturedArticle_Detail { inline-size: 50% } } .sec-FeaturedArticle-center .sec-FeaturedArticle_Detail { margin-inline: auto } .sec-FeaturedArticle_Dates { opacity: .75 } .sec-FeaturedArticle_AuthorLink { position: relative; z-index: 2 } @media (hover:hover), (min-width:1600px) { .sec-FeaturedArticle_AuthorLink { transition: opacity .2s ease } .sec-FeaturedArticle_AuthorLink:hover { opacity: 1 } .sec-FeaturedArticle_AuthorLink:hover:after { transform: scale(1) } } .sec-FeaturedArticle_AuthorLink:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; inline-size: 100%; inset-block-end: -2px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .2s ease } .sec-FeaturedArticle-light .sec-FeaturedArticle_AuthorLink:after { background-color: #fff } .sec-FeaturedArticle_Title { text-transform: uppercase } @media (min-width:900.02px) { .sec-FeaturedArticle_Title { margin-inline: auto; max-inline-size: 1150px } } .sec-FeaturedArticle_Text { margin-block-start: 10px } @media (min-width:768px) { .sec-FeaturedArticle_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-FeaturedArticle_Text { inline-size: 70%; max-inline-size: 700px } } @media (min-width:1200.02px) { .sec-FeaturedArticle_Text { inline-size: 50% } } .sec-FeaturedArticle-center .sec-FeaturedArticle_Text { margin-inline: auto } .sec-FeaturedArticle_Buttons { margin-block-start: 30px } .sec-FeaturedArticle-center .sec-FeaturedArticle_Buttons { margin-inline: auto } .sec-FeaturedArticle_Button { z-index: 2 } .sec-FeaturedContentCard { display: block } .sec-FeaturedContentCard_MediaContainer { block-size: 100%; display: flex; margin-block-end: 20px; overflow: hidden; position: relative; z-index: 0 } .sec-FeaturedContentCard_MediaContainer:after { content: ""; display: block; padding-block-start: 110% } .sec-FeaturedContentCard_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: 1 } @media (hover:hover), (min-width:1600px) { .sec-FeaturedContentCard_Image { transform: scale(1.025); transition: transform .5s ease } .sec-FeaturedContentCard:hover .sec-FeaturedContentCard_Image { transform: none } } .sec-FeaturedContentCard_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 2 } .sec-FeaturedContentCard_Tag { background-color: var(--Color_Moss); border-radius: 2px; color: #fff; display: block; inset-block-start: 10px; inset-inline-start: 10px; padding: 2px 5px; position: absolute; z-index: 3 } @media (min-width:900.02px) { .sec-FeaturedContentCard_Tag { inset-block-start: 20px; inset-inline-start: 20px } } .sec-FeaturedContentCard_Text { margin-block-start: 10px; margin-inline-end: 20px } .sec-FeaturedContentCard_Buttons { margin-block-start: 5px } .sec-FeaturedContentCard_Button { z-index: 2 } .sec-FeaturedContentOverlay { color: var(--Color_Brand); max-inline-size: 700px; opacity: var(--Foreground_Opacity); padding-inline: var(--Site_Margin); text-align: center } @media (min-width:768px) { .sec-FeaturedContentOverlay { opacity: 1 } } .sec-FeaturedContent_MediaContainer-light .sec-FeaturedContentOverlay { color: #fff } .sec-FeaturedContentOverlay_Kicker { margin-block-end: 10px; margin-inline: auto } @media (min-width:768px) { .sec-FeaturedContentOverlay_Kicker { inline-size: 83.33333% } } @media (min-width:1200.02px) { .sec-FeaturedContentOverlay_Kicker { inline-size: 66.66667% } } .sec-FeaturedContentOverlay_Title { text-transform: uppercase } .sec-FeaturedContentOverlay_Text { margin-block-start: 15px; margin-inline: auto } @media (min-width:768px) { .sec-FeaturedContentOverlay_Text { inline-size: 83.33333% } } @media (min-width:1200.02px) { .sec-FeaturedContentOverlay_Text { inline-size: 66.66667% } } .sec-FeaturedContentOverlay_Buttons { margin-block-start: 25px } .sec-FeaturedContentOverlay_Button { z-index: 2 } .sec-FeaturedContent { display: block; position: relative; z-index: 1 } @media (min-width:768px) { .sec-FeaturedContent_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, minmax(0, 1fr)) } } .sec-FeaturedContent_Column-media { --Background_Opacity: 1; --Foreground_Opacity: 1; inset-block-start: 0; position: sticky; z-index: 1 } @media (min-width:768px) { .sec-FeaturedContent_Column-media { grid-column: 1; grid-row: 1; position: relative } } .sec-FeaturedContent_Column-content { padding: var(--Site_Margin); position: relative; z-index: 2 } @media (min-width:768px) { .sec-FeaturedContent_Column-content { display: flex; flex-direction: column; gap: var(--Site_Margin); grid-column: 2; grid-row: 1; padding-block-start: 0 } } @media (min-width:1200.02px) { .sec-FeaturedContent_Column-content { flex-direction: row; padding-block: 0 } } .sec-FeaturedContent_MediaContainer { align-items: center; block-size: 100vh; display: flex; inline-size: 100%; justify-content: center; opacity: var(--Background_Opacity); overflow: hidden; position: relative } @media (min-width:768px) { .sec-FeaturedContent_MediaContainer { inset-block-start: 0; opacity: 1; position: sticky } } .sec-FeaturedContent_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-FeaturedContent_Image-desktop { display: none } @media (min-width:768px) { .sec-FeaturedContent_Image-desktop { display: flex } .sec-FeaturedContent_Image-mobile { display: none } } .sec-FeaturedContent_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-FeaturedContent_Video-desktop { display: none } @media (min-width:768px) { .sec-FeaturedContent_Video-desktop { display: flex } .sec-FeaturedContent_Video-mobile { display: none } } .sec-FeaturedContent_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: -1 } .sec-FeaturedContent_MediaContainer-dark .sec-FeaturedContent_Overlay { background-color: #fff } .sec-FeaturedContent_ContentContainer { flex-grow: 1 } @media (min-width:768px) { .sec-FeaturedContent_Content { inset-block-start: 0; padding-block-start: var(--Site_Margin); position: sticky } } @media (min-width:1200.02px) { .sec-FeaturedContent_Content { padding-block: var(--Site_Margin) } } .sec-FeaturedContent_Kicker { margin-block-end: 10px } .sec-FeaturedContent_Text { margin-block-start: 10px } .sec-FeaturedContent_Buttons { margin-block-start: 15px } .sec-FeaturedContent_Cards { padding-block-start: var(--Site_Margin) } @media (min-width:768px) { .sec-FeaturedContent_Cards { padding-block-start: 0 } } @media (min-width:1200.02px) { .sec-FeaturedContent_Cards { flex-grow: 0; flex-shrink: 0; inline-size: 40%; padding-block: var(--Site_Margin) } } .sec-FeaturedContent_Carousel { display: block; margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } @media (min-width:1200.02px) { .sec-FeaturedContent_Carousel { margin-inline: 0; padding-inline: 0 } } .sec-FeaturedContent_Slides { display: flex } @media (min-width:1200.02px) { .sec-FeaturedContent_Slides { display: grid; gap: var(--Site_Margin) } } .sec-FeaturedContent_Slides:not([data-initialised=true]) { gap: 5px } @media (min-width:1200.02px) { .sec-FeaturedContent_Slides:not([data-initialised=true]) { gap: var(--Site_Margin) } } .sec-FeaturedContent_Slide { flex-shrink: 0; inline-size: 76.92308% } @media (min-width:1200.02px) { .sec-FeaturedContent_Slide { inline-size: 100% } } .sec-FeaturedProducts { display: block; position: relative; z-index: 1 } @media (min-width:768px) { .sec-FeaturedProducts_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, minmax(0, 1fr)) } } .sec-FeaturedProducts_Column-media { --Background_Opacity: 1; inset-block-start: 0; position: sticky; z-index: 1 } @media (min-width:768px) { .sec-FeaturedProducts_Column-media { grid-column: 2; grid-row: 1; position: relative } } .sec-FeaturedProducts_Column-content { padding: var(--Site_Margin); position: relative; z-index: 2 } @media (min-width:768px) { .sec-FeaturedProducts_Column-content { display: flex; flex-direction: column; gap: var(--Site_Margin); grid-column: 1; grid-row: 1; padding-block-start: 0 } } @media (min-width:1200.02px) { .sec-FeaturedProducts_Column-content { flex-direction: row; padding-block: 0 } } .sec-FeaturedProducts_MediaContainer { block-size: 100vh; display: flex; inline-size: 100%; opacity: var(--Background_Opacity); overflow: hidden; position: relative } @media (min-width:768px) { .sec-FeaturedProducts_MediaContainer { inset-block-start: 0; opacity: 1; position: sticky } } .sec-FeaturedProducts_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-FeaturedProducts_Image-desktop { display: none } @media (min-width:768px) { .sec-FeaturedProducts_Image-desktop { display: flex } .sec-FeaturedProducts_Image-mobile { display: none } } .sec-FeaturedProducts_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-FeaturedProducts_Video-desktop { display: none } @media (min-width:768px) { .sec-FeaturedProducts_Video-desktop { display: flex } .sec-FeaturedProducts_Video-mobile { display: none } } .sec-FeaturedProducts_Content { flex-grow: 1 } @media (min-width:1200.02px) { .sec-FeaturedProducts_Content { block-size: 100vh; display: flex; flex-direction: column; inset-block-start: 0; position: sticky } } @media (min-width:768px) { .sec-FeaturedProducts_ContentHeader { inset-block-start: 0; padding-block-start: var(--Site_Margin); position: sticky } } @media (min-width:1200.02px) { .sec-FeaturedProducts_ContentHeader { padding-block: var(--Site_Margin) } .sec-FeaturedProducts-hasFooterButton .sec-FeaturedProducts_ContentHeader { padding-block-end: calc(var(--Site_Margin)*2 + 50px) } } .sec-FeaturedProducts_Kicker { margin-block-end: 10px } .sec-FeaturedProducts_Text { margin-block-start: 10px } .sec-FeaturedProducts_Buttons { margin-block-start: 15px } .sec-FeaturedProducts_FooterButtons { display: none } @media (min-width:1200.02px) { .sec-FeaturedProducts_FooterButtons { display: block; margin-block-start: auto; padding-block-end: var(--Site_Margin) } } .sec-FeaturedProducts_FooterButton { inline-size: 100%; justify-content: center } .sec-FeaturedProducts_Cards { padding-block: var(--Site_Margin) } @media (min-width:768px) { .sec-FeaturedProducts_Cards { padding-block: 0 } } @media (min-width:1200.02px) { .sec-FeaturedProducts_Cards { flex-grow: 0; flex-shrink: 0; inline-size: 50%; padding-block: var(--Site_Margin) } } .sec-FeaturedProducts_Carousel { display: block; margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } @media (min-width:1200.02px) { .sec-FeaturedProducts_Carousel { margin-inline: 0; padding-inline: 0 } } .sec-FeaturedProducts_Slides { display: flex } @media (min-width:1200.02px) { .sec-FeaturedProducts_Slides { display: grid; gap: var(--Site_Margin) } } .sec-FeaturedProducts_Slides:not([data-initialised=true]) { gap: 5px } @media (min-width:1200.02px) { .sec-FeaturedProducts_Slides:not([data-initialised=true]) { gap: var(--Site_Margin) } } .sec-FeaturedProducts_Slide { flex-shrink: 0; inline-size: 76.92308% } @media (min-width:1200.02px) { .sec-FeaturedProducts_Slide { inline-size: 100% } .sec-FeaturedProducts_Footer { display: none } } .sec-FeaturedVideo { display: block } .sec-FeaturedVideo-inset { margin: var(--Site_Margin) } .sec-Section-hasBackground .sec-FeaturedVideo-inset { margin: 0; padding: var(--Site_Margin) } .sec-FeaturedVideo-light { color: #fff } .sec-FeaturedVideo_Main { display: flex; inline-size: 100%; max-block-size: 100svh; position: relative; z-index: 1 } @media (min-width:900.02px) { .sec-FeaturedVideo_Main { max-block-size: 100vh } } .sec-FeaturedVideo_Main:after { content: ""; display: block; inline-size: 0; padding-block-start: 160% } @media (min-width:900.02px) { .sec-FeaturedVideo_Main:after { padding-block-start: 60% } .sec-FeaturedVideo-narrow .sec-FeaturedVideo_Main:after { padding-block-start: 50% } } .sec-FeaturedVideo_Inner { margin-block: calc(var(--Site_Margin)*2) } .sec-FeaturedVideo-first .sec-FeaturedVideo_Inner { margin-block-start: calc(var(--Header_Height) + var(--Site_Margin)*2) } .sec-FeaturedVideo_Body { block-size: 100%; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-FeaturedVideo_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .sec-FeaturedVideo_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-FeaturedVideo-dark .sec-FeaturedVideo_Overlay { background-color: #fff } .sec-FeaturedVideo_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-FeaturedVideo_Image-desktop { display: none } @media (min-width:768px) { .sec-FeaturedVideo_Image-desktop { display: flex } .sec-FeaturedVideo_Image-mobile { display: none } } .sec-FeaturedVideo_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-FeaturedVideo_Video-desktop { display: none } @media (min-width:768px) { .sec-FeaturedVideo_Video-desktop { display: flex } .sec-FeaturedVideo_Video-mobile { display: none } } .sec-FeaturedVideo_Content { grid-column: 1/span 12; text-align: start } @media (min-width:900.02px) { .sec-FeaturedVideo_Content { grid-column: 1/span 10 } } .sec-FeaturedVideo-center .sec-FeaturedVideo_Content { text-align: center } @media (min-width:900.02px) { .sec-FeaturedVideo-center .sec-FeaturedVideo_Content { grid-column: 4/span 6 } .sec-FeaturedVideo-right .sec-FeaturedVideo_Content { grid-column: 7/span 6 } } .sec-FeaturedVideo-middle .sec-FeaturedVideo_Content { align-self: center } .sec-FeaturedVideo-bottom .sec-FeaturedVideo_Content { align-self: end } .sec-FeaturedVideo_Kicker { margin-block-end: 10px } @media (min-width:768px) { .sec-FeaturedVideo_Kicker { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-FeaturedVideo_Kicker { inline-size: 70% } } @media (min-width:1200.02px) { .sec-FeaturedVideo_Kicker { inline-size: 50% } } .sec-FeaturedVideo-center .sec-FeaturedVideo_Kicker { margin-inline: auto } .sec-FeaturedVideo_Text { margin-block-start: 10px } @media (min-width:768px) { .sec-FeaturedVideo_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-FeaturedVideo_Text { inline-size: 70% } } @media (min-width:1200.02px) { .sec-FeaturedVideo_Text { inline-size: 50% } } .sec-FeaturedVideo-center .sec-FeaturedVideo_Text { margin-inline: auto } .sec-FeaturedVideo_Buttons { margin-block-start: 30px } .sec-FeaturedVideo-center .sec-FeaturedVideo_Buttons { margin-inline: auto } .sec-FeaturedVideo_ButtonItem { margin-block-start: 15px } @media (min-width:900.02px) { .sec-FeaturedVideo_ButtonItem { margin-block-start: 20px } } .sec-FeaturedVideo_Button { z-index: 2 } .sec-FeaturedVideo_Play { align-items: center; display: flex; gap: 10px; position: relative; z-index: 2 } .sec-FeaturedVideo_PlayIcon { block-size: 7px; display: flex; inline-size: 6px } @media (hover:hover), (min-width:1600px) { .sec-FeaturedVideo_PlayIcon { transition: transform .3s ease } .sec-FeaturedVideo_Play:hover .sec-FeaturedVideo_PlayIcon { transform: translate(5px) } } .sec-FiftyFifty_Columns { grid-gap: 20px; display: grid; grid-template-columns: repeat(12, 1fr) } @media (min-width:768px) { .sec-FiftyFifty_Columns { grid-gap: var(--Grid_Gutter) } } .sec-FiftyFifty_Column { display: flex; grid-column: span 12 } @media (min-width:768px) { .sec-FiftyFifty_Column { grid-row: 1 } } .sec-FiftyFifty_Column-media { grid-column: span 12; margin-inline: calc(var(--Site_Margin)*-1) calc(var(--Site_Margin)*-1) } @media (min-width:768px) { .sec-FiftyFifty_Column-media { grid-column: 1/span 6; margin-inline: calc(var(--Site_Margin)*-1) 0 } .sec-FiftyFifty_Columns-textImage .sec-FiftyFifty_Column-media { grid-column: 7/span 6; margin-inline: 0 calc(var(--Site_Margin)*-1) } } .sec-FiftyFifty_Column-content { grid-column: span 12 } @media (min-width:768px) { .sec-FiftyFifty_Column-content { grid-column: 7/span 6; inline-size: 66.66667%; margin-inline: auto auto } .sec-FiftyFifty_Columns-textImage .sec-FiftyFifty_Column-content { grid-column: 1/span 6 } } .sec-FiftyFifty_Media { block-size: 100%; display: flex; inline-size: 100% } @media (min-width:768px) { .sec-FiftyFifty_Media-mobile { display: none } } .sec-FiftyFifty_Media-desktop { display: none } @media (min-width:768px) { .sec-FiftyFifty_Media-desktop { display: flex } } .sec-FiftyFifty_Content { margin-block: auto auto } @media (min-width:768px) { .sec-FiftyFifty_Content-center { text-align: center } .sec-FiftyFifty_Content-right { text-align: end } } .sec-FiftyFifty_Text { margin-block-start: 10px } .sec-FiftyFifty_Buttons { margin-block-start: 20px } @media (min-width:768px) { .sec-FiftyFifty_Buttons { margin-block-start: 30px } } .sec-Form { display: block } @media (min-width:768px) { .sec-Form_Columns { display: grid; grid-template-columns: repeat(2, 1fr) } .sec-Form_Column-content { grid-column: 1; grid-row: 1 } } .sec-Form_Column-media { margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:768px) { .sec-Form_Column-media { grid-column: 2; grid-row: 1; margin-inline-start: 0 } } .sec-Form_MediaContainer { align-items: center; block-size: 50vh; display: flex; inline-size: 100%; justify-content: center; opacity: var(--Background_Opacity); overflow: hidden; position: relative } @media (min-width:768px) { .sec-Form_MediaContainer { block-size: 100vh; inset-block-start: 0; opacity: 1; position: sticky } } .sec-Form_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-Form_Image-desktop { display: none } @media (min-width:768px) { .sec-Form_Image-desktop { display: flex } .sec-Form_Image-mobile { display: none } } .sec-Form_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-Form_Video-desktop { display: none } @media (min-width:768px) { .sec-Form_Video-desktop { display: flex } .sec-Form_Video-mobile { display: none } } .sec-Form_Content { padding-block: var(--Margin_Half) } @media (min-width:900.02px) { .sec-Form_Content { inline-size: 66.66667%; margin-inline: auto } } .sec-Form_Content[aria-hidden=true] { display: none } .sec-Form_Kicker { margin-block-end: 10px } .sec-Form_Text { margin-block-start: 10px } .sec-Form_Buttons { margin-block-start: 20px } @media (min-width:900.02px) { .sec-Form_Buttons { margin-block-start: 30px } } .sec-GiftCardBalance { display: block } @media (min-width:768px) { .sec-GiftCardBalance { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr) } } .sec-GiftCardBalance_Content { text-align: center } @media (min-width:768px) { .sec-GiftCardBalance_Content { grid-column: 1/span 12 } } @media (min-width:900.02px) { .sec-GiftCardBalance_Content { grid-column: 2/span 10 } } @media (min-width:1200.02px) { .sec-GiftCardBalance_Content { grid-column: 3/span 8 } } @media (min-width:1440px) { .sec-GiftCardBalance_Content { grid-column: 4/span 6 } } .sec-GiftCardBalance_Form { margin-block-start: 10px } @media (min-width:768px) { .sec-GiftCardBalance_Form { grid-column: 2/span 10 } } @media (min-width:900.02px) { .sec-GiftCardBalance_Form { grid-column: 3/span 8; margin-block-start: 15px } } @media (min-width:1200.02px) { .sec-GiftCardBalance_Form { grid-column: 4/span 6 } } @media (min-width:1440px) { .sec-GiftCardBalance_Form { grid-column: 5/span 4 } } .sec-GiftCardBalance_Text { margin-block-end: var(--Site_Margin); text-align: center } .sec-Headline_Body { block-size: 100%; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-Headline_Content { --Section_Title: currentColor; grid-column: 1/span 12; text-align: center } @media (min-width:900.02px) { .sec-Headline_Content { grid-column: 2/span 10 } } .sec-Headline_Kicker { margin-block-end: 10px; margin-inline: auto } @media (min-width:768px) { .sec-Headline_Kicker { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-Headline_Kicker { inline-size: 70% } } @media (min-width:1200.02px) { .sec-Headline_Kicker { inline-size: 50% } } .sec-Headline_Title { color: var(--Section_Title) } .sec-Headline_Text { margin-block-start: 10px; margin-inline: auto } @media (min-width:768px) { .sec-Headline_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-Headline_Text { inline-size: 70% } } @media (min-width:1200.02px) { .sec-Headline_Text { inline-size: 50% } } .sec-Headline_Buttons { margin-block-start: 30px; margin-inline: auto } .sec-Hero { display: flex; inline-size: 100%; max-block-size: 100svh; position: relative } @media (min-width:900.02px) { .sec-Hero { max-block-size: 100vh } } .sec-Hero:after { content: ""; display: block; inline-size: 0; padding-block-start: 180% } @media (min-width:900.02px) { .sec-Hero:after { padding-block-start: 72% } } .lyt-Theme-headerSolid :is(.sec-Hero-first .sec-Hero) { max-block-size: calc(100vsh - var(--Header_Height)) } @media (min-width:900.02px) { .lyt-Theme-headerSolid :is(.sec-Hero-first .sec-Hero) { max-block-size: calc(100vh - var(--Header_Height)) } } .sec-Hero-light { color: #fff } .sec-Hero_Inner { margin-block: var(--Site_Margin) } .lyt-Theme-headerBlur :is(.sec-Hero-first .sec-Hero_Inner), .lyt-Theme-headerTransparent :is(.sec-Hero-first .sec-Hero_Inner) { margin-block-start: calc(var(--Header_Height) + var(--Site_Margin)) } .sec-Hero_Body { block-size: 100%; display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } @media (max-width:767.98px) { .sec-Hero:has(.sec-Hero_ShopScene) .sec-Hero_Body { padding-block-start: calc(48px + var(--Site_Margin)) } } .sec-Hero_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .sec-Hero_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-Hero-dark .sec-Hero_Overlay { background-color: #fff } .sec-Hero_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-Hero_Image-desktop { display: none } @media (min-width:768px) { .sec-Hero_Image-desktop { display: flex } .sec-Hero_Image-mobile { display: none } } .sec-Hero_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-Hero_Video-desktop { display: none } @media (min-width:768px) { .sec-Hero_Video-desktop { display: flex } .sec-Hero_Video-mobile { display: none } } .sec-Hero_ShopScene { --Top_Offset: 0; inset-block: calc(var(--Top_Offset) + var(--Site_Margin)) auto; position: absolute; z-index: 2 } .sec-Hero-first .sec-Hero_ShopScene { --Top_Offset: var(--Header_Height) } .sec-Hero-left .sec-Hero_ShopScene { inset-inline: var(--Site_Margin) } @media (min-width:768px) { .sec-Hero-left .sec-Hero_ShopScene { inset-inline: var(--Site_Margin) auto } } .sec-Hero-center .sec-Hero_ShopScene { inset-inline: var(--Site_Margin) } @media (min-width:768px) { .sec-Hero-center .sec-Hero_ShopScene { inset-inline: 50% auto; transform: translate(-50%) } .sec-Hero-middle .sec-Hero_ShopScene, .sec-Hero-top .sec-Hero_ShopScene { inset-block: auto var(--Site_Margin) } .sec-Hero-bottom .sec-Hero_ShopScene { inset-inline: auto var(--Site_Margin); transform: none } } .sec-Hero_Content { grid-column: 1/span 12; text-align: start } @media (min-width:900.02px) { .sec-Hero_Content { grid-column: 1/span 10 } } .sec-Hero-center .sec-Hero_Content { text-align: center } @media (min-width:900.02px) { .sec-Hero-center .sec-Hero_Content { grid-column: 2/span 10 } } @media (max-width:767.98px) { .sec-Hero-mobileMiddle .sec-Hero_Content { align-self: center } .sec-Hero-mobileBottom .sec-Hero_Content { align-self: end } } @media (min-width:768px) { .sec-Hero-middle .sec-Hero_Content { align-self: center } .sec-Hero-bottom .sec-Hero_Content { align-self: end } } .sec-Hero_Kicker { margin-block-end: 10px } @media (min-width:768px) { .sec-Hero_Kicker { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-Hero_Kicker { inline-size: 70% } } @media (min-width:1200.02px) { .sec-Hero_Kicker { inline-size: 50% } } .sec-Hero-center .sec-Hero_Kicker { margin-inline: auto } .sec-Hero_Text { margin-block-start: 10px } @media (min-width:768px) { .sec-Hero_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-Hero_Text { inline-size: 70% } } @media (min-width:1200.02px) { .sec-Hero_Text { inline-size: 50% } } .sec-Hero-center .sec-Hero_Text { margin-inline: auto } .sec-Hero_Buttons { margin-block-start: 30px } .sec-Hero-center .sec-Hero_Buttons { margin-inline: auto } .sec-Hero_Button { z-index: 2 } .sec-Hotspots { display: block; position: relative; z-index: 1 } @media (min-width:900.02px) { .sec-Hotspots_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-Hotspots_Column-hotspots { grid-column: 1/span 8 } .sec-Hotspots_Column-content { display: flex; flex-direction: column; grid-column: 9/span 4 } } .sec-Hotspots_MediaContainer { block-size: 100%; display: flex; overflow: hidden; position: relative } .sec-Hotspots_MediaContainer:after { content: ""; display: block; padding-block-start: 84% } .sec-Hotspots_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-Hotspots-dark .sec-Hotspots_Overlay { background-color: #fff } .sec-Hotspots_Image { z-index: -2 } .sec-Hotspots_Image, .sec-Hotspots_Video { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute } .sec-Hotspots_Video { inset-block-start: 0; object-fit: cover; z-index: -1 } .sec-Hotspots_Hotspot { --Dot_Color: #fff; --Hotspot_Color: var(--Color_Brand); --Hotspot_Size: 30px; --Dot_Size: 15px; align-items: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); block-size: var(--Hotspot_Size); border-radius: 50%; display: flex; inline-size: var(--Hotspot_Size); inset-block-start: var(--Vertical_Position); inset-inline-start: var(--Horizontal_Position); justify-content: center; position: absolute; transform: translate(-50%, -50%) scale(0); transition: transform .3s ease var(--Delay); z-index: 1 } @media (min-width:1200.02px) { .sec-Hotspots_Hotspot { --Hotspot_Size: 60px; --Dot_Size: 18px } } .sec-Hotspots-active .sec-Hotspots_Hotspot { transform: translate(-50%, -50%) } .sec-Hotspots-light .sec-Hotspots_Hotspot { --Dot_Color: var(--Color_Brand); --Hotspot_Color: #fff } .sec-Hotspots_Hotspot:before { background-color: var(--Hotspot_Color); block-size: 100%; border-radius: 50%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .2; position: absolute; z-index: -1 } .sec-Hotspots_Hotspot:after { background-color: var(--Dot_Color); block-size: var(--Dot_Size); border-radius: 50%; content: ""; display: block; inline-size: var(--Dot_Size); transition: transform .3s ease } .sec-Hotspots_Hotspot[aria-pressed=false]:after { transform: scale(.5) } @media (hover:hover), (min-width:1600px) { .sec-Hotspots_Hotspot.sec-Hotspots_Hotspot[aria-pressed=false]:hover:after { transform: none } } .sec-Hotspots_Content { margin: var(--Site_Margin) } @media (min-width:900.02px) { .sec-Hotspots_Content { flex-shrink: 0; margin-block-end: calc(var(--Site_Margin)/2) } } .sec-Hotspots_Cards { margin-block-end: 40px } @media (min-width:900.02px) { .sec-Hotspots_Cards { flex-grow: 1; margin-block-end: 0 } } .sec-Hotspots_Carousel { overflow: hidden; padding-inline: var(--Site_Margin) } @media (min-width:900.02px) { .sec-Hotspots_Carousel { block-size: 100% } } .sec-Section-light .sec-Hotspots_Carousel { padding-block-end: 15px } .sec-Hotspots_Slides { inline-size: 100% } @media (min-width:900.02px) { .sec-Hotspots_Slides { align-content: normal; block-size: 100%; display: grid } } .sec-Hotspots_Slides:not([data-keen-slider-disabled]) { overflow: visible } @media (min-width:900.02px) { .sec-Hotspots_Slides:not([data-keen-slider-disabled]) { align-content: normal; display: grid } } .sec-Hotspots_Slides:not([data-initialised=true]), .sec-Hotspots_Slides[data-keen-slider-disabled] { display: flex; gap: 5px } @media (min-width:900.02px) { .sec-Hotspots_Slides:not([data-initialised=true]), .sec-Hotspots_Slides[data-keen-slider-disabled] { display: grid } .sec-Hotspots_Slide { grid-column: 1; grid-row: 1; inline-size: 100%; transition: opacity .5s ease, visibility .5s ease } } .sec-Hotspots_Slides:not([data-keen-slider-disabled]) .sec-Hotspots_Slide { overflow: visible } .sec-Hotspots_Slides:not([data-initialised=true]) .sec-Hotspots_Slide, .sec-Hotspots_Slides[data-keen-slider-disabled] .sec-Hotspots_Slide { flex-shrink: 0; inline-size: 76.92308% } @media (min-width:900.02px) { .sec-Hotspots_Slides:not([data-initialised=true]) .sec-Hotspots_Slide, .sec-Hotspots_Slides[data-keen-slider-disabled] .sec-Hotspots_Slide { inline-size: 100% } .sec-Hotspots_Slide[aria-hidden=true] { opacity: 0; visibility: hidden } } .sec-ImageText_Inner { display: block; padding-block: var(--Section_Margin) } @media (max-width:767.98px) { .sec-ImageText-mediaFirst .sec-ImageText_Inner { padding-block-start: 0 } } .sec-ImageText_Columns { display: grid; gap: var(--Site_Margin) var(--Grid_Gutter) } @media (min-width:768px) { .sec-ImageText_Columns { grid-template-columns: repeat(2, minmax(0, 1fr)) } .sec-ImageText_Column-hero { display: none } .sec-ImageText_Column-heading { grid-column: 1; grid-row: 1 } .sec-ImageText-blocksTitle .sec-ImageText_Column-heading { grid-column: 2 } .sec-ImageText_Column-blocks { grid-column: 2; grid-row: 1 } .sec-ImageText-blocksTitle .sec-ImageText_Column-blocks { grid-column: 1 } } .sec-ImageText_HeadingContent { display: flex; flex-direction: column; gap: 10px; margin-inline: var(--Site_Margin) calc(var(--Site_Margin)*2); position: relative } @media (min-width:768px) { .sec-ImageText_HeadingContent { inset-block-start: var(--Site_Margin); position: sticky } } @media (min-width:900.02px) { .sec-ImageText_HeadingContent { gap: 15px } } .sec-ImageText_Heading { position: relative } .sec-ImageText_Headline { opacity: .2 } .sec-ImageText_Overlay { block-size: 100%; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: 1; position: absolute; z-index: 1 } .sec-ImageText_Word { --Reveal_Amount: 0%; -webkit-clip-path: polygon(0 0, var(--Reveal_Amount) 0, var(--Reveal_Amount) calc(100% + 5px), 0 calc(100% + 5px)); clip-path: polygon(0 0, var(--Reveal_Amount) 0, var(--Reveal_Amount) calc(100% + 5px), 0 calc(100% + 5px)); display: inline; position: relative } .sec-ImageText_Items { display: grid; gap: var(--Margin_Half) } .sec-ImageText_Item-first { display: none } @media (min-width:768px) { .sec-ImageText_Item-first { display: block } } .sec-ImageText_VideoContainer { block-size: 100%; display: flex; position: relative } .sec-ImageText_VideoContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 56.25% } .sec-ImageText_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: 1 } .sec-ImageText_Content { display: flex; flex-direction: column; gap: 10px; padding-inline: var(--Site_Margin) } @media (min-width:1200.02px) { .sec-ImageText_Content { inline-size: 83.33333% } } @media (min-width:1440px) { .sec-ImageText_Content { inline-size: 80% } } @media (min-width:1200.02px) { .sec-ImageText_HeadingContent .sec-ImageText_Text { inline-size: 83.33333% } } @media (min-width:1440px) { .sec-ImageText_HeadingContent .sec-ImageText_Text { inline-size: 80% } } .sec-ImageText_Buttons { margin-block-start: 5px } .sec-Instagram { display: block; margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden } .sec-Instagram_Container { margin-inline: -40vw } @media (min-width:768px) { .sec-Instagram_Container { margin-inline: -200px } } @media (min-width:1200.02px) { .sec-Instagram_Container { margin-inline: -100px } } .sec-Instagram_Grid .fs-timeline { display: grid; gap: 2px; grid-template-columns: repeat(4, 1fr) } @media (min-width:768px) { .sec-Instagram_Grid .fs-timeline { display: flex } } @media (min-width:900.02px) { .sec-Instagram_Grid .fs-timeline { gap: 5px } } .sec-Instagram_Grid .fs-entry-container.fs-entry-container { inline-size: 100% !important; padding-block-start: 100% !important } .sec-Instagram_Grid .fs-timeline-entry { margin: 0 !important } .sec-MagazineList_Item { border-block-end: 1px solid var(--Color_Border); display: flex; flex-direction: column; gap: 20px; padding-block-end: 40px } @media (min-width:768px) { .sec-MagazineList_Item { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr) } } .sec-MagazineList_Item:not(:last-of-type) { margin-block-end: 40px } .sec-MagazineList_ItemMedia { inline-size: 50% } @media (min-width:768px) { .sec-MagazineList_ItemMedia { grid-column: 1/span 3; inline-size: 100% } } @media (min-width:900.02px) { .sec-MagazineList_ItemMedia { grid-column: 1/span 2 } } .sec-MagazineList_ItemContent { display: flex; flex-direction: column; gap: 20px } @media (min-width:768px) { .sec-MagazineList_ItemContent { grid-column: 5/span 7 } } @media (min-width:900.02px) { .sec-MagazineList_ItemContent { grid-column: 4/span 5 } } .sec-Navigation_Inner { margin-block: 20px } @media (min-width:900.02px) { .sec-Navigation_Inner { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr); margin-block: 40px } } .sec-Navigation_Body { display: flex; justify-content: center; margin-inline: calc(var(--Site_Margin)*-1); position: relative } @media (min-width:900.02px) { .sec-Navigation_Body { grid-column: 2/span 10; margin-inline: 0 } } @media (min-width:1200.02px) { .sec-Navigation_Body { grid-column: 3/span 8 } } @media (min-width:1440px) { .sec-Navigation_Body { grid-column: 4/span 6 } } .sec-Navigation_Body:after { background-color: #0000001a; block-size: 1px; content: ""; inline-size: 100%; inset-block-end: 0; inset-inline-start: 0; position: absolute } .sec-Navigation_Items { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; align-items: center; display: flex; gap: 20px; overflow-x: auto; padding-inline: var(--Site_Margin); scroll-behavior: smooth; scrollbar-width: none } @media (min-width:900.02px) { .sec-Navigation_Items { padding-inline: 0 } } .sec-Navigation_Items::-webkit-scrollbar { display: none } .sec-Navigation_Item { white-space: nowrap } .sec-Navigation_Link { color: var(--Color_Body); display: block; margin-block-end: 5px; opacity: .75; position: relative; text-transform: uppercase } @media (hover:hover), (min-width:1600px) { .sec-Navigation_Link { transition: opacity .2s ease } .sec-Navigation_Link:hover { opacity: 1 } .sec-Navigation_Link:hover:after { transform: scale(1) } } .sec-Navigation_Link:after { background-color: var(--Color_Brand); block-size: 1px; content: ""; inline-size: 100%; inset-block-end: -5px; inset-inline-start: 0; position: absolute; transform: scale(0); transition: transform .2s ease } .sec-Navigation_Link[aria-current=page] { opacity: 1 } .sec-Navigation_Link[aria-current=page]:after { transform: scale(1) } .sec-Newsletter { display: flex; inline-size: 100%; position: relative } .sec-Newsletter:after { content: ""; display: block; inline-size: 0; padding-block-start: 140% } @media (min-width:900.02px) { .sec-Newsletter:after { padding-block-start: 40% } } .sec-Newsletter-light { color: #fff } .sec-Newsletter_Inner { margin-block: var(--Margin_Standard) } .sec-Newsletter_Body { align-items: center; block-size: 100%; display: flex; justify-content: center } .sec-Newsletter_MediaContainer { block-size: 100%; inset-block-start: 0; inset-inline: 0 0; overflow: hidden; position: absolute; z-index: -1 } .sec-Newsletter_Overlay { background-color: #000; block-size: 100%; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: var(--Opacity); position: absolute; z-index: 1 } .sec-Newsletter-dark .sec-Newsletter_Overlay { background-color: #fff } .sec-Newsletter_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-Newsletter_Image-desktop { display: none } @media (min-width:768px) { .sec-Newsletter_Image-desktop { display: flex } .sec-Newsletter_Image-mobile { display: none } } .sec-Newsletter_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-Newsletter_Video-desktop { display: none } @media (min-width:768px) { .sec-Newsletter_Video-desktop { display: flex } .sec-Newsletter_Video-mobile { display: none } } .sec-Newsletter_Content { text-align: center } @media (min-width:768px) { .sec-Newsletter_Content { inline-size: 83.33333% } } @media (min-width:900.02px) { .sec-Newsletter_Content { inline-size: 66.66667% } } @media (min-width:1200.02px) { .sec-Newsletter_Content { inline-size: 66.66667% } } @media (min-width:1440px) { .sec-Newsletter_Content { inline-size: 50% } } .sec-Newsletter_Title { text-transform: uppercase } .sec-Newsletter_Form { margin-inline: auto; max-inline-size: 500px } @media (min-width:768px) { .sec-Newsletter_Form { inline-size: 80% } } .sec-Newsletter_Form .klaviyo-form p, .sec-Newsletter_Form .klaviyo-form span { color: var(--Color_Brand); font-size: 14px !important } @media (min-width:900.02px) { .sec-Newsletter_Form .klaviyo-form p, .sec-Newsletter_Form .klaviyo-form span { font-size: 16px !important } } .sec-Newsletter-light :is(.sec-Newsletter_Form .klaviyo-form p), .sec-Newsletter-light :is(.sec-Newsletter_Form .klaviyo-form span) { color: #fff } .sec-Newsletter_Form .klaviyo-form input[type=email] { border: 0 !important; border-end-start-radius: 4px !important; border-start-start-radius: 4px !important; outline: none !important } .sec-Newsletter_Form .klaviyo-form button { border-end-end-radius: 4px !important; border-start-end-radius: 4px !important; padding-inline: 30px !important } @media (hover:hover), (min-width:1600px) { .sec-Newsletter_Form .klaviyo-form button { transition: background-color .2s ease } .sec-Newsletter_Form .klaviyo-form button:hover { background-color: var(--Color_Moss) !important } } .sec-OverlayText { display: block; overflow: hidden; position: relative; z-index: 1 } .sec-OverlayText_Inner { display: block; padding-block: var(--Margin_Standard) } .sec-OverlayText_Body { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-OverlayText_Kicker { grid-column: 2/span 10; text-align: center } @media (min-width:768px) { .sec-OverlayText_Kicker { grid-column: 3/span 8 } } @media (min-width:900.02px) { .sec-OverlayText_Kicker { grid-column: 4/span 6 } } @media (min-width:1200.02px) { .sec-OverlayText_Kicker { grid-column: 5/span 4 } } .sec-OverlayText_Titles { --Section_Title: currentColor; align-items: center; display: grid; grid-column: 1/span 12; min-block-size: 24vw } .sec-OverlayText_Title { color: var(--Section_Title); display: block; font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 12vw; font-weight: 400; inline-size: 100%; line-height: 110% } @media (min-width:900.02px) { .sec-OverlayText_Title { font-size: 11vw } } .sec-OverlayText_Title-first { text-align: start } .sec-OverlayText_Title-second { text-align: end } .sec-OverlayText_MediaItems { --Transform_Amount: 0; display: flex; grid-column: 1/span 12; inline-size: 100%; transform: translate(var(--Transform_Amount)) } @media (min-width:768px) { .sec-OverlayText_MediaItems { display: block; transform: none } } .sec-OverlayText_MediaItem { display: flex; flex-grow: 0; flex-shrink: 0; inline-size: 75%; position: relative } @media (min-width:768px) { .sec-OverlayText_MediaItem { inline-size: 33.33333%; position: absolute } } .sec-OverlayText_MediaItem:after { content: ""; display: block; inline-size: 0; padding-block-start: 120% } @media (min-width:900.02px) { .sec-OverlayText_MediaItem:after { padding-block-start: 100% } } .sec-OverlayText_MediaItem-belowText { z-index: -1 } .sec-OverlayText_MediaItem-aboveText { z-index: 1 } @media (min-width:768px) { .sec-OverlayText_MediaItem-top { inset-block-start: 0 } .sec-OverlayText_MediaItem-middle { inset-block-start: 50%; transform: translateY(-50%) } .sec-OverlayText_MediaItem-bottom { inset-block-end: 0 } .sec-OverlayText_MediaItem-left { inset-inline-start: 0 } .sec-OverlayText_MediaItem-center { inset-inline-start: 50%; transform: translate(-50%) } .sec-OverlayText_MediaItem-center.sec-OverlayText_MediaItem-middle { transform: translate(-50%, -50%) } .sec-OverlayText_MediaItem-right { inset-inline-end: 0 } } .sec-OverlayText_Media { block-size: 100%; display: flex; inline-size: 100%; position: absolute } @media (min-width:768px) { .sec-OverlayText_Media { animation: OverlayLevitate 6s ease infinite } } .sec-OverlayText_MediaItem:nth-of-type(2) .sec-OverlayText_Media { animation-delay: 4s } .sec-OverlayText_MediaItem:nth-of-type(3) .sec-OverlayText_Media { animation-delay: 2s } .sec-OverlayText_Image { z-index: -2 } .sec-OverlayText_Image, .sec-OverlayText_Video { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute } .sec-OverlayText_Video { inset-block-start: 0; object-fit: cover; z-index: -1 } @keyframes OverlayLevitate { 0% { transform: none } 50% { transform: translateY(-20px) } to { transform: none } } .sec-OverlayText_Content { grid-column: 1/span 12; margin-block-start: 20px } @media (min-width:768px) { .sec-OverlayText_Content { grid-column: 7/span 6; margin-block-start: 90px } } @media (min-width:900.02px) { .sec-OverlayText_Content { grid-column: 8/span 5 } } @media (min-width:1200.02px) { .sec-OverlayText_Content { grid-column: 9/span 4 } } .sec-OverlayText_Buttons { margin-block-start: 30px } .sec-ProductCarousel { display: block; margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } .sec-ProductCarousel_Body { position: relative } .sec-ProductCarousel_Tabs { -ms-overflow-style: none; -webkit-overflow-scrolling: touch; display: flex; gap: 20px; overflow-x: auto; scrollbar-width: none } @media (min-width:900.02px) { .sec-ProductCarousel_Tabs { gap: 30px } } .sec-ProductCarousel_Tab { opacity: .3; transition: opacity .3s ease; white-space: nowrap } @media (hover:hover), (min-width:1600px) { .sec-ProductCarousel_Tab:hover { opacity: 1 } } .sec-ProductCarousel_Tab[aria-pressed=true] { opacity: 1 } .sec-ProductCarousel_Panels { display: grid; grid-auto-columns: minmax(0, 1fr) } .sec-ProductCarousel_Panel { display: block; grid-column: 1; grid-row: 1; opacity: 1; transition: opacity .3s ease, visibility .3s ease; visibility: visible } .sec-ProductCarousel_Panel[aria-hidden=true] { opacity: 0; visibility: hidden } .sec-ProductCarousel_Carousel { display: block } .sec-ProductCarousel_Slides:not([data-keen-slider-disabled]) { overflow: visible } .sec-ProductCarousel_Slides:not([data-initialised=true]), .sec-ProductCarousel_Slides[data-keen-slider-disabled] { display: flex; gap: 5px } .sec-ProductCarousel_Slides:not([data-keen-slider-disabled]) .sec-ProductCarousel_Slide { overflow: visible } .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { flex-shrink: 0; inline-size: 76.92308% } @media (min-width:768px) { .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { inline-size: calc(50% - var(--Grid_Gutter)/2) } } @media (min-width:900.02px) { .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { inline-size: calc(33.33333% - (var(--Grid_Gutter)*2)/3) } } @media (min-width:1200.02px) { .sec-ProductCarousel_Slides:not([data-initialised=true]) .sec-ProductCarousel_Slide, .sec-ProductCarousel_Slides[data-keen-slider-disabled] .sec-ProductCarousel_Slide { inline-size: calc(25% - (var(--Grid_Gutter)*3)/4) } } .sec-ProductCarousel_Controls { align-items: center; display: flex; inset-inline: 0; pointer-events: none; z-index: 2 } .sec-ProductCarousel_Controls[data-arrows-position=middle] { inset-block-start: 40%; position: absolute; transform: translateY(-50%) } .sec-ProductCarousel_Controls[data-arrows-position=bottom] { inset-block-end: 20px; inset-inline: 0; position: relative; z-index: 1 } .sec-ProductCarousel_Arrows { display: none } @media (min-width:900.02px) { .sec-ProductCarousel_Arrows { display: flex; flex: 1 } [data-arrows-position=middle] .sec-ProductCarousel_Arrows { justify-content: space-between } [data-arrows-position=bottom] .sec-ProductCarousel_Arrows { gap: var(--Grid_Gutter); justify-content: center; margin-block-start: 60px } } .sec-ProductCarousel_Arrow { align-items: center; background-color: #fff; block-size: 32px; border-radius: 4px; color: var(--Color_Brand); cursor: pointer; display: flex; inline-size: 32px; justify-content: center; pointer-events: auto; transition: opacity .3s ease, background-color .3s ease, color .3s ease } @media (hover:hover), (min-width:1600px) { .sec-ProductCarousel_Arrow:hover:not([disabled]) { background-color: var(--Color_Brand); color: #fff } } .sec-ProductCarousel_Arrow[disabled] { cursor: not-allowed; opacity: .5 } .sec-ProductCarousel_Arrow[aria-hidden=true] { display: none } .sec-ProductCarousel_ArrowIcon { block-size: 20px; inline-size: 20px } .sec-ProductGrid_Items { grid-gap: 30px var(--Grid_Gutter); display: grid; grid-template-columns: repeat(2, 1fr) } @media (min-width:768px) { .sec-ProductGrid_Items { grid-gap: 40px var(--Grid_Gutter); grid-template-columns: repeat(3, 1fr) } } @media (min-width:1200.02px) { .sec-ProductGrid_Items { grid-template-columns: repeat(4, 1fr) } } .sec-ScrollingText { display: block; overflow: hidden; position: relative; z-index: 1 } .sec-ScrollingText_Inner { display: block; padding-block: var(--Section_Margin) } .sec-ScrollingText_Body { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(12, 1fr) } .sec-ScrollingText_Main { display: grid; grid-column: 1/span 12; grid-template-columns: minmax(0, 1fr) } .sec-ScrollingText_MediaContainer { display: block; grid-column: 1; grid-row: 1 } .sec-ScrollingText_Media { animation: OverlayLevitate 6s ease infinite; display: flex; inline-size: 100%; margin-inline: auto; position: relative } @media (min-width:768px) { .sec-ScrollingText_Media { inline-size: 66.66667% } } @media (min-width:900.02px) { .sec-ScrollingText_Media { inline-size: 50% } } @media (min-width:1200.02px) { .sec-ScrollingText_Media { inline-size: 41.66667% } } .sec-ScrollingText_Media:after { content: ""; display: block; inline-size: 0; padding-block-start: 100% } .sec-ScrollingText_Image { z-index: -2 } .sec-ScrollingText_Image, .sec-ScrollingText_Video { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute } .sec-ScrollingText_Video { inset-block-start: 0; object-fit: cover; z-index: -1 } @keyframes ScrollingLevitate { 0% { transform: none } 50% { transform: translateY(-20px) } to { transform: none } } .sec-ScrollingText_TickerContainer { grid-column: 1; grid-row: 1 } .sec-ScrollingText_Ticker { block-size: 100%; display: flex; min-block-size: 30vh } .sec-ScrollingText_Items { align-items: center; animation-duration: calc(1s*var(--Ticker_Speed)); animation-iteration-count: infinite; animation-name: scrollingText; animation-timing-function: linear; display: flex; flex-shrink: 0; justify-content: space-around; min-inline-size: 100%; will-change: transform } .sec-ScrollingText_Item { flex-shrink: 0; white-space: nowrap } .sec-ScrollingText_Title { align-items: center; display: flex; font-family: var(--Font_Family-domaineDisplayNarrow); font-size: 11.5vw; font-weight: 400; line-height: 130% } .sec-ScrollingText_Title:after { content: " — "; display: block; flex-shrink: 0; padding-inline: 2vw } @keyframes scrollingText { 0% { transform: translate(0) } to { transform: translate(-100%) } } .sec-ScrollingText_Text { grid-column: 1/span 12; margin-block-start: 20px; text-align: center } @media (min-width:768px) { .sec-ScrollingText_Text { grid-column: 2/span 10 } } @media (min-width:900.02px) { .sec-ScrollingText_Text { grid-column: 3/span 8 } } @media (min-width:1200.02px) { .sec-ScrollingText_Text { grid-column: 4/span 6 } } .sec-ScrollingText_Buttons { grid-column: 2/span 10; margin-block-start: 20px; text-align: center } @media (min-width:768px) { .sec-ScrollingText_Buttons { grid-column: 3/span 8 } } @media (min-width:900.02px) { .sec-ScrollingText_Buttons { grid-column: 4/span 6; margin-block-start: 30px } } @media (min-width:1200.02px) { .sec-ScrollingText_Buttons { grid-column: 5/span 4 } } .sec-ShopScene { align-items: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: var(--Color_Black-transparent); border-radius: 4px; color: #fff; display: flex; gap: 15px; inline-size: 100%; justify-content: space-between; overflow: hidden; padding: 5px 5px 5px 20px; position: relative; white-space: nowrap } .sec-ShopScene_Heading { align-items: center; display: flex; gap: 10px } .sec-ShopScene_Arrow { block-size: 8px; display: block; inline-size: 17px; overflow: hidden } .sec-ShopScene_Arrow svg { block-size: 8px; inline-size: 17px; transform: translate(-5px); transition: transform .3s ease } @media (hover:hover), (min-width:1600px) { .sec-ShopScene:hover :is(.sec-ShopScene_Arrow svg) { transform: none } } .sec-ShopScene_Items { display: flex; gap: var(--Grid_Gutter) } .sec-ShopScene_Item { background-color: #fff; block-size: 38px; border-radius: 2px; display: flex; flex-shrink: 0; inline-size: 34px; overflow: hidden } @media (min-width:900.02px) { .sec-ShopScene_Item { block-size: 40px; inline-size: 36px } } .sec-SimpleProductCarousel { display: block } .sec-SimpleProductCarousel_Carousel { margin-inline: calc(var(--Site_Margin)*-1); overflow: hidden; padding-inline: var(--Site_Margin) } .sec-SimpleProductCarousel_Slides:not([data-keen-slider-disabled]) { overflow: visible } .sec-SimpleProductCarousel_Slides:not([data-initialised=true]), .sec-SimpleProductCarousel_Slides[data-keen-slider-disabled] { display: flex; gap: 5px } .sec-SimpleProductCarousel_Slide { --Slide_Width: 50%; flex-shrink: 0; inline-size: var(--Slide_Width) } @media (min-width:768px) { .sec-SimpleProductCarousel_Slide { --Slide_Width: 30.30303% } } @media (min-width:900.02px) { .sec-SimpleProductCarousel_Slide { --Slide_Width: 23.25581% } } @media (min-width:1200.02px) { .sec-SimpleProductCarousel_Slide { --Slide_Width: 18.86792% } } @media (min-width:1440px) { .sec-SimpleProductCarousel_Slide { --Slide_Width: 15.87302% } } @media (min-width:1600px) { .sec-SimpleProductCarousel_Slide { --Slide_Width: 13.69863% } } .sec-SimpleProductCarousel_Slides:not([data-keen-slider-disabled]) .sec-SimpleProductCarousel_Slide { overflow: visible } .sec-SimpleProductCarousel_Slides:not([data-initialised=true]) .sec-SimpleProductCarousel_Slide, .sec-SimpleProductCarousel_Slides[data-keen-slider-disabled] .sec-SimpleProductCarousel_Slide { inline-size: var(--Slide_Width) } .sec-SimpleProductCarousel_Card { block-size: 100%; display: flex; flex-direction: column } .sec-SimpleProductCarousel_ImageContainer { display: flex; inline-size: 100%; overflow: hidden; position: relative } .sec-SimpleProductCarousel_ImageContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 110% } .sec-SimpleProductCarousel_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .sec-SimpleProductCarousel_Content { display: flex; flex-direction: column; opacity: 0; padding-inline: 10px; text-align: center; transition: opacity .3s ease, transform .3s ease } @media (hover:hover), (min-width:1600px) { .sec-SimpleProductCarousel_Content { transform: translateY(10px) } .sec-SimpleProductCarousel_Card:focus-within .sec-SimpleProductCarousel_Content, .sec-SimpleProductCarousel_Card:hover .sec-SimpleProductCarousel_Content { opacity: 1; transform: none } } @media (hover:none) and (max-width:1599.98px) { @media (max-color:2147477350) and (min-width:768px) { .sec-SimpleProductCarousel_Content { flex-grow: 1 } } } @media not all and (hover:none) and (max-width:1599.98px) { @media (color:2147477350) and (min-width:768px) { .sec-SimpleProductCarousel_Content { flex-grow: 1 } } } @media (hover:none) and (max-width:1599.98px) { .sec-SimpleProductCarousel_Slide[aria-hidden=false] .sec-SimpleProductCarousel_Content { opacity: 1 } } .sec-SimpleProductCarousel_Buttons, .sec-SimpleProductCarousel_Price { margin-block-start: 5px } @media (hover:none) and (max-width:1599.98px) { @media (max-color:2147477350) and (min-width:768px) { .sec-SimpleProductCarousel_Buttons { margin-block-start: auto; padding-block-start: 5px } } } @media not all and (hover:none) and (max-width:1599.98px) { @media (color:2147477350) and (min-width:768px) { .sec-SimpleProductCarousel_Buttons { margin-block-start: auto; padding-block-start: 5px } } } .sec-SimpleProductCarousel_Button { z-index: 2 } .sec-SpotlightOn { display: block; margin-block: var(--Site_Margin); padding-block-end: 20px; position: relative; z-index: 1 } @media (min-width:768px) { .sec-SpotlightOn { padding-block-end: 0 } .sec-SpotlightOn_Columns { display: grid; gap: 40px; grid-template-columns: repeat(2, minmax(0, 1fr)) } } .sec-SpotlightOn_Column-media { --Background_Opacity: 1; inset-block-start: 0; position: sticky; z-index: 1 } @media (min-width:768px) { .sec-SpotlightOn_Column-media { grid-column: 2; grid-row: 1; position: relative } .sec-SpotlightOn_MediaPosition-left .sec-SpotlightOn_Column-media { grid-column: 1 } } .sec-SpotlightOn_Column-cards { padding-block: 40px } @media (min-width:768px) { .sec-SpotlightOn_Column-cards { grid-column: 1; grid-row: 1; padding-inline-start: 40px } .sec-SpotlightOn_MediaPosition-left .sec-SpotlightOn_Column-cards { padding-inline: 0 40px } } @media (min-width:768px) and (min-width:768px) { .sec-SpotlightOn_MediaPosition-left .sec-SpotlightOn_Column-cards { grid-column: 2 } } .sec-SpotlightOn_TextContent { padding: var(--Site_Margin); position: relative; z-index: 2 } @media (min-width:768px) { .sec-SpotlightOn_TextContent { display: flex; flex-direction: column; gap: var(--Site_Margin); grid-column: 1; grid-row: 1; padding-block-start: 0; padding-inline-end: var(--Site_Margin) } } @media (min-width:1200.02px) { .sec-SpotlightOn_TextContent { flex-direction: row; padding-block: 0 } } .sec-SpotlightOn_ContentPosition-left .sec-SpotlightOn_TextContent { padding-inline-end: 30px } .sec-SpotlightOn_ContentPosition-center .sec-SpotlightOn_TextContent { text-align: center } @media (min-width:900.02px) { .sec-SpotlightOn_ContentPosition-center .sec-SpotlightOn_TextContent { padding-inline: var(--Margin_Standard) } } .sec-SpotlightOn_ContentPosition-right .sec-SpotlightOn_TextContent { text-align: end } @media (max-width:767.98px) { .sec-SpotlightOn_ContentMobileVerticalPosition-mobileMiddle .sec-SpotlightOn_TextContent { align-self: center } .sec-SpotlightOn_ContentMobileVerticalPosition-mobileBottom .sec-SpotlightOn_TextContent { align-self: end } } @media (min-width:768px) { .sec-SpotlightOn_ContentVerticalPosition-middle .sec-SpotlightOn_TextContent { align-self: center } .sec-SpotlightOn_ContentVerticalPosition-bottom .sec-SpotlightOn_TextContent { align-self: end } } .sec-SpotlightOn_MediaContainer { block-size: 100vh; display: flex; inline-size: 100%; opacity: var(--Background_Opacity); overflow: hidden; position: relative } @media (min-width:768px) { .sec-SpotlightOn_MediaContainer { inset-block-start: 0; opacity: 1; position: sticky } } .sec-SpotlightOn_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-SpotlightOn_Image-desktop { display: none } @media (min-width:768px) { .sec-SpotlightOn_Image-desktop { display: flex } .sec-SpotlightOn_Image-mobile { display: none } } .sec-SpotlightOn_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-SpotlightOn_Video-desktop { display: none } @media (min-width:768px) { .sec-SpotlightOn_Video-desktop { display: flex } .sec-SpotlightOn_Video-mobile { display: none } } .sec-SpotlightOn_Overlay { background-color: var(--OverlayColour); block-size: 100%; inline-size: 100%; opacity: var(--OverlayOpacity); position: absolute } .sec-SpotlightOn_Content { flex-grow: 1 } @media (min-width:1200.02px) { .sec-SpotlightOn_Content { block-size: 100vh; display: flex; flex-direction: column; inset-block-start: 0; position: sticky } } @media (min-width:768px) { .sec-SpotlightOn_ContentHeader { inset-block-start: 0; padding-block-start: var(--Site_Margin); position: sticky } } @media (min-width:1200.02px) { .sec-SpotlightOn_ContentHeader { padding-block: var(--Site_Margin) } .sec-SpotlightOn-hasFooterButton .sec-SpotlightOn_ContentHeader { padding-block-end: calc(var(--Site_Margin)*2 + 50px) } } .sec-SpotlightOn_Kicker { margin-block-end: 10px } @media (min-width:768px) { .sec-SpotlightOn_Kicker { margin-block-end: 30px } } @media (min-width:1200.02px) { .sec-SpotlightOn_Title { max-inline-size: 80% } .sec-SpotlightOn_ContentPosition-right .sec-SpotlightOn_Title { margin-inline-start: auto } .sec-SpotlightOn_ContentPosition-center .sec-SpotlightOn_Title { margin-inline: auto } } .sec-SpotlightOn_Text { margin-block-start: 10px } @media (min-width:768px) { .sec-SpotlightOn_Text { margin-block-start: 30px; max-inline-size: 60% } .sec-SpotlightOn_ContentPosition-right .sec-SpotlightOn_Text { margin-inline-start: auto } .sec-SpotlightOn_ContentPosition-center .sec-SpotlightOn_Text { margin-inline: auto } } .sec-SpotlightOn_Buttons { margin-block-start: 15px } @media (min-width:768px) { .sec-SpotlightOn_Buttons { margin-block-start: 30px } } .sec-SpotlightOn_Cards { display: grid; gap: 30px 5px; grid-template-columns: repeat(2, minmax(0, 1fr)) } @media (min-width:768px) { .sec-SpotlightOn_Cards { gap: 40px 5px } } .sec-SpotlightOn_Card { inline-size: 100% } @media (min-width:1200.02px) { .sec-SpotlightOn_Footer { display: none } } .sec-StoreDetails { display: block } @media (min-width:768px) { .sec-StoreDetails_Columns { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(2, minmax(0, 1fr)) } .sec-StoreDetails_Column-media { grid-column: 2; grid-row: 1; position: relative } } .sec-StoreDetails_Column-content { padding: var(--Site_Margin); position: relative; z-index: 2 } @media (min-width:768px) { .sec-StoreDetails_Column-content { grid-column: 1; grid-row: 1 } } .sec-StoreDetails_MediaContainer { display: flex; inline-size: 100%; overflow: hidden; position: relative; z-index: 1 } @media (min-width:768px) { .sec-StoreDetails_MediaContainer { block-size: 100vh; inset-block-start: 0; position: sticky } } .sec-StoreDetails_MediaContainer:after { content: ""; display: block; inline-size: 0; padding-block-start: 60% } .sec-StoreDetails_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-StoreDetails_Image-desktop { display: none } @media (min-width:768px) { .sec-StoreDetails_Image-desktop { display: flex } .sec-StoreDetails_Image-mobile { display: none } } .sec-StoreDetails_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-StoreDetails_Video-desktop { display: none } @media (min-width:768px) { .sec-StoreDetails_Video-desktop { display: flex } .sec-StoreDetails_Video-mobile { display: none } } .sec-StoreDetails_Back { margin-block-end: 10px } .sec-StoreDetails_BackButton { align-items: center; display: flex; gap: 10px } .sec-StoreDetails_BackIcon { block-size: 8px; display: flex; inline-size: 12px; justify-content: flex-end; overflow: hidden; transform: rotate(180deg) } @media (hover:hover), (min-width:1600px) { .sec-StoreDetails_BackIcon { transition: width .3s ease } .sec-StoreDetails_BackButton:hover .sec-StoreDetails_BackIcon { inline-size: 17px } } .sec-StoreDetails_BackIcon svg { block-size: 8px; flex-shrink: 0; inline-size: 17px } .sec-StoreDetails_Address { margin-block-start: 20px } .sec-StoreDetails_Content { margin-block-start: 40px } .sec-StoreDetails_ContentColumns { display: grid; gap: 15px var(--Grid_Gutter) } @media (min-width:900.02px) { .sec-StoreDetails_ContentColumns { grid-template-columns: repeat(2, 1fr) } } .sec-StoreDetails_Text { margin-block-start: 10px } @media (min-width:900.02px) { .sec-StoreDetails_Text { margin-inline-end: var(--Site_Margin) } } .sec-StoreDetails_Illustration { inline-size: 83.33333%; margin-inline: auto } @media (min-width:768px) { .sec-StoreDetails_Illustration { margin-inline-start: 0 } } .sec-StoreDetails_Info { display: flex; gap: 8px; margin-block-start: 15px } .sec-StoreDetails_InfoIcon { block-size: 15px; display: flex; inline-size: 15px; margin-block-start: 3px } .sec-StoreDetails_Bullets { display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr) } @media (min-width:900.02px) { .sec-StoreDetails_Bullets { grid-template-columns: 1fr } } .sec-StoreDetails_Bullet { display: flex; gap: 10px } .sec-StoreDetails_BulletTick { align-items: center; background-color: var(--Color_Brand); block-size: 12px; border-radius: 50%; color: #fff; display: flex; flex-shrink: 0; inline-size: 12px; justify-content: center; margin-block-start: 5px } .sec-StoreDetails_BulletTick svg { block-size: 6px; inline-size: 7px } .sec-Section-light .sec-StoreDetails_BulletTick { background-color: #fff; color: var(--Color_Brand) } .sec-StoreDetails_Usps { display: grid; gap: 15px var(--Grid_Gutter) } @media (min-width:900.02px) { .sec-StoreDetails_Usps { grid-template-columns: repeat(2, 1fr) } } .sec-StoreDetails_UspCard { display: flex; gap: 20px } .sec-StoreDetails_UspIcon { block-size: 30px; display: flex; flex-grow: 0; flex-shrink: 0; inline-size: 30px } .sec-StoreLocator { display: block } .sec-Stores_Items { grid-gap: 40px var(--Site_Margin); display: grid; grid-template-columns: repeat(2, 1fr) } @media (min-width:768px) { .sec-Stores_Items { grid-template-columns: repeat(2, 1fr) } } @media (min-width:900.02px) { .sec-Stores_Items { grid-template-columns: repeat(3, 1fr) } } @media (min-width:1200.02px) { .sec-Stores_Items { grid-template-columns: repeat(4, 1fr) } } .sec-Stores_Media { margin-block-end: 10px; overflow: hidden; position: relative } .sec-Stores_Media:after { content: ""; display: block; inline-size: 0; padding-block-start: 75% } .sec-Stores_Image { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; position: absolute; z-index: 1 } .sec-Stores_Content { padding-inline-end: 10px } .sec-Stores_Address { margin-block-start: 5px } .sec-Stores_Buttons { margin-block-start: 10px } .sec-Stores_Button { z-index: 2 } .sec-TradeForm { display: block } @media (min-width:768px) { .sec-TradeForm_Columns { display: grid; grid-template-columns: repeat(2, 1fr) } .sec-TradeForm_Column-content { grid-column: 1; grid-row: 1 } } .sec-TradeForm_Column-media { margin-inline: calc(var(--Site_Margin)*-1) } @media (min-width:768px) { .sec-TradeForm_Column-media { grid-column: 2; grid-row: 1; margin-inline-start: 0 } } .sec-TradeForm_MediaContainer { align-items: center; block-size: 50vh; display: flex; inline-size: 100%; justify-content: center; opacity: var(--Background_Opacity); overflow: hidden; position: relative } @media (min-width:768px) { .sec-TradeForm_MediaContainer { block-size: 100vh; inset-block-start: 0; opacity: 1; position: sticky } } .sec-TradeForm_Image { block-size: 100%; display: flex; inline-size: 100%; inset-inline-start: 0; position: absolute; z-index: -2 } .sec-TradeForm_Image-desktop { display: none } @media (min-width:768px) { .sec-TradeForm_Image-desktop { display: flex } .sec-TradeForm_Image-mobile { display: none } } .sec-TradeForm_Video { block-size: 100%; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; object-fit: cover; position: absolute; z-index: -1 } .sec-TradeForm_Video-desktop { display: none } @media (min-width:768px) { .sec-TradeForm_Video-desktop { display: flex } .sec-TradeForm_Video-mobile { display: none } } .sec-TradeForm_Content { padding-block: var(--Margin_Half) } @media (min-width:900.02px) { .sec-TradeForm_Content { inline-size: 66.66667%; margin-inline: auto } } .sec-TradeForm_Content[aria-hidden=true] { display: none } .sec-TradeForm_Kicker { margin-block-end: 10px } .sec-TradeForm_Text { margin-block-start: 10px } .sec-TradeForm_Buttons { margin-block-start: 20px } @media (min-width:900.02px) { .sec-TradeForm_Buttons { margin-block-start: 30px } } .sec-TradeForm_Warning { background-color: var(--Color_Linen); border-radius: 2px; display: flex; gap: 8px; margin-block-start: 15px; padding: 20px } @media (min-width:900.02px) { .sec-TradeForm_Warning { margin-block-start: 20px } } .sec-TradeForm_WarningIcon { block-size: 15px; display: flex; inline-size: 15px; margin-block-start: 2px } .sec-TradeForm_Benefits { margin-block-start: 40px } .sec-TradeForm_BenefitsTitle { margin-block-end: 15px } @media (min-width:900.02px) { .sec-TradeForm_BenefitsTitle { margin-block-end: 20px } } .sec-TradeForm_BenefitsBullets { margin-block-end: 15px } @media (min-width:900.02px) { .sec-TradeForm_BenefitsBullets { margin-block-end: 20px } } .sec-TradeForm_BenefitsBullet { display: flex; gap: 10px; margin-block-start: 10px } .sec-TradeForm_BenefitsTick { align-items: center; background-color: var(--Color_Brand); block-size: 12px; border-radius: 50%; color: #fff; display: flex; flex-shrink: 0; inline-size: 12px; justify-content: center; margin-block-start: 5px } .sec-TradeForm_BenefitsTick svg { block-size: 6px; inline-size: 7px } .sec-Section-light .sec-TradeForm_BenefitsTick { background-color: #fff; color: var(--Color_Brand) } .sec-TradeForm_BenefitsDisclaimer { margin-block-end: 15px; opacity: .75 } @media (min-width:900.02px) { .sec-TradeForm_BenefitsDisclaimer { margin-block-end: 20px } } .sec-TradeForm_Login { border-block-start: 1px solid var(--Color_Border); margin-block-start: 20px; padding-block-start: 20px } @media (min-width:900.02px) { .sec-TradeForm_Login { margin-block-start: 40px; padding-block-start: 40px } } .sec-TradeForm_LoginTitle { margin-block-end: 10px } .sec-TradeForm_LoginButtons { margin-block-start: 10px } @media (min-width:900.02px) { .sec-TradeForm_LoginButtons { margin-block-start: 15px } } .sec-Usps { display: block } .sec-Usps-light { color: #fff } .sec-Usps_Inner { margin-block: var(--Margin_Small) } .sec-Section-hasBackground .sec-Usps_Inner { margin-block: 0; padding-block: var(--Margin_Small) } .sec-Usps_Items { display: grid; gap: var(--Grid_Gutter) } @media (min-width:768px) { .sec-Usps_Items { grid-template-columns: repeat(var(--Column_Count), 1fr) } } .sec-Usps_Item { background-color: var(--Usp_Background); padding: 20px; position: relative; text-align: center } .sec-Usps_Icon { block-size: 30px; inline-size: 30px; margin-block-end: 10px; margin-inline: auto } .sec-Usps_Text { margin-block-start: 10px } .sec-Section { --Section_Margin: var(--Margin_Standard); --Section_Border: #0000001a; background-color: var(--Section_Background); display: block } .sec-Section[aria-hidden=true] { display: none } .sec-Section-light { --Section_Border: #ffffff1a; color: #fff } .sec-Section-marginHalf { --Section_Margin: var(--Margin_Half) } .sec-Section-marginSmall { --Section_Margin: var(--Margin_Small) } .sec-Section_Inner { display: block; margin-block: var(--Section_Margin) } .sec-Section-hasBackground .sec-Section_Inner { margin-block: 0; padding-block: var(--Section_Margin) } .sec-Section_Header { align-items: center; display: flex; justify-content: space-between; margin-block-end: 20px } .sec-Section_Title a:hover { -webkit-text-decoration: underline; text-decoration: underline } .sec-Section_Footer { border-block-start: 1px solid var(--Section_Border); display: block; margin-block-start: 20px; padding-block-start: 15px } @media (min-width:900.02px) { .sec-Section_Footer { display: none } } .sec-Section_Header .sec-Section_Buttons { display: none } @media (min-width:900.02px) { .sec-Section_Header .sec-Section_Buttons { display: block } } .sec-Section_Button[aria-hidden=true] { display: none } .shr-Button { display: block; position: relative } .shr-Button_Trigger { align-items: center; cursor: pointer; display: flex; text-transform: uppercase } .shr-Button_Trigger-product { align-items: center; block-size: 15px; display: flex; inline-size: 15px; justify-content: center } .shr-Button_Icon { margin-inline-end: 10px } .shr-Button_Icon-product { block-size: 15px; inline-size: 15px } .shr-Button_Icon-hideLabel { margin-inline-end: 0 } .shr-Button_Summary { align-items: center; cursor: pointer; display: flex; inline-size: -moz-fit-content; inline-size: fit-content } .shr-Button_Fallback { align-items: center; background-color: #fff; box-shadow: 0 0 0 1px #1212128c; display: flex; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; min-inline-size: max-content; position: absolute; z-index: 3 } .shr-Button_Field { display: flex; inline-size: 100%; position: relative } .shr-Button_Message { align-items: center; background-color: #fff; block-size: 100%; display: flex; inline-size: 100%; padding: 8px 0 8px 15px } .shr-Button_Message:not(:empty):not([hidden])~* { display: none } .shr-Button_Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: initial; border: 1px solid #0000; border-radius: 0; box-shadow: none; flex-grow: 1; inline-size: 100%; overflow: hidden; padding: 22px 15px 8px; text-align: start; text-overflow: ellipsis; transition: box-shadow .2s ease; white-space: nowrap } .shr-Button_Input:hover { box-shadow: 0 0 0 2px #1212128c } .shr-Button_Label { font-size: 16px; inset-block-start: 10px; inset-inline-start: 15px; line-height: 1.5; pointer-events: none; position: absolute; transition: top var(--duration-short) .2s, font-size .2s ease } .shr-Button_Input:not(:placeholder-shown)~.shr-Button_Label { font-size: 10px; inset-block-start: 3px; letter-spacing: .04px } .shr-Button_InputButton { align-items: center; block-size: 48px; display: flex; flex-shrink: 0; inline-size: 48px; justify-content: center; padding: 0 } .shr-Button_InputButton svg { block-size: 15px; inline-size: 15px; transition: transform .2s ease } .shr-Button_InputButton:hover svg { transform: scale(1.1) } .pg-Page_Body { margin-block: 20px 40px } @media (min-width:900.02px) { .pg-Page_Body { grid-gap: var(--Grid_Gutter); display: grid; grid-template-columns: repeat(12, 1fr); margin-block: 40px } .pg-Page_Content { grid-column: 2/span 10 } } @media (min-width:1200.02px) { .pg-Page_Content { grid-column: 3/span 8 } } @media (min-width:1440px) { .pg-Page_Content { grid-column: 4/span 6 } } .pg-Page_Blocks { gap: 40px } .pg-Page_AccordionItem, .pg-Page_AccordionItems, .pg-Page_Blocks { display: flex; flex-direction: column } .pg-Page_AccordionItem { border-block-end: 1px solid #0000001a } .pg-Page_AccordionItems-contact .pg-Page_AccordionItem { border-block-end: none } .pg-Page_AccordionItem:not(:first-child) .pg-Page_AccordionHeading { margin-block-start: 40px } .pg-Page_AccordionIntroText { margin-block-start: 20px } .pg-Page_AccordionTitle { display: flex; gap: 10px; justify-content: space-between; padding-block: 20px; position: relative; text-align: start } .pg-Page_AccordionItems-contact .pg-Page_AccordionTitle { margin-block-start: 0; text-transform: none } .pg-Page_AccordionArrowContainer { block-size: 17px; display: block; inline-size: 8px; position: relative } .pg-Page_AccordionArrow { align-items: flex-end; block-size: 12px; display: flex; inline-size: 8px; inset-block-start: 3px; inset-inline-start: 0; overflow: hidden; position: absolute; transition: block-size .3s ease, transform .3s ease-in-out .2s; z-index: 0 } @media (hover:hover), (min-width:1600px) { .pg-Page_AccordionTitle:hover .pg-Page_AccordionArrow { block-size: 17px } } [aria-expanded=true] .pg-Page_AccordionArrow { transform: rotate(-180deg) } .pg-Page_AccordionArrow svg { block-size: 17px; flex-shrink: 0; inline-size: 8px } .pg-Page_AccordionBody { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s } [aria-expanded=true] .pg-Page_AccordionBody { grid-template-rows: 1fr } .pg-Page_AccordionContent { overflow: hidden } .pg-Page_AccordionCopy { margin-block-end: 20px } .pg-Page_ContactInformationItem { align-items: center; background-color: var(--Color_Linen); border-radius: 2px; display: flex; flex-direction: column; gap: 5px; padding: 18px 20px; text-align: center } @media (min-width:900.02px) { .pg-Page_ContactInformationItem { padding: 20px 40px } } .pg-Page_ContactInformationItem:not(:first-child) { margin-block-start: 5px } .pg-Page_ContactInformationItemIcon { block-size: 30px; inline-size: 30px } .pg-Page_ContactInformationItemIcon svg { block-size: 100%; inline-size: 100% } .pg-Page_ContactInformationNote { margin-block: 20px; text-align: center } .pg-Page_Buttons-center { text-align: center } .wsh-Card { display: flex; flex-direction: column; padding: var(--Site_Margin) } .wsh-Card_Title { text-align: start } .wsh-Card_Text { margin-block-start: 5px } .wsh-Card_Medias { display: grid; gap: var(--Grid_Gutter); grid-template-columns: repeat(3, 1fr); margin-block-start: 20px } .wsh-Card_Media { border-radius: 2px; position: relative } .wsh-Card_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .wsh-Card_Buttons { margin-block-start: auto } .wsh-Card_Button { margin-block-start: 15px } @media (min-width:900.02px) { .wsh-Card_Button { margin-block-start: 20px } } .wsh-Delete_Buttons { margin-block-start: 15px } @media (min-width:900.02px) { .wsh-Delete_Buttons { margin-block-start: 20px } } .wsh-Header_Content { padding: 30px var(--Site_Margin); text-align: center } @media (min-width:900.02px) { .wsh-Header_Content { padding-block: 80px 60px } } .wsh-Header_Header[aria-hidden=true] { display: none } .wsh-Header_Title { text-transform: uppercase } .wsh-Header_Text { display: block; margin-block-start: 20px; margin-inline: auto } @media (min-width:768px) { .wsh-Header_Text { inline-size: 83.33333% } } @media (min-width:900.02px) { .wsh-Header_Text { inline-size: 70% } } @media (min-width:1200.02px) { .wsh-Header_Text { inline-size: 50% } } .wsh-Header_Buttons { margin-block-start: 30px; margin-inline: auto } .wsh-Loading { display: flex; gap: 5px } .wsh-Loading_Icon { animation: loading 1.4s ease-in-out infinite both; background-color: currentColor; block-size: 10px; border-radius: 100%; display: block; inline-size: 10px } .wsh-Loading_Icon-1 { animation-delay: -.32s } .wsh-Loading_Icon-2 { animation-delay: -.16s } @keyframes loading { 0%, 80%, to { transform: scale(0) } 40% { transform: scale(1) } } .wsh-Notification { background-color: var(--Color_Background); box-shadow: 0 4px 12px #0000001a; display: flex; inline-size: 100vw; inset-block: 100px auto; inset-inline-start: 50%; max-inline-size: 450px; padding: 20px; position: fixed; transform: translate(-50%); transition: opacity .3s ease, visibility .3s ease; z-index: 11 } @media (min-width:768px) { .wsh-Notification { inset-block: auto 0 } } .wsh-Notification[aria-hidden=true] { opacity: 0; visibility: hidden } .wsh-Notification_Trigger { display: flex; flex-grow: 1; gap: 20px } .wsh-Notification_Media { display: flex; flex-shrink: 0; inline-size: 60px; overflow: hidden; position: relative } .wsh-Notification_Media:before { background-color: #000; block-size: 100%; content: ""; display: block; inline-size: 100%; inset-block-start: 0; inset-inline-start: 0; opacity: .03; pointer-events: none; position: absolute; z-index: 2 } .wsh-Notification_Text { opacity: .75 } .wsh-Notification_Text strong { font-weight: 400 } .wsh-Notification_Link { -webkit-text-decoration: underline; text-decoration: underline } .wsh-Notification_Close { align-items: center; block-size: 30px; display: flex; flex-shrink: 0; inline-size: 30px; justify-content: center; margin-inline-end: -10px } @media (hover:hover), (min-width:1600px) { .wsh-Notification_Close:hover svg { transform: rotate(90deg) } } .wsh-Notification_Close svg { block-size: 15px; inline-size: 15px; transition: transform .3s ease } .wsh-Page { display: block; margin-block-end: var(--Margin_Standard) } .wsh-Page_Body[aria-hidden=true], .wsh-Page_Panel[aria-hidden=true] { display: none } .wsh-Page_Columns { display: grid; gap: 15px; margin-inline: var(--Site_Margin); text-align: center } @media (min-width:900.02px) { .wsh-Page_Columns { gap: 20px } } .wsh-Page_Loading { align-items: center; block-size: 100%; display: flex; justify-content: center } .wsh-Page_Button { margin-block-start: var(--Site_Margin) } .wsh-Page_Controls { border-block-start: 1px solid var(--Color_Border); display: flex; justify-content: space-between; padding: 15px var(--Site_Margin) } @media (min-width:900.02px) { .wsh-Page_Controls { margin-inline: var(--Site_Margin); padding-inline: 0 } } .wsh-Page_Cards { display: grid; gap: var(--Grid_Gutter); margin-inline: var(--Site_Margin); position: relative } @media (min-width:768px) { .wsh-Page_Cards { grid-template-columns: repeat(2, 1fr) } } @media (min-width:900.02px) { .wsh-Page_Cards { grid-template-columns: repeat(3, 1fr) } } .wsh-Page_Card { border: 1px solid var(--Color_Border) } .wsh-Page_Items { margin-inline: var(--Site_Margin); position: relative } .wsh-Page_Variant { padding-block: 15px } @media (min-width:768px) { .wsh-Page_Text { inline-size: 66.66667%; margin-inline: auto } } @media (min-width:900.02px) { .wsh-Page_Text { inline-size: 50%; margin-inline: auto } } .wsh-Page_Footer { display: grid; margin-inline: var(--Site_Margin); padding-block: 15px } .wsh-Page_Back { align-items: center; display: flex; gap: 10px; grid-column: 1; grid-row: 1; justify-self: flex-start } .wsh-Page_BackIcon { block-size: 8px; display: flex; inline-size: 12px; justify-content: flex-end; overflow: hidden; transform: rotate(180deg) } .wsh-Page_BackIcon svg { block-size: 8px; flex-shrink: 0; inline-size: 17px } .wsh-Page_Share { grid-column: 1; grid-row: 1; justify-self: center } .wsh-Share_Panel[aria-hidden=true] { display: none } .wsh-Share_Buttons { margin-block-start: 10px } .wsh-Share_Button { inline-size: 100% } .wsh-Share_Footer { margin-block-start: 15px } @media (min-width:900.02px) { .wsh-Share_Footer { margin-block-start: 20px } } .wsh-Share_Options { display: grid; gap: 5px; margin-block-start: 10px } .wsh-Trigger { align-items: center; block-size: 30px; display: flex; inline-size: 30px; justify-content: center; position: relative; transform: scale(0); transition: transform .3s ease } @media (hover:hover), (min-width:1600px) { .prd-Card:hover .wsh-Trigger:after { opacity: 1 } } .wsh-Page-shared .wsh-Trigger { display: none } .wsh-Trigger[data-wishlist-active] { transform: none } .prd-Card .wsh-Trigger:after { background-color: #f7f7f7; block-size: 20px; border-radius: 50%; content: ""; display: block; inline-size: 20px; inset-block-start: 5px; inset-inline-start: 5px; opacity: 0; position: absolute; transition: opacity .3s ease; z-index: -1 } .wsh-Trigger-productTemplate { block-size: 15px; inline-size: 15px } .wsh-Trigger-productCard { color: var(--Color_Body) } .wsh-Trigger_Icon { block-size: 15px; display: block; inline-size: 15px } .wsh-Trigger_Icon svg { fill: #0000; transition: fill .3s ease } @media (hover:hover), (min-width:1600px) { .wsh-Trigger:hover :is(.wsh-Trigger_Icon svg) { fill: currentColor } } .wsh-Trigger[data-wishlist-added] :is(.wsh-Trigger_Icon svg) { fill: currentColor } /* Hamburger Menu - 8473 */ .hd-Banner_Hamburger.hd-Hamburger-8473 { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: none; background: transparent; cursor: pointer; margin-left: auto; } @media (max-width: 767px) { .hd-Banner_Hamburger.hd-Hamburger-8473 { display: flex; } } .hd-Hamburger_Icon-8473 { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 24px; height: 18px; gap: 5px; } .hd-Hamburger_Icon-8473 span { display: block; width: 100%; height: 2px; background-color: currentColor; transition: transform 0.3s ease, opacity 0.3s ease; } .hd-Banner_Hamburger.hd-Hamburger-8473:hover .hd-Hamburger_Icon-8473 span { opacity: 0.7; } /* Hero Video - 7291 */ .sec-Hero_Video.sec-Hero_Video-7291 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .sec-Hero_VideoEl-7291 { width: 100%; height: 100%; object-fit: cover; } /* Logo Switcher - 3847 */ .hd-Logo-3847 { display: flex; align-items: center; } .hd-Logo_Dark-3847, .hd-Logo_Light-3847 { height: 30px; width: auto; } /* Default: show dark logo */ .hd-Logo_Dark-3847 { display: block; } .hd-Logo_Light-3847 { display: none; } /* When header is light mode (over hero) and not scrolled: show white logo */ .lyt-Theme-headerLight .hd-Banner:not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) .hd-Logo_Dark-3847 { display: none; } .lyt-Theme-headerLight .hd-Banner:not(:hover):not(:focus-within):not(.hd-Banner-hasScrolled) .hd-Logo_Light-3847 { display: block; } /* Mobile Menu - 6284 */ .drw-MobileMenu-6284 { display: flex; flex-direction: column; height: 100%; } .drw-MobileNav-6284 { padding: 20px; } .drw-MobileNav_List-6284 { list-style: none; margin: 0; padding: 0; } .drw-MobileNav_List-6284 li { border-bottom: 1px solid #eee; } .drw-MobileNav_List-6284 a { display: block; padding: 18px 0; color: #000; text-decoration: none; font-size: 16px; font-weight: 400; transition: opacity 0.3s ease; } .drw-MobileNav_List-6284 a:hover { opacity: 0.6; } .drw-MobileContact-6284 { padding: 20px; } .drw-MobileContact_Button-6284 { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 18px 20px; background: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%); color: white; text-decoration: none; font-size: 16px; font-weight: 600; border-radius: 8px; box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3); transition: all 0.3s ease; } .drw-MobileContact_Button-6284:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(196, 30, 58, 0.4); } .drw-MobileContact_Icon-6284 { display: flex; align-items: center; } .drw-MobileInfo-6284 { margin-top: auto; padding: 20px; background: #f5f5f5; font-size: 13px; line-height: 1.8; color: #666; } .drw-MobileInfo_Company-6284 { font-weight: 600; color: #000; margin-bottom: 10px; } .drw-MobileInfo-6284 a { color: #666; text-decoration: none; } .drw-MobileInfo-6284 a:hover { color: #000; } /* Contact Section with Video - 4729 */ .sec-Contact-4729 { position: relative; padding: 100px 0; overflow: hidden; color: white; } .sec-Contact_VideoBg-4729 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .sec-Contact_VideoBg-4729 video { width: 100%; height: 100%; object-fit: cover; } .sec-Contact_Overlay-4729 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } .sec-Contact_Inner-4729 { position: relative; z-index: 1; } .sec-Contact_Content-4729 { max-width: 800px; margin: 0 auto; text-align: center; } .sec-Contact_Title-4729 { font-size: clamp(40px, 8vw, 80px); font-weight: 300; letter-spacing: 0.1em; margin: 0 0 30px; line-height: 1.1; } .sec-Contact_Text-4729 { font-size: 16px; line-height: 2; margin-bottom: 40px; } .sec-Contact_Buttons-4729 { display: flex; justify-content: center; } .sec-Contact_Button-4729 { display: inline-flex; align-items: center; gap: 10px; padding: 15px 40px; border: 1px solid white; color: white; text-decoration: none; font-size: 14px; letter-spacing: 0.05em; transition: all 0.3s ease; } .sec-Contact_Button-4729:hover { background: white; color: #000; } .sec-Contact_Button-4729 .btn-Button_Arrow svg { width: 17px; height: 8px; } @media (max-width: 767px) { .sec-Contact-4729 { padding: 60px 0; } .sec-Contact_Text-4729 { font-size: 14px; text-align: left; } } /* Map Section - 9182 */ .sec-Map-9182 { width: 100%; line-height: 0; } .sec-Map-9182 iframe { display: block; width: 100%; } @media (max-width: 767px) { .sec-Map-9182 iframe { height: 300px; } } /* Footer - 5621 */ .ft-Footer-5621 { background-color: #000; color: white; padding: 60px 0 30px; } .ft-Footer_Inner-5621 { max-width: 1400px; margin: 0 auto; padding: 0 20px; } .ft-Footer_Grid-5621 { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 40px; } /* Left Column */ .ft-Footer_Left-5621 { display: flex; flex-direction: column; gap: 20px; } .ft-Footer_Logo-5621 img { height: 40px; width: auto; } .ft-Footer_Desc-5621 { font-size: 14px; line-height: 1.8; color: rgba(255, 255, 255, 0.8); } .ft-Footer_Socials-5621 { display: flex; gap: 15px; } .ft-Footer_SocialLink-5621 { color: white; transition: opacity 0.3s ease; } .ft-Footer_SocialLink-5621:hover { opacity: 0.7; } /* Center Column */ .ft-Footer_Center-5621 { display: flex; justify-content: center; gap: 60px; } .ft-Footer_MenuCol-5621 { display: flex; flex-direction: column; gap: 15px; } .ft-Footer_MenuTitle-5621 { font-size: 14px; font-weight: 600; color: white; margin: 0 0 10px; } .ft-Footer_MenuItems-5621 { display: flex; flex-direction: column; gap: 10px; } .ft-Footer_MenuItems-5621 a { color: rgba(255, 255, 255, 0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease; } .ft-Footer_MenuItems-5621 a:hover { color: white; } /* Right Column */ .ft-Footer_Right-5621 { display: flex; flex-direction: column; gap: 15px; } .ft-Footer_CompanyInfo-5621 { display: flex; flex-direction: column; gap: 8px; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; } .ft-Footer_CompanyName-5621 { font-weight: 600; color: white; } .ft-Footer_CompanyInfo-5621 a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: color 0.3s ease; } .ft-Footer_CompanyInfo-5621 a:hover { color: white; } /* Copyright */ .ft-Footer_Copyright-5621 { margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); text-align: center; } .ft-Footer_Copyright-5621 p { font-size: 12px; color: rgba(255, 255, 255, 0.6); margin: 0; } /* Responsive */ @media (max-width: 991px) { .ft-Footer_Grid-5621 { grid-template-columns: 1fr 1fr; } .ft-Footer_Left-5621 { grid-column: 1 / -1; align-items: center; text-align: center; } .ft-Footer_Socials-5621 { justify-content: center; } } @media (max-width: 767px) { .ft-Footer-5621 { padding: 40px 0 20px; } .ft-Footer_Grid-5621 { grid-template-columns: 1fr; gap: 30px; } .ft-Footer_Center-5621 { flex-direction: column; gap: 30px; align-items: center; text-align: center; } .ft-Footer_MenuCol-5621 { align-items: center; } .ft-Footer_Right-5621 { align-items: center; text-align: center; } } /* お客様の声セクション - 8247 */ .testimonials-slider-8247 { overflow: hidden; position: relative; padding: 20px 0; } .testimonials-track-8247 { display: flex; gap: 24px; animation: testimonials-scroll-8247 30s linear infinite; width: max-content; } .testimonials-track-8247:hover { animation-play-state: paused; } @keyframes testimonials-scroll-8247 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .testimonial-card-8247 { flex-shrink: 0; width: 350px; background: #fff; border-radius: 12px; padding: 28px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .testimonial-card-8247:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); } .testimonial-header-8247 { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; } .testimonial-avatar-8247 { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; flex-shrink: 0; border: 3px solid #f0f0f0; } .testimonial-avatar-8247 img { width: 100%; height: 100%; object-fit: cover; } .testimonial-info-8247 { display: flex; flex-direction: column; gap: 4px; } .testimonial-stars-8247 { display: flex; gap: 2px; } .star-8247 { color: #FFD700; font-size: 18px; } .testimonial-customer-8247 { font-size: 13px; color: #666; margin: 0; } .testimonial-title-8247 { font-size: 16px; font-weight: 600; color: #222; margin: 0 0 12px 0; line-height: 1.4; } .testimonial-text-8247 { font-size: 14px; color: #555; line-height: 1.7; margin: 0; } /* レスポンシブ対応 */ @media (max-width: 767px) { .testimonial-card-8247 { width: 300px; padding: 20px; } .testimonial-avatar-8247 { width: 50px; height: 50px; } .star-8247 { font-size: 16px; } .testimonial-title-8247 { font-size: 15px; } .testimonial-text-8247 { font-size: 13px; } } /* ヘッダーロゴサイズ 1.5倍・上下中央 */ .hd-Banner_Logo { block-size: 27px; inline-size: 125px; margin-block-end: 0; align-self: center; }