/* ==========================================================================
   Actualizarea 23 (28.09.2026) — aspectul MG 3.0, după macheta aleasă de ea.

   Fiecare bucată are comutatorul ei în Theme MG › MG 3.0 (nou) și pune pe <body>
   clasa ei: mg3-slider, mg3-carduri, mg3-recenzii, mg3-produs, mg3-cos,
   mg3-finalizare. Tot ce e aici stă sub una din clasele astea, deci o bucată
   stinsă nu schimbă nimic. Scrisul și mărimile rămân cele de pe site (ea: „stilul
   de scris cum este pe site să nu se schimbe deloc sau mărimea"); se schimbă doar
   aspectul: colțuri rotunde, fundaluri, umbre, butoane.
   ========================================================================== */

:root {
    --mg3-gri: #f4f5f6;
    --mg3-gri-2: #eceef0;
    --mg3-linie: #e6e9ec;
    --mg3-raza: 16px;
    --mg3-raza-mare: 22px;
    --mg3-umbra: 0 14px 34px -18px rgba(26, 44, 64, .35);
    --mg3-lin: cubic-bezier(.2, .8, .2, 1);
}

/* ---------------------------------------------------------------- Slider */

.mg3-slider #mg-slider { margin-top: 18px !important; }
.mg3-slider #mg-slider .mg-bara-progres { display: none !important; }
.mg3-slider #mg-slider .mg-slider-corp { border-radius: var(--mg3-raza-mare); isolation: isolate; }
.mg3-slider #mg-slider .mg-sageata {
    width: 44px; height: 44px; background: rgba(255, 255, 255, .92); color: #1a2c40; font-size: 24px;
    box-shadow: 0 1px 2px rgba(26, 44, 64, .04), 0 8px 24px -12px rgba(26, 44, 64, .3);
    transition: opacity .3s, transform .3s var(--mg3-lin);
}
.mg3-slider #mg-slider .mg-sageata[data-slider="prev"] { transform: translateY(-50%) translateX(-8px); left: 18px !important; }
.mg3-slider #mg-slider .mg-sageata[data-slider="next"] { transform: translateY(-50%) translateX(8px); right: 18px !important; }
.mg3-slider #mg-slider:hover .mg-sageata { transform: translateY(-50%); }
.mg3-slider #mg-slider [data-bulina] {
    position: relative; overflow: hidden; width: 28px !important; height: 4px !important; border-radius: 4px !important;
    background: rgba(255, 255, 255, .55) !important; transition: width .4s var(--mg3-lin);
}
.mg3-slider #mg-slider [data-bulina][style*="#1a2c40"], .mg3-slider #mg-slider [data-bulina][style*="rgb(26, 44, 64)"] { width: 56px !important; }
.mg3-slider #mg-slider [data-bulina][style*="#1a2c40"]::after, .mg3-slider #mg-slider [data-bulina][style*="rgb(26, 44, 64)"]::after {
    content: ""; position: absolute; inset: 0; background: #fff; transform-origin: left; animation: mg3-umple var(--mg-secunde, 8s) linear forwards;
}
@keyframes mg3-umple { from { transform: scaleX(0); } to { transform: scaleX(1); } }
/* Trecerea de la un slide la altul, ca în machetă: se estompează, poza se apropie încet,
   textul stă pe loc, „50% OFF" urcă ușor. */
.mg3-slider #mg-slider .mg-slide { transition: opacity .9s var(--mg3-lin) !important; }
.mg3-slider #mg-slider .mg-slide-activ .mg-slide-poza { animation: mg3-apropie var(--mg-secunde, 8s) linear both !important; }
.mg3-slider #mg-slider .mg-slide-activ .mg-slide-text { animation: none !important; }
.mg3-slider #mg-slider .mg-slide-activ .mg-slide-badge { animation: mg3-insigna .9s .3s var(--mg3-lin) both !important; }
@keyframes mg3-apropie { from { transform: scale(1.04); } to { transform: scale(1); } }
@keyframes mg3-insigna { from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: none; } }
/* Doar slide-ul „SALE" cu etichetă (ca în poza 1); celelalte feluri de slide rămân neatinse. */
.mg3-slider #mg-slider .mg-slide-text:has(> .mg-slide-badge) > div:first-child { font-size: clamp(64px, 14vw, 210px) !important; }
.mg3-slider #mg-slider .mg-slide-badge {
    border-radius: 999px; padding: 12px 30px !important; font-size: clamp(18px, 3vw, 40px) !important;
    background: linear-gradient(90deg, #dd0017, #e8573a) !important; box-shadow: 0 16px 40px -14px rgba(221, 0, 23, .6) !important;
}

/* ---------------------------------------------------------------- Cardurile de produs
   Prima pagină, categorii, căutare, Noutăți, pachete — același card. */

.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) > a:first-child {
    background: var(--mg3-gri); border-radius: var(--mg3-raza); overflow: hidden; box-sizing: border-box; padding: 8px;
    transition: transform .45s var(--mg3-lin), box-shadow .45s var(--mg3-lin);
}
@media (hover: hover) {
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *):hover > a:first-child { transform: translateY(-3px); box-shadow: var(--mg3-umbra); }
    .mg3-carduri .mg-card-produs .mg-card-doua-poze:hover .mg-card-poza-doua { transform: none !important; }
}
.mg3-carduri .mg-card-produs .mg-card-poza-doua { transition: opacity .45s var(--mg3-lin) !important; }

/* Etichetele: aceleași culori și mărimi, doar rotunde. */
.mg3-carduri .mg-card-produs > a:first-child > div:last-child > span { border-radius: 999px; padding: 3px 10px !important; }
.mg3-carduri .mg-card-produs > a:first-child > div:last-child { top: 10px !important; right: 10px !important; gap: 5px !important; }

/* „STOC EPUIZAT": în loc de panglica pe colț, o etichetă albă jos în stânga; poza se estompează. */
.mg3-carduri .mg-card-produs > a:first-child > div[style*="pointer-events: none"] > div {
    top: auto !important; bottom: 10px; left: 10px !important; width: auto !important; transform: none !important;
    display: inline-block; padding: 4px 11px !important; border-radius: 999px; background: rgba(255, 255, 255, .94) !important;
    color: var(--mg-stoc) !important; font-size: 12.5px; font-weight: 700; letter-spacing: 0 !important; text-transform: lowercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08) !important;
}
.mg3-carduri .mg-card-produs > a:first-child > div[style*="pointer-events: none"] > div::first-letter { text-transform: uppercase; }
.mg3-carduri .mg-card-produs > a:first-child:has(> div[style*="pointer-events: none"]) img { opacity: .62; filter: grayscale(.25); }

/* Butonul: aceeași înălțime (35px pe calculator), colțuri de 10px. „Anunță-mă" alb, cu chenar. */
.mg3-carduri .mg-card-produs:not(.mg-cosf-grila *) .mg-buton-cos { border-radius: 10px !important; transition: background .25s, color .25s, box-shadow .25s; }
.mg3-carduri .mg-card-produs:not(.mg-cosf-grila *) .mg-buton-cos[data-anunta] {
    background: #fff !important; color: var(--mg-buton) !important; box-shadow: inset 0 0 0 1.5px var(--mg-buton) !important;
}
.mg3-carduri .mg-card-produs:not(.mg-cosf-grila *) .mg-buton-cos[data-anunta]:hover { background: var(--mg-buton) !important; color: #fff !important; }

/* Titlul secțiunii de pe prima pagină: linia verde scurtă, sub text. */
.mg3-carduri .mg-cap-sectiune > :first-child {
    border-bottom: 0 !important; padding-bottom: 10px !important;
    background: linear-gradient(var(--mg-verde), var(--mg-verde)) left bottom / 44px 3px no-repeat;
}
.mg3-carduri .mg-vezi-toate { transition: color .2s; }
.mg3-carduri .mg-vezi-toate:hover { color: var(--mg-verde) !important; }

/* ---------------------------------------------------------------- Ce spun clienții noștri */

.mg3-recenzii .mg-recenzii {
    background: var(--mg3-gri) !important; border-top: 0 !important; border-radius: var(--mg3-raza-mare); padding: 34px 0 38px !important;
}
.mg3-recenzii .mg-recenzii > div:last-child {
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
.mg3-recenzii .mg-recenzii .mg-recenzie {
    border: 0 !important; border-radius: var(--mg3-raza) !important; box-shadow: 0 1px 2px rgba(26, 44, 64, .04), 0 10px 26px -18px rgba(26, 44, 64, .3) !important;
}
.mg3-recenzii .mg-recenzii .mg-recenzie > div:first-child > div:first-child { background: #e6f4ea !important; color: var(--mg-verde) !important; }

/* ---------------------------------------------------------------- Pagina de produs */

/* Poza: fundal gri deschis, colțuri rotunde; săgețile și lupa albe, rotunde. */
.mg3-produs .mg-rama-poza { background: var(--mg3-gri) !important; border-radius: var(--mg3-raza-mare) !important; overflow: hidden; }
.mg3-produs .mg-poza-sageata, .mg3-produs .mg-poza-lupa { border-radius: 50% !important; background: #fff !important; box-shadow: 0 6px 16px -8px rgba(26, 44, 64, .45); }
.mg3-produs .mg-thumb { border-radius: 12px !important; background: var(--mg3-gri) !important; border: 1.5px solid transparent !important; overflow: hidden; transition: border-color .2s, transform .25s var(--mg3-lin); }
.mg3-produs .mg-thumb:hover { transform: translateY(-2px); }
.mg3-produs .mg-thumb.mg-thumb-activ { border-color: var(--mg-buton) !important; }
/* Etichetele de pe poză: rotunde. Panglica „STOC EPUIZAT" devine eticheta albă din colț. */
.mg3-produs .mg-produs-doua > div:first-child > div[style*="width: 52px"] > span { border-radius: 999px; }
.mg3-produs .mg-produs-doua > div:first-child > div[style*="width: 190px"] {
    width: auto !important; height: auto !important; top: 14px !important; left: auto !important; right: 28px; overflow: visible !important;
}
.mg3-produs .mg-produs-doua > div:first-child > div[style*="width: 190px"] > div {
    position: static !important; width: auto !important; transform: none !important; padding: 4px 11px !important; border-radius: 999px;
    background: var(--mg-eticheta) !important; color: #fff !important; letter-spacing: 0 !important; font-size: 12.5px !important; font-weight: 700;
    text-transform: lowercase;
}
.mg3-produs .mg-produs-doua > div:first-child > div[style*="width: 190px"] > div::first-letter { text-transform: uppercase; }
.mg3-produs .mg-produs-doua > div:first-child:has(> div[style*="width: 190px"]) > div[style*="width: 52px"] { top: 48px !important; }

/* Caseta din dreapta: gri deschis, colțuri rotunde. */
.mg3-produs .mg-produs-doua > div:last-child { border-radius: var(--mg3-raza-mare); padding: 22px 24px 24px !important; background: var(--mg3-gri) !important; }
/* Caseta albă de la 21b stă în caseta gri, fără ramă proprie. */
.mg3-produs .mg2p-cutie { background: transparent !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; margin-top: 0 !important; }
.mg3-produs .mg2p-pret { padding: 20px 0 18px !important; }

/* Rândul de sus: Cod · Producător · Stoc în stânga, „Au vizitat" în dreapta. */
.mg3-produs .mg3-sus {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px;
    padding-bottom: 18px; border-bottom: 1px solid var(--mg3-gri-2);
}
.mg3-produs .mg3-sus > .mg2p-meta { order: 1; padding: 0 !important; }
.mg3-produs .mg3-sus > .mg3-sus-blocuri { order: 2; margin-left: auto; }
.mg3-produs .mg3-sus .mg-bloc { margin: 0; }
.mg3-produs .mg3-sus .mgp-colet-bara { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; }
.mg3-produs .mg3-sus .mgp-colet-titlu { display: none !important; }
.mg3-produs .mg3-sus .mgp-vizite { font-size: 15px !important; font-weight: 400 !important; color: #5b6570 !important; gap: 8px !important; }
.mg3-produs .mg3-sus .mgp-vizite-numar { font-size: 14px !important; padding: 3px 11px !important; border-radius: 999px !important; }
.mg3-produs .mg2p-meta > span > i[style*="#25b566"] { animation: mg3-puls-verde 1.8s infinite; }
.mg3-produs .mg2p-meta > span > i[style*="#f0a020"] { animation: mg3-puls-portocaliu 1.8s infinite; }
@keyframes mg3-puls-verde { 0% { box-shadow: 0 0 0 0 rgba(37, 181, 102, .55); } 70%, 100% { box-shadow: 0 0 0 8px rgba(37, 181, 102, 0); } }
@keyframes mg3-puls-portocaliu { 0% { box-shadow: 0 0 0 0 rgba(240, 160, 32, .55); } 70%, 100% { box-shadow: 0 0 0 8px rgba(240, 160, 32, 0); } }

/* Butoanele din poza 8: cantitatea și „Adaugă în coș" rotunde, verde; telefonul alb, cu chenar. */
.mg3-produs .mg-produs-doua .mg-form-cos, .mg3-produs .mg-produs-doua form[data-adauga-in-cos] { grid-template-columns: 140px 1fr !important; }
.mg3-produs .mg-produs-doua .mg-cutie-cantitate { border-radius: 999px !important; overflow: hidden; background: #fff !important; border: 1.5px solid var(--mg3-linie) !important; box-sizing: border-box; }
.mg3-produs .mg-produs-doua .mg-cutie-cantitate .mg-buton-cantitate { background: transparent !important; color: #1a2c40 !important; width: 44px !important; }
.mg3-produs .mg-produs-doua .mg-cutie-cantitate .mg-buton-cantitate:hover { color: var(--mg-verde) !important; }
.mg3-produs .mg-produs-doua form[data-adauga-in-cos] .mg-buton-cos,
.mg3-produs .mg-produs-doua .mg-bloc .mg-buton-inchis {
    border-radius: 999px !important; background: var(--mg-verde) !important; color: #fff !important; text-transform: none !important;
    letter-spacing: 0 !important; font-size: 15px !important; font-weight: 700; height: 50px !important;
    box-shadow: 0 8px 20px -8px rgba(0, 135, 65, .6); transition: background .25s, box-shadow .3s var(--mg3-lin), transform .2s var(--mg3-lin);
}
.mg3-produs .mg-produs-doua form[data-adauga-in-cos] .mg-buton-cos:hover,
.mg3-produs .mg-produs-doua .mg-bloc .mg-buton-inchis:hover { background: #007538 !important; box-shadow: 0 12px 26px -10px rgba(0, 95, 46, .6); }
.mg3-produs .mg-produs-doua form[data-adauga-in-cos] .mg-buton-cos:active { transform: scale(.985); }
.mg3-produs .mg-produs-doua form[data-adauga-in-cos] .mg-buton-cos img { filter: brightness(0) invert(1); }
.mg3-produs .mg-produs-doua .mg-bloc .mg-buton-inchis svg { fill: #fff; }
.mg3-produs .mg-produs-doua .mg-bloc .mgp-telefon {
    height: 50px !important; border-radius: 999px !important; background: #fff !important; color: #1a2c40 !important;
    box-shadow: inset 0 0 0 1.5px var(--mg3-linie); font-size: 18px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0 !important; transition: box-shadow .2s;
}
.mg3-produs .mg-produs-doua .mg-bloc .mgp-telefon:hover { background: #fff !important; color: #1a2c40 !important; box-shadow: inset 0 0 0 1.5px #1a2c40; }
.mg3-produs .mg-produs-doua .mg-bloc .mgp-telefon svg { width: 22px; height: 22px; }

/* „Facem tot posibilul ca reaprovizionare…": mic și gri, cu „!" roșu mic, ca în machetă. */
.mg3-produs .mg-produs-doua .mg-bloc-continut > div:has(> span[style*="E01A1A"]) {
    font-size: 14px !important; line-height: 1.45 !important; color: #5d6874 !important; gap: 10px !important; align-items: flex-start !important;
}
.mg3-produs .mg-produs-doua .mg-bloc-continut > div:has(> span[style*="E01A1A"]) > span[style*="E01A1A"] {
    width: 22px !important; height: 22px !important; border-radius: 6px; font-size: 13px !important; font-weight: 700; margin-top: 0 !important; background: var(--mg-eticheta) !important;
}

/* Banda „Comanzi azi…", cele 4 căsuțe și pătratul cu producătorul. */
.mg3-produs .mg3-jos { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.mg3-produs .mg3-livrare {
    display: flex; align-items: center; gap: 10px; min-height: 58px; box-sizing: border-box; padding: 12px 18px;
    border-radius: 14px; background: #e6f4ea; color: #1a2c40; line-height: 1.45; container-type: inline-size;
}
.mg3-produs .mg3-livrare svg { flex: none; color: var(--mg-verde); width: 22px; height: 22px; }
/* Pe un singur rând: scrisul se potrivește lățimii benzii, între 12 și 14,5px. */
.mg3-produs .mg3-livrare-text { flex: 1; min-width: 0; white-space: nowrap; font-size: clamp(12px, calc(2.82cqi - .95px), 14.5px); }
@supports not (container-type: inline-size) { .mg3-produs .mg3-livrare-text { white-space: normal; font-size: 14.5px; } }
.mg3-produs .mg3-casute .mgp-casute { gap: 12px !important; }
.mg3-produs .mg3-casute .mgp-casuta {
    min-height: 58px; box-sizing: border-box; padding: 12px 18px !important; gap: 12px !important; border-radius: 14px !important;
    border: 0 !important; box-shadow: inset 0 0 0 1px var(--mg3-linie); font-size: 15px !important;
}
.mg3-produs .mg3-casute .mgp-casuta svg { width: 22px !important; height: 22px !important; }
.mg3-produs .mg3-producator {
    display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 68px; box-sizing: border-box;
    padding: 12px 22px; background: #fff; border: 1px solid var(--mg-verde); border-radius: 14px; color: #1a2c40; transition: box-shadow .3s var(--mg3-lin);
}
.mg3-produs .mg3-producator img { height: 42px; width: auto; max-width: 170px; object-fit: contain; }
.mg3-produs .mg3-producator strong { font-size: 18px; }
.mg3-produs .mg3-producator span { font-size: 15.5px; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color .2s; }
.mg3-produs .mg3-producator:hover { box-shadow: 0 6px 18px -10px rgba(0, 135, 65, .5); }
.mg3-produs .mg3-producator:hover span { color: var(--mg-verde); }

/* „Acest pachet conține": aceleași mărimi (actualizarea 4), doar colțuri rotunde. */
.mg3-produs .mg-pachet-titlu { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 16px !important; }
.mg3-produs .mg-pachet-card { border: 1px solid #e8ebe9; border-radius: 14px !important; padding: 12px !important; gap: 14px !important; background: #fff !important; transition: border-color .2s, box-shadow .3s var(--mg3-lin); }
.mg3-produs a.mg-pachet-card::after { display: none; }
.mg3-produs a.mg-pachet-card:hover { border-color: transparent; box-shadow: 0 16px 36px -18px rgba(26, 44, 64, .35); }
.mg3-produs .mg-pachet-poza { border-radius: 10px; }
.mg3-produs .mg-pachet-nume { font-weight: 600; }

/* Taburile: fără blocurile colorate — o linie verde sub tabul deschis. */
.mg3-produs div:has(> [data-tab-produs]) { gap: 6px !important; border-bottom: 1px solid var(--mg3-linie); }
.mg3-produs [data-tab-produs] {
    position: relative; background: transparent !important; color: #5b6570 !important; height: 46px !important; padding: 0 18px !important;
    border-radius: 0 !important; box-shadow: none !important; transition: color .2s;
}
.mg3-produs [data-tab-produs]:hover { color: #1a2c40 !important; }
.mg3-produs [data-tab-produs][style*="#008741"], .mg3-produs [data-tab-produs][style*="rgb(0, 135, 65)"], .mg3-produs [data-tab-produs].mg2p-tab-activ { color: #1a2c40 !important; }
.mg3-produs [data-tab-produs]::after {
    content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 3px; border-radius: 3px 3px 0 0;
    background: var(--mg-verde); transform: scaleX(0); transition: transform .3s var(--mg3-lin);
}
.mg3-produs [data-tab-produs][style*="#008741"]::after, .mg3-produs [data-tab-produs][style*="rgb(0, 135, 65)"]::after, .mg3-produs [data-tab-produs].mg2p-tab-activ::after { transform: none; }
.mg3-produs [data-panou-produs] {
    background: #f9f9f9 !important; padding: 30px 34px !important; border-radius: 0 0 var(--mg3-raza) var(--mg3-raza);
    font-weight: 400 !important; color: #34414e !important;
    line-height: 1.75 !important; font-size: 15px !important;
}
/* Descrierea pe toată lățimea casetei (ea: „rămâne un spațiu gol imens"). */
.mg3-produs [data-panou-produs] .mg-descriere { max-width: none !important; }

/* ---------------------------------------------------------------- Coșul */

.mg3-cos .mg-tabel-cos { border: 1px solid var(--mg3-linie) !important; border-radius: var(--mg3-raza-mare); overflow: hidden; background: #fff; }
.mg3-cos .mg-cap-cos { background: var(--mg3-gri) !important; color: #8a94a0 !important; border-bottom-color: var(--mg3-linie) !important; }
.mg3-cos .mg-rand-cos { border-bottom-color: var(--mg3-linie) !important; transition: background .2s; }
.mg3-cos .mg-rand-cos:hover { background: #fbfcfc; }
.mg3-cos .mg-tabel-cos > :last-child { background: var(--mg3-gri) !important; }
.mg3-cos .mg-cos-poza { border: 0 !important; border-radius: 12px; background: var(--mg3-gri) !important; }
.mg3-cos .mg-cos-cantitate input { border-radius: 10px; height: 36px !important; width: 46px !important; border-color: var(--mg3-linie) !important; }
.mg3-cos .mg-cos-cantitate .mg-buton-cos-verde, .mg3-cos .mg-cos-cantitate .mg-buton-cos-rosu { border-radius: 10px !important; width: 36px !important; height: 36px !important; }
.mg3-cos .mg-buton-cos-pagina {
    display: inline-flex; align-items: center; height: 46px; box-sizing: border-box; padding: 0 24px !important; border-radius: 12px !important;
    transition: background .2s, box-shadow .2s;
}
.mg3-cos .mg-butoane-cos .mg-buton-cos-pagina:first-child:not(:last-child) { background: #fff !important; color: var(--mg-buton) !important; box-shadow: inset 0 0 0 1.5px var(--mg-buton); }
.mg3-cos .mg-butoane-cos .mg-buton-cos-pagina:first-child:not(:last-child):hover { background: var(--mg-buton) !important; color: #fff !important; }
.mg3-cos .mg-butoane-cos .mg-buton-cos-pagina:last-child { background: var(--mg-verde) !important; box-shadow: 0 8px 20px -8px rgba(0, 135, 65, .6); }
.mg3-cos .mg-butoane-cos .mg-buton-cos-pagina:last-child:hover { background: #007538 !important; }

/* ---------------------------------------------------------------- Finalizarea
   Casetele, titlurile (linia mică verde dedesubt) și câmpurile vin din pagină;
   aici doar butoanele, bifele și tabelul cu produse. */

.mg3-finalizare .mg-buton-cupon { border-radius: 10px !important; margin-left: 10px; }
.mg3-finalizare .mg-rand-cupon input { border-radius: 10px !important; }
.mg3-finalizare .mg-buton-confirma {
    background: var(--mg-verde) !important; border-radius: 12px !important; height: 54px; padding: 0 34px !important;
    box-shadow: 0 8px 20px -8px rgba(0, 135, 65, .6); transition: background .2s;
}
.mg3-finalizare .mg-buton-confirma:hover { background: #007538 !important; }
.mg3-finalizare .mg-bifa-patrat { border-radius: 6px !important; width: 20px !important; height: 20px !important; border-width: 1.5px !important; }
.mg3-finalizare .mg-cap-comanda { background: var(--mg3-gri) !important; border-radius: 12px 12px 0 0; }
.mg3-finalizare .mg-cos-poza { border: 0 !important; border-radius: 12px; background: var(--mg3-gri) !important; }
.mg3-finalizare .mg-cos-cantitate input { border-radius: 10px; }
.mg3-finalizare .mg-cos-cantitate .mg-buton-cos-verde, .mg3-finalizare .mg-cos-cantitate .mg-buton-cos-rosu { border-radius: 10px !important; }
.mg3-finalizare .mg-finalizare input:focus, .mg3-finalizare .mg-finalizare select:focus, .mg3-finalizare .mg-finalizare textarea:focus {
    border-color: var(--mg-verde) !important; box-shadow: 0 0 0 3px rgba(0, 135, 65, .12);
}

/* ---------------------------------------------------------------- Tabletă și telefon */

@media (max-width: 1180px) {
    .mg3-produs .mg3-livrare-text { white-space: normal; font-size: 14px; }
}
@media (max-width: 1023px) {
    .mg3-slider #mg-slider { margin-top: 12px !important; }
    .mg3-slider #mg-slider .mg-slider-corp { border-radius: var(--mg3-raza); }
}
@media (max-width: 767px) {
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) > a:first-child { padding: 6px; border-radius: 14px; }
    .mg3-recenzii .mg-recenzii { border-radius: var(--mg3-raza); }
    .mg3-produs .mg-produs-doua > div:last-child { padding: 18px 16px 20px !important; border-radius: var(--mg3-raza); }
    .mg3-produs .mg-rama-poza { border-radius: var(--mg3-raza) !important; }
    .mg3-produs .mg3-sus { gap: 8px 14px; }
    .mg3-produs .mg-produs-doua .mg-form-cos, .mg3-produs .mg-produs-doua form[data-adauga-in-cos] { grid-template-columns: 126px 1fr !important; }
    .mg3-produs .mg3-casute .mgp-casuta { min-height: 52px; padding: 11px 14px !important; font-size: 14px !important; }
    .mg3-produs .mg3-producator { padding: 10px 14px; gap: 12px; min-height: 60px; }
    .mg3-produs .mg3-producator img { height: 30px; max-width: 110px; }
    .mg3-produs .mg3-producator span { font-size: 14px; text-align: right; }
    .mg3-produs [data-tab-produs] { padding: 0 12px !important; }
    .mg3-cos .mg-tabel-cos { border-radius: var(--mg3-raza); }
    .mg3-cos .mg-butoane-cos { flex-direction: column-reverse; align-items: stretch !important; gap: 10px !important; }
    .mg3-cos .mg-butoane-cos .mg-buton-cos-pagina { justify-content: center; margin-left: 0 !important; flex: none !important; }
    .mg3-finalizare .mg-buton-cupon { margin-left: 0; }
    .mg3-finalizare .mg-buton-confirma { width: 100%; }
}
@media (max-width: 420px) {
    .mg3-produs .mg3-casute .mgp-casute { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
    .mg3-produs .mg2p-meta > span > i { animation: none !important; }
    .mg3-carduri .mg-card-produs > a:first-child, .mg3-produs .mg-thumb, .mg3-produs [data-tab-produs]::after,
    .mg3-slider #mg-slider [data-bulina], .mg3-slider #mg-slider .mg-sageata { transition: none !important; }
}


/* ==========================================================================
   Actualizarea 23b (28.09.2026) — ce lipsea față de machetă, găsit pe site cu ea.
   ========================================================================== */

/* Sliderul la aceeași lățime cu rândurile de produse. */
/* Sliderul pe aceeași lățime cu tot restul paginii (meniul, banda, produsele, subsolul) și înalt ca în
   machetă (proporția 1350 × 480). */
.mg3-slider #mg-slider.mg-container { padding-left: 15px !important; padding-right: 15px !important; }
@media (min-width: 768px) {
    .mg3-slider #mg-slider .mg-slider-corp { height: auto !important; aspect-ratio: 1350 / 480; }
}

/* Titlurile secțiunilor de pe prima pagină: 25px, îngroșate, ca în machetă. */
.mg3-carduri .mg-cap-sectiune > :first-child { font-size: 25px !important; font-weight: 700 !important; }

/* Coșulețul de pe buton: alb. Clopoțelul de la „Anunță-mă": bleumarin, ca butonul. */
.mg3-carduri .mg-card-produs:not(.mg-cosf-grila *) .mg-buton-cos:not([data-anunta]) img { filter: brightness(0) invert(1); }
.mg3-carduri .mg-card-produs:not(.mg-cosf-grila *) .mg-buton-cos[data-anunta] svg { color: currentColor !important; }

/* Ce spun clienții noștri: banda gri pe toată lățimea, cartonașe de 380px, așezate ca în machetă —
   bulina în stânga; titlul și stelele pe un rând; „Review cumpărător"; comentariul; jos „Nume · dată". */
.mg3-recenzii .mg-cutia-recenzii { max-width: none !important; padding: 0 !important; margin-top: 56px; background: var(--mg3-gri); }
.mg3-recenzii .mg-recenzii { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 56px 0 64px !important; gap: 30px !important; }
.mg3-recenzii .mg-recenzii > div:first-child > div { font-size: 25px !important; font-weight: 700; }
.mg3-recenzii .mg-recenzii > div:first-child > span { display: none !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie {
    position: relative; width: 380px !important; margin: 0 10px !important; padding: 20px 22px 20px 82px !important; box-sizing: border-box;
    display: flex !important; flex-wrap: wrap; align-items: center !important; align-content: flex-start; column-gap: 8px !important; row-gap: 3px !important;
}
.mg3-recenzii .mg-recenzii .mg-recenzie > div { display: contents !important; }
/* Bulina stă în stânga, pe toată înălțimea; restul curge în dreapta ei, în ordinea din machetă. */
.mg3-recenzii .mg-recenzii .mg-recenzie > div:first-child > div:nth-child(1) {
    position: absolute; left: 22px; top: 20px; width: 44px !important; height: 44px !important; font-size: 15px !important;
}
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:first-child:not(:has(> span)) { order: 1; font-size: 15px !important; font-weight: 700 !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:has(> span) { display: contents !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:has(> span) > span:first-child { order: 2; font-size: 13px !important; letter-spacing: 1px !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:has(> span) > span:nth-child(2) { order: 3; flex-basis: 100%; font-size: 12px !important; gap: 5px !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:has(> span) > span:nth-child(2) > span { width: 14px !important; height: 14px !important; font-size: 9px !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:last-child > div:last-child:not(:has(> span)) { order: 4; flex-basis: 100%; font-size: 14px !important; line-height: 1.5 !important; color: #5d6874 !important; margin: 4px 0 6px; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:first-child > div:nth-child(2) { order: 5; font-size: 12px !important; font-weight: 400 !important; color: #8b949c !important; text-align: left !important; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:first-child > div:nth-child(3) { order: 6; font-size: 12px !important; color: #8b949c !important; margin-left: -4px; }
.mg3-recenzii .mg-recenzii .mg-recenzie > div:first-child > div:nth-child(3)::before { content: "· "; }

/* Coșul: titlul mare, capul tabelului cu litere mari și rare, poza 80px, „Total" evidențiat,
   „Șterge" alb cu coșul roșu, „Finalizează comanda →". */
.mg3-cos div:has(> form > .mg-tabel-cos) > h1 { font-size: 28px !important; font-weight: 700 !important; margin: 10px 0 22px !important; }
.mg3-cos .mg-cap-cos { font-size: 12.5px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8b949c !important; padding-top: 14px !important; padding-bottom: 14px !important; }
.mg3-cos .mg-rand-cos { padding-top: 14px !important; padding-bottom: 14px !important; }
.mg3-cos .mg-rand-cos .mg-cos-poza { width: 80px !important; height: 80px !important; padding: 8px !important; }
.mg3-cos .mg-rand-cos .mg-cos-poza img { max-width: 100% !important; max-height: 100% !important; }
.mg3-cos .mg-rand-cos .mg-cos-nume { font-weight: 600; }
.mg3-cos .mg-cos-cantitate .mg-buton-cos-rosu { background: #fff !important; box-shadow: inset 0 0 0 1px var(--mg3-linie); }
.mg3-cos .mg-cos-cantitate .mg-buton-cos-rosu svg { color: var(--mg-eticheta) !important; }
.mg3-cos .mg-cos-cantitate .mg-buton-cos-rosu:hover { background: var(--mg-eticheta) !important; }
.mg3-cos .mg-cos-cantitate .mg-buton-cos-rosu:hover svg { color: #fff !important; }
.mg3-cos .mg-tabel-cos > :last-child { padding: 18px 22px !important; }
.mg3-cos .mg-tabel-cos > :last-child > div:last-child { font-size: 17px !important; font-weight: 700; padding-top: 6px; margin-top: 4px; border-top: 1px solid var(--mg3-gri-2); }
.mg3-cos .mg-buton-cos-pagina { font-size: 13.5px !important; font-weight: 700; letter-spacing: .05em !important; }
.mg3-cos .mg-butoane-cos .mg-buton-cos-pagina:last-child::after { content: "→"; margin-left: 10px; font-size: 16px; letter-spacing: 0; }

/* Finalizarea: livrarea și plata în chenare rotunjite (verde când e aleasă), bifele verzi,
   tabelul cu produse fără ramă, „Total" evidențiat, bifele în stânga și butonul în dreapta. */
.mg3-finalizare .mg-livrare-plata .mg-radio {
    border: 1px solid var(--mg3-linie); border-radius: 12px; padding: 13px 14px; box-sizing: border-box;
    align-items: flex-start !important; transition: border-color .2s, background .2s;
}
.mg3-finalizare .mg-livrare-plata .mg-radio + .mg-radio, .mg3-finalizare .mg-livrare-plata .mg-radio ~ .mg-radio { margin-top: 8px; }
.mg3-finalizare .mg-livrare-plata .mg-radio:has(input:checked) { border-color: var(--mg-verde); background: #fbfdfc; }
.mg3-finalizare .mg-livrare-plata .mg-radio > span:first-of-type { margin-left: 0 !important; margin-top: 1px; }
.mg3-finalizare .mg-bifa .mg-bifa-patrat { border-color: #c9d0cc !important; background: #fff !important; transition: background .2s, border-color .2s; }
.mg3-finalizare .mg-bifa .mg-bifa-semn { color: transparent; }
.mg3-finalizare .mg-bifa input:checked + .mg-bifa-patrat { background: var(--mg-verde) !important; border-color: var(--mg-verde) !important; }
.mg3-finalizare .mg-bifa input:checked + .mg-bifa-patrat .mg-bifa-semn { color: #fff; }
.mg3-finalizare .mg-bifa a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mg3-finalizare div:has(> .mg-cap-comanda) { border: 0 !important; }
.mg3-finalizare .mg-cap-comanda {
    background: transparent !important; border-radius: 0 !important; padding: 0 0 10px !important; font-size: 12px !important; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase; color: #8b949c !important; border-bottom-color: var(--mg3-linie) !important;
}
.mg3-finalizare .mg-rand-comanda { padding-left: 0 !important; padding-right: 0 !important; border-bottom-color: var(--mg3-linie) !important; }
.mg3-finalizare .mg-rand-comanda .mg-cos-poza { width: 62px !important; height: 62px !important; padding: 6px !important; border-radius: 10px; }
.mg3-finalizare .mg-rand-comanda .mg-cos-poza img { max-width: 100% !important; max-height: 100% !important; }
.mg3-finalizare .mg-rand-comanda .mg-cos-nume { font-weight: 600; }
.mg3-finalizare div:has(> .mg-cap-comanda) > :last-child { background: var(--mg3-gri) !important; padding: 14px 16px !important; margin-top: 12px; border-radius: 12px; }
.mg3-finalizare div:has(> .mg-cap-comanda) > :last-child > div:last-child { font-size: 18px !important; font-weight: 700; padding-top: 8px; margin-top: 4px; border-top: 1px solid var(--mg3-linie); }
.mg3-finalizare div:has(> div > .mg-buton-confirma) { display: flex !important; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; column-gap: 20px; }
.mg3-finalizare div:has(> div > .mg-buton-confirma) > div:first-child,
.mg3-finalizare div:has(> div > .mg-buton-confirma) > textarea { flex: 0 0 100%; }
.mg3-finalizare div:has(> div > .mg-buton-confirma) > div:has(> .mg-bifa) { flex: 1 1 320px; margin-bottom: 0 !important; }
.mg3-finalizare div:has(> .mg-buton-confirma) { justify-content: flex-end !important; }

@media (max-width: 767px) {
    .mg3-cos div:has(> form > .mg-tabel-cos) > h1 { font-size: 23px !important; margin: 4px 0 16px !important; }
    .mg3-cos .mg-rand-cos .mg-cos-poza { width: 72px !important; height: 72px !important; }
    .mg3-finalizare div:has(> .mg-buton-confirma) { flex: 1 1 100%; margin-top: 16px; }
}

/* ==========================================================================
   Actualizarea 23c (28.09.2026) — ea: „se pierdea în background-ul site-ului".
   Descrierea și totalurile de la finalizare rămân pe gri deschis, ca înainte de 23b;
   pozele de la „Acest pachet conține" fără pătratul gri din jur.
   ========================================================================== */
@media (max-width: 767px) {
    .mg3-produs [data-panou-produs] { padding: 20px 16px !important; }
}

/* ==========================================================================
   Actualizarea 23d (28.09.2026) — lista ei, verificată în Incognito, comparată cu macheta.
   ========================================================================== */

/* Cardurile: la mouse se mișcă doar poza, nu tot cardul (umbra veche de pe card iese). */
.mg3-carduri .mg-card-produs::after { display: none !important; }

/* Bara de sortare din categorii: discretă, fără banda gri; listele albe și rotunde, ca în machetă. */
.mg3-carduri .mg-bara-lista { background: transparent !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; margin-bottom: 6px; }
.mg3-carduri .mg-bara-lista .mg-sortare { gap: 18px !important; font-size: 13.5px !important; color: #5d6874 !important; }
.mg3-carduri .mg-bara-lista .mg-select {
    -webkit-appearance: none; appearance: none; height: 36px !important; padding: 0 34px 0 14px !important; border-radius: 999px !important;
    border: 1px solid #e8ebe9 !important; font-family: inherit; font-size: 13.5px !important; font-weight: 600; color: #1a2c40 !important; cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231a2c40' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    transition: border-color .2s;
}
.mg3-carduri .mg-bara-lista .mg-select:hover { border-color: #cfd5d1 !important; }

/* Ce spun clienții noștri: aceeași viteză, oricâte recenzii sunt puse pe bandă. */
.mg3-recenzii .mg-recenzii-pista { animation-duration: calc(22s * var(--mg3-ori, 2)) !important; }

/* Specificații: fără ramă și fără coloana gri — doar linii fine între rânduri. */
.mg3-produs .mg-specificatii { border: 0 !important; background: transparent !important; max-width: none !important; }
.mg3-produs .mg-specificatii > div { border-bottom: 1px solid #e3e6e4 !important; }
.mg3-produs .mg-specificatii > div > div { padding: 12px 0 !important; }
.mg3-produs .mg-specificatii > div > div:first-child { background: transparent !important; color: #8b949c !important; padding-right: 16px !important; }
.mg3-produs .mg-specificatii > div > div:last-child { color: #1a2c40; }

/* Acest pachet conține (actualizarea 27): cartonașe mici și egale. Desktop: 4 pe rând, poza 64px; tabletă: 3 pe rând; telefon: 2 pe rând, poza deasupra (72px). */
.mg3-produs .mg-pachet-grila { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; }
.mg3-produs .mg-pachet-card { max-width: none !important; width: auto !important; flex-direction: row !important; text-align: left !important; align-items: center !important; padding: 10px 12px !important; gap: 12px !important; }
.mg3-produs .mg-pachet-poza { width: 64px !important; height: 64px !important; max-width: none !important; margin: 0 !important; }
.mg3-produs .mg-pachet-nume { font-size: 13px !important; line-height: 1.35 !important; -webkit-line-clamp: 3 !important; }

/* Finalizarea: „Persoană fizică / Persoană juridică" ca un selector, fără „Grupul de clienți" deasupra. */
.mg3-finalizare div:has(+ div > label.mg-radio > input[name="customer_group_id"]) { display: none !important; }
.mg3-finalizare div:has(> label.mg-radio > input[name="customer_group_id"]) {
    display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 4px !important;
    padding: 4px; border-radius: 12px; background: var(--mg3-gri); margin-bottom: 18px !important;
}
.mg3-finalizare label.mg-radio:has(> input[name="customer_group_id"]) {
    justify-content: center; text-align: center; padding: 9px 8px; border-radius: 9px; gap: 0 !important;
    font-size: 14.5px !important; font-weight: 700; color: #5d6874 !important; transition: background .2s, color .2s, box-shadow .2s;
}
.mg3-finalizare label.mg-radio:has(> input[name="customer_group_id"]) > span:first-of-type { display: none !important; }
.mg3-finalizare label.mg-radio:has(> input[name="customer_group_id"]:checked) { background: #fff; color: #1a2c40 !important; box-shadow: 0 1px 3px rgba(26, 44, 64, .12); }
.mg3-finalizare label.mg-radio:has(> input[name="customer_group_id"]:focus-visible) { outline: 2px solid var(--mg-verde); outline-offset: 2px; }

@media (max-width: 1023px) {
    .mg3-produs .mg-pachet-grila { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
    .mg3-produs .mg-pachet-card { flex-direction: column !important; text-align: center !important; justify-content: flex-start; padding: 12px 8px !important; gap: 8px !important; }
    .mg3-produs .mg-pachet-poza { width: 72px !important; height: 72px !important; }
    .mg3-produs .mg-pachet-nume { font-size: 12.5px !important; }
}
@media (max-width: 599px) {
    .mg3-produs .mg-pachet-grila { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
    .mg3-carduri .mg-bara-lista .mg-sortare { gap: 10px !important; width: 100%; }
    .mg3-produs .mg-specificatii > div { grid-template-columns: 1fr 1fr !important; }
    .mg3-produs .mg-produs-doua .mg-bloc .mgp-telefon { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .mg3-slider #mg-slider .mg-slide-activ .mg-slide-poza, .mg3-slider #mg-slider .mg-slide-activ .mg-slide-badge,
    .mg3-slider #mg-slider [data-bulina]::after { animation: none !important; }
}

/* ==========================================================================
   Actualizarea 23d, completare (28.09.2026) — ea: pozele produselor „puțin mai mari… parcă văd niște
   pătrate mici", pe carduri și în coș / finalizare, pe calculator și pe telefon.
   ========================================================================== */

/* Cardurile, ca în machetă: cardul fără margine în jur, deci pătratul gri ține toată lățimea
   cardului (mai mare), iar produsul stă în el cu 14px de aer pe margini. */
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) { padding: 0 !important; }
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) > a:first-child {
    padding: 14px !important; height: auto !important; aspect-ratio: 1 / 1; box-sizing: border-box;
}
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-poza {
    width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: contain;
}
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-poza-doua {
    inset: 14px !important; width: calc(100% - 28px) !important; height: calc(100% - 28px) !important;
}
@media (max-width: 767px) {
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) > a:first-child { padding: 10px !important; }
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-poza-doua {
        inset: 10px !important; width: calc(100% - 20px) !important; height: calc(100% - 20px) !important;
    }
}

/* Coșul și finalizarea: pozele mai mari, cu margine mică. */
.mg3-cos .mg-rand-cos .mg-cos-poza { width: 96px !important; height: 96px !important; padding: 4px !important; }
.mg3-finalizare .mg-rand-comanda .mg-cos-poza { width: 80px !important; height: 80px !important; padding: 4px !important; }
@media (max-width: 767px) {
    .mg3-cos .mg-rand-cos .mg-cos-poza { width: 88px !important; height: 88px !important; }
    .mg3-finalizare .mg-rand-comanda .mg-cos-poza { width: 72px !important; height: 72px !important; }
}

/* Toate paginile cu produse la fel (ea: „acum să fie totul uniform"): același rând de produse
   ca în categorii — pe prima pagină secțiunile fără margine în lateral, la căutare aceeași margine
   și același spațiu între carduri. Așa cardurile au aceeași mărime peste tot. */
.mg3-carduri [data-sectiune] { padding-left: 0 !important; padding-right: 0 !important; }
.mg3-carduri .mg-pagina:has(.mg-cautare) { padding-left: 15px !important; padding-right: 15px !important; }
.mg3-carduri .mg-cautare .grid:has(> .mg-card-produs) { gap: 16px !important; }
.mg3-carduri .mg-grila:has(> .mg-card-produs) { gap: 16px !important; }
@media (max-width: 767px) {
    .mg3-carduri .mg-cautare:has(.mg-card-produs) { padding-left: 0 !important; padding-right: 0 !important; }
}

/* Scrisul de pe card la fel peste tot, pe calculator și pe telefon, ca în machetă: numele la stânga,
   îngroșat, 15px, pe exact două rânduri (mai lung = „…"), deci prețul și butonul stau pe aceeași
   linie la toate cardurile; prețul pe mijloc; butonul pe toată lățimea. */
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) { align-items: stretch !important; gap: 12px !important; min-width: 0; }
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-nume {
    text-align: left !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.45 !important;
    height: 2.9em !important; min-height: 0 !important; overflow: hidden;
    display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-preturi { justify-content: center !important; flex-wrap: wrap; gap: 2px 10px !important; }
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) form,
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) div:has(> .mg-buton-cos) { width: 100% !important; align-self: stretch; margin-top: auto; }
.mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-buton-cos { width: 100% !important; max-width: 100%; height: 35px; }
@media (max-width: 767px) {
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) { gap: 10px !important; }
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-nume { font-size: 14px !important; }
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-preturi > span:first-child { font-size: 19px !important; }
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-card-preturi > span + span { font-size: 13px !important; }
    .mg3-carduri .mg-card-produs:not(.mg-card-lista):not(.mg-cosf-grila *) .mg-buton-cos { font-size: 12.5px !important; gap: 6px !important; padding: 0 6px !important; }
}

/* ---------------------------------------------------------------- Descrierea produsului, uniformă
   Ea: descrierile se așezau urât, cu spații imense între rânduri și scris prea deschis (ex. #620.1).
   Cauze: paragrafe/div-uri goale rămase din textul lipit și 20px sub fiecare paragraf. Aici: golurile nu
   mai ocupă loc, distanțe mici și egale peste tot, scrisul în albastrul închis al titlurilor.
   Textul din admin rămâne neatins; mărimea și fontul rămân. */
.mg3-produs [data-panou-produs] .mg-descriere { color: #1a2c40 !important; line-height: 1.7 !important; }
.mg3-produs [data-panou-produs] .mg-descriere p { margin: 0 0 10px !important; color: #1a2c40 !important; }
.mg3-produs [data-panou-produs] .mg-descriere :is(p, div):empty,
.mg3-produs [data-panou-produs] .mg-descriere :is(p, div):has(> br:only-child) { display: none !important; }
.mg3-produs [data-panou-produs] .mg-descriere ul,
.mg3-produs [data-panou-produs] .mg-descriere ol { margin: 0 0 14px !important; }
.mg3-produs [data-panou-produs] .mg-descriere li { margin-bottom: 4px !important; }
.mg3-produs [data-panou-produs] .mg-descriere h2,
.mg3-produs [data-panou-produs] .mg-descriere h3,
.mg3-produs [data-panou-produs] .mg-descriere h4 { margin: 18px 0 8px !important; line-height: 1.3 !important; color: #1a2c40 !important; }
.mg3-produs [data-panou-produs] .mg-descriere > :first-child { margin-top: 0 !important; }
.mg3-produs [data-panou-produs] .mg-descriere > :last-child { margin-bottom: 0 !important; }