/* ===== Meraki Vintage — 2026-10 redesign layer =====
   Loaded after styles.css on every page. Chrome stays neutral (cream/paper/ink, red only for primary
   actions); colour comes from each item's pastel "stage" (--stage), set per item by the build. */

:root{
  --display-xl:'Archivo','Helvetica Neue',Arial,sans-serif;   /* Archivo 900 uppercase = the big titles */
  --stage-neutral:#e9e0d0;
  --ease-stage:cubic-bezier(.6,0,.2,1);
}

/* styles.css sets body{overflow-x:hidden}, which makes body a scroll container and silently breaks position:sticky
   (the pinned jacket scene). html already clips horizontal overflow, so body only needs to stop being one. */
body{overflow-x:clip}

/* ---------- Chrome: header ---------- */
.nav{background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none}
.nav__links a{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.nav__links a::after{bottom:-6px;height:2px}
.nav__links .nav__shop{background:var(--ink);color:var(--cream);padding:.5rem 1rem;border-radius:50px}
.nav__links .nav__shop::after{display:none}
.nav__links .nav__shop:hover,.nav__links .nav__shop.active{background:var(--red-dark);color:#fff}
.ticker{font-size:.66rem;letter-spacing:.2em;padding:7px 0}

/* ---------- Chrome: footer ---------- */
.footer__wordmark{font-family:var(--display-xl);font-weight:900;text-transform:uppercase;letter-spacing:-.03em}

/* ---------- Home stage (new-arrivals carousel) ---------- */
.stage{position:relative;overflow:hidden;color:var(--ink);background:var(--stage,var(--stage-neutral));
  --stage:var(--stage-neutral);
  min-height:clamp(560px,calc(100svh - 118px),860px);
  transition:background .9s var(--ease-stage)}
.stage:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}
.stage__eyebrow{position:absolute;z-index:5;top:1.1rem;left:clamp(1rem,3vw,2.4rem);right:1rem;margin:0;
  font-family:var(--head);font-weight:700;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}
.stage__list{list-style:none;margin:0;padding:0}
.stage__link{display:block;height:100%}
.stage__link img{height:100%;width:auto;max-width:none}
.stage__cardlabel{display:block}

/* Live layout (JS available). Position comes from --o, the slide's offset from the current one. */
.js .stage__list{position:absolute;inset:0;touch-action:pan-y}
.js .stage__item{--shift:34vw;--cx:7vw;--sc:.74;
  position:absolute;left:50%;top:53%;height:min(64%,66vh);width:max-content;
  transform:translate(-50%,-50%) translateX(calc(var(--o) * var(--shift) + var(--cx))) scale(var(--sc));
  transition:transform .9s var(--ease-stage),opacity .9s var(--ease-stage),filter .9s var(--ease-stage);
  opacity:0;visibility:hidden;pointer-events:none;will-change:transform,opacity;z-index:1}
.js .stage__item[data-o="1"],.js .stage__item[data-o="-1"]{opacity:.28;visibility:visible;pointer-events:auto;
  filter:blur(3px) saturate(.7);cursor:pointer}
.js .stage__item[data-o="0"]{--sc:1;opacity:1;visibility:visible;pointer-events:auto;z-index:3}
.js .stage__item[data-o="0"] .stage__link img{filter:drop-shadow(0 28px 26px rgba(0,0,0,.18))}
.js .stage__cardlabel{display:none}

.js .stage__texts{position:absolute;z-index:4;left:clamp(1rem,3vw,2.4rem);top:50%;transform:translateY(-50%);
  width:min(30vw,440px);display:grid;pointer-events:none}
.js .stage__text{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s}
.js .stage__text[data-o="0"]{opacity:1;visibility:visible;transform:none;
  transition:opacity .45s ease .25s,transform .45s ease .25s,visibility 0s}
.stage__title{margin:0;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;
  font-size:clamp(28px,4.6vw,76px);line-height:.9;letter-spacing:-.045em;overflow-wrap:anywhere}
.stage__title a{color:inherit;pointer-events:auto}
.stage__caption{margin:1.1rem 0 0;font-family:var(--head);font-weight:600;font-size:.86rem;letter-spacing:.04em}
.stage__cta{display:inline-block;margin-top:1.2rem;pointer-events:auto;font-family:var(--head);font-weight:700;
  font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.2rem;border-radius:50px;
  background:var(--ink);color:var(--cream)}
.stage__cta:hover{background:var(--red-dark)}

.stage__controls{position:absolute;z-index:5;left:0;right:0;bottom:1.1rem;display:flex;align-items:center;
  justify-content:center;gap:.9rem}
.stage__arrow{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(23,18,13,.35);background:transparent;
  color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.stage__arrow:hover{background:var(--ink);color:var(--cream)}
.stage__arrow:focus-visible,.stage__dot:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.stage__dots{display:flex;gap:.2rem}
.stage__dot{width:34px;height:22px;border:0;background:none;cursor:pointer;position:relative;padding:0}
.stage__dot::before{content:"";position:absolute;left:4px;right:4px;top:9px;height:3px;background:var(--ink);opacity:.2;
  transition:opacity .3s}
.stage__dot.is-on::before{opacity:1}
.stage__count{position:absolute;right:clamp(1rem,3vw,2.4rem);bottom:.4rem;font-family:var(--head);font-weight:700;
  font-size:.7rem;letter-spacing:.2em}

/* No JS: a scroll-snap row of pastel cards. */
html:not(.js) .stage{min-height:0;padding:3.4rem 0 2rem}
html:not(.js) .stage__list{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 1.2rem 1rem}
html:not(.js) .stage__item{flex:0 0 min(72vw,300px);scroll-snap-align:center;background:rgba(255,255,255,.35);
  border-radius:14px;padding:1rem;text-align:center}
html:not(.js) .stage__link{height:auto}
html:not(.js) .stage__link img{height:280px;margin:0 auto}
html:not(.js) .stage__cardlabel{margin-top:.7rem;font-family:var(--head);font-size:.85rem}
html:not(.js) .stage__texts,html:not(.js) .stage__controls{display:none}

@media(max-width:1000px){
  .js .stage__item{--cx:15vw;height:min(58%,60vh)}
  .js .stage__texts{width:min(32vw,300px)}
}
@media(max-width:700px){
  .stage{min-height:clamp(560px,calc(100svh - 100px),780px)}
  .js .stage__item{--shift:62vw;--cx:0vw;top:auto;bottom:4.2rem;height:min(46%,44vh);
    transform:translate(-50%,0) translateX(calc(var(--o) * var(--shift))) scale(var(--sc))}
  .js .stage__texts{top:3.4rem;transform:none;width:min(78vw,420px)}
  .stage__title{font-size:clamp(26px,9vw,44px)}
  .stage__count{display:none}
  .stage__controls{gap:.3rem}
  .stage__arrow{width:36px;height:36px}
  .stage__dots{gap:0}
  .stage__dot{width:22px}
  .stage__dot::before{left:3px;right:3px}
}

@media(prefers-reduced-motion:reduce){
  .stage,.js .stage__item,.js .stage__text,.js .stage__text[data-o="0"]{transition:none}
  .js .stage__item[data-o="1"],.js .stage__item[data-o="-1"]{filter:none}
}

/* ---------- Tiled opening hero ---------- */
.thero{position:relative;padding:0;overflow:hidden;background:var(--ink);color:var(--cream);
  min-height:clamp(520px,calc(100svh - 118px),900px);display:flex;align-items:flex-end;
  --cols:5;--rows:3}
.thero__grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);
  grid-template-rows:repeat(var(--rows),1fr);gap:2px;background:rgba(255,255,255,.85)}
.thero__tile{position:relative;overflow:hidden;background:var(--ink);will-change:transform;
  transform:translate3d(0,var(--dy,0px),0)}
.thero__tile i{position:absolute;display:block;width:calc(var(--cols) * 100%);height:calc(var(--rows) * 100%);
  left:calc(var(--c) * -100%);top:calc(var(--r) * -100%);background:var(--hero) var(--hero-pos,center 35%)/cover no-repeat}
.thero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(23,18,13,.38) 0%,rgba(23,18,13,.25) 40%,rgba(23,18,13,.82) 100%)}
.thero__content{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1.5rem 3.6rem}
.thero__eyebrow{font-family:var(--head);font-weight:700;font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold);margin:0 0 .9rem;text-shadow:0 1px 10px rgba(0,0,0,.7)}
.thero__title{margin:0;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;letter-spacing:-.045em;
  line-height:.9;font-size:clamp(34px,7.4vw,118px)}
.thero__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.thero__ghost{background:transparent;border-color:rgba(245,239,228,.6);color:var(--cream)}
.thero__ghost:hover{background:var(--cream);color:var(--ink)}
.thero__scroll{position:absolute;z-index:2;right:clamp(1rem,3vw,2.4rem);bottom:1.2rem;font-family:var(--head);
  font-weight:700;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;writing-mode:vertical-rl}
@media(max-width:700px){
  .thero__scroll{display:none}
}

/* ---------- Jacket-opens scene ---------- */
/* Pinned: 300vh of scroll drives the doors apart (jacket-scene.js sets --open 0..1 and .on on words).
   No JS: no pin, doors hidden, the statement is a plain dark block. */
.jscene{position:relative;padding:0;background:var(--ink);color:var(--cream);--open:0;--jh:min(118vh,160vw)}
.jscene__pin{position:relative;min-height:60vh;display:grid;place-items:center;overflow:hidden}
.jscene__reveal{position:relative;display:grid;place-items:center;text-align:center;padding:5rem 8vw;width:100%}
.jscene__mark{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font-family:var(--display-xl);font-weight:900;
  font-size:clamp(80px,21vw,360px);letter-spacing:-.06em;line-height:.8;color:#fff;opacity:.07;white-space:nowrap}
.js .jscene__mark{opacity:1}
.jscene__mark span{opacity:.07;will-change:opacity}
.js .jscene__mark span{opacity:calc(.07 + clamp(0, var(--mark, 0) * 7 - var(--i), 1) * .5)}
.jscene__bg{display:none}
.js .jscene__bg{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.jscene__glow{position:absolute;width:70vmax;height:70vmax;border-radius:50%;opacity:.5;will-change:transform}
.jscene__glow--a{left:-20vmax;top:-25vmax;background:radial-gradient(closest-side,rgba(214,70,52,.28),transparent);animation:jsGlowA 18s ease-in-out infinite alternate}
.jscene__glow--b{right:-25vmax;bottom:-30vmax;background:radial-gradient(closest-side,rgba(233,224,208,.16),transparent);animation:jsGlowB 23s ease-in-out infinite alternate}
@keyframes jsGlowA{to{transform:translate(18vmax,12vmax) scale(1.15)}}
@keyframes jsGlowB{to{transform:translate(-16vmax,-10vmax) scale(1.2)}}
.jscene__row{position:absolute;left:0;white-space:nowrap;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;
  font-size:clamp(40px,8vw,120px);letter-spacing:-.03em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.10);
  top:calc(14% + var(--r) * 29%);
  will-change:transform;--d:1;transform:translateX(calc(-10vw + var(--d) * var(--mark, 0) * -35vw))}
.jscene__row:nth-of-type(2){--d:-1}
.jscene__say{position:relative;max-width:20ch;margin:0;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;
  letter-spacing:-.035em;line-height:.98;font-size:clamp(26px,4.8vw,68px)}
.jscene__cta{position:relative;display:inline-block;margin-top:1.8rem;font-family:var(--head);font-weight:700;font-size:.74rem;
  letter-spacing:.16em;text-transform:uppercase;padding:.7rem 1.2rem;border-radius:50px;background:var(--cream);color:var(--ink)}
.jscene__cta:hover{background:var(--red);color:#fff}
.door,.jscene__seam,.jscene__hint{display:none}

.js .jscene{height:300vh}
.js .jscene__pin{position:sticky;top:0;height:100vh;min-height:0;contain:paint}
.js .jscene__reveal{position:absolute;inset:0;padding:0 8vw}
.js .jscene__say span{opacity:.14;transition:opacity .12s linear}
.js .jscene__say span.on{opacity:1}
.js .jscene__cta{opacity:calc((var(--open) - .85) * 6.7);pointer-events:none;visibility:hidden}
.js .jscene.is-open .jscene__cta{pointer-events:auto;visibility:visible}
.js .door{display:block;position:absolute;inset:0;background:var(--stage);will-change:transform;z-index:3;
  transform:translateX(calc(var(--dir) * var(--open) * 58vw)) scale(calc(1 + var(--open) * .5))}
.js .door--l{--dir:-1;clip-path:inset(0 50% 0 0);transform-origin:100% 50%}
.js .door--r{--dir:1;clip-path:inset(0 0 0 50%);transform-origin:0 50%}
.js .door img{position:absolute;top:50%;height:var(--jh);width:auto;max-width:none;transform:translateY(-50%);
  left:calc(50% - var(--seam) * var(--jh) * var(--aspect))}
.js .jscene__seam{display:block;position:absolute;z-index:4;top:0;bottom:0;left:calc(50% - 1px);width:2px;
  background:rgba(23,18,13,.25);opacity:calc(1 - var(--open) * 12)}
.js .jscene__hint{display:block;position:absolute;z-index:5;bottom:1.4rem;left:0;right:0;text-align:center;
  font-family:var(--head);font-weight:700;font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);
  opacity:calc(1 - var(--open) * 12)}

/* Reduced motion: the statement is just there, doors stay hidden. */
@media(prefers-reduced-motion:reduce){
  .js .jscene{height:auto}
  .js .jscene__pin{position:relative;height:auto;min-height:60vh}
  .js .jscene__reveal{position:relative;padding:5rem 8vw}
  .js .jscene__say span{opacity:1;transition:none}
  .js .jscene__mark span{opacity:.3}
  .jscene__glow{animation:none}
  .js .jscene__cta{opacity:1;pointer-events:auto;visibility:visible}
  .js .door,.js .jscene__seam,.js .jscene__hint{display:none}
  .thero__tile{transform:none!important}
}

/* ---------- Home: lower sections restyle (phase 2) ----------
   Archivo 900 display type, rounded borderless cards, one dark band for the CTA. */
.curation .section-head h2,.shop .section-head h2,.drops h2,.ctaband h2,.hgrid h2{
  font-family:var(--display-xl);font-weight:900;letter-spacing:-.045em;line-height:.92}
.curation .section-head h2,.shop .section-head h2,.hgrid h2{font-size:clamp(2.4rem,6.4vw,5.2rem)}
.drops h2{font-size:clamp(2.2rem,5.6vw,4.4rem)}
.ctaband h2{font-size:clamp(2.4rem,6.4vw,5rem)}
.reviews__score{font-family:var(--display-xl);font-weight:900;letter-spacing:-.05em}
.shopcard__num{font-family:var(--display-xl);font-weight:900;letter-spacing:-.05em;color:var(--ink);font-size:3.2rem}

.curation .card,.shopcard,.review{border:0;border-radius:22px;box-shadow:none}
.curation .card{background:var(--sand)}
.curation .card:hover{box-shadow:none;transform:translateY(-6px)}
/* "What Meraki means" (curation) and "How to shop" were two cream sections of loose white space back to back.
   The curation now carries the intro copy, and How to Shop sits on its own sand band with paper cards. */
.curation,.shop{padding-block:clamp(2.6rem,5.5vw,4.2rem)}
.curation .section-head{margin-bottom:1.8rem}
.curation .section-head .section-sub{max-width:660px;margin-inline:auto;font-size:1.05rem}
.curation__foot{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;text-align:center;color:var(--muted)}
.curation__foot p{margin:0;max-width:520px}
.curation__foot .btn{background:transparent;border-color:var(--ink);color:var(--ink)}
.curation__foot .btn:hover{background:var(--ink);color:var(--cream)}
.shop{background:var(--sand)}
.shop .section-head{margin-bottom:1.8rem}
.shopcard{background:var(--paper)}
.review{background:var(--sand)}
.card__body h3,.shopcard h3{font-family:var(--display-xl);font-weight:900;letter-spacing:-.02em}
.drops{background:var(--ink)}
.ctaband{background:#f4c3c6;color:var(--ink)}
.ctaband p{color:rgba(23,18,13,.82)}
.ctaband .kicker{color:var(--ink)!important}
.ctaband .btn{background:var(--ink)!important;color:var(--cream)!important}
.ctaband .btn:hover{background:var(--red)!important;color:#fff!important}

/* ---------- Home product grid ---------- */
.hgrid{background:var(--paper);padding:clamp(3rem,7vw,6rem) clamp(1rem,3vw,2.4rem) clamp(1.8rem,3.5vw,3rem)}
.hgrid__head{max-width:var(--maxw);margin:0 auto 2rem}
.hgrid__head .kicker{margin:0 0 .5rem}
.hgrid h2{margin:0;text-transform:uppercase}
.hgrid__grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.7rem,1.4vw,1.2rem)}
.hgrid__card{display:grid;grid-template-rows:auto auto auto;gap:.2rem;color:var(--ink)}
.hgrid__img{display:grid;place-items:center;aspect-ratio:4/5;border-radius:22px;overflow:hidden;background:var(--sand);
  transition:transform .35s var(--ease-stage)}
.hgrid__card:hover .hgrid__img{transform:translateY(-6px)}
.hgrid__img img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.14))}
.hgrid__img img.hgrid__photo{width:100%;height:100%;object-fit:cover;filter:none}
.hgrid__name{margin-top:.7rem;font-family:var(--head);font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hgrid__price{font-family:var(--head);font-weight:600;font-size:.86rem;color:var(--muted)}
.hgrid__more{max-width:var(--maxw);margin:2.2rem auto 0;text-align:center}
@media(max-width:960px){.hgrid__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.hgrid__grid{grid-template-columns:repeat(2,1fr)}.hgrid__name{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.hgrid__img,.hgrid__card:hover .hgrid__img{transition:none;transform:none}}

/* ---------- Item page (phase 3) ---------- */
.pitem-wrap{padding:2rem 0 0;background:var(--paper)}
.pitem{max-width:1320px;margin:0 auto;padding:0 clamp(1rem,3vw,2.4rem);display:grid;gap:clamp(1.2rem,3vw,3rem);
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,.9fr);align-items:start}
.pitem__lead{position:sticky;top:96px}
.pitem__title{margin:.4rem 0 0;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;letter-spacing:-.045em;
  line-height:.92;font-size:clamp(26px,3.6vw,56px);overflow-wrap:anywhere;hyphens:auto}
.pitem__caption{margin:1rem 0 0;font-family:var(--head);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pitem__centre{min-width:0}
.pitem__centre .item__gallery-wrap{border-radius:26px;border:0}
.pitem__buy{position:sticky;top:96px;padding-top:0}
.pitem__buy .item__price{font-family:var(--display-xl);font-weight:900;letter-spacing:-.04em;font-size:clamp(2rem,3.2vw,3rem);color:var(--ink);margin:0 0 .4rem}
.pitem__shipline{margin:-.2rem 0 .45rem;color:var(--ink);font-size:.92rem;line-height:1.45}
.pitem__one{margin:0 0 1.4rem;color:var(--muted);font-size:.95rem}
.pitem__buy .item__buy-row{flex-direction:column}
.pitem__ship{display:inline-block;margin:1.1rem 1.4rem 0 0;font-family:var(--head);font-weight:700;font-size:.82rem;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.pitem__ship:hover{color:var(--red-dark)}

.pdetails{max-width:1320px;margin:clamp(2.5rem,6vw,5rem) auto 0;padding:0 clamp(1rem,3vw,2.4rem);display:grid;gap:clamp(1rem,2vw,1.6rem);
  grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.pdesc,.pmeas,.pcond{background:var(--sand);border-radius:22px;padding:clamp(1.2rem,2.4vw,2rem)}
.pdesc h2,.pmeas h2,.pcond h2{margin:0 0 1rem;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1}
.pdesc .item__desc{margin:0;padding:0;border:0}
.pcond{background:#f4c3c6}
.pcond__note,.pmeas__note{margin:1rem 0 0;font-size:.82rem;color:rgba(23,18,13,.7)}
.pmeas__wrap{display:grid;gap:1rem}
.pmeas__svg{width:100%;max-width:300px;margin:0 auto;display:block}
.pmeas__shape{fill:var(--paper);stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.pmeas__line{stroke:var(--red-dark);stroke-width:2}
.pmeas__tick{stroke:var(--red-dark);stroke-width:2}
.pmeas__label{font-family:var(--head);font-weight:800;font-size:15px;fill:var(--ink)}
.pmeas__list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.pmeas__list li{display:flex;justify-content:space-between;gap:1rem;font-family:var(--head);font-size:.9rem;border-bottom:1px solid rgba(23,18,13,.15);padding-bottom:.35rem}
.pmeas__list span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}
.related{max-width:1320px;padding:clamp(2.5rem,6vw,5rem) clamp(1rem,3vw,2.4rem) 5rem}
.related__heading{font-family:var(--display-xl);font-weight:900;letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,3.2rem)}

/* Shipping & returns slide-over */
.slideover{margin:0 0 0 auto;max-width:min(440px,100vw);width:100%;height:100dvh;max-height:100dvh;border:0;padding:0;background:var(--paper);color:var(--ink);
  box-shadow:-20px 0 60px rgba(0,0,0,.25)}
.slideover::backdrop{background:rgba(23,18,13,.55)}
.slideover[open]{animation:slideIn .35s var(--ease-stage)}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:none}}
.slideover__inner{padding:2rem 1.6rem 3rem}
.slideover__close{position:absolute;top:.8rem;right:1rem;width:40px;height:40px;border:0;border-radius:50%;background:var(--sand);font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink)}
.slideover h2{margin:0 2rem 1.2rem 0;font-family:var(--display-xl);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:2rem;line-height:.95}
.slideover h3{margin:1.4rem 0 .5rem;font-family:var(--head);font-weight:800;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.slideover ul{margin:0 0 .8rem;padding-left:1.1rem;display:grid;gap:.5rem;font-size:.95rem}
.slideover a{text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* Mobile sticky add-to-cart bar (item-page.js shows it whenever the real buy row is off screen, including
   on load when the row sits below the first phone screen; html.has-pbar is set while it shows) */
.pbar{display:none}

@media(max-width:1000px){
  .pitem{grid-template-columns:minmax(0,1fr);gap:1.2rem}
  .pitem__centre{order:1}
  .pitem__lead{order:2;position:static}
  .pitem__buy{order:3;position:static}
  .pitem__buy .item__buy-row{flex-direction:row}
  .pitem__title{font-size:clamp(28px,8vw,48px)}
  .pdetails{grid-template-columns:minmax(0,1fr)}
  .pbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:1rem;
    padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -8px 30px rgba(0,0,0,.14);
    transform:translateY(110%);visibility:hidden;transition:transform .3s var(--ease-stage),visibility 0s linear .3s}
  .pbar.is-on{transform:none;visibility:visible;transition:transform .3s var(--ease-stage),visibility 0s}
  .pbar[hidden]{display:none}
  .pbar__price{font-family:var(--display-xl);font-weight:900;font-size:1.5rem;letter-spacing:-.04em}
  .pbar .btn{flex:0 0 auto}
  /* Room under the bar so the footer and last lines are never trapped behind it; stacks with the consent
     banner's own lift (consent.css) and wins over its body padding while both are open. */
  html.has-pbar body,html.has-pbar.has-consent body{padding-bottom:calc(var(--pbar-h,76px) + var(--consent-h,0px))}
  html.has-pbar{scroll-padding-bottom:calc(var(--pbar-h,76px) + var(--consent-h,0px) + 12px)}
}
@media(prefers-reduced-motion:reduce){
  .slideover[open]{animation:none}
  .pbar{transition:none}
}

/* ---------- Phase 4: every other page ---------- */
/* Old condensed display font (Anton) -> Archivo 900, wherever the old classes are reused. */
.page-header h1,.story__text h2,.story__stats strong,.policy h2,.cat-tile__body h3{
  font-family:var(--display-xl);font-weight:900;letter-spacing:-.04em}

.section-head h2{font-family:var(--display-xl);font-weight:900;letter-spacing:-.045em;line-height:.92}

/* Page headers: paper, huge title, no dark band */
.page-header{background:var(--paper);color:var(--ink);border-bottom:0;padding:clamp(2.4rem,6vw,4.4rem) 1.5rem clamp(1.4rem,3vw,2.2rem)}
.page-header .kicker{color:var(--red-dark)}
.page-header h1{font-size:clamp(2.6rem,8vw,6.4rem);line-height:.9}
.page-header p{color:var(--muted)}
.page-header .kicker a:hover{color:var(--ink)}

/* Shop landing + category: filters, tiles, pager */
.catalog-filters a{border:0;background:var(--sand)}
.catalog-filters a:hover{background:var(--ink);color:var(--cream)}
.catalog-filters a.active{background:var(--ink);color:var(--cream)}
.catalog-grid{gap:clamp(.7rem,1.4vw,1.2rem)}
.catalog-grid .product{min-width:0}
.cat-tile{border-radius:22px}
.cat-tile:hover{box-shadow:none}
.cat-tile__body h3{font-size:clamp(1.4rem,2.2vw,2rem);text-transform:uppercase;line-height:.95}
.pager a,.pager__current{border:0;background:var(--sand)}
.pager a:hover{background:var(--ink);color:var(--cream)}
.pager__current{background:var(--ink);color:var(--cream)}

/* About / visit / faq / policies: cards and bands */
.story__media{border-radius:22px;border:0}
.faq details,.policy__table-wrap{border-radius:18px}
.policy h2{font-size:clamp(1.5rem,3.6vw,2.2rem);letter-spacing:-.035em}

/* ---------- Page transitions (spec 5.8) ----------
   Progressive enhancement: cross-document view transitions where the browser supports them, plain
   navigation elsewhere. A clip-path wipe, no extra requests. Cart/checkout/order-confirmed opt out
   in their own <head> (view-transition needs BOTH pages to opt in), so payment navigation is never
   delayed. Off under reduced motion. */
@view-transition{navigation:auto}
@keyframes wipeIn{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes dimOut{to{opacity:.55;transform:scale(.985)}}
::view-transition-old(root){animation:.45s var(--ease-stage) both dimOut}
::view-transition-new(root){animation:.5s var(--ease-stage) both wipeIn}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}

/* Cart: cart.js fills this in after load; reserve the space on phones so the footer doesn't jump (CLS 0.107 -> under 0.1). */
@media(max-width:700px){.cart-page__inner{min-height:24rem}}

/* ---------- Shop + category listing (Aritzia-style PLP, 2026-10-07) ----------
   Photo-tile category row, short filter bar, a grid that opens with two large cards then runs four wide, and
   editorial photo pairs. Card text: .catalog-grid--quiet = quiet card (no box, no tag, small name, meta line). */
.cat-row{position:relative;max-width:var(--maxw);margin:0 auto 2.2rem;display:flex;gap:clamp(.7rem,1.4vw,1.1rem);overflow-x:auto;
  scroll-snap-type:x proximity;padding-bottom:.9rem;scrollbar-width:thin;scrollbar-color:var(--sand) transparent}
.cat-row__tile{flex:0 0 clamp(104px,13vw,150px);scroll-snap-align:start;display:block;color:var(--ink)}
.cat-row__img{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--sand);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s}
.cat-row__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-row__tile:hover .cat-row__img img{transform:scale(1.04)}
.cat-row__tile.is-current .cat-row__img{outline-color:var(--ink)}
.cat-row__name{display:block;margin-top:.55rem;font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;line-height:1.25}
.cat-row__count{display:inline;font-size:.7rem;color:#8a7f70}
.cat-row__count::before{content:"";}
.cat-row__tile.is-current .cat-row__name{text-decoration:underline;text-underline-offset:3px}

.catalog-empty--sold{max-width:var(--maxw);margin:1rem auto;text-align:center}
.catalog-empty--sold[hidden]{display:none}
.catalog-empty--filter{max-width:var(--maxw);margin:1rem auto;text-align:center}
.catalog-empty--filter[hidden],.product[hidden]{display:none}
.catalog-empty--filter button{background:none;border:0;text-decoration:underline;cursor:pointer;font:inherit;color:inherit}

/* Grid: 4 columns; the first two cards and the editorial pairs span two. */
.catalog-grid--quiet{grid-template-columns:repeat(4,1fr);max-width:var(--maxw)}
.catalog-grid--quiet .product--feature,.catalog-grid--quiet .product--editorial{grid-column:span 2}
.catalog-grid--quiet .product--feature .product__img,.catalog-grid--quiet .product--editorial .product__img{aspect-ratio:5/6}
.catalog-grid--quiet.is-filtered .product{grid-column:auto}
.catalog-grid--quiet.is-filtered .product__img{aspect-ratio:3/4}

/* Quiet card: photo on the page colour, small sentence-case name, meta line, small price. */
.catalog-grid--quiet .product{background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.catalog-grid--quiet .product:hover{transform:none;box-shadow:none}
.catalog-grid--quiet .product__img{border-radius:0;background:var(--sand)}
.catalog-grid--quiet .product__tag{display:none}
.catalog-grid--quiet .product__body{padding:.65rem 0 0}
.catalog-grid--quiet .product__body h3{font-family:'Inter',sans-serif;font-weight:500;font-size:.84rem;text-transform:none;letter-spacing:0;line-height:1.35}
.catalog-grid--quiet .product__meta{font-size:.74rem;color:#8a7f70;margin-top:.15rem}
.catalog-grid--quiet .product__price{font-family:'Inter',sans-serif;font-weight:600;font-size:.84rem;color:var(--ink);margin-top:.25rem}
.product__sold{position:absolute;top:.7rem;left:.7rem;z-index:2;background:var(--ink);color:var(--cream);font-family:'Archivo',sans-serif;font-weight:700;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .5rem}
.product--sold .product__img img,.wish-row--sold .wish-row__img{filter:grayscale(1);opacity:.82}
.product__price--sold,.item__price--sold{color:#8a7f70;text-decoration:line-through}
.product__add:disabled{opacity:.55;cursor:not-allowed}
.item__ribbon--sold{background:var(--ink);color:var(--cream)}
.item__sold-note,.cart-stock-note{margin:.2rem 0 .8rem;color:#8a7f70;font-size:.9rem}
.checkout-line.is-sold{color:#8a7f70;text-decoration:line-through}
.hide-sold{display:flex;align-items:center;gap:.45rem;font-size:.84rem;margin:.2rem 0 .9rem}
.catalog-tools .hide-sold{margin:0}
html.is-hide-sold .product--sold{display:none !important}
.product__meta{display:none}
.catalog-grid--quiet .product__meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}

@media(max-width:960px){
  .catalog-grid--quiet{grid-template-columns:repeat(2,1fr)}
  .catalog-grid--quiet .product--feature,.catalog-grid--quiet .product--editorial{grid-column:auto}
}
@media(max-width:720px){
  .catalog-grid.catalog-grid--quiet{grid-template-columns:repeat(2,1fr);max-width:none;margin-inline:0;gap:.7rem}
  .catalog-grid--quiet .product__body h3{font-size:.8rem}
  .catalog-grid--quiet .product__price{font-size:.8rem}
}

/* ---------- Phat's mobile review 2026-10-15: more shop, less scrolling ---------- */
/* /shop: the generic 5rem section padding left an 86px gap between the intro and the categories. */
.shop-catalog{padding-top:.75rem}
.shop-catalog .section-head:first-child{margin-bottom:1.1rem}
.shop-browse{max-width:var(--maxw);margin:1.6rem auto 0;padding:0 1.5rem}
.shop-browse h2{font-family:var(--head);font-weight:800;font-size:1.25rem;letter-spacing:-.02em;margin:0 0 .75rem}
.shop-browse__list{display:flex;flex-wrap:wrap;gap:.4rem 1rem;list-style:none;margin:0;padding:0}
.shop-browse__list a{font-size:.92rem;color:var(--ink);text-decoration:underline;text-underline-offset:.16em}
/* Brand and category links wrap across the footer instead of stacking into a tall column. */
.footer__col:has(nav[data-shop-links]){flex:1 1 100%}
.footer__nav[data-shop-links]{flex-direction:row;flex-wrap:wrap;max-width:none;gap:.4rem 1rem}
.cat-row__hint{margin:.5rem 0 0;font-family:var(--head);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red-dark)}
@media(min-width:900px){.cat-row__hint{display:none}}
@media(max-width:640px){
  /* Two rows that scroll sideways: half the swiping of one long row, same tiles. */
  .cat-row{display:grid;grid-template-columns:repeat(var(--cat-cols,8),94px);gap:.9rem .7rem}
  .cat-row__name{font-size:.72rem;margin-top:.4rem}
  .shop-catalog .section-head--spaced{margin-top:2.2rem}
  .shop-catalog .cat-row{margin-bottom:1rem}
  /* Footer: was 756px tall on an iPhone, more than a full screen. */
  .footer{padding:2.2rem 1.25rem 1.3rem}
  .footer__top{gap:1.4rem;padding-bottom:1.3rem}
  .footer__wordmark{font-size:1.7rem;margin-bottom:.45rem}
  .footer__tag{font-size:.76rem;line-height:1.55}
  .footer__cols{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem 1.2rem;width:100%}
  .footer__cols .footer__col:first-child,.footer__cols .footer__col:has(nav[data-shop-links]){grid-column:1/-1}
  .footer__cols .footer__col:first-child .footer__nav{flex-direction:row;flex-wrap:wrap;gap:.35rem 1.1rem}
  .footer__col h4{margin-bottom:.5rem}
  .footer__nav{gap:.35rem}
  .footer__nav a,.footer__col p,.footer__col a{font-size:.84rem}
  .footer__col p + p{margin-top:.3rem}
  .footer__bottom{margin-top:1rem;gap:.35rem;font-size:.74rem}
}

/* ---------- Full catalog on /shop: search, facets, add, save ---------- */
.catalog-block{max-width:var(--maxw);margin:0 auto}
.catalog-tools{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap;margin:0 auto 1rem}
.catalog-search{flex:1 1 16rem}
.catalog-sort{display:flex;align-items:center;gap:.45rem;font-family:var(--head);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.catalog-search input,.catalog-sort select{font-family:var(--body);font-size:1rem;font-weight:500;letter-spacing:0;text-transform:none;width:100%;padding:.7rem .85rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0}
.catalog-sort select{width:auto;min-width:11rem;background:var(--paper)}
/* Filters: four dropdown buttons on one line (Phat, 2026-10-22), each opening a panel of option chips. */
.catalog-facets{position:relative;display:flex;flex-wrap:wrap;gap:.45rem;margin:0 auto .6rem}
.catalog-dd{position:relative}
.catalog-dd__btn{display:inline-flex;align-items:center;gap:.4rem;list-style:none;cursor:pointer;user-select:none;font-family:var(--head);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .8rem;border:1px solid var(--ink);background:var(--paper);color:var(--ink)}
.catalog-dd__btn::-webkit-details-marker{display:none}
.catalog-dd__btn::after{content:"";width:.42rem;height:.42rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.catalog-dd[open] .catalog-dd__btn::after{transform:translateY(1px) rotate(-135deg)}
.catalog-dd.is-active .catalog-dd__btn,.catalog-dd[open] .catalog-dd__btn{background:var(--ink);color:var(--cream)}
.catalog-dd__n{min-width:1.15rem;height:1.15rem;border-radius:50%;background:var(--red);color:#fff;font-size:.66rem;letter-spacing:0;display:inline-grid;place-items:center}
.catalog-dd__n[hidden]{display:none}
.catalog-dd__btn:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.catalog-dd__panel{position:absolute;top:calc(100% + .35rem);left:0;z-index:30;width:max-content;min-width:14rem;max-width:min(26rem,calc(100vw - 2rem));max-height:20rem;overflow-y:auto;display:flex;flex-wrap:wrap;gap:.4rem;padding:.8rem;background:var(--paper);border:1px solid var(--ink);box-shadow:0 14px 34px rgba(23,18,13,.16)}
.catalog-facet{flex:0 0 auto;font-family:var(--head);font-size:.78rem;font-weight:700;padding:.4rem .7rem;border:1px solid var(--ink);color:var(--ink);background:transparent}
.catalog-facet em{font-style:normal;margin-left:.3rem;font-size:.68rem;opacity:.65}
.catalog-facet.is-on,.catalog-facet[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.catalog-facet.is-on em,.catalog-facet[aria-pressed="true"] em{opacity:.8}
.catalog-tools__meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:.2rem auto .8rem}
.catalog-count{margin:0;font-size:.8rem;color:var(--muted)}
.catalog-clear{background:none;border:0;padding:0;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--ink)}
.catalog-grid--quiet .product{position:relative}
.product__hit{display:block;color:inherit}
.product__wish{position:absolute;top:.45rem;right:.45rem;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(251,248,242,.94);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.product__wish.is-on{color:var(--red)}
.product__wish.is-on .wish-btn__icon,.wish-btn--label.is-on .wish-btn__icon{fill:var(--red);stroke:var(--red)}
.wish-btn__icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7}
.product__add{display:block;width:100%;margin-top:.55rem;font-family:var(--head);font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:.55rem .4rem;border:1px solid var(--ink);background:var(--ink);color:var(--cream);cursor:pointer}
.product__add.is-in-cart{background:transparent;color:var(--ink)}
/* Even rows (Phat, 2026-10-22): names hold two lines whether they wrap or not, and Add is a small outlined button on
   the price line instead of a full-width black bar that dropped a line lower under every long name. */
.catalog-grid--quiet .product__body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.7em}
.catalog-grid--quiet .product__meta{min-height:1.35em}
.catalog-grid--quiet .product__price{display:flex;align-items:center;min-height:2rem;padding-right:4.6rem}
.catalog-grid--quiet .product__add{position:absolute;right:0;bottom:0;z-index:2;width:auto;height:2rem;margin:0;padding:0 .85rem;border-radius:999px;background:transparent;color:var(--ink);font-size:.66rem;transition:background-color .2s,color .2s}
.catalog-grid--quiet .product__add:hover:not(:disabled),.catalog-grid--quiet .product__add.is-in-cart{background:var(--ink);color:var(--cream)}
.catalog-grid--quiet .product__add:disabled{border-color:transparent;padding-inline:.2rem}
.pitem__tools{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 0 1rem}
.pitem__tools .pitem__one{margin:0}
.wish-btn--label{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;padding:.2rem 0;cursor:pointer;font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--muted)}
.wish-btn--label.is-on{color:var(--red)}
@keyframes mv-added{0%{transform:scale(1)}40%{transform:scale(.94)}70%{transform:scale(1.04)}100%{transform:scale(1)}}
.product__add.is-added,.btn.is-added{animation:mv-added .45s ease}
@keyframes mv-heart{0%{transform:scale(1)}45%{transform:scale(1.25)}100%{transform:scale(1)}}
.wish-btn.is-pop .wish-btn__icon,.product__wish.is-pop{animation:mv-heart .4s ease}
.product__add:focus-visible,.product__wish:focus-visible,.catalog-facet:focus-visible,.wish-btn--label:focus-visible,.minicart__panel :focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* Slide-in mini cart. Stays out of the way until Add is pressed. */
.minicart{position:fixed;inset:0;z-index:180;pointer-events:none;visibility:hidden}
.minicart.is-open{pointer-events:auto;visibility:visible}
.minicart__backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(23,18,13,.46);opacity:0;transition:opacity .3s;cursor:pointer}
.minicart.is-open .minicart__backdrop{opacity:1}
.minicart__panel{position:absolute;top:0;right:0;height:100%;width:min(420px,100%);background:var(--paper);color:var(--ink);transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;padding:1.3rem 1.2rem calc(1.3rem + env(safe-area-inset-bottom));box-shadow:-16px 0 40px rgba(23,18,13,.18)}
.minicart.is-open .minicart__panel{transform:translateX(0)}
.minicart__x{position:absolute;top:.7rem;right:.7rem;width:40px;height:40px;border:0;border-radius:50%;background:var(--sand);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}
.minicart__panel h2{font-family:var(--head);font-weight:800;font-size:1.35rem;letter-spacing:-.03em;margin:0 2rem .4rem 0}
.minicart__status{margin:0 0 .8rem;font-size:.9rem}
.minicart__item{display:flex;gap:.85rem;align-items:center;padding:.4rem 0 1rem}
.minicart__item img{width:84px;height:112px;object-fit:cover;background:var(--sand);flex:none}
.minicart__name{margin:0 0 .3rem;font-weight:650;line-height:1.3}
.minicart__price{margin:0;font-weight:700}
.minicart__sub{display:flex;justify-content:space-between;gap:1rem;margin:auto 0 0;padding-top:.9rem;border-top:1px solid var(--line);font-weight:800}
.minicart__note{margin:.45rem 0 1rem;font-size:.8rem;color:var(--muted)}
.minicart__actions{display:flex;flex-direction:column;gap:.55rem}
.minicart__keep{background:transparent;color:var(--ink);border:1px solid var(--ink);text-align:center}
.minicart__actions .btn{text-align:center}
body.minicart-open{overflow:hidden}

/* Saved list. Local to this browser — the page is noindex. */
.wish-list{display:flex;flex-direction:column}
.wish-row{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(36,27,19,.1)}
.wish-row__img{width:72px;height:96px;object-fit:cover;background:var(--sand);flex:none}
.wish-row__body{flex:1;min-width:0}
.wish-row__name{font-weight:650;margin:0 0 .25rem;display:block}
.wish-row__price{margin:0;font-weight:700;color:var(--red-dark)}
.wish-row--sold .wish-row__price{color:var(--muted)}
.wish-row__note{margin:.35rem 0 0;font-size:.8rem;color:var(--muted)}
.wish-row__actions{display:flex;flex-direction:column;gap:.4rem;align-items:stretch}
.wish-row__add{padding:.55rem .9rem;font-size:.8rem}
.wish-row__remove{background:transparent;border:1px solid rgba(36,27,19,.3);border-radius:50px;padding:.4rem .9rem;cursor:pointer;font-size:.85rem}
.wish-row--sold .wish-row__img{filter:grayscale(1);opacity:.7}
@media(max-width:720px){
  /* Phone: the four buttons share one row and every panel opens full width under it. */
  .catalog-facets{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}
  .catalog-dd{position:static}
  .catalog-dd__btn{justify-content:center;width:100%;gap:.28rem;padding:.6rem .15rem;font-size:.62rem;letter-spacing:.02em}
  .catalog-dd__btn::after{width:.34rem;height:.34rem}
  .catalog-dd__n{min-width:1rem;height:1rem;font-size:.6rem}
  .catalog-dd__panel{left:0;right:0;width:auto;max-width:none;min-width:0}
  .catalog-search input,.catalog-sort select{font-size:16px}
  .catalog-sort{flex-basis:100%}
  .catalog-sort select{width:100%}
  .wish-row{align-items:flex-start}
  .wish-row__actions{align-self:center}
}
/* Smallest phones: "Category" only fits without its arrow. */
@media(max-width:359px){.catalog-dd__btn::after{display:none}}
@media(prefers-reduced-motion:reduce){
  .minicart__panel,.minicart__backdrop,.product__add.is-added,.wish-btn.is-pop .wish-btn__icon,.product__wish.is-pop{transition:none;animation:none}
}