
:root{
 --ink:#141414;--body:#3d3d3d;--mut:#6b6b6b;--faint:#9a9a9a;
 --bg:#fff;--soft:#f4f4f4;--line:#e6e6e6;--dark:#141414;--accent:#c8102e;
 --sans:"Poppins",ui-sans-serif,-apple-system,"Segoe UI",Roboto,Inter,system-ui,sans-serif;
 --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
 --gut:clamp(16px,4vw,40px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--body);font:400 15px/1.6 var(--sans);
 overflow-wrap:break-word;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{color:var(--ink);margin:0;font-weight:600;letter-spacing:-.01em}
/* ONE GUTTER RULE FOR THE WHOLE SITE. Every full-bleed band paints itself and
   puts .wrap inside, so no section can lose the side margin on a phone. */
.wrap{max-width:1440px;margin:0 auto;padding-inline:var(--gut)}
.eyebrow{font:600 11px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}

/* announcement + header ---------------------------------------------------- */
.topbar{background:var(--dark);color:#e9e9e9;font-size:12.5px;letter-spacing:.02em}
.topbar .wrap{display:flex;justify-content:center;gap:8px;padding-block:9px;text-align:center}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);
 backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);
 border-bottom:1px solid var(--line)}
/* The header WRAPS and the nav may shrink and scroll, so there is no width at
   which it can push the document wider than the screen. */
header .wrap{display:flex;align-items:center;gap:6px 24px;flex-wrap:wrap;
 min-height:66px;padding-block:10px}
/* THE WORDMARK IS AN IMAGE, so it is sized by height and left to keep its own
   aspect. Width auto with an explicit height stops it reflowing the header
   while it loads, and `max-width` keeps it inside a 320px screen. */
.brand{text-decoration:none;display:flex;align-items:center;margin-right:auto;
 flex:0 1 auto;min-width:0}
.brand img{height:38px;width:auto;max-width:100%}
nav{display:flex;gap:clamp(14px,2.2vw,30px);white-space:nowrap;min-width:0;
 overflow-x:auto;scrollbar-width:none;padding-block:2px}
nav::-webkit-scrollbar{display:none}
nav a{text-decoration:none;color:var(--body);font-size:14.5px;padding-block:6px}
nav a:hover,nav a[aria-current]{color:var(--ink);font-weight:600}
nav a small{font:600 9px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
 color:var(--faint);margin-left:5px;vertical-align:2px}
.find{flex:0 1 260px;min-width:0;display:flex;align-items:center;gap:8px;
 border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--soft)}
.find input{border:0;background:0;font:inherit;font-size:14px;min-width:0;width:100%;outline:0;color:var(--ink)}
.find svg{flex:none;opacity:.5}

/* hero --------------------------------------------------------------------- */
.hero{background:var(--soft);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 gap:clamp(22px,4vw,56px);align-items:center;padding-block:clamp(30px,5vw,70px)}
.hero h1{font-size:clamp(32px,5.2vw,60px);line-height:1.04;margin:12px 0 16px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{font-size:clamp(15px,1.3vw,17px);color:var(--body);margin:0 0 26px;max-width:46ch}
.hero .shot{display:block;border-radius:14px;overflow:hidden;background:#e9e9e9;
 position:relative;text-decoration:none}
.hero .shot img{width:100%;aspect-ratio:1/1;object-fit:cover}
.hero .shot span{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.94);
 border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600;color:var(--ink)}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;
 font-size:14.5px;padding:14px 30px;border-radius:2px;border:1px solid var(--ink);cursor:pointer}
.btn:hover{background:#000}
.btn.ghost{background:0;color:var(--ink)}
.stats{display:flex;flex-wrap:wrap;gap:10px 34px;margin-top:26px;padding-top:20px;
 border-top:1px solid var(--line)}
.stats div{font-size:13px;color:var(--mut)}
.stats b{display:block;font-size:22px;color:var(--ink);font-weight:600;line-height:1.2}

/* section furniture -------------------------------------------------------- */
section{padding-block:clamp(40px,6vw,84px)}
.shead{text-align:center;margin-bottom:clamp(24px,3vw,42px)}
.shead h2{font-size:clamp(23px,3vw,34px)}
.shead p{color:var(--mut);margin:8px auto 0;max-width:56ch;font-size:15px}
.rowhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px 24px;
 flex-wrap:wrap;margin-bottom:22px}
.rowhead h2{font-size:clamp(20px,2.4vw,28px)}
.rowhead a{color:var(--mut);text-decoration:none;font-size:14px;font-weight:600}

/* category tiles ----------------------------------------------------------- */
.cats{display:grid;gap:clamp(12px,1.6vw,22px);
 grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
/* SQUARE, because the renders are. The template's category tiles are 4:5 and
   cropping a 1:1 render into one takes the top and bottom off the cork --
   which on a 101 mm cylinder is most of the product. */
.cat{position:relative;display:block;text-decoration:none;border-radius:12px;overflow:hidden;
 background:var(--soft);aspect-ratio:1/1}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.cat:hover img{transform:scale(1.05)}
.cat span{position:absolute;inset:auto 10px 10px;background:rgba(255,255,255,.95);
 border-radius:8px;padding:10px 12px;font-weight:600;color:var(--ink);font-size:14.5px;
 display:flex;justify-content:space-between;align-items:center;gap:8px}
.cat span i{font-style:normal;color:var(--mut);font-weight:400;font-size:12.5px}

/* product grid ------------------------------------------------------------- */
.grid{display:grid;gap:clamp(20px,2.4vw,34px) clamp(12px,1.6vw,22px);
 grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr))}
.card{text-decoration:none;display:block;min-width:0}
.card .tile{background:var(--soft);border-radius:10px;overflow:hidden;aspect-ratio:1/1}
.card .tile img{width:100%;height:100%;object-fit:cover;
 transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.card:hover .tile img{transform:scale(1.06)}
.card h3{font-size:15.5px;margin:12px 0 2px;font-weight:600}
.card .meta{font-size:12.5px;color:var(--mut)}
.card .price{margin-top:7px;font-weight:600;color:var(--ink);font-size:15px}
.dots{display:flex;gap:5px;margin-top:9px}
.dots i{width:13px;height:13px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}

/* the feature block that replaces "Deals of the Month" --------------------- */
.made{background:var(--soft)}
.made .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
 gap:clamp(24px,4vw,60px);align-items:center}
.made h2{font-size:clamp(24px,3vw,36px);margin-bottom:14px}
.made p{color:var(--body);margin:0 0 18px;max-width:44ch}
.fig{margin:0}
.fig svg{width:100%;height:auto;display:block;border-radius:10px;background:#fff}
.fig figcaption{font-size:12.5px;color:var(--mut);margin-top:10px;
 display:flex;flex-wrap:wrap;gap:6px 16px}
.fig figcaption span{display:inline-flex;align-items:center;gap:6px}
.fig figcaption i{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}

/* the strip that replaces "Instagram Stories" ------------------------------ */
.strip{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.strip a{display:block;border-radius:10px;overflow:hidden;background:var(--soft);aspect-ratio:1/1}
.strip img{width:100%;height:100%;object-fit:cover}

/* trust row ---------------------------------------------------------------- */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;gap:clamp(16px,2.4vw,30px);padding-block:clamp(24px,3vw,38px);
 grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.trust h3{font-size:15px;margin-bottom:3px}
.trust p{margin:0;font-size:13px;color:var(--mut)}

/* breadcrumb + product page ------------------------------------------------ */
.crumb{font-size:13px;color:var(--mut);padding-block:18px}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--ink)}
.pdp{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);
 gap:clamp(24px,4vw,64px);padding-block:8px clamp(36px,5vw,64px)}
.gal{display:grid;gap:12px}
.gal .main{background:var(--soft);border-radius:12px;overflow:hidden;aspect-ratio:1/1}
.gal .main img{width:100%;height:100%;object-fit:cover}
.thumbs{display:flex;gap:10px;margin:0;padding:0;list-style:none;overflow-x:auto;
 scrollbar-width:none}
.thumbs::-webkit-scrollbar{display:none}
.thumbs li{flex:0 0 84px}
.thumbs button{display:block;width:100%;padding:0;border:1px solid transparent;cursor:pointer;
 background:var(--soft);border-radius:8px;overflow:hidden;aspect-ratio:1/1}
.thumbs button.on{border-color:var(--ink)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.buy h1{font-size:clamp(24px,3vw,34px);margin:6px 0 10px}
.badge{display:inline-block;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;
 color:#1c7c3f;background:#e8f5ec;border-radius:3px;padding:6px 9px}
.price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:14px 0 18px}
.price-row b{font-size:26px;color:var(--ink);font-weight:600}
.price-row span{font-size:13px;color:var(--mut)}
.buy>p{margin:0 0 20px;color:var(--body)}
.opt{margin:20px 0}
.opt .eyebrow{margin-bottom:10px;display:block}
.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.swatches li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);
 border-radius:999px;padding:6px 13px 6px 7px;font-size:13px;background:#fff}
.swatches i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.swatches em{font-style:normal;color:var(--mut);font-size:12px}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin:24px 0 0}
.actions .btn{flex:1 1 220px;text-align:center;padding:16px 24px}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:2px}
.qty button{width:44px;height:100%;min-height:44px;border:0;background:0;font-size:18px;cursor:pointer;color:var(--ink)}
.qty span{min-width:36px;text-align:center;font-weight:600;color:var(--ink)}
.facts{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 22px;margin-top:26px;
 padding-top:22px;border-top:1px solid var(--line);font-size:14px}
.facts dt{color:var(--mut)}
.facts dd{margin:0;color:var(--ink)}

/* tabs --------------------------------------------------------------------- */
.tabs{border-top:1px solid var(--line);padding-block:clamp(28px,4vw,48px)}
.tabnav{display:flex;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto;
 scrollbar-width:none;margin-bottom:24px}
.tabnav::-webkit-scrollbar{display:none}
.tabnav button{border:0;background:0;font:600 15px var(--sans);color:var(--mut);cursor:pointer;
 padding:0 0 14px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.tabnav button.on{color:var(--ink);border-bottom-color:var(--ink)}
.tabp{display:none;max-width:80ch}
.tabp.on{display:block}
.ctab{width:100%;border-collapse:collapse;font-size:14px}
.ctab th,.ctab td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line);
 vertical-align:top}
.ctab th{color:var(--mut);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.ctab .sw{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.ctab .sw i{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.scroller{overflow-x:auto}

/* footer ------------------------------------------------------------------- */
footer{background:var(--dark);color:#c9c9c9;font-size:14px;margin-top:0}
footer .wrap{display:grid;gap:clamp(24px,3vw,40px);padding-block:clamp(36px,5vw,60px);
 grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
footer h4{color:#fff;font-size:15px;margin:0 0 14px;font-weight:600}
footer a{color:#c9c9c9;text-decoration:none}
footer a:hover{color:#fff}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fbrand{margin-bottom:14px}
.fbrand img{height:44px;width:auto;max-width:100%}
.sub{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.sub input{flex:1 1 150px;min-width:0;border:1px solid #3a3a3a;background:#1e1e1e;color:#fff;
 border-radius:2px;padding:12px 14px;font:inherit;font-size:14px}
.sub button{border:0;background:#fff;color:var(--ink);font-weight:600;border-radius:2px;
 padding:12px 20px;cursor:pointer;font:inherit;font-weight:600}
.legal{border-top:1px solid #2a2a2a}
.legal .wrap{display:flex;justify-content:space-between;gap:10px 28px;flex-wrap:wrap;
 padding-block:18px;font-size:12.5px;color:#8f8f8f;grid-template-columns:none}

@media(max-width:900px){
 .hero .wrap,.pdp,.made .wrap{grid-template-columns:1fr}
 .hero .shot{max-width:460px}
 .made .fig{order:-1}
}
@media(max-width:560px){
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .find{order:3;flex-basis:100%}
 .actions .btn{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* --- the account screens, rendered by _worker.js rather than by this build.
   Laid out after Figma "19 My Orders": a narrow nav column beside a list of
   order cards, each with a thumbnail, a status chip and a plain sentence. The
   Python never writes these pages, so their classes live here to stop the
   palette forking between the two renderers. --- */
.acct{display:grid;grid-template-columns:200px minmax(0,1fr);gap:34px;
 padding:44px 0 64px;align-items:start}
.acct-nav{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;
 overflow:hidden}
.acct-nav a{padding:13px 16px;text-decoration:none;font-size:14.5px;color:var(--body);
 border-bottom:1px solid var(--line)}
.acct-nav a:last-child{border-bottom:0}
.acct-nav a[aria-current]{background:var(--ink);color:#fff;font-weight:600}
.acct-main{min-width:0}
.ahead{display:flex;align-items:baseline;justify-content:space-between;
 gap:8px 20px;flex-wrap:wrap;margin-bottom:20px}
.ahead h1{font-size:clamp(24px,3vw,32px)}
.sec{font-size:15px;margin:30px 0 10px}
.signin{max-width:56ch;padding:40px 0}
.signin .lede{font-size:17px;color:var(--mut)}

.ord{border:1px solid var(--line);border-radius:10px;margin-bottom:14px;overflow:hidden}
.ord-main{display:flex;align-items:center;gap:16px;padding:16px}
.ord-img{width:80px;height:80px;flex:none;object-fit:cover;border-radius:8px;
 background:var(--soft)}
.ord-text{flex:1;min-width:0}
.ord-price{font-weight:600;color:var(--ink);white-space:nowrap}
.ord-act{flex:none}
.ord-status{display:flex;align-items:center;gap:10px;padding:12px 16px;
 background:var(--soft);border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}
.chip{display:inline-block;font:600 10.5px/1 var(--sans);letter-spacing:.07em;
 text-transform:uppercase;padding:6px 9px;border-radius:3px;background:#eee;color:var(--mut)}
.chip.shipped{background:#eef2ff;color:#3340a8}
.chip.delivered{background:#e8f5ec;color:#1c7c3f}
.chip.cancelled,.chip.returned{background:#fdeceb;color:var(--accent)}

.tl{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:6px}
.tl li{position:relative;padding:0 0 18px 22px;display:flex;justify-content:space-between;
 gap:12px;flex-wrap:wrap}
.tl li:before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;
 border-radius:50%;background:var(--line)}
.tl li.now:before{background:var(--accent)}
.kvs{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.kv{display:flex;gap:16px;padding:13px 16px;border-bottom:1px solid var(--line);
 flex-wrap:wrap}
.kv:last-child{border-bottom:0}
.kv>.sub{flex:none;width:150px}
.save{display:inline-block;margin-left:8px}
@media(max-width:760px){
 .acct{grid-template-columns:1fr;gap:20px;padding-top:28px}
 .acct-nav{flex-direction:row;flex-wrap:wrap}
 .acct-nav a{flex:1;border-bottom:0;border-right:1px solid var(--line);text-align:center}
 .ord-main{flex-wrap:wrap}
 .ord-price,.ord-act{width:100%}
}

/* --- privacy and terms: one column of readable prose, nothing else --- */
.prose{max-width:68ch;margin:0 auto;padding:48px 0 64px}
.prose h1{font-size:clamp(28px,4vw,40px);margin-bottom:14px}
.prose h2{font-size:18px;margin:34px 0 10px}
.prose p,.prose li{color:var(--body);font-size:15.5px}
.prose ul{padding-left:20px}
.prose li{margin-bottom:7px}
.prose .lede{font-size:18px;color:var(--mut);margin-bottom:8px}
.prose a{color:var(--accent)}

/* The header heart, right of the search box as in the Figma header. */
.fav{display:inline-flex;align-items:center;gap:5px;margin-left:12px;color:var(--ink);
 text-decoration:none;position:relative;padding:6px}
.fav:hover{color:var(--accent)}
.fav b{font:600 10.5px/1 var(--sans);background:var(--accent);color:#fff;
 border-radius:999px;padding:3px 6px;min-width:17px;text-align:center}

/* Basket: the cart page, and the Add-to-basket row on a product page. */
.addcart{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.addcart input[type=number],.qty input[type=number]{width:68px;padding:9px;
 border:1px solid var(--line);border-radius:3px;font:inherit}
.cartgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.summary{border:1px solid var(--line);border-radius:10px;padding:18px}
.summary .kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;
 border-bottom:1px solid var(--line)}
.summary .kv:last-of-type{border-bottom:0}
.qty{display:flex;align-items:center;gap:8px}
.linkish{background:0;border:0;padding:0;font:inherit;color:var(--mut);
 text-decoration:underline;cursor:pointer}
.linkish:hover{color:var(--accent)}
@media(max-width:760px){.cartgrid{grid-template-columns:1fr}}

/* Figma 07: the mega menu panel. */
header{position:relative}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);
 border-bottom:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.09);z-index:40}
.megacols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
 gap:26px;padding:26px 0 14px}
.megacols h4{font:600 11px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;
 color:var(--mut);margin:0 0 10px}
.megacols h4 span{color:var(--faint)}
.megacols ul{list-style:none;margin:0;padding:0}
.megacols li{margin-bottom:6px}
.megacols a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:14px}
.megacols a:hover{color:var(--accent)}
.megacols i{width:10px;height:10px;border-radius:50%;flex:none;
 box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.megafoot{padding:0 0 20px;font-size:13.5px}
@media(max-width:900px){.mega{display:none}}

/* Figma 09: the filter panel. */
.filters{border:1px solid var(--line);border-radius:10px;margin-bottom:26px;overflow:hidden}
.fhead{width:100%;text-align:left;background:var(--soft);border:0;cursor:pointer;
 padding:13px 16px;font:600 13.5px var(--sans);color:var(--ink);
 border-bottom:1px solid var(--line)}
.fbody{display:flex;gap:34px;padding:16px;flex-wrap:wrap;align-items:flex-start}
.filters.shut .fbody{display:none}
.fgrp h4{font:600 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;
 color:var(--mut);margin:0 0 9px}
.fopt{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:6px;cursor:pointer}
.fopt em{color:var(--faint);font-style:normal;font-size:12.5px}

/* Figma 11 specs table and Figma 12 reviews. */
.spec{width:100%;border-collapse:collapse;font-size:14.5px;max-width:640px}
.spec th{text-align:left;font-weight:500;color:var(--mut);padding:10px 16px 10px 0;
 vertical-align:top;width:190px;border-bottom:1px solid var(--line)}
.spec td{padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.revavg{font-size:15px}
.revavg b{color:var(--accent);letter-spacing:2px}
.rev{border-top:1px solid var(--line);padding:14px 0}
.revhead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.revhead b{color:var(--accent);letter-spacing:2px}
.revhead em{font-style:normal;font:600 10.5px/1 var(--sans);letter-spacing:.07em;
 text-transform:uppercase;background:#e8f5ec;color:#1c7c3f;padding:5px 8px;border-radius:3px}

/* Figma 13: the minicart peek. */
.minicart{position:absolute;right:16px;top:100%;width:300px;background:var(--bg);
 border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.12);
 padding:14px;z-index:50}
.minicart ul{list-style:none;margin:0 0 10px;padding:0;max-height:260px;overflow:auto}
.minicart li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13.5px}
.minicart li img{border-radius:6px;background:var(--soft);flex:none}
.minicart li span{flex:1;min-width:0}
.mcfoot{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}
.mcfoot+.btn{margin-top:10px;display:inline-block}
.revform{border-top:1px solid var(--line);padding:12px 0;display:grid;gap:8px;max-width:520px}
.revform textarea{width:100%;padding:9px;border:1px solid var(--line);border-radius:3px;
 font:inherit}
.revform select{padding:7px;font:inherit}
@media(max-width:760px){.minicart{display:none}}
