/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */




/* ==========================================================================
   ZOOM GLOBAL SITE 90% (nicomobila.md)
   ========================================================================== */

/* Aplică zoom-ul de 90% pe versiunea Desktop */
@media (min-width: 992px) {
    html, body {
        zoom: 0.90 !important;
        -moz-transform: scale(0.95) !important; /* Suport special pentru Firefox */
        -moz-transform-origin: top center !important;
        background-color: #ffffff !important;
    }
}














/* ==========================================================================
   FORȚARE MEGA-MENU - NICOMOBILA
   ========================================================================== */

/* Forțăm rotunjirea pe fundalul dropdown-ului care conține imaginea și textul */
ul.js-ajax-mega-menu div.adropdown, 
ul.js-ajax-mega-menu .dropdown-wrapper {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

/* Forțăm rotunjirea imaginii din interior (ex: bucatarii.jpg, dormitoare.jpg) */
ul.js-ajax-mega-menu .acategory-content .aitem img,
ul.js-ajax-mega-menu .category-thumb img,
ul.js-ajax-mega-menu img.brightness-hover {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Forțăm fundalul gri interior să respecte rotunjirea generală */
ul.js-ajax-mega-menu .dropdown-wrapper[style] {
    border-radius: 16px !important;
}


/* ==========================================================================
   FORȚARE DESIGN MODERN CU BORDURĂ DARK ȘI UMBRIRE - NICOMOBILA.MD
   ========================================================================== */

/* 1. Rotunjim wrapper-ul principal și adăugăm bordură dark + umbră */
article.js-product-miniature .product-container.product-style {
    border-radius: 14px !important;
    overflow: hidden !important; /* Esențial pentru a tăia colțurile ascuțite ale imaginii */
    background: #ffffff !important;
    
    /* Bordură închisă la culoare (un gri închis/antracit, dar discret, să nu arate demodat) */
    border: 1px solid #2c3e50 !important; 
    
    /* Umbră fină, dar pronunțată (dark shadow) pentru efect de profunzime */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
    
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease !important;
}

/* Efect fluid de plutire la hover (umbra devine mai intensă și cardul se ridică) */
article.js-product-miniature:hover .product-container.product-style {
    transform: translateY(-6px) !important;
    border-color: #1a252f !important; /* Bordura se închide și mai mult la hover */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important; /* Umbra devine mai intensă */
}








/* ==========================================================================
   STILIZARE MODERNĂ NUME PRODUS CU FUNDAL VERDE (nicomobila.md)
   ========================================================================== */

h5.product-name {
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    text-align: center !important; /* Centrează textul pentru un aspect simetric sub imagine */
    line-height: 1.4 !important;
    padding: 0 5px !important; /* Oferă puțin spațiu în părțile laterale */
}

h5.product-name a {
    font-size: 15px !important; /* Dimensiune optimă, lizibilă și elegantă */
    font-weight: 500 !important; /* Stil curat */
    
    /* Schimbările cerute pentru fundal și text */
    background-color: #5a9e74 !important; /* Culoarea bg dorită */
    color: #ffffff !important; /* Schimbat în alb pentru contrast maxim și lizibilitate */
    
    /* Aliniere și spațiere interioară (padding) în interiorul fundalului verde */
    padding: 8px 12px !important; 
    border-radius: 8px !important; /* Colțuri rotunjite, asortate cu noul stil al site-ului */
    
    text-decoration: none !important; /* Elimină orice subliniere nativă */
    letter-spacing: 0.3px !important; /* Spațiere subtilă între litere */
    display: block !important;
    
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease !important; /* Tranziție fină la hover */
}

/* Efect modern la hover direct pe nume sau când se pune mouse-ul pe tot cardul */
h5.product-name a:hover,
article.js-product-miniature:hover h5.product-name a {
    background-color: #467c5b !important; /* La hover, verdele devine puțin mai închis (efect premium click) */
    color: #ffffff !important;
    text-decoration: none !important;
}




/* ==========================================================================
   CARD COMPACT CU LIMITARE LA 3 RÂNDURI ȘI PUNCTE-PUNCTE (...)
   ========================================================================== */

/* 1. Reducem înălțimea totală a cardului pentru un aspect compact */
article.js-product-miniature .product-container.product-style {
    display: flex !important;
    flex-direction: column !important;
    height: 360px !important; /* Am redus de la 440px la 360px ca să nu mai fie prea mare */
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #2c3e50 !important; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* 2. Zona foto - ajustată proporțional pentru noul format mai scurt */
article.js-product-miniature .first-block {
    height: 180px !important; /* Imagine compactă, perfect egală pe toate cardurile */
    position: relative !important;
    overflow: hidden !important;
    background: #fdfdfd !important;
}

article.js-product-miniature .product-thumbnail img.img-fluid {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Umple spațiul fără să deformeze pozele de mobilier */
}

/* 3. Zona de text (Titlu + Descriere) */
article.js-product-miniature .second-third-block {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Centrează conținutul pe verticală în spațiul rămas */
    flex-grow: 1 !important;
}

/* 4. Forțăm textul să ocupe maximum 3 rânduri. Ce depășește primește (...) */
article.js-product-miniature h5.product-name,
article.js-product-miniature .product-description-short {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Limita strictă de 3 rânduri text */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; /* Ascunde ce nu încape */
    text-overflow: ellipsis !important; /* Adaugă automat cele trei puncte (...) */
    text-align: center !important;
    max-height: 60px !important; /* Siguranță pentru înălțimea textului */
    margin: 0 auto 5px auto !important;
}

/* Eliminăm marginile inutile care pot destabiliza alinierea */
article.js-product-miniature .second-block,
article.js-product-miniature .third-block {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}




/* ==========================================================================
   MODERNIZARE BLOC CATEGORII RECOMANDATE - NICOMOBILA.MD
   ========================================================================== */

/* 1. Structura principală a cardului de categorie: înălțime fixă, bordură închisă și umbră */
.aone-featuredcategories .category-block .category-container {
    display: flex !important;
    flex-direction: column !important;
    height: 380px !important; /* Înălțime compactă și fixă pentru aliniere la linie */
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    overflow: hidden !important; /* Decupează colțurile imaginii de sus */
    background: #ffffff !important;
    border: 1px solid #2c3e50 !important; /* Aceeași bordură închisă la culoare ca la produse */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    margin: 10px 5px !important; /* Spațiu între cardurile din slider */
    padding: 0 !important; /* Eliminăm padding-ul nativ pentru a controla spațiul din flex */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Efect fluid de plutire la hover pe categoria recomandată */
.aone-featuredcategories .category-block:hover .category-container {
    transform: translateY(-6px) !important;
    border-color: #1a252f !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;
}

/* 2. Zona foto a categoriei (Bucătării, Dormitoare etc.) */
.aone-featuredcategories .category-image {
    height: 160px !important; /* Înălțime fixă pentru poze */
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    background: #fdfdfd !important;
}

.aone-featuredcategories .category-image a,
.aone-featuredcategories .category-image img.img-fluid {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Previne deformarea sau alungirea pozelor de mobilier */
}

/* 3. Blocul de text pentru Titlu (Nume Categorie) - Stil verde modern cu text alb */
.aone-featuredcategories .category-name.h5 {
    margin: 12px 15px 8px 15px !important;
    text-align: center !important;
}

.aone-featuredcategories .category-name.h5 a.li-a {
    font-size: 15px !important;
    font-weight: 600 !important;
    background-color: #5a9e74 !important; /* Fundalul verde cerut */
    color: #ffffff !important; /* Text alb pentru contrast maxim */
    padding: 8px 12px !important;
    border-radius: 8px !important; /* Rotunjire fină asortată */
    display: block !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.25s ease !important;
}

/* Efect hover pe butonul de categorie */
.aone-featuredcategories .category-block:hover .category-name.h5 a.li-a {
    background-color: #467c5b !important; /* Verde mai închis la selectare */
}

/* 4. Descrierea categoriei: Limitare la 3 rânduri text și adăugare puncte-puncte (...) */
.aone-featuredcategories .category-des {
    padding: 0 15px 15px 15px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #666666 !important;
    text-align: center !important;
    
    /* Forțare limită strictă de 3 rânduri text */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; 
    text-overflow: ellipsis !important; /* Adaugă automat (...) dacă textul e mai lung */
    max-height: 55px !important;
}




/* ==========================================================================
   STILIZARE MODERNĂ TITLURI SECȚIUNI & "VEZI MAI MULT" (nicomobila.md)
   ========================================================================== */

/* 1. Containerul principal al titlului - îi oferim spațiu și o linie fină dedesubt */
.title-block.d-flex {
    width: 100% !important;
    border-bottom: 2px solid #eaeaea !important; /* Linie fină decorativă pe toată lățimea */
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    align-items: center !important; /* Aliniere verticală perfectă între titlu și link */
    justify-content: space-between !important; /* Împinge titlul în stânga și linkul în dreapta */
}

/* 2. Textul principal al titlului (ex: DULAPURI LA COMANDA) */
.title-block.d-flex > span:first-child {
    font-size: 20px !important; /* Dimensiune elegantă și vizibilă */
    font-weight: 700 !important; /* Scris îngroșat, pronunțat */
    color: #2c3e50 !important; /* Nuanță modernă de antracit închis (aceeași ca la borduri) */
    letter-spacing: 0.5px !important; /* Spațiere subtilă între litere */
    position: relative !important;
    text-transform: uppercase !important;
}

/* Adăugăm un accent verde subtil exact sub textul titlului pentru personalitate */
.title-block.d-flex > span:first-child::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -14px !important; /* Se așază perfect peste linia gri generală */
    width: 60px !important; /* Lungimea liniei verzi de accent */
    height: 3px !important;
    background-color: #5a9e74 !important; /* Verdele folosit la numele produselor */
    border-radius: 2px !important;
}

/* 3. Link-ul „Vezi mai mult” formatat ca un mini-buton minimalist */
.title-block .view-all-link a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #5a9e74 !important; /* Pornim cu textul verde */
    background-color: #f4f9f6 !important; /* Un fundal verde extrem de șters/soft */
    padding: 6px 14px !important;
    border-radius: 20px !important; /* Complet rotunjit (stil pastilă) */
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Iconița (săgeata) din interiorul link-ului */
.title-block .view-all-link a i.material-icons {
    font-size: 16px !important;
    margin-left: 4px !important;
    transition: transform 0.25s ease !important; /* Tranziție pentru animație */
}

/* 4. Efect de Hover interactiv pe butonul „Vezi mai mult” */
.title-block .view-all-link a:hover {
    background-color: #5a9e74 !important; /* Fundalul devine verde plin */
    color: #ffffff !important; /* Textul devine alb */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.2) !important; /* Umbră fină verde */
}

/* La hover, săgeata face un mic salt elegant spre dreapta, invitând la click */
.title-block .view-all-link a:hover i.material-icons {
    transform: translateX(4px) !important;
}







/* ==========================================================================
   STILIZARE MODERNĂ TAB-URI NAVIGARE (nicomobila.md)
   ========================================================================== */

/* 1. Containerul principal al tab-urilor - îl facem curat și centrat */
ul.nav-tabs {
    border-bottom: none !important; /* Eliminăm linia nativă și urâtă de sub tab-uri */
    display: inline-flex !important;
    flex-wrap: wrap !important;
    background-color: #f5f5f5 !important; /* Un fundal gri foarte fin, stil capsulă */
    padding: 6px !important;
    border-radius: 30px !important; /* Margini complet rotunjite pentru tot blocul */
    margin-bottom: 30px !important;
}

/* 2. Elementele individuale de listă */
ul.nav-tabs .nav-item {
    margin-bottom: 0 !important; /* Elimină decalajul nativ */
}

/* 3. Stilul butoanelor/link-urilor din tab-uri (Starea Neactivă) */
ul.nav-tabs .nav-link {
    border: none !important; /* Fără borduri ascuțite */
    background: transparent !important;
    color: #555555 !important; /* Un gri-antracit pentru textul ne selectat */
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    padding: 10px 22px !important;
    border-radius: 25px !important; /* Rotunjire tip pastilă pentru fiecare buton interior */
    text-transform: uppercase !important;
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Efect de hover simplu pe tab-ul neactiv (textul devine puțin mai închis) */
ul.nav-tabs .nav-link:hover {
    color: #1c1c1c !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* 4. Stilul pentru Tab-ul ACTIV / Selectat (ex: COMENZI NOI EFECTUATE) */
ul.nav-tabs .nav-link.active,
ul.nav-tabs .nav-item.show .nav-link {
    background-color: #5a9e74 !important; /* Fundalul verde modern folosit pe site */
    color: #ffffff !important; /* Text alb pentru un contrast perfect */
    box-shadow: 0 4px 12px rgba(90, 158, 116, 0.25) !important; /* O umbră fină, discretă, de culoare verde */
    border: none !important;
}




/* Containerul principal - aliniază cardurile pe rânduri și le forțează să aibă înălțime egală pe același rând */
.product-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Distanța dintre carduri (orizontal și vertical) */
  justify-content: center;
}

/* Stilul fiecărui card individual */
.product-card {
  background-color: #ffffff; /* Fundalul alb curat al cardului */
  border: 1px solid #e0e0e0;
  border-radius: 12px; /* Margini rotunjite elegante ca în imagini */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Umbră fină pentru efectul de relief */
  width: 230px; /* Lățimea fixă sau flexibilă a cardului */
  
  /* Trucul esențial pentru înălțimi egale și distribuirea spațiului interior */
  display: flex;
  flex-direction: column;
  overflow: hidden; /* Taie colțurile imaginii dacă depășesc rotunjimea cardului */
}

/* Wrapper-ul imaginii pentru a controla dimensiunea ei indiferent de poza originală */
.product-image-wrapper {
  width: 100%;
  height: 180px; /* Setează o înălțime fixă dorită pentru zona pozei */
  background-color: #f8f9fa; /* Fundal gri deschis în caz că poza nu acoperă tot spațiul */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Forțarea imaginii să se încadreze frumos fără să se deformeze */
.product-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Această linie este CRUCIALĂ: decupează și adaptează poza fără a o alungi */
}

/* Zona de text - complet separată prin fundal și spațiere uniformă */
.product-info {
  padding: 15px; /* Distanța fixă, egală și uniformă dintre margini, poză și text */
  background-color: #fcfcfc; /* Fundal separat, ușor diferit pentru zona de text (opțional) */
  border-top: 1px solid #f0f0f0; /* Linie fină de separare între poză și text */
  
  /* Împinge conținutul să ocupe tot spațiul rămas, aliniind textele la același nivel */
  flex-grow: 1; 
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Stil pentru Titlu */
.product-title {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 10px; /* Distanța exactă dintre titlu și descriere */
  text-align: center;
}

/* Stil pentru Descriere / Detalii */
.product-description {
  font-size: 13px;
  color: #666666;
  line-height: 1.4;
  text-align: center;
  margin: 0;
}




/* ==========================================================================
   OPTIMIZARE BANNER1 - FORMAT MAI ÎNALT, PROPORȚIONAL (nicomobila.md)
   ========================================================================== */

/* 1. Mărim înălțimea totală ca să eliminăm aspectul lătit/turtit */
.static-html .banner1 a {
    display: flex !important;
    flex-direction: column !important;
    height: 310px !important; /* Crescut de la 245px la 310px pentru un format mai înalt */
    background-color: #ffffff !important;
    border: 1px solid #2c3e50 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.static-html .banner1 a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.15) !important;
}

/* 2. Oferim mai multă înălțime pozei pentru o proporție corectă a mobilierului */
.static-html .banner1 a img {
    width: 100% !important;
    height: 220px !important; /* Crescut la 220px pentru ca pozele să nu mai fie turtite */
    object-fit: cover !important; /* Decupează ideal pozele fără să le deformeze */
    border-radius: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* 3. Zona de text inferioară - compactă și curată */
.static-html .banner1 a span:not(.btn) {
    background-color: #f9f9f9 !important;
    color: #5a9e74 !important; /* Textul are culoarea verde a butonului */
    font-size: 13px !important;
    font-weight: 700 !important; /* Bold pronunțat pentru lizibilitate */
    letter-spacing: 0.5px !important;
    text-align: left !important;
    
    /* Protejăm zona din dreapta (95px) pentru ca textul să nu intre sub buton */
    padding: 10px 95px 10px 15px !important; 
    
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    text-transform: uppercase !important;
}

/* 4. Butonul „ARATA” poziționat ideal în colțul din dreapta-jos */
.static-html .banner1 a .btn-primary {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centrare verticală perfectă în banda de text */
    
    border-radius: 6px !important; /* Rotunjire fină modernă */
    background-color: #5a9e74 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 6px 16px !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
}

/* Efect hover pe buton */
.static-html .banner1 a:hover .btn-primary {
    background-color: #467c5b !important;
}








/* ==========================================================================
   STILIZARE MODERNĂ MENIU LATERAL CATEGORII (nicomobila.md)
   ========================================================================== */

/* 1. Containerul principal al blocului din stânga */
.left-categories.column-block {
    background-color: #ffffff !important;
    border: 1px solid #2c3e50 !important; /* Aceeași bordură închisă ca la carduri */
    border-radius: 12px !important; /* Colțuri rotunjite pentru tot blocul */
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    padding: 0 !important; /* Eliminăm padding-ul ca titlul să ocupe toată zona de sus */
    margin-bottom: 25px !important;
}

/* 2. Titlul blocului (ex: „Acasa”) - Stil verde impunător */
.left-categories .column-title {
    background-color: #5a9e74 !important; /* Verdele oficial al elementelor */
    color: #ffffff !important; /* Text alb pentru contrast maxim */
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    text-align: left !important;
    border-bottom: 1px solid #467c5b !important;
}

/* 3. Structura listei de categorii */
.left-categories .category-tree > ul {
    list-style: none !important;
    padding: 10px !important; /* Spațiu interior pentru butoane */
    margin: 0 !important;
}

.left-categories .category-tree li {
    margin-bottom: 6px !important; /* Distanță egală între elemente */
}

.left-categories .category-tree li:last-child {
    margin-bottom: 0 !important;
}

/* 4. Stilul link-urilor (Butoanele de categorii: Bucătării, Dormitoare etc.) */
.left-categories .category-tree li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    color: #2c3e50 !important; /* Text antracit închis */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    border-radius: 8px !important; /* Rotunjire asortată cu restul site-ului */
    background-color: #f9f9f9 !important; /* Fundal fin pentru fiecare rând */
    transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative !important;
}

/* Adăugăm o săgeată fină din CSS în dreapta fiecărui link */
.left-categories .category-tree li a::after {
    content: '→' !important;
    font-size: 14px !important;
    color: #5a9e74 !important; /* Săgeată verde */
    transition: transform 0.25s ease !important;
}

/* 5. Efect modern de Hover pe link-urile din meniul lateral */
.left-categories .category-tree li a:hover {
    background-color: #5a9e74 !important; /* Fundalul rândului devine verde la hover */
    color: #ffffff !important; /* Textul devine alb */
    padding-left: 18px !important; /* Efect elegant de deplasare la dreapta */
    box-shadow: 0 3px 8px rgba(90, 158, 116, 0.25) !important;
}

/* Săgeata devine albă și face un mic salt la hover */
.left-categories .category-tree li a:hover::after {
    color: #ffffff !important;
    transform: translateX(3px) !important;
}





/* ==========================================================================
   STILIZARE MODERNĂ PRODUSE POPULARE COLOANĂ LATERALĂ (nicomobila.md)
   ========================================================================== */

/* 1. Containerul general al blocului de produse populare */
.column-block.md-bottom {
    background-color: #ffffff !important;
    border: 1px solid #2c3e50 !important; /* Bordura dark oficială a site-ului */
    border-radius: 12px !important; /* Colțuri rotunjite */
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
}

/* 2. Titlul secțiunii ("POPULARE") - Fundal verde cu text alb */
.column-block.md-bottom .column-title {
    background-color: #5a9e74 !important; /* Verdele oficial al elementelor */
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    text-align: left !important;
    border-bottom: 1px solid #467c5b !important;
}

/* 3. Spațierea interiorului listei de mini-produse */
.column-block.md-bottom .product-list-margin {
    padding: 12px !important;
}

/* 4. Fiecare produs individual (Rândurile din listă) */
.column-block.md-bottom article.product-miniature {
    margin-bottom: 12px !important; /* Distanță uniformă între produse */
    padding-bottom: 12px !important;
    border-bottom: 1px solid #eaeaea !important; /* Linie fină de demarcație între rânduri */
}

.column-block.md-bottom article.product-miniature:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important; /* Elimină linia pentru ultimul element */
}

/* Forțăm așezarea corectă pe două coloane (Stânga: Poză, Dreapta: Text) */
.column-block.md-bottom .product-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 5. Zona Miniaturii Foto (First-Block) */
.column-block.md-bottom .first-block {
    width: 75px !important; /* Dimensiune fixă, compactă pentru poza laterală */
    height: 75px !important;
    flex-shrink: 0 !important;
    border-radius: 8px !important; /* Pozele mici primesc și ele colțuri rotunjite */
    overflow: hidden !important;
    border: 1px solid #eaeaea !important;
    background-color: #f9f9f9 !important;
}

.column-block.md-bottom .product-thumbnail,
.column-block.md-bottom .product-thumbnail a,
.column-block.md-bottom .product-thumbnail img.img-fluid {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Decupează fotografia fără să o distorsioneze sau lătească */
}

/* 6. Zona de text / Nume Produs (Second-Block) */
.column-block.md-bottom .second-block {
    flex-grow: 1 !important;
    padding-left: 12px !important; /* Distanță egală și curată între poză și text */
    display: flex !important;
    align-items: center !important;
}

.column-block.md-bottom p.product-name {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

/* Stilul de pastilă verde cu text alb pentru numele produsului popular */
.column-block.md-bottom p.product-name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Limitează titlul la maximum 2 rânduri */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Adaugă automat (...) dacă denumirea e prea lungă */
    
    background-color: #5a9e74 !important; /* Fundalul verde cerut */
    color: #ffffff !important; /* Text alb pentru lizibilitate maximă */
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    padding: 6px 10px !important;
    border-radius: 6px !important; /* Colțuri rotunjite discrete */
    text-decoration: none !important;
    line-height: 1.3 !important;
    transition: background-color 0.2s ease !important;
}

/* Efect hover pe numele produsului popular */
.column-block.md-bottom article.product-miniature:hover p.product-name a {
    background-color: #467c5b !important; /* Verde mai închis la hover */
}







/* ==========================================================================
   RESET RADICAL - ELIMINARE DEFINTIVĂ LINIE DUBLĂ DE SUB TITLU
   ========================================================================== */

/* 1. Curățăm containerul principal și eliminăm orice bordură */
.aone-featuredcategories .title-block.d-flex,
.aone-featuredcategories .title-block {
    width: 100% !important;
    border: none !important;
    border-bottom: none !important;
    padding-bottom: 12px !important;
    margin-bottom: 25px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
}

/* 2. Eliminăm bordurile, liniile sau umbrele de pe TEXT și de pe orice element din interior */
.aone-featuredcategories .title-block.d-flex span,
.aone-featuredcategories .title-block.d-flex a,
.aone-featuredcategories .title-block.d-flex h5,
.aone-featuredcategories .title-block.d-flex .title-icon {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    text-decoration: none !important;
}

/* Anulăm elementele decorative native ale temei (atât before cât și after) */
.aone-featuredcategories .title-block.d-flex::before,
.aone-featuredcategories .title-block::before,
.aone-featuredcategories .title-block::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
}

/* 3. Stilizarea curată a textului */
.aone-featuredcategories .title-block.d-flex > span:not(.title-icon) {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

/* 4. Iconița cu stea */
.aone-featuredcategories .title-block .title-icon {
    display: inline-flex !important;
    margin-right: 10px !important;
    color: #5a9e74 !important;
}

.aone-featuredcategories .title-block .title-icon i.material-icons {
    font-size: 24px !important;
}

/* 5. SINGURA linie decorativă verde creată de noi pe containerul curățat */
.aone-featuredcategories .title-block.d-flex::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important; /* Fixată curat la bază */
    width: 80px !important; /* Lungimea liniei verzi */
    height: 3px !important; /* Grosimea */
    background-color: #5a9e74 !important; /* Verdele tău oficial */
    border-radius: 2px !important;
}






/* ==========================================================================
   CASETA TEXT SLIDER MAI MARE ȘI IMPUNĂTOARE - NICOMOBILA.MD
   ========================================================================== */

/* 1. Mărim dimensiunea generală a box-ului și spațiul interior (padding) */
.caption-wrapper .caption-content {
    background: rgba(255, 255, 255, 0.88) !important; /* Opacitate ușor crescută pentru un contrast mai bun */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 20px !important; /* Colțuri rotunjite ceva mai pronunțate, asortate cu noul format mai mare */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.18) !important;
    
    /* PADDING MĂRIT: Oferă mult mai mult spațiu vertical și orizontal în interiorul casetei */
    padding: 45px 50px !important; 
    
    /* Mărim lățimea maximă a box-ului ca să aibă loc textul mărit pe ecrane mari */
    max-width: 700px !important; 
    margin: 0 auto !important;
    text-align: center !important;
}

/* 2. Mărim vizibil Titlul Principal (ex: BUCATARII LA COMANDA - MODERNE) */
.caption-wrapper .caption-content h2 {
    font-size: 32px !important; /* Crescut de la 24px la 32px pentru un impact puternic */
    font-weight: 800 !important; /* Extra bold pentru a fi masiv și clar */
    color: #5a9e74 !important; /* Verdele tău oficial */
    letter-spacing: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important; /* Distanță mărită sub titlu */
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}

/* 3. Linia de accent verde de sub titlu - ajustată proporțional cu noul text */
.caption-wrapper .caption-content h2::after {
    content: '' !important;
    display: block !important;
    width: 80px !important; /* Lungime mărită de la 50px la 80px */
    height: 4px !important; /* Grosime ușor mărită */
    background-color: #5a9e74 !important;
    margin: 16px auto 0 auto !important;
    border-radius: 2px !important;
}

/* 4. Mărim textul descriptiv secundar */
.caption-wrapper .caption-content p.text {
    font-size: 17px !important; /* Crescut de la 14px la 17px pentru o lizibilitate excelentă */
    font-weight: 600 !important; /* Text mai plin (Semi-bold/Bold) */
    color: #2c3e50 !important; /* Antracitul închis oficial */
    line-height: 1.6 !important;
    margin: 0 !important;
    letter-spacing: 0.4px !important;
}






/* ==========================================================================
   STILIZARE MODERNĂ MENIU SIDEBAR / MOBIL (nicomobila.md)
   ========================================================================== */

/* 1. Curățăm structura listei din Sidebar */
.js-sidebar-category-tree .sidebar-category-tree ul,
.sidebar-menu .js-sidebar-categories ul {
    list-style: none !important;
    padding: 15px !important; /* Oferă spațiu interior curat în panou */
    margin: 0 !important;
}

.js-sidebar-category-tree .sidebar-category-tree li,
.sidebar-menu .js-sidebar-categories li {
    margin-bottom: 8px !important; /* Distanță egală între butoane */
    padding: 0 !important;
    list-style-type: none !important;
}

.js-sidebar-category-tree .sidebar-category-tree li:last-child,
.sidebar-menu .js-sidebar-categories li:last-child {
    margin-bottom: 0 !important;
}

/* 2. Transformăm link-urile în pastile verzi cu text alb */
.js-sidebar-category-tree .sidebar-category-tree li a,
.sidebar-menu .js-sidebar-categories li a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Împinge textul în stânga și săgeata în dreapta */
    
    background-color: #5a9e74 !important; /* Verdele oficial folosit pe restul elementelor */
    color: #ffffff !important; /* Text alb pentru contrast maxim pe mobil și desktop */
    
    padding: 12px 16px !important; /* Zonă generoasă de atingere (touch-target excelent pentru mobil) */
    border-radius: 8px !important; /* Colțuri rotunjite moderne */
    
    font-size: 14px !important;
    font-weight: 700 !important; /* Scris îngroșat pentru lizibilitate */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border: none !important;
    
    box-shadow: 0 2px 6px rgba(90, 158, 116, 0.15) !important;
    transition: background-color 0.25s ease, padding-left 0.25s ease !important;
}

/* 3. Adăugăm o săgeată fină din CSS în partea dreaptă a fiecărui buton */
.js-sidebar-category-tree .sidebar-category-tree li a::after,
.sidebar-menu .js-sidebar-categories li a::after {
    content: '→' !important;
    font-size: 16px !important;
    color: #ffffff !important; /* Săgeată albă pe fundal verde */
    transition: transform 0.25s ease !important;
    font-weight: 700 !important;
}

/* 4. Efect de Hover premium (pe desktop) sau feedback vizual la atingere (pe mobil) */
.js-sidebar-category-tree .sidebar-category-tree li a:hover,
.sidebar-menu .js-sidebar-categories li a:hover {
    background-color: #467c5b !important; /* Verde mai închis la click/hover */
    color: #ffffff !important;
    text-decoration: none !important;
    padding-left: 20px !important; /* Deplasare subtilă la dreapta */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Mișcarea elegantă a săgeții */
.js-sidebar-category-tree .sidebar-category-tree li a:hover::after,
.sidebar-menu .js-sidebar-categories li a:hover::after {
    transform: translateX(4px) !important;
}




/* ==========================================================================
   STILIZARE BUTOANE TOP MENU - VERDE OFICIAL ȘI ROTUNJIRE FINĂ (nicomobila.md)
   ========================================================================== */

/* 1. Spațierea dintre elementele meniului principal */
ul.js-ajax-mega-menu li.amenu-item {
    padding: 5px 6px !important; /* Distanță curată între butoane */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* 2. Stilul butoanelor în stare normală (Verde Oficial și Colțuri Fin Modificate) */
ul.js-ajax-mega-menu li.amenu-item .amenu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    background-color: #5a9e74 !important; /* Verdele oficial identic cu celelalte elemente */
    padding: 10px 18px !important; /* Spațiu interior echilibrat */
    
    /* MODIFICARE: Rotunjire fină de 8px (la fel ca la carduri, blocuri și imagini) */
    border-radius: 8px !important; 
    
    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(90, 158, 116, 0.15) !important; /* Umbră discretă verde */
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* Textul alb din interiorul butoanelor verzi */
ul.js-ajax-mega-menu li.amenu-item .amenu-link span {
    color: #ffffff !important; 
    font-size: 13px !important;
    font-weight: 700 !important; /* Bold pentru impact modern și claritate */
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    display: inline-block !important;
}

/* 3. Efect la Hover (Verdele devine mai închis, oferind feedback la selecție) */
ul.js-ajax-mega-menu li.amenu-item:hover .amenu-link {
    background-color: #467c5b !important; /* Aceeași nuanță de verde închis folosită la hover-ul celorlalte blocuri */
    transform: translateY(-2px) !important; /* Ridicare discretă modernă */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
}

/* Ne asigurăm că textul rămâne perfect alb și la hover */
ul.js-ajax-mega-menu li.amenu-item:hover .amenu-link span {
    color: #ffffff !important;
}






/* ==========================================================================
   STILIZARE MODERNĂ PAGINĂ PRODUS (nicomobila.md)
   ========================================================================== */

/* 1. Blocul principal al paginii de produs - Stil unificat de card */
.main-product-details.shadow-box {
    background-color: #ffffff !important;
    border: 1px solid #2c3e50 !important; /* Bordura dark oficială */
    border-radius: 12px !important; /* Rotunjire fină, asortată cu restul site-ului */
    padding: 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06) !important;
}

/* 2. Titlul principal al produsului (ex: Dulap cu oglinda) */
.product-right-content .page-heading {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important; /* Antracitul închis oficial */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
    border-bottom: 2px solid #f5f5f5 !important;
    padding-bottom: 10px !important;
}

/* 3. Zona Foto Principală (Product Cover) */
.images-container .product-cover {
    border-radius: 10px !important; /* Rotunjire pentru poza mare */
    overflow: hidden !important;
    border: 1px solid #eaeaea !important;
    background-color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

.images-container .product-cover img.js-qv-product-cover {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important; /* Previne turtirea sau deformarea pozei principale */
}

/* 4. Miniaturile foto de dedesubt (Thumbs List) */
.images-container .thumb-container {
    margin-right: 10px !important;
}

.images-container .thumb-container a.thumb {
    border-radius: 6px !important; /* Rotunjire miniaturi */
    overflow: hidden !important;
    border: 2px solid #eaeaea !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

/* Evidențierea miniaturi selectate în verdele oficial */
.images-container .thumb-container a.thumb.selected,
.images-container .thumb-container a.thumb:hover {
    border-color: #5a9e74 !important; /* Margine verde la selecție */
    box-shadow: 0 2px 6px rgba(90, 158, 116, 0.2) !important;
}

.images-container .thumb-container img {
    object-fit: cover !important; /* Decupare ideală pentru pozele mici */
    width: 100% !important;
    height: 100% !important;
}

/* 5. Caseta tehnică (Product Information / Formular acțiuni) */
.product-information.light-box-bg {
    background-color: #f9f9f9 !important; /* Un fundal fin de separare pentru detalii */
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* 6. Butoanele de distribuire socială (Facebook, Twitter, Pinterest) */
.social-sharing {
    display: flex !important;
    align-items: center !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: 1px solid #eaeaea !important;
}

.social-sharing label {
    font-weight: 700 !important;
    color: #2c3e50 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
}

.social-sharing ul li {
    margin-right: 8px !important;
}

.social-sharing ul li a {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #f5f5f5 !important;
    color: #555555 !important;
    padding: 6px 14px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border-radius: 6px !important; /* Rotunjire asortată cu restul butoanelor */
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

/* Efect hover pe butoanele de share - preiau discret culoarea brandului */
.social-sharing ul li.facebook a:hover { background-color: #3b5998 !important; color: #ffffff !important; }
.social-sharing ul li.twitter a:hover { background-color: #1da1f2 !important; color: #ffffff !important; }
.social-sharing ul li.pinterest a:hover { background-color: #bd081c !important; color: #ffffff !important; }

/* 7. Ascunderea sau rotunjirea reclamei din coloana a 3-a (opțional) */
.zone-product-extra-fields img {
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important;
}


/* ==========================================================================
   STILIZARE ZONE TAB-URI CONȚINUT PRODUS (nicomobila.md)
   ========================================================================== */

/* 1. Containerul principal al tab-urilor - Rotunjire fină asortată cu meniul */
.tab-content.light-box-bg {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important; /* Rotunjire fină de 8px, la fel ca la butoanele de top */
    padding: 30px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    margin-top: 20px !important;
}

/* 2. Stilizarea textului introductiv principal */
.tab-content .extra-content.typo > p:first-child {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important; /* Antracitul oficial */
    background-color: #f9f9f9 !important;
    padding: 12px 18px !important;
    border-left: 4px solid #5a9e74 !important; /* Linie verticală de accent verde */
    border-radius: 4px !important;
    margin-bottom: 25px !important;
}

/* 3. Structura și ierarhia titlurilor din interior (h1, h2) */
.tab-content .extra-content.typo h1,
.tab-content .extra-content.typo h2 {
    color: #2c3e50 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 25px !important;
    margin-bottom: 12px !important;
    display: flex !important;
    align-items: center !important;
}

.tab-content .extra-content.typo h1 {
    font-size: 18px !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding-bottom: 6px !important;
}

.tab-content .extra-content.typo h2 {
    font-size: 16px !important;
}

/* 4. Transformarea listelor simple în liste premium cu puncte verzi */
.tab-content .extra-content.typo ul {
    list-style: none !important; /* Eliminăm bulinele negre și urâte native */
    padding-left: 5px !important;
    margin-bottom: 20px !important;
}

.tab-content .extra-content.typo ul li {
    position: relative !important;
    padding-left: 22px !important; /* Spațiu pentru noua bulină/bifă */
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #555555 !important; /* Gri închis lizibil pentru descrieri */
    margin-bottom: 8px !important;
}

/* Crearea bulinei verzi personalizate în fața fiecărui rând */
.tab-content .extra-content.typo ul li::before {
    content: "•" !important; /* Păstrăm un punct curat sau puteți folosi o bifă */
    position: absolute !important;
    left: 4px !important;
    top: 0 !important;
    color: #5a9e74 !important; /* Culoarea verde oficială a site-ului */
    font-size: 20px !important; /* O facem ușor mai mare și vizibilă */
    line-height: 1 !important;
}

/* Evidențiere text important din liste (parantezele precum IuteCredit) */
.tab-content .extra-content.typo ul li strong,
.tab-content .extra-content.typo ul li b {
    color: #2c3e50 !important;
    font-weight: 600 !important;
}





/* ==========================================================================
   STILIZARE MODERNĂ POP-UP ZOOM IMAGINE (LIGHTBOX) - NICOMOBILA.MD
   ========================================================================== */

/* 1. Caseta de text de jos - Stil modern Dark Glassmorphism */
.mfp-bottom-bar {
    background: rgba(44, 62, 80, 0.9) !important; /* Antracitul închis oficial al site-ului, semi-transparent */
    backdrop-filter: blur(8px) !important; /* Efect fin de încețosare sub text */
    -webkit-backdrop-filter: blur(8px) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important; /* Rotunjire fină de 8px, identică cu butoanele și tab-urile */
    padding: 14px 20px !important; /* Spațiu interior generos */
    margin-top: 10px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important; /* Împinge descrierea în stânga și numărul în dreapta */
}

/* 2. Textul descriptiv al imaginii (Titlul din pop-up) */
.mfp-title, 
.mfp-title span {
    color: #ffffff !important; /* Alb curat pentru o citire perfectă pe fundalul închis */
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.3px !important;
    max-width: 85% !important; /* Protejează spațiul pentru a nu se ciocni cu numărul pozei */
    text-align: left !important;
}

/* 3. Contorul de imagini (ex: 2 / 3) - Stil micro-pastilă verde oficială */
.mfp-counter {
    background-color: #5a9e74 !important; /* Verdele oficial cerut */
    color: #ffffff !important; /* Text alb pe fundal verde */
    font-size: 11px !important;
    font-weight: 700 !important; /* Bold clar */
    padding: 4px 10px !important;
    border-radius: 20px !important; /* Formă ovală perfectă pentru cifre */
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(90, 158, 116, 0.3) !important;
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}

/* 4. Rotunjire fină aplicată și fotografiei mari din pop-up */
img.mfp-img {
    border-radius: 8px !important; /* Previne colțurile ascuțite pe ecran */
    box-shadow: 0 5px 25px rgba(0,0,0,0.2) !important;
    background-color: #ffffff !important;
}




/* ==========================================================================
   STILIZARE MODERNĂ FIRE DE NAVIGARE (BREADCRUMB) - NICOMOBILA.MD
   ========================================================================== */

/* 1. Containerul principal al firelor de navigare */
ol.breadcrumb {
    background-color: #f9f9f9 !important; /* Fundal fin, gri deschis */
    padding: 10px 18px !important; /* Spațiere interioară echilibrată */
    border: 1px solid #eaeaea !important; /* Bordură discretă de delimitare */
    border-radius: 8px !important; /* Rotunjire fină de 8px, identică cu butoanele și tab-urile */
    display: inline-flex !important; /* Se strânge frumos doar pe lungimea textului */
    align-items: center !important;
    list-style: none !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}

/* 2. Elementele individuale din listă */
ol.breadcrumb li.breadcrumb-item {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 600 !important; /* Scris plin pentru o citire ușoară */
    color: #555555 !important;
}

/* 3. Stilizarea link-urilor active (ex: „Acasa” sau categorii intermediare) */
ol.breadcrumb li.breadcrumb-item a.item-name {
    color: #2c3e50 !important; /* Antracitul închis oficial al site-ului */
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

/* Iconița de casă primește culoarea verde a brandului */
ol.breadcrumb li.breadcrumb-item a.item-name i.fa-home {
    color: #5a9e74 !important; /* Verde oficial */
    font-size: 15px !important;
    margin-right: 6px !important; /* Spațiu între căsuță și text */
}

/* Efect hover pe elementele pe care se poate da click */
ol.breadcrumb li.breadcrumb-item a.item-name:hover {
    color: #5a9e74 !important; /* Textul devine verde la trecerea mouse-ului */
}

/* 4. Separatorul dintre pagini (Săgeata chevron_right) */
ol.breadcrumb li.breadcrumb-item .separator.material-icons {
    font-size: 16px !important;
    color: #aeaeae !important; /* Gri neutru pentru săgeată */
    margin: 0 10px !important; /* Spațiu egal stânga-dreapta în jurul săgeții */
    vertical-align: middle !important;
}

/* 5. Ultimul element din cale (Pagina curentă: ex. „Dulap spatios”) */
ol.breadcrumb li.breadcrumb-item .item-name:not(a) {
    color: #5a9e74 !important; /* Evidențiem pagina curentă în verde oficial */
    font-weight: 700 !important; /* Text bold accentuat */
    letter-spacing: 0.3px !important;
}







/* ==========================================================================
   STILIZARE MODERNĂ BARĂ SORTARE ȘI VIZUALIZARE (nicomobila.md)
   ========================================================================== */

/* 1. Containerul general al barei - Stil curat și finisat ca la breadcrumb */
.products-sort-order,
.products-sort-order .d-flex.flex-wrap {
    background-color: #f9f9f9 !important; /* Fundal fin gri deschis */
    padding: 8px 15px !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important; /* Rotunjire fină de 8px stabilita pentru site */
    align-items: center !important;
}

/* Forțăm alinierea rândului părinte pe ecran mare */
.row.align-items-center {
    margin-bottom: 20px !important;
}

/* 2. Etichetele de text ("Sorteaza dupa:" și "Vedere") */
.products-sort-order .sort-label,
.products-sort-order .display-label {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important; /* Antracitul închis oficial */
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    margin-right: 12px !important;
    margin-bottom: 0 !important;
}

/* 3. Butonul principal Dropdown (Selectul de Sortare) */
.products-sort-order .sort-select .dropdown-toggle {
    background-color: #ffffff !important;
    color: #2c3e50 !important;
    border: 1px solid #2c3e50 !important; /* Bordura dark oficială a brandului */
    border-radius: 8px !important; /* Rotunjire potrivită de 8px */
    padding: 8px 35px 8px 15px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03) !important;
    transition: all 0.2s ease !important;
}

/* Efect hover pe butonul de sortare */
.products-sort-order .sort-select .dropdown-toggle:hover {
    border-color: #5a9e74 !important;
    color: #5a9e74 !important; /* Textul devine verde */
}

/* Meniul contextual care cade din dropdown */
.products-sort-order .sort-select .dropdown-menu {
    border-radius: 8px !important;
    border: 1px solid #2c3e50 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    padding: 6px 0 !important;
}

/* Elementele din lista dropdown-ului */
.products-sort-order .sort-select .dropdown-item {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #555555 !important;
    padding: 8px 16px !important;
    transition: all 0.2s ease !important;
}

/* Hover pe elementele din listă și elementul curent selectat */
.products-sort-order .sort-select .dropdown-item:hover,
.products-sort-order .sort-select .dropdown-item.current {
    background-color: #5a9e74 !important; /* Fundal verde oficial */
    color: #ffffff !important; /* Text alb */
    text-decoration: none !important;
}

/* 4. Controlul modului de vedere (Grilă, Listă, Tabel) */
.products-sort-order .product-display {
    margin-left: auto !important; /* Împinge butoanele de vedere în extrema dreaptă */
}

.products-sort-order ul.display-select li {
    list-style: none !important;
    gap: 6px !important; /* Spațiu fin între iconițe */
}

/* Stilul butoanelor de tip iconiță */
.products-sort-order ul.display-select a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    color: #777777 !important;
    border-radius: 6px !important; /* Rotunjire fină */
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

/* Starea de Hover pentru opțiunile de vedere */
.products-sort-order ul.display-select a:hover {
    border-color: #5a9e74 !important;
    color: #5a9e74 !important;
}

/* Opțiunea activă/selectată (ex: Modul Grilă selectat implicit) */
.products-sort-order ul.display-select a.selected {
    background-color: #5a9e74 !important; /* Devine complet verde */
    border-color: #5a9e74 !important;
    color: #ffffff !important; /* Iconița devine albă */
    box-shadow: 0 2px 6px rgba(90, 158, 116, 0.2) !important;
}

.products-sort-order ul.display-select a i.material-icons {
    font-size: 20px !important;
}

/* 5. Textul din stânga cu contorul total de produse ("Sunt 66 produse.") */
.total-products p {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #5a9e74 !important; /* Text verde discret */
    margin: 0 !important;
    padding-left: 5px !important;
}






/* ==========================================================================
   ALINIERE GRILĂ PRODUSE - FOND ALB IMPREUNĂ CU TEXTUL
   ========================================================================== */

.js-product-list-view.grid h5.product-name {
    margin: 0 !important;
    height: 52px !important; /* Înălțime fixă strictă pentru simetrie */
    overflow: hidden !important;
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important; /* Fondul containerului devine alb pur */
}

.js-product-list-view.grid h5.product-name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Adaugă (...) dacă numele e prea lung */
    
    /* MODIFICARE DIRECTĂ: Fond alb pur total din spatele textului */
    background-color: #ffffff !important; /* Alb imaculat */
    color: #2c3e50 !important; /* Text negru închis / antracit */
    border: 1px solid #e0e0e0 !important; /* Margine fină */
    border-radius: 6px !important; 
    
    padding: 6px 10px !important;
    width: 100% !important;
    height: 100% !important;
    
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Efectul la hover */
.js-product-list-view.grid h5.product-name a:hover {
    background-color: #ffffff !important; /* Rămâne alb pur */
    border-color: #5a9e74 !important; /* Doar marginea devine verde la hover */
    color: #5a9e74 !important; /* Textul devine verde */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.08) !important;
}






/* ==========================================================================
   STILIZARE MODERNĂ ZONĂ UTILITIES HEADER (nicomobila.md)
   ========================================================================== */

/* 1. Alinierea curată a containerului principal de top */
.display-top.align-items-center {
    gap: 20px !important; /* Creează un spațiu aerisit între bara de căutare și login */
    padding: 10px 0 !important;
}

/* 2. Zona Casetei de Căutare (Search Input) */
.searchbar-wrapper .form-control.ui-autocomplete-input {
    background-color: #ffffff !important;
    color: #2c3e50 !important; /* Antracitul închis oficial */
    border: 1px solid #2c3e50 !important; /* Margine închisă, solidă */
    border-radius: 8px 0 0 8px !important; /* Rotunjire fină pe stânga de 8px */
    height: 40px !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

/* Când utilizatorul dă click în caseta de căutare, marginea devine verde */
.searchbar-wrapper .form-control.ui-autocomplete-input:focus {
    border-color: #5a9e74 !important;
}

/* 3. Butonul Lupă de Căutare (Submit Button) */
.searchbar-wrapper button.btn-primary {
    background-color: #5a9e74 !important; /* Verdele oficial al site-ului */
    border: 1px solid #2c3e50 !important;
    border-left: none !important; /* Previne dublarea marginii la mijloc */
    border-radius: 0 8px 8px 0 !important; /* Rotunjire fină pe dreapta de 8px */
    height: 40px !important;
    width: 45px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important; /* Lupă albă */
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

/* Hover pe butonul de căutare */
.searchbar-wrapper button.btn-primary:hover {
    background-color: #467c5b !important; /* Verde mai închis la hover */
}

.searchbar-wrapper button.btn-primary i.material-icons.search {
    font-size: 20px !important;
}

/* 4. Modulul de Autentificare / Cont Client */
.customer-signin-module .account-link a {
    display: inline-flex !important;
    align-items: center !important;
    background-color: #f9f9f9 !important; /* Fundal discret gri deschis */
    border: 1px solid #eaeaea !important;
    padding: 8px 16px !important;
    border-radius: 8px !important; /* Rotunjire fină completă de 8px */
    color: #2c3e50 !important; /* Antracit închis */
    font-size: 13px !important;
    font-weight: 700 !important; /* Text bold, clar */
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    text-decoration: none !important;
    height: 40px !important; /* Aliniat la înălțime cu bara de căutare */
    transition: all 0.2s ease !important;
}

/* Iconița cu omuleț (person) din stânga textului */
.customer-signin-module .account-link a i.material-icons {
    color: #5a9e74 !important; /* Iconița devine un punct de accent verde */
    font-size: 18px !important;
    margin-right: 6px !important; /* Distanță curată față de cuvântul Autentificare */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Efect hover pe butonul de Autentificare */
.customer-signin-module .account-link a:hover {
    background-color: #ffffff !important;
    border-color: #5a9e74 !important; /* Marginea se aprinde în verde */
    color: #5a9e74 !important; /* Textul devine verde */
}

/* 5. Dropdown-ul ascuns de sugestii la căutare (Autocomplete popup) */
ul.ui-autocomplete.ui-menu {
    border-radius: 8px !important;
    border: 1px solid #2c3e50 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
    background-color: #ffffff !important;
    padding: 6px 0 !important;
}




/* ==========================================================================
   ELIMINARE COMPLETĂ FIRE DE NAVIGARE (BREADCRUMB) DE PE SITE
   ========================================================================== */

ol.breadcrumb,
.breadcrumb-wrapper,
.breadcrumb {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
}



/* ==========================================================================
   SPAȚIERE SUPLIMENTARĂ SUB MENIUL PRINCIPAL (nicomobila.md)
   ========================================================================== */

/* Mărește spațiul de jos al containerului general de meniu */
ul.js-ajax-mega-menu {
    margin-bottom: 25px !important; /* Împinge conținutul de sub meniu mai jos */
    display: flex !important;
    flex-wrap: wrap !important;
    padding-bottom: 10px !important; /* Spațiu fin interior la baza elementelor */
}






/* ==========================================================================
   CORECTARE ALINIERE TEXT DESCRIERE PRODUS (nicomobila.md)
   ========================================================================== */

/* Forțează doar textul descrierii propriu-zise să revină la alinierea la stânga (naturală) */
.tab-content .product-description.typo,
.tab-content .product-description.typo p,
.tab-content .product-description.typo ul,
.tab-content .product-description.typo h1,
.tab-content .product-description.typo h2 {
    text-align: left !important;
}

/* Păstrăm listele cu buline verzi frumos aliniate în noua structură la stânga */
.tab-content .product-description.typo ul {
    padding-left: 5px !important;
}




/* ==========================================================================
   SIDEBAR COMPACT - OPTIMIZARE PE ÎNĂLȚIME (nicomobila.md)
   ========================================================================== */

/* 1. Reducerea marginilor generale dintre blocurile din Sidebar */
#left-column .column-block.md-bottom {
    margin-bottom: 15px !important; /* Spațiu redus la jumătate între blocuri */
    padding: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important;
}

/* Stilizarea compactă a titlurilor de bloc (ex: ACASA, POPULARE) */
#left-column .column-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 2. Compactare Arbore Categorii (Meniu text simplu, strâns) */
.left-categories .category-tree ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.left-categories .category-tree li {
    padding: 4px 0 !important; /* Distanță minimă pe verticală */
}

.left-categories .category-tree li a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #555555 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.left-categories .category-tree li a:hover {
    color: #5a9e74 !important; /* Accent verde la hover */
}

/* 3. Compactare Listă Produse Populare (Stil rânduri subțiri) */
#left-column .product-list .product-miniature {
    margin-bottom: 8px !important; /* Strânge produsele între ele */
    padding-bottom: 8px !important;
    border-bottom: 1px dashed #f0f0f0 !important;
    display: block !important;
}

#left-column .product-list .product-miniature:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

#left-column .product-list .product-container {
    display: flex !important;
    align-items: center !important; /* Aliniază poza cu textul pe același rând */
    gap: 10px !important;
}

/* Micsorăm caseta foto din sidebar la o miniatură pătrată mică */
#left-column .product-list .first-block {
    width: 50px !important;  /* Dimensiune fixă foarte compactă */
    height: 50px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

#left-column .product-list .product-thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

/* Ajustare text denumire produs popular */
#left-column .product-list .second-block {
    padding: 0 !important;
    margin: 0 !important;
}

#left-column .product-list .product-name {
    margin: 0 !important;
    line-height: 1.2 !important;
}

#left-column .product-list .product-name a {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    text-decoration: none !important;
}

#left-column .product-list .product-name a:hover {
    color: #5a9e74 !important;
}

/* 4. Forțarea hărții Google Maps să devină compactă */
#left-column .static-html.typo iframe {
    height: 640px !important; /* Tăiem înălțimea de la 850px la un ecran compact de 250px */
    width: 100% !important;
    border-radius: 6px !important;
}










/* ==========================================================================
   STILIZARE COMPACTĂ PRODUSE POPULARE - FOND DESCHIS ȘI TEXT NEGRU
   ========================================================================== */

/* 1. Blocarea dimensiunii maxime pe containerul de text */
#left-column .product-list .product-name {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 48px !important; /* Înălțime fixă pentru aliniere impecabilă */
    overflow: hidden !important;
}

/* 2. Transformarea textului în pastile deschise la culoare (stil categorii) */
#left-column .product-list .product-name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Limitează textul la fix 2 rânduri */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; /* Pune puncte-puncte (...) dacă titlul e prea lung */
    
    /* Culori: Fond deschis și text negru/antracit */
    background-color: #fcfcfc !important; /* Alb-gri extrem de fin (la fel ca la categorii) */
    color: #2c3e50 !important; /* Text negru închis (antracit oficial) */
    border: 1px solid #e0e0e0 !important; /* Bordură discretă de delimitare */
    border-radius: 6px !important; /* Rotunjire fină */
    
    padding: 6px 10px !important;
    width: 100% !important;
    height: 100% !important;
    
    /* Aliniere și font */
    font-size: 11px !important;
    font-weight: 700 !important; /* Text plin și clar */
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. Comportamentul interactiv la trecerea mouse-ului (Hover) */
#left-column .product-list .product-name a:hover {
    background-color: #ffffff !important; /* Devine alb curat */
    border-color: #5a9e74 !important; /* Marginea se aprinde în verdele oficial al site-ului */
    color: #5a9e74 !important; /* Opțional: textul devine verde la hover pentru un plus de dinamică */
    box-shadow: 0 3px 8px rgba(90, 158, 116, 0.06) !important;
}

/* 4. Păstrarea structurii strânse pe verticală */
#left-column .product-list .product-container {
    display: flex !important;
    align-items: center !important; /* Aliniere centrală perfectă cu imaginea din stânga */
    gap: 12px !important;
}

/* ==========================================================================
   STILIZARE MINIMALISTĂ TITLU „POPULARE” - FOND ALB ȘI TEXT NEGRU
   ========================================================================== */

/* Targetează direct titlul blocului de produse populare din sidebar */
#left-column .column-block.md-bottom p.column-title,
#left-column .aone-column .column-title {
    /* Schimbarea cromatică: Fond alb pur și text negru închis */
    background-color: #ffffff !important; /* Elimină complet verdele și pune alb curat */
    color: #2c3e50 !important; /* Text negru închis / antracitul oficial al site-ului */
    
    /* Structură, margini și rotunjire fină de 6px */
    border: 1px solid #e0e0e0 !important; /* Margine fină identică cu cea a produselor */
    border-radius: 6px !important;
    padding: 12px 15px !important;
    margin: 0 0 15px 0 !important; /* Distanță curată față de prima miniatură de jos */
    
    /* Configurare text */
    font-size: 14px !important;
    font-weight: 700 !important; /* Scris plin, vizibil și clar */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important; /* Centrează perfect cuvântul POPULARE */
    display: block !important;
    width: 100% !important;
}


/* ==========================================================================
   REPARARE EMITERE TITLURI CATALOG - FOND ALB PUR ȘI TEXT NEGRU DISCRET
   ========================================================================== */

/* 1. Forțăm containerul general al numelui să fie un bloc curat */
.second-third-block .second-block h5.product-name {
    margin: 0 0 10px 0 !important;
    height: 52px !important; /* Înălțime fixă rigidă pentru a păstra linia dreaptă */
    overflow: hidden !important;
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
    background-color: #ffffff !important; /* Asigură fond alb pur la container */
}

/* 2. Soluția directă pe link: eliminăm verdele și punem ALB COMPLET pe fundal */
.second-third-block .second-block h5.product-name a {
    /* Blocăm textul pe maximum 2 rânduri cu puncte-puncte (...) */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; 
    
    /* Cromatică curată cerută: alb pur în spate, text închis la culoare */
    background-color: #ffffff !important; /* FOND ALB PUR DIRECT PE TEXT */
    color: #2c3e50 !important; /* Text negru închis / antracit */
    border: 1px solid #e0e0e0 !important; /* Margine fină curată */
    border-radius: 6px !important; /* Rotunjire potrivită */
    
    /* Structură interioară și aliniere centrală perfectă */
    padding: 6px 10px !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. Efect de feedback doar pe bordură și text când se trece cu mouse-ul (Hover) */
.second-third-block .second-block h5.product-name a:hover {
    background-color: #ffffff !important; /* Rămâne strict alb pur, nu se înverzește */
    border-color: #5a9e74 !important; /* Doar conturul fin devine verdele oficial */
    color: #5a9e74 !important; /* Textul se transformă fluid în verde */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.08) !important;
}






/* ==========================================================================
   REPARARE EMITERE TITLURI CATEGORII - FOND ALB PUR ȘI TEXT NEGRU (CONTAINER)
   ========================================================================== */

/* 1. Forțăm containerul numelui de categorie din interiorul grilei să fie curat */
.category-container .category-name.h5 {
    margin: 15px 0 10px 0 !important; /* Oferă o distanță curată între imagine și titlu */
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    background-color: #ffffff !important; /* Elimină orice fond rezidual */
}

/* 2. Soluția directă pe link: aplicăm albul pur pe fundal și textul închis */
.category-container .category-name.h5 a.li-a {
    /* Setări cromatice premium */
    background-color: #ffffff !important; /* FOND ALB PUR DIRECT SUB TEXT */
    color: #2c3e50 !important; /* Text negru închis / antracit oficial */
    border: 1px solid #e0e0e0 !important; /* Margine fină discretă */
    border-radius: 6px !important; /* Rotunjire fină de 6px */
    
    /* Structură și așezare simetrică */
    padding: 10px 15px !important;
    width: 100% !important;
    min-height: 44px !important;
    
    /* Configurare text */
    font-size: 13px !important;
    font-weight: 700 !important; /* Scris bold, plin */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    
    /* Centrare totală a textului pe orizontală și verticală */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    transition: all 0.2s ease-in-out !important;
}

/* 3. Efect fluid doar pe text și contur la trecerea mouse-ului (Hover) */
.category-container .category-name.h5 a.li-a:hover {
    background-color: #ffffff !important; /* Își păstrează neschimbat fondul alb */
    border-color: #5a9e74 !important; /* Doar conturul se aprinde în verdele oficial */
    color: #5a9e74 !important; /* Textul devine verde de brand */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.06) !important;
}








/* ==========================================================================
   UNIFICARE TOTALĂ MENIU PRINCIPAL - FOND ALB PUR ȘI TEXT NEGRU
   ========================================================================== */

/* 1. Alinierea containerului general și setarea distanței de jos */
#amegamenu ul.js-ajax-mega-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 0 10px 0 !important;
    margin-bottom: 25px !important;
    gap: 10px !important; /* Spațiu elegant între butoane */
    background: transparent !important;
}

/* 2. Transformarea tuturor butoanelor (A și SPAN) în pastile albe cu text negru */
#amegamenu ul.js-ajax-mega-menu li.amenu-item .amenu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Schimbare stil conform noului design: Alb curat și text antracit */
    background-color: #ffffff !important; /* FOND ALB PUR */
    color: #2c3e50 !important; /* Text negru închis / antracit oficial */
    border: 1px solid #e0e0e0 !important; /* Margine fină discretă */
    border-radius: 6px !important; /* Rotunjire potrivită de 6px */
    
    /* Structură și dimensiune */
    padding: 10px 18px !important;
    min-height: 42px !important;
    
    /* Configurare text */
    font-size: 13px !important;
    font-weight: 700 !important; /* Text plin/bold */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    
    transition: all 0.2s ease-in-out !important;
}

/* 3. Corectare text interior pentru elementele cu SPAN (ex: MOBILA OFICIU) */
#amegamenu ul.js-ajax-mega-menu li.amenu-item .amenu-link span {
    color: #2c3e50 !important; /* Textul din interior devine și el negru */
    font-weight: 700 !important;
}

/* 4. Efect de feedback fluid la trecerea mouse-ului (Hover) */
#amegamenu ul.js-ajax-mega-menu li.amenu-item .amenu-link:hover {
    background-color: #ffffff !important; /* Își păstrează fondul alb curat */
    border-color: #5a9e74 !important; /* Doar conturul se aprinde în verdele oficial */
    color: #5a9e74 !important; /* Literele devine verzi */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.06) !important;
}

/* Corectare text interior la hover pentru SPAN */
#amegamenu ul.js-ajax-mega-menu li.amenu-item .amenu-link:hover span {
    color: #5a9e74 !important;
}












/* ==========================================================================
   ALINIERE TOTALĂ CROMATICĂ BANNER CU GRILELE DE JOS (nicomobila.md)
   ========================================================================== */

/* 1. Curățarea fundalului exterior al link-ului pentru a nu crea benzi asimetrice */
.banner1 a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-decoration: none !important;
    width: 100% !important;
    background: transparent !important; /* Elimină orice bandă albă de fundal din spatele imaginii */
    padding-bottom: 20px !important;
}

/* Imaginea din card */
.banner1 a img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* 2. Forțarea butonului să fie ALB PUR, exact ca elementele „BUCATARIE MODERNA” de jos */
.banner1 a span {
    display: inline-flex !important;  
    align-items: center !important;
    justify-content: center !important;
    
    /* Configurare dimensiuni compacte și elegante */
    width: 75% !important; 
    max-width: 240px !important;       
    height: 48px !important;            
    
    /* Distanțiere perfectă pe verticală sub imagine */
    margin-top: 25px !important;        
    margin-bottom: 10px !important;     
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    
    /* MODIFICARE CROMATICĂ CONFORM IMAGE_988a89.png */
    background-color: #ffffff !important; /* ALB PUR IMPREUNĂ CU ELEMENTELE DE JOS */
    color: #2c3e50 !important;           /* Text antracit închis (nu verde) */
    border: 1px solid #e0e0e0 !important; /* Margine fină gri, identică cu cea de jos */
    border-radius: 6px !important;       
    
    /* Setări font și aliniere */
    font-size: 11px !important;
    font-weight: 700 !important; 
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    padding: 5px 15px !important;
    
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Ascunderea textului suplimentar */
.banner1 a span.btn,
.banner1 a span.btn-primary {
    display: none !important;
}

/* 3. Efect fluid la Hover - se aprinde în verde DOAR când treci cu mouse-ul */
.banner1 a:hover span {
    background-color: #ffffff !important; 
    border-color: #5a9e74 !important;    /* Bordura devine verde la hover */
    color: #5a9e74 !important;           /* Textul devine verde de brand */
    box-shadow: 0 4px 10px rgba(90, 158, 116, 0.08) !important;
    transform: translateY(-2px) !important; 
}







/* ==========================================================================
   SIMETRIE PERFECTĂ - VERSIUNE „MAI ÎNALTĂ” (nicomobila.md)
   ========================================================================== */

/* 1. Blocăm cardul la dimensiuni fixe mai generoase */
#index .aone-homepage .banner1 {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    border: none !important;
    background-color: transparent !important;
}

/* 2. Forțăm înălțimea totală a cardului la 350px (mai înalt) */
#index .aone-homepage .banner1 a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background-color: #ffffff !important;
    text-decoration: none !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    
    /* ÎNĂLȚIMEA TOTALĂ MĂRITĂ */
    height: 350px !important; 
}

/* 3. Imaginea ocupă acum 210px (proporțional mai mult spațiu) */
#index .aone-homepage .banner1 a img {
    width: 100% !important;
    height: 210px !important; 
    object-fit: cover !important;
    display: block !important;
}

/* 4. Pastila de text - repoziționată în spațiul nou creat */
#index .aone-homepage .banner1 a span:not(.btn) {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 80% !important;
    height: 55px !important; /* Buton un pic mai înalt pentru ergonomie */
    
    /* Poziționare în spațiul mărit */
    margin-top: 35px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    
    background-color: #ffffff !important;
    color: #2c3e50 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 0 10px !important;
    
    transition: all 0.2s ease-in-out !important;
}

/* 5. Ascundem butonul ARATA */
#index .aone-homepage .banner1 a span.btn,
#index .aone-homepage .banner1 a span.btn-primary {
    display: none !important;
}

/* 6. Efect Hover */
#index .aone-homepage .banner1 a:hover span:not(.btn) {
    border-color: #5a9e74 !important;
    color: #5a9e74 !important;
    background-color: #ffffff !important;
}


/* Asigură-te că rândul (row) folosește flexbox pentru a alinia înălțimile */
.products.product-list-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Toate produsele vor avea înălțimea celui mai înalt element */
}

/* Containerul fiecărui produs */
.product-miniature {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 0 24% !important; /* 4 coloane pe desktop */
    margin-bottom: 20px !important;
}

/* Articolul care conține tot produsul */
.product-container {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Forțează ocuparea întregului spațiu al părintelui */
    border: 1px solid #e0e0e0 !important;
    padding: 10px !important;
}

/* Blocul cu descriere trebuie să fie flexibil pentru a umple spațiul */
.second-third-block {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Limităm descrierea scurtă la un număr fix de rânduri pentru a păstra înălțimea */
.product-description-short {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Setează câte rânduri vrei să apară */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-top: 10px !important;
    flex-grow: 1 !important;
}

/* Asigură-te că imaginea are dimensiuni fixe */
.product-thumbnail img {
    width: 100% !important;
    height: 250px !important; /* Înălțime fixă pentru toate pozele */
    object-fit: cover !important;
}