/*
Theme Name: Unilife Catalogue
Theme URI: https://clone.unilife.site
Description: Specimen-catalogue theme for ยูนิไลฟ์ — flat colour product tiles, medal band, factory strip. Built from the design-taste-frontend v2 run (direction: specimen-catalogue, seed 927539715).
Author: Unilife rebuild
Version: 1.0
License: Proprietary
Text Domain: unilife-catalogue
*/
/* unilife-clone — specimen catalogue. Tokens from direction sheet, colours from brand. */
:root{
  --bg:#F4F6F1; --surface:#EAEDE6; --ink:#17251D; --muted:#5B6B62;
  --accent:#008850; --accent-ink:#fff;
  --field-green:#007840; --field-green-ink:#fff;
  --field-blue:#0068A8;  --field-blue-ink:#fff;
  --field-gold:#F2A900;  --field-gold-ink:#17251D;
  --field-ink:#17251D;   --field-ink-ink:#F4F6F1;
  --margin:clamp(16px,3.2vw,44px);
  --gutter:clamp(8px,1vw,14px);
  --step-small:14px;
  --step-body:17px;
  --step-lead:21px;
  --step-head:clamp(2rem,1.3rem + 3.2vw,4rem);
  --step-hero:clamp(2.6rem,1.4rem + 5.4vw,5.4rem);
  --r:10px; --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans Thai","IBM Plex Sans Thai Looped",Sarabun,sans-serif;font-size:var(--step-body);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
::selection{background:var(--accent);color:var(--accent-ink)}
h1,h2,h3{font-family:"IBM Plex Sans Thai Looped","IBM Plex Sans Thai",Sarabun,sans-serif;font-weight:700;line-height:1.35;letter-spacing:-.01em;text-wrap:balance}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:var(--step-body);padding:.7em 1.5em;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .18s var(--ease),background .18s}
.btn:hover{background:#006e40;text-decoration:none;transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn--ghost{background:transparent;color:#00683f;border:2px solid var(--accent)}
.btn--ghost:hover{background:var(--accent);color:var(--accent-ink)}
.wrap{padding-inline:var(--margin)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:.7em var(--margin)}
.nav img{height:44px;width:auto}
.nav .links{display:flex;gap:clamp(10px,1.6vw,22px);margin-inline-start:auto;font-size:16px}
.nav .links a{color:var(--ink);font-weight:500;text-decoration:none;padding:.35em .1em}
.nav .links a:hover{color:var(--accent)}
.nav .phone{font-size:16px;font-weight:600;color:#00683f;white-space:nowrap}
@media(max-width:760px){.nav .links{display:none}}
.menu-btn,.nav #m-nav{display:none}
@media(max-width:760px){
  .menu-btn{display:block;margin-inline-start:auto;background:none;border:2px solid var(--ink);border-radius:999px;padding:.35em .9em;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
  .nav #m-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);padding:8px var(--margin) 18px;border-bottom:1px solid var(--surface)}
  .nav #m-nav.open{display:flex}
  .nav #m-nav a{padding:.75em 0;border-top:1px solid var(--surface);font-size:17px}
}

/* HERO — single object on a plinth */
.hero{min-height:96svh;position:relative;display:grid;place-items:center;padding:0 var(--margin)}

.hero .support{position:absolute;top:52px;right:var(--margin);max-width:36ch;text-align:right;font-size:15px;color:var(--ink)}
 .plinth{position:relative;width:min(430px,64vw);aspect-ratio:1;background:#fff;border-radius:50%;display:grid;place-items:center;margin-top:150px;padding-bottom:6%}
.obj{width:min(300px,44vw);height:min(320px,40svh);display:grid;place-items:center;position:relative}
.obj img{max-height:100%;max-width:100%;mix-blend-mode:multiply;filter:brightness(1.12) contrast(1.04);transition:opacity .9s var(--ease)}

.hero .actions{position:absolute;bottom:clamp(40px,9vh,96px);display:flex;flex-direction:column;align-items:center;gap:14px;left:50%;transform:translateX(-50%);width:max-content}
/* visible h1 */
.hero h1{position:absolute;top:96px;left:var(--margin);font-size:clamp(2.2rem,1.2rem + 3.6vw,4.4rem);max-width:20ch;line-height:1.3;letter-spacing:-.02em}
@media(max-width:700px){.hero h1{top:88px;max-width:20ch;font-size:1.9rem}}
@media(max-width:700px){
  .hero{min-height:auto;display:flex;flex-direction:column;align-items:center;padding-top:88px;padding-bottom:44px;gap:34px}
  .hero h1{position:static;font-size:1.9rem;max-width:none}
  .hero .support{position:static;text-align:center;max-width:30ch;margin-top:-14px}
  .plinth{margin-top:0;width:min(300px,74vw)}
  .obj{width:min(210px,52vw);height:auto}
  .hero .actions{position:static;transform:none;margin-top:4px}
}

/* statement */
.statement{padding:clamp(96px,16vh,180px) var(--margin)}
.statement p{max-width:31ch;font-size:36px;line-height:1.35;font-weight:600;letter-spacing:-.01em}
.statement .num{color:var(--accent);font-family:"IBM Plex Sans Thai Looped",sans-serif;font-weight:700;font-size:clamp(2.2rem,1.4rem + 3.4vw,3.6rem)}

/* catalogue: live specimens */
.catalogue{padding:clamp(64px,10vh,120px) 0 var(--margin)}
.catalogue .head-in{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-inline:var(--margin);margin-bottom:36px;flex-wrap:wrap}
.catalogue h2{font-size:var(--step-head)}
.catalogue .head-note{color:var(--muted);font-size:14px;max-width:48ch}
.spec-group{padding:8px var(--margin) 44px}
.spec-group .spec-group h3{font-size:1.22rem;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.spec-group h3 .n{background:var(--field-ink);color:var(--field-ink-ink);border-radius:999px;padding:.1em .6em;font-size:.8rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}
.tile{position:relative;background:var(--surface);border-radius:var(--r);overflow:hidden;display:grid;grid-template-rows:auto;align-content:end;transition:transform .2s var(--ease)}
.tile:nth-child(6n+1){background:var(--field-green);color:var(--field-green-ink)}
.tile:nth-child(6n+2){background:var(--field-blue);color:var(--field-blue-ink)}
.tile:nth-child(6n+4){background:var(--field-gold);color:var(--field-gold-ink)}
.tile:nth-child(6n){background:var(--field-ink);color:var(--field-ink-ink)}
.tile:nth-child(6n)::before{content:"";position:absolute;top:14px;left:14px;right:14px;aspect-ratio:1;border-radius:50%;background:#fff;z-index:0}
.tile:nth-child(6n) .tile-lg::before,.tile-lg:nth-child(6n)::before{top:34px;left:34px;right:34px}
.tile:nth-child(6n) img{position:relative;z-index:1}
.tile:hover{transform:translateY(-4px)}
.tile img{width:100%;aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply;padding:14px}
.tile .t-name{font-size:16px;font-weight:500;line-height:1.3;padding:8px 10px 2px}
.tile .t-fact{font-size:14px;padding:0 10px 10px;display:flex;justify-content:space-between;gap:6px}
.tile-lg{grid-column:span 2;grid-row:span 2}
.tile-lg img{padding:34px}
@media(max-width:560px){.tiles{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.tile-lg{grid-column:span 2;grid-row:span 1}}

/* split band: history */
.band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:70svh;background:var(--surface)}
.band .photo{position:relative;overflow:hidden;background:var(--field-green)}
.band .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band .text{padding:clamp(32px,5vh,72px) var(--margin);align-self:center;max-width:64ch}
.band h2{font-size:var(--step-head);margin-bottom:.6em}
.band p{color:var(--ink);margin-bottom:1em;max-width:62ch}
.band .year{font-family:"IBM Plex Sans Thai Looped",sans-serif;font-weight:700;font-size:clamp(2rem,1.2rem + 3vw,3.2rem);color:var(--accent);margin-bottom:.3em}
@media(max-width:860px){.band{grid-template-columns:1fr}.band .photo{min-height:44svh}.band .photo img{position:static}}

/* factory strip */
.strip{padding:clamp(64px,10vh,120px) 0}
.strip .runwrap{padding-inline:var(--margin)}
.strip .run{display:flex;gap:6px;align-items:end;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--margin)}
.strip .run::-webkit-scrollbar{height:6px}
.strip .run::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}
.strip figure{scroll-snap-align:start;flex:0 0 auto}
.strip img{height:30vh;width:auto;object-fit:cover;border-radius:var(--r)}
.strip .lift img{height:calc(2.2 * 30vh)}
.strip figcaption{padding:8px 0 0 2px;display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.strip nav{display:flex;gap:14px;align-items:baseline;padding:0 var(--margin) 20px}
.strip nav h2{font-size:34px}
.strip nav a{font-size:13.5px}

/* growth tiles */
.grow{padding:clamp(64px,10vh,120px) var(--margin)}
.grow h2{font-size:var(--step-head);max-width:8ch;margin-bottom:34px}
.grow .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px}
.gt{border-radius:var(--r);display:grid;place-items:center;overflow:hidden}
.gt img{width:78%;mix-blend-mode:multiply}
.gt:nth-child(1){grid-column:1/4;height:30vh;background:var(--field-green)}
.gt:nth-child(2){grid-column:4/8;height:44vh;background:var(--field-blue)}
.gt:nth-child(3){grid-column:8/13;height:60vh;background:var(--field-gold)}
.gt .g-cap{position:absolute;left:14px;bottom:12px;font-size:.9rem;font-weight:600}
.g-caption{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;margin-top:12px}
.g-caption div{max-width:34ch}
.g-caption div:nth-child(1){grid-column:1/4}
.g-caption div:nth-child(2){grid-column:4/8}
.g-caption div:nth-child(3){grid-column:8/13}
.g-caption b{display:block;font-size:1.22rem}
.g-caption p{color:var(--ink);font-size:var(--step-body)}
@media(max-width:760px){
  .gt:nth-child(1){grid-column:1/13;height:34vw}
  .gt:nth-child(2){grid-column:1/13;height:46vw}
  .gt:nth-child(3){grid-column:1/13;height:62vw}
  .g-caption{display:flex;flex-direction:column;gap:14px}
}

/* medals (proof) — printed card */
.medals{background:var(--field-ink);color:var(--field-ink-ink);padding:clamp(56px,9vh,110px) var(--margin);overflow:hidden;display:grid;place-items:center}
.medal-card{background:var(--bg);color:var(--ink);width:min(56%,720px);aspect-ratio:5/7;border-radius:var(--r);transform:rotate(-1.2deg);padding:clamp(28px,4vw,56px);text-align:center}
.medal-card h2{font-size:42px;margin-bottom:.5em}
.medal-card img{margin:0 auto 1.2em;width:62%;mix-blend-mode:multiply}
.medal-names{font-size:clamp(1.05rem,.9rem + .6vw,1.22rem);line-height:1.7;font-weight:500}
.medal-names .dot{color:var(--muted)}
@media(max-width:700px){.medal-card{width:92%;aspect-ratio:auto;padding-bottom:120px}.medal-names{font-size:1.02rem}}

/* stats — stepped tiles */
.stats{padding:clamp(64px,10vh,120px) var(--margin)}
.stats h2{font-size:42px;grid-column:7/10}
.stats .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.st{border-radius:var(--r);padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.st .fig{font-family:"IBM Plex Sans Thai Looped",sans-serif;font-weight:700}
.st p{opacity:.9;font-size:17px;max-width:22ch}
.st-a{grid-column:1/7;height:70svh;background:var(--accent);color:#fff}.st-a .fig{font-size:90px}
.st-b{grid-column:7/10;height:44svh;background:var(--field-blue);color:#fff;margin-top:14svh}.st-b .fig{font-size:64px}
.st-c{grid-column:10/13;height:34svh;background:var(--field-gold);color:var(--field-gold-ink);margin-top:26svh}.st-c .fig{font-size:51px}
@media(max-width:760px){
  .st-a{grid-column:1/13;height:56vw;margin-top:0}
  .st-b{grid-column:1/7;height:60vw;margin-top:0}
  .st-c{grid-column:7/13;height:46vw;margin-top:32px}
  .stats h2{grid-column:1/13;margin-bottom:14px}
  .stats .grid{display:block}.stats h2{display:block}.st{margin-top:16px}
}

/* faq */
.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding:clamp(64px,10vh,120px) var(--margin)}
.faq h2{grid-column:1/5;font-size:58px;align-self:start}
.faq .list{grid-column:5/13;display:grid;gap:8px}
.faq details{background:var(--surface);border-radius:var(--r);padding:0 24px}
.faq details[open]{background:var(--accent);color:#fff}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;font-weight:600;font-size:1.22rem;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq .plus{position:relative;width:16px;height:16px;flex:0 0 16px}
.faq .plus::before,.faq .plus::after{content:"";position:absolute;background:currentColor;inset:calc(50% - 1.5px);transition:transform .18s}
.faq .plus::before{transform:rotate(90deg)}
.faq details[open] .plus::before{transform:rotate(0)}
.faq details p{padding:0 0 24px;max-width:52ch}
@media(max-width:760px){.faq{display:block}.faq h2{position:static;margin-bottom:20px}.faq .list{display:grid;gap:6px}}

/* cta */
.cta{padding:0 0 0}
.cta .row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;align-items:stretch}
.cta .side{height:360px;border-radius:var(--r);overflow:hidden}
.cta .side img{width:100%;height:100%;object-fit:cover}
.cta .side-l{grid-column:1/3}
.cta .main{grid-column:3/11;height:360px;background:var(--accent);color:#fff;border-radius:var(--r);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:40px}
.cta .main h2{font-size:42px}
.cta .main p{font-size:1.05rem;opacity:.92;max-width:46ch}
.cta .side-r{grid-column:11/13;background:var(--field-gold)}
@media(max-width:760px){
  .cta .row{display:block}
  .cta .side-l,.cta .side-r{display:none}
  .cta .main{height:auto}
}

/* footer */
.bandclose{margin-top:clamp(64px,10vh,120px)}
footer{background:var(--field-green);color:#fff}
.f-marks{display:flex;gap:4px;align-items:flex-end;padding:34px var(--margin) 0;height:30svh}
.f-marks .blk{border-radius:6px;display:grid;place-items:center;font-family:"IBM Plex Sans Thai Looped",sans-serif;font-weight:700}
.f-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px;padding:56px var(--margin) 12px;font-size:16px}
.f-links nav{display:grid;gap:8px;align-content:start}
.f-links a{color:#cfe3d6;text-decoration:none}
.f-links a:hover{color:#fff}
.f-contact{grid-column:9/13;display:grid;gap:8px;align-content:start}
.f-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px var(--margin) 26px;font-size:16px;color:#cfe3d6;flex-wrap:wrap}
.f-bottom .btn{font-size:.9rem}
@media(max-width:760px){.f-links{grid-template-columns:1fr 1fr}.f-contact{grid-column:auto}}

/* motion */
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.rise{opacity:0;transform:translateY(22px)}
.in .rise{animation:rise .7s var(--ease) forwards}
.in .rise:nth-child(1){animation-delay:.05s}.in .rise:nth-child(2){animation-delay:.12s}.in .rise:nth-child(3){animation-delay:.19s}.in .rise:nth-child(4){animation-delay:.26s}.in .rise:nth-child(5){animation-delay:.33s}.in .rise:nth-child(6){animation-delay:.4s}.in .rise:nth-child(7){animation-delay:.47s}.in .rise:nth-child(8){animation-delay:.54s}
.in .tile:nth-child(-n+20),.in .gt,.in figure,.in .st,.in details{opacity:0;transform:translateY(18px);animation:rise .65s var(--ease) forwards}
.in .tile:nth-child(1){animation-delay:.06s}.in .tile:nth-child(2){animation-delay:.11s}.in .tile:nth-child(3){animation-delay:.16s}.in .tile:nth-child(4){animation-delay:.21s}.in .tile:nth-child(5){animation-delay:.26s}.in .tile:nth-child(6){animation-delay:.31s}.in .tile:nth-child(7){animation-delay:.36s}.in .tile:nth-child(8){animation-delay:.41s}.in .tile:nth-child(9){animation-delay:.46s}.in .tile:nth-child(10){animation-delay:.51s}.in .tile:nth-child(11){animation-delay:.56s}.in .tile:nth-child(12){animation-delay:.61s}
.in .gt:nth-child(2){animation-delay:.12s}.in .gt:nth-child(3){animation-delay:.2s}
@media(prefers-reduced-motion:reduce){
  .rise{opacity:1;transform:none;animation:none}
  .obj img,.tile,.gt{transition:none}
  html{scroll-behavior:auto}
}

.tile .t-name{color:inherit}
.tile{color:var(--ink)}
.tile{--tw:#fff}
.tile:nth-child(6n+1),.tile:nth-child(6n+2),.tile:nth-child(6n){color:#fff}
.tile:nth-child(6n+4){color:var(--field-gold-ink)}
.tile:not(.tile-lg):not(:nth-child(6n+1)):not(:nth-child(6n+2)):not(:nth-child(6n+4)):not(:nth-child(6n)){color:var(--ink)}

.statement .num{margin-right:.15em}
.statement{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.statement p{grid-column:1}
.statement::after{content:"180 รายการ · 6 กลุ่มผลิตภัณฑ์ · ทุกตำรับจดทะเบียนกรมวิชาการเกษตร";grid-column:2;align-self:end;justify-self:end;text-align:right;font-size:var(--step-body);color:var(--muted);max-width:30ch}
@media(max-width:860px){.statement{display:block}.statement::after{display:block;text-align:left;margin-top:18px;justify-self:start}}

.film{padding:clamp(56px,9vh,110px) 0 0;background:var(--surface)}
.film-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);padding:0 var(--margin) clamp(56px,9vh,110px)}
.film-text h2{font-size:var(--step-head);margin-bottom:.5em}
.film-text p{margin-bottom:1.4em;max-width:38ch}
.film-video iframe{display:block}
@media(max-width:860px){.film-grid{grid-template-columns:1fr}}

.tile{color:#F4F6F1}
.tile:nth-child(6n+3),.tile:nth-child(6n+5){color:var(--ink)}
.tile .t-fact,.tile .t-name{color:inherit}

@keyframes shutter{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.in .shutter{animation:shutter 1.1s var(--ease) both}
.in .shutter img{animation:settle 1.2s var(--ease) both}
@keyframes settle{from{transform:scale(1.12)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.in .shutter,.in .shutter img{animation:none;clip-path:none;transform:none}}

.f-marks{gap:8px}
.f-marks .blk{border-radius:8px}


section{position:relative;z-index:1}
.section-head,.faq h2,.cta .main h2{position:relative;z-index:2}

html,body{overflow-x:clip}

.hero-chips{position:absolute;right:var(--margin);top:170px;display:grid;gap:8px;text-align:right}
.hero-chips a{background:var(--surface);color:var(--ink);border-radius:999px;padding:.45em 1em;font-size:14px;font-weight:500;text-decoration:none;display:flex;gap:8px;justify-content:flex-end;align-items:center;transition:background .18s}
.hero-chips a b{background:var(--accent);color:#fff;border-radius:999px;font-size:.8em;padding:.1em .55em}
.hero-chips a:hover{background:var(--field-green);color:#fff}
@media(max-width:980px){.hero-chips{display:none}}

@media(max-width:980px){.statement p{font-size:26px}.medal-card h2{font-size:30px}.cta .main h2{font-size:30px}.stats h2{font-size:30px}}
@media(max-width:600px){.statement p{font-size:22px}.medal-card h2{font-size:24px}.faq h2{font-size:34px}.cta .main h2{font-size:26px}}

/* product single + archive tiles on WP */
.pdp{padding:clamp(48px,8vh,110px) var(--margin)}
.pdp-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(24px,4vw,64px);align-items:start}
.pdp-photo{background:var(--surface);border-radius:50%;display:grid;place-items:center;aspect-ratio:1;overflow:hidden}
.pdp-photo img{max-width:70%;max-height:70%;mix-blend-mode:multiply}
.pdp-name{font-size:clamp(2rem,1.2rem + 3vw,3.2rem);line-height:1.25;margin-bottom:.4em}
.pdp-retail{font-size:21px;color:var(--muted);text-decoration:line-through}
.pdp-price{font-size:34px;font-weight:700;font-family:"IBM Plex Sans Thai Looped",sans-serif;color:var(--accent);margin:.2em 0 .6em}
.pdp-meta{font-size:14px;color:var(--muted);margin:14px 0 22px}
.pdp-desc p{max-width:60ch;text-wrap:pretty}
.crumbs{font-size:14px;margin-bottom:20px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
@media(max-width:860px){.pdp-grid{grid-template-columns:1fr}}
.archive .catalogue .wrap,.catalogue .wrap{padding-inline:var(--margin)}
.woocommerce-pagination{margin-top:36px;display:flex;gap:6px}
.woocommerce-pagination .page-numbers{border:2px solid var(--ink);border-radius:999px;padding:.35em .8em;text-decoration:none;color:var(--ink);font-size:14px}
.woocommerce-pagination .current{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.quantity input[type=number]{padding:.5em;border:2px solid var(--ink);border-radius:8px;width:4.5em}
.single_add_to_cart_button{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.7em 1.6em;font:inherit;font-weight:600;cursor:pointer;min-height:44px}
form.cart{margin:18px 0}
/* shop archive tuning */
.woocommerce .catalogue h1{font-size:var(--step-head);line-height:1.25}
.shop-lead{font-size:17px;color:var(--muted);max-width:56ch}
.woocommerce div.product form.cart .variations_label,.woocommerce span.woocommerce-Price-amount{font-size:21px;font-weight:600}
.woocommerce .woocommerce-breadcrumb{font-size:14px}
/* shop archive: statement scale like catalogue section */
.woocommerce .catalogue .head-in h1{font-size:70px;line-height:1.2;letter-spacing:-.02em}
@media(max-width:980px){.woocommerce .catalogue .head-in h1{font-size:42px}}

/* woo shop body text up to 16px */
.woocommerce.archive .catalogue,.woocommerce-shop .catalogue{font-size:16px}
.woocommerce .woocommerce-pagination .page-numbers{font-size:16px}