:root{--ink:#11191d;--muted:#68757b;--blue:#bcdcec;--blue-pale:#edf6fa;--blue-deep:#5a91ad;--ivory:#f6f3ef;--white:#fff;--line:rgba(17,25,29,.14);--serif:Georgia,'Times New Roman',serif;--sans:Inter,Avenir,'Helvetica Neue',Arial,sans-serif;--script:'Allura','Segoe Script','Snell Roundhand',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcfc;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip-link{position:fixed;top:-100px;left:1rem;z-index:1000;background:var(--ink);color:white;padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:180px 1fr auto;align-items:center;min-height:82px;padding:0 clamp(1.25rem,4vw,4.5rem);background:rgba(251,252,252,.9);border-bottom:1px solid rgba(17,25,29,.08);backdrop-filter:blur(14px)}.brand{width:142px;height:62px;display:block}.brand img{object-fit:contain}.main-nav{display:flex;justify-content:center;gap:clamp(1rem,2.5vw,2.5rem);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.main-nav a,.icon-link{transition:opacity .25s}.main-nav a:hover,.icon-link:hover{opacity:.55}.header-actions{display:flex;align-items:center;gap:1.25rem}.language{display:flex;align-items:center;gap:.4rem;font-size:.75rem;letter-spacing:.14em}.language button{border:0;background:none;padding:.2rem;cursor:pointer;opacity:.45}.language button.active{opacity:1}.icon-link{width:21px;height:21px}.icon-link svg{fill:none;stroke:currentColor;stroke-width:1.5;width:100%}.menu-toggle{display:none;border:0;background:none}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(340px,.82fr) minmax(520px,1.18fr);overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(4rem,7vw,8rem) clamp(2rem,6vw,7rem);background:linear-gradient(145deg,#f9fcfd 0%,#edf6fa 100%)}.eyebrow{margin:0 0 1.4rem;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--blue-deep)}h1,h2{margin:0;font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.035em}h1{max-width:660px;font-size:clamp(3rem,5.4vw,6.2rem)}h2{font-size:clamp(2.5rem,4.5vw,5.1rem)}h1 em,h2 em{font-family:var(--script);font-weight:400;color:var(--blue-deep)}.hero-lead{max-width:520px;margin:2rem 0 0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.22rem)}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2.5rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.8rem 1.45rem;border:1px solid transparent;font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;transition:all .28s}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:var(--blue-deep)}.button-light{background:white;color:var(--ink)}.button-light:hover{background:var(--blue-pale)}.button-outline{border-color:rgba(255,255,255,.65);color:white;margin-left:.6rem}.button-soft{background:var(--blue-pale)}.text-link{display:inline-flex;align-items:center;gap:.5rem;padding-bottom:.25rem;border-bottom:1px solid var(--ink);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.text-link span{font-size:1.1rem}.hero-visual{position:relative;min-height:620px;background:#d8e8ee}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(13,28,34,.2))}.image-note{position:absolute;z-index:1;bottom:2rem;right:2rem;color:white;font-family:var(--serif);font-style:italic;font-size:1.1rem}.section{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,6vw,7rem)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:clamp(2.5rem,5vw,5rem)}.section-heading>p{max-width:490px;margin:0;color:var(--muted)}.section-heading.centered{justify-content:center;text-align:center}.catalog{background:var(--white)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,3.5rem) clamp(1rem,2vw,2rem)}.product-card{cursor:pointer;outline:none}.product-card:focus-visible .product-image{outline:2px solid var(--blue-deep);outline-offset:4px}.product-image{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--blue-pale)}.product-image img{transition:transform .65s cubic-bezier(.22,.61,.36,1)}.product-card:hover .product-image img{transform:scale(1.035)}.product-badge{position:absolute;top:1rem;left:1rem;padding:.45rem .65rem;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.product-meta{display:grid;grid-template-columns:1fr auto;gap:.3rem;margin-top:1.1rem}.product-meta h3{margin:0;font-family:var(--serif);font-size:1.45rem;font-weight:400}.product-meta strong{font-size:.95rem;font-weight:500}.product-meta p{grid-column:1/-1;margin:0;color:var(--muted);font-size:.78rem}.brand-story{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:var(--blue-pale)}.brand-image{min-height:620px}.brand-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem)}.brand-copy p:not(.eyebrow){max-width:590px;margin:1.8rem 0 0;color:var(--muted);font-size:1.06rem}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3.5rem)}.process-image{height:clamp(280px,35vw,500px);margin-bottom:1.4rem;overflow:hidden;background:var(--ivory)}.crop-one img{object-position:30% center}.crop-two img{object-position:center}.crop-three img{object-position:65% center}.process-card>span,.order-steps span{display:block;margin-bottom:.5rem;color:var(--blue-deep);font-family:var(--serif);font-size:1.15rem}.process-card h3,.order-steps h3{margin:.2rem 0 .5rem;font-family:var(--serif);font-size:1.55rem;font-weight:400}.process-card p,.order-steps p{margin:0;color:var(--muted);font-size:.92rem}.customize{position:relative;min-height:590px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,10vw,12rem);overflow:hidden;background:#7ca9bd;color:white}.customize:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.24),transparent 33%),radial-gradient(circle at 15% 110%,rgba(255,255,255,.15),transparent 40%)}.thread-mark{position:absolute;right:-3rem;bottom:-8rem;color:rgba(255,255,255,.08);font-family:var(--script);font-size:30rem;line-height:1}.customize-copy{position:relative;z-index:1;max-width:680px}.customize .eyebrow{color:rgba(255,255,255,.78)}.customize h2 em{color:white}.customize p:not(.eyebrow){max-width:580px;margin:1.7rem 0 2.2rem;color:rgba(255,255,255,.82)}.swatches{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,110px);justify-content:center;gap:1.2rem}.swatches span{width:110px;height:110px;border-radius:50%;background:var(--swatch);border:8px solid rgba(255,255,255,.32);box-shadow:0 0 0 1px rgba(255,255,255,.35)}.maker{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:clamp(3rem,9vw,10rem);background:var(--ivory)}.maker-portrait{display:flex;justify-content:center}.portrait-placeholder{width:min(100%,500px);aspect-ratio:4/5;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#e3eef2,#c7dfe9);color:rgba(17,25,29,.5);font-family:var(--serif);font-size:1.5rem}.portrait-placeholder small{font-family:var(--sans);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.maker-copy{max-width:650px}.maker-copy p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.maker-copy .muted{padding-top:1.2rem;border-top:1px solid var(--line);font-size:.9rem!important}.ordering{background:white}.order-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.order-steps li{min-height:245px;padding:2rem;border-right:1px solid var(--line)}.order-steps li:last-child{border-right:0}.delivery-note{margin:1.7rem 0 0;text-align:center;color:var(--muted);font-size:.88rem}.instagram{background:#f8fbfc}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.insta-grid div{aspect-ratio:1;overflow:hidden}.insta-grid img{transition:transform .6s}.insta-grid div:hover img{transform:scale(1.035)}.insta-grid div:nth-child(2) img,.insta-grid div:nth-child(4) img{object-position:30% center}.final-cta{position:relative;min-height:720px;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:white}.final-cta>img{position:absolute;inset:0}.final-overlay{position:absolute;inset:0;background:rgba(9,22,28,.55)}.final-content{position:relative;z-index:1;max-width:850px;padding:4rem 1.25rem}.final-content .eyebrow{color:var(--blue)}.final-content h2 em{color:white}.final-content p:not(.eyebrow){max-width:600px;margin:1.6rem auto 2.2rem;color:rgba(255,255,255,.82)}.site-footer{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;padding:5rem clamp(1.25rem,6vw,7rem) 2rem;background:#11191d;color:white}.site-footer h3{margin:0 0 1rem;font-family:var(--serif);font-size:1.1rem;font-weight:400}.site-footer a,.site-footer span,.site-footer p{display:block;margin:.45rem 0;color:rgba(255,255,255,.6);font-size:.8rem}.footer-brand img{width:165px;height:90px;object-fit:cover;object-position:center;filter:brightness(1.25)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14)}.product-modal{width:min(1160px,94vw);max-height:92vh;padding:0;border:0;background:white;box-shadow:0 30px 90px rgba(9,22,28,.28)}.product-modal::backdrop{background:rgba(13,25,31,.7);backdrop-filter:blur(5px)}.modal-close{position:absolute;z-index:4;top:1rem;right:1rem;width:43px;height:43px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:1.6rem;cursor:pointer}.modal-layout{display:grid;grid-template-columns:1.07fr .93fr}.modal-gallery{padding:1rem;background:#f3f7f8}.modal-main-image{position:relative;height:min(74vh,700px)}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.88);cursor:pointer}.gallery-prev{left:1rem}.gallery-next{right:1rem}.modal-thumbs{display:flex;gap:.5rem;margin-top:.6rem}.modal-thumbs button{width:65px;height:72px;padding:0;border:1px solid transparent;background:none;opacity:.55;cursor:pointer}.modal-thumbs button.active{border-color:var(--ink);opacity:1}.modal-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5.5rem)}.modal-info h2{font-size:clamp(2.8rem,4vw,4.8rem)}.price-row{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.price-row strong{font-family:var(--serif);font-size:1.4rem;font-weight:400}.price-row span{padding:.35rem .55rem;background:var(--blue-pale);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.modal-info>p{color:var(--muted)}.modal-info dl{margin:1.4rem 0;border-top:1px solid var(--line)}.modal-info dl div{display:grid;grid-template-columns:1fr 1.4fr;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.82rem}.modal-info dt{color:var(--muted)}.modal-info dd{margin:0}.color-note{margin:.5rem 0 1.2rem!important;font-size:.82rem}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.modal-footnote{font-size:.75rem!important}.mobile-contact{display:none}.toast{position:fixed;left:50%;bottom:2rem;z-index:300;transform:translate(-50%,120px);padding:.75rem 1rem;background:var(--ink);color:white;font-size:.8rem;opacity:0;transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.site-header{grid-template-columns:150px 1fr auto}.main-nav{gap:1rem;font-size:.7rem}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:4rem 2.5rem}.product-grid{grid-template-columns:repeat(2,1fr)}.brand-story{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-card:last-child{grid-column:1/-1}.process-card:last-child .process-image{height:450px}.order-steps{grid-template-columns:repeat(2,1fr)}.order-steps li:nth-child(2){border-right:0}.order-steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-footer{grid-template-columns:1.5fr repeat(2,1fr)}.site-footer>div:nth-child(4){grid-column:2}.modal-layout{grid-template-columns:1fr 1fr}.modal-info{padding:3rem 2rem}}
@media(max-width:760px){body{padding-bottom:58px}.site-header{min-height:68px;grid-template-columns:1fr auto auto;padding:0 1rem}.brand{width:112px;height:56px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:.8rem;order:2;cursor:pointer}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink)}.main-nav{position:fixed;inset:68px 0 auto;display:flex;flex-direction:column;gap:0;padding:1rem 1.5rem 1.5rem;background:white;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:transform .3s;z-index:-1}.main-nav.open{transform:none}.main-nav a{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.8rem}.header-actions{gap:.7rem}.icon-link{display:none}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:4.5rem 1.25rem 3.5rem}.hero-visual{min-height:65vh;order:-1}.hero h1{font-size:clamp(3rem,14vw,4.7rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.section{padding:5.5rem 1.25rem}.section-heading{align-items:flex-start;flex-direction:column;gap:1.4rem}.section-heading h2{font-size:clamp(2.7rem,12vw,4rem)}.product-grid{grid-template-columns:1fr;gap:2.8rem}.brand-story{grid-template-columns:1fr;min-height:auto}.brand-image{min-height:68vh}.brand-copy{padding:4.5rem 1.25rem 5.5rem}.process-grid{grid-template-columns:1fr;gap:3.5rem}.process-card:last-child{grid-column:auto}.process-image,.process-card:last-child .process-image{height:115vw;max-height:560px}.customize{min-height:650px;grid-template-columns:1fr;padding:5rem 1.25rem}.thread-mark{font-size:22rem}.swatches{grid-template-columns:repeat(4,58px);justify-content:start}.swatches span{width:58px;height:58px;border-width:4px}.maker{grid-template-columns:1fr;gap:3rem}.maker-copy{order:-1}.order-steps{grid-template-columns:1fr}.order-steps li{min-height:auto;border-right:0;border-bottom:1px solid var(--line)!important;padding:1.6rem .4rem}.insta-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.final-cta{min-height:680px}.final-content>div{display:flex;flex-direction:column;gap:.6rem}.button-outline{margin-left:0}.site-footer{grid-template-columns:1fr 1fr;gap:2.2rem 1rem;padding:4rem 1.25rem 2rem}.footer-brand{grid-column:1/-1}.site-footer>div:nth-child(4){grid-column:auto}.footer-bottom{flex-direction:column}.product-modal{width:100vw;max-width:none;height:100vh;max-height:none;margin:0}.modal-layout{display:block;height:100%;overflow-y:auto}.modal-gallery{padding:0}.modal-main-image{height:58vh}.modal-thumbs{padding:0 .7rem .7rem}.modal-info{padding:2.6rem 1.25rem 6rem}.modal-actions{grid-template-columns:1fr}.mobile-contact{position:fixed;z-index:90;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-contact a{padding:1rem;text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.mobile-contact a+ a{border-left:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important;transition:none!important}}

@media(min-width:1200px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem 1.35rem}.product-image{aspect-ratio:5/6}.product-meta{margin-top:.85rem}.product-meta h3{font-size:1.3rem}}

/* Refined opening composition */
.site-header{grid-template-columns:225px 1fr auto;min-height:94px}
.brand{width:205px;height:88px;overflow:hidden}
.brand img{object-fit:cover;object-position:center}
.language{gap:.65rem;font-size:inherit;letter-spacing:normal}
.language button{position:relative;display:flex;align-items:center;justify-content:center;padding:.35rem .15rem}
.language button svg{width:28px;height:17px;border:1px solid rgba(17,25,29,.14);box-shadow:0 1px 3px rgba(17,25,29,.08)}
.language button.active:after{content:'';position:absolute;left:50%;bottom:0;width:18px;height:1px;background:var(--ink);transform:translateX(-50%)}
.hero{min-height:calc(100vh - 94px);grid-template-columns:minmax(580px,1.12fr) minmax(430px,.88fr)}
.hero-copy{padding:clamp(4rem,7vw,8rem) clamp(3rem,5vw,6rem) clamp(4rem,7vw,8rem) clamp(5rem,11vw,12rem)}
h1 em,h2 em{font-style:normal}
.hero h1 em{font-style:normal;font-size:1.12em;letter-spacing:.005em;line-height:.88;text-shadow:0 0 .01px currentColor}

@media(max-width:1000px){.site-header{grid-template-columns:170px 1fr auto;min-height:82px}.brand{width:165px;height:74px}.hero{min-height:calc(100vh - 82px);grid-template-columns:1fr 1fr}.hero-copy{padding:4rem 2.5rem}}
@media(max-width:760px){.site-header{min-height:72px;grid-template-columns:1fr auto auto}.brand{width:148px;height:66px}.language{gap:.45rem}.language button svg{width:25px;height:15px}.hero{min-height:auto;grid-template-columns:1fr}.hero-copy{padding:4.5rem 1.25rem 3.5rem}}

/* Scroll-to-top control */
.scroll-top{position:fixed;right:clamp(1rem,2.5vw,2rem);bottom:clamp(1.25rem,2.5vw,2rem);z-index:95;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(17,25,29,.16);border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 10px 30px rgba(17,25,29,.12);backdrop-filter:blur(10px);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease,background .25s ease,color .25s ease}
.scroll-top.visible{opacity:1;visibility:visible;transform:none}
.scroll-top:hover{background:var(--ink);color:#fff}
.scroll-top:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px}
.scroll-top svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.scroll-top{right:1rem;bottom:76px;width:46px;height:46px}}

/* Custom 404 page */
.not-found-main{min-height:calc(100vh - 94px);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);background:linear-gradient(145deg,#f9fcfd 0%,#edf6fa 100%)}
.not-found-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,10vw,10rem) clamp(2rem,9vw,10rem)}
.not-found-code{display:block;margin-bottom:1.25rem;color:var(--blue-deep);font-family:var(--serif);font-size:clamp(3rem,8vw,7rem);font-weight:400;line-height:1}
.not-found-copy h1{max-width:760px;font-size:clamp(3rem,6vw,6.4rem)}
.not-found-copy>p:not(.eyebrow){max-width:620px;margin:1.8rem 0 2.3rem;color:var(--muted);font-size:1.08rem}
.not-found-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}
.not-found-visual{position:relative;min-height:640px;overflow:hidden;background:#d8e8ee}
.not-found-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(13,28,34,.22))}
.not-found-visual img{object-position:center}
@media(max-width:1000px){.not-found-main{min-height:calc(100vh - 82px);grid-template-columns:1fr 1fr}.not-found-copy{padding:5rem 3rem}.not-found-visual{min-height:600px}}
@media(max-width:760px){.not-found-main{min-height:auto;grid-template-columns:1fr}.not-found-visual{min-height:52vh;order:-1}.not-found-copy{padding:4.5rem 1.25rem 5.5rem}.not-found-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}}

/* Product colour variants */
.variant-picker{margin:0 0 1.35rem;padding:0;border:0}
.modal-info{overflow-y:auto}
.variant-picker[hidden]{display:none}
.variant-picker legend{margin-bottom:.65rem;padding:0;color:var(--muted);font-size:.82rem}
.variant-picker legend strong{color:var(--ink);font-weight:500}
.variant-options{display:flex;flex-wrap:wrap;gap:.55rem}
.variant-option{display:inline-flex;align-items:center;gap:.5rem;min-height:42px;padding:.45rem .75rem .45rem .48rem;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:.78rem;transition:border-color .2s,box-shadow .2s,background .2s}
.variant-option:hover{border-color:rgba(17,25,29,.38);background:var(--blue-pale)}
.variant-option.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.variant-option:focus-visible{outline:2px solid var(--blue-deep);outline-offset:3px}
.variant-swatch{width:25px;height:25px;flex:0 0 25px;border:1px solid rgba(17,25,29,.18);border-radius:50%;background:var(--variant-color);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.product-colors{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.45rem .65rem;margin-top:.45rem;padding-top:.75rem;border-top:1px solid var(--line)}
.product-color{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);font-size:.7rem;line-height:1.25}
.product-color-swatch{width:14px;height:14px;flex:0 0 14px;border:1px solid rgba(17,25,29,.2);border-radius:50%;background:var(--variant-color);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
@media(max-width:760px){.variant-options{gap:.5rem}.variant-option{min-height:44px}}