/* 09.10.2026 MAGAZIN TRICOURI = componenta de filtre de pe merconline (tema/parts/shop-v2.php + mrd-2026.css acolo), aceleași reguli, culorile tricouri. */
/* ===========================
   SHOP V2 (scoped, clean)
   =========================== */
#mo-shopV2 {
  font-family: inherit;
  color:#0f172a;
}

#mo-shopV2 .mo2-card{
  /* background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.04); */
}

/* Layout */
#mo-shopV2 .mo2-grid{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:18px;
}

@media(max-width:1024px){
  #mo-shopV2 .mo2-grid{ grid-template-columns:1fr; }
  #mo-shopV2 .mo2-sidebar{ order:2; }
}

/* Topbar */
#mo-shopV2 .mo2-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  margin-bottom: 15px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
  border: 1px solid #e5e7eb;
}

#mo-shopV2 .mo2-topbar-left{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1;
  min-width:0;
}

#mo-shopV2 .mo2-topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}

#mo-shopV2 .mo2-pill{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1;
}

#mo-shopV2 .mo2-activeLabel{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#0f172a;
  color:#fff;
  font-weight:900;
  font-size:13px;
  flex:0 0 auto;
}



#mo-shopV2 .mo2-chip button{
  border:0;
  background:transparent;
  cursor:pointer;
  font-size:14px;
  line-height:1;
  opacity:.7;
}
#mo-shopV2 .mo2-chip button:hover{ opacity:1; }

#mo-shopV2 .mo2-select{
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:10px 12px;
  background:#fff;
  font-weight:800;
}

#mo-shopV2 .mo2-clearall {
    border: 0;
    background: brown;
    color: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    margin-right: 10px;
}

/* Sidebar */
#mo-shopV2 .mo2-sidebar-inner {
    padding: 12px;
    background: white !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    border: 1px solid #e5e7eb;
}

#mo-shopV2 .mo2-filter{
  padding:10px 0;
  border-top:1px solid #eef2f7;
}
#mo-shopV2 .mo2-filter:first-child{ border-top:0; }

#mo-shopV2 .mo2-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  cursor:pointer;
}

#mo-shopV2 .mo2-filter-title{
  font-weight:900;
  font-size:13px;
}

#mo-shopV2 .mo2-filter-sub{
  font-size:11px;
  color:#64748b;
}

#mo-shopV2 .mo2-filter-body{
  margin-top:8px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:12px;
  padding:10px;
}

#mo-shopV2 .mo2-collapsed .mo2-filter-body{ display:none; }

/* filter search */
#mo-shopV2 .mo2-search{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px 10px;
  font-size:12px;
  background:#fff;
}

/* list items */
#mo-shopV2 .mo2-list{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  max-height:320px;
  overflow:auto;
}

#mo-shopV2 .mo2-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 0;
}

#mo-shopV2 .mo2-item label{
  display:flex;
  align-items:center;
  gap:2px;
  cursor:pointer;
  min-width:0;
  flex:1;
}

#mo-shopV2 .mo2-item input{
  width:14px;
  height:14px;
}

/* 2 linii, clamp */
#mo-shopV2 .mo2-name{
  font-size:12px;
  white-space:normal;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-height:1.2;
  max-height:2.4em;
}


#mo-shopV2 .mo2-count{
  font-size:11px;
  color:#64748b;
  background:#f1f5f9;
  border-radius:999px;
  padding:2px 7px;
  flex:0 0 auto;
}



/* tree */
#mo-shopV2 .mo2-treeToggle{
  width:18px;height:18px;
  border:1px solid #e5e7eb;
  border-radius:7px;
  background:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex:0 0 18px;
  user-select:none;
}
#mo-shopV2 .mo2-treeToggle[data-empty="1"]{ opacity:.35; cursor:default; }

#mo-shopV2 .mo2-children{
  margin-left:22px;
  border-left:1px dashed #e5e7eb;
  padding-left:10px;
  margin-top:4px;
}
#mo-shopV2 .mo2-children[data-open="0"]{ display:none; }

/* swatch */
#mo-shopV2 .mo2-swatch{
  width:18px;height:18px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  flex:0 0 18px;
  background-size:cover;
  background-position:center;
}

/* price box (no sliders) */
#mo-shopV2 .mo2-priceBox{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:2px;
}
#mo-shopV2 .mo2-priceBox input{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:8px 10px;
  font-size:12px;
  background:#fff;
}

/* Products area */
/* #mo-shopV2 .mo2-products{ padding:12px; } */

#mo-shopV2 .mo2-products-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}


#mo-shopV2 .mo2-gridProducts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
@media(max-width:1280px){ #mo-shopV2 .mo2-gridProducts{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px){ #mo-shopV2 .mo2-gridProducts{ grid-template-columns:1fr; } }

/* product card */
#mo-shopV2 .mo2-pcard{
  background:#fff;
  border:1px solid #e5e7eb;
  /* border-radius:16px; */
  overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
#mo-shopV2 .mo2-plink{ display:block; text-decoration:none; color:inherit; }

#mo-shopV2 .mo2-pimg{
  position:relative;
  background:#fff;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}
#mo-shopV2 .mo2-pimg img{
  width:100%;
  height:100%;
  object-fit:contain;
}

#mo-shopV2 .mo2-badge{
  position:absolute;
  left:10px;
  top:10px;
  background:#e7f8ef;
  color:#14532d;
  border:1px solid #bbf7d0;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:900;
}

#mo-shopV2 .mo2-pmeta{
  padding:12px;
  display:grid;
  gap:8px;
}


#mo-shopV2 .mo2-pline{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}

#mo-shopV2 .mo2-swatches{ gap:6px; }

#mo-shopV2 .mo2-dot{
  width:14px;height:14px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#cbd5e1;
  display:inline-block;
}
#mo-shopV2 .mo2-dot-more{ font-size:12px; color:#64748b; }

#mo-shopV2 .mo2-pfooter{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:2px;
}

#mo-shopV2 .mo2-priceText{
  font-weight:900;
  color:#166534;
}

#mo-shopV2 .mo2-btn{
  background:#0f172a;
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}

/* soft loading (no skeleton flicker) */
#mo-shopV2.is-loading{
  pointer-events:none;
}
#mo-shopV2.is-loading .mo2-products,
#mo-shopV2.is-loading .mo2-sidebar{
  opacity:.55;
  transition:opacity .12s ease;
}
.mo-desc-box{ position:relative; }

.mo-desc-content{
  position:relative;
  max-height:50px;           /* ajustabil */
  overflow:hidden;
}

.mo-desc-box.is-open .mo-desc-content{
  max-height:none;
}

.mo-desc-fade{
  position:absolute;
  left:0; right:0; bottom:0;
  height:60px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events:none;
}

.mo-desc-box.is-open .mo-desc-fade{ display:none; }

.mo-desc-eye{
  position:absolute;
  right:10px;
  top:10px;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  width:42px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.mo-desc-eye .mo-eye-close{ display:none; }
.mo-desc-box.is-open .mo-desc-eye .mo-eye-open{ display:none; }
.mo-desc-box.is-open .mo-desc-eye .mo-eye-close{ display:inline; }
#mo-shopV2 .mo2-bottomBar{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;            /* lipit de paginare */
  margin-top:14px;
}

#mo-shopV2 .mo2-results{
  text-align:center;
  font-size:12px;
  color:#475569;
  margin:0;           /* fără spații aiurea */
  line-height:1.2;
}
div#mo2-pagination {
    width: 100%;
}

/* ===========================
   PRODUCT CARD (OLD LOOK, NEW CLASSES)
   =========================== */

#mo-shopV2 .mo2-pcard{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
#mo-shopV2 .mo2-pcard:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(0,0,0,.18);
}

#mo-shopV2 .mo2-plink{ display:block; text-decoration:none; color:inherit; }

/* imagine + overlay layer */
#mo-shopV2 .mo2-pimg{
  position:relative;
  background:#fff;
  overflow:hidden;
}

/* raport imagine (similar cu ce aveai) */
#mo-shopV2 .mo2-photo{
  position:relative;
  aspect-ratio: 1/1;
  display:flex;
  align-items:center;
  justify-content:center;
}
#mo-shopV2 .mo2-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .35s ease;
  will-change:transform;
}
#mo-shopV2 .mo2-pcard:hover .mo2-photo img{ transform:scale(1.03); }

/* badges top-left */
#mo-shopV2 .mo2-badges{
  position:absolute;
  top:8px; left:8px;
  z-index:3;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  max-width:70%;
}
#mo-shopV2 .mo2-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.12);
  color:#334155;
  backdrop-filter:saturate(180%) blur(6px);
  line-height:1;
}
#mo-shopV2 .mo2-pill svg{ width:14px; height:14px; }

#mo-shopV2 .mo2-pill--new{
  background:rgba(22,163,74,.12);
  color:#16a34a;
  border-color:rgba(22,163,74,.25);
}
#mo-shopV2 .mo2-pill--sale{
  background:rgba(220,38,38,.12);
  color:#dc2626;
  border-color:rgba(220,38,38,.25);
}
#mo-shopV2 .mo2-pill--star{
  border-color:rgba(245,158,11,.35);
}
#mo-shopV2 .mo2-pill--star svg{ color:#f59e0b; }

/* best seller top-right */
#mo-shopV2 .mo2-badgesRight{
  position:absolute;
  top:8px; right:8px;
  z-index:3;
  display:flex;
}
#mo-shopV2 .mo2-pill--best{
  background:rgba(15,23,42,.9);
  color:#fff;
  border-color:rgba(15,23,42,.2);
}


#mo-shopV2 .mo2-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  box-shadow:0 3px 10px rgba(2,6,23,.08);
  font-size:12px;
  line-height:1.05;
  width:fit-content;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

  border: 1px solid var(--tg-green,#2bb673); /* Simplu, portocaliu industrial */
    background: #eafaf2; /* Un fundal foarte pal, tentă de portocaliu, în loc de gri */
    color: var(--tg-green,#2bb673); /* Textul colorat la fel */
    font-weight: bold;
}
#mo-shopV2 .mo2-chip--siz{ border-left:6px solid #64748B; }

/* brand bottom-right */
#mo-shopV2 .mo2-brand{
  position:absolute;
  right:6px; bottom:6px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 6px;
  background:rgba(255,255,255,0.92);
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
  max-width: clamp(40px, 8vw, 60px);
  max-height: clamp(40px, 8vw, 60px);
}
#mo-shopV2 .mo2-brand img{
  display:block;
  max-width:100%;
  max-height:100%;
  min-width: 60px;
  width:auto;
  height:auto;
  object-fit:contain;
  padding: 2px;
}
#mo-shopV2 .mo2-brandText{
  font-size:11px;
  font-weight:800;
  color:#0f172a;
  padding:6px 8px;
  line-height:1;
}

/* meta content */
#mo-shopV2 .mo2-pmeta{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#fff;
}

/* title like before */
#mo-shopV2 .mo2-ptitle{
  font-size:14px;
  font-weight:600;
  letter-spacing:.1px;
  line-height:1.15;
}
#mo-shopV2 .mo2-sku{
  opacity:.65;
  font-weight:600;
  color: brown;
}

/* details line under title */
#mo-shopV2 .mo2-specs{
  font-size:12px;
  color:#475569;
  line-height:1.25;
}

/* colors row (dots) */
#mo-shopV2 .mo2-swatches{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
#mo-shopV2 .mo2-dot{
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid #e5e7eb;
  background:#cbd5e1;
  display:inline-block;
}
#mo-shopV2 .mo2-dot-more{
  font-size:12px;
  color:#64748b;
  font-weight:800;
}

/* footer like before */
#mo-shopV2 .mo2-pfooter{
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#mo-shopV2 .mo2-price{
  font-weight:900;
  font-size:15px;
  color:green;
}
#mo-shopV2 .mo2-muted{ color:#64748b; font-weight:600; }

#mo-shopV2 .mo2-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .9rem;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  background:#0f172a;
  color:#fff;
  box-shadow:0 6px 16px rgba(15,23,42,.18);
  transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}
#mo-shopV2 .mo2-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(15,23,42,.20); }
/* ===========================
   FIX: separă TOPBAR de CARD
   (ai aceleași clase în ambele)
   =========================== */

/* TOPBAR: păstrează layout-ul "Filtre active" */
#mo-shopV2 .mo2-topbar .mo2-pill{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}

#mo-shopV2 .mo2-topbar .mo2-chips{
  position:static;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:8px;
  margin-left:10px;
  max-width:100%;
  pointer-events:auto;
  line-height: 1.05;
    width: fit-content;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #475569;
}


#mo-shopV2 .mo2-topbar .mo2-chip button{
  pointer-events:auto;
}

/* CARD: toate stilurile “OLD LOOK” să fie doar în card */
#mo-shopV2 .mo2-pcard .mo2-pill{ /* badge-uri */
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.12);
  color:#334155;
  backdrop-filter:saturate(180%) blur(6px);
  line-height:1;
}

#mo-shopV2 .mo2-pcard .mo2-chips{ /* chips overlay (mărimi) */
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:6px;
  max-width:58%;
  pointer-events:none;
}

#mo-shopV2 .mo2-pcard .mo2-chip{ /* chip overlay (mărimi) */
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 3px 10px rgba(2,6,23,.08);
  font-size:12px;
  line-height:1.05;
  width:fit-content;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#475569;
}

/* ===== TOP TITLE + EYE (sus dreapta) ===== */
.mo-desc-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin: 12px 0;
}
.mo-desc-head .mo-h1{ margin:0; font-size: 24px; }

/* Top descriere: hidden complet by default */
.mo-desc-box--top .mo-desc-content{
  display:none;
  max-height:none;
  overflow:visible;
}
.mo-desc-box--top.is-open .mo-desc-content{
  display:block;
  margin-top:10px;
}

/* butonul din titlu */
.mo-desc-eye--title{
  position:static;
  width:42px;
  height:34px;
  flex:0 0 auto;
}

/* header/footer mobile (invizibile desktop) */
#mo-shopV2 .mo2-mob-head,
#mo-shopV2 .mo2-mob-foot{
  display:none;
}

#mo-shopV2 .mo2-mob-close{
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:12px;
  width:42px;
  height:34px;
  cursor:pointer;
  font-weight:900;
}
#mo-shopV2 .mo2-mob-done{
  width:100%;
  border:0;
  background:#0f172a;
  color:#fff;
  border-radius:12px;
  padding:12px 14px;
  font-weight:900;
  cursor:pointer;
}

#mo-shopV2 .mo2-mob-filters{
  display:none;
  width: 38px;
  height: 34px;
  border-radius:14px;
  border:2px solid #0f172a;
  background:#0f172a;
  color:#fff;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(15,23,42,.20);
}
#mo-shopV2 .mo2-mob-filters svg{
  width:24px;
  height:24px;
}
#mo-shopV2 .mo2-mob-filters:active{ transform:scale(.98); }


/* MOBILE behavior */
@media(max-width:1024px){
  #mo-shopV2 #mo2-clearall { display:none; }
  #mo-shopV2 .mo2-mob-filters{ display:inline-flex; align-items:center; justify-content:center; }

  /* sidebar devine fullscreen drawer */
  #mo-shopV2 .mo2-sidebar{
    position:fixed;
    inset:0;
    z-index:9999;
    background:#fff;
    transform:translateX(100%);
    transition:transform .2s ease;
    margin:0;
    border-radius:0;
    box-shadow:none;
  }

  /* când e deschis */
  #mo-shopV2.mo2-mobile-open .mo2-sidebar{
    transform:translateX(0);
  }

  /* header/footer vizibile */
  #mo-shopV2 .mo2-mob-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px;
    border-bottom:1px solid #eef2f7;
    position:sticky;
    top:0;
    background:#fff;
    z-index:2;
  }

  #mo-shopV2 .mo2-mob-foot{
    display:block;
    padding:12px;
    border-top:1px solid #eef2f7;
    position:sticky;
    bottom:0;
    background:#fff;
    z-index:2;
  }

  /* conținutul filtrelor să fie scrollabil între head/foot */
  #mo-shopV2 .mo2-sidebar-inner{
    height:100%;
    display:flex;
    flex-direction:column;
    padding:0; /* head/foot au padding */
  }
  #mo-shopV2 #mo2-filters{
    padding:12px;
    overflow:auto;
    flex:1;
  }
    #mo-shopV2.mo2-mobile-open.is-loading .mo2-sidebar{
    opacity:1 !important;
  }

  /* și asigură fundal solid peste tot */
  #mo-shopV2.mo2-mobile-open .mo2-sidebar{
    background:#fff;
  }
}

#mo-shopV2 .mo2-mob-count{
  position:absolute;
  top:-16px;
  right:-16px;
  min-width:16px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:var(--tg-green,#2bb673);
  color:#fff;
  font-size:12px;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
}
#mo-shopV2 .mo2-mob-filters{ position:relative; }
@media(max-width:1024px){
  /* scoate “Filtre active” pe mobil */
  #mo-shopV2 .mo2-activeLabel{ display:none !important; }
  #mo-shopV2 #mo2-chips{ display:none !important; }

  /* dacă vrei să scoți și zona care ocupa spațiu */
  #mo-shopV2 .mo2-topbar-left .mo2-pill{
    gap:0;
  }
}
/* doar subtextul devine portocaliu când filtrul are selecții */
#mo-shopV2 .mo2-filter.is-active .mo2-filter-sub{
  color:var(--tg-green,#2bb673);
  font-weight:900;
}

#mo-shopV2 .mo2-filter.is-active .mo2-filter-sub{
  color:var(--tg-green,#2bb673);
  font-weight:900;
}

/* ===========================
   TOPBAR DESKTOP - CLEAN UX
   =========================== */
@media(min-width:1025px){

  /* topbar: un singur rând, aliniere corectă */
  #mo-shopV2 .mo2-topbar{
    align-items:center;
    gap:12px;
  }

  #mo-shopV2 .mo2-topbar-left{
    min-width:0;
  }

  /* containerul din stânga (Reset + label + chips) */
  #mo-shopV2 .mo2-topbar-left .mo2-pill{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    flex:1;
  }

  /* Reset: mai “secondary”, nu țipă */
  #mo-shopV2 .mo2-clearall{
    background:#fff;
    color:#7f1d1d;
    border:1px solid #fecaca;
    border-radius:12px;
    padding:9px 12px;
    font-weight:900;
    font-size:12px;
    box-shadow:none;
    margin-right:0;
    white-space:nowrap;
  }
  #mo-shopV2 .mo2-clearall:hover{
    background:#fff1f2;
  }

  /* label “Filtre active” mai mic, să nu domine */
  #mo-shopV2 .mo2-activeLabel{
    background:transparent;
    color:#334155;
    padding:0;
    border-radius:0;
    font-weight:900;
    font-size:12px;
    white-space:nowrap;
  }

  /* chips container: nu mai face wrap; scroll orizontal */
  #mo-shopV2 .mo2-topbar .mo2-chips{
    display:flex;
    flex:1;
    min-width:0;
    gap:8px;
    margin:0 !important;

    flex-wrap:nowrap;
    overflow:auto;
    white-space:nowrap;
    padding:2px 2px 2px 2px;
    scrollbar-width:thin;
  }

  /* chips: un pic mai mici și mai “tight” */
  #mo-shopV2 .mo2-topbar .mo2-chip{
    flex:0 0 auto;
    max-width:260px;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
  }

  /* butonul X să fie mai discret */
  #mo-shopV2 .mo2-topbar .mo2-chip button{
    font-size:14px;
    opacity:.65;
  }
  #mo-shopV2 .mo2-topbar .mo2-chip button:hover{
    opacity:1;
  }

  /* dreapta: sort rămâne fix, fără să fie împins */
  #mo-shopV2 .mo2-topbar-right{
    flex:0 0 auto;
  }

  #mo-shopV2 .mo2-select{
    min-width:180px;
    white-space:nowrap;
  }
}
#mo-shopV2 .mo2-chip--empty{
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  color:#64748b;
  font-weight:800;
}
/* --- din mrd-2026.css (merconline) --- */
#mo-shopV2,.mo-desc-wrap{max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
.mo-desc-head{margin:16px 0 10px!important}
.mo-desc-head .mo-h1{font-family:"Plus Jakarta Sans",Inter,sans-serif!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.015em;color:var(--tg-navy,#0f1b2d)!important;line-height:1.15}
#mo-shopV2 .mo2-grid{grid-template-columns:280px minmax(0,1fr)!important;gap:20px!important}
#mo-shopV2 .mo2-sidebar{border-radius:16px!important;border:1px solid var(--tg-line,#e3e7ee)!important;box-shadow:none!important}
@media(max-width:991px){
  #mo-shopV2,.mo-desc-wrap{padding-left:12px!important;padding-right:12px!important}
  .mo-desc-head .mo-h1{font-size:22px!important}
  #mo-shopV2 .mo2-grid{grid-template-columns:1fr!important}
}

/* --- tricouri: listele lungi („Arată toate”), cardurile tricouri în grila merconline, descrierile --- */
#mo-shopV2 .mo2-item.mo2-more{display:none}
#mo-shopV2 .mo2-filter.mo2-showall .mo2-item.mo2-more,#mo-shopV2 .mo2-filter.mo2-searching .mo2-item.mo2-more{display:flex}
#mo-shopV2 .mo2-filter.mo2-showall .mo2-moreBtn,#mo-shopV2 .mo2-filter.mo2-searching .mo2-moreBtn{display:none}
#mo-shopV2 .mo2-moreBtn{margin-top:6px;border:0;background:none;padding:2px 0;font-size:12px;font-weight:800;color:var(--tg-greenD,#1e8f57);cursor:pointer}
#mo-shopV2 .mo2-filter.mo2-showall .mo2-list{max-height:none}
#mo-shopV2 .mo2-item input{accent-color:var(--tg-green,#2bb673)}
#mo-shopV2 .mo2-products{min-width:0}
#mo-shopV2 .tsh-cards{display:block!important;max-width:none!important;padding:0!important;margin:0!important;grid-template-columns:none!important}
#mo-shopV2 .tsh-cards .tgx-wrap{padding:0!important;max-width:none!important}
#mo-shopV2 .tsh-cards .tgx-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
@media(max-width:1280px){#mo-shopV2 .tsh-cards .tgx-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1100px){#mo-shopV2 .tsh-cards .tgx-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
#mo-shopV2 .tsh-empty{padding:40px 16px;text-align:center;color:#5d6878;font-size:14px}
#mo-shopV2 .mo2-select{font-family:inherit}
#mo-shopV2 .toolbox-pagination{max-width:none!important}
#mo-shopV2 .mo2-sidebar{align-self:start}
.mo-desc-wrap .mo-desc-box--top .mo-desc-content{display:block;max-height:46px;overflow:hidden;color:#33475b;font-size:14.5px}
.mo-desc-wrap .mo-desc-box--top.is-open .mo-desc-content{max-height:none}
.mo-desc-wrap .mo-desc-box--top:not(.is-open) .mo-desc-content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.mo-desc-wrap .mo-desc-content{position:relative}
.mo-desc-wrap{margin-bottom:14px}
.mo-desc-wrap .mo-desc-box{margin-top:18px}
.mo-desc-wrap .mo-desc-box--top{margin-top:0}