:root{--ink:#17202a;--muted:#5b6672;--line:#d9dee4;--bg:#f6f7f9;--brand:#0b3d6e;--brand2:#185fa5;--ok:#17713d;--warn:#a13a1a;--card:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand2)}a:not([href]){color:inherit;text-decoration:none;cursor:text}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f5b301;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.preview{background:#ffe08a;color:#111;text-align:center;font-weight:700;padding:.5rem 1rem}
header.top{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;padding:.9rem 1.25rem;background:var(--brand);color:#fff}
.logo{font-size:1.35rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:.02em}.logo span{background:#fff;color:var(--brand);padding:.1rem .4rem;border-radius:4px}
.search{display:flex;flex:1 1 280px;max-width:640px}.search input{flex:1;min-width:0;padding:.6rem .75rem;border:0;border-radius:6px 0 0 6px;font:inherit}.search button{border-radius:0 6px 6px 0}
.top-links{display:flex;gap:1rem;margin-left:auto}.top-links a{color:#fff;text-decoration:none;font-weight:600}.cart-link b{background:#fff;color:var(--brand);border-radius:999px;padding:0 .5rem;margin-left:.2rem}
nav.main{display:flex;gap:.25rem 1.1rem;flex-wrap:wrap;padding:.6rem 1.25rem;background:#fff;border-bottom:1px solid var(--line)}nav.main a{text-decoration:none;font-weight:600;color:var(--ink)}nav.main a:hover{color:var(--brand2)}
main{max-width:1200px;margin:0 auto;padding:1.25rem}h1{font-size:1.6rem;line-height:1.25;margin:.4rem 0 1rem}h2{font-size:1.2rem;margin:1.6rem 0 .7rem}h3{font-size:1rem;margin:0 0 .3rem}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:.4rem}.count,.hint,.tax-note{color:var(--muted);font-size:.9rem}
button,.button{display:inline-block;background:var(--brand2);color:#fff;border:0;border-radius:6px;padding:.6rem 1rem;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
button.secondary,.button.secondary{background:#fff;color:var(--brand2);border:1px solid var(--brand2)}button.link{background:none;color:var(--warn);padding:0;font-weight:400;text-decoration:underline}
.primary-big{font-size:1.15rem;padding:.9rem 1.6rem;background:var(--ok)}
.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin:.6rem 0 1.2rem}.category-grid a{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.8rem;text-decoration:none;font-weight:600;color:var(--ink)}
.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.card-photo{display:block;aspect-ratio:4/3;background:#fff}.card-photo img{width:100%;height:100%;object-fit:contain}.card-body{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.card h3 a{color:var(--ink);text-decoration:none}
.part-number{font-family:ui-monospace,Consolas,monospace;font-size:.9rem;color:var(--muted)}.price{font-size:1.25rem;font-weight:800;margin:.2rem 0 0}.tax-note{margin:0}
.stock{font-size:.9rem;font-weight:600}.stock.in{color:var(--ok)}.stock.out,.warn{color:var(--warn)}.no-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#eef0f3;color:var(--muted)}
.pagination{display:flex;gap:1rem;align-items:center;justify-content:center;margin:1.5rem 0}
.product-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem}
.gallery-main{display:block;background:#fff}.gallery-main img{width:100%;max-height:520px;object-fit:contain}.thumbnails{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.thumb{width:76px;height:76px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}.thumb img{width:100%;height:100%;object-fit:contain}
.facts{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;margin:0 0 1rem}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}
.buy{display:flex;gap:.75rem;align-items:end;margin:1rem 0}.buy input{width:5rem}
.description{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem;margin-top:1.25rem;overflow-wrap:anywhere}.description img{max-width:100%;height:auto}.description table{border-collapse:collapse;max-width:100%}.description td,.description th{border:1px solid var(--line);padding:.3rem .5rem}
.notice{background:#eef5fd;border:1px solid #b9d3ee;border-radius:8px;padding:.8rem 1rem;margin:.8rem 0}.notice.error{background:#fdeeea;border-color:#eebfb3}.notice pre{white-space:pre-wrap;font:inherit;margin:.5rem 0}
table.cart,table.totals{width:100%;border-collapse:collapse;background:var(--card)}table.cart th,table.cart td,table.totals th,table.totals td{border-bottom:1px solid var(--line);padding:.6rem;text-align:left;vertical-align:top}
table.totals{max-width:520px;margin:1rem 0 1rem auto}table.totals th{font-weight:400}.num{text-align:right!important;white-space:nowrap}.grand th,.grand td{font-weight:800;font-size:1.1rem}
form.inline{display:inline-flex;gap:.4rem;align-items:center}form.inline input[type=number]{width:4.5rem}
input,select,textarea{font:inherit;padding:.55rem .6rem;border:1px solid #aab3bd;border-radius:6px;background:#fff;max-width:100%}[aria-invalid=true]{border-color:var(--warn);background:#fff6f3}
.checkout fieldset{border:1px solid var(--line);border-radius:10px;background:var(--card);margin:0 0 1rem;padding:1rem}.checkout legend{font-weight:700;padding:0 .4rem}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem}.fields label,.checkout>label{display:flex;flex-direction:column;gap:.25rem;font-weight:600}.fields input,.fields select,.checkout textarea{font-weight:400;width:100%}
label.check{flex-direction:row!important;align-items:flex-start;gap:.5rem!important;font-weight:400!important;margin:.5rem 0}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
footer{background:#fff;border-top:1px solid var(--line);margin-top:2rem;padding:1.5rem 1.25rem}.footer-cols{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.footer-cols a{display:block}.footer-cols p a{display:inline}.legal{max-width:1200px;margin:1rem auto 0;color:var(--muted);font-size:.9rem}
@media(max-width:760px){.product-detail{grid-template-columns:1fr}.top-links{margin-left:0}table.cart thead{display:none}table.cart td{display:block;border:0;padding:.3rem .6rem}table.cart tr{display:block;border-bottom:1px solid var(--line);padding:.5rem 0}.num{text-align:left!important}}
.consent{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:2px solid var(--brand);padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center;box-shadow:0 -4px 16px rgba(0,0,0,.15);z-index:10}.consent p{margin:0;max-width:720px}
/* ---- 2026-10 visual refresh: calmer type, more air, soft cards, readable text pages ---- */
:root{--ink:#0f1b2d;--muted:#5d6b7c;--line:#e3e8ef;--bg:#f4f6f9;--brand:#042c53;--brand2:#185fa5;--tint:#e6f1fb;--radius:14px;--shadow:0 1px 2px rgba(15,27,45,.06),0 8px 24px rgba(15,27,45,.06)}
body{font:16px/1.65 Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.preview{background:#fff7d6;color:#5b4700;font-weight:600;font-size:.85rem;padding:.35rem 1rem;border-bottom:1px solid #f1e3a4}
header.top{position:sticky;top:0;z-index:5;background:var(--brand);padding:.8rem clamp(1rem,4vw,2.5rem);gap:.75rem 1.5rem;box-shadow:0 2px 12px rgba(4,44,83,.25)}
.logo{font-size:1.3rem;letter-spacing:0}.logo span{border-radius:7px;padding:.12rem .45rem;margin-right:.15rem}
.search{max-width:560px;background:#fff;border-radius:999px;padding:.2rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.search input{border-radius:999px;background:transparent;padding:.55rem 1rem}.search button{border-radius:999px;padding:.5rem 1.2rem}
.top-links a{opacity:.92;font-weight:600}.top-links a:hover{opacity:1}.cart-link b{background:var(--tint);padding:.05rem .55rem}
nav.main{padding:.55rem clamp(1rem,4vw,2.5rem);gap:.35rem .4rem;border-bottom:1px solid var(--line);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
nav.main a{white-space:nowrap;padding:.35rem .8rem;border-radius:999px;font-weight:600;font-size:.95rem;color:#243447}nav.main a:hover{background:var(--tint);color:var(--brand)}
main{max-width:1240px;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,4vw,2.5rem)}
h1{font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.02em;margin:.3rem 0 1.25rem}h2{font-size:1.25rem;letter-spacing:-.01em;margin:2rem 0 .8rem}
.breadcrumbs{font-size:.85rem}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--brand2);text-decoration:underline}
button,.button{border-radius:10px;padding:.65rem 1.15rem;transition:background .15s,transform .05s,box-shadow .15s}button:hover,.button:hover{background:#124c86}button:active,.button:active{transform:translateY(1px)}
button.secondary,.button.secondary{border:1px solid #c9d6e6;color:var(--brand)}button.secondary:hover,.button.secondary:hover{background:var(--tint)}button.link:hover{background:none}
.primary-big{background:#12824a;border-radius:12px;box-shadow:0 6px 16px rgba(18,130,74,.25)}.primary-big:hover{background:#0f6f3f}
.category-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.category-grid a{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.category-grid a:hover{transform:translateY(-2px);border-color:#b9d3ee;color:var(--brand2)}
.products{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(15,27,45,.08),0 16px 32px rgba(15,27,45,.1)}
.card-photo{aspect-ratio:1/1;padding:.6rem}.card-body{padding:.9rem 1rem 1.1rem;gap:.3rem}.card h3{font-size:.98rem;line-height:1.35;font-weight:600}.card h3 a:hover{color:var(--brand2)}
.price{font-size:1.35rem;letter-spacing:-.01em;color:var(--brand)}.stock{display:inline-block;font-size:.8rem;padding:.15rem .6rem;border-radius:999px;width:fit-content}.stock.in{background:#e7f6ee;color:#12693c}.stock.out{background:#f3f4f6;color:#6b7280}.stock.order{background:#fff4dc;color:#7a4b00}
.product-detail{border:1px solid var(--line);border-radius:18px;padding:clamp(1rem,2.5vw,2rem);gap:clamp(1rem,3vw,2.5rem);box-shadow:var(--shadow)}.buy-box h1{font-size:clamp(1.35rem,2.2vw,1.75rem)}.buy-box .price{font-size:2rem}
.gallery-main{border-radius:12px;overflow:hidden}.thumb{border-radius:10px;transition:border-color .15s}.thumb:hover{border-color:var(--brand2)}.facts{gap:.35rem 1.25rem;font-size:.95rem}
.description{border:1px solid var(--line);border-radius:18px;padding:clamp(1.25rem,3vw,2.5rem);box-shadow:var(--shadow)}
.description.content{max-width:820px;font-size:1.03rem;line-height:1.8;color:#1f2d3d}.description.content h1,.description.content h2,.description.content h3,.description.content h4{color:var(--ink);line-height:1.3;margin:2.2rem 0 .7rem;letter-spacing:-.01em}
.description.content h2,.description.content h3{font-size:1.2rem;padding-top:1.4rem;border-top:1px solid var(--line)}.description.content>:first-child{margin-top:0;padding-top:0;border-top:0}.description.content p{margin:.9rem 0}.description.content ul,.description.content ol{padding-left:1.3rem}
main:has(.description.content)>h1,main:has(.description.content)>.breadcrumbs,main:has(.description.content)>.description.content,main:has(.description.content)>p{max-width:820px;margin-left:auto;margin-right:auto}
.notice{border-radius:12px;border-color:#cfe2f6;background:var(--tint)}table.cart,table.totals{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.cart th{background:#f8fafc;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
input,select,textarea{border:1px solid #cbd5e1;border-radius:10px;padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(24,95,165,.15);outline:0}
.checkout fieldset{border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.pagination span{color:var(--muted)}
footer{background:var(--brand);color:#c9d6e6;border-top:0;margin-top:3rem;padding:2.5rem clamp(1rem,4vw,2.5rem) 1.5rem}footer h2{color:#fff;font-size:1rem;margin:0 0 .7rem}footer a{color:#e6f1fb;text-decoration:none;padding:.12rem 0}footer a:hover{text-decoration:underline}.legal{color:#9fb3c8;border-top:1px solid rgba(255,255,255,.12);padding-top:1rem}
@media(max-width:760px){header.top{position:static}.search{order:3;flex-basis:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* category introduction: below the articles, quiet */
.category-text{margin-top:2.5rem;box-shadow:none;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;padding:1.5rem 0 0;color:var(--muted);font-size:.95rem;max-width:860px}.category-text h1,.category-text h2,.category-text h3,.category-text h4{font-size:1.05rem;color:#334155;margin:1rem 0 .4rem}
/* ==== 2026-10 redesign ==== */
:root{--ink:#0b1220;--muted:#64748b;--line:#e6ebf2;--bg:#f6f8fb;--brand:#042c53;--brand2:#1668c1;--accent:#f2b321;--tint:#e8f2fd;--radius:18px;--shadow:0 1px 2px rgba(11,18,32,.04),0 12px 32px -12px rgba(11,18,32,.18)}
body{background:radial-gradient(1200px 500px at 85% -10%,#e3effc 0,transparent 60%),var(--bg);font-feature-settings:"ss01","cv11"}
svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
header.top{background:rgba(4,44,83,.92);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);padding:.7rem clamp(1rem,4vw,3rem);box-shadow:none;border-bottom:1px solid rgba(255,255,255,.08)}
.logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.25rem}.logo span{background:linear-gradient(135deg,#fff,#dbeafe);border-radius:9px;padding:.2rem .55rem;margin:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.search{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);padding:.25rem;transition:background .2s,box-shadow .2s}.search:focus-within{background:#fff;box-shadow:0 0 0 4px rgba(242,179,33,.35)}
.search input{color:#fff}.search input::placeholder{color:rgba(255,255,255,.7)}.search:focus-within input{color:var(--ink)}.search:focus-within input::placeholder{color:#94a3b8}.search input:focus{box-shadow:none}
.search button{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);color:#1f1600}.search button:hover{background:#ffc53d}
.top-links{gap:.4rem}.top-links a{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;transition:background .15s}.top-links a:hover{background:rgba(255,255,255,.12)}
.cart-link b{background:var(--accent);color:#1f1600;font-size:.8rem;min-width:1.4rem;text-align:center;padding:.05rem .4rem;margin:0}
nav.main{background:rgba(255,255,255,.85);backdrop-filter:blur(10px);padding:.6rem clamp(1rem,4vw,3rem);position:sticky;top:3.6rem;z-index:4}nav.main a{font-size:.9rem;color:#334155}nav.main a:hover{background:var(--brand);color:#fff}
main{max-width:1320px;padding:clamp(1.5rem,3vw,3rem) clamp(1rem,4vw,3rem)}main.home{padding-top:0;max-width:none}main.home>section:not(.hero){max-width:1320px;margin:0 auto;padding:0 clamp(1rem,4vw,3rem)}
h1{font-weight:800;font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.03em}h2{font-weight:750;font-size:1.4rem;letter-spacing:-.02em}
.eyebrow{display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand2);margin:0}
.hero{background:linear-gradient(135deg,#031d38 0,#042c53 45%,#0d4a8a 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto -10% -60% auto;width:70vw;height:70vw;max-width:900px;max-height:900px;border-radius:50%;background:radial-gradient(circle,rgba(242,179,33,.22),transparent 60%)}
.hero-inner{position:relative;max-width:1320px;margin:0 auto;padding:clamp(3rem,8vw,6.5rem) clamp(1rem,4vw,3rem)}.hero .eyebrow{color:var(--accent);margin-bottom:1rem}.hero h1{font-size:clamp(2.2rem,5.5vw,4.2rem);line-height:1.05;margin:0 0 2rem;max-width:16ch;color:#fff}
.hero-search{display:flex;gap:.5rem;max-width:680px;background:#fff;border-radius:20px;padding:.5rem;box-shadow:0 24px 60px -20px rgba(0,0,0,.6)}.hero-search input{flex:1;min-width:0;border:0;font-size:1.1rem;padding:.9rem 1rem;background:transparent}.hero-search input:focus{box-shadow:none}.hero-search button{border-radius:14px;padding:.9rem 1.6rem;font-size:1.05rem;background:var(--accent);color:#1f1600}.hero-search button:hover{background:#ffc53d}
.hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin:2rem 0 0;padding:0;color:#cfe0f3}.hero-facts strong{color:#fff;font-size:1.25rem;margin-right:.3rem}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:3rem 0 1.1rem}.section-head h2{margin:0}.section-head a{font-weight:600;text-decoration:none}
.category-grid{gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.category-grid a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.15rem;box-shadow:none;font-weight:650;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}
.category-grid a i{font-style:normal;color:#94a3b8;transition:transform .18s,color .18s}.category-grid a:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:transparent;background:var(--brand);color:#fff}.category-grid a:hover i{transform:translateX(4px);color:var(--accent)}
.category-grid.big{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-grid.big a{padding:1.5rem 1.4rem;font-size:1.1rem;border-radius:20px}
.products{gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{border:0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px transparent,0 24px 48px -20px rgba(11,18,32,.28)}
.card-photo{background:#f8fafc;border-radius:20px 20px 0 0;padding:1rem;overflow:hidden}.card-photo img{transition:transform .35s;mix-blend-mode:multiply}.card:hover .card-photo img{transform:scale(1.05)}
.card-body{padding:1rem 1.15rem 1.25rem;gap:.35rem;flex:1}.card h3{font-weight:650;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.part-number{font-size:.8rem;background:#f1f5f9;border-radius:6px;padding:.1rem .45rem;width:fit-content;color:#475569}
.card .price{margin-top:auto;padding-top:.5rem;font-size:1.4rem;font-weight:800;color:var(--ink)}.tax-note{font-size:.78rem}.stock{font-weight:650}
.product-detail{border:0;border-radius:24px;box-shadow:0 0 0 1px var(--line),var(--shadow);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.gallery-main{background:#f8fafc;border-radius:18px;padding:1rem}.gallery-main img{mix-blend-mode:multiply}
.buy-box{position:sticky;top:7.5rem}.buy-box .price{font-size:2.4rem;font-weight:800;color:var(--ink);margin-top:1rem}.facts{background:#f8fafc;border-radius:14px;padding:1rem 1.1rem}.facts dt{font-size:.85rem}
.buy{background:var(--tint);border-radius:16px;padding:1rem;align-items:center}.buy button{flex:1;padding:.95rem 1.2rem;font-size:1.05rem;border-radius:12px;background:var(--brand)}.buy button:hover{background:#06417a}.buy label{font-weight:600;display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}
.assure{list-style:none;padding:0;margin:1.2rem 0 0;display:grid;gap:.45rem;color:#475569;font-size:.92rem}.assure li{padding-left:1.6rem;position:relative}.assure li:before{content:"";position:absolute;left:.25rem;top:.3rem;width:.4rem;height:.75rem;border:solid #12824a;border-width:0 .16rem .16rem 0;transform:rotate(45deg)}
.description{border:0;box-shadow:0 0 0 1px var(--line);border-radius:24px}.category-text{box-shadow:none;border-radius:0}
button,.button{border-radius:12px;font-weight:650}.primary-big{width:100%;max-width:420px;padding:1.05rem 1.6rem;font-size:1.15rem;border-radius:14px}
table.cart,table.totals{box-shadow:0 0 0 1px var(--line);border-radius:18px}.checkout fieldset{border:0;box-shadow:0 0 0 1px var(--line);border-radius:20px;padding:1.5rem}.checkout legend{font-size:1.05rem;font-weight:750}
.pagination{margin:2.5rem 0}.notice{border:0;border-left:4px solid var(--brand2);border-radius:12px}.notice.error{border-left-color:#c2410c}
footer{background:linear-gradient(180deg,#042c53,#031d38);padding:3.5rem clamp(1rem,4vw,3rem) 2rem;margin-top:5rem}.footer-cols{max-width:1320px;gap:2.5rem}footer h2{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.legal{max-width:1320px;font-size:.85rem}
@media(max-width:900px){.buy-box{position:static}.product-detail{grid-template-columns:1fr}nav.main{top:0;position:static}.top-links span{display:none}.search button span{display:none}.hero-search{flex-direction:column}.hero-search button{width:100%}}
.card-photo{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}.card-photo img{width:100%;height:100%;object-fit:contain}
.refund-forms{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:end;margin-top:1rem}.refund{display:flex;gap:.6rem;align-items:end}.refund label{display:flex;flex-direction:column;font-weight:600;font-size:.9rem;gap:.2rem}.refund input[name=amount]{width:9rem}.refund-amount{font-size:1.25rem}

table.status{width:100%;border-collapse:collapse;margin:1rem 0}table.status td,table.status th{padding:.55rem .6rem;border-bottom:1px solid #e3e9f0;text-align:left;vertical-align:top;font-weight:400}table.status th{width:38%;font-weight:600}table.status td:first-child{width:1.6rem;white-space:nowrap}table.status small{color:#5b6b7b}.light{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;background:#b6c2cf}.light.ok{background:#1f9d55}.light.warn{background:#e0a100}.light.bad{background:#c2410c}.sr{position:absolute;left:-9999px}

/* Fixed presentation for the two recognised shop-authored description sections. */
.description .mg-model-related,.description .mg-gpsr{margin:24px 0 0;padding:18px;border:1px solid #d8e1ea;border-radius:12px;color:#17344d;overflow-wrap:anywhere}
.description .mg-model-related{background:#f4f7fa;border-top:4px solid #f2b500}
.description .mg-gpsr{background:#f8fafc}
.description .mg-model-related h3,.description .mg-gpsr h3{margin:0 0 12px;font-size:1.15rem;line-height:1.35}
.description .mg-model-related>p,.description .mg-gpsr p{margin:0 0 12px}
.description .mg-model-related>div{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}
.description .mg-model-related>div>a{display:block;flex:1 1 180px;max-width:230px;min-width:0;border:1px solid #d8e1ea;border-radius:10px;overflow:hidden;background:#fff;color:#17344d;text-decoration:none}
.description .mg-model-related>div>a>img{display:block;width:100%;max-width:100%;height:118px;object-fit:contain;background:#fff}
.description .mg-model-related>div>a>span{display:block;padding:11px 12px;font-weight:700;line-height:1.35}
.description .mg-model-related>div>a:hover,.description .mg-model-related>div>a:focus-visible{border-color:#17344d;box-shadow:0 0 0 1px #17344d}
.description .mg-model-related>a{display:inline-block;max-width:100%;padding:11px 16px;border-radius:8px;background:#17344d;color:#fff;font-weight:800;text-decoration:none}
.description .mg-model-related>a:hover,.description .mg-model-related>a:focus-visible{background:#0d263a;text-decoration:underline}
.description .mg-gpsr>div{display:flex;flex-wrap:wrap;gap:12px}
.description .mg-gpsr>div>div{flex:1 1 260px;min-width:0;padding:14px;border:1px solid #d8e1ea;border-radius:10px;background:#fff}
/* Mobile cart column labels; renderer data-label only. */
@media(max-width:760px){table.cart td[data-label]::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:650;color:var(--muted);margin-bottom:.15rem}}
/* ==== 2026-10-17 corrections (visual/usability audit): no new design, only defects ==== */
/* long German words (e.g. "Geschäftsbedingungen") must not push the page wider than a 360 px phone */
h1,h2,h3{overflow-wrap:break-word}.description td,.description th{overflow-wrap:break-word}
/* German hyphenation only on the shop's own German text pages (article names and descriptions mix English words) */
.description.content,main:has(.description.content)>h1{hyphens:auto}
/* a table that cannot get narrower (e.g. "AT,BE,CZ,DK,…" without spaces) scrolls inside its box instead of widening the page */
.description table{display:block;max-width:100%;overflow-x:auto}
/* readable grey: muted text, counts, breadcrumbs and "not in stock" reach 4.5:1 */
:root{--muted:#526072}.stock.out{background:#eef0f3;color:#4b5563}
/* desktop: every category of the menu is reachable without horizontal scrolling */
@media(min-width:901px){nav.main{flex-wrap:wrap;overflow-x:visible;row-gap:.35rem}}
/* phones: the menu scrolls sideways; a soft edge shows that there is more */
@media(max-width:900px){nav.main{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:2.5rem}}
/* checkboxes and radio buttons: text with links stays one flowing sentence; the box is big enough to tap */
input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--brand2);flex:none}
label.check,label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:block!important;position:relative;padding-left:2rem;font-weight:400!important;line-height:1.5;margin:.6rem 0;min-height:1.5rem}
label.check>input,label:has(>input[type=checkbox])>input,label:has(>input[type=radio])>input{position:absolute;left:0;top:.1rem}
/* payment methods: one clear, tappable row per method */
label.check:has(>input[type=radio]){padding:.85rem .9rem .85rem 2.9rem;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
label.check:has(>input[type=radio])>input{left:.9rem;top:1rem}label.check:has(>input:checked){border-color:var(--brand2);box-shadow:0 0 0 1px var(--brand2)}
/* checkout: the message belongs to its field */
.field-error{display:block;color:#b42318;font-size:.88rem;font-weight:600;margin-top:.15rem}
/* photo strip of the PartSynq description template (own photo hosts, allowed again by the page policy): small, side by side, never page-wide */
.description img[src^="https://ebay-api.ertline.com/"],.description img[src^="https://mg.partsynq.de/"]{display:inline-block;width:auto;height:auto;max-width:calc(50% - .5rem);max-height:180px;object-fit:contain;margin:.25rem .4rem .25rem 0;border:1px solid var(--line);border-radius:10px;background:#fff;vertical-align:top}
/* search fields: clearly visible keyboard focus (header and hero) */
.search:focus-within{box-shadow:0 0 0 3px #f2b321}
.hero-search:focus-within{box-shadow:0 0 0 4px rgba(242,179,33,.55),0 24px 60px -20px rgba(0,0,0,.6)}
/* product gallery: the photo shown is marked */
.thumb[aria-current=true]{border-color:var(--brand2);box-shadow:0 0 0 2px var(--brand2)}
/* cart buttons: easy to tap */
table.cart button{min-height:2.75rem}table.cart button.link{min-height:2.75rem;padding:0 .25rem}
/* search without result or without a term: form and hints instead of a dead end */
.search-again{max-width:640px;margin:1rem 0}.search-again label{display:block;font-weight:600;margin-bottom:.3rem}.search-again span{display:flex;gap:.5rem}.search-again input{flex:1;min-width:0}
.search-tips{color:var(--muted);padding-left:1.2rem;max-width:640px}.search-tips li{margin:.35rem 0}

/* Integration review: readable focused search hint and fully visible final mobile menu item. */
.search:focus-within input::placeholder{color:#64748b;opacity:1}
@media(max-width:900px){nav.main{-webkit-mask-image:none;mask-image:none}}
/* articles of the same category below an article */
.related{margin-top:2.5rem}.related .section-head{margin-top:0}
.related .section-head{flex-wrap:wrap;row-gap:.25rem}
/* shipping cost tables (lib/shipping-info.js) and the dispatch line on the article page */
.shipping-costs{border-collapse:collapse;margin:.5rem 0 1rem;font-size:.95rem}
.shipping-costs th,.shipping-costs td{border:1px solid var(--line,#d8dee6);padding:.35rem .6rem;text-align:right;vertical-align:top}
.shipping-costs td{white-space:nowrap}.shipping-costs.abroad thead th{font-size:.85rem}
.shipping-costs th:first-child,.shipping-costs td:first-child{text-align:left}
.shipping-costs thead th{background:var(--bg,#f6f7f9);font-weight:600}
.shipping-costs.abroad tbody th{font-weight:400;min-width:11rem;text-align:left}
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.shipping-info h4{margin:1rem 0 .25rem}
.dispatch{font-size:.92rem;color:var(--muted,#475569);margin:.25rem 0 .75rem}
.shipping-costs.abroad th:first-child{position:sticky;left:0;background:var(--card,#fff);z-index:1}.shipping-costs.abroad thead th:first-child{background:var(--bg,#f6f7f9)}
@media (max-width:600px){.shipping-costs.abroad tbody th{min-width:7.5rem}}
/* ==== Design "Claude" (Variante E, 2026-10-18) ====
   Appended to shop.css (tools/build-theme-e.cjs writes public/theme-E.css). CSS only: same markup, texts, URLs and prices as every design.
   Idea: a calm, warm reading surface – paper instead of screen blue, one clay accent for everything you can act on, serif headings,
   hairlines instead of boxes, generous air. The product photo stays on pure white.

   Five colours (WCAG contrast measured on the background they are used on):
     Papier  #F4F0E8  page ground                      Tinte on Papier 14.7:1
     Tinte   #1F1E1B  text, footer ground              Papier on Tinte 14.7:1
     Ton     #AE4F2C  buttons, links, focus, accents   white on Ton 5.3:1 · Ton on Fläche 5.2:1
     Salbei  #2F6B3E  "in stock", check marks          on its tint #E6EFE2 5.4:1
     Sand    #E3DCCF  hairlines, quiet surfaces        (decorative only, never text)
   Derived: Fläche #FFFDF9 (cards), Grau #5E5A52 (secondary text, 6.0:1 on Papier), Ton hell #E8A27F (only on Tinte, 7.9:1),
            Ton-Tönung #F6EDE4 (buy box, notices; Ton-dunkel #8A3A1E on it 6.3:1). */
:root{--ink:#1F1E1B;--muted:#5E5A52;--line:#E3DCCF;--bg:#F4F0E8;--card:#FFFDF9;--brand:#1F1E1B;--brand2:#AE4F2C;--accent:#AE4F2C;--tint:#F6EDE4;--ok:#2F6B3E;--warn:#A3401F;
  --clay-dark:#8A3A1E;--clay-light:#E8A27F;--sage-tint:#E6EFE2;--sand-soft:#F1ECE3;--radius:16px;
  --serif:"Charter","Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Noto Serif",ui-serif,serif;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --shadow:0 1px 2px rgba(31,30,27,.05),0 10px 30px -14px rgba(31,30,27,.22)}

body{background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);font-feature-settings:normal}
a{color:var(--brand2);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--clay-dark)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand2);outline-offset:2px}
::selection{background:#F2D5C4;color:var(--ink)}

/* headings: serif, quiet weight, slightly tightened */
h1,h2,.hero h1{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;color:var(--ink)}
h1{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.15}
h2{font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.25}
.eyebrow{color:var(--brand2);font-family:var(--sans);font-weight:650;letter-spacing:.14em}

/* preview ribbon (design preview only) */
.preview{background:#F6EDE4;color:#6B2F18;border-bottom:1px solid #EBCFBE}

/* ---- header: paper, not a coloured bar; the search is the centre of the page head ---- */
header.top{background:rgba(244,240,232,.92);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);color:var(--ink);
  border-bottom:1px solid var(--line);box-shadow:none;padding:.75rem clamp(1rem,4vw,3rem)}
.logo{color:var(--ink);font-family:var(--serif);font-weight:600;font-size:1.35rem;letter-spacing:-.01em;gap:.55rem}
.logo span{background:var(--brand2);color:#fff;font-family:var(--sans);font-weight:800;font-size:1rem;letter-spacing:.02em;border-radius:10px;padding:.32rem .5rem;box-shadow:none}
.search{background:#fff;border-radius:999px;box-shadow:0 0 0 1px var(--line);padding:.25rem}
.search input{color:var(--ink)}
.search input::placeholder{color:#7A7368;opacity:1}
.search:focus-within{background:#fff;box-shadow:0 0 0 1px var(--brand2),0 0 0 4px rgba(174,79,44,.18)}
.search:focus-within input::placeholder{color:#7A7368}
.search button{background:var(--brand2);color:#fff;border-radius:999px}
.search button:hover{background:var(--clay-dark)}
.top-links a{color:var(--ink);opacity:1}
.top-links a:hover{background:var(--sand-soft);color:var(--ink)}
.cart-link b{background:var(--brand2);color:#fff}

/* category menu: a quiet row of words with an underline, no pills */
nav.main{position:static;background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line);padding:.35rem clamp(1rem,4vw,3rem);gap:.1rem 1.4rem}
nav.main a{background:none;border-radius:0;padding:.55rem 0;color:#3D3A34;font-weight:600;font-size:.92rem;box-shadow:inset 0 -2px 0 transparent;transition:color .15s,box-shadow .15s}
nav.main a:hover{background:none;color:var(--brand2);box-shadow:inset 0 -2px 0 var(--brand2)}

/* ---- home: a headline on paper, the search as the one big action ---- */
main.home{padding-left:0;padding-right:0}
.hero{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line)}
.hero:before{inset:-35% -10% auto auto;width:60vw;height:60vw;max-width:760px;max-height:760px;background:radial-gradient(circle,rgba(217,119,87,.16) 0,rgba(217,119,87,.05) 40%,transparent 68%)}
.hero:after{content:"";position:absolute;right:clamp(2rem,9vw,10rem);top:50%;width:clamp(220px,28vw,400px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;pointer-events:none;z-index:0;
  background:linear-gradient(rgba(174,79,44,.28),rgba(174,79,44,.28)) center/1px 100% no-repeat,linear-gradient(90deg,rgba(174,79,44,.28),rgba(174,79,44,.28)) center/100% 1px no-repeat,
    radial-gradient(circle,transparent 0 11%,rgba(174,79,44,.55) 11% calc(11% + 1.5px),transparent calc(11% + 1.5px) 27%,rgba(174,79,44,.35) 27% calc(27% + 1px),transparent calc(27% + 1px) 48%,rgba(174,79,44,.3) 48% calc(48% + 1px),transparent calc(48% + 1px) 69%,rgba(174,79,44,.22) 69% calc(69% + 1px),transparent calc(69% + 1px));
  -webkit-mask-image:radial-gradient(circle,#000 0 60%,transparent 71%);mask-image:radial-gradient(circle,#000 0 60%,transparent 71%)}
.hero-inner{z-index:1;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,3rem) clamp(2.5rem,6vw,4.5rem)}
.hero .eyebrow{color:var(--brand2)}
.hero h1{color:var(--ink);font-weight:500;font-size:clamp(2.2rem,4.8vw,3.9rem);line-height:1.08;letter-spacing:-.025em;max-width:17ch}
.hero-search{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--line),0 18px 40px -22px rgba(31,30,27,.35)}
.hero-search:focus-within{box-shadow:0 0 0 1px var(--brand2),0 0 0 5px rgba(174,79,44,.16),0 18px 40px -22px rgba(31,30,27,.35)}
.hero-search input{color:var(--ink)}
.hero-search input::placeholder{color:#7A7368;opacity:1}
.hero-search button{background:var(--brand2);color:#fff;border-radius:12px}
.hero-search button:hover{background:var(--clay-dark)}
.hero-facts{color:var(--muted);gap:0;margin-top:2.25rem}
.hero-facts li{padding:0 1.6rem;border-left:1px solid var(--line)}
.hero-facts li:first-child{padding-left:0;border-left:0}
.hero-facts strong{color:var(--ink);font-family:var(--serif);font-weight:600;font-size:1.45rem}

.section-head{margin:3.25rem 0 1.25rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}
.section-head h2{position:relative}
.section-head a{color:var(--brand2)}

/* ---- category tiles: index cards ---- */
.category-grid a{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:none;color:var(--ink);font-weight:600}
.category-grid a i{color:var(--brand2)}
.category-grid a:hover{background:var(--card);color:var(--brand2);border-color:var(--brand2);box-shadow:var(--shadow);transform:translateY(-2px)}
.category-grid a:hover i{color:var(--brand2)}
.category-grid.big a{font-family:var(--serif);font-size:1.2rem}

/* ---- product cards: white photo, paper card, one clear price ---- */
.products{gap:1.25rem}
.card{background:var(--card);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line)}
.card:hover{box-shadow:0 0 0 1px #D8CDBB,0 22px 44px -24px rgba(31,30,27,.35)}
.card-photo{background:#fff;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--line)}
.card-body{padding:1rem 1.1rem 1.2rem}
.card .eyebrow{font-size:.68rem}
.card h3{font-weight:600;color:var(--ink)}
.card h3 a{color:var(--ink)}
.card h3 a:hover{color:var(--brand2)}
.part-number{background:var(--sand-soft);color:#4A463F;border-radius:6px}
.price,.card .price{color:var(--ink);font-variant-numeric:tabular-nums}
.stock{display:inline-flex;align-items:center;gap:.4rem;font-weight:650}
.stock:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;flex:none}
.stock.in{background:var(--sage-tint);color:var(--ok)}
.stock.out{background:var(--sand-soft);color:#5E5A52}
.stock.order{background:#F8ECD6;color:#7A4B00}
.no-photo{background:#fff;color:var(--muted)}
.no-photo,.card-photo .no-photo{font-size:.9rem}

/* ---- article page: photo on white, the buying column reads like a data sheet ---- */
.breadcrumbs{color:var(--muted)}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--brand2)}
.product-detail{background:var(--card);border-radius:22px;box-shadow:0 0 0 1px var(--line)}
.gallery-main{background:#fff;border:1px solid var(--line);border-radius:16px}
.thumb{background:#fff;border-color:var(--line)}
.thumb:hover{border-color:var(--brand2)}
.thumb[aria-current=true]{border-color:var(--brand2);box-shadow:0 0 0 2px var(--brand2)}
.buy-box h1{font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.2}
.facts{background:none;border-radius:0;padding:0;border-top:1px solid var(--line);gap:0 1.25rem}
.facts dt,.facts dd{padding:.55rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted);font-size:.88rem}
.facts dd{font-weight:600}
.buy-box .price{font-family:var(--serif);font-weight:600;font-size:2.5rem;letter-spacing:-.02em;margin-top:1.25rem}
.dispatch{background:var(--sand-soft);border-radius:10px;padding:.6rem .8rem;color:#4A463F}
.buy{background:var(--tint);border:1px solid #EFD9CB;border-radius:16px}
.buy button{background:var(--brand2);color:#fff;border-radius:12px}
.buy button:hover{background:var(--clay-dark)}
.buy input{background:#fff;border-color:#D8CDBB}
.assure li:before{border-color:var(--ok)}
.hint{color:var(--muted)}

/* ---- reading: descriptions and the shop's own text pages ---- */
.description{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:22px}
.description h2,.description h3{font-family:var(--serif);font-weight:500}
.description.content{color:#2B2925}
.description.content h2,.description.content h3{border-top-color:var(--line)}
.description td,.description th{border-color:var(--line)}
.category-text{background:transparent;box-shadow:none;border-top:1px solid var(--line);color:var(--muted)}
.category-text h1,.category-text h2,.category-text h3,.category-text h4{color:#3D3A34;font-family:var(--serif)}
.description .mg-model-related,.description .mg-gpsr{border-color:var(--line);color:var(--ink)}
.description .mg-model-related{background:var(--sand-soft);border-top:4px solid var(--brand2)}
.description .mg-gpsr{background:#FBF8F3}
.description .mg-gpsr>div>div,.description .mg-model-related>div>a{border-color:var(--line);color:var(--ink)}
.description .mg-model-related>div>a:hover,.description .mg-model-related>div>a:focus-visible{border-color:var(--brand2);box-shadow:0 0 0 1px var(--brand2)}
.description .mg-model-related>a{background:var(--ink);color:#fff}
.description .mg-model-related>a:hover,.description .mg-model-related>a:focus-visible{background:#000}

/* ---- buttons and forms ---- */
button,.button{background:var(--brand2);color:#fff;border-radius:12px}
button:hover,.button:hover{background:var(--clay-dark)}
/* Keep anchor buttons readable: the global a:hover rule is more specific than .button. */
a.button:hover{color:#fff}
button.secondary,.button.secondary{background:var(--card);color:var(--ink);border:1px solid #D8CDBB}
button.secondary:hover,.button.secondary:hover{background:var(--sand-soft);color:var(--ink)}
button.link{color:var(--warn);background:none}
.primary-big{background:var(--brand2);box-shadow:0 10px 24px -12px rgba(174,79,44,.6)}
.primary-big:hover{background:var(--clay-dark)}
input,select,textarea{background:#fff;border:1px solid #D8CDBB;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(174,79,44,.16)}
input[type=checkbox],input[type=radio]{accent-color:var(--brand2)}
label.check:has(>input[type=radio]){background:var(--card);border-color:var(--line)}
label.check:has(>input:checked){border-color:var(--brand2);box-shadow:0 0 0 1px var(--brand2);background:#FFFBF7}
.checkout fieldset{background:var(--card);box-shadow:0 0 0 1px var(--line)}
.checkout legend{float:left;width:100%;padding:0;margin:0 0 1rem;font-family:var(--serif);font-weight:500;font-size:1.2rem}
.checkout legend+*{clear:both}
.field-error{color:#A3261F}
.notice{background:var(--tint);border:0;border-left:4px solid var(--brand2);color:var(--ink)}
.notice.error{background:#FBEAE5;border-left-color:#A3261F}

/* ---- cart and totals: hairlines, small caps head ---- */
table.cart,table.totals{background:var(--card);box-shadow:0 0 0 1px var(--line)}
table.cart th{background:#F7F3EC;color:var(--muted)}
table.cart th,table.cart td,table.totals th,table.totals td{border-bottom-color:var(--line)}
.grand th,.grand td{font-family:var(--serif);font-weight:600;font-size:1.2rem}
table.cart td a{color:var(--ink);font-weight:600;text-decoration:none}
table.cart td a:hover{color:var(--brand2);text-decoration:underline}
.pagination a{color:var(--brand2)}
.shipping-costs th,.shipping-costs td{border-color:var(--line)}
.shipping-costs thead th{background:#F7F3EC}

/* ---- footer: ink ground, paper text, clay headings ---- */
footer{background:var(--ink);color:#D9D2C5;margin-top:5rem}
footer h2{color:var(--clay-light);font-family:var(--sans)}
footer a{color:#F4F0E8}
footer a:hover{color:#fff}
.legal{color:#B9B2A6;border-top-color:rgba(244,240,232,.14)}

/* cookie note */
.consent{background:var(--card);border-top:2px solid var(--brand2)}

/* phones */
@media(max-width:1100px){.hero:after{display:none}}
@media(max-width:900px){
  header.top{padding:.65rem 1rem}
  .top-links{margin-left:auto}
  .hero-facts{gap:.4rem 0}
  .hero-facts li{padding:0 1rem}
  nav.main{padding:.2rem 1rem;gap:.1rem 1.1rem}
}
@media(max-width:560px){
  .hero:before{display:none}
  .hero h1{font-size:2.15rem}
  .buy button{padding:.9rem .8rem;font-size:1rem;white-space:normal}
  .hero-facts li{border-left:0;padding:0 1rem 0 0}
  .buy-box .price{font-size:2.1rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover,.category-grid a:hover{transform:none}}