16:I[52767,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/21pqnh4gjfhex.js","/_next/static/immutable/chunks/2c25jvsb7ok86.js","/_next/static/immutable/chunks/132tkiezaec7e.js","/_next/static/immutable/chunks/3oxog1-q6y9w9.js","/_next/static/immutable/chunks/0wqs3fldftniv.js","/_next/static/immutable/chunks/2i7peodlivqvr.js"],"AdPixels"] 17:I[23400,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/21pqnh4gjfhex.js","/_next/static/immutable/chunks/2c25jvsb7ok86.js","/_next/static/immutable/chunks/132tkiezaec7e.js","/_next/static/immutable/chunks/3oxog1-q6y9w9.js","/_next/static/immutable/chunks/0wqs3fldftniv.js","/_next/static/immutable/chunks/2i7peodlivqvr.js"],"FunnelTracker"] 18:I[49245,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/21pqnh4gjfhex.js","/_next/static/immutable/chunks/2c25jvsb7ok86.js","/_next/static/immutable/chunks/132tkiezaec7e.js","/_next/static/immutable/chunks/3oxog1-q6y9w9.js","/_next/static/immutable/chunks/0wqs3fldftniv.js","/_next/static/immutable/chunks/2i7peodlivqvr.js"],"LanguageMemory"] 1e:I[24446,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/21pqnh4gjfhex.js","/_next/static/immutable/chunks/2c25jvsb7ok86.js","/_next/static/immutable/chunks/132tkiezaec7e.js","/_next/static/immutable/chunks/3oxog1-q6y9w9.js","/_next/static/immutable/chunks/0wqs3fldftniv.js","/_next/static/immutable/chunks/2i7peodlivqvr.js"],"InsightsFrame"] f:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{overflow-x:clip}body{overflow-x:clip}"}}] 15:Tc57a,/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ :root:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), :host:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --color-on-canvas: var(--sf-on-canvas, var(--sf-text)); --color-on-surface: var(--sf-on-surface, var(--sf-text)); } [data-sf-reveal]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); } [data-sf-ready="true"] [data-sf-reveal][data-revealed="false"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 0; transform: translateY(1.25rem); } @keyframes sf-l-bounce { 0%, 62%, 100% { transform: translateY(0); } 70% { transform: translateY(-0.55rem); } 78% { transform: translateY(0); } 85% { transform: translateY(-0.22rem); } 92% { transform: translateY(0); } } @keyframes sf-l-pulse { 0%, 70%, 100% { transform: scale(1); } 80% { transform: scale(1.045); } 90% { transform: scale(.995); } } @keyframes sf-l-beat { 0%, 60%, 100% { transform: scale(1); } 68% { transform: scale(1.07); } 76% { transform: scale(1); } 84% { transform: scale(1.04); } 92% { transform: scale(1); } } @keyframes sf-l-shake { 0%, 72%, 100% { transform: translateX(0); } 78% { transform: translateX(-0.3rem); } 84% { transform: translateX(0.3rem); } 90% { transform: translateX(-0.16rem); } 96% { transform: translateX(0); } } @keyframes sf-l-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 50% { box-shadow: 0 0 0 0.55rem rgba(0, 0, 0, 0.001), 0 0.5rem 1.6rem -0.4rem currentColor; } } @keyframes sf-l-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.4rem); } } [data-sf-loop].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } [data-sf-loop="bounce"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-bounce; } [data-sf-loop="pulse"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-pulse; } [data-sf-loop="beat"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-beat; } [data-sf-loop="shake"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-shake; } [data-sf-loop="glow"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-glow; } [data-sf-loop="float"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-float; } @media (prefers-reduced-motion: reduce) { [data-sf-loop]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none !important; } [data-sf-ready="true"] [data-sf-reveal][data-revealed="false"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 1; transform: none; } [data-sf-reveal]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transition: none; } } @keyframes sf-a-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes sf-a-fade-up { from { opacity: 0; transform: translateY(1.5rem); } to { opacity: 1; transform: none; } } @keyframes sf-a-fade-down { from { opacity: 0; transform: translateY(-1.5rem); } to { opacity: 1; transform: none; } } @keyframes sf-a-slide-left { from { opacity: 0; transform: translateX(2.5rem); } to { opacity: 1; transform: none; } } @keyframes sf-a-slide-right { from { opacity: 0; transform: translateX(-2.5rem); } to { opacity: 1; transform: none; } } @keyframes sf-a-zoom { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } } @keyframes sf-a-pop { 0% { opacity: 0; transform: scale(.86); } 60% { opacity: 1; transform: scale(1.04); } 100% { opacity: 1; transform: none; } } @keyframes sf-a-blur { from { opacity: 0; filter: blur(10px); } to { opacity: 1; filter: none; } } @keyframes sf-c-press { 0% { transform: scale(1); } 35% { transform: scale(.94); } 70% { transform: scale(1.02); } 100% { transform: scale(1); } } @keyframes sf-c-pop { 0% { transform: scale(1); } 40% { transform: scale(1.08); } 70% { transform: scale(.98); } 100% { transform: scale(1); } } @keyframes sf-c-bounce { 0%, 100% { transform: translateY(0); } 30% { transform: translateY(-.45rem); } 55% { transform: translateY(0); } 75% { transform: translateY(-.15rem); } } @keyframes sf-c-shake { 0%, 100% { transform: translateX(0); } 20% { transform: translateX(-.3rem); } 40% { transform: translateX(.3rem); } 60% { transform: translateX(-.18rem); } 80% { transform: translateX(.18rem); } } @keyframes sf-c-ring { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sf-accent) 55%, transparent); } 100% { box-shadow: 0 0 0 .8rem transparent; } } @keyframes sf-c-flash { 0%, 100% { filter: brightness(1); } 30% { filter: brightness(1.35); } } [data-sf-anim]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-anim-d: 700ms; --sf-anim-delay: 0ms; } [data-sf-anim-speed="fast"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-anim-d: 420ms; } [data-sf-anim-speed="slow"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-anim-d: 1100ms; } .sf-anim-ready [data-sf-anim]:not(.sf-in):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 0; } [data-sf-anim].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-duration: var(--sf-anim-d); animation-delay: var(--sf-anim-delay); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); animation-fill-mode: both; } [data-sf-anim="fade"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-fade; } [data-sf-anim="fade-up"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-fade-up; } [data-sf-anim="fade-down"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-fade-down; } [data-sf-anim="slide-left"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-slide-left; } [data-sf-anim="slide-right"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-slide-right; } [data-sf-anim="zoom"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-zoom; } [data-sf-anim="pop"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-pop; } [data-sf-anim="blur"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-a-blur; } [data-sf-anim-stagger].sf-in > *:nth-child(1):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay)); } [data-sf-anim-stagger].sf-in > *:nth-child(2):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 90ms); } [data-sf-anim-stagger].sf-in > *:nth-child(3):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 180ms); } [data-sf-anim-stagger].sf-in > *:nth-child(4):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 270ms); } [data-sf-anim-stagger].sf-in > *:nth-child(5):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 360ms); } [data-sf-anim-stagger].sf-in > *:nth-child(6):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 450ms); } [data-sf-anim-stagger].sf-in > *:nth-child(n + 7):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-delay: calc(var(--sf-anim-delay) + 540ms); } @keyframes sf-l-bounce { 0%, 62%, 100% { transform: translateY(0); } 70% { transform: translateY(-0.55rem); } 78% { transform: translateY(0); } 85% { transform: translateY(-0.22rem); } 92% { transform: translateY(0); } } @keyframes sf-l-pulse { 0%, 70%, 100% { transform: scale(1); } 80% { transform: scale(1.045); } 90% { transform: scale(.995); } } @keyframes sf-l-beat { 0%, 60%, 100% { transform: scale(1); } 68% { transform: scale(1.07); } 76% { transform: scale(1); } 84% { transform: scale(1.04); } 92% { transform: scale(1); } } @keyframes sf-l-shake { 0%, 72%, 100% { transform: translateX(0); } 78% { transform: translateX(-0.3rem); } 84% { transform: translateX(0.3rem); } 90% { transform: translateX(-0.16rem); } 96% { transform: translateX(0); } } @keyframes sf-l-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 50% { box-shadow: 0 0 0 0.55rem rgba(0, 0, 0, 0.001), 0 0.5rem 1.6rem -0.4rem currentColor; } } @keyframes sf-l-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-0.4rem); } } [data-sf-loop].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } [data-sf-loop="bounce"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-bounce; } [data-sf-loop="pulse"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-pulse; } [data-sf-loop="beat"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-beat; } [data-sf-loop="shake"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-shake; } [data-sf-loop="glow"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-glow; } [data-sf-loop="float"].sf-in:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-l-float; } @media (prefers-reduced-motion: reduce) { [data-sf-loop]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none !important; } .sf-clicked:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none !important; } [data-sf-anim]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none !important; opacity: 1 !important; } .sf-anim-ready [data-sf-section-id]:not(.sf-in):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), .sf-anim-ready [data-sf-section-id]:not(.sf-in) *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 1 !important; animation: none !important; filter: none !important; transform: none !important; } } :where(section[data-sf-section-id]:not([data-sf-clone])):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--sf-text); } :where( [data-sf-region="page"] section[data-sf-section-id]:not([class*="sf-rev-"]):not([data-sf-type="lp-band"]):not([data-sf-type^="lpx-"]):not( :has(.sf-band, [class*="py-"], [class*="pt-"], [class*="pb-"], [class*="min-h-"], [class*="sfv-"]) ) ):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: clamp(3rem, 7vw, 6rem); } :where([data-sf-region="page"]:has(> section[data-sf-type^="lpx-"]) > section[data-sf-section-id]:not(:first-of-type)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: var(--sf-lp-section-space, 20px); } :where([data-sf-region="page"]:has(> section[data-sf-type^="lpx-"]) > section[data-sf-section-id]:first-of-type):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: 0; } [data-sf-region="page"]:has(> section[data-sf-type^="lpx-"]) > section[data-sf-type="atelier-order"] > .band:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: 0; } [data-sf-type="lp-band"] .sf-band:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: 0; } [dir="rtl"] [data-sf-type="lp-band"]:not([data-sf-clone]) :is(h1, h2, h3, p, li, .sf-display, .sf-title, .sf-eyebrow):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { letter-spacing: normal; } [data-sf-type="lp-band"] + [data-sf-type="lp-band"]:not([data-sf-clone]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin-block-start: -56px; position: relative; } [data-sf-type="lp-band"] + [data-sf-type="lp-band"][data-sf-section-id^="b-source-"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin-block-start: 0; } [data-sf-type="lp-band"] + [data-sf-type="lp-band"] img[data-sf-art]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { mask-image: linear-gradient(to bottom, transparent, #000 56px); } @media (min-width: 768px) { [data-sf-type="lp-band"] img[data-sf-art]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-block-size: min(100svh, 880px); object-fit: cover; } } :where(section[data-sf-section-id] h1:is(:not([data-sf-clone-root] *), [data-sf-own] *), section[data-sf-section-id] h2:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { font-family: var(--sf-heading-font); font-weight: var(--sf-heading-weight); line-height: 1.05; letter-spacing: -0.02em; text-wrap: balance; margin: 0; } :where(section[data-sf-section-id] h3:is(:not([data-sf-clone-root] *), [data-sf-own] *), section[data-sf-section-id] h4:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { font-family: var(--sf-heading-font); font-weight: var(--sf-heading-weight); line-height: 1.2; margin: 0; } :where(section[data-sf-section-id] p:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin: 0; line-height: 1.65; } :where(section[data-sf-section-id] a:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: inherit; text-decoration: none; transition: opacity 0.2s ease; } :where(section[data-sf-section-id] a:is(:not([data-sf-clone-root] *), [data-sf-own] *):hover):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 0.72; } :where(section[data-sf-section-id] img:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: block; max-width: 100%; height: auto; } :where(section[data-sf-section-id] ul:is(:not([data-sf-clone-root] *), [data-sf-own] *), section[data-sf-section-id] ol:is(:not([data-sf-clone-root] *), [data-sf-own] *)):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin: 0; padding: 0; list-style: none; } .sf-lightbox:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; gap: 1rem; padding: clamp(1rem, 4vw, 3rem); background: rgba(10, 10, 10, 0.92); } .sf-lightbox[hidden]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } .sf-lightbox img:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-width: min(100%, 1200px); max-height: 86vh; object-fit: contain; } .sf-lightbox button:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { border: 0; background: rgba(255, 255, 255, 0.12); color: #fff; font-size: 1.75rem; line-height: 1; width: 2.75rem; height: 2.75rem; border-radius: 999px; cursor: pointer; } .sf-lightbox button:hover:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { background: rgba(255, 255, 255, 0.22); } .sf-lightbox button:focus-visible:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { outline: 2px solid #fff; outline-offset: 2px; } .sf-lightbox [data-x]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem; } .sf-lightbox [data-c]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset-block-end: 1.25rem; color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; font-variant-numeric: tabular-nums; } @media (max-width: 640px) { .sf-lightbox:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding: 0; } .sf-lightbox [data-p]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), .sf-lightbox [data-n]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset-block-start: 50%; translate: 0 -50%; z-index: 1; background: rgba(0, 0, 0, 0.45); } .sf-lightbox [data-p]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { inset-inline-start: 0.5rem; } .sf-lightbox [data-n]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { inset-inline-end: 0.5rem; } .sf-lightbox img:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-width: 100%; max-height: 80vh; } } .sf-lightbox figure:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin: 0; touch-action: none; overflow: hidden; } .sf-lightbox figure img:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transition: transform 0.2s ease; transform-origin: center; cursor: zoom-in; user-select: none; -webkit-user-drag: none; } .sf-lightbox figure[data-zoomed="true"] img:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transition: none; cursor: grab; } .sf-marquee:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { overflow: hidden; display: flex; } .sf-marquee-track:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: flex; flex: none; min-width: 200%; animation: sf-marquee var(--sf-marquee-duration, 30s) linear infinite; } .sf-marquee:hover .sf-marquee-track:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-play-state: paused; } @keyframes sf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } [dir="rtl"] .sf-marquee-track:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-direction: reverse; } @media (prefers-reduced-motion: reduce) { .sf-marquee-track:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; min-width: 0; } } [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-fade: 4.5rem; -webkit-mask-image: var(--sf-rail-mask); mask-image: var(--sf-rail-mask); } [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge="end"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-mask: linear-gradient(to right, #000 calc(100% - var(--sf-rail-fade)), transparent 100%); } [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge="start"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-mask: linear-gradient(to right, transparent 0, #000 var(--sf-rail-fade)); } [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge="both"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-mask: linear-gradient(to right, transparent 0, #000 var(--sf-rail-fade), #000 calc(100% - var(--sf-rail-fade)), transparent 100%); } [dir="rtl"] [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge="end"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-mask: linear-gradient(to left, #000 calc(100% - var(--sf-rail-fade)), transparent 100%); } [dir="rtl"] [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge="start"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-mask: linear-gradient(to left, transparent 0, #000 var(--sf-rail-fade)); } @media (max-width: 640px) { [data-sf-carousel]:is(:not([data-sf-clone-root] *), [data-sf-own] *)[data-sf-edge]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { --sf-rail-fade: 2.25rem; } } [data-sf-clone-root] [data-sf-carousel]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::-webkit-scrollbar { display: none; } [dir="rtl"] .sf-mirror:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transform: scaleX(-1); } .sf-compare:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; overflow: hidden; touch-action: pan-y; user-select: none; } .sf-compare [data-sf-compare-after]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset: 0; } .sf-compare [data-sf-compare-handle]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset-block: 0; inline-size: 2.5rem; margin-inline-start: -1.25rem; display: flex; align-items: center; justify-content: center; cursor: ew-resize; background: none; border: 0; padding: 0; } .sf-compare [data-sf-compare-handle]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::before { content: ""; position: absolute; inset-block: 0; inline-size: 2px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); } .sf-compare [data-sf-compare-handle]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { content: ""; inline-size: 2.25rem; block-size: 2.25rem; border-radius: 999px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25); } .sf-compare [data-sf-compare-handle]:focus-visible:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { outline: 2px solid #fff; outline-offset: 2px; } .sf-lightbox figure:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin: 0; display: flex; flex-direction: column; gap: 0.75rem; align-items: center; } .sf-lightbox figcaption:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: rgba(255, 255, 255, 0.85); font-size: 0.9rem; text-align: center; max-width: 60ch; } :where([class~="bg-surface"]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--color-on-surface); } :where([class~="bg-canvas"]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--color-on-canvas); } :where([class~="bg-ink"]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--sf-on-primary); } :where([class~="bg-accent"]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--sf-on-accent); } [data-sf-variant-value]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease; } [data-sf-variant-value][data-selected]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { border-color: var(--sf-primary); box-shadow: inset 0 0 0 1px var(--sf-primary); } [data-sf-variant-value][data-unavailable]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: .45; text-decoration: line-through; } [data-sf-part="cta"][data-unavailable]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: .5; pointer-events: none; } [data-sf-rollover]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; overflow: hidden; } [data-sf-rollover] [data-sf-rollover-alt]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 320ms ease, transform 640ms ease; } [data-sf-rollover]:hover [data-sf-rollover-alt]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-rollover]:focus-within [data-sf-rollover-alt]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 1; transform: scale(1.02); } [data-sf-marquee]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: flex; width: max-content; animation: sf-marquee var(--sf-marquee-duration, 30s) linear infinite; } [data-sf-marquee] > *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { flex: none; } [data-sf-marquee]:hover:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-play-state: paused; } [dir="rtl"] [data-sf-marquee]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-direction: reverse; } @media (prefers-reduced-motion: reduce) { [data-sf-marquee] > *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; min-width: 0; } } [data-sf-modal]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-popup]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: fixed; inset: 0; z-index: 60; display: grid; place-items: center; padding: clamp(1rem, 4vw, 3rem); background: var(--sf-primary); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--sf-primary) 55%, transparent); } animation: sf-fade 220ms ease both; } [data-sf-modal][hidden]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-popup][hidden]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-modal] > *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-popup] > *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-height: 90vh; overflow: auto; animation: sf-rise 260ms ease both; } html[data-sf-modal-open]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { overflow: hidden; } @keyframes sf-fade { from { opacity: 0; } to { opacity: 1; } } @keyframes sf-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } } [data-sf-hotspot]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; } [data-sf-hotspot-pin]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 9999px; background: var(--sf-surface); color: var(--sf-text); box-shadow: 0 0 0 0 var(--sf-surface); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sf-surface) 60%, transparent); } animation: sf-pulse 2.4s ease-out infinite; cursor: pointer; } [data-sf-hotspot-pin][aria-expanded="true"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; background: var(--sf-accent); color: var(--sf-on-accent); } [data-sf-hotspot-card]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; z-index: 2; } @keyframes sf-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sf-surface) 70%, transparent); } 70% { box-shadow: 0 0 0 14px transparent; } 100% { box-shadow: 0 0 0 0 transparent; } } @media (prefers-reduced-motion: reduce) { [data-sf-hotspot-pin]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; } } [data-sf-megamenu-item]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; } [data-sf-megamenu-panel]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: absolute; inset-inline-start: 0; top: 100%; z-index: 40; animation: sf-rise 200ms ease both; } [data-sf-megamenu-panel][hidden]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-sticky-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: fixed; inset-inline: 0; bottom: 0; z-index: 50; transform: translateY(110%); transition: transform 320ms ease; } [data-sf-sticky-cta][data-shown="true"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transform: none; } [data-sf-top]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: fixed; inset-inline-end: 1.25rem; bottom: 1.25rem; z-index: 45; opacity: 0; pointer-events: none; transition: opacity 240ms ease; } [data-sf-top][data-shown="true"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { opacity: 1; pointer-events: auto; } [data-sf-tab][data-selected="true"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { color: var(--sf-text); border-color: var(--sf-primary); } [data-sf-panel][hidden]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; overflow: hidden; background: var(--sf-cta-bg, linear-gradient(100deg, var(--sf-accent), var(--sf-accent))); @supports (color: color-mix(in lab, red, red)) { background: var(--sf-cta-bg, linear-gradient(100deg, var(--sf-accent), color-mix(in srgb, var(--sf-accent) 88%, white))); } color: var(--sf-cta-fg, var(--sf-on-accent)); border-radius: var(--sf-cta-radius, var(--sf-btn-radius, 8px)); box-shadow: 0 14px 34px -16px var(--sf-cta-tint, var(--sf-accent)); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 14px 34px -16px color-mix(in srgb, var(--sf-cta-tint, var(--sf-accent)) 85%, transparent); } animation: sf-cta-beat var(--sf-cta-speed, 2.8s) ease-in-out infinite; transition: translate 0.2s ease, scale 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease; } [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: -60%; width: 42%; background: linear-gradient(100deg, transparent, rgb(255 255 255 / 0.28), transparent); transform: skewX(-18deg); animation: sf-cta-shine calc(var(--sf-cta-speed, 2.8s) * 1.3) ease-in-out infinite; pointer-events: none; } [data-sf-cta] > *:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; } [data-sf-cta][data-sf-cta]:hover:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { filter: brightness(1.04); } [data-sf-cta][data-sf-cta]:active:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transform: translateY(1px); } [data-sf-cta][data-sf-cta][disabled]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; filter: grayscale(0.4); } [data-sf-cta][data-sf-cta][disabled]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { animation: none; } @keyframes sf-cta-beat { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.015); } } @keyframes sf-cta-shine { 0% { inset-inline-start: -60%; } 55%, 100% { inset-inline-start: 140%; } } @media (prefers-reduced-motion: reduce) { [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { animation: none; } } [data-sf-cta-still] [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-cta-still] [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { animation: none; } [data-sf-cta-still] [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { display: none; } [data-sf-cta-anim="pulse"] [data-sf-cta][data-sf-cta]:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-cta-pulse; } [data-sf-cta-anim="bounce"] [data-sf-cta][data-sf-cta]:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-cta-bounce; } [data-sf-cta-anim="shake"] [data-sf-cta][data-sf-cta]:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation-name: sf-cta-shake; } [data-sf-cta-anim="shine"] [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { animation: none; } [data-sf-cta-anim]:not([data-sf-cta-anim="shine"]) [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { animation: none; display: none; } [data-sf-checkout] button[type="submit"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { transition: translate 0.2s ease, scale 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease; } [data-sf-cta-hover="none"] :is([data-sf-cta][data-sf-cta], [data-sf-checkout] button[type="submit"]):hover:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { filter: none; } [data-sf-cta-hover="lift"] :is([data-sf-cta][data-sf-cta], [data-sf-checkout] button[type="submit"]):hover:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { filter: none; translate: 0 -3px; box-shadow: 0 22px 42px -16px var(--sf-cta-tint, var(--sf-accent)); @supports (color: color-mix(in lab, red, red)) { box-shadow: 0 22px 42px -16px color-mix(in srgb, var(--sf-cta-tint, var(--sf-accent)) 90%, transparent); } } [data-sf-cta-hover="grow"] :is([data-sf-cta][data-sf-cta], [data-sf-checkout] button[type="submit"]):hover:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { filter: none; scale: 1.04; } [data-sf-cta-hover="brighten"] :is([data-sf-cta][data-sf-cta], [data-sf-checkout] button[type="submit"]):hover:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { filter: brightness(1.1) saturate(1.05); } [data-sf-cta-hover="shine"] [data-sf-cta][data-sf-cta]:hover:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { display: block; animation: sf-cta-shine 0.9s ease-out; } @keyframes sf-cta-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } } @keyframes sf-cta-bounce { 0%, 50%, 100% { transform: translateY(0); } 15% { transform: translateY(-8px); } 25% { transform: translateY(0); } 35% { transform: translateY(-4px); } } @keyframes sf-cta-shake { 0%, 60%, 100% { transform: translateX(0); } 64% { transform: translateX(-6px) rotate(-1deg); } 68% { transform: translateX(6px) rotate(1deg); } 72% { transform: translateX(-5px) rotate(-1deg); } 76% { transform: translateX(5px) rotate(1deg); } 80% { transform: translateX(-2px); } 84% { transform: translateX(0); } } @media (prefers-reduced-motion: reduce) { [data-sf-cta-anim] [data-sf-cta][data-sf-cta]:not([disabled]):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-cta-anim] [data-sf-cta][data-sf-cta]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *)))::after { animation: none; } } [data-sf-cta-in]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 0.6rem; row-gap: 0.1rem; } @container (max-width: 26rem) { [data-sf-cta-in] [data-sf-cta-price]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { order: -1; flex-basis: 100%; text-align: center; font-size: 1.12em; } [data-sf-cta-in] [data-sf-cta-sep]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta-in]:has([data-sf-cta-price]) > svg:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } } [data-sf-cta-lines="one"] [data-sf-cta-in]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { flex-wrap: nowrap; white-space: nowrap; min-width: 0; max-width: 100%; } [data-sf-cta-lines="one"] [data-sf-cta-in] [data-sf-cta-price]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { order: 0; flex-basis: auto; font-size: inherit; } [data-sf-cta-lines="one"] [data-sf-cta-in] [data-sf-cta-sep]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: inline; } [data-sf-cta-lines="one"] [data-sf-cta-in]:has([data-sf-cta-price]) > svg:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta-lines="one"] [data-sf-cta-in] > span:last-child:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { flex-shrink: 0; white-space: nowrap; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { flex-wrap: wrap; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap] [data-sf-cta-price]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { order: -1; flex-basis: 100%; text-align: center; font-size: 1.12em; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap] [data-sf-cta-sep]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap="words"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { white-space: normal; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap="words"] > span:last-child:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { overflow: visible; } [data-sf-cta-lines="two"] [data-sf-cta-in] [data-sf-cta-price]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { order: -1; flex-basis: 100%; text-align: center; font-size: 1.12em; } [data-sf-cta-lines="two"] [data-sf-cta-in] [data-sf-cta-sep]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta-lines="two"] [data-sf-cta-in]:has([data-sf-cta-price]) > svg:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-cta-size] [data-sf-sticky-cta] .bar-action:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { font-size: var(--sf-cta-size); } @media (min-width: 1024px) { [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: grid; grid-template-columns: minmax(0, 1fr) clamp(420px, 38vw, 560px); column-gap: clamp(24px, 3vw, 56px); align-items: start; max-width: 1240px; margin-inline: auto; padding-inline: clamp(16px, 2vw, 28px); } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))), [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: contents; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp-media:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { grid-column: 1; grid-row: 1 / span 99; position: sticky; top: var(--sf-header-height, 76px); margin-block-start: var(--sf-section-padding-top, 0px); } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp-gal:not(.pp-gal-natural):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-height: calc(100svh - var(--sf-header-height, 76px) - 140px); } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp-info:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { grid-column: 2; grid-row: 1; padding-block-start: var(--sf-section-padding-top, 0px); } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:not(:first-child):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { grid-column: 2; min-width: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section[data-sf-type="atelier-order"] .band:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section[data-sf-type="atelier-order"] .wrap:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-inline: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:not(:first-child) :is(.scr, .gal):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-width: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:not(:first-child) .backdrop:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: grid; grid-template-columns: minmax(0, 1fr) clamp(420px, 38vw, 560px); column-gap: clamp(20px, 2.5vw, 40px); align-items: start; max-width: 1200px; margin-inline: auto; padding-inline: clamp(16px, 2vw, 28px); } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { grid-column: 1; grid-row: 1 / span 99; position: sticky; top: calc(var(--sf-header-height, 76px) + 16px); height: calc(100svh - var(--sf-header-height, 76px) - 32px); margin-block-start: 16px; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { grid-column: 2; min-width: 0; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .scr-wrap:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { height: 100%; container-type: size; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border-radius: var(--sf-radius, 16px); } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .scr-wrap > .scr:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { width: min(100cqw, 100cqh * var(--ratio) / 1000); max-width: none; margin: 0; flex: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { width: min(100cqw, (100cqh - 84px) * var(--ratio) / 1000); max-width: none; margin: 0; flex: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal-dots:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal-thumbs:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { position: relative; z-index: 1; display: flex; gap: 8px; max-width: 100%; overflow-x: auto; scrollbar-width: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .band:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-block: 28px 40px; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .wrap:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { padding-inline: 0; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .head:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { margin-bottom: 20px; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .title:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { font-size: clamp(26px, 2.2vw, 34px); } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child) .backdrop:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { display: none; } [data-sf-region="page"]:not(:has(> section:first-child .hero-cover)):has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child) :is(.scr, .gal):where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { max-width: none; } } [data-sf-form-card-shadow] .form-card[data-sf-part="card"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { box-shadow: var(--sf-form-card-shadow); } [id^="sf-section-"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))) { scroll-margin-top: calc(var(--sf-header-height, 80px) + 16px); } .sf-sec-lp-sticky-order:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){padding:0;margin:0;min-height:0} .sf-sec-lp-sticky-order .order-dock-space:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){height:88px} .sf-sec-lp-sticky-order .order-dock:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){position:fixed;inset-inline:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--sf-bg);color:var(--sf-text);border-top:1px solid var(--sf-border);font-family:var(--sf-body-font);box-sizing:border-box} .sf-sec-lp-sticky-order .order-dock[data-shown="false"]:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){visibility:hidden;pointer-events:none} .sf-sec-lp-sticky-order .order-dock-name:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){max-width:40%;font-size:14px;line-height:1.4;overflow-wrap:anywhere} .sf-sec-lp-sticky-order .order-dock-button:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 28px;background:var(--sf-cta-bg,var(--sf-accent));color:var(--sf-cta-fg,var(--sf-on-accent));border-radius:var(--sf-cta-radius,var(--sf-btn-radius,8px));font-size:16px;font-weight:700;text-decoration:none;text-align:center;box-sizing:border-box;min-width:180px;max-width:100%} .sf-sec-lp-sticky-order .order-dock-button:focus-visible:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){outline:2px solid currentColor;outline-offset:3px} @media(max-width:767px){.sf-sec-lp-sticky-order .order-dock:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){gap:12px}.sf-sec-lp-sticky-order .order-dock-button:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){flex:1;min-width:0}.sf-sec-lp-sticky-order .order-dock-desktop:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){display:none}} @media(min-width:768px){.sf-sec-lp-sticky-order .order-dock-mobile:where(:not([data-sf-clone-root] :not([data-sf-own], [data-sf-own] *))){display:none}} /*sf-instance:lp-buy-bar:start*/[data-sf-section-id="lp-buy-bar"] [data-sf-el="text"][data-sf-el-i="1"]{display:none!important} @media (max-width:767px){[data-sf-section-id="lp-buy-bar"] [data-sf-el="button"][data-sf-el-i="1"]{background-color:#003dcc!important}}/*sf-instance:lp-buy-bar:end*/10:["$","style",null,{"data-sf-style":"theme","dangerouslySetInnerHTML":{"__html":"$15"}}] 11:[["$","$L16",null,{"tags":[{"platform":"tiktok","pixelId":"DBB31BBC77U6OMSPHLVG","containerId":null,"events":["PageView","ViewContent","InitiateCheckout","Purchase"],"advancedMatching":false}],"consentRequired":false}],null,null] 12:["$","$L17",null,{"slug":"black-patch-2","kind":"landing","market":"default","event":"landing_view","watchOffer":true,"product":{"id":"ad260af1-428d-407b-a7f1-037d89f5fcac","name":"BLACK PATCH","priceCents":12900,"currency":"AED"}}] 19:T1dd56,

BLACK PATCH اطلب الآن

13:["$","div",null,{"className":"sf-store","data-sf-commerce-prefix":"","style":{"background":"var(--sf-bg)","color":"var(--sf-text)","fontFamily":"var(--sf-body-font)","minHeight":"100dvh","display":"flex","flexDirection":"column"},"children":[["$","header",null,{"data-sf-region":"header","dangerouslySetInnerHTML":{"__html":""}}],["$","$L18",null,{"code":"ar","explicit":false}],["$","main",null,{"style":{"flex":1},"children":[["$","div",null,{"data-sf-region":"page","data-sf-landing-page":"","dangerouslySetInnerHTML":{"__html":"$19"}}],"$L1a","$L1b",null]}],"$L1c",null,null,null,null,"$L1d"]}] 14:["$","$L1e",null,{}]

أدخل معلوماتك للطلب