17:I[94084,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/3vtlsmdlh9htm.js","/_next/static/immutable/chunks/20mcb8w7bmy2l.js","/_next/static/immutable/chunks/1xe91see6i6-q.js","/_next/static/immutable/chunks/2i7peodlivqvr.js","/_next/static/immutable/chunks/0_pgzp13wtmsl.js"],"CommerceNav"] 1b:I[15630,["/_next/static/immutable/chunks/1f5ikor90fo1s.js","/_next/static/immutable/chunks/3vtlsmdlh9htm.js","/_next/static/immutable/chunks/20mcb8w7bmy2l.js","/_next/static/immutable/chunks/1xe91see6i6-q.js","/_next/static/immutable/chunks/2i7peodlivqvr.js","/_next/static/immutable/chunks/0_pgzp13wtmsl.js"],"ArtifactRuntime"] 18:T74b2,/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ :root, :host { --color-on-canvas: var(--sf-on-canvas, var(--sf-text)); --color-on-surface: var(--sf-on-surface, var(--sf-text)); } [data-sf-reveal] { 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"] { 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 { animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } [data-sf-loop="bounce"].sf-in { animation-name: sf-l-bounce; } [data-sf-loop="pulse"].sf-in { animation-name: sf-l-pulse; } [data-sf-loop="beat"].sf-in { animation-name: sf-l-beat; } [data-sf-loop="shake"].sf-in { animation-name: sf-l-shake; } [data-sf-loop="glow"].sf-in { animation-name: sf-l-glow; } [data-sf-loop="float"].sf-in { animation-name: sf-l-float; } @media (prefers-reduced-motion: reduce) { [data-sf-loop] { animation: none !important; } [data-sf-ready="true"] [data-sf-reveal][data-revealed="false"] { opacity: 1; transform: none; } [data-sf-reveal] { 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; } } [data-sf-anim] { --sf-anim-d: 700ms; --sf-anim-delay: 0ms; } [data-sf-anim-speed="fast"] { --sf-anim-d: 420ms; } [data-sf-anim-speed="slow"] { --sf-anim-d: 1100ms; } .sf-anim-ready [data-sf-anim]:not(.sf-in) { opacity: 0; } [data-sf-anim].sf-in { 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 { animation-name: sf-a-fade; } [data-sf-anim="fade-up"].sf-in { animation-name: sf-a-fade-up; } [data-sf-anim="fade-down"].sf-in { animation-name: sf-a-fade-down; } [data-sf-anim="slide-left"].sf-in { animation-name: sf-a-slide-left; } [data-sf-anim="slide-right"].sf-in { animation-name: sf-a-slide-right; } [data-sf-anim="zoom"].sf-in { animation-name: sf-a-zoom; } [data-sf-anim="pop"].sf-in { animation-name: sf-a-pop; } [data-sf-anim="blur"].sf-in { animation-name: sf-a-blur; } [data-sf-anim-stagger].sf-in > *:nth-child(1) { animation-delay: calc(var(--sf-anim-delay)); } [data-sf-anim-stagger].sf-in > *:nth-child(2) { animation-delay: calc(var(--sf-anim-delay) + 90ms); } [data-sf-anim-stagger].sf-in > *:nth-child(3) { animation-delay: calc(var(--sf-anim-delay) + 180ms); } [data-sf-anim-stagger].sf-in > *:nth-child(4) { animation-delay: calc(var(--sf-anim-delay) + 270ms); } [data-sf-anim-stagger].sf-in > *:nth-child(5) { animation-delay: calc(var(--sf-anim-delay) + 360ms); } [data-sf-anim-stagger].sf-in > *:nth-child(6) { animation-delay: calc(var(--sf-anim-delay) + 450ms); } [data-sf-anim-stagger].sf-in > *:nth-child(n + 7) { 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 { animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } [data-sf-loop="bounce"].sf-in { animation-name: sf-l-bounce; } [data-sf-loop="pulse"].sf-in { animation-name: sf-l-pulse; } [data-sf-loop="beat"].sf-in { animation-name: sf-l-beat; } [data-sf-loop="shake"].sf-in { animation-name: sf-l-shake; } [data-sf-loop="glow"].sf-in { animation-name: sf-l-glow; } [data-sf-loop="float"].sf-in { animation-name: sf-l-float; } @media (prefers-reduced-motion: reduce) { [data-sf-loop] { animation: none !important; } [data-sf-anim] { animation: none !important; opacity: 1 !important; } .sf-anim-ready [data-sf-section-id]:not(.sf-in), .sf-anim-ready [data-sf-section-id]:not(.sf-in) * { opacity: 1 !important; animation: none !important; filter: none !important; transform: none !important; } } :where(section[data-sf-section-id]) { 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-"]) ) ) { padding-block: clamp(3rem, 7vw, 6rem); } :where([data-sf-region="page"]:has(> section[data-sf-type^="lpx-"]) > section[data-sf-section-id]) { padding-block: 0; } [data-sf-region="page"]:has(> section[data-sf-type^="lpx-"]) > section[data-sf-type="atelier-order"] > .band { padding-block: 0; } [data-sf-type="lp-band"] .sf-band { padding-block: 0; } [dir="rtl"] [data-sf-type="lp-band"] :is(h1, h2, h3, p, li, .sf-display, .sf-title, .sf-eyebrow) { letter-spacing: normal; } [data-sf-type="lp-band"] + [data-sf-type="lp-band"] { margin-block-start: -56px; position: relative; } [data-sf-type="lp-band"] + [data-sf-type="lp-band"] img[data-sf-art] { mask-image: linear-gradient(to bottom, transparent, #000 56px); } @media (min-width: 768px) { [data-sf-type="lp-band"] img[data-sf-art] { max-block-size: min(100svh, 880px); object-fit: cover; } } :where(section[data-sf-section-id] h1, section[data-sf-section-id] h2) { 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, section[data-sf-section-id] h4) { 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) { margin: 0; line-height: 1.65; } :where(section[data-sf-section-id] a) { color: inherit; text-decoration: none; transition: opacity 0.2s ease; } :where(section[data-sf-section-id] a:hover) { opacity: 0.72; } :where(section[data-sf-section-id] img) { display: block; max-width: 100%; height: auto; } :where(section[data-sf-section-id] ul, section[data-sf-section-id] ol) { margin: 0; padding: 0; list-style: none; } .sf-lightbox { 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] { display: none; } .sf-lightbox img { max-width: min(100%, 1200px); max-height: 86vh; object-fit: contain; } .sf-lightbox button { 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 { background: rgba(255, 255, 255, 0.22); } .sf-lightbox button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } .sf-lightbox [data-x] { position: absolute; inset-block-start: 1rem; inset-inline-end: 1rem; } .sf-lightbox [data-c] { 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 { padding: 0; } .sf-lightbox [data-p], .sf-lightbox [data-n] { position: absolute; inset-block-start: 50%; translate: 0 -50%; z-index: 1; background: rgba(0, 0, 0, 0.45); } .sf-lightbox [data-p] { inset-inline-start: 0.5rem; } .sf-lightbox [data-n] { inset-inline-end: 0.5rem; } .sf-lightbox img { max-width: 100%; max-height: 80vh; } } .sf-lightbox figure { margin: 0; touch-action: none; overflow: hidden; } .sf-lightbox figure img { 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 { transition: none; cursor: grab; } .sf-marquee { overflow: hidden; display: flex; } .sf-marquee-track { display: flex; flex: none; min-width: 200%; animation: sf-marquee var(--sf-marquee-duration, 30s) linear infinite; } .sf-marquee:hover .sf-marquee-track { animation-play-state: paused; } @keyframes sf-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } [dir="rtl"] .sf-marquee-track { animation-direction: reverse; } @media (prefers-reduced-motion: reduce) { .sf-marquee-track { animation: none; min-width: 0; } } [data-sf-carousel][data-sf-edge] { --sf-rail-fade: 4.5rem; -webkit-mask-image: var(--sf-rail-mask); mask-image: var(--sf-rail-mask); } [data-sf-carousel][data-sf-edge="end"] { --sf-rail-mask: linear-gradient(to right, #000 calc(100% - var(--sf-rail-fade)), transparent 100%); } [data-sf-carousel][data-sf-edge="start"] { --sf-rail-mask: linear-gradient(to right, transparent 0, #000 var(--sf-rail-fade)); } [data-sf-carousel][data-sf-edge="both"] { --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][data-sf-edge="end"] { --sf-rail-mask: linear-gradient(to left, #000 calc(100% - var(--sf-rail-fade)), transparent 100%); } [dir="rtl"] [data-sf-carousel][data-sf-edge="start"] { --sf-rail-mask: linear-gradient(to left, transparent 0, #000 var(--sf-rail-fade)); } @media (max-width: 640px) { [data-sf-carousel][data-sf-edge] { --sf-rail-fade: 2.25rem; } } [dir="rtl"] .sf-mirror { transform: scaleX(-1); } .sf-compare { position: relative; overflow: hidden; touch-action: pan-y; user-select: none; } .sf-compare [data-sf-compare-after] { position: absolute; inset: 0; } .sf-compare [data-sf-compare-handle] { 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]::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]::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 { outline: 2px solid #fff; outline-offset: 2px; } .sf-lightbox figure { margin: 0; display: flex; flex-direction: column; gap: 0.75rem; align-items: center; } .sf-lightbox figcaption { color: rgba(255, 255, 255, 0.85); font-size: 0.9rem; text-align: center; max-width: 60ch; } :where([class~="bg-surface"]) { color: var(--color-on-surface); } :where([class~="bg-canvas"]) { color: var(--color-on-canvas); } :where([class~="bg-ink"]) { color: var(--sf-on-primary); } :where([class~="bg-accent"]) { color: var(--sf-on-accent); } [data-sf-variant-value] { cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, opacity .15s ease; } [data-sf-variant-value][data-selected] { border-color: var(--sf-primary); box-shadow: inset 0 0 0 1px var(--sf-primary); } [data-sf-variant-value][data-unavailable] { opacity: .45; text-decoration: line-through; } [data-sf-part="cta"][data-unavailable] { opacity: .5; pointer-events: none; } [data-sf-rollover] { position: relative; overflow: hidden; } [data-sf-rollover] [data-sf-rollover-alt] { 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], [data-sf-rollover]:focus-within [data-sf-rollover-alt] { opacity: 1; transform: scale(1.02); } [data-sf-marquee] { display: flex; width: max-content; animation: sf-marquee var(--sf-marquee-duration, 30s) linear infinite; } [data-sf-marquee] > * { flex: none; } [data-sf-marquee]:hover { animation-play-state: paused; } [dir="rtl"] [data-sf-marquee] { animation-direction: reverse; } @media (prefers-reduced-motion: reduce) { [data-sf-marquee] > * { animation: none; min-width: 0; } } [data-sf-modal], [data-sf-popup] { 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], [data-sf-popup][hidden] { display: none; } [data-sf-modal] > *, [data-sf-popup] > * { max-height: 90vh; overflow: auto; animation: sf-rise 260ms ease both; } html[data-sf-modal-open] { 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] { position: relative; } [data-sf-hotspot-pin] { 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"] { animation: none; background: var(--sf-accent); color: var(--sf-on-accent); } [data-sf-hotspot-card] { 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] { animation: none; } } [data-sf-megamenu-item] { position: relative; } [data-sf-megamenu-panel] { position: absolute; inset-inline-start: 0; top: 100%; z-index: 40; animation: sf-rise 200ms ease both; } [data-sf-megamenu-panel][hidden] { display: none; } [data-sf-sticky-cta] { position: fixed; inset-inline: 0; bottom: 0; z-index: 50; transform: translateY(110%); transition: transform 320ms ease; } [data-sf-sticky-cta][data-shown="true"] { transform: none; } [data-sf-top] { 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"] { opacity: 1; pointer-events: auto; } [data-sf-tab][data-selected="true"] { color: var(--sf-text); border-color: var(--sf-primary); } [data-sf-panel][hidden] { display: none; } [data-sf-cta][data-sf-cta] { 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]::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] > * { position: relative; } [data-sf-cta][data-sf-cta]:hover { filter: brightness(1.04); } [data-sf-cta][data-sf-cta]:active { transform: translateY(1px); } [data-sf-cta][data-sf-cta][disabled] { animation: none; filter: grayscale(0.4); } [data-sf-cta][data-sf-cta][disabled]::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], [data-sf-cta][data-sf-cta]::after { animation: none; } } [data-sf-cta-still] [data-sf-cta][data-sf-cta], [data-sf-cta-still] [data-sf-cta][data-sf-cta]::after { animation: none; } [data-sf-cta-still] [data-sf-cta][data-sf-cta]::after { display: none; } [data-sf-cta-anim="pulse"] [data-sf-cta][data-sf-cta]:not([disabled]) { animation-name: sf-cta-pulse; } [data-sf-cta-anim="bounce"] [data-sf-cta][data-sf-cta]:not([disabled]) { animation-name: sf-cta-bounce; } [data-sf-cta-anim="shake"] [data-sf-cta][data-sf-cta]:not([disabled]) { animation-name: sf-cta-shake; } [data-sf-cta-anim="shine"] [data-sf-cta][data-sf-cta] { animation: none; } [data-sf-cta-anim]:not([data-sf-cta-anim="shine"]) [data-sf-cta][data-sf-cta]::after { animation: none; display: none; } [data-sf-checkout] button[type="submit"] { 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 { filter: none; } [data-sf-cta-hover="lift"] :is([data-sf-cta][data-sf-cta], [data-sf-checkout] button[type="submit"]):hover:not([disabled]) { 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]) { 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]) { filter: brightness(1.1) saturate(1.05); } [data-sf-cta-hover="shine"] [data-sf-cta][data-sf-cta]:hover::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]), [data-sf-cta-anim] [data-sf-cta][data-sf-cta]::after { animation: none; } } [data-sf-cta-in] { 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] { order: -1; flex-basis: 100%; text-align: center; font-size: 1.12em; } [data-sf-cta-in] [data-sf-cta-sep] { display: none; } [data-sf-cta-in]:has([data-sf-cta-price]) > svg { display: none; } } [data-sf-cta-lines="one"] [data-sf-cta-in] { 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] { order: 0; flex-basis: auto; font-size: inherit; } [data-sf-cta-lines="one"] [data-sf-cta-in] [data-sf-cta-sep] { display: inline; } [data-sf-cta-lines="one"] [data-sf-cta-in]:has([data-sf-cta-price]) > svg { display: none; } [data-sf-cta-lines="one"] [data-sf-cta-in] > span:last-child { flex-shrink: 0; white-space: nowrap; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap] { flex-wrap: wrap; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap] [data-sf-cta-price] { 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] { display: none; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap="words"] { white-space: normal; } [data-sf-cta-lines="one"] [data-sf-cta-in][data-sf-cta-wrap="words"] > span:last-child { overflow: visible; } [data-sf-cta-lines="two"] [data-sf-cta-in] [data-sf-cta-price] { 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] { display: none; } [data-sf-cta-lines="two"] [data-sf-cta-in]:has([data-sf-cta-price]) > svg { display: none; } [data-sf-cta-size] [data-sf-sticky-cta] .bar-action { font-size: var(--sf-cta-size); } @media (min-width: 1024px) { [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) { 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, [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp { display: contents; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:first-child .pp-media { 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) { 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 { 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) { 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 { padding-block: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section[data-sf-type="atelier-order"] .wrap { padding-inline: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:not(:first-child) :is(.scr, .gal) { max-width: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-product"]:first-child) > section:not(:first-child) .backdrop { display: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) { 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"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child { 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"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child) { grid-column: 2; min-width: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .scr-wrap { 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"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .scr-wrap > .scr { width: min(100cqw, 100cqh * var(--ratio) / 1000); max-width: none; margin: 0; flex: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal { width: min(100cqw, (100cqh - 84px) * var(--ratio) / 1000); max-width: none; margin: 0; flex: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal-dots { display: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:first-child .gal-thumbs { position: relative; z-index: 1; display: flex; gap: 8px; max-width: 100%; overflow-x: auto; scrollbar-width: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .band { padding-block: 28px 40px; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .wrap { padding-inline: 0; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .head { margin-bottom: 20px; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section[data-sf-type="atelier-order"] .title { font-size: clamp(26px, 2.2vw, 34px); } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child) .backdrop { display: none; } [data-sf-region="page"]:has(> section[data-sf-type="lpx-screen"]:first-child) > section:not(:first-child) :is(.scr, .gal) { max-width: none; } } [data-sf-form-card-shadow] .form-card[data-sf-part="card"] { box-shadow: var(--sf-form-card-shadow); } 14:["$","main",null,{"style":{"flex":1},"children":["$undefined",["$","div",null,{"className":"commerce-module__Wx4UEG__navigationWrap","children":["$","$L17",null,{"slug":"glow-reeftm-ocean-light","market":"$undefined","navigation":[],"collections":[],"prefix":"","preview":"$undefined","editing":false,"active":"products"}]}],[["$","style",null,{"data-sf-style":"commerce","dangerouslySetInnerHTML":{"__html":"$18"}}],"$L19",false]]}] 1a:T10a1,15:["$","footer",null,{"data-sf-region":"footer","dangerouslySetInnerHTML":{"__html":"$1a"}}] 16:["$","$L1b",null,{"scope":"sf-store"}]

Glow Reef™ Ocean Light

Avis clients