/* Cleaning Market — stiluri. Tokens → bază → antet → componente → pagini. */

@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --ink:#10242C; --ink-2:#34474E; --muted:#56666B;
  --brand:#0B6B7A; --brand-deep:#084F5B; --brand-tint:#E3F1F2; --brand-light:#7FD0DA;
  --ground:#F3F6F5; --surface:#FFFFFF; --line:#D9E2E0; --line-2:#E8EEEC;
  --red:#D7402F; --blue:#2466D4; --green:#1E9454; --yellow:#F0B400;
  --ok:#1E7F4A; --err:#B3261E; --warn-bg:#FFF6D6; --warn-line:#F0DC9A; --warn-ink:#5C4500;
  --font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r:10px; --r-sm:6px; --r-lg:14px;
  --shadow:0 6px 20px -12px rgba(16,36,44,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font);font-weight:800;letter-spacing:-.02em;line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}
img{max-width:100%;height:auto}
a{color:var(--brand)}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:20px}
@media (max-width:600px){.wrap{padding-inline:16px}}
.sr,.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:6px}
.skip:focus{top:12px}
.num,.price,.amount{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}

/* ---------- butoane, etichete ---------- */
.btn,.button,button.button,a.button,input.button,#place_order{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-sm);padding:12px 20px;font-weight:700;border:1.5px solid transparent;cursor:pointer;text-decoration:none;line-height:1.2;transition:background .15s,border-color .15s;background:var(--brand);color:#fff}
.btn:hover,.button:hover,#place_order:hover{background:var(--brand-deep)}
.btn.sec,.button.sec{background:#fff;color:var(--brand-deep);border-color:var(--line)}
.btn.sec:hover{border-color:var(--brand);background:#fff}
.btn.light{background:#fff;color:var(--ink)}
.btn.light:hover{background:var(--brand-tint)}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.button:disabled,.button.disabled{opacity:.5;cursor:not-allowed}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.soon{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line);border-radius:999px;padding:1px 7px;line-height:1.5;vertical-align:middle}

/* ---------- logo ---------- */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.logo .mark{width:38px;height:38px;flex:none}
.wm{display:flex;flex-direction:column;line-height:.92}
.wm-a{font:500 15px/1 var(--font);letter-spacing:.14em;color:var(--ink-2)}
.wm-b{font:800 25px/1 var(--font);letter-spacing:-.03em}
.wm-b i{font-style:normal;color:var(--brand);font-size:.62em;font-weight:700;letter-spacing:0}

/* ---------- antet ---------- */
.strip{background:var(--brand-deep);color:#E3F1F2;font-size:13px}
.strip .wrap{display:flex;gap:24px;min-height:36px;align-items:center;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.strip span{display:inline-flex;align-items:center;gap:8px}
.strip span::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--yellow)}
.strip .right{margin-left:auto;color:#fff;font-weight:600}
.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:relative;z-index:20}
.hmain{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding-block:14px}
.navtoggle{display:none;background:none;border:0;padding:6px;cursor:pointer;color:var(--ink)}
.hsearch{display:flex;align-items:center;background:var(--ground);border:1.5px solid var(--line);border-radius:999px;padding:4px 4px 4px 18px;max-width:640px;width:100%;justify-self:center}
.hsearch:focus-within{border-color:var(--brand);background:#fff}
.hsearch input{border:0;background:transparent;flex:1;min-width:0;padding:8px 0;outline:none}
.hsearch input::-webkit-search-cancel-button{display:none}
.hsearch button{border:0;background:var(--brand);color:#fff;border-radius:999px;padding:8px 18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}
.hsearch button .ic{display:none}
.hsearch.big{max-width:520px;margin-top:20px;background:#fff}
.hacts{display:flex;gap:4px;align-items:center}
.hact{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--ink-2);text-decoration:none;padding:6px 10px;border-radius:8px;position:relative}
.hact:hover{background:var(--ground)}
.badge-n{position:absolute;top:0;right:4px;background:var(--red);color:#fff;font-size:11px;font-weight:800;border-radius:999px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}
.mainnav{border-top:1px solid var(--line-2)}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.mainnav a{display:flex;align-items:center;gap:6px;padding:12px 8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}
.mainnav a:hover,.mainnav a[aria-current]{border-bottom-color:var(--brand)}
.mainnav a.prod{color:var(--brand-deep);font-weight:800}
@media (max-width:900px){
  .hmain{grid-template-columns:auto 1fr auto;gap:10px}
  .navtoggle{display:block}
  .hsearch{grid-column:1/-1;grid-row:2;max-width:none}
  .hsearch button .sl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hsearch button .ic{display:block}.hsearch button{padding:8px 12px}
  .hact .l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}    .mainnav{display:none;border-top:1px solid var(--line)}
  .mainnav.open{display:block}
  .mainnav ul{flex-direction:column;padding-block:6px}
  .mainnav a{border-bottom:0;border-left:3px solid transparent;padding:12px 8px}
  .mainnav a[aria-current]{border-left-color:var(--brand)}
}
@media (max-width:420px){.wm-b{font-size:21px}.wm-a{font-size:13px}.logo .mark{width:32px;height:32px}}

/* ---------- secțiuni ---------- */
.blk{padding-block:48px}
.blk.tight{padding-bottom:0}
.blk.tight-top{padding-top:0}
.sec-h{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.sec-h h2{font-size:clamp(24px,3vw,32px)}
.sec-h a{font-weight:700;text-decoration:none}
.crumbs,.woocommerce-breadcrumb{font-size:13px;color:var(--muted);padding-block:16px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--brand)}
.crumbs span{margin-inline:6px}
.band{display:grid;grid-template-columns:repeat(4,1fr);height:6px}
.band i:nth-child(1){background:var(--red)}.band i:nth-child(2){background:var(--blue)}.band i:nth-child(3){background:var(--green)}.band i:nth-child(4){background:var(--yellow)}

/* ---------- card produs ---------- */
.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.grid.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.grid.g4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:720px){.grid.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.card:hover{border-color:#B9CCC9;box-shadow:var(--shadow)}
.card .im{position:relative;display:block;height:0;padding-top:100%;background:#fff;border-bottom:1px solid var(--line-2);overflow:hidden}
.card .im img{position:absolute;top:14px;left:14px;width:calc(100% - 28px);height:calc(100% - 28px);max-width:none;object-fit:contain}
.card .tag{position:absolute;left:10px;top:10px;z-index:1;font-size:11px;font-weight:700;background:var(--brand-tint);color:var(--brand-deep);border-radius:4px;padding:2px 7px}
.card .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .br{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);min-height:1.5em}
.card h3{font:600 14.5px/1.35 var(--font);letter-spacing:0;min-height:4.05em}
.card h3 a{color:var(--ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card h3 a:hover{color:var(--brand)}
.card .ft{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:8px}
.price{display:block;font-weight:800;font-size:19px;line-height:1.15;color:var(--ink)}
.price small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:3px}
.price del{font-weight:500;font-size:.75em;color:var(--muted);margin-right:4px}
.price.q{font-size:15px;color:var(--ink-2);font-weight:700}
.price .amount bdi{white-space:nowrap}
.add{width:40px;height:40px;border-radius:8px;border:0;background:var(--brand);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;text-decoration:none}
.add:hover{background:var(--brand-deep)}
.add.loading{opacity:.6;pointer-events:none}
.add.q{width:auto;padding:0 12px;font-size:13px;font-weight:700;background:#fff;color:var(--brand-deep);border:1.5px solid var(--line);display:flex;align-items:center;white-space:nowrap}
.add.q:hover{border-color:var(--brand)}
.oos{font-size:12.5px;color:var(--muted)}
@media (max-width:480px){.card .bd{padding:10px}.price{font-size:16px}.card h3{font-size:13.5px}.add{width:36px;height:36px}.add.q{padding:0 8px;font-size:12px}}

/* ---------- prima pagină ---------- */
.hero{background:var(--ink);color:#fff}
.hero .wrap{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-block:56px}
.hero .eyebrow{color:var(--brand-light)}
.hero .h1{font:800 clamp(32px,4.6vw,52px)/1.15 var(--font);letter-spacing:-.02em;text-wrap:balance;margin-block:10px 16px}
.hero .h1 em{font-style:normal;color:var(--brand-light)}
.hero .lead{font-size:17px;color:#C8DADD;max-width:52ch;margin-bottom:28px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.aud{display:grid;gap:12px;align-content:center}
.aud a{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:16px 18px;color:#fff;text-decoration:none;transition:background .15s}
.aud a:hover{background:rgba(255,255,255,.12)}
.aud .ic{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;color:#fff}
.aud .ic.green{background:#177A45}.aud .ic.blue{background:var(--blue)}.aud .ic.yellow{background:var(--yellow);color:var(--ink)}
.aud b{font-weight:800;font-size:18px;display:block}
.aud span span{font-size:13.5px;color:#B9CDD1}
.aud .arr{font-size:20px;color:var(--brand-light)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-block:36px}}
.trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r);background:#fff}
.trust li{padding:18px 20px;border-left:1px solid var(--line-2)}
.trust li:first-child{border-left:0}
.trust b{display:block;font-weight:700}
.trust span{font-size:13px;color:var(--muted)}
@media (max-width:860px){.trust{grid-template-columns:1fr 1fr}.trust li:nth-child(3){border-left:0}.trust li:nth-child(n+3){border-top:1px solid var(--line-2)}}
.cats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cat{height:100%;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-decoration:none;color:var(--ink);transition:border-color .15s}
.cat:hover{border-color:var(--brand)}
.cat .ci{width:64px;height:64px;border-radius:12px;display:grid;place-items:center;background:var(--brand-tint);color:var(--brand-deep)}
.cat b{font-weight:800;font-size:17px;display:block;margin-bottom:2px}
.cat span span{font-size:13px;color:var(--muted);display:block}
.cat em{font-style:normal;font-size:12px;font-weight:700;color:var(--brand)}
@media (max-width:900px){.cats{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cats{grid-template-columns:1fr}}
.b2b{background:var(--brand);color:#fff;border-radius:var(--r-lg);padding:32px;display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.b2b .eyebrow{color:#CFE9EC}
.b2b h2{font-size:clamp(24px,3vw,32px);margin-block:6px 10px}
.b2b p{color:#DDF0F2}
.b2b .ctas{margin-top:20px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:start;font-size:14.5px}
.checks li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:5px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%230B6B7A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@media (max-width:860px){.b2b{grid-template-columns:1fr;padding:24px}}
.cc{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.cc h2{font-size:clamp(22px,2.6vw,28px);margin-block:6px 10px}
.cc p{color:var(--ink-2)}
.code4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.code4 li{border-radius:var(--r);padding:14px;color:#fff;display:flex;flex-direction:column;gap:4px}
.code4 b{font-weight:800;font-size:16px}
.code4 span{font-size:12.5px}
.code4 .red{background:#BF3526}.code4 .blue{background:var(--blue)}.code4 .green{background:#177A45}.code4 .yellow{background:var(--yellow);color:#3A2C00}
@media (max-width:860px){.cc{grid-template-columns:1fr}.code4{grid-template-columns:1fr 1fr}}
.soonrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.soonc{background:#fff;border:1px dashed #B9CCC9;border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:10px}
.soonc h2{font-size:24px}
.soonc p{color:var(--ink-2)}
.soonc ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:14px}
.soonc .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.soonc .more{font-weight:700;text-decoration:none;margin-top:4px}
@media (max-width:760px){.soonrow{grid-template-columns:1fr}}

/* ---------- categorie + filtre ---------- */
.cathead{padding-bottom:20px}
.cathead h1{font-size:clamp(28px,3.6vw,40px);margin-bottom:8px}
.cathead .intro{color:var(--ink-2);max-width:72ch}
.cathead .intro p+p{margin-top:8px}
.quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.quick a{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:13.5px;color:var(--ink);text-decoration:none}
.quick a:hover{border-color:var(--brand)}
.quick a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.layout:has(.filters:empty),.layout:not(:has(.facet)){grid-template-columns:1fr}
.layout:not(:has(.facet)) .filters,.layout:not(:has(.facet)) .fbtn{display:none}
.filters{background:#fff;border:1px solid var(--line);border-radius:var(--r);position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
.fhead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.fhead h2{font-size:15px;letter-spacing:0}
.fclose{display:none;background:none;border:0;cursor:pointer;padding:2px}
.fshow{display:none;padding:14px 16px;border-top:1px solid var(--line-2)}
.fshow .btn{width:100%}
.facet{border-top:1px solid var(--line-2)}
.fhead+.facet{border-top:0}
.facet summary{list-style:none;padding:14px 16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.facet summary::-webkit-details-marker{display:none}
.facet summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.facet[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.opts{padding:0 16px 14px;display:grid;gap:2px}
.opt{display:flex;align-items:center;gap:10px;font-size:14px;padding:4px 0;color:var(--ink);text-decoration:none}
.opt .box{width:17px;height:17px;border:1.5px solid #9DB0AD;border-radius:4px;flex:none;background:#fff}
.opt[aria-checked="true"] .box{background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--brand)}
.opt:hover .box{border-color:var(--brand)}
.opt .c{margin-left:auto;font-size:12px;color:var(--muted)}
.opt.dim{opacity:.4;pointer-events:none}
.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.toolbar .cnt{font-size:14px;color:var(--ink-2)}
.woocommerce-ordering{margin-left:auto}
.woocommerce-ordering select{border:1.5px solid var(--line);border-radius:999px;background:#fff;padding:7px 12px;font-size:13.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chips a{background:var(--brand-tint);color:var(--brand-deep);border-radius:999px;padding:5px 10px 5px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.chips a::after{content:"×";font-size:16px;line-height:1}
.chips a.clear{background:none;color:var(--brand);text-decoration:underline}
.chips a.clear::after{content:none}
.fbtn{display:none}
.results.loading{opacity:.55;transition:opacity .15s}
.empty{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;text-align:center;color:var(--ink-2)}
.seo{margin-top:36px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.seo h2{font-size:22px;margin-bottom:10px}
.seo h3{font-size:17px;margin-block:14px 6px}
.seo p{color:var(--ink-2);max-width:75ch;margin-bottom:10px}
.scrim{position:fixed;inset:0;background:rgba(12,26,32,.45);z-index:55}
@media (max-width:900px){
  .layout{grid-template-columns:1fr}
  .filters{position:fixed;inset:0 0 0 auto;top:0;max-height:none;height:100%;width:min(360px,92vw);z-index:60;border-radius:0;transform:translateX(105%);transition:transform .2s;display:flex;flex-direction:column}
  .filters.open{transform:none;box-shadow:-20px 0 40px rgba(0,0,0,.2)}
  .fclose,.fbtn{display:inline-flex}
  .fshow{display:block;margin-top:auto;position:sticky;bottom:0;background:#fff}
}
.woocommerce-pagination ul{list-style:none;display:flex;gap:6px;justify-content:center;padding:0;margin:28px 0 0;flex-wrap:wrap}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:8px;border:1.5px solid var(--line);background:#fff;text-decoration:none;color:var(--ink);font-weight:600}
.woocommerce-pagination .current{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- pagina de produs ---------- */
.single-product div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.single-product div.product > .woocommerce-tabs,.single-product div.product > .related,.single-product div.product > .up-sells{grid-column:1/-1}
.woocommerce-product-gallery{position:relative;margin:0}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery__image{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;aspect-ratio:1/1;display:grid;place-items:center}
.woocommerce-product-gallery__image a{display:block;width:100%;height:100%}
.woocommerce-product-gallery__image img{width:100%;height:100%;object-fit:contain}
.woocommerce-product-gallery__image:nth-child(n+2){display:inline-grid;width:76px;height:76px;padding:6px;margin:12px 8px 0 0;border-radius:8px}
.woocommerce-product-gallery__trigger{position:absolute;right:12px;top:12px;z-index:2;font-size:0;width:36px;height:36px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='%2310242C' stroke-width='2'/%3E%3Cpath d='M16 16l4 4M11 8v6M8 11h6' stroke='%2310242C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat;border:1px solid var(--line)}
.summary .pbrand{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.summary .ptitle{font-size:clamp(24px,3vw,34px);margin-block:6px 10px}
.pmeta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:16px}
.pmeta b{color:var(--ink-2);font-weight:700}
.stock{font-weight:700;display:inline-flex;gap:6px;align-items:center}
.stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.stock.in{color:var(--ok)}.stock.out{color:var(--err)}
.summary .woocommerce-product-details__short-description{color:var(--ink-2);margin-bottom:18px}
.summary .woocommerce-product-details__short-description p+p{margin-top:8px}
.facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.facts span{border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:13px;background:#fff}
.facts b{font-weight:700}
.variants{margin-bottom:18px}
.variants .lb{font-size:13px;font-weight:700;margin-bottom:8px}
.variants .row{display:flex;gap:8px;flex-wrap:wrap}
.variants a{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:8px 14px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}
.variants a small{display:block;color:var(--muted);font-size:12px;font-weight:500}
.variants a[aria-current]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.buy{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:grid;gap:14px}
.buy .price{font-size:30px}
.buy .price small{font-size:13px}
.buy form.cart{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.buy .single_add_to_cart_button{flex:1;min-width:180px}
.quantity{display:flex;border:1.5px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:#fff}
.quantity .qty{width:56px;border:0;text-align:center;font-weight:700;-moz-appearance:textfield;appearance:textfield}
.quantity .qty::-webkit-inner-spin-button,.quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.quantity .qbtn{width:40px;border:0;background:#fff;font-size:18px;cursor:pointer;color:var(--ink)}
.quantity .qbtn:hover{background:var(--ground)}
.perks{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line-2);display:grid;gap:8px;font-size:13.5px;color:var(--ink-2)}
.perks li{display:flex;gap:10px}
.perks .ic{flex:none;color:var(--brand);margin-top:2px}
.woocommerce-tabs{margin-top:16px}
.woocommerce-tabs ul.tabs{list-style:none;margin:0;padding:0;display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}
.woocommerce-tabs ul.tabs a{display:block;padding:12px 16px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;text-decoration:none;white-space:nowrap}
.woocommerce-tabs ul.tabs li.active a{color:var(--ink);border-bottom-color:var(--brand)}
.woocommerce-Tabs-panel{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r);padding:24px;margin:0}
.woocommerce-Tabs-panel p,.woocommerce-Tabs-panel li{max-width:75ch;color:var(--ink-2)}
.woocommerce-Tabs-panel p+p{margin-top:10px}
.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3{font-size:18px;margin-block:18px 8px}
.shop_attributes{border-collapse:collapse;width:100%;max-width:640px;font-size:14px}
.shop_attributes th,.shop_attributes td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:top}
.shop_attributes th{width:40%;color:var(--muted);font-weight:600}
.shop_attributes td p{margin:0}
.related{margin-top:40px}
.related > h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:18px}
.related .grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){.single-product div.product{grid-template-columns:1fr;gap:24px}.related .grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- mesaje ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 16px;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14.5px}
.woocommerce-error{border-left-color:var(--err)}
.woocommerce-error li{margin:0}
.woocommerce-message .button,.woocommerce-info .button{order:2;margin-left:auto;padding:8px 14px}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;gap:14px;align-items:center;font-size:14.5px;max-width:calc(100vw - 32px)}
.toast a{color:var(--brand-light);font-weight:700}

/* ---------- pagini simple ---------- */
.page-wrap{padding-block:32px 16px}
.prose{max-width:820px}
.prose h1{font-size:clamp(28px,3.6vw,40px);margin-bottom:18px}
.prose h2{font-size:22px;margin-block:28px 10px}
.prose h3{font-size:18px;margin-block:20px 8px}
.prose p,.prose ul,.prose ol{margin-block:0 12px;color:var(--ink-2)}
.woocommerce-cart .prose,.woocommerce-checkout .prose,.woocommerce-account .prose{max-width:none}
.soonpage .soon{margin-bottom:12px}

/* ---------- formulare (comandă, cont) ---------- */
.form-row{display:grid;gap:6px;margin:0 0 14px}
.form-row label{font-size:13.5px;font-weight:700}
.form-row .required{color:var(--err);text-decoration:none;border:0}
.form-row .optional{font-weight:500;color:var(--muted)}
.input-text,select,textarea,.select2-selection{border:1.5px solid var(--line);border-radius:var(--r-sm);padding:11px 12px;background:#fff;width:100%;min-height:46px}
.input-text:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,107,122,.15)}
.woocommerce-invalid .input-text,.woocommerce-invalid select{border-color:var(--err)}
.woocommerce-validated .input-text{border-color:var(--line)}
.form-row .description,.cm-hint{font-size:12.5px;color:var(--muted)}
.cm-hint.bad{color:var(--err)}.cm-hint.good{color:var(--ok)}
.woocommerce-form__label-for-checkbox,.form-row .checkbox{display:flex;gap:10px;align-items:start;font-weight:500;cursor:pointer}
.woocommerce-form__label-for-checkbox input,.form-row input[type=checkbox]{margin-top:4px;accent-color:var(--brand);width:16px;height:16px}
.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:760px){.col2-set{grid-template-columns:1fr}}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.form-row-wide,.form-row.notes,#billing_cm_tip_field,#billing_company_field,#billing_address_1_field,#billing_address_2_field,#billing_email_field,#billing_cm_noreg_field{grid-column:1/-1}
@media (max-width:600px){.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}}

/* comanda */
form.checkout{display:grid;grid-template-columns:1fr 400px;gap:28px;align-items:start}
form.checkout > .woocommerce-NoticeGroup{grid-column:1/-1}
form.checkout #customer_details{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:block}
form.checkout #customer_details .col-1,form.checkout #customer_details .col-2{width:auto}
form.checkout #customer_details.col2-set{grid-template-columns:1fr}
#order_review_heading{display:none}
#order_review{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;position:sticky;top:16px;grid-column:2;grid-row:1 / span 3}
form.checkout h3{font-size:20px;margin-bottom:14px}
.shop_table{width:100%;border-collapse:collapse;font-size:14px}
.shop_table th,.shop_table td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line-2);vertical-align:top}
.shop_table tfoot th{font-weight:600;color:var(--ink-2)}
.shop_table .order-total th,.shop_table .order-total td{font-size:17px;font-weight:800;color:var(--ink);border-bottom:0}
.shop_table .product-total,.shop_table tfoot td{text-align:right}
.shop_table .includes_tax{display:block;font-size:12px;font-weight:500;color:var(--muted)}
#payment{margin-top:16px}
#payment .wc_payment_methods{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
#payment .wc_payment_method{border:1.5px solid var(--line);border-radius:10px;padding:12px 14px}
#payment .wc_payment_method:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
#payment .wc_payment_method > label{font-weight:700;cursor:pointer;margin-left:6px}
#payment .wc_payment_method input{accent-color:var(--brand)}
#payment .payment_box{font-size:13px;color:var(--muted);margin-top:6px}
#payment .payment_box p{margin:0}
.woocommerce-privacy-policy-text{font-size:12.5px;color:var(--muted);margin-bottom:12px}
#place_order{width:100%;padding-block:14px;font-size:16px}
.woocommerce-terms-and-conditions-wrapper .form-row{margin-bottom:14px}
.woocommerce-form-login-toggle .woocommerce-info,.woocommerce-form-coupon-toggle .woocommerce-info{grid-column:1/-1}
@media (max-width:980px){form.checkout{grid-template-columns:1fr}#order_review{position:static;grid-column:1;grid-row:auto}}

/* PF / PJ */
#billing_cm_tip_field .woocommerce-input-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#billing_cm_tip_field input{position:absolute;opacity:0}
#billing_cm_tip_field label.radio{border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer;font-weight:700;display:block;margin:0}
#billing_cm_tip_field label.radio span{display:block;font-size:12.5px;font-weight:500;color:var(--muted)}
#billing_cm_tip_field input:checked+label{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#F7FBFB}
#billing_cm_tip_field input:focus-visible+label{outline:3px solid var(--blue);outline-offset:2px}
#billing_cm_tip_field > label{margin-bottom:4px}
.cm-firm{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:14px;border-left:3px solid var(--brand);padding-left:16px;margin-bottom:8px}
.cm-firm > *{min-width:0}
@media (max-width:600px){#billing_cm_tip_field .woocommerce-input-wrapper,.cm-firm{grid-template-columns:1fr}}

/* coș */
.woocommerce-cart-form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 20px;overflow-x:auto}
.woocommerce-cart-form .product-thumbnail img{width:64px;height:64px;object-fit:contain}
.woocommerce-cart-form .product-remove a{font-size:22px;text-decoration:none;color:var(--muted)}
.woocommerce-cart-form .actions{text-align:right}
.woocommerce-cart-form .coupon{display:inline-flex;gap:8px;float:left}
.woocommerce-cart-form .coupon .input-text{width:180px}
.cart-collaterals{margin-top:24px;display:flex;justify-content:flex-end}
.cart_totals{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;width:min(420px,100%)}
.cart_totals h2{font-size:20px;margin-bottom:10px}
.wc-proceed-to-checkout .checkout-button{width:100%;margin-top:14px;padding-block:14px}
@media (max-width:700px){
  .woocommerce-cart-form .shop_table thead{display:none}
  .woocommerce-cart-form .shop_table tr{display:grid;grid-template-columns:64px 1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line-2)}
  .woocommerce-cart-form .shop_table td{border:0;padding:0}
  .woocommerce-cart-form td.product-remove{grid-column:3;grid-row:1}
  .woocommerce-cart-form td.product-thumbnail{grid-row:1/span 3}
  .woocommerce-cart-form td.product-name,.woocommerce-cart-form td.product-price,.woocommerce-cart-form td.product-quantity,.woocommerce-cart-form td.product-subtotal{grid-column:2/-1}
  .woocommerce-cart-form td.product-price{display:none}
  .woocommerce-cart-form tr:last-child{display:block}
  .woocommerce-cart-form .coupon{float:none;display:flex;margin-bottom:10px}
}

/* cont */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:600}
.woocommerce-MyAccount-navigation .is-active a{background:var(--brand-tint);color:var(--brand-deep)}
.woocommerce-MyAccount-content{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.woocommerce-account:not(.logged-in) .woocommerce{grid-template-columns:1fr}
#customer_login{gap:24px}
#customer_login > div{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
#customer_login h2{font-size:22px;margin-bottom:16px}
.cm-reg-firm{border-left:3px solid var(--brand);padding-left:16px}
@media (max-width:860px){.woocommerce-account .woocommerce{grid-template-columns:1fr}}

/* ---------- subsol ---------- */
.site-footer{background:var(--ink);color:#B9CDD1;margin-top:56px;font-size:14px}
.fcols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px;padding-block:44px}
.fabout{display:grid;gap:14px;align-content:start}
.site-footer .wm-a{color:#9FBFC4}.site-footer .wm-b{color:#fff}.site-footer .wm-b i{color:var(--brand-light)}
.site-footer h2{color:#fff;font-size:14px;font-weight:700;letter-spacing:0;margin:0 0 12px}
.site-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.site-footer a{color:#B9CDD1;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.flegal{border-top:1px solid #23404A;padding-block:16px;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;font-size:12.5px}
.anpc{display:flex;gap:8px;flex-wrap:wrap}
.anpc a{border:1px solid #355159;border-radius:6px;padding:6px 10px;font-size:11.5px;color:#CFE0E3}
@media (max-width:860px){.fcols{grid-template-columns:1fr 1fr}.fabout{grid-column:1/-1}}

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

/* Câmpurile firmei ascunse fără să aștepte JavaScript. */
form:has(#billing_cm_tip_pf:checked) .cm-pj,.cm-reg:has(#billing_cm_tip_pf:checked) .cm-reg-firm{display:none}
.form-row.is-off{opacity:.5}

/* Ajustări după primul test pe telefon și la comandă. */
.hsearch{min-width:0}
#billing_cm_tip_field label.radio .required,#billing_cm_tip_field label.radio abbr{display:none}
#billing_country_field,#shipping_country_field{display:none!important}
@media (max-width:600px){
  .strip span:not(:first-child){display:none}
  .hmain{column-gap:6px}
    .hact{padding:6px}
  .logo{gap:7px}.logo .mark{width:30px;height:30px}.wm-b{font-size:20px}.wm-a{font-size:12px;letter-spacing:.1em}
}
.woocommerce-product-gallery{opacity:1!important}
.woocommerce-Tabs-panel[hidden]{display:none}

/* ---------- contact ---------- */
.pagehead{background:var(--ink);color:#fff}
.pagehead .wrap{padding-block:40px}
.pagehead h1{font-size:clamp(28px,4vw,42px);margin-bottom:8px}
.pagehead p{color:#C8DADD;max-width:60ch}
.contact{display:grid;grid-template-columns:1fr 1.5fr;gap:24px;align-items:start;padding-block:32px 0}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.panel h2{font-size:20px;margin-bottom:16px}
.cinfo ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.cinfo li{display:grid;gap:2px}
.cinfo .k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.cinfo a{font-weight:700;font-size:17px;text-decoration:none}
.cinfo .prose{margin-top:18px}
.cf{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
.cf .full{grid-column:1/-1}
.cf textarea{min-height:140px;resize:vertical}
.cf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.forp{grid-column:1/-1;background:var(--brand-tint);border-radius:8px;padding:10px 14px;margin-bottom:14px;color:var(--brand-deep)}
.notice{border-radius:8px;padding:12px 14px;margin-bottom:14px;font-weight:600}
.notice.ok{background:#E3F4EA;color:var(--ok)}
.notice.bad{background:#FBE9E7;color:var(--err)}
.fco{margin-top:4px!important;gap:4px!important}
@media (max-width:860px){.contact,.cf{grid-template-columns:1fr}}
.preview-bar{background:var(--yellow);color:#3A2C00;text-align:center;font-size:13px;font-weight:700;padding:6px 16px}

/* ---------- sugestii căutare ---------- */
.hsearch{position:relative}
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px -12px rgba(16,36,44,.35);z-index:40;overflow:hidden;max-height:70vh;overflow-y:auto}
.suggest a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:8px 14px;text-decoration:none;color:var(--ink);border-top:1px solid var(--line-2)}
.suggest a:first-child{border-top:0}
.suggest a:hover,.suggest a[aria-selected="true"]{background:var(--brand-tint)}
.suggest img,.suggest .ph{width:44px;height:44px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--line-2)}
.suggest b{display:block;font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.suggest small{color:var(--brand-deep);font-weight:700;font-size:13px}
.suggest a.all{display:block;text-align:center;font-weight:700;color:var(--brand);padding:12px;background:var(--ground)}
.suggest .none{padding:14px;color:var(--ink-2);font-size:14px}

/* =========================================================
   Telefon: antet cu logo + comutator grilă, categorii derulabile,
   bară fixă jos (Acasă, Căutare, Coș, Cont). Model: pentruindustrie.ro
   ========================================================= */
.gridtoggle,.catbar,.tabbar,.mshop{display:none}
@media (max-width:900px){
  .strip,.navtoggle,.mainnav,.hacts,.desk{display:none!important}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .site-header{border-bottom:0}
  .hmain{grid-template-columns:1fr auto;padding-block:10px;gap:12px;align-items:center}
  .logo .mark{width:34px;height:34px}.wm-b{font-size:22px}.wm-a{font-size:13px;letter-spacing:.12em}
  .gridtoggle{display:grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}
  .gridtoggle .g1{display:none}
  .g1 .gridtoggle .g1{display:block}.g1 .gridtoggle .g2{display:none}

  /* căutarea: ascunsă, se deschide din bara de jos */
  .hsearch{display:none;grid-column:1/-1;grid-row:2;max-width:none;margin-top:2px}
  .search-open .hsearch{display:flex}
  .hsearch button .sl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .hsearch button .ic{display:block}
  .hsearch button{padding:8px 12px}

  /* categorii */
  .catbar{display:block;position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:#fff;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
  .catbar ul{list-style:none;margin:0;padding:10px 16px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:16px}
  .catbar ul::-webkit-scrollbar{display:none}
  .catbar a{display:block;white-space:nowrap;padding:8px 14px;border-radius:8px;background:var(--ground);border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:13px;text-decoration:none;letter-spacing:.01em}
  .catbar a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}

  /* bara de jos */
  .tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -6px 20px -12px rgba(16,36,44,.25)}
  .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:60px;background:none;border:0;color:var(--muted);font:600 11px/1 var(--font);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
  .tabbar a[aria-current],.tabbar button[aria-expanded="true"]{color:var(--brand)}
  .tabbar .badge-n{position:absolute;top:6px;left:calc(50% + 4px);right:auto;font-style:normal}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom,0px))}

  /* prima pagină pe telefon = magazinul */
  .mshop{display:block;padding-block:16px 8px}
  .mshop-h{font-size:20px;margin-bottom:14px}
  .more-all{text-align:center;margin-top:20px}
  .more-all .btn{width:100%}

  /* categorie */
  .crumbs,.woocommerce-breadcrumb{padding-block:12px 8px}
  .cathead{padding-bottom:14px}
  .cathead h1{font-size:24px}
  .cathead .intro{font-size:14px}
  .quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .quick a{white-space:nowrap}
  .toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .toolbar .fbtn{width:100%;height:44px;padding:0 12px}
  .toolbar .cnt{grid-column:1/-1;grid-row:2;margin:0}
  .woocommerce-ordering{margin:0}
  .woocommerce-ordering select{width:100%;height:44px;border-radius:var(--r-sm)}
  .layout:not(:has(.facet)) .toolbar{grid-template-columns:1fr}
  .layout:not(:has(.facet)) .toolbar .cnt{grid-row:auto}


  /* produs */
  .single-product div.product{gap:18px}
  .summary .ptitle{font-size:22px}
  .buy .price{font-size:26px}

  .site-footer{margin-top:32px}
  .fcols{padding-block:28px}
}
.search-open .site-header{z-index:45}
@media (max-width:900px){.buy form.cart{flex-wrap:nowrap}.buy .single_add_to_cart_button{min-width:0}}

/* ---------- card: preț + buton pătrat pe un rând, „fără TVA” dedesubt ---------- */
.card .ft{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;row-gap:2px}
.card .ft .price{display:contents}
.card .ft .pm{grid-column:1;grid-row:1;font-weight:800;font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card .ft .price small{grid-column:1/-1;grid-row:2;margin:0;white-space:nowrap}
.card .ft .price.q{display:block;grid-column:1;grid-row:1 / span 2;align-self:center}
.card .ft .add,.card .ft .oos{grid-column:2;grid-row:1}
.card .add,.card .add.q{width:42px;height:42px;padding:0;border-radius:10px;display:grid;place-items:center}
.card .add.q{background:#fff;color:var(--brand-deep);border:1.5px solid var(--brand)}
.card .add.q:hover{background:var(--brand-tint)}
.card .add .ql{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.card .add.added{background:var(--ok)}
@media (max-width:900px){
  .grid,.grid.g4,.related .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card .bd{padding:10px 10px 12px;gap:4px}
  .card .br{font-size:10.5px}
  .card h3{font-size:13.5px;min-height:2.7em}
  .card h3 a{-webkit-line-clamp:2}
  .card .ft{padding-top:6px;column-gap:8px}
  .card .ft .pm{font-size:16px}
  .card .ft .price small{font-size:11px}
  .card .add,.card .add.q{width:38px;height:38px;border-radius:9px}
  .card .add .ic{width:20px;height:20px}
  .card .tag{font-size:10px;left:8px;top:8px}
  .card .im img{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
  /* un produs pe rând: același card, doar mai lat; poza nu mai e pătrată, ca să nu ocupe tot ecranul */
  .g1 .grid,.g1 .grid.g4,.g1 .related .grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .g1 .card .im{padding-top:62.5%}
  .g1 .card .bd{padding:12px 14px 14px}
  .g1 .card h3{font-size:15px}
  .g1 .card .ft .pm{font-size:19px}
  .g1 .card .ft .price small{font-size:12px}
  .g1 .card .add,.g1 .card .add.q{width:44px;height:44px}
}

/* ---------- promoții: preț, etichetă, notă ---------- */
:root{--sale:#BF3526;--autumn:#E0761F;--autumn-deep:#7A3410}
.price .pm ins{text-decoration:none}
.price del{display:block;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration-thickness:1.5px;margin:0 0 1px;line-height:1.2}
.price.is-sale .pm ins{color:var(--sale)}
.card .ft .pm{overflow:visible}
.card .ft .add{align-self:end}
.salebadge{position:absolute;right:10px;top:10px;z-index:1;background:var(--sale);color:#fff;font-weight:800;font-size:13px;border-radius:6px;padding:3px 8px;letter-spacing:.01em}
.buy .price del{font-size:15px}
.offer{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;background:#FDF0E6;border:1px solid #F3C9A6;color:var(--autumn-deep);border-radius:8px;padding:8px 12px;font-size:14px}
.offer b{font-weight:800}
@media (max-width:900px){.salebadge{font-size:12px;right:8px;top:8px;padding:2px 7px}.price del{font-size:11.5px}}

/* ---------- banner rotativ ---------- */
.promo{padding-block:20px 0}
.promo-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--r-lg);scrollbar-width:none;overscroll-behavior-x:contain}
.promo-track::-webkit-scrollbar{display:none}
.promo-track:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.slide{scroll-snap-align:start;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;min-height:300px;padding:32px 40px;color:#fff;position:relative;overflow:hidden}
.slide .eyebrow{color:rgba(255,255,255,.85)}
.slide h2{font-size:clamp(24px,3.2vw,38px);margin-block:8px 10px;max-width:18ch}
.slide-text{color:rgba(255,255,255,.88);max-width:46ch;margin-bottom:20px}
.slide .btn{background:#fff;color:var(--ink)}
.slide .btn:hover{background:#FFF6E8}
.slide-art{position:relative;height:100%;min-height:220px;display:grid;place-items:center}
.slide.autumn{background:linear-gradient(120deg,#5A2410 0%,#9B3F12 45%,var(--autumn) 100%)}
.slide.autumn .eyebrow{color:#FFD58A}
.slide.firm{background:var(--brand)}
.slide.machines{background:var(--ink)}
.bigoff{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-6deg);font:800 clamp(56px,8vw,104px)/1 var(--font);color:#FFD58A;letter-spacing:-.04em;text-shadow:0 6px 24px rgba(0,0,0,.25);z-index:2}
.cans{display:flex;align-items:flex-end;justify-content:flex-end;gap:0;width:100%;padding-left:28%}
.cans img{width:34%;max-width:170px;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:14px;padding:8px;margin-left:-6%;box-shadow:0 12px 30px -10px rgba(0,0,0,.45)}
.cans img:nth-child(2){transform:translateY(-14px)}
.leaf{position:absolute;width:38px;height:38px;border-radius:0 70% 0 70%;background:#F0B400;opacity:.85}
.leaf.l1{top:6%;right:8%;transform:rotate(18deg)}
.leaf.l2{bottom:10%;left:22%;width:26px;height:26px;background:#FFD58A;transform:rotate(-30deg)}
.leaf.l3{top:14%;left:40%;width:20px;height:20px;background:#D7402F;transform:rotate(60deg)}
.art-ic{width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;color:#fff}
.art-ic svg{width:96px;height:96px}
.promo-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
.pbtn{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--ink);display:grid;place-items:center;padding-bottom:3px}
.pbtn:hover{border-color:var(--brand)}
.dots{display:flex;gap:8px}
.dots{gap:0}
.dots button{width:24px;height:24px;border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center}
.dots button::before{content:"";width:10px;height:10px;border-radius:999px;background:#C3D1CE;transition:width .2s,background .2s}
.dots button[aria-current="true"]{width:36px}
.dots button[aria-current="true"]::before{width:26px;background:var(--brand)}
@media (max-width:900px){
  .promo{padding-block:12px 0}
  .slide{grid-template-columns:1fr 36%;min-height:0;padding:14px 16px;gap:10px}
  .slide .eyebrow{font-size:10.5px}
  .slide h2{font-size:18px;margin-block:3px 8px}
  .slide-text{display:none}
  .slide .btn{padding:8px 12px;font-size:13px}
  .slide-art{min-height:104px}
  .bigoff{display:none}
  .cans{padding-left:0;justify-content:center}
  .cans img{width:52%;padding:5px;border-radius:10px;margin-left:-18%}
  .cans img:first-child{margin-left:0}
  .leaf{display:none}
  .art-ic{width:96px;height:96px}.art-ic svg{width:56px;height:56px}
  .pbtn{display:none}
  .promo-nav{margin-top:8px}
}