/** Shopify CDN: Minification failed

Line 365:0 Unexpected "}"

**/
/* pillar.css: the pillar collection page (sections/pillar-main.liquid + pillar-library.liquid),
   2026-09 build spec v3. Page ground is white like the rest of the site (Alexander 2026-09-27); the beige (--s) is kept for modules: chooser, cards, answers, notes. No shadows, no gradients.
   Type: PP Eiko Light for display, PP Neue Montreal Light for body and UI, Regular for prices.
   One layout breakpoint (768px); everything else is fluid. */
.plr{
  /* 2026 palette (Figma: Foundations / Colour): White page, Off White modules, Chalk hairlines, Soft Black
     text, Brown body and captions. Gray only for disabled. Radius 0, no shadows. */
  --g:#FFFFFF; --s:#F0ECE6; --c:#FFFFFF; --ln:#D9D4C9; --ln2:#D9D4C9; --ul:#D9D4C9;
  --ink:#1B1B1A; --ink2:#514540; --mut:#514540; --mut2:#514540; --gray:#878787; --scrim:rgba(27,27,26,.4);
  --serif:"PPEiko-Regular","PPEiko-Regular Fallback",Georgia,serif;
  --sans:"Paragraph Primary Font","Paragraph Primary Fallback",Arial,sans-serif;
  --sans-reg:"Paragraph Primary Font","Paragraph Primary Fallback",Arial,sans-serif;
  --pad:12px; /* grid.md: 16 at desktop, 12 on phones; media runs to 0 */ --head:64px; --ease:cubic-bezier(.2,.8,.2,1);
  background:var(--g); color:var(--ink2); font-family:var(--sans); font-weight:300;
  font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
@media (min-width:768px){ .plr{ --pad:16px; } }
.plr *,.plr *::before,.plr *::after{ box-sizing:border-box; }
.plr :where(h1,h2,h3,p,dl,dd,ul,figure){ margin:0; padding:0; }
.plr :where(ul){ list-style:none; }
.plr img{ display:block; max-width:100%; }
.plr button{ font:inherit; color:inherit; }
.plr a{ color:var(--ink); text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; }
.plr a:hover{ text-decoration-color:var(--ink); }
.plr :focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.plr [hidden]{ display:none !important; }
.plr-wrap{ max-width:none; margin:0 auto; padding:0 var(--pad); }
.plr-vh{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.plr-label{ font-size:11px; line-height:1.4; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); }
.plr-label--ink{ color:var(--ink); }
.plr-sec{ padding-top:clamp(48px,4vw,88px); scroll-margin-top:var(--head); }
.plr-h2{ font-family:var(--serif); font-weight:300; font-size:clamp(24px,.6vw + 19px,30px); line-height:1.1; color:var(--ink); text-wrap:balance; }
.plr-d{ display:none; } .plr-m{ display:inline; }
@media (min-width:768px){ .plr-d{ display:inline; } .plr-m{ display:none; } }

/* buttons */
.plr .plr-btn{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 16px; background:var(--ink); color:var(--g);
  border:1px solid var(--ink); border-radius:2px; font-size:13px; font-weight:300; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  white-space:nowrap; cursor:pointer; }
.plr .plr-btn:hover{ background:var(--ink2); border-color:var(--ink2); }
.plr .plr-btn--2{ background:transparent; color:var(--ink); border-color:var(--ink); }
.plr .plr-btn--2:hover{ background:var(--s); border-color:var(--ink); }
@media (min-width:768px){ .plr .plr-btn{ height:42px; padding:0 22px; } }
.plr-textbtn{ background:none; border:0; padding:0; cursor:pointer; text-align:left; color:var(--ink); text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; }
.plr-round{ flex:0 0 44px; width:44px; height:44px; border-radius:50%; border:1px solid var(--ink); background:transparent; display:grid; place-items:center; cursor:pointer; color:var(--ink); }
button.plr-round:hover{ background:var(--c); }
.plr-round--soft{ border-color:var(--ln2); }

/* figures */
.plr-figs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.plr-fig{ display:flex; flex-direction:column; padding:0 8px 0 10px; border-left:1px solid var(--ln); }
.plr-fig:first-child{ padding-left:0; border-left:0; }
.plr-fig__v{ font-family:var(--serif); font-weight:300; font-size:22px; line-height:1.1; color:var(--ink); white-space:nowrap; }
.plr-fig__l{ font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); line-height:1.4; margin-top:4px; }

/* 1. hero */
.plr-hero{ padding-top:14px; }
.plr-hero__grid{ display:grid; grid-template-columns:minmax(0,1fr); }
.plr-h1{ font-family:"PPEiko-Regular","PPEiko-Regular Fallback",Georgia,serif; font-weight:400; font-size:min(26px, calc((100vw - 2 * var(--pad)) / 13.9)); /* Regular like the PDP title */ line-height:1.1; /* EN fits one line at 320 to 767 */ letter-spacing:-.01em; color:var(--ink); text-wrap:balance; }
.plr-answer{ font-family:var(--serif); font-weight:300; font-size:16px; line-height:1.4; color:var(--ink2); margin-top:8px; text-wrap:pretty; }
.plr-hero__media{ margin:16px calc(-1 * var(--pad)) 0; aspect-ratio:390/430; background:var(--s); overflow:hidden; }
.plr-hero__media img{ width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
.plr-hero__figs{ margin-top:16px; background:var(--s); padding:14px 16px; column-gap:12px; grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:12px; align-items:start; }
.plr-hero__kick{ display:block; margin-bottom:10px; }
.plr-hero .plr-fig{ border-left:0; padding-left:0; flex-direction:column; justify-content:flex-start; }
.plr-hero .plr-fig__v{ order:-1; }
.plr-hero__btns{ display:flex; flex-wrap:wrap; gap:8px; padding-top:16px; }
.plr-hero__btns .plr-btn{ flex:1 1 150px; }
.plr-trust{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--ln); border-top:1px solid var(--ln); border-bottom:1px solid var(--ln);
  margin-top:20px; padding:0; max-width:none; }
.plr .plr-trust li{ background:var(--g); padding:12px var(--pad); display:flex; flex-direction:column; }
.plr .plr-trust li:nth-child(even){ padding-left:16px; }
.plr .plr-trust li:first-child{ padding-top:12px !important; } /* base.css zeroes li:first-child padding with !important */
.plr-trust span{ font-size:13px; color:var(--ink); line-height:1.35; }
.plr-trust small{ font-size:11px; color:var(--mut); line-height:1.4; }
@media (min-width:768px){
  .plr-hero{ padding-top:20px; }
  .plr-hero__grid{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); column-gap:clamp(32px,4vw,80px);
    grid-template-areas:". media" "head media" "figs media" ". media" "btns media" "tp media"; grid-template-rows:1fr auto auto 1fr auto auto; } /* buttons + Trustpilot sit on the image's bottom edge */
  .plr-hero__head{ grid-area:head; }
  .plr-hero__media{ grid-area:media; margin:0; aspect-ratio:16/9; align-self:center; }
  .plr-hero__media img{ object-position:50% 50%; }
  .plr-hero__figs{ grid-area:figs; margin-top:44px; max-width:560px; background:var(--s); padding:20px 24px; column-gap:18px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .plr-hero__kick{ display:block; margin-bottom:22px; }
  .plr-hero__btns{ grid-area:btns; gap:10px; padding-top:32px; }
  .plr-hero__btns .plr-btn{ flex:0 0 auto; height:38px; padding:0 18px; font-size:12px; }
  .plr-h1{ font-size:clamp(34px,1vw + 22px,42px); line-height:1.08; letter-spacing:-.01em; }
  .plr-answer{ font-size:17px; margin-top:20px; max-width:40ch; line-height:1.5; }
  .plr-hero .plr-fig{ padding:0 12px 0 0; border-left:0; }
  .plr-hero .plr-fig:first-child{ padding-left:0; }
  .plr-hero .plr-fig__v{ font-size:24px; line-height:1.1; }
  .plr-hero .plr-fig__l{ font-size:10px; letter-spacing:.1em; margin-top:4px; }
  .plr-trust{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; background:none; margin:32px auto 0; max-width:none;
    border:0; padding:0 var(--pad); }
  .plr .plr-trust li{ padding:12px 20px 12px 0; border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); }
  .plr .plr-trust li:nth-child(even){ padding-left:0; }
  .plr .plr-trust li:first-child{ padding-top:12px !important; }
  .plr-trust span{ font-size:13px; } .plr-trust small{ font-size:12px; }
}

/* 2. products */
.plr-shop{ padding-top:clamp(28px,3vw,56px); scroll-margin-top:var(--head); }
.plr-shop__head{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.plr-shop .plr-h2{ font-size:clamp(22px,.5vw + 18px,26px); }
.plr-shop__count{ font-size:13px; color:var(--mut); }
.plr-chips{ position:sticky; top:var(--head); z-index:5; background:var(--g); margin:10px calc(-1 * var(--pad)) 0; padding:10px var(--pad);
  display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.plr-chips::-webkit-scrollbar{ display:none; }
.plr-chip{ flex:0 0 auto; height:40px; padding:0 14px; border:1px solid var(--ln2); background:transparent; color:var(--ink); border-radius:2px;
  font-size:13px; font-weight:300; cursor:pointer; white-space:nowrap; }
.plr-chip[aria-pressed="true"]{ background:var(--ink); color:var(--g); border-color:var(--ink); }
.plr-chip--inspo{ background:var(--s); border-color:var(--s); color:var(--ink2); }
.plr-chip--inspo:hover{ border-color:var(--ln2); }
.plr-chip--inspo[aria-pressed="true"]{ background:var(--ink); color:var(--g); border-color:var(--ink); }
.plr-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 72px) / 4)),1fr));
  gap:clamp(24px,2vw,36px) clamp(12px,1.7vw,24px); margin-top:10px; }
.plr .plr-card{ display:flex; flex-direction:column; gap:10px; text-decoration:none; color:var(--ink); min-width:0; }
.plr-card__media{ position:relative; aspect-ratio:4/5; background:var(--s); overflow:hidden; }
.plr-card__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.plr-card__i2{ opacity:0; transition:opacity .35s ease; }
@media (hover:hover){ .plr-card:hover .plr-card__i2{ opacity:1; } }
@media (hover:none){ .plr-card__i2{ display:none; } }
.plr-card__txt{ display:flex; flex-direction:column; gap:3px; }
.plr-card__name{ font-size:14px; line-height:1.35; color:var(--ink); }
.plr-card__price{ font-family:var(--sans-reg); font-weight:400; font-size:14px; line-height:1.35; color:var(--ink); white-space:nowrap; margin-top:-3px; }
.plr-card__fit{ font-size:12px; line-height:1.4; color:var(--mut); }
.plr-card__hts{ display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.plr-card__hts span{ font-size:11px; line-height:18px; padding:0 6px; border:1px solid var(--ln2); border-radius:2px; color:var(--ink2); white-space:nowrap; }
.plr-card__sw{ display:flex; gap:5px; margin-top:6px; align-items:center; }
.plr-card__sw img{ width:14px; height:14px; border-radius:50%; object-fit:cover; background:var(--s); box-shadow:inset 0 0 0 1px var(--ln2); }
.plr-card__sw small{ font-size:12px; color:var(--mut); }
.plr .plr-tile{ grid-column:span 2; position:relative; display:block; aspect-ratio:4/5; min-height:320px; background:var(--s); overflow:hidden; text-decoration:none; color:var(--ink); }
.plr-tile img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.plr-tile__box{ position:absolute; left:12px; right:12px; bottom:12px; max-width:340px; background:var(--c); padding:14px 16px; display:flex; flex-direction:column; gap:2px; }
.plr-tile__title{ font-family:var(--serif); font-weight:300; font-size:19px; line-height:1.2; color:var(--ink); }
.plr-tile__cta{ font-size:13px; color:var(--ink); text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; margin-top:4px; }
@media (min-width:768px){ .plr .plr-tile{ aspect-ratio:auto; } }

/* inspiration mosaic (the "Inspiration" chip) */
.plr-inspo{ columns:2; column-gap:clamp(8px,1.2vw,16px); margin-top:10px; }
@media (min-width:768px){ .plr-inspo{ columns:3; } }
@media (min-width:1024px){ .plr-inspo{ columns:4; } }
.plr .plr-inspo__cell{ display:block; position:relative; break-inside:avoid; margin-bottom:clamp(8px,1.2vw,16px); background:var(--s); text-decoration:none; color:var(--ink); overflow:hidden; }
.plr-inspo__cell img{ width:100%; height:auto; transition:transform .6s var(--ease); }
@media (hover:hover){ .plr-inspo__cell:hover img{ transform:scale(1.03); } }
.plr-inspo__plate{ position:absolute; left:8px; bottom:8px; right:8px; max-width:max-content; background:var(--c); padding:8px 10px; display:flex; flex-direction:column; }
.plr-inspo__plate span{ font-size:12px; line-height:1.3; }
.plr-inspo__plate small{ font-family:var(--sans-reg); font-weight:400; font-size:12px; line-height:1.3; }

/* 3. entry card and chooser */
.plr-entry{ background:var(--s); display:grid; grid-template-columns:minmax(0,1fr); }
.plr-entry__body{ padding:clamp(28px,3.4vw,64px); display:flex; flex-direction:column; justify-content:center; }
.plr-entry__h{ font-family:var(--serif); font-weight:300; font-size:clamp(24px,.7vw + 18px,30px); line-height:1.12; color:var(--ink); text-wrap:balance; margin-top:12px; }
.plr-entry__sub{ font-size:14px; line-height:1.6; max-width:44ch; margin-top:12px; }
.plr-entry__q{ margin-top:32px; font-size:13px; color:var(--mut); }
.plr-entry__opts{ display:flex; flex-direction:column; margin-top:10px; border-top:1px solid var(--ln2); }
.plr .plr-eopt{ display:grid; grid-template-columns:minmax(0,1fr) auto 14px; align-items:baseline; gap:16px; padding:16px 0; border-bottom:1px solid var(--ln2);
  text-decoration:none; color:var(--ink); }
.plr-eopt span{ font-family:var(--serif); font-weight:300; font-size:19px; line-height:1.2; color:var(--ink); }
.plr-eopt small{ font-size:13px; color:var(--mut); text-align:right; }
.plr-eopt svg{ align-self:center; color:var(--mut2); transition:transform .2s var(--ease), color .2s; }
.plr .plr-eopt:hover svg{ transform:translateX(3px); color:var(--ink); }
.plr .plr-eopt:hover span{ text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:4px; }
.plr-entry__fb{ font-size:13px; align-self:flex-start; margin-top:20px; color:var(--mut) !important; }
.plr-entry__media{ display:none; position:relative; min-height:460px; overflow:hidden; }
.plr-entry__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 60%; }
@media (min-width:768px){
  .plr-entry{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); }
  .plr-entry--noimg{ grid-template-columns:minmax(0,1fr); }
  .plr-entry__media{ display:block; }
}

.plr-ch{ background:var(--s); padding:clamp(24px,3.4vw,56px); display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:48px; }
.plr-ch--result{ grid-template-columns:minmax(0,1fr); }
.plr-ch__main{ display:flex; flex-direction:column; gap:18px; min-width:0; }
.plr-ch__handle{ display:none; }
.plr-ch__top{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.plr-ch__top > div{ display:flex; gap:4px 12px; align-items:baseline; flex-wrap:wrap; min-width:0; }
.plr-ch__close{ flex:0 0 44px; width:44px; height:44px; margin:-10px 0; display:grid; place-items:center; background:none; border:0; cursor:pointer; color:var(--ink); }
.plr-ch__bars{ display:grid; grid-template-columns:repeat(4,1fr); gap:4px; }
.plr-ch__bars span{ height:2px; background:var(--ln2); }
.plr-ch__bars span.on{ background:var(--ink); }
.plr-ch__q{ font-family:var(--serif); font-weight:300; font-size:clamp(21px,.4vw + 18px,24px); line-height:1.15; color:var(--ink); outline:none; }
.plr-ch__qsub{ margin-top:4px; font-size:14px; color:var(--mut); }
.plr-ch__opts{ display:flex; flex-direction:column; gap:8px; }
.plr-opt{ display:flex; align-items:center; gap:12px; min-height:52px; padding:10px 16px; text-align:left; background:var(--c); border:1px solid var(--ln2);
  border-radius:2px; cursor:pointer; width:100%; }
.plr-opt[aria-checked="true"]{ border-color:var(--ink); }
.plr-opt__dot{ flex:0 0 18px; height:18px; border-radius:50%; border:1px solid var(--ink); display:grid; place-items:center; }
.plr-opt__dot::after{ content:""; width:8px; height:8px; border-radius:50%; background:transparent; }
.plr-opt[aria-checked="true"] .plr-opt__dot::after{ background:var(--ink); }
.plr-opt__t{ display:flex; flex-direction:column; min-width:0; }
.plr-opt__t span{ font-size:14px; line-height:1.35; color:var(--ink); }
.plr-opt__t small{ font-size:12px; line-height:1.4; color:var(--mut); }
.plr-box{ background:var(--c); border:1px solid var(--ln); padding:16px; display:flex; flex-direction:column; gap:10px; }
.plr-box__v{ display:flex; align-items:baseline; gap:10px; }
.plr-box__v b{ font-family:var(--serif); font-weight:300; font-size:32px; line-height:1; color:var(--ink); }
.plr-box__v span{ font-size:13px; color:var(--mut); }
.plr-box__ends{ display:flex; justify-content:space-between; font-size:12px; color:var(--mut2); }
.plr-box p{ font-size:14px; color:var(--ink2); }
.plr input[type=range]{ accent-color:var(--ink); width:100%; height:32px; margin:0; }
.plr-unsure{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; align-items:center; }
.plr-unsure svg{ width:100%; max-width:280px; height:auto; }
.plr-unsure__acts{ display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; }
.plr-unsure__acts .plr-textbtn{ min-height:44px; font-size:14px; }
.plr-seg{ display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--ln2); border-radius:2px; background:var(--c); }
.plr-seg button{ height:44px; border:0; background:transparent; color:var(--ink); font-size:14px; font-weight:300; cursor:pointer; white-space:nowrap; padding:0 14px; }
.plr-seg button[aria-checked="true"]{ background:var(--ink); color:var(--g); }
.plr-seg--2{ grid-template-columns:1fr 1fr; align-self:flex-start; }
.plr-seg--2 button{ height:30px; font-size:12px; padding:0 12px; }
.plr-ch__nav{ display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--ln); padding-top:6px; }
.plr-ch__nav button{ background:none; border:0; min-height:44px; padding:0; cursor:pointer; font-size:14px; color:var(--ink); }
.plr-ch__nav button:disabled{ color:var(--ul); cursor:default; }
.plr-ch__nav button[data-skip]{ color:var(--mut); }
.plr-aside{ background:var(--c); padding:24px; display:flex; flex-direction:column; gap:14px; align-self:start; }
.plr-aside__row{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; border-top:1px solid var(--ln); padding-top:10px; }
.plr-aside__row span{ font-size:14px; color:var(--mut); }
.plr-aside__row b{ font-family:var(--serif); font-weight:300; font-size:18px; color:var(--ink); text-align:right; }
.plr-aside__row b.unset{ font-size:14px; color:var(--mut2); }
.plr-aside p{ margin-top:6px; font-size:13px; color:var(--mut); }
.plr-res{ display:flex; flex-direction:column; gap:18px; }
.plr-res__figs{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:1px; background:var(--ln2); border:1px solid var(--ln2); }
.plr-res__figs > div{ background:var(--c); padding:16px 18px; }
.plr-res__figs b{ display:block; font-family:var(--serif); font-weight:300; font-size:clamp(30px,.6vw + 26px,36px); line-height:1; color:var(--ink); white-space:nowrap; }
.plr-res__figs span{ display:block; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); margin-top:8px; }
.plr-res__why{ max-width:62ch; text-wrap:pretty; }
.plr-res__bd{ display:flex; flex-wrap:wrap; gap:8px; }
.plr-res__bd span{ font-size:13px; padding:6px 10px; border:1px solid var(--ln2); border-radius:2px; color:var(--ink); background:var(--c); }
.plr-note{ border:1px solid var(--ink); padding:14px 16px; display:flex; flex-direction:column; gap:4px; background:var(--c); }
.plr-note p{ font-size:14px; text-wrap:pretty; }
.plr-res__cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:10px; }
.plr .plr-rcard{ display:flex; gap:12px; align-items:stretch; background:var(--c); border:1px solid var(--ln); padding:8px; text-decoration:none; color:var(--ink); }
.plr-rcard img{ flex:0 0 88px; width:88px; height:110px; object-fit:cover; background:var(--s); }
.plr-rcard__t{ display:flex; flex-direction:column; gap:3px; min-width:0; padding:4px 4px 4px 0; }
.plr-rcard__t .plr-label{ color:var(--mut2); }
.plr-rcard__n{ font-size:14px; line-height:1.3; }
.plr-rcard__p{ font-family:var(--sans-reg); font-weight:400; font-size:14px; }
.plr-rcard__s{ font-size:13px; line-height:1.35; color:var(--mut); }
.plr-rcard__r{ align-self:flex-start; margin-top:4px; font-size:12px; line-height:1.35; padding:4px 8px; background:var(--s); border-radius:2px; }
.plr-res__links{ display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14px; }
.plr-res__acts{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.plr-res__acts .plr-btn{ flex:1 1 200px; }
.plr-res__acts .plr-textbtn{ min-height:44px; padding:0 8px; font-size:14px; }

@media (max-width:767px){
  .plr-ch{ display:block; padding:0; background:transparent; }
  .plr-ch__scrim{ position:fixed; inset:0; z-index:10001; background:var(--scrim); display:flex; align-items:flex-end; }
  .plr-ch__sheet{ width:100%; max-height:92vh; overflow-y:auto; background:var(--g); border-radius:2px 2px 0 0; padding:10px 20px 24px;
    animation:plrUp .28s var(--ease); overscroll-behavior:contain; }
  .plr-ch__handle{ display:block; width:36px; height:4px; background:var(--ln2); border-radius:2px; margin:0 auto; }
  .plr-aside{ display:none; }
}
@media (min-width:768px){ .plr-ch__scrim,.plr-ch__sheet{ display:contents; } }
@keyframes plrUp{ from{ transform:translateY(100%); } to{ transform:none; } }

/* 4. before you choose */
.plr-know__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px; }
.plr-know__head > div:first-child{ display:flex; flex-direction:column; gap:10px; }
.plr-know__h{ font-family:var(--serif); font-weight:300; font-size:clamp(22px,.4vw + 18px,26px); line-height:1.1; color:var(--ink); text-wrap:balance; }
.plr-know__arrows{ display:none; gap:8px; }
@media (min-width:768px){ .plr-know__arrows{ display:flex; } }
.plr-krow{ display:flex; gap:clamp(12px,1.4vw,20px); overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin-top:24px;
  padding:0 var(--pad); scroll-padding:0 var(--pad); scroll-behavior:smooth; }
.plr-krow::-webkit-scrollbar{ display:none; }
.plr-krow:focus-visible{ outline-offset:-2px; }
.plr-kcard{ scroll-snap-align:start; flex:0 0 min(78vw,320px); display:flex; flex-direction:column; background:var(--s); min-width:0; scroll-margin-top:var(--head); }
.plr-kcard__vis{ aspect-ratio:1/1; position:relative; overflow:hidden; display:flex; flex-direction:column; }
.plr-kcard__vis--pad{ padding:16px; }
.plr-hsvg{ flex:1; min-height:0; width:100%; display:block; margin-top:8px; }
.plr-hsvg__cab{ transform-origin:0 236px; transition:transform .6s var(--ease); }
.plr-hsvg__up{ transition:transform .6s var(--ease); }
.plr-hsvg__legs,.plr-hsvg__dim{ transform-origin:0 236px; transition:transform .6s var(--ease); }
.is-bar .plr-hsvg__cab{ transform:scaleY(1.1111); }  /* worktop 180 -> 200 units above the floor */
.is-bar .plr-hsvg__legs{ transform:scaleY(1.1538); } /* seat rail 130 -> 150 units */
.is-bar .plr-hsvg__dim{ transform:scaleY(1.1429); }  /* seat top 140 -> 160 units */
.is-bar .plr-hsvg__up{ transform:translateY(-20px); }
.plr-kfigs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:6px; }
.plr-kfigs span{ display:block; font-family:var(--serif); font-size:14px; line-height:1.1; color:var(--ink); white-space:nowrap; }
.plr-kfigs small{ font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); }
.plr-kcard__vis--count{ padding:16px 20px 20px; }
.plr-csvg{ flex:1; min-height:0; width:100%; display:block; }
.plr-kcount{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:4px; }
.plr-kcount .plr-label{ font-size:11px; letter-spacing:.12em; white-space:nowrap; }
.plr-kcount__v{ font-family:var(--serif); font-size:15px; color:var(--ink); white-space:nowrap; }
.plr-kcard__vis--row{ background:var(--s); isolation:isolate; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; padding:24px 8px; }
.plr-kcard__vis--row figure{ display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; }
.plr-kcard__vis--row img{ width:120%; max-width:none; height:auto; aspect-ratio:3/4; object-fit:contain; mix-blend-mode:multiply; filter:brightness(1.06); } /* studio ground is ~#F3F2F0, not white: lift it to white so multiply drops it */
.plr-kcard__vis--row figcaption{ font-size:11px; line-height:1.3; color:var(--ink); text-align:center; }
.plr-kcard__vis--pair{ display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.plr-kcard__vis--pair > div{ position:relative; overflow:hidden; }
.plr-kcard__vis--pair img{ width:100%; height:100%; object-fit:cover; }
.plr-kcard__vis--pair span{ position:absolute; left:8px; bottom:8px; background:var(--c); padding:4px 8px; font-size:11px; color:var(--ink); }
.plr-kcard__vis--fab{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; align-content:center; padding:24px 18px; }
.plr-kcard__vis--fab > div{ display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; min-width:0; }
.plr-fab{ width:72%; aspect-ratio:1/1; border-radius:50%; background-size:cover; background-position:center; background-color:var(--ln2); }
.plr-fab__v{ font-family:var(--serif); font-weight:300; font-size:15px; line-height:1; color:var(--ink); white-space:nowrap; }
.plr-kcard__vis--fab small{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--mut); line-height:1.3; }
.plr-kcard__txt{ padding:18px 20px 18px; display:flex; flex-direction:column; gap:6px; flex:1; }
.plr-kcard__q{ font-family:var(--sans); font-size:12px; font-weight:300; line-height:1.4; color:var(--mut); }
.plr-kcard__st{ font-family:var(--serif); font-weight:300; font-size:18px; line-height:1.25; color:var(--ink); text-wrap:balance; }
.plr-kcard__line{ font-size:13px; line-height:1.55; color:var(--mut); text-wrap:pretty; }
.plr-kcard__foot{ margin-top:auto; padding-top:14px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; }
.plr-more{ display:inline-flex; align-items:center; gap:6px; background:none; border:0; padding:6px 0; cursor:pointer; font-size:12px; color:var(--ink); }
.plr-more svg{ transition:transform .2s var(--ease); }
.plr-more:hover svg{ transform:rotate(90deg); }
.plr-arrow{ width:32px; height:32px; display:grid; place-items:center; background:none; border:0; cursor:pointer; color:var(--mut); }
.plr-arrow:hover{ color:var(--ink); }

/* know: tabbed guide */
.plr-know__head{ display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:8px; }
.plr-kn{ display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:24px; }
.plr-kn__tabs{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:0 calc(-1 * var(--pad)); padding:0 var(--pad); }
.plr-kn__tabs::-webkit-scrollbar{ display:none; }
.plr-kn__tab{ flex:0 0 auto; display:flex; align-items:center; gap:10px; height:36px; padding:0 14px; border:1px solid var(--ln2); border-radius:2px; background:transparent;
  font-size:13px; font-weight:300; color:var(--ink); cursor:pointer; white-space:nowrap; }
.plr-kn__tab svg{ display:none; }
.plr-kn__tab[aria-selected="true"]{ background:var(--ink); border-color:var(--ink); color:var(--g); }
.plr-kn__panel{ display:grid; grid-template-columns:minmax(0,1fr); gap:0; }
.plr.js .plr-kn__panel:not(.is-active){ display:none; }
.plr:not(.js) .plr-kn__panel + .plr-kn__panel{ margin-top:40px; }
.plr-kn__panel .plr-kcard__vis{ background:var(--s); aspect-ratio:1/1; }
.plr-kn__txt{ display:flex; flex-direction:column; gap:12px; padding:22px 0 0; }
.plr-kn__q{ font-family:var(--sans); font-size:12px; font-weight:300; color:var(--mut); letter-spacing:.02em; }
.plr-kn__st{ font-family:var(--serif); font-weight:300; font-size:clamp(22px,.5vw + 18px,26px); line-height:1.2; color:var(--ink); text-wrap:balance; }
.plr-kn__live{ font-size:13px; color:var(--mut); margin-top:-6px; }
.plr-kn__a{ font-size:14px; line-height:1.65; color:var(--ink2); max-width:56ch; }
.plr-kn__note{ font-size:12px; color:var(--mut); margin-top:-4px; }
.plr-kn__txt .plr-tscroll,.plr-kn__txt .plr-dl,.plr-kn__txt .plr-figs{ margin-top:6px; }
.plr-kn__txt .plr-dl{ font-size:13px; }
.plr-kn__txt .plr-dl dt,.plr-kn__txt .plr-dl dd{ padding:10px 0; border-color:var(--ln); }
.plr-kn__txt .plr-dl dt{ padding-right:28px; }
.plr-kn__txt .plr-dl dd small{ display:block; color:var(--mut); font-size:12px; margin-top:2px; }
.plr-figs--kn .plr-fig{ border-left:0; padding:0 18px 0 0; }
.plr-figs--kn .plr-fig__v{ font-size:22px; }
.plr-kn__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; margin-top:10px; font-size:13px; }
.plr .plr-btn--sm{ height:38px; padding:0 18px; font-size:12px; }
@media (min-width:768px){
  /* Tabs across the top, one wide panel: visual 7 | text 5, centred against each other. */
  .plr-kn{ grid-template-columns:minmax(0,1fr); gap:0; margin-top:28px; }
  .plr-kn__tabs{ gap:clamp(20px,2.6vw,44px); margin:0; padding:0; overflow:visible; border-bottom:1px solid var(--ln); }
  .plr-kn__tab{ height:auto; padding:0 0 14px; margin-bottom:-1px; border:0; border-bottom:1px solid transparent; border-radius:0; background:none; font-size:14px; color:var(--mut); }
  .plr-kn__tab:hover{ color:var(--ink); }
  .plr-kn__tab[aria-selected="true"]{ background:none; color:var(--ink); border-bottom-color:var(--ink); }
  .plr-kn__panels{ padding-top:32px; }
  .plr-kn__panel{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:clamp(32px,4.5vw,80px); align-items:center; }
  .plr-kn__panel .plr-kcard__vis{ aspect-ratio:16/10; }
  .plr-kn__txt{ padding:0; }
  .plr-kn__panel .plr-kcard__vis--pad{ padding:22px 28px; }
  .plr-kn__panel .plr-kcard__vis--count{ padding:28px 40px 32px; }
  .plr-kn__panel .plr-kcard__vis--row{ gap:0; padding:24px 20px 20px; align-items:stretch; }
  .plr-kn__panel .plr-kcard__vis--row figure{ height:100%; justify-content:flex-end; min-height:0; }
  .plr-kn__panel .plr-kcard__vis--row img{ width:100%; flex:1; min-height:0; aspect-ratio:auto; object-fit:cover; object-position:50% 60%; } /* crop the studio margins so the stools fill the frame */
  .plr-kn__panel .plr-kcard__vis--row figcaption{ font-size:12px; }
  .plr-kn__panel .plr-kcard__vis--fab{ gap:28px; padding:32px 56px; }
  .plr-kn__panel .plr-fab{ width:78%; }
  .plr-kn__panel .plr-fab__v{ font-size:18px; }
  .plr-kn__panel .plr-kfigs span{ font-size:16px; }
  .plr-kn__st{ font-size:clamp(24px,.6vw + 19px,30px); }
}
}

/* detail panels: plain content below the row without JS, dialogs with JS */
.plr-dets{ display:flex; flex-direction:column; gap:32px; margin-top:32px; }
.plr-det__panel{ display:grid; align-content:start; gap:18px; outline:none; }
.plr-det__top{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.plr-det__title{ font-family:var(--serif); font-weight:300; font-size:clamp(22px,.5vw + 18px,26px); line-height:1.1; color:var(--ink); text-wrap:balance; }
.plr-det__answer{ text-wrap:pretty; }
.plr-det__note{ font-size:13px; color:var(--mut); }
.plr-det__acts{ display:flex; flex-wrap:wrap; gap:8px 24px; font-size:14px; padding-top:4px; }
.plr-det__acts .plr-textbtn{ font-size:14px; }
.plr-figs--det .plr-fig{ border-left-color:var(--ln2); }
.plr-figs--det .plr-fig__v{ font-size:22px; line-height:1.05; }
.plr-figs--det .plr-fig__l{ font-size:10px; }
.plr-tscroll{ overflow-x:auto; }
.plr-size{ width:100%; font-size:13px; line-height:1.4; border-collapse:separate; border-spacing:0; }
.plr-size caption{ text-align:left; font-size:13px; color:var(--mut); padding-bottom:8px; }
.plr-size thead th{ text-align:left; font-weight:300; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); padding:8px 12px 8px 0;
  border-bottom:1px solid var(--ink); vertical-align:bottom; }
.plr-size tbody th{ text-align:left; font-weight:300; color:var(--ink); white-space:nowrap; }
.plr-size tbody th,.plr-size td{ padding:10px 12px 10px 0; border-bottom:1px solid var(--ln2); vertical-align:top; }
.plr-size td:nth-child(3){ color:var(--ink); }
.plr-size tr.is-std td:nth-child(3){ font-family:var(--sans-reg); font-weight:400; }
.plr-size td:last-child{ white-space:nowrap; padding-right:0; }
.plr-dl{ display:grid; grid-template-columns:auto 1fr; gap:0; font-size:14px; }
.plr-dl dt,.plr-dl dd{ padding:7px 0; border-top:1px solid var(--ln2); }
.plr-dl dt{ padding-right:24px; }
.plr-tr__body .plr-dl dt,.plr-tr__body .plr-dl dd{ padding:14px 0; }
.plr-tr__body .plr-dl dt{ padding-right:32px; }
.plr-dl dt{ color:var(--mut); } .plr-dl dd{ color:var(--ink); }
.plr-dl dt:nth-last-child(2),.plr-dl dd:last-child{ border-bottom:1px solid var(--ln2); }
.plr-cells{ display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--ln2); border:1px solid var(--ln2); font-size:14px; }
.plr-cells > div{ background:var(--s); padding:12px 14px; display:flex; flex-direction:column; gap:2px; color:var(--ink); }
.plr-cells__h{ font-family:var(--serif); font-size:18px; }
.plr-cells small{ color:var(--mut); font-size:13px; }
.plr.js .plr-det{ display:none; }
.plr:not(.js) .plr-dets--trust{ display:none; }
.plr.js .plr-det.is-open{ display:flex; position:fixed; inset:0; z-index:10001; background:var(--scrim); align-items:center; justify-content:center; padding:32px; }
.plr.js .plr-det.is-open .plr-det__panel{ width:min(680px,100%); max-height:86vh; overflow-y:auto; background:var(--g); padding:32px; gap:16px; border-radius:2px; overscroll-behavior:contain; }
.plr:not(.js) .plr-det [data-plr-close]{ display:none; }
@media (max-width:767px){
  .plr.js .plr-det.is-open{ align-items:flex-end; padding:0; }
  .plr.js .plr-det.is-open .plr-det__panel{ width:100%; max-height:88vh; padding:24px 20px 32px; gap:18px; border-radius:2px 2px 0 0; animation:plrUp .28s var(--ease); }
}

/* trust row buttons + trust drawers */
.plr-trust__btn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0; margin:0; background:none; border:0; text-align:left; cursor:pointer; color:var(--mut2); }
.plr-trust__btn:hover{ color:var(--ink); }
.plr-trust__btn:hover .plr-trust__t span{ text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; }
.plr-trust__t{ display:flex; flex-direction:column; min-width:0; }
.plr-dets--trust{ margin:0; }
.plr-tr__close{ position:absolute; top:10px; right:10px; z-index:2; width:40px; height:40px; display:grid; place-items:center; background:var(--g); border:0; border-radius:50%; cursor:pointer; color:var(--ink); }
.plr-tr__media{ aspect-ratio:4/3; background:var(--s); overflow:hidden; }
.plr-tr__media img{ width:100%; height:100%; object-fit:cover; }
.plr-tr__body{ display:grid; gap:26px; padding:32px 24px 48px; }
.plr-tr__body .plr-label{ margin-bottom:-12px; }
.plr-tr__body .plr-det__title{ padding-right:44px; }
.plr-tr__media + .plr-tr__body .plr-det__title{ padding-right:0; }
.plr-tr__body .plr-det__answer{ line-height:1.65; color:var(--ink2); }
.plr-tr__body .plr-figs--det{ margin:4px 0 2px; }
.plr-tr__body .plr-figs--det .plr-fig{ border-left:0; padding:0 16px 0 0; }
.plr-tr__body .plr-fig__l{ margin-top:6px; line-height:1.5; }
.plr-tr__h{ font-family:var(--serif); font-weight:300; font-size:18px; line-height:1.25; color:var(--ink); }
.plr-tr__more{ display:grid; gap:8px; padding-top:22px; border-top:1px solid var(--ln); }
.plr-steps + .plr-tr__more,.plr-dl + .plr-tr__more,.plr-cols + .plr-tr__more{ border-top:0; padding-top:4px; }
.plr-tr__more p:not(.plr-tr__h){ font-size:14px; line-height:1.65; color:var(--ink2); }
.plr-tr__body .plr-det__acts{ padding-top:4px; }
.plr.js .plr-det--side.is-open .plr-det__panel{ position:relative; display:block; padding:0; overflow-y:auto; } /* block flow: a fixed-height grid squeezes the photo row */
.plr-tr__body .plr-dl dt,.plr-tr__body .plr-dl dd{ padding:14px 0; border-color:var(--ln); }
.plr-tr__body .plr-dl dt{ padding-right:32px; }
.plr-tr__body .plr-dl dt:nth-last-child(2),.plr-tr__body .plr-dl dd:last-child{ border-bottom-color:var(--ln); }
.plr-steps{ list-style:none; margin:0; padding:0; display:grid; }
.plr-steps li{ display:grid; grid-template-columns:32px 1fr; gap:12px; padding:14px 0 !important; border-top:1px solid var(--ln); }
.plr-steps li:last-child{ border-bottom:1px solid var(--ln); }
.plr-steps__n{ font-size:12px; line-height:1.6; color:var(--mut2); letter-spacing:.04em; }
.plr-steps__t{ display:block; font-family:var(--sans); font-weight:300; font-size:14px; line-height:1.45; color:var(--ink); } /* same weight as the dl rows in the first two drawers */
.plr-steps p{ font-size:13px; line-height:1.55; color:var(--mut); margin-top:2px; }
.plr-steps .plr-textbtn{ display:inline-block; margin-top:5px; font-size:13px; }
.plr-cols{ display:grid; grid-template-columns:1fr 1fr; gap:28px; padding-top:22px; border-top:1px solid var(--ln); }
.plr-cols > div{ display:flex; flex-direction:column; gap:12px; min-width:0; }
.plr-cols ul{ display:flex; flex-direction:column; }
.plr-cols li{ font-size:13px; line-height:1.5; color:var(--ink2); padding:8px 0 !important; border-bottom:1px solid var(--ln); }
.plr-cols > div + div li{ color:var(--mut); }
@media (min-width:768px){
  .plr.js .plr-det--side.is-open{ justify-content:flex-end; align-items:stretch; padding:0; }
  .plr.js .plr-det--side.is-open .plr-det__panel{ width:min(560px,100%); height:100%; max-height:none; border-radius:0; align-content:start; animation:plrSide .32s var(--ease); }
  /* Everything scales with the screen HEIGHT so a drawer never scrolls on a laptop and keeps some air on a big screen. */
  .plr-tr__body{ padding:clamp(20px,3.2vh,36px) 44px clamp(20px,3.2vh,40px); gap:clamp(12px,2vh,22px); }
  .plr-tr__media{ aspect-ratio:auto; height:clamp(140px,26vh,320px); }
  .plr-tr__body .plr-label{ margin-bottom:calc(-1 * clamp(4px,.9vh,10px)); }
  .plr .plr-tr__body .plr-steps li{ padding:clamp(9px,1.5vh,16px) 0 !important; }
  .plr-tr__more,.plr-cols{ padding-top:clamp(10px,1.8vh,20px); }
  .plr .plr-tr__body .plr-dl dt,.plr .plr-tr__body .plr-dl dd{ padding:clamp(7px,1.1vh,11px) 0 !important; }
  .plr .plr-tr__body .plr-cols li{ padding:clamp(5px,.8vh,8px) 0 !important; }
  .plr-tr__body .plr-det__answer{ line-height:1.55; }
  .plr-tr__close{ top:14px; right:14px; }
}
@keyframes plrSide{ from{ transform:translateX(100%); } to{ transform:none; } }

/* shipping calculator in the delivery drawer */
.plr-ship{ display:grid; gap:10px; padding-top:clamp(10px,1.8vh,20px); }
.plr-ship__row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.plr-ship select{ height:36px; padding:0 30px 0 10px; border:1px solid var(--ln2); border-radius:2px; background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23262522' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;
  appearance:none; -webkit-appearance:none; font:inherit; font-size:13px; color:var(--ink); }
.plr-ship__qty{ display:inline-flex; align-items:center; border:1px solid var(--ln2); border-radius:2px; height:36px; }
.plr-ship__qty button{ width:34px; height:34px; background:none; border:0; cursor:pointer; font-size:15px; color:var(--ink); }
.plr-ship__qty span{ min-width:26px; text-align:center; font-size:13px; font-variant-numeric:tabular-nums; }
.plr-ship__price{ margin-left:auto; font-family:var(--serif); font-weight:300; font-size:22px; color:var(--ink); font-variant-numeric:tabular-nums; }
.plr-ship__note{ font-size:12px; color:var(--mut); }

/* subcollection pages (sections/subpillar-main) */
.plr-subhero{ padding-top:clamp(20px,3vw,44px); }
.plr-subhero .plr-h1{ max-width:24ch; }
.plr-subhero__answer{ max-width:62ch; margin-top:14px; }
@media (min-width:768px){ .plr-subhero__answer{ font-size:18px; } }
.plr-chips--sub{ position:static; margin-top:0; padding-top:18px; padding-bottom:4px; }
.plr .plr-chip[aria-current="page"]{ background:var(--ink); color:var(--g); border-color:var(--ink); }
.plr a.plr-chip{ display:inline-flex; align-items:center; text-decoration:none; color:var(--ink); }
.plr-sub__count{ margin-top:10px; }
.plr-subcmp__t{ min-width:760px; }
.plr-subcmp__t tbody th a{ text-decoration:underline; text-decoration-color:var(--ul); }
.plr-subsplit{ display:grid; gap:24px; }
@media (min-width:900px){ .plr-subsplit{ grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,4.5vw,80px); align-items:start; } }
.plr-subsplit .plr-h2{ margin-bottom:12px; }
.plr-sub__st{ margin-bottom:10px; }
.plr-sub__link{ margin-top:14px; font-size:13px; }
.plr-subguides{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:0 32px; margin-top:20px; border-top:1px solid var(--ln); }
.plr-subguides li{ border-bottom:1px solid var(--ln); }
.plr .plr-subguides a{ display:flex; flex-direction:column; gap:4px; padding:16px 0; text-decoration:none; }
.plr-subguides__t{ font-family:var(--serif); font-weight:300; font-size:18px; line-height:1.25; color:var(--ink); }
.plr-subguides__a{ font-size:13px; line-height:1.5; color:var(--mut); }
.plr .plr-subguides a:hover .plr-subguides__t{ text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; }
.plr-subfaq summary{ list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:54px; padding:14px 0; cursor:pointer; }
.plr-subfaq summary::-webkit-details-marker{ display:none; }
.plr-subfaq summary h3{ font-family:var(--sans); font-size:15px; font-weight:300; line-height:1.4; color:var(--ink); margin:0; }
.plr-subfaq summary svg{ flex:0 0 16px; transition:transform .2s ease; }
.plr-subfaq[open] summary svg{ transform:rotate(45deg); }
.plr-subcards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(46%,220px),1fr)); gap:clamp(12px,1.7vw,24px); margin-top:24px; }
.plr .plr-subcard{ display:flex; flex-direction:column; gap:6px; text-decoration:none; color:var(--ink); }
.plr-subcard__img{ aspect-ratio:1/1; background:var(--s); overflow:hidden; }
.plr-subcard__img img{ width:100%; height:100%; object-fit:cover; }
.plr-subcard__t{ font-family:var(--serif); font-weight:300; font-size:18px; line-height:1.25; margin-top:6px; }
.plr-subcard__n{ font-size:12px; color:var(--mut); }
.plr--sub{ padding-bottom:clamp(72px,6vw,120px); }

/* 5. compare */
.plr-cmp__head{ display:flex; flex-direction:column; gap:10px; max-width:760px; }
.plr-cmp__t{ width:100%; table-layout:fixed; margin-top:28px; border-collapse:separate; border-spacing:0; }
.plr-cmp__t .plr-col{ display:none; }
.plr-cmp__t .plr-col.is-m{ display:table-cell; }
@media (min-width:768px){ .plr-cmp__t .plr-col.is-d{ display:table-cell; } .plr-cmp__t .plr-col:not(.is-d){ display:none; } }
.plr-cmp__t th{ vertical-align:top; text-align:left; font-weight:300; padding:0 12px 14px 0; }
.plr-cmp__t td{ vertical-align:top; padding:8px 12px 8px 0; border-top:1px solid var(--ln); }
@media (min-width:768px){ .plr-cmp__t th{ padding-right:24px; } .plr-cmp__t td{ padding-right:24px; } }
.plr-cmp__t select{ width:100%; height:40px; padding:0 32px 0 12px; appearance:none; -webkit-appearance:none; background-color:var(--c);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23262522' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; border:1px solid var(--ln2); border-radius:2px; font-family:inherit; font-weight:300; font-size:14px; color:var(--ink); cursor:pointer; }
.plr .plr-cmp__prod{ display:flex; flex-direction:column; gap:2px; margin-top:12px; text-decoration:none; color:var(--ink); }
.plr-cmp__img{ display:block; aspect-ratio:1/1; background:var(--s); overflow:hidden; }
.plr-cmp__img img{ width:100%; height:100%; object-fit:cover; }
.plr-cmp__name{ font-family:var(--serif); font-weight:300; font-size:clamp(18px,.3vw + 16px,20px); line-height:1.15; margin-top:10px; }
.plr-cmp__price{ font-family:var(--sans-reg); font-weight:400; font-size:14px; }
.plr-cmp__fit{ font-size:13px; color:var(--mut); }
.plr-cmp__l{ display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); margin-bottom:1px; }
/* Row labels: one spanning label row per attribute (the value row below carries no label copies). */
.plr-cmp__t .plr-cmp__lr th{ padding:8px 0 1px; white-space:nowrap; overflow:visible; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); font-weight:400; }
.plr-cmp__t .plr-cmp__lr + tr td{ border-top:0; padding-top:0; }
.plr-cmp__t{ border-collapse:collapse; } .plr-cmp__t .plr-cmp__lr{ border-top:1px solid var(--ln); }
.plr-cmp__v{ display:block; font-size:13px; line-height:1.3; color:var(--ink); overflow-wrap:anywhere; }
.plr-cmp__v--big{ font-family:var(--serif); font-size:16px; }
@media (min-width:768px){ .plr-cmp__v--big{ font-size:17px; } }
.plr-cmp__foot{ margin-top:12px; font-size:12px; color:var(--mut); }

/* 6. proof */
.plr-proof__row{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(min(78%,300px),1fr); gap:clamp(12px,1.7vw,24px);
  overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; margin:24px auto 0; max-width:none; padding:0 var(--pad); scroll-padding:0 var(--pad); }
.plr-proof__row::-webkit-scrollbar{ display:none; }
.plr-proof__row article{ scroll-snap-align:start; display:flex; flex-direction:column; gap:12px; min-width:0; }
.plr-proof__img{ aspect-ratio:4/5; background:var(--s); overflow:hidden; }
.plr-proof__img img{ width:100%; height:100%; object-fit:cover; }
.plr-proof__row h3{ font-family:var(--serif); font-weight:300; font-size:18px; line-height:1.2; color:var(--ink); margin-top:4px; text-wrap:balance; }
.plr-proof__row p{ font-size:14px; text-wrap:pretty; }
.plr-proof__row a{ font-size:14px; align-self:flex-start; }

/* library: reviews, guides, faq, sticky */
.plr--lib{ padding-bottom:clamp(72px,6vw,120px); }
.plr-reviews .plr-h2{ margin-bottom:20px; }
.plr-reviews .section-reviews-carousel{ padding:0; }
.plr-guides__sub{ color:var(--mut); margin-top:8px; }
.plr-guides__rows{ margin-top:20px; border-top:1px solid var(--ln); }
.plr-grow{ border-bottom:1px solid var(--ln); }
.plr-grow h3{ font-weight:300; }
.plr-grow button{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:58px; padding:14px 0; background:none; border:0; cursor:pointer; text-align:left; }
.plr-grow__t{ display:flex; align-items:baseline; gap:6px 14px; flex-wrap:wrap; }
.plr-grow__h{ font-family:var(--serif); font-weight:300; font-size:clamp(19px,.3vw + 17px,21px); line-height:1.2; color:var(--ink); }
.plr-grow__n{ font-size:13px; color:var(--mut); }
.plr-grow__i{ flex:0 0 14px; color:var(--ink); transition:transform .2s ease; }
.plr-faq__item svg{ transition:transform .2s ease; }
.plr-grow button[aria-expanded="true"] .plr-grow__i,.plr-faq__item button[aria-expanded="true"] svg{ transform:rotate(45deg); }
.plr-grow__list{ columns:auto 300px; column-gap:48px; padding:0 0 24px; }
.plr.js .plr-grow__list{ display:none; }
.plr.js .plr-grow.is-open .plr-grow__list{ display:block; }
.plr.js .plr-grow.is-open .plr-qa{ display:grid; }
.plr-qa{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:4px 48px; padding:0 0 28px; columns:auto; }
.plr-qa__item{ padding:12px 0; border-top:1px solid var(--ln); }
.plr-qa__q{ font-family:var(--serif); font-weight:300; font-size:17px; line-height:1.3; color:var(--ink); margin:0; }
.plr-qa__a{ font-size:14px; line-height:1.6; color:var(--ink2); margin-top:6px; max-width:62ch; }
.plr-grow__list li{ break-inside:avoid; }
.plr .plr-grow__list a{ display:block; padding:8px 0; font-size:14px; line-height:1.4; color:var(--ink); text-decoration:none; }
.plr .plr-grow__list a:hover{ text-decoration:underline; }
.plr-faq__grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr)); gap:clamp(20px,4vw,72px); }
.plr-faq__list{ border-top:1px solid var(--ink); min-width:0; }
.plr-faq__item{ border-bottom:1px solid var(--ln); }
.plr-faq__item h3{ font-weight:300; }
.plr-faq__item button{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:54px; padding:14px 0; background:none;
  border:0; cursor:pointer; text-align:left; font-size:15px; line-height:1.4; color:var(--ink); }
.plr-faq__item svg{ flex:0 0 16px; }
.plr-faq__a p{ padding:0 0 16px; max-width:64ch; font-size:14px; text-wrap:pretty; }
.plr-sticky{ position:fixed; left:0; right:0; bottom:0; z-index:9500; background:var(--g); border-top:1px solid var(--ln);
  padding:8px 12px calc(8px + env(safe-area-inset-bottom)); display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.plr-sticky .plr-btn{ height:44px; padding:0 10px; font-size:12px; }
@media (min-width:768px){ .plr-sticky{ display:none !important; } }

@media (prefers-reduced-motion:reduce){
  .plr *,.plr *::before,.plr *::after{ transition:none !important; animation:none !important; scroll-behavior:auto !important; }
}

/* Trustpilot: one quiet line under the hero buttons (ink stars, no badge), opens the official List TrustBox in a side drawer. */
.plr-tp{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; white-space:nowrap; margin-top:14px; padding:4px 0; background:none; border:0; cursor:pointer; color:var(--ink); text-align:left; font:inherit; }
.plr-tp__stars{ display:inline-flex; gap:2px; color:var(--ink); }
.plr-tp__t{ font-size:13px; color:var(--ink2); line-height:1.3; }
.plr-tp__t b{ font-weight:500; color:var(--ink); }
.plr-tp__more{ font-size:12px; color:var(--mut); text-decoration:underline; text-decoration-color:var(--ul); text-underline-offset:3px; }
.plr-tp:hover .plr-tp__more{ color:var(--ink); text-decoration-color:currentColor; }
.plr-tp:focus-visible{ outline:1px solid var(--ink); outline-offset:4px; }
@media (min-width:768px){ .plr-tp{ grid-area:tp; margin-top:20px; } }
.plr-det--tp .plr-tpd{ display:flex; flex-direction:column; height:100%; box-sizing:border-box; }
.plr-tpd__box{ flex:1 1 auto; min-height:360px; height:calc(100vh - 300px); margin-top:clamp(14px,2.4vh,24px); border-top:1px solid var(--ln); padding-top:clamp(10px,1.6vh,16px); }
.plr-tpd__box .trustpilot-widget, .plr-tpd__box iframe{ height:100% !important; }
@media (max-width:767px){ .plr-tpd__box{ height:calc(80vh - 240px); min-height:300px; } }

.plr-rcard__f{ display:block; margin-top:4px; font-size:12px; line-height:1.4; color:var(--mut); }


/* =====================================================================================================
   2026 REDESIGN (Figma: Opening pillar · Eight stools · Chooser · Before you choose · Quick answers ·
   Compare · Proof · Reviews · Guides · FAQ · Sticky bar). Later rules win over the 2026-09 build above.
   Type from the foundation: Eiko for headlines, Archivo for everything else; labels are Archivo Eyebrow
   10/13 upper case. Buttons 50 high, radius 0.
   ===================================================================================================== */
.plr .plr-btn{ height:50px; padding:0 24px; border-radius:0; font-weight:400; font-size:13px; letter-spacing:.08em; }
.plr .plr-btn:hover{ background:#3A3836; border-color:#3A3836; }
.plr .plr-btn--2:hover{ background:var(--ink); color:#FFFFFF; border-color:var(--ink); }
.plr-label{ font-size:10px; line-height:13px; letter-spacing:.14em; color:var(--ink2); }
.plr-h2{ font-family:var(--serif); font-weight:400; font-size:28px; line-height:31px; letter-spacing:0; }

/* Breadcrumb: one line, never wraps, at the grid margin (Opening note). */
.tpl-collection--pillar .crea-breadcrumb, .tpl-collection--subpillar .crea-breadcrumb{
  --cb-px:12px !important; --cb-fs:12px !important; padding-left:12px !important; padding-right:12px !important; }
.tpl-collection--pillar .crea-breadcrumb ol, .tpl-collection--subpillar .crea-breadcrumb ol{ flex-wrap:nowrap !important; overflow:hidden; white-space:nowrap; }
@media (min-width:768px){
  .tpl-collection--pillar .crea-breadcrumb, .tpl-collection--subpillar .crea-breadcrumb{ --cb-px:16px !important; padding-left:16px !important; padding-right:16px !important; }
}

/* ---------- 1. OPENING ---------- */
.plr-hero{ padding-top:0; }
.plr-hero__grid{ padding:0 var(--pad); }
.plr-h1{ font-family:var(--serif); font-weight:400; font-size:30px; line-height:33px; letter-spacing:0; }
.plr-answer{ font-family:var(--sans); font-weight:400; font-size:16px; line-height:21px; color:var(--ink2); margin-top:12px; max-width:none; }
.plr-hero__media{ order:-1; margin:0 calc(-1 * var(--pad)); aspect-ratio:390/470; background:var(--s); }   /* phone: picture first */
.plr-hero__head{ padding-top:40px; }
/* Figures: four equal cells on Off White. The dividers sit on the CELL boundaries and stop short, 62% of
   their axis, so every label keeps 24 clear of a rule (Marcus 2026-10-28). Phone = a 2x2 quadrant cross. */
.plr-hero__figs{ position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-top:24px;
  padding:0; background:var(--s); max-width:none; }
.plr-hero__figs .plr-fig, .plr-hero__figs .plr-fig:first-child{ position:relative; padding:28px; border:0; min-width:0; }
.plr-hero__figs .plr-fig__v{ font-family:var(--serif); font-weight:400; font-size:18px; line-height:20px; color:var(--ink); white-space:nowrap; }
.plr-hero__figs .plr-fig__l{ font-family:var(--sans); font-weight:400; font-size:10px; line-height:13px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--ink2); margin-top:8px; text-wrap:balance; }   /* wraps rather than crossing a divider; the short labels sit on one line */
.plr-hero__figs::before, .plr-hero__figs::after{ content:""; position:absolute; background:var(--ln); pointer-events:none; }
.plr-hero__figs::before{ left:50%; top:19%; bottom:19%; width:1px; }   /* vertical arm, 62% of the height */
.plr-hero__figs::after{ top:50%; left:19%; right:19%; height:1px; }    /* horizontal arm, 62% of the width */
.plr-hero__btns{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding-top:32px; }
.plr-hero__btns .plr-btn{ width:100%; min-width:0; padding:0 8px; }
.plr .plr-tp{ margin-top:24px; gap:4px 12px; padding:0; }
.plr-tp__stars{ color:#00B67A; gap:3px; }      /* Trustpilot's own green: their mark, not ours (Q14, Q221) */
.plr-tp__stars svg{ width:14px; height:14px; }
.plr-tp__t{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-tp__t b{ font-size:14px; font-weight:400; color:var(--ink); margin-right:4px; }
.plr-tp__t span.plr-tp__lab{ display:none; }
.plr-tp__more{ font-size:14px; line-height:18px; color:var(--ink); text-decoration:underline; text-decoration-color:var(--ln); text-underline-offset:4px; }
/* Trust row: four links. Phone = four stacked 70 rows with a Chalk rule between. */
.plr-trust{ display:block; margin:32px var(--pad) 0; padding:0; background:none; border:0; border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); }
.plr .plr-trust li, .plr .plr-trust li:first-child, .plr .plr-trust li:nth-child(even){ position:relative; display:block; padding:0 !important; background:none; border:0; }
.plr .plr-trust li + li{ border-top:1px solid var(--ln); }
.plr-trust__btn{ min-height:70px; padding:0; color:var(--ink2); }
.plr-trust span, .plr-trust__t > span{ font-size:14px; line-height:18px; color:var(--ink); }
.plr-trust small{ font-size:12px; line-height:16px; color:var(--ink2); margin-top:3px; }
.plr-trust__btn svg{ flex:0 0 auto; width:12px; height:12px; color:var(--ink2); }

@media (min-width:1025px){
  /* One split: text column 664, picture 740 running to the right edge, at 1440. */
  .plr-hero__grid{ padding:0 0 0 16px; grid-template-columns:minmax(0,664fr) minmax(0,740fr); column-gap:20px;
    grid-template-areas:"head media" "figs media" "btns media" "tp media"; grid-template-rows:auto auto auto 1fr; }
  .plr-hero__head{ grid-area:head; padding-top:60px; }
  .plr-hero__media{ order:0; grid-area:media; margin:0; aspect-ratio:auto; align-self:stretch; min-height:496px; }
  .plr-hero__media picture, .plr-hero__media img{ width:100%; height:100%; object-fit:cover; }
  .plr-h1{ font-size:40px; line-height:44px; }
  .plr-answer{ font-size:18px; line-height:23px; margin-top:24px; }
  .plr-hero__figs{ grid-area:figs; margin-top:36px; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .plr-hero__figs .plr-fig, .plr-hero__figs .plr-fig:first-child{ padding:40px 24px; }
  .plr-hero__figs .plr-fig__v{ font-size:22px; line-height:24px; }
  .plr-hero__figs::before, .plr-hero__figs::after{ display:none; }
  .plr-hero__figs .plr-fig + .plr-fig::before{ content:""; position:absolute; left:0; top:24px; bottom:24px; width:1px; background:var(--ln); }
  .plr-hero__btns{ grid-area:btns; display:flex; gap:12px; padding-top:32px; }
  .plr-hero__btns .plr-btn{ width:auto; min-width:200px; padding:0 24px; flex:0 0 auto; }
  .plr .plr-tp{ grid-area:tp; align-self:start; margin-top:28px; padding-bottom:54px; }
  .plr-tp__t span.plr-tp__lab{ display:inline; }
  .plr-trust{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:40px 16px 0; }
  .plr .plr-trust li + li{ border-top:0; }
  .plr .plr-trust li + li::before{ content:""; position:absolute; left:0; top:16px; bottom:16px; width:1px; background:var(--ln); }
  .plr-trust__btn{ min-height:86px; padding:0 24px; }
}

/* Trust side panels: 520 (Q220), photograph 16:9 on top, 40 close circle, 40 text padding. */
@media (min-width:768px){
  .plr.js .plr-det--side.is-open .plr-det__panel{ width:min(520px,100%); border-radius:0; animation:plrSide .4s var(--ease); }
  .plr-det--side .plr-tr__media{ height:auto; aspect-ratio:16/9; }
  .plr-det--side .plr-tr__body{ padding:40px; gap:16px; }
}
.plr-tr__close{ top:24px; right:24px; width:40px; height:40px; }
.plr-tr__close::after{ content:""; position:absolute; inset:-2px; }   /* 44 hit area */
.plr-det__title{ font-family:var(--serif); font-weight:400; font-size:24px; line-height:27px; color:var(--ink); }
.plr-tr__body .plr-det__answer{ font-size:14px; line-height:18px; color:var(--ink2); }
.plr.js .plr-det.is-open .plr-det__panel{ border-radius:0; }

/* ---------- 2. EIGHT STOOLS ---------- */
.plr-shop{ padding-top:64px; }
.plr-shop__head{ display:block; }
.plr-shop .plr-h2{ font-size:28px; line-height:31px; }
.plr-shop__count{ display:block; margin-top:4px; font-size:12px; line-height:16px; color:var(--ink2); }
/* Filter chips: Archivo Nav 14/18, 40 high, Chalk edge, active Soft Black. Sticky under the header. */
.plr-chips{ margin:24px calc(-1 * var(--pad)) 0; padding:8px var(--pad); gap:8px; }
.plr-chip, .plr a.plr-chip{ height:40px; padding:0 16px; border:1px solid var(--ln); border-radius:0; background:#FFFFFF; color:var(--ink);
  font-size:14px; line-height:18px; font-weight:400; letter-spacing:0; text-transform:none; }
.plr-chip:hover{ border-color:var(--ink); }
.plr-chip[aria-pressed="true"], .plr .plr-chip[aria-current="page"]{ background:var(--ink); color:#FFFFFF; border-color:var(--ink); }
/* Grid: 2-up with an 8 gutter on phones, 4-up with a 24 gutter from 1025 (the pillar grid, Q212: the 4px rule is
   for images set edge to edge, not for this). Row gaps 28 and 36. */
.plr-grid{ container-type:inline-size; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:8px; row-gap:28px; margin-top:16px; }
@media (min-width:1025px){ .plr-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); column-gap:24px; row-gap:36px; margin-top:24px; } }

/* Card */
.plr .plr-card{ position:relative; display:block; gap:0; min-width:0; color:var(--ink); }
.plr .plr-card__link{ display:flex; flex-direction:column; text-decoration:none; color:var(--ink); }
.plr-card__media{ aspect-ratio:4/5; background:var(--s); }
.plr-card__media .plr-card__i1{ object-fit:cover; mix-blend-mode:multiply; filter:brightness(1.06); } /* studio ground ~#F3F2F0 lifted so multiply drops it onto Off White */
/* Swatches on the image, bottom left: 18 squares on a 26 pitch, Chalk edge, the card's own colourway underlined;
   four, then the remainder as a White chip. */
.plr-card__sw{ position:absolute; left:12px; bottom:12px; display:flex; align-items:center; gap:8px; margin:0; z-index:1; }
.plr-card__sw img{ position:relative; inset:auto; width:18px; height:18px; border-radius:0; object-fit:cover; background:#FFFFFF;
  box-shadow:inset 0 0 0 1px var(--ln); mix-blend-mode:normal; filter:none; }
/* No selected-colour marker (Alexander 2026-10-31: tried the 1px tick and a frame, both out). Every square the same. */
.plr-card__sw img.is-on{ box-shadow:inset 0 0 0 1px var(--ln); outline:0; }
.plr-card__sw small{ display:inline-grid; place-items:center; min-width:28px; height:18px; padding:0 4px; background:#FFFFFF;
  border:1px solid var(--ln); font-size:11px; line-height:16px; color:var(--ink2); }
/* Save: drawn 16, hit 44, top right; a 45% White disc keeps it legible on any photograph (Q213). */
.plr-card__save{ position:absolute; top:0; right:0; z-index:2; width:44px; height:44px; display:grid; place-items:center; padding:0;
  margin:0; border:0; background:none; cursor:pointer; color:var(--ink); }
/* No disc behind the icon (Alexander 2026-10-31): just the bookmark. */
.plr-card__save svg{ position:relative; width:16px; height:16px; }
.plr-card__save[state="not-active"] svg:last-child, .plr-card__save[state="active"] svg:first-child{ display:none; }
.plr-card__save:focus-visible{ outline:2px solid var(--ink); outline-offset:-4px; }
/* Text block: 12 above on phones, 16 on desktop, 6 between every row. */
.plr-card__txt{ display:flex; flex-direction:column; gap:6px; padding-top:12px; }
.plr-card__name{ font-family:var(--serif); font-weight:400; font-size:14px; line-height:18px; color:var(--ink); }
.plr-card__price{ font-family:var(--sans); font-weight:400; font-size:14px; line-height:18px; color:var(--ink); margin:0; white-space:nowrap; }
.plr-card__from{ color:var(--ink2); }
.plr-card__from:first-child{ margin-right:4px; }
.plr-card__amt + .plr-card__from{ margin-left:4px; }
/* Fit line (back · width · material): desktop only, phones keep the airier card. */
.plr-card__fit{ display:none; font-size:12px; line-height:16px; color:var(--ink2); }
@media (min-width:1025px){ .plr-card__fit{ display:block; font-size:13px; line-height:17px; } }
/* Height chips: 20 high, 6 padding, PDP Micro 11/16, Chalk edge, 6 apart. They WRAP; never truncated. */
.plr-card__hts{ display:flex; flex-wrap:wrap; gap:6px; margin:0; }
.plr-card__hts span:not(.plr-vh){ height:20px; padding:0 6px; border:1px solid var(--ln); border-radius:0; font-size:11px; line-height:18px; color:var(--ink); white-space:nowrap; }
@media (hover:hover){ .plr-card__link:hover .plr-card__name{ text-decoration:underline; text-decoration-color:var(--ln); text-underline-offset:4px; } }
@media (min-width:1025px){
  .plr-card__sw{ left:16px; bottom:16px; }
  .plr-card__save{ top:4px; right:4px; }
  .plr-card__txt{ padding-top:16px; }
  .plr-card__name{ font-size:18px; line-height:24px; }
}
/* Editorial tiles: two columns wide, the picture as tall as a card's picture, the caption BELOW it like a card's. */
.plr .plr-tile{ grid-column:span 2; aspect-ratio:auto; min-height:0; display:flex; flex-direction:column; background:none; overflow:visible; }
.plr-tile img{ position:relative; inset:auto; width:100%; height:calc((100cqw - 8px) / 2 * 1.25); object-fit:cover; background:var(--s); }
.plr-tile__box{ position:static; max-width:none; background:none; padding:12px 0 0; gap:2px; }
.plr-tile__box .plr-label{ display:none; }
.plr-tile__title{ font-family:var(--serif); font-weight:400; font-size:16px; line-height:21px; color:var(--ink); }
.plr-tile__cta{ align-self:flex-start; margin-top:2px; font-size:12px; line-height:16px; color:var(--ink); text-decoration:underline; text-decoration-color:var(--ln); text-underline-offset:4px; }
@media (min-width:1025px){
  .plr-tile img{ height:calc((100cqw - 72px) / 4 * 1.25); }
  .plr-tile__box{ padding-top:16px; }
}

/* ---------- 3. CHOOSER ENTRY + FLOW (Figma: Find your stool · chooser) ---------- */
.plr-find{ padding-top:64px; }
.plr-find > .plr-wrap{ padding:0; }
.plr-entry{ display:flex; flex-direction:column; background:none; }
.plr-entry__body{ background:var(--s); padding:40px 24px; justify-content:flex-start; }
.plr-entry__h{ font-family:var(--serif); font-weight:400; font-size:28px; line-height:31px; margin-top:16px; color:var(--ink); }
.plr-entry__sub{ font-size:14px; line-height:18px; color:var(--ink2); margin-top:16px; max-width:none; }
.plr-entry__q{ margin-top:40px; font-size:12px; line-height:16px; color:var(--ink2); }
.plr-entry__opts{ margin-top:16px; border-top:1px solid var(--ln); }
/* The answer rows are the Support & FAQ row: 60 tall, hairline, answer in Eiko, the hint (the translation) in
   Brown right-aligned before a chevron. */
.plr .plr-eopt{ grid-template-columns:minmax(0,1fr) auto 12px; align-items:center; gap:16px; min-height:60px; padding:0; border-bottom:1px solid var(--ln); }
.plr-eopt span{ font-family:var(--serif); font-weight:400; font-size:20px; line-height:22px; color:var(--ink); }
.plr-eopt small{ font-size:14px; line-height:18px; color:var(--ink2); }
.plr-eopt svg{ width:12px; height:12px; color:var(--ink2); }
.plr-entry__fb{ margin-top:40px; font-size:14px; line-height:18px; color:var(--ink) !important; text-decoration-color:var(--ink) !important; }
/* Phone: the panel first, the picture after (Q228), 260 tall, full bleed. */
.plr-entry__media{ display:block; order:2; min-height:0; height:260px; }
@media (min-width:1025px){
  .plr-find > .plr-wrap{ padding-left:16px; }
  .plr-entry{ display:grid; grid-template-columns:minmax(0,624fr) minmax(0,800fr); min-height:560px; }
  .plr-entry__body{ padding:48px; }
  .plr-entry__media{ order:0; height:auto; min-height:560px; }
}

/* Flow. Off White ground, White surfaces on it; a hairline row is an option, a White row behind it is the
   selected one. Head and progress across the full width, then picture · question · fit so far, then Back and
   Skip pinned on a hairline. */
.plr-ch{ display:block; background:var(--s); padding:24px 12px; }
.plr-ch__head{ display:flex; flex-direction:column; gap:20px; }
.plr-ch__top .plr-label--ink{ color:var(--ink); }
.plr-ch__top .plr-label:not(.plr-label--ink){ color:var(--gray); }
.plr-ch__close svg{ width:14px; height:14px; }
.plr-ch__bars{ gap:8px; }
.plr-ch__bars span{ height:2px; background:var(--ln); }
.plr-ch__bars span.on{ background:var(--ink); }
.plr-ch__cols{ display:flex; flex-direction:column; gap:24px; margin-top:24px; }
.plr-ch__main{ gap:20px; }
.plr-ch__media{ margin:0 -12px; background:#FFFFFF; padding:24px; display:flex; flex-direction:column; gap:16px; }
.plr-ch__art{ display:flex; align-items:center; justify-content:center; min-height:220px; }
.plr-ch__art svg{ width:100%; max-width:340px; height:auto; }
.plr-ch__pair{ display:grid; grid-template-columns:1fr 1fr; gap:4px; width:100%; }   /* images edge to edge: the 4px rule */
.plr-ch__pic{ display:flex; flex-direction:column; gap:8px; }
.plr-ch__pic img{ width:100%; aspect-ratio:4/5; object-fit:cover; background:var(--s); mix-blend-mode:multiply; filter:brightness(1.06); }
.plr-ch__pic small{ font-size:12px; line-height:16px; color:var(--ink2); text-align:center; }
.plr-ch__media figcaption{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-ch__q{ font-family:var(--serif); font-weight:400; font-size:28px; line-height:31px; color:var(--ink); }
.plr-ch__qsub{ margin-top:12px; font-size:16px; line-height:21px; color:var(--ink2); }
/* Options are rows, not form boxes: 68 tall, Chalk between; radios stay CIRCLES (single choice), Gray ring. */
.plr-ch__opts{ gap:0; border-top:1px solid var(--ln); }
.plr-opt{ min-height:68px; padding:12px 16px; gap:16px; background:transparent; border:0; border-bottom:1px solid var(--ln); border-radius:0; }
.plr-opt[aria-checked="true"]{ background:#FFFFFF; border-color:var(--ln); }
.plr-opt__dot{ flex:0 0 18px; height:18px; border-color:var(--gray); }
.plr-opt[aria-checked="true"] .plr-opt__dot{ border-color:var(--ink); }
.plr-opt__t span{ font-size:16px; line-height:21px; color:var(--ink2); }
.plr-opt[aria-checked="true"] .plr-opt__t span{ color:var(--ink); }
.plr-opt__t small{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-box{ background:#FFFFFF; border:0; padding:24px; gap:16px; }
.plr-box__v b{ font-family:var(--sans); font-weight:400; font-size:14px; line-height:18px; color:var(--ink); }
.plr-box__ends{ font-size:14px; line-height:18px; color:var(--gray); }
.plr-box input[type="range"]{ accent-color:var(--ink); width:100%; }
.plr-seg{ border:1px solid var(--ln); border-radius:0; background:#FFFFFF; gap:0; }
.plr-seg button{ height:52px; font-size:16px; font-weight:400; }
.plr-seg button + button{ border-left:1px solid var(--ln); }
.plr-ch__main .plr-btn{ height:52px; width:100%; }
.plr-ch__nav{ margin-top:24px; padding-top:12px; border-top:1px solid var(--ln); }
.plr-ch__nav button{ font-size:16px; line-height:21px; color:var(--ink); }
.plr-ch__nav button[data-skip]{ color:var(--gray); }
.plr-ch__nav button:disabled{ color:var(--ln); }
/* The rail: a decided value is set in Eiko (the serif IS the affordance), an undecided one in Archivo Gray. */
.plr-aside{ background:#FFFFFF; padding:24px; gap:16px; }
.plr-aside .plr-label{ color:var(--gray); }
.plr-aside__row{ border-top:1px solid var(--ln); padding:12px 0 0; align-items:baseline; }
.plr-aside__row span{ font-size:16px; line-height:21px; color:var(--ink); }
.plr-aside__row b{ font-family:var(--serif); font-weight:400; font-size:18px; line-height:20px; color:var(--ink); }
.plr-aside__row b.unset{ font-family:var(--sans); font-weight:400; font-size:16px; line-height:21px; color:var(--gray); }
.plr-aside p{ font-size:12px; line-height:16px; color:var(--ink2); }
/* Result: figures on White, the why line, three cards (only BEST FIT outlined), links, then the actions. */
.plr-res{ gap:24px; }
.plr-res__figs{ background:#FFFFFF; border:0; gap:0; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
.plr-res__figs > div{ background:#FFFFFF; padding:24px 28px; }
.plr-res__figs > div + div{ border-left:1px solid var(--ln); }
.plr-res__figs b{ font-family:var(--serif); font-weight:400; font-size:28px; line-height:31px; }
.plr-res__figs span{ font-size:10px; line-height:13px; letter-spacing:.14em; color:var(--ink2); margin-top:16px; }
.plr-res__why{ font-size:16px; line-height:21px; color:var(--ink2); }
.plr-res__cards{ gap:24px; }
.plr .plr-rcard{ background:#FFFFFF; border:1px solid transparent; padding:16px; gap:16px; }
.plr .plr-rcard:first-child{ border-color:var(--ink); }
.plr-rcard img{ background:var(--s); mix-blend-mode:multiply; filter:brightness(1.06); }
.plr-rcard__n{ font-size:18px; line-height:23px; color:var(--ink); }
.plr-rcard__p{ font-size:18px; line-height:23px; color:var(--ink); }
.plr-rcard__s{ font-size:14px; line-height:18px; color:var(--ink2); }
.plr-rcard__r{ align-self:flex-start; font-size:14px; line-height:18px; color:var(--ink); background:var(--s); padding:6px 12px; }
.plr-rcard__f{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-res__links{ display:flex; gap:24px 48px; flex-wrap:wrap; }
.plr-res__links a{ font-size:16px; line-height:21px; color:var(--ink); }
.plr-res__acts{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.plr-res__acts .plr-btn{ flex:0 0 auto; width:100%; height:56px; }
@media (min-width:768px){
  .plr-ch{ padding:48px; }
  .plr-ch__media{ margin:0; }
}
@media (min-width:1025px){
  .plr-ch{ display:flex; flex-direction:column; min-height:760px; }
  .plr-ch__head{ gap:28px; }
  .plr-ch__cols{ display:grid; grid-template-columns:minmax(0,392fr) minmax(0,600fr) minmax(0,288fr); gap:32px; margin-top:32px; flex:1 1 auto; align-items:start; }
  /* 992fr = the 392fr + 600fr of the three-column layout; 1fr against 288fr gave the questions 1/289 of the row (armchair finder, 2026-11-01). */
  .plr-ch__cols--nomedia{ grid-template-columns:minmax(0,992fr) minmax(0,288fr); }
  .plr-ch--result .plr-ch__cols{ display:block; }
  .plr-ch__media{ min-height:520px; padding:32px; justify-content:space-between; }
  .plr-ch__art{ flex:1 1 auto; min-height:360px; }
  .plr-ch__q{ font-size:40px; line-height:44px; }
  .plr-ch__qsub{ font-size:18px; line-height:23px; }
  .plr-ch__nav{ margin-top:auto; padding-top:16px; }
  .plr-ch__cols + .plr-ch__nav{ margin-top:32px; }
  .plr-res__acts .plr-btn{ width:auto; min-width:356px; }
  .plr-res__acts .plr-btn:first-child{ min-width:400px; }
  .plr-res__acts .plr-textbtn{ margin-left:auto; font-size:16px; }
}
@media (max-width:767px){
  .plr-ch__sheet{ background:var(--s); padding:10px 12px 24px; }
}
.plr-ch__art > svg{ display:block; width:100% !important; max-width:none; height:auto !important; }
.plr-seg button{ text-align:center; justify-content:center; }

/* ---------- 4. BEFORE YOU CHOOSE (five tabs, one block; nothing moves when a tab flips) ---------- */
.plr-know{ padding-top:64px; }
.plr-know__head{ gap:16px; }
.plr-know__h{ font-family:var(--serif); font-weight:400; font-size:30px; line-height:33px; color:var(--ink); }
/* Tab rail: Archivo Nav 14/18; the active tab is a 2px Soft Black line sitting ON the 1px Chalk hairline (the only
   2px line in the system). On phones the rail overflows and scrolls: the overflow is the affordance. */
.plr-kn{ margin-top:24px; gap:0; }
.plr-kn__tabs{ gap:24px; margin:0 calc(-1 * var(--pad)); padding:0 var(--pad); border-bottom:1px solid var(--ln); overflow-x:auto; }
.plr-kn__tab, .plr-kn__tab[aria-selected="true"]{ height:auto; padding:0 0 14px; margin-bottom:-1px; border:0; border-bottom:2px solid transparent; border-radius:0;
  background:none; font-size:14px; line-height:18px; font-weight:400; color:var(--gray); }
.plr-kn__tab[aria-selected="true"]{ color:var(--ink); border-bottom-color:var(--ink); background:none; }
.plr-kn__tab:hover{ color:var(--ink); }
.plr-kn__panels{ padding-top:24px; }
.plr-kn__panel .plr-kcard__vis{ margin:0 calc(-1 * var(--pad)); background:var(--s); aspect-ratio:1/1; }
.plr-kn__txt{ gap:0; padding:24px 0 0; }
.plr-kn__q{ font-size:14px; line-height:18px; font-weight:400; letter-spacing:0; color:var(--gray); }
/* The answer reserves TWO lines though every one is one line today: a longer market translation moves nothing. */
.plr-kn__st{ margin-top:12px; font-family:var(--serif); font-weight:400; font-size:24px; line-height:27px; min-height:54px; color:var(--ink); }
.plr-kn__live{ margin:4px 0 0; font-size:14px; line-height:18px; color:var(--ink2); }
.plr-kn__a{ margin-top:16px; font-size:16px; line-height:21px; color:var(--ink2); max-width:none; }
.plr-kn__note{ margin-top:28px; font-size:12px; line-height:16px; color:var(--gray); }
.plr-kn__txt .plr-tscroll, .plr-kn__txt .plr-dl, .plr-kn__txt .plr-figs{ margin-top:16px; }
.plr-kn__txt .plr-dl{ font-size:16px; line-height:21px; border-top:1px solid var(--ln); }
.plr-kn__txt .plr-dl dt, .plr-kn__txt .plr-dl dd{ padding:12px 0 11px; border-color:var(--ln); }
.plr-kn__txt .plr-dl dt{ color:var(--gray); }
.plr-kn__txt .plr-dl dd{ color:var(--ink); }
.plr-kn__txt .plr-dl dd small{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-size{ font-size:16px; line-height:21px; }
.plr-size thead th{ font-size:10px; line-height:13px; letter-spacing:.14em; font-weight:400; color:var(--ink2); padding:0 12px 12px 0; border-bottom:1px solid var(--ln); }
.plr-size tbody th, .plr-size td{ padding:11px 12px 11px 0; border-bottom:1px solid var(--ln); color:var(--ink2); font-weight:400; }
.plr-size tbody th{ color:var(--ink2); }
.plr-size td:nth-child(3){ color:var(--gray); }
.plr-size tr.is-std td:nth-child(3){ color:var(--ink); font-family:var(--sans); font-weight:400; }
.plr-kn__acts{ margin-top:32px; gap:16px 32px; font-size:16px; line-height:21px; }
.plr-kn__acts .plr-btn{ height:48px; background:transparent; color:var(--ink); border-color:var(--ink); }
.plr-kn__acts .plr-btn:hover{ background:var(--ink); color:#FFFFFF; }
.plr-kn__acts a:not(.plr-btn){ color:var(--ink); text-decoration-color:var(--ink); }
.plr-kcard__vis--row figcaption, .plr-kn__panel .plr-kcard__vis--row figcaption{ font-size:14px; line-height:18px; color:var(--ink2); }
.plr-kcard__vis--row img{ background:#FFFFFF; }
@media (min-width:768px){
  .plr-know__h{ font-size:40px; line-height:44px; }
  .plr-kn__tabs{ gap:40px; margin:0; padding:0; overflow:visible; }
  .plr-kn__panels{ padding-top:40px; }
  .plr-kn__panel .plr-kcard__vis{ margin:0; }
}
@media (min-width:1025px){
  /* Grid: media 776 at the 16 margin (a framed panel, it does NOT run to 0), 64 gap, text 568. The band is 584 on
     every tab and the text always starts 48 below its top. */
  .plr-kn__panel{ grid-template-columns:minmax(0,776fr) minmax(0,568fr); gap:64px; align-items:start; }
  .plr-kn__panel .plr-kcard__vis{ aspect-ratio:auto; height:584px; }
  .plr-kn__txt{ padding-top:48px; }
  .plr-kn__st{ font-size:28px; line-height:31px; min-height:62px; }
}

/* ---------- 6. COMPARE (a real table; restyle, not a data change) ---------- */
.plr-cmp__head .plr-h2{ font-size:30px; line-height:33px; }
.plr-cmp__head p{ font-size:16px; line-height:21px; color:var(--gray); }
.plr-cmp__t{ margin-top:32px; }
.plr-cmp__t th{ padding:0 12px 0 0; }
.plr-cmp__t select{ height:52px; padding:0 40px 0 16px; border:1px solid var(--ln); border-radius:0; background-color:#FFFFFF; font-size:16px; line-height:21px; color:var(--ink); }
.plr .plr-cmp__prod{ gap:4px; margin-top:20px; }
.plr-cmp__img{ aspect-ratio:1/1; background:var(--s); }
.plr-cmp__img img{ object-fit:contain; mix-blend-mode:multiply; filter:brightness(1.06); }
.plr-cmp__name{ font-family:var(--serif); font-weight:400; font-size:22px; line-height:24px; margin-top:20px; color:var(--ink); }
.plr-cmp__price{ font-family:var(--sans); font-size:16px; line-height:21px; color:var(--ink); }
.plr-cmp__fit{ font-size:16px; line-height:21px; color:var(--gray); }
.plr-cmp__t .plr-cmp__lr{ border-top:1px solid var(--ln); }
.plr-cmp__t .plr-cmp__lr th{ padding:16px 0 4px; font-size:10px; line-height:13px; letter-spacing:.14em; color:var(--ink2); }
.plr-cmp__t td{ padding:0 12px 16px 0; border-top:0; }
.plr-cmp__v{ font-size:16px; line-height:21px; color:var(--ink2); }
.plr-cmp__v--big{ font-family:var(--serif); font-weight:400; font-size:22px; line-height:24px; color:var(--ink); }
.plr-cmp__foot{ margin-top:24px; padding-top:16px; border-top:1px solid var(--ln); font-size:12px; line-height:16px; color:var(--gray); }
.plr-cmp__foot a{ display:inline-block; margin-top:12px; font-size:16px; line-height:21px; color:var(--ink); text-decoration-color:var(--ink); }
@media (min-width:768px){
  .plr-cmp__head .plr-h2{ font-size:40px; line-height:44px; }
  .plr-cmp__t th, .plr-cmp__t td{ padding-right:24px; }
  .plr-cmp__name{ font-size:28px; line-height:31px; }
  .plr-cmp__v--big{ font-size:28px; line-height:31px; }
}

/* ---------- 7. PROOF (four blocks: an image, one fact, one link) ---------- */
.plr-proof .plr-h2{ font-size:30px; line-height:33px; }
.plr-proof__row{ margin-top:32px; gap:16px; }
.plr-proof__img{ aspect-ratio:4/5; background:var(--s); }
.plr-proof__row article{ gap:0; }
.plr-proof__row h3{ margin-top:24px; font-family:var(--sans); font-weight:400; font-size:12px; line-height:16px; color:var(--ink); }
.plr-proof__row p{ margin-top:32px; font-size:14px; line-height:18px; color:var(--ink2); }
.plr-proof__row a{ margin-top:auto; padding-top:32px; font-size:14px; line-height:18px; color:var(--ink); text-decoration-color:var(--ln); }
@media (min-width:768px){ .plr-proof .plr-h2{ font-size:40px; line-height:44px; } .plr-proof__row p{ font-size:16px; line-height:21px; } }

/* ---------- 8/9. GUIDES AND ANSWERS (one module, three dropdowns; everything in the HTML) ---------- */
.plr-guides .plr-h2{ font-size:30px; line-height:33px; }
.plr-guides__sub{ margin-top:8px; font-size:16px; line-height:21px; color:var(--ink2); }
.plr-guides__rows{ margin-top:32px; border-top:1px solid var(--ln); }
.plr-grow{ border-bottom:1px solid var(--ln); }
.plr-grow button{ min-height:76px; padding:16px 0; }
.plr-grow__h{ font-family:var(--sans); font-weight:400; font-size:14px; line-height:18px; color:var(--ink); }
.plr-grow__n{ font-size:14px; line-height:18px; color:var(--gray); }
.plr-grow__list{ columns:auto; padding:0 0 32px; max-width:680px; }
.plr .plr-grow__list li{ border-top:1px solid var(--ln); }
.plr .plr-grow__list li:last-child{ border-bottom:1px solid var(--ln); }
.plr .plr-grow__list a{ display:flex; flex-direction:column; gap:4px; padding:16px 0; text-decoration:none; }
.plr-grow__gt{ font-family:var(--serif); font-weight:400; font-size:16px; line-height:21px; color:var(--ink); }
.plr .plr-grow__list a small{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr .plr-grow__list a:hover .plr-grow__gt{ text-decoration:underline; text-decoration-color:var(--ln); text-underline-offset:4px; }
/* FAQ: the question in Eiko, the answer in Brown; the visible text is the FAQPage text, word for word. */
.plr-qa{ display:block; max-width:880px; padding:0 0 32px; }
.plr-qa__item{ padding:20px 0; border-top:1px solid var(--ln); }
.plr-qa__item:last-child{ border-bottom:1px solid var(--ln); }
.plr-qa__q{ font-family:var(--serif); font-weight:400; font-size:18px; line-height:22px; color:var(--ink); }
.plr-qa__a{ margin-top:8px; font-size:16px; line-height:21px; color:var(--ink2); max-width:none; }
@media (min-width:768px){ .plr-guides .plr-h2{ font-size:40px; line-height:44px; } }

/* ---------- 10. REVIEWS: Okendo restyled through its own variables (Q242), White cards, Chalk hairline, no shadow ---------- */
.plr-reviews .plr-h2{ font-size:30px; line-height:33px; }
.plr-reviews{ --oke-button-borderRadius:0px; --oke-reviewsWidget-borderRadius:0px; --oke-stars-foregroundColor:var(--ink); --oke-shadingColor:var(--s); }
.plr-reviews [class*="oke-w-review"], .plr-reviews .okeReviews-review{ border-radius:0 !important; box-shadow:none !important; }
@media (min-width:768px){ .plr-reviews .plr-h2{ font-size:40px; line-height:44px; } }

/* ---------- 11. STICKY BAR (phones): 72 high, two 48 buttons, secondary left, primary right, a hairline on top ---------- */
.plr-sticky{ min-height:72px; padding:12px 12px calc(12px + env(safe-area-inset-bottom)); gap:8px; background:#FFFFFF; border-top:1px solid var(--ln); }
.plr-sticky .plr-btn{ height:48px; padding:0 8px; font-size:12px; letter-spacing:.08em; }

/* Section rhythm: 64 between sections, every h2 Eiko. */
.plr-sec{ padding-top:64px; }
/* The long answer in place of the figures panel: Archivo u-s1 Brown, a readable measure. */
.plr-answer--long{ max-width:60ch; }
@media (min-width:1025px){ .plr-answer--long{ font-size:18px; line-height:25px; } }
/* The answer paragraph is four sentences, not a stand-first: Archivo u-s3 14, a little more leading (Alexander
   2026-10-31: "paragraph text font is too large"). */
.plr-answer--long, .plr-answer.plr-answer--long{ font-size:14px; line-height:20px; max-width:62ch; margin-top:16px; }
@media (min-width:1025px){ .plr-answer--long, .plr-answer.plr-answer--long{ font-size:14px; line-height:20px; margin-top:20px; } }
/* Without the figures panel the text column is shorter than the photograph: centre it against the picture. */
@media (min-width:1025px){
  .plr-hero__grid{ grid-template-areas:". media" "head media" "btns media" "tp media" ". media"; grid-template-rows:1fr auto auto auto 1fr; }
  .plr-hero__head{ padding-top:0; }
  .plr .plr-tp{ padding-bottom:0; }
}

/* Trust side panels: three figures in equal columns, top-aligned, a Chalk divider between with 16 clear each side
   (Marcus: "divide these 3 with 2 vertical lines"). Values Eiko 22/24, labels Eyebrow. */
.plr-tr__body .plr-figs--det{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; align-items:start; margin:8px 0 0; }
.plr-tr__body .plr-figs--det .plr-fig, .plr-tr__body .plr-figs--det .plr-fig:first-child{ display:flex; flex-direction:column; padding:0 16px; border:0; border-left:1px solid var(--ln); min-width:0; }
.plr-tr__body .plr-figs--det .plr-fig:first-child{ padding-left:0; border-left:0; }
.plr-tr__body .plr-figs--det .plr-fig__v{ order:-1; font-family:var(--serif); font-weight:400; font-size:22px; line-height:24px; color:var(--ink); white-space:nowrap; }
.plr-tr__body .plr-figs--det .plr-fig__l{ margin-top:8px; font-size:10px; line-height:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); }
/* Covered / Not covered: one grid, rules across both columns. */
.plr-ctab{ display:grid; margin-top:8px; border-top:1px solid var(--ln); }
.plr-ctab__row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; align-items:start; padding:12px 0; border-bottom:1px solid var(--ln); }
.plr-ctab__row span{ font-size:14px; line-height:18px; color:var(--ink); min-width:0; }
.plr-ctab__row span.plr-ctab__not{ color:var(--ink2); }
.plr-ctab__row--head span{ font-size:10px; line-height:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); }
/* Steps: the number sits on the title's line. */
.plr-steps li{ grid-template-columns:32px minmax(0,1fr); gap:12px; align-items:start; padding:16px 0 !important; }
.plr-steps__n{ font-size:12px; line-height:18px; color:var(--ink2); letter-spacing:.04em; }
.plr-steps__t{ display:block; font-size:14px; line-height:18px; color:var(--ink); }
.plr-steps li p{ margin-top:4px; font-size:14px; line-height:18px; color:var(--ink2); }
.plr-steps li .plr-textbtn, .plr-steps li a{ display:inline-block; margin-top:8px; font-size:14px; line-height:18px; color:var(--ink); }
/* Phones: the trust row as a 2x2 grid, not four stacked rows (Alexander 2026-10-31: too much height before the
   grid). A Chalk cross between the four cells; titles may wrap, the cells never overflow. */
@media (max-width:1024px){
  .plr-trust{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .plr .plr-trust li, .plr .plr-trust li:first-child, .plr .plr-trust li:nth-child(even), .plr .plr-trust li + li{ border:0 !important; }
  .plr .plr-trust li:nth-child(n+3){ border-top:1px solid var(--ln) !important; }
  .plr .plr-trust li:nth-child(even){ border-left:1px solid var(--ln) !important; }
  .plr-trust__btn{ min-height:64px; padding:10px 12px; gap:8px; align-items:center; }
  .plr .plr-trust li:nth-child(odd) .plr-trust__btn{ padding-left:0; }
  .plr-trust__t > span{ font-size:13px; line-height:17px; }
  .plr-trust small{ font-size:11px; line-height:14px; margin-top:2px; }
  .plr-trust__btn svg{ width:10px; height:10px; }
}
/* Desktop hero: a taller photograph (Alexander 2026-10-31 "a little too low") and more air between the answer
   paragraph and the buttons. */
@media (min-width:1025px){
  .plr-hero__media{ min-height:clamp(560px, 38vw, 720px); }
  .plr-hero__btns{ padding-top:48px; }
}
/* One hero shape on every category: 4:3 on desktop (Alexander 2026-11-01, first "same height as the bar stools",
   then "make them all 4x3"):
   the box was only a MIN height, so a portrait photograph (armchairs, 1350x1799) grew it to 986 at 1440 while the
   landscape bar-stool photograph sat at 560. The box is now a fixed height and every photograph is cropped into it. */
@media (min-width:1025px){
  .plr-hero__media{ position:relative; height:auto; aspect-ratio:4 / 3; min-height:0; align-self:center; }
  .plr-hero__media picture, .plr-hero__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
}
/* Compare, after review (Alexander 2026-10-31): the header cell needs air above the first rule, and the measured
   values at 28 overpowered the table. Measurements Eiko 20/24, everything else Archivo 16/21, labels 16 above. */
.plr-cmp__t thead th{ padding-bottom:24px; }
.plr-cmp__t .plr-cmp__lr th{ padding:16px 0 6px; }
.plr-cmp__t td{ padding-bottom:16px; }
.plr-cmp__v--big{ font-size:18px; line-height:22px; }
@media (min-width:768px){
  .plr-cmp__v--big{ font-size:20px; line-height:24px; }
  .plr-cmp__name{ font-size:24px; line-height:27px; }
}

/* Guides and answers, desktop: three columns, a picture over each group; the open group's list runs the full width
   underneath (Alexander 2026-10-31). Phones keep the hairline dropdowns. */
.plr-grow__img{ display:none; }
@media (min-width:1025px){
  .plr-guides__rows{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:24px; border-top:0; margin-top:40px; }
  .plr-grow{ display:contents; }
  .plr-grow h3{ grid-row:1; min-width:0; }
  .plr-grow button{ display:flex; flex-direction:column; align-items:stretch; gap:16px; min-height:0; padding:0 0 16px; border-bottom:1px solid var(--ln); }
  .plr-grow button[aria-expanded="true"]{ border-bottom:2px solid var(--ink); padding-bottom:15px; }
  .plr-grow__img{ display:block; aspect-ratio:3/2; overflow:hidden; background:var(--s); }
  .plr-grow__img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
  .plr-grow button:hover .plr-grow__img img{ transform:scale(1.02); }
  .plr-grow__t{ position:relative; padding-right:24px; }
  .plr-grow__h{ font-family:var(--serif); font-size:22px; line-height:24px; }
  .plr-grow__i{ position:absolute; right:0; top:50%; margin-top:-7px; }
  .plr-grow button{ position:relative; }
  .plr-grow__list, .plr-qa{ grid-row:2; grid-column:1 / -1; max-width:none; padding:24px 0 0; }
  .plr .plr-grow__list:not(.plr-qa){ columns:2; column-gap:48px; }
  .plr .plr-grow__list li{ break-inside:avoid; }
  .plr .plr-grow__list li:last-child{ border-bottom:0; }
  .plr .plr-grow__list li:nth-last-child(1){ border-bottom:1px solid var(--ln); }
  .plr-qa{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:48px; }
  .plr.js .plr-grow.is-open .plr-qa{ display:grid; }
}
@media (min-width:1025px){ .plr-grow__i{ top:auto; bottom:21px; margin-top:0; } }
/* Subcollection chips sit exactly where the pillar's do (same margin, padding, sticky), so going from the pillar to
   Oak or Backless reads as a filter, not a new page (Alexander 2026-10-31). */
.plr-chips--sub{ position:sticky; top:var(--head); margin:24px calc(-1 * var(--pad)) 0; padding:8px var(--pad); }

/* Card images, as on the live grids: phones swipe through the product's images; desktop shows the second on hover. */
.plr-card__track{ position:absolute; inset:0; display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
.plr-card__track::-webkit-scrollbar{ display:none; }
.plr-card__slide{ position:relative; flex:0 0 100%; scroll-snap-align:start; scroll-snap-stop:always; background:var(--s); }
.plr-card__slide img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.plr-card__slide--more img{ mix-blend-mode:normal; filter:none; }
/* First card on phones: one small nudge so people see the images move (the live grid does the same). */
@keyframes plrSwipeHint{ 0%,100%{ transform:translateX(0); } 40%{ transform:translateX(-18px); } }
.plr-grid > .plr-card:first-child .plr-card__track[data-plr-swipe] .plr-card__slide:first-child{ animation:plrSwipeHint 1s var(--ease) 1.2s 1; }
@media (min-width:1025px){
  .plr-card__track{ overflow:hidden; scroll-snap-type:none; }
  .plr-card__slide{ position:absolute; inset:0; }
  .plr-card__slide--more{ opacity:0; transition:opacity .35s ease; }
  .plr-card__slide--more ~ .plr-card__slide--more{ display:none; }
  .plr-grid > .plr-card:first-child .plr-card__track .plr-card__slide:first-child{ animation:none; }
}
@media (min-width:1025px) and (hover:hover){ .plr-card__link:hover .plr-card__slide--more:nth-child(2){ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .plr-card__slide{ animation:none !important; } }
/* The film in the made-in-Sweden tile sits exactly where the picture did. */
.plr-tile__video{ display:block; width:100%; height:calc((100cqw - 8px) / 2 * 1.25); object-fit:cover; background:var(--s); }
@media (min-width:1025px){ .plr-tile__video{ height:calc((100cqw - 72px) / 4 * 1.25); } }
/* Cards are fractional widths (172.5px at 375), so a hairline of the next photo leaked at the right edge. Clip one
   pixel off the strip's right edge; the card ground shows there instead. */
.plr-card__track{ clip-path:inset(0 1px 0 0); }
.plr-card__media{ background:var(--s); }
/* Swatches fade with the swipe: gone on any photo after the packshot, back on the packshot. */
.plr-card__sw{ transition:opacity .3s ease; }
.plr-card.is-swiped .plr-card__sw{ opacity:0; pointer-events:none; }
/* Desktop: the same fade on hover, in step with the second photo fading in (.35s). Only cards that have one. */
@media (min-width:1025px) and (hover:hover){ .plr-card__link:hover .plr-card__media:has(.plr-card__slide--more) .plr-card__sw{ opacity:0; transition-duration:.35s; } }
@media (prefers-reduced-motion:reduce){ .plr-card__sw{ transition:none; } }
/* Fallback page (no pillar.page yet): heading block on the hero's measure, then the grid. */
.plr-plain__head{ padding-top:24px; padding-bottom:32px; max-width:720px; }
.plr-plain__head .plr-answer{ margin-top:16px; }
@media (min-width:1025px){ .plr-plain__head{ padding-top:48px; padding-bottom:48px; } }
.plr--plain .plr-shop{ padding-top:0; }
/* Trust row, desktop: the chevron steps right on hover, the way the 404 rows do (Alexander 2026-10-31). */
.plr-trust__btn svg{ transition:transform .25s ease; }
@media (min-width:1025px) and (hover:hover){ .plr-trust__btn:hover svg, .plr-trust__btn:focus-visible svg{ transform:translateX(4px); } }
@media (prefers-reduced-motion:reduce){ .plr-trust__btn svg{ transition:none; } }
/* Airier cards (Alexander 2026-10-31): name, price, heights; more room under the photo and between rows. */
.plr-card__txt{ padding-top:14px; }
.plr-card__hts{ margin-top:6px; }
.plr-grid{ row-gap:40px; }
@media (min-width:1025px){ .plr-card__txt{ padding-top:16px; } .plr-grid{ row-gap:48px; } }
/* Before you choose, a panel with no picture (a category whose data has none for that tab): the text takes the panel. */
.plr-kn__panel--text .plr-kn__txt{ max-width:680px; }
@media (min-width:768px){ .plr-kn__panel.plr-kn__panel--text{ grid-template-columns:minmax(0,1fr); } }
/* Search inside the guides: icon on the heading's row, field under the intro, hits in the guide-row look. While a
   query is typed the three groups step aside and the hits take their place. */
.plr-guides__top{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
.plr-gs__open{ flex:0 0 auto; display:grid; place-items:center; width:44px; height:44px; margin:0 -12px 0 0; padding:0; border:0; background:none; color:var(--ink); cursor:pointer; }
.plr-gs__open[aria-expanded="true"]{ color:var(--ink2); }
.plr-gs__open:focus-visible, .plr-gs__close:focus-visible{ outline:2px solid var(--ink); outline-offset:-4px; }
.plr-gs{ margin-top:24px; }
.plr-gs__field{ display:flex; align-items:center; gap:12px; height:48px; border-bottom:1px solid var(--ink); color:var(--ink); }
.plr-gs__input{ flex:1 1 auto; min-width:0; height:100%; margin:0; padding:0; border:0; border-radius:0; outline:0; background:transparent; box-shadow:none;
  -webkit-appearance:none; appearance:none; font-family:var(--sans); font-size:16px; line-height:21px; color:var(--ink); }
.plr-gs__input::placeholder{ color:var(--gray); opacity:1; }
.plr-gs__input::-webkit-search-cancel-button, .plr-gs__input::-webkit-search-decoration{ -webkit-appearance:none; }
.plr-gs__close{ flex:0 0 auto; display:grid; place-items:center; width:44px; height:44px; margin-right:-12px; padding:0; border:0; background:none; color:var(--ink); cursor:pointer; }
.plr-gs__count{ margin-top:12px; font-size:12px; line-height:16px; color:var(--ink2); }
.plr-gs__count:empty{ display:none; }
.plr-gs__res{ list-style:none; margin:16px 0 0; padding:0; }
.plr-gs__hit{ border-top:1px solid var(--ln); break-inside:avoid; }
.plr-gs__hit:last-child{ border-bottom:1px solid var(--ln); }
.plr-gs__hit > a, .plr-gs__hit > div{ display:flex; flex-direction:column; gap:4px; padding:16px 0; color:var(--ink); text-decoration:none; }
.plr-gs__grp{ font-size:10px; line-height:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink2); }
.plr-gs__t{ font-family:var(--serif); font-weight:400; font-size:16px; line-height:21px; color:var(--ink); }
.plr-gs__a{ font-size:12px; line-height:16px; color:var(--ink2); }
.plr-gs__hit > div .plr-gs__a{ font-size:14px; line-height:20px; }
.plr-gs__hit > a:hover .plr-gs__t{ text-decoration:underline; text-decoration-color:var(--ln); text-underline-offset:4px; }
.plr-guides.is-gs .plr-guides__rows{ display:none; }
@media (min-width:1025px){
  .plr-gs{ margin-top:32px; max-width:none; }
  .plr-gs__res{ columns:2; column-gap:48px; }
}
/* Inspiration strip (lookbook language): 4:5 photos, the piece's name on an Off White chip. The track runs to the
   screen edge on the right and starts on the page gutter. Phones show 78% of a card; desktop three and a half. */
.plr-lb{ overflow:hidden; }
.plr-lb__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.plr-lb__head .plr-h2{ margin-top:8px; }
.plr-lb__nav{ display:flex; align-items:center; gap:8px; }
.plr-lb__all{ font-size:14px; line-height:18px; color:var(--ink); text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.plr-lb__arrow{ display:none; width:40px; height:40px; place-items:center; padding:0; border:1px solid var(--ln); border-radius:0; background:#FFFFFF; color:var(--ink); cursor:pointer; }
.plr-lb__arrow:disabled{ opacity:.35; cursor:default; }
.plr-lb__arrow:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.plr-lb__track{ list-style:none; display:flex; gap:8px; margin:24px 0 0; padding:0 var(--pad); overflow-x:auto; scroll-snap-type:x mandatory;
  scroll-padding-left:var(--pad); scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.plr-lb__track::-webkit-scrollbar{ display:none; }
.plr-lb__cell{ flex:0 0 78%; scroll-snap-align:start; }
.plr-lb__card{ position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:var(--s); color:inherit; text-decoration:none; }
.plr-lb__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.plr-lb__chip{ position:absolute; left:12px; bottom:12px; max-width:calc(100% - 24px); padding:6px 10px; border-radius:4px; background:#F0ECE6; color:var(--ink);
  font-size:12px; line-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.plr-lb__card:focus-visible{ outline:2px solid var(--ink); outline-offset:-4px; }
@media (min-width:768px){ .plr-lb__cell{ flex-basis:44%; } }
@media (min-width:1025px){
  .plr-lb__arrow{ display:grid; }
  .plr-lb__all{ margin-right:16px; }
  .plr-lb__track{ gap:24px; margin-top:32px; }
  .plr-lb__cell{ flex-basis:calc((100% - 72px) / 3.5); }
  .plr-lb__chip{ left:16px; bottom:16px; max-width:calc(100% - 32px); font-size:14px; line-height:18px; }
}
@media (hover:hover){ .plr-lb__card:hover .plr-lb__img{ transform:scale(1.02); } }
@media (prefers-reduced-motion:reduce){ .plr-lb__img{ transition:none; } }
/* Before you choose on phones (Alexander 2026-10-31: "too much text, kinder to the eye"). The answer paragraph steps
   down a size, and the size table stops being four squeezed columns: each row is two lines, the first column (counter
   height) with its context under it on the left, the answer (seat height) on the right. A column that is the same on
   every row leaves the table and becomes one line beneath it. Desktop keeps the full table. */
.plr-size__same{ display:none; }
@media (max-width:767px){
  .plr-kn__a{ margin-top:12px; font-size:14px; line-height:20px; }
  .plr-kn__st{ min-height:0; }
  .plr-size--rows caption{ display:block; width:100%; font-size:12px; line-height:16px; padding-bottom:12px; }
  .plr-size--rows, .plr-size--rows thead, .plr-size--rows tbody{ display:block; width:100%; }
  .plr-size--rows tr{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:16px; align-items:start; border-bottom:1px solid var(--ln); }
  .plr-size--rows thead tr{ border-bottom-color:var(--ln); }
  .plr-size--rows thead th, .plr-size--rows tbody th, .plr-size--rows td{ display:block; padding:0; border:0; white-space:normal; }
  .plr-size--rows thead th{ padding:0 0 10px; }
  .plr-size--rows thead .plr-size__ctx, .plr-size--rows .is-same{ display:none; }
  .plr-size--rows th:first-child{ grid-column:1; grid-row:1; }
  .plr-size--rows .plr-size__key{ grid-column:2; grid-row:1 / span 2; text-align:right; max-width:13em; text-wrap:balance; }
  .plr-size--rows tbody th{ padding-top:14px; font-size:16px; line-height:21px; color:var(--ink); }
  .plr-size--rows tbody .plr-size__ctx{ grid-column:1; padding-bottom:14px; font-size:13px; line-height:18px; color:var(--gray); }
  .plr-size--rows tbody .plr-size__key{ padding:14px 0; font-size:16px; line-height:21px; }
  .plr-size--rows tbody tr:not(:has(.plr-size__ctx)) th{ padding-bottom:14px; }
  .plr-size__same{ display:block; margin-top:12px; font-size:13px; line-height:18px; color:var(--ink2); }
}
/* Find your stool, phones (Alexander 2026-10-31: "a lot less high, more compact, still airy"). Same content, tighter
   rhythm: 28 inside the panel instead of 40, the question 24 below the intro instead of 40, answer rows 48 tall
   instead of 60 with the answer in Eiko 17, the guide link 20 below, and the picture 200 tall instead of 260. */
@media (max-width:1024px){
  .plr-entry__body{ padding:28px 16px 24px; }
  .plr-entry__h{ margin-top:10px; font-size:24px; line-height:27px; }
  .plr-entry__sub{ margin-top:8px; }
  .plr-entry__q{ margin-top:24px; }
  .plr-entry__opts{ margin-top:8px; }
  .plr .plr-eopt{ min-height:48px; gap:12px; }
  .plr-eopt span{ font-size:17px; line-height:20px; }
  .plr-eopt small{ font-size:13px; line-height:16px; }
  .plr-entry__fb{ margin-top:20px; font-size:13px; line-height:16px; }
  .plr-entry__media{ height:200px; }
}
/* Size table answer cell: every measure in Ink at the same weight, a label such as "Specialhöjd" small under it. */
.plr-size .plr-size__key .plr-size__v{ display:block; color:var(--ink); font-family:var(--sans); font-weight:400; }
.plr-size .plr-size__key .plr-size__lab{ display:block; margin-top:2px; font-size:12px; line-height:16px; color:var(--gray); }
/* Subcollection compare on phones: an 8-column table scrolled sideways was unreadable (Alexander, iPhone SE,
   2026-10-31). Each model becomes a card: its name, then the specs two to a row, label over value. Desktop keeps the
   table. */
@media (max-width:767px){
  .plr-subcmp{ overflow:visible; }
  .plr-subcmp__t{ min-width:0; display:block; }
  .plr-subcmp__t thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .plr-subcmp__t tbody{ display:block; border-top:1px solid var(--ln); }
  .plr-subcmp__t tr{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; padding:20px 0; border-bottom:1px solid var(--ln); }
  .plr-subcmp__t tbody th, .plr-subcmp__t td{ display:block; padding:0; border:0; white-space:normal; }
  .plr-subcmp__t tbody th{ grid-column:1 / -1; font-family:var(--serif); font-weight:400; font-size:20px; line-height:22px; }
  .plr-subcmp__t tbody th a{ color:var(--ink); text-decoration:none; }
  .plr-subcmp__t td{ font-size:14px; line-height:18px; color:var(--ink); }
  .plr-subcmp__t td::before{ content:attr(data-label); display:block; margin-bottom:4px; font-size:10px; line-height:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink2); }
}
.is-gs [data-gs-hide]{ display:none; }
@media (max-width:767px){
  .plr-subcmp{ margin-top:16px; }
  .plr .plr-subcmp__t tbody th, .plr .plr-subcmp__t tbody th a{ font-family:var(--serif); font-weight:400; font-size:20px; line-height:22px; letter-spacing:0; text-transform:none; color:var(--ink); }
}
@media (max-width:767px){ .plr-size--rows .plr-size__key .plr-size__v{ font-size:16px; line-height:21px; } }
/* Compare: the rule between rows is drawn under each value row's own cells, so it runs the full width of the
   columns on screen (a rule on the one-cell label row only reached half way, and spanning it over all eight model
   columns squeezed the visible two; Alexander, iPhone 13 mini, 2026-10-31). */
.plr-cmp__t .plr-cmp__lr{ border-top:0 !important; }
.plr-cmp__t thead th{ border-bottom:1px solid var(--ln); }
.plr-cmp__t tbody tr:not(.plr-cmp__lr) td{ border-bottom:1px solid var(--ln); padding-bottom:16px; }
/* Sub compare cards: the last card's rule doubled the table's own bottom line. */
@media (max-width:767px){ .plr-subcmp__t tr:last-child{ border-bottom:0; } }
/* Compare pictures: positioned inside their square instead of height:100% of an aspect-ratio box, which iOS WebKit
   resolved to nothing, so the picture never showed on an iPhone (Alexander's recording 2026-10-31). */
.plr-cmp__img{ position:relative; }
.plr-cmp__img img{ position:absolute; inset:0; width:100%; height:100%; }
/* The note under the compare table carries its own rule, so the last row draws none (two lines, Alexander 2026-10-31);
   its guide link sits on its own line instead of lifting the last line of text. */
.plr-cmp__t tbody tr:last-child td{ border-bottom:0; }
.plr-cmp__foot a{ display:table; }
.plr-card__var{ margin-top:-2px; font-size:12px; line-height:16px; color:var(--ink2); }

/* Subcollection film tile fills what is left of the last row instead of a fixed span of 2 (SEO-AEO 2026-11-01). */
.plr .plr-tile.plr-tile--m1{ grid-column:span 1; }
.plr .plr-tile.plr-tile--m2{ grid-column:span 2; }
@media (min-width:1025px){
  .plr .plr-tile.plr-tile--d1{ grid-column:span 1; }
  .plr .plr-tile.plr-tile--d2{ grid-column:span 2; }
  .plr .plr-tile.plr-tile--d3{ grid-column:span 3; }
  .plr .plr-tile.plr-tile--d4{ grid-column:1 / -1; }
}

/* Drawer and knowledge fixes (Alexander 2026-11-01, three red boxes):
   1. Warranty drawer: the note under the Covered / Not covered table kept its own top rule, so a second hairline sat
      one gap under the table's last rule and read as an empty row. The table already closes with a rule.
   2. Shipping drawer: the stepper buttons are flex boxes with no centring, so the minus hugged the left border.
   3. Knowledge "With a back or without?": `padding:12px 0 11px` on dt (above) wiped the label's right padding, so
      "Backless" ran into "Svea, Eva". Same in the drawers, where an !important padding did it. */
.plr-ctab + .plr-tr__more{ border-top:0; padding-top:8px; }
.plr-ship__qty button{ display:inline-flex; align-items:center; justify-content:center; padding:0; line-height:1; }
.plr-ship__qty span{ min-width:28px; line-height:34px; }
.plr-kn__txt .plr-dl dt{ padding-right:24px; }
.plr .plr-tr__body .plr-dl dt{ padding-right:32px !important; }
/* 4. Sub compare (every sub, flagged on the outdoor subs): the last model row closes with a rule and the
      "Measured from our production drawings" note opened with its own, 24 lower, so the table ended in two lines. */
.plr-subcmp + .plr-cmp__foot{ border-top:0; padding-top:0; }
/* 5. Sub compare: the h2 sat directly on the column labels (no picker between them as on the hub). */
.plr-subcmp{ margin-top:32px; }
/* 6. Knowledge "Back or backless" (Alexandra 2026-11-01): four product-card tiles instead of four stools floating in
      one beige panel. Packshot on Off White at 4:5 (the shop grid's own card), the back type as an eyebrow under it.
      Four across from 768, two by two on phones. Overrides the panel's 16:10 box for this visual only. */
.plr-kn__panel .plr-kcard__vis--row, .plr-kcard__vis--row{ aspect-ratio:auto; background:none; isolation:auto; display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; padding:0; margin:0; align-items:start; align-content:center; }
.plr-kn__panel .plr-kcard__vis--row figure, .plr-kcard__vis--row figure{ display:flex; flex-direction:column; align-items:stretch; gap:12px; height:auto; justify-content:flex-start; margin:0; }
.plr-kcard__ph{ display:block; position:relative; aspect-ratio:4/5; background:var(--s); overflow:hidden; }
.plr-kn__panel .plr-kcard__vis--row .plr-kcard__ph img, .plr-kcard__vis--row .plr-kcard__ph img{ position:absolute; inset:0; width:100%; height:100%; max-width:none; aspect-ratio:auto;
  object-fit:cover; object-position:50% 50%; background:none; mix-blend-mode:multiply; filter:brightness(1.06); }
.plr-kn__panel .plr-kcard__vis--row figcaption, .plr-kcard__vis--row figcaption{ font-size:10px; line-height:13px; font-weight:500; letter-spacing:.14em;
  text-transform:uppercase; color:var(--brown, var(--ink2)); text-align:center; } /* centred under the stool (Alexander 2026-11-01) */
@media (min-width:768px){
  .plr-kn__panel .plr-kcard__vis--row, .plr-kcard__vis--row{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
}
/* 7. Hero answer on phones (Alexander 2026-11-01): three lines under a fade, a neat arrow to open the rest. Desktop
      shows it all and hides the arrow. */
.plr-clamp__btn{ display:none; }
@media (max-width:767px){
  .plr-clamp{ position:relative; }
  .plr-clamp:not(.is-open) .plr-answer{ max-height:60px; overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom, #000 30%, transparent 100%); mask-image:linear-gradient(to bottom, #000 30%, transparent 100%); }
  .plr-clamp__btn{ display:flex; align-items:center; justify-content:center; width:44px; height:28px; margin:2px auto 0; padding:0;
    background:none; border:0; color:var(--ink); cursor:pointer; }
  .plr-clamp__btn svg{ transition:transform .3s var(--ease, ease); }
  .plr-clamp.is-open .plr-clamp__btn svg{ transform:rotate(180deg); }
}
/* 8. Home decor grid (sections/decor-main.liquid): each card sits in a filter wrapper that the grid does not see. */
.decor-item{ display:contents; }
.decor-item.is-off{ display:none; }
.plr--decor .plr-chips{ margin-bottom:24px; }
/* 9. Phones (Alexander 2026-11-01): "SHOP GARDEN FURNITURE" ran out of its half-width button. Long labels wrap to two
      centred lines inside the box instead; the pair keeps one height (grid rows stretch) and the text never escapes. */
@media (max-width:767px){
  .plr .plr-hero__btns .plr-btn, .plr .plr-sticky .plr-btn{ height:auto; min-height:50px; padding:6px 10px; white-space:normal;
    text-align:center; line-height:16px; font-size:12px; letter-spacing:.06em; }
  .plr .plr-sticky .plr-btn{ min-height:48px; }
}
/* 10. Sub compare on phones (Alexander 2026-11-01, "sticking out of screen"): `.plr-size td:last-child{white-space:nowrap}`
       out-ranked the card rule, so "Teak slats, backrest in four positions" ran 30px past the screen and widened the
       whole page (which also pushed the trust drawers' close button off the edge). Every cell wraps in the card view. */
@media (max-width:767px){
  .plr .plr-subcmp__t tbody th, .plr .plr-subcmp__t td, .plr .plr-subcmp__t td:last-child{ white-space:normal; overflow-wrap:break-word; min-width:0; }
}
/* 11. Card swatches a size down (Alexander 2026-11-01: "they cover a lot of space", all collection grids): 18 -> 14,
       gap 8 -> 6, the "+n" chip to the same height. */
.plr-card__sw{ gap:6px; }
.plr-card__sw img{ width:14px; height:14px; }
.plr-card__sw small{ min-width:22px; height:14px; padding:0 3px; font-size:10px; line-height:14px; }
/* 12. Compare pictures (Alexander 2026-11-01, iPhone SE: "image on image"): the 4:5 packshot sat CONTAINED in a 1:1
       Off White box, and Safari does not blend the packshot's lighter ground away, so two bands showed beside it. The
       box now has the packshot's own 4:5 shape (as the product cards) and the picture fills it. */
.plr-cmp__img{ aspect-ratio:4/5; }
.plr-cmp__img img{ object-fit:cover; }
/* 13. Black November (2026-11-01): the was-price struck through after the price, in Brown, a step smaller. */
.plr-card__was{ margin-left:8px; color:var(--ink2); font-size:13px; text-decoration:line-through; text-decoration-thickness:1px; }
/* 14. Trust drawer figures (Alexander 2026-11-01, sv): uppercase captions like "BELASTNINGSKLASS" and
       "STÅLMODELLERNA," could not break, so they ran into the next column and off the panel. Captions hyphenate
       (the page language picks the dictionary), break as a last resort, and set a touch tighter. */
.plr-tr__body .plr-figs--det .plr-fig__l{ overflow-wrap:anywhere; -webkit-hyphens:auto; hyphens:auto; letter-spacing:.08em; }