/* AquaSolution Commerce – stil magazin (identitate vizuală aquasolution.ro) */
:root{--blue:#0077cc;--blue2:#2383c0;--red:#ec4f4f;--red-d:#d43f3f;--text:#2b2f36;--muted:#6f767f;--line:#e8eaee;--bg:#fbfbfb;--card:#fff;--radius:6px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Jost,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{color:var(--blue)}
img{max-width:100%;height:auto;display:block}
h1{font-size:26px;font-weight:600;margin:10px 0 16px}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.narrow{max-width:900px}
.test-ribbon{background:#fff4d6;color:#7a5b00;text-align:center;font-size:12px;padding:3px 8px;border-bottom:1px solid #f0dca0}
.hello-bar{display:block;background:var(--blue);color:#fff;text-align:center;font-size:14px;padding:7px 12px}
.hello-bar:hover{color:#fff}
.badge-new{background:var(--red);border-radius:12px;padding:1px 9px;font-weight:700;font-size:12px}
.hb-cta{color:#ffd54a;margin-left:6px}
.site-header{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.06);position:sticky;top:0;z-index:20}
.header-row{display:flex;align-items:center;gap:24px;height:64px}
.logo img{height:34px;width:auto}
.burger{display:none;background:none;border:0;font-size:24px;cursor:pointer}
.search{flex:1;max-width:500px;margin:0 auto;display:flex;position:relative}
.search input{flex:1;border:1px solid #d9dde3;border-right:0;border-radius:4px 0 0 4px;padding:9px 12px;font:inherit;font-size:14px;min-width:0}
.search button{background:var(--blue2);color:#fff;border:0;border-radius:0 4px 4px 0;width:46px;cursor:pointer;display:grid;place-items:center}
.suggest{position:absolute;top:100%;left:0;right:46px;background:#fff;border:1px solid var(--line);border-radius:0 0 6px 6px;box-shadow:0 8px 20px rgba(0,0,0,.08);z-index:30}
.suggest a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px}
.suggest img{width:40px;height:40px;object-fit:contain}
.suggest b{margin-left:auto;color:var(--blue2);white-space:nowrap}
.header-icons{display:flex;gap:16px;align-items:center}
.ico-count{position:relative}
.ico-count span{position:absolute;top:-7px;right:-9px;background:var(--red);color:#fff;font-size:10px;border-radius:9px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px}
.main-menu{border-top:1px solid var(--line)}
.main-menu ul{list-style:none;margin:0;padding:0}
.main-menu>.container>ul{display:flex;flex-wrap:wrap;gap:4px}
.main-menu li{position:relative}
.main-menu>.container>ul>li>a{display:block;padding:11px 12px;font-weight:500;font-size:14px}
.main-menu .sub{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:220px;box-shadow:0 8px 24px rgba(0,0,0,.1);border-radius:0 0 6px 6px;padding:6px 0;z-index:25}
.main-menu .sub a{display:block;padding:8px 16px;font-size:14px}
.main-menu .has-sub:hover .sub{display:block}
main{min-height:50vh}
.flash{padding:10px 14px;border-radius:6px;margin:14px 0;font-size:14px}
.flash-ok{background:#e9f7ef;color:#1e6b3c}
.flash-err{background:#fdecec;color:#a12626}
.flash-info{background:#eaf4fc;color:#145a8a}
.btn{display:inline-block;border:0;border-radius:var(--radius);padding:9px 16px;font:inherit;font-weight:500;cursor:pointer;text-align:center;font-size:14px}
.btn-red{background:var(--red);color:#fff;width:100%}
.btn-red:hover{background:var(--red-d);color:#fff}
.btn-blue{background:var(--blue2);color:#fff}
.btn-blue:hover{color:#fff;opacity:.9}
.btn-ghost{background:#fff;border:1px solid #cfd5dc;color:var(--text)}
.btn-disabled{background:#e4e6ea;color:#888;width:100%;cursor:default}
.btn-lg{padding:12px 22px;font-size:16px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
/* slider */
.slider{position:relative;overflow:hidden;background:#eef3f8}
.slide{display:none}
.slide.active{display:block}
.slide img{width:100%;max-height:520px;object-fit:cover}
.sl-prev,.sl-next,.car-prev,.car-next{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);font-size:22px;cursor:pointer;z-index:2}
.sl-prev,.car-prev{left:12px}.sl-next,.car-next{right:12px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px auto}
.trust div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;text-align:center}
.trust strong{display:block;font-size:14px;color:var(--blue2)}
.trust span{font-size:13px;color:var(--muted)}
.block{margin:30px auto}
.block-title{font-size:20px;text-transform:uppercase;letter-spacing:.3px;color:#4a5160;margin:0 0 16px}
.carousel{position:relative}
.car-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.car-track::-webkit-scrollbar{display:none}
.car-track .card{scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.card-img{aspect-ratio:1/1;background:#f3f4f6;display:block}
.card-img img{width:100%;height:100%;object-fit:contain}
.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-title{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.card-price{margin-top:auto;color:var(--blue2);font-weight:600;font-size:16px}
.card-price s{color:var(--muted);font-weight:400;font-size:13px;margin-right:6px}
.intro{text-align:center;margin:40px auto}
.intro h2{font-size:20px;color:#5b6270;margin:0 0 6px}
.intro p{color:var(--muted);font-size:14px;margin:0 0 12px}
.link-strong{font-weight:600;font-size:14px;text-transform:uppercase}
.cat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-align:center}
.cat-card img{aspect-ratio:1/1;object-fit:contain;width:100%;background:#f3f4f6}
.cat-card span{display:block;padding:12px;font-weight:600}
.wide-banner img{width:100%;max-height:420px;object-fit:cover}
.about{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px auto}
.about h3{color:var(--blue2);margin:0 0 6px}
.about p{color:var(--muted);margin:0}
/* categorie */
.crumbs{font-size:13px;color:var(--muted);margin:16px 0 6px}
.crumbs a{color:var(--muted)}
.cat-layout{display:grid;grid-template-columns:230px 1fr;gap:24px;margin-bottom:40px}
.cat-layout:has(> .cat-main:only-child){grid-template-columns:1fr}
.filters h4{margin:16px 0 8px;font-size:14px;text-transform:uppercase;color:#4a5160}
.filters ul{list-style:none;margin:0;padding:0}
.filters li a{display:block;padding:4px 0;font-size:14px}
.filters a.on{color:var(--blue);font-weight:600}
.filters small{color:var(--muted)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;color:var(--muted);flex-wrap:wrap}
.toolbar select{font:inherit;padding:6px 8px;border:1px solid #d9dde3;border-radius:4px}
.pager{display:flex;gap:6px;justify-content:center;margin:24px 0}
.pager a{border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 12px}
.pager a.on{background:var(--blue2);color:#fff;border-color:var(--blue2)}
.empty{color:var(--muted);padding:20px 0}
/* produs */
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin:10px 0 30px}
.g-main{background:#fff;border:1px solid var(--line);border-radius:8px;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.g-main img{max-height:100%;object-fit:contain}
.g-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.g-thumbs button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:2px;width:70px;height:70px;flex:0 0 auto;cursor:pointer}
.g-thumbs button.on{border-color:var(--blue2)}
.g-thumbs img{width:100%;height:100%;object-fit:contain}
.pdp-info h1{font-size:22px;line-height:1.3}
.pdp-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:12px}
.pdp-meta a{color:var(--blue2)}
.stars{color:#f5a623}
.pdp-price{font-size:28px;color:var(--blue2);font-weight:600;margin:8px 0}
.pdp-price s{font-size:16px;color:var(--muted);font-weight:400;margin-right:10px}
.pdp-stock{color:#1e8a4c;font-weight:500;margin-bottom:12px}
.pdp-stock.out{color:var(--red)}
.buy-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px}
.variant-select{display:block;font-weight:500;margin-bottom:12px}
.variant-select select{display:block;width:100%;margin-top:6px;padding:9px;font:inherit;border:1px solid #cfd5dc;border-radius:6px}
.qty-row{display:flex;gap:10px}
.qty-row input{width:70px;padding:10px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;text-align:center}
.qty-row .btn-red{flex:1}
.btn-wish{width:48px;border:1px solid #cfd5dc;border-radius:6px;background:#fff;font-size:20px;color:#bbb;cursor:pointer}
.btn-wish.on{color:var(--red)}
.pdp-benefits{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:13px}
.pdp-benefits li{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.pdp-reco h4{margin:10px 0 6px}
.pdp-reco a{display:block;color:var(--blue2);font-size:14px}
.tabs{background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:30px}
.tab-heads{display:flex;border-bottom:1px solid var(--line)}
.tab-heads button{background:none;border:0;padding:14px 20px;font:inherit;font-weight:600;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent}
.tab-heads button.on{color:var(--blue2);border-color:var(--blue2)}
.tab-body{display:none;padding:20px}
.tab-body.on{display:block}
.rich{overflow-wrap:anywhere}
.rich img{height:auto;margin:10px 0}
.rich table{border-collapse:collapse;width:100%;margin:10px 0}
.rich td,.rich th{border:1px solid var(--line);padding:6px 8px;text-align:left}
.review{border-bottom:1px solid var(--line);padding:12px 0}
.verified{font-size:12px;color:#1e8a4c;margin-left:6px}
.r-author{font-weight:600;margin:4px 0}
.r-author small{color:var(--muted);font-weight:400}
.review-form{margin-top:20px;display:grid;gap:10px;max-width:520px}
.review-form label,.checkout label{display:block;font-size:14px;font-weight:500}
.review-form input,.review-form select,.review-form textarea,.checkout input:not([type=radio]):not([type=checkbox]),.checkout textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;background:#fff}
.hp{position:absolute;left:-9999px}
/* coș + checkout */
.cart-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:14px}
.cart-table th,.cart-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:middle}
.cart-table input{width:64px;padding:6px;border:1px solid #cfd5dc;border-radius:4px;font:inherit}
.c-img img{width:60px;height:60px;object-fit:contain}
.link-btn{background:none;border:0;color:var(--red);cursor:pointer;font-size:16px}
.totals{margin:20px 0 40px auto;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;display:grid;gap:8px}
.totals>div{display:flex;justify-content:space-between}
.totals .grand,.co-line.grand{font-size:18px;font-weight:700;color:var(--blue2)}
.free-hint{background:#eaf4fc;padding:8px 10px;border-radius:6px;font-size:13px;margin:0}
.checkout{display:grid;grid-template-columns:1fr 360px;gap:24px;margin-bottom:40px}
.checkout fieldset{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;margin:0 0 16px;display:grid;gap:12px}
.checkout legend{font-weight:600;padding:0 6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seg{display:flex;gap:18px}
.seg label,.opt{font-weight:400!important}
.opt{display:flex!important;gap:8px;align-items:center}
.co-side{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;align-self:start;position:sticky;top:120px;display:grid;gap:10px}
.co-side h3{margin:0}
.co-line{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.terms{font-size:13px!important;font-weight:400!important}
small.err{display:block;color:var(--red);font-weight:400;font-size:12px;margin-top:3px}
.page h1{margin-top:6px}
.post-list{padding-left:18px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:40px}
.post-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:14px}
.post-card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.post-card h3,.post-card p,.post-card .link-strong{margin:10px 14px 0;display:block}
.post-card p{color:var(--muted);font-size:14px}
/* footer */
.site-footer{background:#fff;color:#6f767f;border-top:1px solid var(--line);margin-top:40px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 16px}
.site-footer h4{color:var(--text);margin:0 0 10px;text-transform:uppercase;font-size:14px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:3px 0}
.footer-bottom{border-top:1px solid var(--line);padding:14px 16px;font-size:13px}
.wa-float{position:fixed;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.2);z-index:40}
/* responsive */
@media (max-width:1000px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .car-track{grid-auto-columns:calc((100% - 2*14px)/3)}
  .checkout{grid-template-columns:1fr}
  .co-side{position:static}
}
@media (max-width:760px){
  .header-row{flex-wrap:wrap;height:auto;padding:8px 16px;gap:10px}
  .burger{display:block}
  .search{order:3;flex-basis:100%;max-width:none}
  .header-icons{margin-left:auto;gap:12px}
  .main-menu{display:none}
  .main-menu.open{display:block}
  .main-menu>.container>ul{flex-direction:column}
  .main-menu .sub{position:static;display:block;box-shadow:none;padding-left:12px}
  .grid,.cat-cards{grid-template-columns:repeat(2,1fr);gap:10px}
  .car-track{grid-auto-columns:calc((100% - 14px)/2)}
  .trust{grid-template-columns:repeat(2,1fr)}
  .about,.pdp,.footer-grid,.two{grid-template-columns:1fr}
  .cat-layout{grid-template-columns:1fr}
  .filters{display:none}
  .blog-grid{grid-template-columns:1fr}
  .pdp-benefits{grid-template-columns:1fr}
  .cart-table thead{display:none}
  .hello-bar{font-size:12px}
  h1{font-size:21px}
}

/* ===== v0.1.2 – aliniere la aquasolution.ro (homepage + footer) ===== */
.main-menu .all-prod>a{background:var(--blue2);color:#fff!important;border-radius:0;padding:11px 16px!important}
.main-menu .chev{font-style:normal;font-size:11px;margin-left:3px;opacity:.7}
.hero{display:grid;grid-template-columns:230px 1fr;gap:0;margin-top:0}
.hero-cats{background:#fff;border:1px solid var(--line);border-top:0;display:flex;flex-direction:column;padding:6px 0}
.hero-cats a{display:flex;justify-content:space-between;padding:7px 14px;font-size:13px}
.hero-cats a span{color:var(--muted)}
.hero .slider{background:transparent}
.hero .slide img{width:100%;height:auto;max-height:none;object-fit:contain}
.trust{display:flex;justify-content:space-around;flex-wrap:wrap;gap:12px;margin:18px auto}
.trust div{background:none;border:0;padding:0;display:flex;align-items:center;gap:8px}
.trust img{width:22px;height:22px;object-fit:contain}
.trust span{font-size:12px;font-weight:600;color:#3a3f47;letter-spacing:.2px}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px auto 26px}
.promo-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.block-title.tc{text-transform:none;font-weight:500;font-size:20px;color:#3a3f47}
.card{position:relative}
.card-wish{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:var(--red);display:grid;place-items:center;cursor:pointer}
.card-wish.on svg{fill:var(--red)}
.car-track{grid-auto-columns:calc((100% - 4*14px)/5)}
.cat-card{background:none;border:0;text-align:left}
.cat-card img{aspect-ratio:1/0.85;object-fit:cover;background:#fff;border-radius:2px}
.cat-card span{padding:10px 2px;font-weight:500;font-size:16px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px auto 10px}
.about-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.about-card h3{color:var(--text);font-weight:500;font-size:18px;margin:12px 12px 2px}
.about-card p{color:var(--muted);font-size:13px;margin:0 12px 10px}
.site-footer{font-size:12px;color:#3a3f47}
.site-footer h4{text-transform:none;font-size:15px;font-weight:500;margin-bottom:14px}
.site-footer li{padding:2px 0}
.site-footer ul a:hover{color:var(--blue)}
.site-footer .ico{display:inline-flex;gap:7px;align-items:center}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 16px 26px;font-size:12px}
.pay-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pb{border:1px solid var(--line);background:#fff;border-radius:4px;padding:4px 8px;font-weight:700;font-size:12px;color:#1a1f71;letter-spacing:.3px}
.pb-ing{color:#ff6200}
.pb-anpc{color:#1d4e9e;font-weight:600;display:flex;flex-direction:column;line-height:1.1}
.pb-anpc small{font-weight:400;font-size:9px;color:#555}
@media (max-width:1000px){.hero{grid-template-columns:1fr}.hero-cats{display:none}.car-track{grid-auto-columns:calc((100% - 2*14px)/3)}}
@media (max-width:760px){.promo,.about{grid-template-columns:1fr}.car-track{grid-auto-columns:calc((100% - 14px)/2)}.trust{justify-content:flex-start}.trust div{flex-basis:45%}.main-menu .all-prod .sub{display:none}}

.main-menu>.container>ul{flex-wrap:nowrap;gap:0;justify-content:space-between}
.main-menu>.container>ul>li>a{padding:11px 8px;font-size:13px;white-space:nowrap}
@media (max-width:760px){.main-menu>.container>ul{flex-wrap:wrap}}

/* ===== v0.2 – telefon (stil Gomag: antet compact, meniu lateral, bară fixă de cumpărare) ===== */
.pdp>*{min-width:0}
.g-main img{width:100%;height:100%}
@media (max-width:760px){
  body{font-size:14px}
  .container{padding:0 12px}
  .test-ribbon{font-size:10.5px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hello-bar{font-size:11.5px;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hello-bar .badge-new{font-size:10px;padding:0 6px}
  /* antet pe un singur rând + căutare dedesubt */
  .header-row{display:grid;grid-template-columns:36px 1fr auto;grid-template-areas:"burger logo icons" "search search search";height:auto;padding:6px 12px 8px;gap:6px 8px;align-items:center}
  .burger{grid-area:burger;font-size:22px;width:36px;height:36px;padding:0;display:grid;place-items:center}
  .logo{grid-area:logo;min-width:0}
  .logo img{height:28px;max-width:100%;object-fit:contain;object-position:left center}
  .header-icons{grid-area:icons;gap:14px;margin:0}
  .header-icons a[href^="tel:"]{display:none}
  .header-icons svg{width:21px;height:21px}
  .search{grid-area:search;max-width:none;margin:0}
  .search input{padding:8px 10px;font-size:16px;height:38px}
  .search button{width:42px}
  /* meniu lateral */
  .main-menu{display:block;position:fixed;top:0;bottom:0;left:0;width:84vw;max-width:330px;background:#fff;z-index:60;transform:translateX(-102%);transition:transform .22s ease;overflow-y:auto;border:0;box-shadow:4px 0 24px rgba(0,0,0,.18)}
  .main-menu.open{transform:none}
  .main-menu::before{content:"Meniu";display:block;padding:14px 16px;font-weight:600;font-size:16px;background:var(--blue2);color:#fff}
  body.menu-open::after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:55}
  body.menu-open{overflow:hidden}
  body.menu-open .site-header{z-index:70}
  .main-menu .container{padding:0}
  .main-menu>.container>ul{flex-direction:column;gap:0}
  .main-menu>.container>ul>li{border-bottom:1px solid var(--line)}
  .main-menu>.container>ul>li>a{padding:13px 16px;font-size:15px;white-space:normal;display:flex;justify-content:space-between}
  .main-menu .all-prod{display:none}
  .main-menu .sub{display:none!important;position:static;box-shadow:none;padding:0 0 6px 14px;background:#f8fafc}
  .main-menu .has-sub.xopen .sub{display:block!important}
  .main-menu .sub a{padding:9px 16px}
  /* homepage */
  .hero .slide img{border-radius:0}
  .trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin:12px auto}
  .trust div{justify-content:flex-start;text-align:left}
  .trust span{font-size:11px}
  .promo{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px}
  .promo::-webkit-scrollbar{display:none}
  .promo-card{scroll-snap-align:start}

  .block-title,.block-title.tc{font-size:17px;margin-bottom:10px}
  .car-track{gap:10px;grid-auto-columns:calc((100% - 10px)/2)}
  .cat-cards{gap:10px}
  .cat-card span{font-size:14px;padding:6px 2px}
  .about{gap:12px;margin:20px auto 6px}
  .about-card h3{font-size:16px}
  /* carduri produs */
  .grid{gap:8px}
  .card-body{padding:8px 9px 10px;gap:5px}
  .card-title{font-size:13px;min-height:35px}
  .card-price{font-size:15px}
  .card .btn{padding:8px 6px;font-size:13px;width:100%}
  .card-wish{width:28px;height:28px;top:6px;right:6px}
  .toolbar{font-size:13px}
  /* pagina de produs */
  .pdp{gap:14px;margin-top:4px}
  .g-thumbs button{width:56px;height:56px}
  .pdp-info h1{font-size:19px;margin:4px 0 8px}
  .pdp-price{font-size:24px}
  .buy-box{padding:12px}
  .buy-box .qty-row{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.1);margin:0}
  .buy-box .qty-row input{width:56px}
  .buy-box .qty-row .btn-red{font-size:15px}
  body:has(.pdp){padding-bottom:72px}
  body:has(.pdp) .wa-float{bottom:80px}
  .pdp-benefits{grid-template-columns:1fr 1fr;gap:6px;font-size:12px}
  /* coș */
  .cart-table,.cart-table tbody,.cart-table tr{display:block}
  .cart-table tr{display:grid;grid-template-columns:64px 1fr auto;gap:4px 10px;padding:10px;border-bottom:1px solid var(--line);position:relative}
  .cart-table td{border:0;padding:0;font-size:13px}
  .cart-table td.c-img{grid-row:span 3}
  .cart-table td.c-img img{width:64px;height:64px;object-fit:contain}
  .cart-table td:last-child{position:absolute;top:8px;right:8px}
  .cart-table td:nth-child(2){grid-column:2/4;padding-right:26px;font-weight:500}
  /* checkout */
  .checkout fieldset{padding:12px}
  .checkout input,.checkout select,.checkout textarea{font-size:16px}
  /* subsol */
  .footer-grid{grid-template-columns:1fr 1fr;gap:18px 12px;padding:22px 12px}
  .footer-grid>*:nth-child(n+3){grid-column:span 1}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  /* WhatsApp */
  .wa-float{width:46px;height:46px;left:auto;right:12px;bottom:14px}
  .wa-float svg{width:24px;height:24px}
  h1{font-size:20px}
}

/* ===== v0.3 – cont client, formulare, voucher, pop-up ===== */
.sform{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;display:grid;gap:12px;margin-bottom:18px}
.sform h3{margin:0 0 4px;font-size:17px;font-weight:600}
.sform label{display:block;font-size:14px;font-weight:500}
.sform input:not([type=radio]):not([type=checkbox]),.sform textarea,.sform select{display:block;width:100%;margin-top:4px;padding:9px 10px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;background:#fff}
.sform .btn{justify-self:start;min-width:200px}
.sform .lbl{display:block;font-size:14px;font-weight:500;margin-bottom:8px}
.narrow-form{max-width:460px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.auth-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.acc{display:grid;grid-template-columns:240px 1fr;gap:24px;margin:10px 0 40px}
.acc-menu{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;align-self:start}
.acc-menu h5{margin:10px 0 6px;font-size:12px;color:var(--muted);letter-spacing:.5px}
.acc-menu ul{list-style:none;margin:0 0 6px;padding:0}
.acc-menu a{display:block;padding:5px 0;font-size:14px}
.acc-menu a.on{color:var(--blue2);font-weight:600}
.link-out{background:none;border:0;padding:8px 0 0;font:inherit;font-weight:600;color:var(--red);cursor:pointer}
.acc-main h1{margin-top:0}
.acc-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:14px}
.acc-card h3{margin:0 0 8px;font-size:16px}
.acc-addr{display:flex;justify-content:space-between;gap:10px}
.acc-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:8px;font-size:14px}
.acc-row>b:last-of-type{margin-left:auto}
.st{display:inline-block;border-radius:10px;padding:1px 9px;font-size:12px;background:#eef2f7;color:#3a4250}
.st-noua{background:#fff4d6;color:#7a5b00}.st-finalizata{background:#e9f7ef;color:#1e6b3c}.st-anulata,.st-returnata{background:#fdecec;color:#a12626}.st-confirmata,.st-in_procesare{background:#eaf4fc;color:#145a8a}
table.mini{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0}
table.mini td{padding:5px 4px;border-bottom:1px solid var(--line)}
table.mini .r{text-align:right;white-space:nowrap}
.voucher-box{display:grid;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:14px}
.voucher-box .v-row{display:flex;gap:6px}.voucher-box input{flex:1;min-width:0;padding:8px 10px;border:1px solid #cfd5dc;border-radius:6px;font:inherit;text-transform:uppercase}
.voucher-box .v-on{background:#e9f7ef;color:#1e6b3c;border-radius:6px;padding:8px 10px}
.voucher-box .link-btn{font-size:13px;text-decoration:underline}
.totals .disc,.co-line.disc{color:#1e8a4c}
.acc-on{color:var(--blue2)}
.gpsr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gpsr h4{margin:0 0 6px}.gpsr p{margin:0;color:var(--muted);font-size:14px}
.promo-pop{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:90;display:grid;place-items:center;padding:16px}
.promo-pop[hidden]{display:none}
.pp-box{background:#fff;border-radius:10px;max-width:420px;width:100%;padding:22px;position:relative;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.pp-box img{max-height:220px;margin:0 auto 10px;object-fit:contain}
.pp-box h3{margin:0 0 8px;font-size:19px}.pp-box p{color:var(--muted);font-size:14px;margin:0 0 14px}
.pp-x{position:absolute;top:6px;right:10px;background:none;border:0;font-size:28px;cursor:pointer;color:#888}
@media (max-width:760px){
  .auth-grid,.contact-grid,.acc,.gpsr{grid-template-columns:1fr}
  .acc-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:10px 14px}
  .acc-menu h5{grid-column:1/-1}
  .acc-menu ul{display:contents}
  .sform{padding:14px}.sform .btn{width:100%;justify-self:stretch}
  .acc-row>b:last-of-type{margin-left:0}
}
.sform label.opt{display:block!important;font-weight:400}
.sform label.opt input{margin-right:6px;vertical-align:-2px}
/* v0.4 filtre */
.filters a.chk{position:relative;padding-left:24px}
.filters a.chk::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border:1px solid #b9c2cc;border-radius:3px;background:#fff}
.filters a.chk.on::before{background:var(--blue2);border-color:var(--blue2);box-shadow:inset 0 0 0 2px #fff}
.clear-f{display:inline-block;margin:4px 0 6px;color:var(--red);font-size:13px}
.filter-toggle{display:none}
.specs{width:100%;border-collapse:collapse;font-size:14px}
.specs th,.specs td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.specs th{width:38%;color:var(--muted);font-weight:500;background:#fafbfc}
@media (max-width:760px){
  .filter-toggle{display:block;width:100%;margin:6px 0 4px}
  .filters{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 14px 12px}
  .filters.open{display:block}
}
.stock-alert{background:#fff8e6;border:1px solid #f2dca5;border-radius:8px;padding:12px;margin:12px 0;display:grid;gap:8px;font-size:14px}
.stock-alert .v-row{display:flex;gap:6px}.stock-alert input{flex:1;min-width:0;padding:9px 10px;border:1px solid #cfd5dc;border-radius:6px;font:inherit}
.tab-heads{overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.offers{display:grid;gap:10px;margin:16px 0}
.offer{display:flex;gap:14px;align-items:center;background:#fff8e6;border:1px dashed #e8b45f;border-radius:8px;padding:10px 14px}
.offer img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:6px}
.offer>div{flex:1;font-size:14px}.offer .tagx{display:block;color:#a0640b;font-size:12px;font-weight:600;text-transform:uppercase}
.offer s{color:var(--muted)}.offer strong{color:var(--red);font-size:16px}
.offer .btn{width:auto}
@media (max-width:760px){.offer{flex-wrap:wrap}.offer .btn{width:100%}}
.testi{margin:24px auto}
.testi-track{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.testi-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}
.testi-card blockquote{margin:6px 0 10px;font-size:14px;color:#3a3f47}
.testi-card figcaption{font-size:13px;color:var(--muted)}
@media (max-width:760px){.testi-track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory}.testi-card{scroll-snap-align:start}}
/* cookie-uri */
.ck-bar{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.15);border-top:3px solid var(--blue2)}
.ck-bar[hidden],.ck-modal[hidden]{display:none}
.ck-in{max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;gap:18px;align-items:center}
.ck-txt{flex:1;font-size:14px}.ck-txt p{margin:4px 0 0;color:#4a5160}
.ck-btns{display:flex;gap:8px;flex-wrap:wrap}.ck-btns .btn{width:auto;white-space:nowrap}
.ck-modal{position:fixed;inset:0;z-index:96;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:16px}
.ck-box{background:#fff;border-radius:10px;max-width:480px;width:100%;padding:22px;position:relative}
.ck-box h3{margin:0 0 12px}
.ck-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.ck-opt input{margin-top:3px;width:18px;height:18px}.ck-opt small{display:block;color:var(--muted);font-size:12.5px}
.ck-link{color:inherit;text-decoration:underline}
@media (max-width:760px){.ck-in{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.ck-btns .btn{flex:1}.ck-btns .btn-red{flex-basis:100%;order:-1}
  body:has(.ck-bar:not([hidden])) .buy-box .qty-row{bottom:auto;position:static}}
/* galerie: săgeți, swipe, ecran complet */
.g-main{position:relative;cursor:zoom-in;user-select:none;touch-action:pan-y}
.g-main img{-webkit-user-drag:none}
.g-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:26px;line-height:1;color:#333;cursor:pointer;display:none;z-index:2;padding:0 0 3px}
.g-nav:hover{background:#fff;color:var(--blue2)}
.g-prev{left:10px}.g-next{right:10px}
.g-multi .g-nav{display:grid;place-items:center}
.g-count{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;border-radius:10px;padding:2px 9px;z-index:2}
.g-count:empty{display:none}
@keyframes gInR{from{opacity:.25;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes gInL{from{opacity:.25;transform:translateX(-24px)}to{opacity:1;transform:none}}
.g-in-r{animation:gInR .28s ease}.g-in-l{animation:gInL .28s ease}
.g-lb{position:fixed;inset:0;background:rgba(10,14,22,.94);z-index:120;display:grid;place-items:center;padding:20px}
.g-lb[hidden]{display:none}
.g-lb img{max-width:92vw;max-height:88vh;object-fit:contain;background:#fff;border-radius:6px}
.g-lb .g-nav{position:fixed;width:52px;height:52px;font-size:32px}
.g-lb .g-prev{left:18px}.g-lb .g-next{right:18px}
.g-lb .g-count{position:fixed;bottom:18px;right:auto;left:50%;transform:translateX(-50%)}
.g-lb-x{position:fixed;top:12px;right:16px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;line-height:1}
@media (max-width:760px){.g-nav{width:36px;height:36px;font-size:22px}.g-prev{left:6px}.g-next{right:6px}.g-lb .g-nav{width:44px;height:44px}}
/* miniaturi în lateral (desktop) */
.g-side{display:contents}
.g-up,.g-down{display:none}
@media (min-width:761px){
  .gallery.g-multi{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:start}
  .gallery.g-multi .g-side{display:flex;flex-direction:column;align-items:center;gap:4px;grid-column:1;grid-row:1;max-height:100%;position:sticky;top:120px}
  .gallery.g-multi .g-main{grid-column:2;grid-row:1}
  .gallery.g-multi .g-thumbs{flex-direction:column;overflow-y:auto;overflow-x:hidden;margin-top:0;gap:8px;max-height:min(520px,calc(100vh - 220px));scrollbar-width:none;padding:2px}
  .gallery.g-multi .g-thumbs::-webkit-scrollbar{display:none}
  .gallery.g-multi .g-thumbs button{width:80px;height:80px}
  .gallery.g-multi .g-up,.gallery.g-multi .g-down{display:block;width:80px;height:24px;border:0;background:none;color:#8a929c;font-size:22px;line-height:1;cursor:pointer}
  .gallery.g-multi .g-up:hover,.gallery.g-multi .g-down:hover{color:var(--blue2)}
}
@media (max-width:760px){.gallery{display:flex;flex-direction:column}.gallery .g-main{order:1}.gallery .g-thumbs{order:2}}

/* coloana de informații produs – ca pe magazinul actual */
.pdp-info h1{font-size:24px;line-height:1.25;margin:0 0 8px}
.pdp-meta{align-items:center;gap:12px;margin-bottom:10px}
.pdp-meta .pdp-brand{font-weight:600}
.pdp-meta .stars{color:#f5a623;letter-spacing:1px;text-decoration:none}
.pdp-meta .stars span{color:var(--blue2);letter-spacing:0;margin-left:4px}
.pdp-info .pdp-price{margin-bottom:14px}
.pdp-short{margin:0 0 16px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.pdp-short p{margin:0 0 6px}.pdp-short p:last-child{margin-bottom:0}
.pdp-short ul{margin:4px 0;padding-left:18px}
.pdp-short img{max-width:100%;height:auto}
.pdp-stock{font-weight:700;font-size:13px;letter-spacing:.3px;margin:4px 0 10px}
.qty-row{align-items:stretch}
.qty-box{display:flex;border:1px solid #cfd5dc;border-radius:6px;overflow:hidden;background:#fff}
.qty-box button{width:36px;border:0;background:#f3f5f8;font-size:18px;cursor:pointer;color:#333}
.qty-box button:hover{background:#e6eaf0}
.qty-row .qty-box input{width:48px;border:0;border-radius:0;padding:10px 0;-moz-appearance:textfield}
.qty-box input::-webkit-outer-spin-button,.qty-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pdp-line{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--muted);margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--line)}
.pdp-line a{color:var(--blue2);text-decoration:none}
.pdp-actions{display:flex;flex-wrap:wrap;gap:6px 22px;margin-bottom:12px}
.pdp-link{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;color:#3a3f47;background:none;border:0;padding:0;cursor:pointer;text-decoration:none;width:auto}
.pdp-link:hover{color:var(--blue2)}
.pdp-link .ic{font-size:16px;color:var(--blue2)}
.pdp-link.btn-wish.on .ic{color:var(--red)}
.pdp-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin:22px 0}
@media (max-width:760px){.pdp-info h1{font-size:20px}.qty-row{flex-wrap:nowrap}}

/* poze în review-uri */
.r-imgs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.r-imgs a{display:block;width:96px;height:96px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fff}
.r-imgs img{width:100%;height:100%;object-fit:cover;transition:transform .2s}
.r-imgs a:hover img{transform:scale(1.05)}
.r-up input{display:block;margin-top:6px;font:inherit;font-size:13px}
.r-prev{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 10px}
.r-prev:empty{display:none}
.r-prev img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}
@media (max-width:760px){.r-imgs a{width:76px;height:76px}}

/* bara de navigare de jos pe telefon (Acasă, Cont, Magazin, Favorite, Coș) */
.m-tabbar{display:none}
@media (max-width:760px){
  .m-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 12px rgba(0,0,0,.06);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
  .m-tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#2b2f36;text-decoration:none;font-size:12px;line-height:1.1;padding:2px 0}
  .m-tabbar svg{width:25px;height:25px;display:block}
  .m-tabbar i{position:relative;display:block;font-style:normal}
  .m-tabbar b{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--blue2);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;box-sizing:border-box}
  .m-tabbar a.on{color:var(--blue2);font-weight:600}
  body:has(.m-tabbar){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body:has(.m-tabbar) .wa-float{bottom:calc(76px + env(safe-area-inset-bottom))}
  /* pe pagina de produs, bara „Adaugă în coș” stă deasupra meniului de jos */
  body:has(.m-tabbar) .buy-box .qty-row{bottom:calc(60px + env(safe-area-inset-bottom));box-shadow:0 -4px 12px rgba(0,0,0,.08);border-bottom:1px solid var(--line)}
  body:has(.m-tabbar):has(.pdp){padding-bottom:calc(128px + env(safe-area-inset-bottom))}
  body:has(.m-tabbar):has(.pdp) .wa-float{bottom:calc(140px + env(safe-area-inset-bottom))}
}
@media (max-width:760px){body:has(.m-tabbar) #toast{bottom:calc(76px + env(safe-area-inset-bottom))!important;left:12px;right:12px!important;max-width:none!important}
  body:has(.m-tabbar):has(.pdp) #toast{bottom:calc(136px + env(safe-area-inset-bottom))!important}}

/* consumabile recomandate */
.cons-box{border:1px solid #cfe3f3;background:#f4f9fd;border-radius:10px;padding:12px 14px;margin:6px 0 14px}
.cons-box h4{margin:0 0 2px;font-size:15px;color:var(--blue2)}
.cons-box>p{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.cons-item,.cc-item{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:6px 0}
.cons-item+.cons-item{border-top:1px solid #dbe8f3}
.ci-img img{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid var(--line);display:block}
.ci-txt{font-size:13px;line-height:1.3;min-width:0}
.ci-txt a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ci-txt a:hover{color:var(--blue2)}
.ci-txt b{display:block;margin-top:2px;color:var(--blue2)}
.btn-sm{padding:7px 12px;font-size:13px;white-space:nowrap}
.cart-cons{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:16px 0}
.cart-cons h3{margin:0 0 2px;font-size:17px}.cart-cons>p{margin:0 0 10px;font-size:13px;color:var(--muted)}
.cc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 18px}
.reco-pop{position:fixed;inset:0;z-index:98;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:16px}
.rp-box{position:relative;background:#fff;border-radius:12px;max-width:480px;width:100%;padding:20px 20px 16px;box-shadow:0 20px 50px rgba(0,0,0,.3);max-height:90vh;overflow:auto}
.rp-x{position:absolute;top:6px;right:10px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#666}
.rp-ok{color:#1e8a4c;font-weight:600;margin-bottom:10px;padding-right:24px}
.rp-box h3{margin:0;font-size:18px}.rp-sub{margin:2px 0 10px;font-size:13px;color:var(--muted)}
.rp-item{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.rp-item img{width:60px;height:60px;object-fit:contain;border:1px solid var(--line);border-radius:6px}
.rp-txt{font-size:13.5px;line-height:1.3}.rp-txt a{color:inherit;text-decoration:none}.rp-txt b{display:block;color:var(--blue2);margin-top:3px}
.rp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;flex-wrap:wrap}
@media (max-width:760px){.rp-box{padding:16px 14px 12px}.rp-actions .btn{flex:1;text-align:center}.cc-grid{grid-template-columns:1fr}
  .reco-pop{place-items:end center;padding:0}.rp-box{border-radius:14px 14px 0 0;max-width:none}}

/* garanție, comparator, calculator, Ship & Go */
.page .lead{font-size:15px;color:#4a5260;margin:0 0 16px}
.wr-form{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;gap:12px}
.wr-form label{display:block;font-weight:500;font-size:14px}
.wr-form input:not([type=checkbox]),.wr-form select{display:block;width:100%;margin-top:5px;padding:10px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;background:#fff;box-sizing:border-box}
.wr-form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wr-form .opt{font-weight:400;display:flex;gap:8px;align-items:flex-start}.wr-form .opt input{margin-top:3px}
.wr-form .err,.pudo-box .err{color:var(--red);font-size:12.5px;font-weight:400}
.wr-done{background:#effaf3;border:1px solid #bfe5cc;border-radius:10px;padding:20px}.wr-done h2{color:#1e8a4c;margin:0 0 8px}
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:10px;background:#fff}
.cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:14px}
.cmp th,.cmp td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp tbody th{text-align:left;font-weight:500;background:#fafbfc;width:22%;position:sticky;left:0}
.cmp thead th{background:#f4f9fd;font-size:15px}.cmp thead th a{color:var(--blue2);text-decoration:none}.cmp thead th small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:3px}
.cmp td span{font-size:13px;color:#3a3f47}.cmp td small{display:block;font-size:11.5px;color:var(--muted)}
.cmp-y{color:#1e8a4c!important;font-size:20px!important;font-weight:700}.cmp-n{color:#c0392b!important;font-size:18px!important}.cmp-p{color:#b7791f!important}
.cmp-money td{background:#fffdf5}
.cmp-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.cmp-tips div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.cmp-tips h3{margin:0 0 6px;font-size:16px;color:var(--blue2)}.cmp-tips p{margin:0;font-size:14px}
.cmp-more{font-weight:600}.cmp-more a{color:var(--blue2)}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.calc-in{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:12px}
.calc-in label{display:block;font-weight:500;font-size:14px}.calc-in small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.calc-in input,.calc-in select{display:block;width:100%;margin-top:5px;padding:10px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;box-sizing:border-box;background:#fff}
.calc-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calc-out{background:#f4f9fd;border:1px solid #cfe3f3;border-radius:10px;padding:16px}
.co-big{background:#25D366;color:#063;border-radius:10px;padding:14px 16px;margin-bottom:12px}.co-big span{display:block;font-size:13px;color:#064}.co-big b{font-size:30px;color:#032}
.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.co-grid div{background:#fff;border-radius:8px;padding:10px;border:1px solid #dbe8f3}
.co-grid span{display:block;font-size:12px;color:var(--muted)}.co-grid b{font-size:17px;color:var(--blue2)}.co-grid small{display:block;font-size:11px;color:var(--muted)}
.calc-out .btn{display:block;text-align:center}.calc-note{font-size:12px;color:var(--muted);margin:10px 0 0}
.pudo-box{border:1px solid #cfe3f3;background:#f4f9fd;border-radius:8px;padding:12px;margin-top:6px}
.pudo-box select{display:block;width:100%;margin-top:5px;padding:9px;font:inherit;border:1px solid #cfd5dc;border-radius:6px;background:#fff}
.pudo-info{font-size:13px;margin:8px 0}.pudo-info:empty{display:none}
.rv-ok{background:#effaf3;color:#1e8a4c;border-radius:6px;padding:8px 10px;font-size:13px;margin:0 0 8px}
@media (max-width:760px){.wr-form .two,.calc,.calc-row,.cmp-tips{grid-template-columns:1fr}.co-grid{grid-template-columns:1fr 1fr}.co-big b{font-size:26px}.cmp{font-size:13px}.cmp tbody th{width:34%}}

/* butoane calculator / comparator lângă review-uri */
.pdp-tools{display:inline-flex;gap:8px;flex-wrap:wrap}
.pdp-meta .pt-btn,.pdp-meta .pt-btn:hover{color:#fff}
.pt-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;color:#fff;white-space:nowrap;transition:filter .15s,transform .15s}
.pt-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.pt-calc{background:#1fa64a}
.pt-cmp{background:#d63384}
@media (max-width:760px){.pdp-tools{margin-left:0;width:100%}.pt-btn{flex:1;justify-content:center;padding:8px 10px}}

.cmp tr.cmp-ideal th,.cmp tr.cmp-ideal td{background:#eaf6ee;border-top:2px solid #1fa64a;border-bottom:2px solid #1fa64a}
.cmp tr.cmp-ideal th{color:#137a36;font-weight:700}
.cmp tr.cmp-ideal td span{color:#0f5a28;font-weight:600;font-size:14px}

/* comparator – varianta de telefon */
.cmpm{display:none}
@media (max-width:760px){
  .cmp-wrap{display:none}
  .cmpm{display:block}
  .cmpm-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:sticky;top:0;z-index:5;background:var(--bg,#f6f7f9);padding:6px 0 8px}
  .cmpm-tabs button{border:1px solid #cfd5dc;background:#fff;border-radius:8px;padding:10px 6px;font:inherit;font-size:14px;font-weight:600;color:#2b2f36;cursor:pointer}
  .cmpm-tabs button.on{background:var(--blue2);border-color:var(--blue2);color:#fff}
  .cmpm-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
  .cmpm.js .cmpm-card{display:none}.cmpm.js .cmpm-card.on{display:block}
  .cmpm-card h2{margin:0;font-size:20px;color:var(--blue2)}
  .cmpm-sub{margin:2px 0 10px;color:var(--muted);font-size:13px}
  .cmpm-ideal{background:#eaf6ee;border:2px solid #1fa64a;border-radius:10px;padding:10px 12px;margin-bottom:10px}
  .cmpm-ideal b{display:block;color:#137a36;font-size:14px;margin-bottom:2px}.cmpm-ideal span{color:#0f5a28;font-weight:600;font-size:15px}
  .cmpm-list{margin:0}
  .cmpm-list div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}
  .cmpm-list dt{font-size:14px;color:#2b2f36;flex:1}
  .cmpm-list dd{margin:0;text-align:right;max-width:55%;font-size:13px}
  .cmpm-list dd small{display:block;font-size:11px;color:var(--muted)}
  .cmpm-list .cmp-y,.cmpm-list .cmp-n{font-size:20px!important}
  .cmpm-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
  .cmpm-money div{background:#fffdf5;border:1px solid #f1e6c6;border-radius:8px;padding:10px}
  .cmpm-money span{display:block;font-size:12px;color:var(--muted)}.cmpm-money b{font-size:16px}.cmpm-money small{display:block;font-size:11px;color:var(--muted)}
  .cmpm-go{display:block;text-align:center}
}

/* comparator – telefon: toate sistemele odată */
.cmpx-wrap{display:none}
@media (max-width:760px){
  .cmpx-wrap{display:block}
  .cmpx{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;table-layout:fixed;font-size:13px}
  .cmpx th,.cmpx td{padding:8px 3px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
  .cmpx tbody th{text-align:left;font-weight:500;padding-left:9px;width:38%;line-height:1.25;background:#fafbfc;font-size:12.5px}
  .cmpx thead th:first-child{width:38%}
  .cmpx tbody th small{display:block;font-weight:400;font-size:10.5px;color:var(--muted)}
  .cmpx thead th{background:var(--blue2);padding:9px 2px;font-size:12px;line-height:1.2;position:sticky;top:0}
  .cmpx thead th a{color:#fff;text-decoration:none;font-weight:700;hyphens:manual}
  .cmpx thead th:first-child{background:var(--blue2)}
  .cmpx i{font-style:normal;font-weight:700;font-size:18px}
  .m-y{color:#1e8a4c}.m-n{color:#c0392b;font-size:15px!important}.m-p{color:#b7791f}
  .cmpx tr.x-ideal th,.cmpx tr.x-ideal td{background:#eaf6ee;color:#0f5a28;font-weight:700;border-bottom:2px solid #1fa64a}
  .cmpx tr.x-ideal th{color:#137a36}
  .cmpx tr.x-ideal td{font-size:12px;line-height:1.2}
  .cmpx tr.x-money td{font-weight:700;background:#fffdf5}.cmpx tr.x-money th{background:#fffdf5}
  .cmpx tr.x-go td{border-bottom:0;padding:8px 2px}.cmpx tr.x-go th{border-bottom:0}
  .cmpx tr.x-go a{display:block;background:var(--red);color:#fff;border-radius:6px;padding:7px 0;font-weight:600;font-size:12px;text-decoration:none}
  .cmpx-legend{font-size:12px;color:var(--muted);margin:8px 2px 0}.cmpx-legend i{font-style:normal;font-weight:700}
}

/* prima pagină: calculator + comparator */
.hero-tools{margin-top:auto;padding:12px;display:grid;gap:8px}
.hero-tools .pt-btn,.hero-tools-m .pt-btn{white-space:normal;padding:10px 12px;gap:10px;font-size:14px;line-height:1.2;border-radius:8px}
.hero-tools .pt-btn small,.hero-tools-m .pt-btn small{display:block;font-weight:400;font-size:11.5px;opacity:.9;margin-top:2px}
.hero-cats .hero-tools a,.hero-cats .hero-tools a:hover{display:flex;justify-content:flex-start;padding:10px 12px;font-size:14px;color:#fff!important}
.hero-cats .hero-tools a span{color:#fff}
.hero-tools-m{display:none}
@media (max-width:1000px){.hero-tools-m{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.hero-tools-m .pt-btn{justify-content:flex-start}}
@media (max-width:420px){.hero-tools-m .pt-btn{font-size:13px;padding:9px 10px}.hero-tools-m .pt-btn small{font-size:10.5px}}

.co-big small{display:block;font-size:12px;color:#064;margin-top:2px}
.co-big em{display:block;font-style:normal;font-size:14px;color:#053;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.12)}
.co-big em b{font-size:18px;color:#032}

/* bannere produs pe prima pagină: preț + buton */
.promo-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.promo-card>a img{border-radius:0}
.promo-info{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px 8px}
.promo-title{font-size:15px;font-weight:500;color:inherit;text-decoration:none;line-height:1.25}
.promo-title:hover{color:var(--blue2)}
.promo-price{font-size:18px;font-weight:700;color:var(--blue2);white-space:nowrap;text-align:right}
.promo-price small{font-size:12px;font-weight:500;color:var(--muted)}
.promo-price s{display:block;font-size:12px;color:var(--muted);font-weight:400}
.promo-card .btn,.promo-card form{margin:auto 12px 12px;display:block;text-align:center}
.promo-card form .btn{margin:0;width:100%}
@media (max-width:760px){.promo-info{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px 6px}.promo-title{font-size:14px}.promo-price{font-size:16px;text-align:left}.promo-card .btn,.promo-card form{margin:auto 10px 10px}}
.promo-card>.btn{width:auto!important;box-sizing:border-box}

.cmp-ok{color:#6b7480!important;font-size:13px!important}.cmp-ok small{display:block;font-size:11px;color:var(--muted)}
.m-o{color:#8a939e;font-size:18px!important}
.cmp-note{background:#eef6fd;border:1px solid #cfe3f3;border-radius:10px;padding:10px 14px;font-size:14px;margin:0 0 14px;color:#2b3a4a}

@media (min-width:1001px){.promo:has(.promo-card:nth-child(4)){grid-template-columns:repeat(4,1fr)}
.promo:has(.promo-card:nth-child(4)) .promo-title{font-size:14px}
.promo:has(.promo-card:nth-child(4)) .promo-price{font-size:16px}}
@media (max-width:1000px) and (min-width:761px){.promo:has(.promo-card:nth-child(4)){grid-template-columns:repeat(2,1fr)}}

/* „Toate Produsele”: doar la click, nu la hover */
@media (min-width:761px){
  .main-menu .all-prod.has-sub:hover .sub{display:block}
  .main-menu .all-prod.open .sub{display:block!important}
  .main-menu .all-prod .sub{min-width:260px}
  .main-menu .all-prod .sub-all a{font-weight:600;color:var(--blue2)!important;border-top:1px solid var(--line)}
}
/* prima pagină: coloana din stânga are doar cele două butoane, pe toată înălțimea */
.hero-cats:has(> .hero-tools:only-child){padding:0;border:0;background:transparent;justify-content:center}
.hero-cats > .hero-tools:only-child{margin:0;padding:0 14px 0 0;align-content:end;gap:10px;height:100%}

.calc-sys{display:flex;gap:12px;align-items:center;margin-top:6px}
.calc-sys a{flex:none;display:block}
.calc-sys img{width:84px;height:84px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff;display:block}
.calc-sys select{margin-top:0!important;min-width:0;flex:1}
@media (max-width:760px){.calc-sys img{width:64px;height:64px}}

/* „Toate Produsele” cu poze și submeniu */
@media (min-width:761px){
  .main-menu .all-prod .sub-cats{min-width:290px;padding:6px 0}
  .sub-cats>li{position:relative}
  .sub-cats a{display:flex!important;align-items:center;gap:10px;padding:7px 14px!important;white-space:nowrap}
  .sub-cats a:hover{background:#f2f7fc}
  .mc-ic{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:6px;background:#fff;border:1px solid #eef1f4;overflow:hidden}
  .mc-ic img{width:30px;height:30px;object-fit:contain}
  .mc-t{flex:1;font-size:14px}
  .mc-ar{color:var(--muted);font-size:18px;line-height:1}
  .sub-cats .fly{display:none;position:absolute;left:100%;top:-6px;background:#fff;min-width:260px;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:0 6px 6px 6px;padding:6px 0;z-index:26;list-style:none;margin:0}
  .sub-cats .has-fly:hover>.fly,.sub-cats .has-fly:focus-within>.fly{display:block}
  .sub-cats .fly-h a{font-weight:600;color:var(--blue2)!important;font-size:13px}
}
@media (max-width:760px){.mc-ic,.mc-ar,.sub-cats .fly{display:none!important}}

/* submeniu cu produse */
@media (min-width:761px){
  .sub-cats .fly{width:520px;padding:10px 0 0;white-space:normal}
  .sub-cats .has-fly:hover>.fly{display:flex;flex-direction:column}
  .fly-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:0 14px 8px;border-bottom:1px solid var(--line)}
  .fly-head>a:first-child{font-weight:700;color:var(--blue2)!important;font-size:14px;padding:0!important;margin-right:6px;background:none!important}
  .fly-head .fly-chip{display:inline-block!important;padding:3px 10px!important;border:1px solid #d6e4f0;border-radius:14px;font-size:12px;color:#2b2f36!important;background:#f4f9fd}
  .fly-list{max-height:min(60vh,440px);overflow-y:auto;padding:4px 0}
  .fly-p{display:grid!important;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:6px 14px!important;white-space:normal!important}
  .fly-p:hover{background:#f2f7fc}
  .fp-img img{width:44px;height:44px;object-fit:contain;border:1px solid #eef1f4;border-radius:6px;background:#fff;display:block}
  .fp-n{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fp-p{font-size:13px;font-weight:700;color:var(--blue2);white-space:nowrap}.fp-p small{font-weight:400;color:var(--muted);font-size:11px}
  .fly-all{display:block!important;padding:9px 14px!important;border-top:1px solid var(--line);font-weight:600;color:var(--blue2)!important;font-size:13px}
}
@media (min-width:761px){.sub-cats>li{position:static}.sub-cats .fly{top:0;min-height:100%;box-sizing:border-box;border-radius:0 6px 6px 0}}

/* poze mici în meniul de pe telefon (se încarcă doar la deschiderea meniului, miniaturi webp de câțiva KB) */
.mm-ic{display:none}
@media (max-width:760px){
  .main-menu .mm-ic{display:inline-block;width:32px;height:32px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid #eef1f4;margin-right:12px;vertical-align:middle;flex:none}
  .main-menu .mm-ic:not([src]){visibility:hidden}
  .main-menu>.container>ul>li>a{display:flex;align-items:center;justify-content:flex-start;text-align:left}
  .main-menu>.container>ul>li>a .chev{margin-left:auto}
}

/* meniul de sus: la hover, panou cu produsele categoriei (doar pe calculator) */
.mega{display:none}
@media (min-width:761px){
  .main-menu .has-mega{position:relative}
  .main-menu .has-mega>.sub{display:none!important}
  .main-menu .has-mega:hover>.mega{display:flex;flex-direction:column}
  .mega{position:absolute;top:100%;left:0;width:520px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);border-radius:0 0 8px 8px;padding:10px 0 0;z-index:30;white-space:normal}
  .main-menu .has-mega:nth-last-child(-n+5)>.mega{left:auto;right:0}
  .mega a{font-weight:400}
}
@media (max-width:760px){.mega{display:none!important}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.co-note{display:block;font-size:12px;margin:-4px 0 8px}

.fly-wait{display:block;padding:16px;color:var(--muted);font-size:13px}
/* bannere de produs pe prima pagină: pe telefon câte 2 pe rând, fără derulare laterală */
@media (max-width:760px){
  .promo{grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important;grid-auto-columns:auto!important;overflow:visible!important;gap:8px!important}
  .promo-card .promo-title{font-size:13px}
  .promo-card .promo-price{font-size:15px}
  .promo-card .btn,.promo-card form{margin:auto 8px 8px}
  .promo-card .btn{padding:8px 4px;font-size:13px}
}

/* meniu telefon: produsele categoriilor fără subcategorii (ex. Microfiltrare) */
@media (min-width:761px){.main-menu .sub-m,.main-menu .chev-m{display:none!important}}
.main-menu .sub-m a{font-size:14px;line-height:1.35}
.main-menu .sub-m .sub-m-all{color:var(--blue,#1f6fb2);font-weight:600}

/* bara transport gratuit */
.freebar{background:#f0f7ff;border:1px solid #cfe3f7;border-radius:10px;padding:10px 14px;margin:0 0 14px}
.freebar p{margin:0 0 7px;font-size:14px;color:#1d3b5c}
.freebar .fb-track{height:8px;background:#dbe8f5;border-radius:6px;overflow:hidden}
.freebar .fb-track span{display:block;height:100%;background:linear-gradient(90deg,#3f87c9,#2e9d57);border-radius:6px;transition:width .4s}
.freebar.ok{background:#eefaf2;border-color:#bfe6cd}.freebar.ok p{color:#1e6b3b}
.reco-pop .freebar,#toast .freebar{margin:10px 0 4px;text-align:left}
/* Cumpără acum */
.btn-buy{display:block;width:100%;margin-top:10px;background:#1f2937;color:#fff;border:0}
.btn-buy:hover{background:#111827;color:#fff}

/* video produs */
.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.vid,.vid-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;overflow:hidden;background:#000;padding:0;cursor:pointer}
.vid img{width:100%;height:100%;object-fit:cover;opacity:.9}
.vid-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(220,38,38,.92);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;padding-left:4px}
.vid-tt{aspect-ratio:9/16;max-width:340px;cursor:default}.vid-tt iframe{width:100%;height:100%;border:0}

/* Sistemele mele */
.sys-card{display:flex;gap:16px;align-items:flex-start}
.sys-img img{width:96px;height:96px;object-fit:contain;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:#fff}
.sys-body{flex:1;min-width:0}.sys-body h3{margin:0 0 6px;font-size:16px}
.sys-dates{margin:0 0 8px;font-size:13.5px}
.sys-next{padding:8px 12px;border-radius:8px;font-size:14px;margin-bottom:10px}
.sys-ok{background:#eefaf2;color:#1e6b3b}.sys-soon{background:#fff7e6;color:#8a5a00}.sys-late{background:#fdecec;color:#a11d1d}
.sys-act{display:flex;flex-wrap:wrap;gap:8px}.sys-act form{margin:0}
.sys-more{font-size:13px;margin:10px 0 0}.sys-more a{margin-right:8px}
@media (max-width:600px){.sys-card{flex-direction:column}.sys-img img{width:80px;height:80px}}

/* marcaje produse */
.card-img,.g-main{position:relative}
.pbadges{position:absolute;left:8px;top:8px;z-index:3;display:flex;flex-direction:column;gap:5px;align-items:flex-start;pointer-events:none}
.pbadge{font-size:11.5px;font-weight:700;line-height:1;padding:5px 8px;border-radius:5px;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);letter-spacing:.2px}
.b-sale{background:#dc2626}.b-new{background:#2563eb}.b-top{background:#d97706}.b-ship{background:#16a34a}.b-low{background:#7c3aed}.b-custom{background:#0f2a4a}
.g-main .pbadges{left:12px;top:12px}.g-main .pbadge{font-size:13px;padding:6px 10px}
@media (max-width:600px){.pbadge{font-size:10.5px;padding:4px 6px}}
.cui-btn{margin-top:6px;background:none;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font:inherit;font-size:13px;color:#1f6fb2;cursor:pointer}
.cui-note{display:block;font-size:12.5px;margin-top:4px;color:#64748b}.cui-note.ok{color:#15803d}.cui-note.err{color:#b91c1c}
/* abonare la oferte (pop-up) */
.sub-pop .pp-box{max-width:400px;padding:26px 22px 16px}
.sub-badge{display:inline-block;background:#e74c3c;color:#fff;font-weight:800;font-size:22px;border-radius:999px;padding:6px 16px;margin-bottom:8px}
.sub-in{width:100%;padding:12px;border:1px solid #cfd5dc;border-radius:8px;font-size:16px;margin:4px 0 8px}
.sub-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sub-ok{display:flex;gap:8px;align-items:flex-start;text-align:left;font-size:12px;color:var(--muted);margin:0 0 10px;line-height:1.4}.sub-ok input{margin-top:2px;flex:0 0 auto}
.sub-btn{width:100%;font-size:16px;padding:12px}
.sub-err{color:#c0392b;font-size:13px;margin:8px 0 0}
.sub-no{background:none;border:0;color:#888;font-size:13px;margin-top:10px;cursor:pointer;text-decoration:underline}
.sub-code{font-size:26px;font-weight:800;letter-spacing:2px;background:#f3f6fa;border:2px dashed #0f2a4a;border-radius:8px;padding:12px;margin:6px 0 10px;user-select:all}
.sub-pop [data-push-box]{border-top:1px solid #eee;margin-top:14px;padding-top:12px}
/* campanii (Black Friday etc.) – culorile vin din admin (--cbg fundal, --cfg text, --cac accent) */
.camp-bar{display:block;text-align:center;background:var(--cbg,#000);color:var(--cfg,#fff);padding:9px 14px;font-size:14px;text-decoration:none;line-height:1.4}
.camp-bar b{color:var(--cac,#f5c518);letter-spacing:1px;margin-right:6px}.camp-bar u{color:var(--cac,#f5c518);margin-left:8px;white-space:nowrap}
.camp-bar .camp-cd{font-variant-numeric:tabular-nums;font-weight:600;margin-left:8px;white-space:nowrap}
.camp-prev{background:#fff4d6;color:#7a5b00;text-align:center;font-size:13px;padding:6px}
.pbadge.b-camp{background:var(--cbg,#000);color:var(--cac,#f5c518);border:1px solid var(--cac,#f5c518);letter-spacing:.3px}
.camp-banner{display:block;margin:12px 0;border-radius:14px;padding:26px 24px;background:var(--cbg,#000);color:var(--cfg,#fff);text-decoration:none;position:relative;overflow:hidden;background-image:radial-gradient(circle at 85% 20%,rgba(245,197,24,.22),transparent 45%)}
.camp-banner .cb-tag{display:inline-block;border:2px solid var(--cac,#f5c518);color:var(--cac,#f5c518);font-weight:800;letter-spacing:3px;padding:4px 12px;border-radius:6px;font-size:14px}
.camp-banner .cb-title{font-size:32px;font-weight:800;margin:12px 0 6px;line-height:1.15;color:var(--cfg,#fff)}
.camp-banner .cb-text{opacity:.9;font-size:16px;max-width:720px}
.camp-banner .cb-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:16px}
.camp-btn{background:var(--cac,#f5c518)!important;color:#000!important;font-weight:800;border:0}
.camp-cd-big{display:flex;gap:8px}.camp-cd-big span{background:rgba(255,255,255,.1);border-radius:8px;padding:6px 10px;text-align:center;min-width:54px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.camp-cd-big b{display:block;font-size:22px;color:var(--cac,#f5c518);font-variant-numeric:tabular-nums;letter-spacing:0}
.camp-pop .pp-box{background:var(--cbg,#000);color:var(--cfg,#fff)}.camp-pop .pp-box h3{color:var(--cfg,#fff);font-size:24px}.camp-pop .pp-box p{color:var(--cfg,#fff);opacity:.85}
.camp-pop .pp-x{color:var(--cfg,#fff)}.camp-pop-tag{display:inline-block;border:2px solid var(--cac,#f5c518);color:var(--cac,#f5c518);font-weight:800;letter-spacing:3px;padding:3px 10px;border-radius:6px;margin-bottom:8px}
.camp-pop .camp-cd-big{justify-content:center;margin:6px 0 14px}.camp-pop .camp-btn{width:100%;padding:12px;font-size:16px}
.camp-pop .camp-cd-big span{color:var(--cfg,#fff)}
@media(max-width:600px){.camp-banner .cb-title{font-size:23px}.camp-banner{padding:20px 16px}.camp-cd-big span{min-width:46px;padding:5px 6px}.camp-cd-big b{font-size:18px}.camp-bar{font-size:12.5px}}
/* regulament campanii */
.cb-rules{margin:4px 2px 0;font-size:12px;text-align:right}.cb-rules a{color:var(--muted,#667085)}
.camp-pop-rules{display:block;margin-top:10px;font-size:12px;opacity:.8;color:inherit}
.camp-rules h2{font-size:18px;margin:22px 0 8px}.camp-rules .tbl-wrap{overflow-x:auto;margin:10px 0}
.rules-t{width:100%;border-collapse:collapse;font-size:14px}.rules-t th,.rules-t td{border-bottom:1px solid #e5e7eb;padding:7px 8px;text-align:left;vertical-align:top}.rules-t th{background:#f5f7fa;font-weight:600}
.rules-list{list-style:none;padding:0;margin:0}.rules-list li{padding:9px 0;border-bottom:1px solid #eef0f3}.rules-hist{font-size:14px;color:#475467}
@media(max-width:640px){.rules-t,.rules-t tbody{display:block}.rules-t tr:first-child{display:none}.rules-t tr{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;margin:0 0 10px}
.rules-t td{display:flex;justify-content:space-between;gap:12px;border:0!important;padding:3px 0!important;text-align:right}.rules-t td.rn{display:block;text-align:left;font-weight:600;padding-bottom:6px!important}
.rules-t td[data-l]::before{content:attr(data-l);color:#667085;text-align:left;font-weight:400;flex-shrink:0}}
.pdp-price s[hidden]{display:none}
/* campanie: meniul în culorile campaniei */
.camp-theme .main-menu{background:var(--cbg,#000);border-top:0}
.camp-theme .main-menu>.container>ul>li>a{color:var(--cfg,#fff)}
.camp-theme .main-menu>.container>ul>li>a:hover{color:var(--cac,#f5c518)}
.camp-theme .main-menu .all-prod>a{background:var(--cac,#f5c518)!important;color:var(--cbg,#000)!important;font-weight:700}
@media (max-width:1000px){.camp-theme .main-menu{background:#fff}.camp-theme .main-menu>.container>ul>li>a,.camp-theme .main-menu>.container>ul>li>a:hover{color:inherit}.camp-theme .main-menu .all-prod>a{background:transparent!important;color:inherit!important}}
/* campanie: reclame pe marginile ecranului (doar ecrane late) */
.camp-rail{display:none}
@media (min-width:1480px){
  .camp-rail{display:flex;flex-direction:column;position:fixed;top:var(--cr-top,150px);bottom:16px;z-index:5;width:min(220px,calc((100vw - 1200px)/2 - 34px));
    background:var(--cbg,#000);color:var(--cfg,#fff);border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.18)}
  .camp-rail-l{left:max(10px,calc((100vw - 1200px)/4 - 110px - 8px))}
  .camp-rail-r{right:max(18px,calc((100vw - 1200px)/4 - 110px))}
  .cr-head{padding:9px 8px;text-align:center;font-weight:800;letter-spacing:1px;font-size:13px;color:var(--cac,#f5c518);border-bottom:1px solid rgba(255,255,255,.15)}
  .cr-win{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
  .cr-track{display:flex;flex-direction:column;gap:10px;padding:10px;animation:crScroll calc(var(--n) * 4.5s) linear infinite}
  .camp-rail:hover .cr-track{animation-play-state:paused}
  .cr-item{display:block;background:#fff;color:#1d2939;border-radius:9px;padding:8px;text-decoration:none}
  .cr-img{position:relative;display:block;aspect-ratio:1;background:#fff;border-radius:6px;overflow:hidden}
  .cr-img img{width:100%;height:100%;object-fit:contain}
  .cr-img b{position:absolute;top:4px;left:4px;background:var(--cbg,#000);color:var(--cac,#f5c518);font-size:12px;padding:2px 6px;border-radius:5px}
  .cr-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.3;margin:6px 0 4px;min-height:31px}
  .cr-price{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12px}.cr-price s{color:#98a2b3}.cr-price strong{color:#d92d20;font-size:14px}
  .cr-all{display:block;text-align:center;padding:9px;font-weight:700;font-size:13px;color:var(--cbg,#000);background:var(--cac,#f5c518);text-decoration:none}
}
@keyframes crScroll{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.cr-track{animation:none!important}.cr-win{overflow-y:auto}.cr-item[aria-hidden]{display:none}}
.camp-rail:focus-within .cr-track{animation-play-state:paused}
/* laptop (1320–1479px): margini înguste – variantă compactă (poză, procent, preț) */
@media (min-width:1360px) and (max-width:1479px){
  .camp-rail{display:flex;flex-direction:column;position:fixed;top:var(--cr-top,150px);bottom:16px;z-index:5;width:calc((100vw - 1200px)/2 - 20px);
    background:var(--cbg,#000);color:var(--cfg,#fff);border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.18)}
  .camp-rail-l{left:6px}.camp-rail-r{right:14px}
  .cr-head{padding:7px 3px;text-align:center;font-weight:800;font-size:9px;line-height:1.2;letter-spacing:.5px;color:var(--cac,#f5c518);border-bottom:1px solid rgba(255,255,255,.15)}
  .cr-win{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
  .cr-track{display:flex;flex-direction:column;gap:8px;padding:6px;animation:crScroll calc(var(--n) * 4.5s) linear infinite}
  .camp-rail:hover .cr-track{animation-play-state:paused}
  .cr-item{display:block;background:#fff;color:#1d2939;border-radius:7px;padding:4px;text-decoration:none;text-align:center}
  .cr-img{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:5px}.cr-img img{width:100%;height:100%;object-fit:contain}
  .cr-img b{position:absolute;left:0;right:0;bottom:0;background:var(--cbg,#000);color:var(--cac,#f5c518);font-size:11px;padding:1px 0}
  .cr-name,.cr-price s{display:none}
  .cr-price{display:block;font-size:10px;line-height:1.2;margin-top:3px}.cr-price strong{color:#d92d20;font-weight:700}
  .cr-all{display:block;text-align:center;padding:7px 2px;font-weight:700;font-size:10px;color:var(--cbg,#000);background:var(--cac,#f5c518);text-decoration:none}
}
@media (min-width:1360px){.camp-rail-l{bottom:84px}} /* loc pentru butonul WhatsApp */
/* campanie: butoanele „Adaugă în coș” și bara de jos de pe telefon în culorile campaniei */
.camp-theme .card .btn-red,.camp-theme .buy-box .btn-red,.camp-theme .promo-card .btn-red{background:var(--cac,#f5c518);color:var(--cbg,#000);font-weight:700}
.camp-theme .card .btn-red:hover,.camp-theme .buy-box .btn-red:hover,.camp-theme .promo-card .btn-red:hover{background:var(--cac,#f5c518);color:var(--cbg,#000);filter:brightness(.92)}
.camp-theme .buy-box .btn-red:disabled{filter:grayscale(1);opacity:.6}
@media (max-width:760px){
  .camp-theme .m-tabbar{background:var(--cbg,#000);border-top-color:transparent}
  .camp-theme .m-tabbar a{color:var(--cfg,#fff)}
  .camp-theme .m-tabbar a.on{color:var(--cac,#f5c518)}
  .camp-theme .m-tabbar b{background:var(--cac,#f5c518);color:var(--cbg,#000)}
  .camp-theme .buy-box .qty-row{background:var(--cbg,#000)}
}
.buy-box + .pdp-short,.stock-alert + .pdp-short{margin-top:14px}
/* telefon: butoanele Calculator / Compară sub alegerea variantei */
.pdp-tools-m{display:none}
@media (max-width:760px){.pdp-tools-d{display:none!important}.pdp-tools-m{display:flex;gap:8px;margin:12px 0 14px}}