/* Product discovery inherits Glowick's existing colour fields and typography. */
.product-discovery{padding:100px var(--pad) 130px;scroll-margin-top:88px}
.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:52px}
.discovery-heading h2{font-size:clamp(48px,6.6vw,96px);letter-spacing:-.04em;line-height:.98}
.discovery-heading>p{max-width:24ch;font-size:18px;line-height:1.5}
.discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:6vw;row-gap:40px;align-items:start}
.discovery-gallery{grid-column:1;grid-row:1 / 3;min-width:0}
.discovery-choices{grid-column:2;grid-row:1;min-width:0}
.discovery-detail{grid-column:2;grid-row:2;padding-top:4px}
.product-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0;margin:0;padding:0;min-width:0}
.product-choices legend{font-size:16px;margin-bottom:16px;padding:0}
.product-choice{display:block;position:relative;cursor:pointer;min-width:0;padding-bottom:12px;border-bottom:2px solid transparent}
.product-choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.product-choice-image{display:block;background:#f3f2ef;aspect-ratio:3/4;padding:10%;margin-bottom:12px;overflow:hidden}
.product-choice-image :is(img,svg){display:block;width:100%;height:100%;object-fit:contain}
.product-choice-name{display:block;font-size:16px;font-weight:500;line-height:1.3;min-height:2.6em;overflow-wrap:normal}
.product-choice-colour{display:block;font-size:14px;line-height:1.4;margin-top:6px}
.product-choice:has(input:checked){border-bottom-color:var(--ink)}
.product-choice:has(input:checked) .product-choice-image{outline:2px solid var(--ink);outline-offset:3px}
.product-choice:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:6px}
.product-choice:hover .product-choice-image{opacity:.86}
.product-choice-mark{display:block;font-size:12px;margin-top:8px;min-height:16px;visibility:hidden}
.product-choice:has(input:checked) .product-choice-mark{visibility:visible}
.product-gallery{min-width:0;position:relative}
.product-gallery-stage{position:relative;display:block;width:100%;aspect-ratio:4/5;background:#f3f2ef;color:#292927;overflow:hidden;touch-action:pan-y;cursor:zoom-in}
.product-gallery-stage:hover{opacity:1}
.product-gallery-stage img{height:100%;width:100%;object-fit:contain}
.product-gallery-stage .gallery-enlarge{position:absolute;bottom:18px;right:18px;background:#f3f2ef;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:14px}
.gallery-enlarge svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
[data-gallery-count]{font-size:14px;margin:15px 0 18px;font-variant-numeric:tabular-nums}
.product-gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}
.product-gallery-thumbs button{flex:0 0 66px;aspect-ratio:1;background:#f3f2ef}
.product-gallery-thumbs img{height:100%;object-fit:contain}
.product-gallery-thumbs button[aria-current=true]{outline:2px solid var(--ink);outline-offset:2px}
.product-gallery-thumbs button:not([aria-current=true]){opacity:.65}
.product-gallery-thumbs button:hover{opacity:1}
.product-colour{font-size:16px;margin-bottom:10px}
.discovery-detail h3{font-size:clamp(32px,3.6vw,56px);font-weight:400;line-height:1.05;letter-spacing:-.035em;max-width:15ch}
.product-description{font-size:18px;line-height:1.55;max-width:38ch;margin-top:24px}
.product-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:32px;max-width:440px}
.product-primary,.product-secondary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:15px 20px;font-size:16px;line-height:1.3}
.product-primary{background:var(--ink);color:var(--ground)}
.product-secondary{border:1px solid currentColor;justify-content:center}
.product-primary svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.product-demo-note{font-size:14px;line-height:1.5;margin-top:18px;max-width:42ch}
.product-media-error{font-size:16px;padding:20px 0}
.product-media-error button{text-decoration:underline;min-height:44px}
.image-failed .product-gallery-stage{cursor:default;min-height:160px;visibility:hidden}
.image-failed .product-media-error{position:absolute;top:30%;left:10%;right:10%;padding:20px;background:var(--ground)}
.lightbox-error{position:absolute;inset:40% 12% auto;text-align:center;background:var(--ground);padding:24px;line-height:1.5}
.product-page .site-header{position:sticky;background:var(--ground);color:var(--ink);min-height:86px;padding:16px var(--pad);border:0}
.product-page .site-header nav{gap:28px}
.product-page .site-header .brand{width:170px;max-width:40vw}
.product-page .brand svg{width:100%;height:auto}
.product-page .product-main{padding:32px var(--pad) 0}
.product-breadcrumb{display:inline-flex;align-items:center;min-height:44px;font-size:15px;margin-bottom:24px;text-decoration:underline;text-underline-offset:5px}
.product-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:7vw;align-items:start}
.product-info{padding:20px 0 40px}
.product-info h1{font-size:clamp(46px,5.1vw,78px);letter-spacing:-.04em;line-height:1.01;max-width:12ch}
.product-info .product-description{margin-top:28px}
.product-specifications{margin:36px 0 0;max-width:440px}
.product-specifications>div{display:flex;justify-content:space-between;gap:24px;padding:12px 0}
.product-specifications dt,.product-specifications dd{font-size:15px;line-height:1.5;margin:0}
.product-specifications dt{font-weight:500}
.product-specifications dd{text-align:right;max-width:28ch}
.product-facts{margin-top:30px;font-size:15px;line-height:1.6}
.product-film-section{padding:130px 0 0;display:grid;grid-template-columns:1fr 1.6fr;gap:7vw;align-items:center}
.product-film-copy h2{font-size:clamp(40px,4.6vw,70px);letter-spacing:-.04em;line-height:1.02;max-width:10ch}
.product-film-copy p{margin-top:26px;max-width:29ch;font-size:18px;line-height:1.5}
.product-film-media{min-width:0}
.product-film-media :is(video,img){width:100%;aspect-ratio:4/3;object-fit:contain;background:#262522}
[data-film-toggle]{min-height:48px;margin-top:12px;text-decoration:underline;text-underline-offset:5px}
[data-film-status]{font-size:14px;line-height:1.5;margin-top:8px}
.product-related{padding:130px 0 110px}
.product-related h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.035em;line-height:1.05;margin-bottom:36px}
.product-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.product-related-link{display:block}
.product-related-link .product-choice-image{aspect-ratio:4/3;padding:8%}
.product-related-link h3{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.02em}
.product-related-link p{font-size:15px;margin-top:8px}
.product-page .footer-bottom{padding-bottom:0}
.product-lightbox{background:var(--ground);color:var(--ink);padding:0;overflow:hidden}
.lightbox-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);gap:24px}
.lightbox-header p{font-size:18px;line-height:1.35}
.lightbox-header button{min-height:48px;display:flex;align-items:center;gap:12px}
.lightbox-header svg,.lightbox-footer svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.lightbox-image{height:calc(100svh - 174px);padding:0 var(--pad);touch-action:pan-y}
.lightbox-image img{height:100%;width:100%;object-fit:contain}
.lightbox-footer{height:88px;display:flex;align-items:center;justify-content:center;gap:24px;padding:12px var(--pad)}
.lightbox-footer p{font-size:15px;min-width:150px;text-align:center}
.lightbox-footer button{height:48px;width:48px;display:grid;place-items:center}
.product-page ::selection,.product-discovery ::selection{background:var(--ink);color:var(--ground)}
@media(min-width:1400px){.discovery-layout{column-gap:8vw}.product-gallery-stage{max-height:720px}}
@media(max-width:1000px) and (min-width:701px){.discovery-layout{column-gap:4vw;row-gap:24px}.product-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-choice{display:grid;grid-template-columns:64px 1fr;gap:3px 12px;padding-bottom:8px}.product-choice-image{grid-row:1/4;margin:0}.product-choice-name{font-size:15px;min-height:0}.product-choice-colour{margin:0}.product-choice-mark{margin:0}.product-layout{gap:4vw}.product-info{padding-top:4px}.product-info h1{font-size:48px}}
@media(max-width:700px){
 .product-discovery{padding:48px 20px 72px;scroll-margin-top:72px}
 .discovery-heading{display:block;margin-bottom:28px}
 .discovery-heading h2{font-size:48px}
 .discovery-heading>p{font-size:16px;margin-top:16px;max-width:none}
 .discovery-heading br{display:none}
 .discovery-layout{display:flex;flex-direction:column;gap:26px}
 .discovery-choices,.discovery-gallery,.discovery-detail{width:100%}
 .product-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
 .product-choices legend{font-size:15px;margin-bottom:12px}
 .product-choice{display:grid;grid-template-columns:56px minmax(0,1fr);gap:3px 10px;padding-bottom:8px;align-items:center}
 .product-choice-image{grid-row:1/4;aspect-ratio:3/4;margin:0;padding:8%}
 .product-choice-name{font-size:15px;min-height:0;line-height:1.25}
 .product-choice-colour{font-size:13px;margin:0}
 .product-choice-mark{font-size:11px;margin:0;min-height:13px}
 .product-gallery-stage{aspect-ratio:1;max-height:460px}
 .product-gallery-thumbs button{flex-basis:58px}
 .discovery-detail h3{font-size:38px;max-width:none}
 .product-description{font-size:16px;margin-top:18px}
 .product-actions{margin-top:24px;max-width:none}
 .product-demo-note{font-size:13px;margin-top:14px}
 .product-page .site-header{min-height:76px;padding:12px 20px}
 .product-page .site-header nav{gap:16px;font-size:14px}
 .product-page .site-header .brand{width:128px}
 .product-page .product-main{padding:8px 20px 0}
 .product-breadcrumb{margin-bottom:20px;font-size:14px}
 .product-layout{display:flex;flex-direction:column;gap:28px}
 .product-layout>.product-gallery{width:100%}
 .product-info{padding:0;width:100%}
 .product-info h1{font-size:48px;max-width:12ch}
 .product-info .product-description{margin-top:22px}
 .product-specifications{margin-top:28px}
 .product-film-section{padding-top:76px;grid-template-columns:1fr;gap:28px}
 .product-film-copy h2{font-size:44px;max-width:none}
 .product-film-copy p{margin-top:18px;font-size:16px;max-width:36ch}
 .product-related{padding:76px 0 70px}
 .product-related h2{font-size:36px;margin-bottom:28px}
 .product-related-list{grid-template-columns:1fr;gap:28px}
 .product-related-link{display:grid;grid-template-columns:112px 1fr;gap:6px 20px;align-items:center}
 .product-related-link .product-choice-image{grid-row:1/4;aspect-ratio:1;margin:0}
 .product-related-link h3{font-size:22px;align-self:end}
 .product-related-link p{margin:0;align-self:start}
 .lightbox-header{height:80px;padding:12px 20px;gap:16px}
 .lightbox-header p{font-size:16px}
 .lightbox-image{height:calc(100svh - 160px);padding:0 12px}
 .lightbox-footer{height:80px;gap:12px;padding:12px}
}
@media(max-width:360px){.product-discovery{padding-inline:16px}.discovery-heading h2{font-size:42px}.product-choices{gap:12px}.product-choice{grid-template-columns:48px minmax(0,1fr);gap:3px 8px}.product-choice-name{font-size:14px}.product-page .site-header{padding-inline:16px}.product-page .site-header .brand{width:112px}.product-page .site-header nav{gap:10px}.product-page .product-main{padding-inline:16px}.product-info h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.product-discovery *,.product-page *{scroll-behavior:auto;transition:none!important}}
@media(max-width:700px){.product-info{display:contents}.product-heading{order:-1;width:100%}.product-purchase{order:1;width:100%}.product-layout>.product-gallery{order:0}.product-heading .product-colour{margin-bottom:10px}}
/* Collection growth: one continuous photographic rail, with an inline all-scents view. */
.product-discovery{padding-top:52px}
.discovery-heading{margin-bottom:34px}
.discovery-layout{row-gap:26px}
.product-choices{display:block;overflow:visible}
.product-choice-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 3px 6px}
.product-choice-rail::-webkit-scrollbar{display:none}
.product-choice{display:block;scroll-snap-align:start}
.product-choice-image{background:transparent;max-height:160px;padding:6% 12%}
.product-choice:has(input:checked) .product-choice-image{outline:none}
.product-choice-name{font-size:15px}
.product-choice-mark{font-size:12px}
.selector-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;min-height:44px;font-size:14px}
.selector-navigation{display:flex;align-items:center;gap:12px}
.selector-navigation button{min-height:44px;min-width:44px;display:grid;place-items:center;font-size:14px}
.selector-navigation [data-selector-all]{padding:0 8px;text-decoration:underline;text-underline-offset:5px}
.selector-navigation svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.choices-expanded .product-choice-rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;row-gap:28px}
.choices-expanded .product-choice-name{min-height:0}
.product-gallery-stage{background:transparent;max-height:560px}
[data-gallery-picture]{position:absolute;inset:0;display:block}
[data-gallery-picture]>svg{display:block;width:100%;height:100%}
.product-gallery-stage.is-cutout [data-gallery-picture]{padding:2% 14% 8%}
.product-gallery-stage:has([data-gallery-picture]>svg) [data-gallery-picture]{padding:2% 14% 8%}
.product-gallery-stage .gallery-enlarge{background:var(--ground);color:var(--ink)}
.product-gallery-thumbs button{background:transparent}
.product-gallery-thumbs svg{display:block;width:100%;height:100%;padding:7%}
.discovery-detail h3{font-size:clamp(32px,3vw,48px)}
.discovery-detail .product-description{margin-top:18px;font-size:16px;line-height:1.5}
.discovery-detail .product-actions{flex-direction:row;margin-top:24px;max-width:none;gap:12px}
.discovery-detail .product-actions>*{flex:1;padding-inline:16px}
.discovery-detail .product-demo-note{margin-top:14px}
.product-breadcrumb{gap:12px;text-decoration:none;flex-wrap:wrap}
.product-breadcrumb a{text-decoration:underline;text-underline-offset:5px}
.product-size{font-size:15px;margin-top:16px;line-height:1.5}
.product-origin{margin-top:12px;font-size:16px}
.product-facts summary{min-height:44px;display:list-item;cursor:pointer;padding-block:12px}
.product-facts dl{margin-top:16px}
.lightbox-image>svg{display:block;width:100%;height:100%}
.lightbox-image.is-cutout{padding:4vh 20vw}
.product-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px var(--pad)}
.product-footer .brand{width:170px;display:block}
.product-footer .brand svg{width:100%;height:auto}
@media(max-width:1000px) and (min-width:701px){.product-choice-rail{grid-auto-columns:calc((100% - 24px)/3.2)}.product-choice-name{font-size:15px;min-height:2.6em}.product-choice-colour{margin-top:6px}.product-choice-mark{margin-top:8px}.discovery-detail .product-actions{flex-direction:column}}
@media(max-width:700px){
 .product-discovery{padding-top:32px}
 .discovery-heading{margin-bottom:22px}
 .product-choice-rail{grid-auto-columns:calc((100% - 24px)/2.5);gap:12px}
 .product-choice{display:block;padding-bottom:10px}
 .product-choice-image{height:118px;aspect-ratio:auto;max-height:none;padding:5% 12%;margin-bottom:12px}
 .product-choice-name{font-size:15px;min-height:2.5em}
 .product-choice-colour{font-size:13px;margin-top:6px}
 .product-choice-mark{font-size:12px;margin-top:6px;min-height:16px}
 .choices-expanded .product-choice-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
 .choices-expanded .product-choice-image{height:134px}
 .selector-toolbar{margin-top:2px}
 .discovery-layout{gap:22px}
 .product-gallery-stage{max-height:420px}
 .discovery-detail .product-actions{flex-direction:column}
 .product-heading{order:-1}
 .product-page .product-layout{gap:24px}
 .lightbox-image.is-cutout{padding:7vh 12vw}
 .product-footer{flex-direction:column;align-items:start;padding:36px 20px}
}
.selector-current{display:none}
@media(max-width:700px){.selector-current{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;font-size:14px}.selector-current>span{font-weight:500;line-height:1.3}.selector-current>a{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.selector-current svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}}

.choices-expanded{display:flex;flex-direction:column;scroll-margin-top:calc(var(--ux-header-height,80px) + 12px)}
.choices-expanded .selector-toolbar{order:-1;position:sticky;top:var(--ux-header-height,80px);background:var(--ground);z-index:2;margin-bottom:16px}
