/* ===================== v8: tipurile din fiecare raion ===================== */
.types{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:4px 0 18px}
.types[hidden]{display:none}
.ty{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:6px 12px 6px 6px;text-align:left;border:1.5px solid var(--line);background:var(--bg2);transition:border-color .2s,background .2s}
.ty:hover{border-color:var(--line2)}
.ty.on{border-color:var(--lime-ink);background:rgb(var(--lime-rgb) / .1)}
.ty .pl,.ty-ic{width:52px;height:52px}
.ty .pl{background:var(--paper)}
.ty-ic{display:grid;place-items:center;background:var(--bg);color:var(--lime-ink)}
.ty-ic svg{width:24px;height:24px}
.ty span:last-child{display:grid;gap:2px;min-width:0}
.ty b{font:600 15px/1.25 var(--body);color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ty i{font:500 11.5px var(--mono);font-style:normal;color:var(--dim)}
.ty.on i{color:var(--lime-ink)}
.cat-view>div,.cv-head,.cv-head>div,.prods>*{min-width:0}
.pc-b b,.pc-b small,.rc b{overflow-wrap:anywhere}
.ty.back .ty-ic{color:var(--ink)}
.ty.back b{font-weight:500;color:var(--mute)}
.tree .kids .kids{padding-left:10px;border-left:1px solid var(--line);margin:2px 0 6px 10px}
.tree .kids .kids button{font-size:13px;padding:5px 10px}

@media (max-width:900px){
  /* un singur rând care se derulează lateral: produsele rămân în primul ecran */
  .types{display:flex;overflow-x:auto;gap:8px;margin:0 0 8px;padding-bottom:8px;scroll-snap-type:x proximity}
  .ty{flex:0 0 auto;width:158px;grid-template-columns:40px minmax(0,1fr);gap:9px;padding:5px 10px 5px 5px;scroll-snap-align:start}
  .ty .pl,.ty-ic{width:40px;height:40px}
  .ty b{font-size:13.5px}
  .ty i{font-size:11px}
}
@media print{.types{display:none!important}}

/* paleta de culori la vedere și pe telefon, în header */
@media (max-width:900px){
  .tools .palbtn{display:grid}
  .nav.open .pal-nav{display:none}
}
@media (max-width:400px){
  .tools{gap:4px}
  .tools .ico{width:38px;height:38px}
  .tools .ico svg{width:19px;height:19px}
  .brand{gap:8px}
}
@media (max-width:350px){
  .tools{gap:3px}
  .tools .ico{width:34px;height:34px}
  .brand small{display:none}
}

/* campaniile depozitului, sub hero: toate la vedere, fără carusel */
.camp{padding-top:40px;padding-bottom:0}
.camp>.kick{margin-bottom:14px}
.camp-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.cp{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:var(--bg2);overflow:hidden;transition:border-color .2s,transform .3s var(--ease)}
.cp:hover{border-color:var(--line2);transform:translateY(-3px)}
.cp-pic{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.cp-pic img,.cp-pic .pl{width:100%;height:100%;display:block}
.cp-pic>img{object-fit:cover;transition:transform .6s var(--ease)}
.cp:hover .cp-pic img{transform:scale(1.05)}
.cp-b{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.cp small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime-ink)}
.cp b{font:600 18px/1.22 var(--body);color:var(--ink)}
.cp em{font-style:normal;font-size:14px;line-height:1.4;color:var(--mute)}
.cp-go{margin-top:auto;padding-top:10px;font:600 14px var(--body);color:var(--lime-ink)}
.cp.hot{border:1.5px solid var(--lime-ink);background:rgb(var(--lime-rgb) / .07)}
.cp.hot small{display:inline-block;align-self:flex-start;background:var(--lime);color:#111;padding:4px 8px;font-weight:700}
.cp.hot em{font:700 16px var(--mono);color:var(--ink)}
@media (max-width:1200px){
  .camp-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
  .cp{flex:0 0 260px;scroll-snap-align:start}
}
@media (max-width:900px){
  .camp{padding-top:28px}
  .cp{flex-basis:min(74vw,280px)}
  .cp b{font-size:17px}
}
@media print{.camp{display:none!important}}