:root{
  --bg:#eef0f3; --surface:#ffffff; --ink:#1d2433; --muted:#5d6678; --line:#d9dde4;
  --head:#2f3647; --head-ink:#f3f5f8; --action:#3f9d4a; --action-ink:#ffffff; --action-soft:#e3f3e5;
  --warn:#b4540a; --warn-soft:#fdeedd; --err:#b3261e; --err-soft:#fde8e6; --link:#1b6ec2;
  --g-a:#0f7a3c; --g-b:#2f9e44; --g-c:#9cc23a; --g-d:#e6c200; --g-e:#e8890c; --g-f:#d9480f; --g-ink:#ffffff; --g-ink-dark:#1d2433;
  --font-display:'Barlow Condensed',system-ui,sans-serif;
  --font-body:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
/* Magazinul rămâne mereu cu fundal alb/deschis, indiferent de modul telefonului vizitatorului. */
:root[data-theme="dark"]{
  --bg:#14181f; --surface:#1c222d; --ink:#e8ebf1; --muted:#98a1b3; --line:#303847;
  --head:#0f131a; --head-ink:#e8ebf1; --action:#4cae57; --action-ink:#0d1a10; --action-soft:#1d3322;
  --warn:#f0a35e; --warn-soft:#3a2a18; --err:#f2958e; --err-soft:#3a1f1d; --link:#7ab6ff; color-scheme:dark;}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.4;
  padding:0 max(16px,env(safe-area-inset-left,0px)) 24px max(16px,env(safe-area-inset-left,0px))}

/* Poze decorative în marginile libere de pe pagina de listare (doar desktop larg). */
body.shop{isolation:isolate}
.deco-side{display:none;position:fixed;top:0;bottom:0;z-index:-1;pointer-events:none;
  width:max(0px,calc((100vw - 1180px)/2 - 6px));max-width:420px;
  background-repeat:no-repeat;background-size:contain;opacity:.3}
.deco-left{left:0;background-image:url(deco/tire-stack.jpg);background-position:right top}
.deco-right{right:0;background-image:url(deco/tire-stack-flip.jpg);background-position:left top}
@media (min-width:1500px){.deco-side{display:block}}
.deco-banner{background:none;opacity:.8;pointer-events:auto;z-index:1;top:162px}
.deco-banner img{width:100%;height:auto;display:block}

/* Variantă mai îngustă a bannerelor laterale, pentru ecrane de laptop (sub 1500px),
   unde marginile libere sunt mai mici — lățimea se adaptează elastic la spațiul disponibil. */
.deco-laptop{display:none;position:fixed;top:172px;z-index:1;opacity:.8;pointer-events:auto;overflow:hidden;
  width:max(0px,calc((100vw - 1180px)/2 - 10px));max-width:110px;aspect-ratio:220/1229}
.deco-laptop img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.deco-laptop-left{left:4px}
.deco-laptop-right{right:4px}
@media (min-width:1280px){.deco-laptop{display:block}}
@media (min-width:1500px){.deco-laptop{display:none}}
body.has-bar{padding-bottom:96px}
a{color:var(--link)}
.wrap{max-width:1180px;margin:0 auto}
.wrap.narrow{max-width:420px;padding-top:48px}
h1,h2{font-family:var(--font-display);font-weight:600;letter-spacing:.01em;margin:0;text-wrap:balance}
.h1{font-size:30px;line-height:1.1;margin-bottom:12px}
h2{font-size:22px;margin:18px 0 10px}
.panel h2:first-child{margin-top:0}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.muted{color:var(--muted);font-size:13px}

header.top{background:var(--surface);border-top:3px solid var(--err);border-bottom:1px solid var(--line);
  margin-inline:calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
  padding-inline:max(16px, env(safe-area-inset-left, 0px));margin-bottom:18px}
.admin-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding-block:16px}
.adminlogo{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);text-decoration:none;letter-spacing:.01em}
.adminnav{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.adminnav a,.adminnav .navbtn{display:inline-flex;align-items:center;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;padding:7px 12px;border-radius:7px;background:none;border:0;cursor:pointer}
.adminnav form{margin:0}
.adminnav a:hover,.adminnav .navbtn:hover{background:var(--bg);color:var(--ink);text-decoration:none}
.adminnav a[aria-current="page"]{background:var(--action);color:var(--action-ink)}
.top-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-block:24px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:66px;width:auto;display:block}
.top-right{display:flex;align-items:center;gap:22px 28px;flex-wrap:wrap}
.top-cart{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700;padding-inline-start:24px;border-left:1px solid var(--line)}
.top-cart svg{width:28px;height:28px}
.top-cart .cart-n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--err);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.top-call{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-decoration:none;padding-inline-start:24px;border-left:1px solid var(--line)}
.top-call .call-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111}
.top-call .call-num{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--action)}

.sitenav{display:none}
@media (min-width:641px){
  header.top{margin-bottom:0}
  .sitenav{
    display:block;background:var(--head);
    margin-inline:calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
    padding-inline:max(16px, env(safe-area-inset-left, 0px));
    margin-bottom:18px;
  }
  .sitenav-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}
  .sitenav-in a{display:inline-flex;align-items:center;padding:13px 16px;color:var(--head-ink);text-decoration:none;
    font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
  .sitenav-in a:hover{background:rgba(255,255,255,.1);text-decoration:none}
  .nav-search{margin-left:auto;display:flex;align-items:center;background:#fff;border-radius:999px;overflow:hidden;
    height:34px;padding-left:14px}
  .nav-search input{border:0;background:none;height:100%;width:190px;font-size:13px;color:var(--ink);
    text-transform:none;letter-spacing:0;font-weight:400}
  .nav-search input::placeholder{color:var(--muted)}
  .nav-search input:focus{outline:0}
  .nav-search button{height:100%;aspect-ratio:1;border:0;background:var(--action);color:var(--action-ink);
    cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none}
}

.flash{padding:10px 14px;border-radius:6px;margin-bottom:12px;background:var(--action-soft);font-weight:600}
.flash.err{background:var(--err-soft);color:var(--err)}

.size-help{display:none}
.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px 12px 34px;align-items:end}
.desktop-search{grid-column:span 2;min-width:220px}
.filters label,.form label,.stack{display:flex;flex-direction:column;gap:4px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600;min-width:0}
.filters select,.filters input,.form input,.form select,.stack input,.stack select,.inline input,.inline select{
  height:38px;border:1px solid var(--line);border-radius:4px;background:var(--bg);padding:0 10px;font-size:14px;text-transform:none;letter-spacing:0;color:var(--ink);font-weight:400;min-width:0;width:100%}
textarea{border:1px solid var(--line);border-radius:4px;background:var(--bg);padding:8px 10px;font-size:14px;text-transform:none;letter-spacing:0;font-weight:400;width:100%;resize:vertical}
.searchbtn{position:relative}
.searchbtn .btn{width:100%}
.reset-link{font-size:13px;color:var(--muted);text-transform:none;font-weight:400;letter-spacing:normal}
.reset-desktop{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;white-space:nowrap}
.reset-mobile{display:none}
.sizes-panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:16px 18px 18px;margin-top:14px}
.sizes-panel h2{margin:0 0 14px;font-size:17px;color:var(--ink)}
.sizes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.sizes-grid a{display:flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--line);
  border-radius:6px;background:var(--bg);color:var(--ink);font-weight:700;font-size:13px;text-decoration:none}
.sizes-grid a:hover{border-color:var(--action);color:var(--action)}

.count-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin:12px 2px 8px}
.count{font-size:13px;color:var(--muted);margin:0;min-width:0}
.sort-compact{display:none;align-items:center;gap:6px;color:var(--muted);flex:none;margin-left:auto}
.sort-compact select{height:30px;border:1px solid var(--line);border-radius:4px;background:var(--bg);padding:0 8px;font-size:12px;color:var(--ink);width:auto}

.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:0;border-radius:4px;background:var(--action);color:var(--action-ink);font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.big{height:46px;width:100%;font-size:16px;margin-top:12px}

.list{display:flex;flex-direction:column;gap:6px}
.row{display:grid;grid-template-columns:72px minmax(0,1fr) 44px 56px 168px 56px 112px 64px 52px;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 12px;margin:0}
.row.head{background:var(--head);color:var(--head-ink);border-color:var(--head);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding-block:8px}
.thumb{position:relative;width:72px;height:72px;border-radius:4px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.thumb svg{width:44px;height:44px;color:var(--muted)}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.prod .brand{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.prod .name{font-family:var(--font-display);font-weight:500;font-size:21px;line-height:1.15}
.prod .name b{font-weight:700}
.prod .meta{font-size:12px;color:var(--muted);margin-top:2px;display:flex;flex-wrap:wrap;gap:2px 10px}
.season{display:flex;justify-content:center}
.season svg{width:24px;height:24px}
.ms{font-size:11px;font-weight:700;text-align:center;line-height:1.15}
.ms span{display:block;color:var(--muted);font-weight:600;font-size:10px}
.eu{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted)}
.chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 5px;border-radius:3px;font-weight:700;font-size:12px;color:var(--g-ink);background:var(--muted)}
.chip.A{background:var(--g-a)}.chip.B{background:var(--g-b)}.chip.C{background:var(--g-c);color:var(--g-ink-dark)}
.chip.D{background:var(--g-d);color:var(--g-ink-dark)}.chip.E{background:var(--g-e)}.chip.F{background:var(--g-f)}
.eu .ico{font-size:10px;font-weight:700;letter-spacing:.04em}
.eu .db{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink);white-space:nowrap}
.stock{font-variant-numeric:tabular-nums;font-size:13px;text-align:center}
.stock.low{color:var(--warn);font-weight:700}
.price{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.price small{font-size:15px;font-weight:600}
.price .base{display:block;font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--muted);margin-top:3px}
.qty{width:100%;height:36px;text-align:center;border:1px solid var(--line);border-radius:4px;background:var(--bg);font-variant-numeric:tabular-nums;color:var(--ink)}
.add{height:36px;width:100%;border:0;border-radius:4px;background:var(--action);color:var(--action-ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.add:hover{filter:brightness(1.08)}
.add svg{width:20px;height:20px}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:6px;padding:28px;text-align:center;color:var(--muted)}
.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:18px 0;font-weight:600}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:18px;margin-top:14px}
.tw{overflow-x:auto}
.lines{width:100%;border-collapse:collapse;font-size:14px}
.lines th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}
.lines td{padding:8px;border-bottom:1px solid var(--line);vertical-align:middle}
.lines td.n,.lines th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lines .rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1}
.lines .thumb{width:64px;height:64px}
.voucher-box{margin-top:14px;max-width:380px;margin-left:auto}
.voucher-toggle summary{cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--accent,#1a6);list-style:none}
.voucher-toggle summary::-webkit-details-marker{display:none}
.voucher-form{display:flex;gap:8px;margin-top:8px}
.voucher-form input[type=text]{flex:1;min-width:0;text-transform:uppercase}
.voucher-applied{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;background:var(--panel-alt,#f3f7f4);border-radius:8px;padding:8px 12px}
.totals{margin-top:12px;display:flex;flex-direction:column;gap:6px;max-width:380px;margin-left:auto}
.totals div{display:flex;justify-content:space-between;gap:16px;font-variant-numeric:tabular-nums}
.totals .grand{font-family:var(--font-display);font-size:24px;font-weight:700;border-top:1px solid var(--line);padding-top:8px}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:14px}

.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.cols .panel{margin-top:0}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}
.form[hidden]{display:none}
.stack[hidden]{display:none}
.fe{color:var(--err);font-size:12px;text-transform:none;letter-spacing:0;font-weight:600}
.check{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:14px;cursor:pointer}
.check input{width:18px;height:18px;flex:none}
.check.off{color:var(--muted)}
.pay{display:flex;flex-direction:column}
.sumlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.sumlist li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:6px}
.sumlist b{font-variant-numeric:tabular-nums;white-space:nowrap}
.bank{background:var(--action-soft);border-radius:6px;padding:12px;margin:12px 0}
.bank pre{margin:6px 0;font-family:inherit;white-space:pre-wrap}
.thanks{max-width:720px;margin-inline:auto}

.acctabs{position:relative}
.acctabs > input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.acctabs-nav{display:flex;gap:8px;margin-bottom:0}
.acctabs-nav label{cursor:pointer;padding:10px 18px;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;background:var(--surface);font-weight:700;font-size:13px;color:var(--muted)}
#acc-new:checked ~ .acctabs-nav label[for="acc-new"],
#acc-existing:checked ~ .acctabs-nav label[for="acc-existing"]{background:var(--action);color:var(--action-ink);border-color:var(--action)}
.acctabs-existing{display:none;margin-top:0;border-radius:0 6px 6px 6px}
#acc-existing:checked ~ .acctabs-existing{display:block}
#acc-existing:checked ~ .acctabs-new{display:none}
.acc-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--action-soft);font-size:14px}
.linklike{background:none;border:0;padding:0;color:var(--action);font-weight:700;cursor:pointer;text-decoration:underline;font-size:13px}

.bar{position:fixed;left:0;right:0;bottom:0;background:var(--head);color:var(--head-ink);
  padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));z-index:5}
.bar .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bar .sum strong{font-family:var(--font-display);font-size:24px;font-weight:700;margin-left:6px}

.whatsapp-fab{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));
  width:58px;height:58px;border-radius:999px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.28);z-index:20;transition:transform .15s,box-shadow .15s}
.whatsapp-fab:hover{transform:scale(1.07);box-shadow:0 6px 18px rgba(0,0,0,.34)}
body.has-bar .whatsapp-fab{bottom:calc(100px + env(safe-area-inset-bottom,0px))}

/* pagina produsului */
.tl{display:block;line-height:0}
a.name{display:block;color:var(--ink);text-decoration:none}
a.name:hover{text-decoration:underline}
.crumbs{font-size:13px;color:var(--muted);margin:2px 0 12px;display:flex;flex-wrap:wrap;gap:4px 6px}
.crumbs a{color:var(--muted)}
.pdp{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;align-items:stretch}
.pdp .panel{margin-top:0}
.pdp-media{display:flex}
.pdp-media .pimg-panel{flex:1;display:flex}
.pdp-main{display:flex;flex-direction:column;gap:14px}
.pimg-note{margin:10px 2px 0;font-size:12px;text-align:center}
.pimg{position:relative;min-height:360px;flex:1;max-width:100%;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pimg svg{width:38%;height:38%;color:var(--muted)}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff}
.pbrand{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pbrand a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.pbrand a:hover{color:var(--link);border-color:currentColor}
.pdp .h1{font-size:34px;margin-bottom:8px}
.pmeta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:13px;color:var(--muted)}
.pmeta b{color:var(--ink)}
.season-badge{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:600}
.season-badge svg{width:20px;height:20px}
.tag{border:1px solid var(--line);border-radius:3px;padding:1px 7px;font-weight:700;color:var(--ink);font-size:12px}
.pprice{font-family:var(--font-display);font-weight:700;font-size:48px;line-height:1;margin:16px 0 4px;font-variant-numeric:tabular-nums}
.pprice small{font-size:24px;font-weight:600}
.pprice .muted{font-family:var(--font-body);font-weight:400;font-size:13px}
.plabels{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0;padding:10px 0;border-block:1px solid var(--line)}
.plabels div{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.plabels .chip{min-width:30px;height:26px;font-size:14px}
.plabels b{color:var(--ink);font-size:15px}
.pstock{font-weight:700;margin:6px 0 10px}
.pstock.ok{color:var(--g-a)}.pstock.low{color:var(--warn)}.pstock.out{color:var(--err)}
:root[data-theme="dark"] .pstock.ok{color:var(--g-b)}
.pbuy{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:end}
.pbuy .qty{height:46px;font-size:16px}
.pbuy .btn.big{margin-top:0}
.info p{margin:0 0 8px}
.trust-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tm-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.tm-item svg{width:32px;height:32px;flex:none;color:var(--action)}
.tm-item b{font-size:13px;font-weight:700;line-height:1.3}
@media (max-width:560px){.trust-mini{grid-template-columns:repeat(2,1fr);gap:20px 16px}}
.pspec-note p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}

.gstars{color:#f5a623;font-size:16px;letter-spacing:1px}
.greviews-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.greviews-head .btn{height:34px;padding:0 14px;font-size:13px}
.greviews-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.greviews-score b{font-size:22px}
.greviews-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.greview{border:1px solid var(--line);border-radius:6px;padding:14px}
.greview-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.greview-head b{font-size:14px}
.greview-head .gstars{font-size:13px}
.greview p{margin:0;font-size:13px;line-height:1.5;color:var(--ink)}

.disc-badge{position:absolute;top:4px;left:4px;background:#d62828;color:#fff;font-size:9px;font-weight:700;line-height:1;padding:3px 5px;border-radius:3px;letter-spacing:.02em;z-index:1}
.disc-badge-lg{top:14px;left:14px;font-size:15px;padding:6px 11px;border-radius:5px}
.price.disc,.pprice.disc,.simprice.disc{color:#d62828}
.price .old{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--muted);text-decoration:line-through;margin-bottom:1px}
.pprice-old{font-family:var(--font-body);font-weight:600;font-size:16px;color:var(--muted);text-decoration:line-through;margin-top:16px}

/* Comparator: CTA pe pagina de produs + pagina compara.php */
.cmp-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:color-mix(in srgb,var(--link) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--link) 25%,var(--line))}
.cmp-cta-ico{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--link) 14%,var(--surface));color:var(--link)}
.cmp-cta-body{flex:1;min-width:220px}
.cmp-cta-body h2{margin:0 0 4px;font-size:18px}
.cmp-cta-body p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.cmp-cta-btn{flex:0 0 auto;white-space:nowrap}

.cmp-page{overflow-x:auto}
.cmp-table{width:100%;border-collapse:collapse;min-width:560px}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;font-size:14px;vertical-align:top}
.cmp-table th.cmp-attr{width:150px;color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap}
.cmp-table td.cmp-attr{color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap;background:var(--bg)}
.cmp-col-head{text-align:center}
.cmp-col-head .thumb{margin:0 auto 8px}
.cmp-col-head .cmp-name{font-weight:700;font-size:14px}
.cmp-col-head .cmp-brand{color:var(--muted);font-size:12px}
.cmp-remove{display:block;margin:6px auto 0;font-size:12px;color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline}
.cmp-price-cell{font-family:var(--font-display);font-weight:700;font-size:20px}
.cmp-price-cell.disc{color:#d62828}
.cmp-price-old{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--muted);text-decoration:line-through}
.cmp-table td.cmp-center{text-align:center}
.cmp-empty{padding:40px 16px;text-align:center;color:var(--muted)}
.cmp-col-empty{min-width:170px;padding-top:14px;padding-bottom:14px;background:color-mix(in srgb,var(--link) 4%,transparent);border-left:1px dashed var(--line)}
.cmp-picker{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.cmp-picker-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);text-align:left;font-weight:600}
.cmp-picker-label select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--fg);font-size:13px;font-family:inherit}
.cmp-picker .btn.small{width:100%}
.cmp-picker-empty{margin:0;font-size:12px;line-height:1.5}
@media (max-width:640px){.cmp-table th.cmp-attr,.cmp-table td.cmp-attr{width:110px}.cmp-col-empty{min-width:140px}}
.specs{display:grid;grid-template-columns:minmax(120px,220px) 1fr;margin:0;font-size:14px}
.specs dt,.specs dd{padding:8px 10px;border-bottom:1px solid var(--line);margin:0}
.specs dt{color:var(--muted)}
.specs dd{font-weight:600;overflow-wrap:anywhere}

.desc p{margin:0 0 10px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;background:#fdb100;color:#2a2416;border-radius:6px}
.trust>*{display:flex;align-items:center;gap:14px;padding:16px 22px;color:inherit;text-decoration:none;min-width:0}
.trust>*+*{border-left:1px solid rgba(42,36,22,.55)}
.trust svg{width:38px;height:38px;flex:none}
.trust b{display:block;font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:.03em;text-transform:uppercase;line-height:1.15}
.trust span{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
a.trust-item:hover b{text-decoration:underline}

/* pagini de informare */
.page h2{margin:22px 0 8px}
.page h3{margin:18px 0 6px;font-size:18px}
.page p,.page li{margin:0 0 10px;line-height:1.55}
.page ul,.page ol{padding-left:22px;margin:0 0 12px}
.page a{color:var(--link)}
.page strong,.page b{font-weight:700}
.page blockquote{margin:0 0 12px;padding:4px 16px;border-left:3px solid var(--line);color:var(--muted)}
.page img{max-width:100%;height:auto;border-radius:6px;margin:4px 0 16px;display:block}
/* textul simplu (paragrafe/liste la primul nivel) rămâne lizibil, chiar dacă panoul e lat */
.page>p,.page>ul,.page>ol,.page>blockquote{max-width:760px}
.faq-list{max-width:760px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 4px;font-weight:700;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--action)}
.faq-ic{position:relative;flex:none;width:18px;height:18px}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;background:var(--action);border-radius:2px}
.faq-ic::before{left:0;top:8px;width:18px;height:2px}
.faq-ic::after{left:8px;top:0;width:2px;height:18px;transition:transform .15s ease}
.faq-item[open] .faq-ic::after{transform:scaleY(0)}
.faq-a{padding:0 4px 18px;color:var(--muted)}
.faq-a>p:last-child,.faq-a>ul:last-child{margin-bottom:0}

.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin:4px 0 20px}
.team-card{text-align:center;width:170px}
.team-card img{width:150px;height:150px;border-radius:50%;margin:0 auto 12px;display:block}
.team-card b{display:block;font-family:var(--font-display);font-size:15px}
.team-card span{display:block;font-size:13px;color:var(--muted)}
.hours{border-collapse:collapse;margin:4px 0 16px}
.hours td{padding:3px 16px 3px 0;font-size:14px}
.hours td:first-child{color:var(--muted)}
.ph-note{font-size:12px;color:var(--muted);font-style:italic;margin:-8px 0 16px}

.about-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:6px}
.about-card{border:1px solid var(--line);border-radius:8px;padding:20px}
.about-card h2{margin-top:0}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;color:var(--action);margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.about-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.about-photos img{margin:0;width:100%;aspect-ratio:16/10;object-fit:cover}
.about-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.about-2col h3{margin-top:0}
.about-side h3:first-child{margin-top:0}
.yt-embed{position:relative;aspect-ratio:16/9;margin:14px 0 4px;border-radius:6px;overflow:hidden;background:#000}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:760px){.about-grid{grid-template-columns:1fr}.about-2col{grid-template-columns:1fr}}

.howto-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin:0 0 44px}
.howto-row.rev .howto-text{order:2}
.howto-row.rev .howto-photo{order:1}
.howto-text h3{margin:0 0 10px;font-family:var(--font-display);font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:var(--action)}
.howto-text p{margin:0;max-width:none}
.howto-photo img{margin:0;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:8px}
.howto-delivery{max-width:none;font-size:15px}
.page a.cta-call{display:flex;width:fit-content;align-items:center;gap:10px;margin:8px auto 24px;padding:14px 26px;border-radius:8px;
  background:var(--action);color:#fff;font-family:var(--font-display);font-size:18px;font-weight:700;
  letter-spacing:.01em;text-transform:none;text-decoration:none}
.cta-call:hover{filter:brightness(.92)}
.cta-call svg{width:20px;height:20px;flex:none}
@media (max-width:640px){
  .howto-row{grid-template-columns:1fr;gap:14px}
  .howto-row.rev .howto-text{order:1}
  .howto-row.rev .howto-photo{order:2}
}

/* subsol (mereu închis la culoare, ca logo-ul) */
.foot{--foot-bg:#15161a;--foot-ink:#c3c9d4;--foot-dim:#8c95a6;--foot-link:#8db8ff;--foot-line:rgba(255,255,255,.14);
  background:var(--foot-bg);color:var(--foot-ink);border-top:3px solid #fdb100;margin-top:40px;margin-bottom:-24px;
  margin-inline:calc(-1 * max(16px, env(safe-area-inset-left, 0px)));
  padding:44px max(16px, env(safe-area-inset-left, 0px)) max(26px, env(safe-area-inset-bottom, 0px));
  position:relative;z-index:2}
body.has-bar .foot{margin-bottom:-96px;padding-bottom:calc(26px + 72px)}
.foot-in{max-width:1180px;margin:0 auto}
.foot-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px 56px;align-items:start}
.foot-cols:not(:has(.foot-payblock)){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr)}
.foot h3{margin:4px 0 16px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#fdb100}
.foot-co,.foot-links,.foot-seasons,.foot-payblock{text-align:left}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.foot-logo{display:block;width:auto;max-width:min(100%,200px);height:auto;margin:0 auto 24px}
.foot-co li{font-size:15px;color:var(--foot-dim)}
.foot-co strong{color:var(--foot-ink);letter-spacing:.02em}
.foot a{color:var(--foot-link);text-decoration:none}
.foot a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-co a{color:var(--foot-dim)}
.foot-co a:hover{color:var(--foot-ink)}
.foot-links li a{font-size:15px;display:inline-block;padding:1px 0}
.foot-seasons li a{display:inline-flex;align-items:center;gap:9px;font-size:15px;padding:1px 0}
.foot-seasonic{display:inline-flex;flex-shrink:0}
.foot-seasonic svg{width:17px;height:17px}
.foot-brands{margin-top:34px;padding-top:6px;text-align:center}
.foot-brandrow{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.foot-brandrow img{height:34px;width:auto;max-width:140px;object-fit:contain;background:#fff;padding:7px 14px;border-radius:6px;box-sizing:border-box}
.foot-payblock{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}
.foot-pay{flex:none;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;align-items:center}
.foot-pay img{height:64px;width:auto;max-width:100%;object-fit:contain;background:#fff;padding:10px 18px;border-radius:6px;box-sizing:border-box}
.foot-socialrow{display:flex;gap:10px;margin-top:14px}
.foot-socialrow a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:var(--foot-ink);flex-shrink:0}
.foot-socialrow a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.foot-socialrow svg{width:17px;height:17px}
.foot-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 20px;margin-top:26px}
.foot-legal a{display:block;line-height:0;border-radius:8px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.foot-legal a:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.45);text-decoration:none}
.foot-legal img{display:block;width:250px;max-width:100%;height:auto}
.foot-bottom{margin-top:28px;padding-top:22px;border-top:1px solid var(--foot-line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}
.foot-social{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.foot-social a{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:600;color:var(--foot-ink)}
.foot-social a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.foot-bottom p{margin:0;font-size:14px;color:var(--foot-dim)}

/* admin */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tabs a{padding:6px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:14px}
.tabs a[aria-current]{background:var(--head);color:var(--head-ink);border-color:var(--head)}
.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.inline input[type=search]{max-width:320px}
.panel.inline{align-items:center}

.simgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:4px}
.simcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface)}
.simimg{display:block;color:var(--muted)}
.simimg .thumb{width:100%;height:150px;border-radius:0;background:var(--bg)}
.simimg .thumb svg{width:60px;height:60px}
.simbody{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}
.simbrand{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.simname{color:var(--ink);text-decoration:none;font-size:14px;line-height:1.3}
.simname:hover{color:var(--link)}
.simprice{font-family:var(--font-display);font-weight:700;font-size:20px;margin:2px 0 8px}
.simprice small{font-size:13px;font-weight:600}
.simcard .btn{width:100%;height:36px;font-size:13px}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--line);color:var(--ink);vertical-align:middle}
.pill.s-noua{background:var(--warn-soft);color:var(--warn)}
.pill.s-confirmata{background:#dbeafe;color:#1e4fa0}
.pill.s-expediata{background:#e6e0f8;color:#4b31a8}
.pill.s-finalizata{background:var(--action-soft);color:var(--g-a)}
.pill.s-anulata{background:var(--err-soft);color:var(--err)}
.kv{display:grid;grid-template-columns:90px 1fr;gap:6px 10px;margin:0 0 14px;font-size:14px}
.kv dt{color:var(--muted)}.kv dd{margin:0;overflow-wrap:anywhere}
.stackf{display:flex;flex-direction:column;gap:12px}
.stats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 16px;display:flex;flex-direction:column}
.stats b{font-family:var(--font-display);font-size:30px;line-height:1}
.stats span{font-size:12px;color:var(--muted)}
.narrow-form{max-width:520px;display:flex;flex-direction:column;gap:12px}
.rowactions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.settings-cols{column-count:2;column-gap:36px;max-width:1040px}
.settings-group{break-inside:avoid-column;display:flex;flex-direction:column;gap:12px;margin:0 0 28px}
@media (max-width:860px){.settings-cols{column-count:1}}
.login{display:flex;flex-direction:column;gap:12px}
.captcha-row{display:flex;align-items:center;gap:8px}
.captcha-img{border-radius:6px;border:1px solid var(--line);display:block}
.captcha-refresh{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;border:1px solid var(--line);font-size:18px;line-height:1;color:var(--muted);text-decoration:none;flex:none}
.captcha-refresh:hover{background:var(--line)}

@media (max-width:860px){
  .row.head{display:none}
  .row{grid-template-columns:72px 1fr auto;grid-template-areas:"img prod prod" "season season eu" "stock stock price" "qty qty add";gap:8px 12px}
  .thumb{grid-area:img}.prod{grid-area:prod}
  .season{grid-area:season;justify-content:flex-start;gap:10px;align-items:center}
  .ms{display:none}.eu{grid-area:eu;justify-content:flex-end}
  .stock{grid-area:stock;text-align:left}.stock::before{content:'Stoc ';color:var(--muted)}.price{grid-area:price}
  .qty{grid-area:qty;width:100px}.add{grid-area:add;justify-self:end;width:100px}
  .cols,.pdp{grid-template-columns:1fr}
  .simgrid{grid-template-columns:repeat(2,1fr)}
  .foot-cols,.foot-cols:not(:has(.foot-payblock)){grid-template-columns:1fr}
  .trust{grid-template-columns:1fr}
  .trust>*+*{border-left:0;border-top:1px solid rgba(42,36,22,.55)}
  .pdp .h1{font-size:28px}
  .pdp-media{display:block}
  .pimg{max-width:420px;min-height:0;aspect-ratio:1/1;margin:0 auto}
}

@media (max-width:640px){
  .top-in{flex-wrap:nowrap;padding-block:14px;gap:8px}
  .logo img{height:44px}
  .top-right{gap:0}
  .top-call{display:none}
  .top-cart{border-left:0;padding-inline-start:0}
  .filters{padding-bottom:12px}
  .filters .sortfield{display:none}
  .filters .desktop-search{display:none}
  .searchbtn{grid-column:1/-1;margin-top:6px}
  .searchbtn .btn{width:100%;height:46px;font-size:16px}
  .searchbtn .reset-desktop{display:none}
  .reset-mobile{display:block;grid-column:1/-1;text-align:center;margin-top:2px}
  .sort-compact{display:flex}

  .size-help{display:block;max-width:360px;margin:0 auto 4px}
  .size-help-img{width:100%;height:auto;display:block}
  .size-help-caps{display:flex;justify-content:space-between;margin-top:2px}
  .size-help-caps span{font-size:8px;font-weight:700;letter-spacing:.03em;color:var(--action);text-transform:uppercase}
  .size-help-caps span:last-child{text-align:right}

  .filters{grid-template-columns:repeat(3,1fr) auto;row-gap:14px}
  .filters label:not(.size-field){grid-column:1/-1}
  .size-field{position:relative}
  .size-field .size-select{
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    border:0;border-bottom:2px solid var(--action);border-radius:4px 4px 0 0;
    background:var(--bg);padding-right:24px;font-weight:700;color:var(--ink);
  }
  .size-field::before{
    content:"";position:absolute;right:9px;top:25px;
    border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid var(--action);
  }
  .size-field::after{
    content:"";position:absolute;right:9px;bottom:9px;
    border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--action);
  }
}

/* Pagina 404 */
.nf{max-width:640px;margin:36px auto 0;text-align:center}
.nf-tire{display:flex;justify-content:center;margin-bottom:6px}
.nf-code{font-family:var(--font-display);font-weight:700;font-size:56px;line-height:1;letter-spacing:.02em;color:var(--action);margin-top:6px}
.nf-title{margin:6px 0 10px}
.nf-text{color:var(--muted);margin:0 0 26px;max-width:460px;margin-inline:auto}
.nf-search{display:flex;gap:8px;max-width:420px;margin:0 auto 28px}
.nf-search input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font-size:14px}
.nf-search input:focus{outline:2px solid var(--action);outline-offset:1px}
.nf-menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px}
.nf-menu a{padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);text-decoration:none;font-size:13.5px;font-weight:600}
.nf-menu a:hover{border-color:var(--action);color:var(--action);text-decoration:none}
.nf-sizes{text-align:left}

/* Banner orizontal în header, doar pe desktop, în spațiul dintre logo și coș/telefon.
   Logo și coș/telefon au lățime fixă; bannerul se îngustează/lărgește elastic în ce rămâne,
   ca să încapă și pe ecrane de laptop mai mici, nu doar pe monitoare foarte late. */
.top-banner{display:none}
@media (min-width:900px){
  .logo{flex:0 0 auto}
  .top-right{flex:0 0 auto}
  .top-banner{display:flex;flex:1 1 260px;min-width:200px;max-width:560px}
  .top-banner img{width:100%;height:auto;display:block;border-radius:8px}
}

/* Comenzi: filtre avansate, sortare, paginare, ștergere */
.filterbar input[type=date]{padding:7px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:14px}
.filterbar select{padding:7px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font-size:14px}
.inline-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.btn.small{height:30px;padding:0 12px;font-size:13px}
.sort-link{color:inherit;text-decoration:none;font-weight:inherit}
.sort-link:hover{text-decoration:underline}
.lines th.chk,.lines td.chk{width:26px;padding-right:0}
.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.pager .disabled{opacity:.4;pointer-events:none}