/* Override layout pentru DIta landing – refactor pe flex/grid, unitati fluide si fara inaltimi fixe */
:root {
    --dita-container: min(1200px, 92vw);
    --dita-space: clamp(16px, 4vw, 48px);
    --dita-header-space: clamp(10px, 3vw, 32px);
    --dita-gap: clamp(18px, 3vw, 32px);
    --dita-title: clamp(2.2rem, 3.6vw, 3.6rem);
    --dita-subtitle: clamp(1.1rem, 1.8vw, 1.5rem);
    /* Valori comune pentru optimizare */
    --dita-full-width: 100%;
    --dita-color-bg: #F5F5F5;
    --dita-color-dark: #54575b;
    --dita-color-text: #575855;
}

.dita-landing-page img {
    max-width: 100%;
    height: auto;
}

.dita-landing-page .container {
    max-width: var(--dita-container);
    padding-inline: var(--dita-space);
}

/* HEADER */
.dita-header {
    position: relative;
    width: 100%;
}

/* HEADER */

/* Social Links Desktop - Consolidat */
.social-links-desktop {
    display: flex;
    align-items: center;
    gap: 7px;
    position: absolute;
    left: clamp(20px, 4.17vw, 80px);
    top: 18px;
}

.social-links-desktop a {
    display: inline-flex;
    align-items: center;
}

/* Dimensiuni fluide pentru icon-urile Follow on */
.social-links-desktop svg {
    width: clamp(1.25vw, 20px, 1.25vw);
    height: clamp(1.25vw, 20px, 1.25vw);
}

/* Neutralizăm override-urile rigide din dita-1440px-optimization pe range 1440-1710 */
@media (min-width: 1440px) and (max-width: 1710px) {
    .container {
        max-width: none !important;
        padding: 0 var(--dita-header-space) !important;
    }

    .header-top-content,
    .header-main-content {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 calc(var(--dita-header-space) + 150px) 0 var(--dita-header-space) !important;
    }

   

    .logo-wrapper svg {
        width: clamp(10.135vw, 137px, 7.135vw) !important;
        height: clamp(2.344vw, 45px, 2.344vw) !important;
    }

    .main-menu {
        gap: clamp(32px, 2.6vw, 50px) !important;
        position: relative !important; /* Păstrăm alinierea pe grid, fără absolut care rupea headerul la 1440px */
        left: auto !important;
        transform: none !important;
        margin-left: 12% !important; /* mai aproape de logo */
        justify-self: center;
    }

    .dita-hero {
        min-height: auto !important;
        padding: clamp(24px, 4vw, 48px) var(--dita-space) !important;
    }

    .hero-image-wrapper {
        width: 100% !important;
        height: auto !important;
    }

    .hero-content {
        max-width: 100% !important; /* 100% din coloana grid (care este 50% din total) */
        width: 100% !important;
    }

    .hero-text {
        margin: 0 !important;
    }
}

.language-selector {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-main {
    background: #F5F5F5;
    width: 100%;
    position: relative;
    min-height: 60px;
}

.header-main-content {
    width: 100%;
    max-width: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(16px, 4vw, 40px);
    padding: 0 calc(var(--dita-header-space) + 150px) 0 var(--dita-header-space);
    box-sizing: border-box;
    position: static;
}

/* MAIN MENU */

.logo-wrapper {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    display: flex;
    align-items: center;
}

.logo-wrapper svg {
    width: clamp(10.135vw, 137px, 7.135vw);
    height: clamp(2.344vw, 45px, 2.344vw);
}

/* HERO */

.hero-image-wrapper {
    position: static !important;
    width: 100%;
    max-width: none; /* Elimină limitarea de 780px pentru a permite imaginea completă */
    height: auto;
    margin-inline: 0;
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    justify-self: end;
}

.hero-image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: contain; /* Afișează întreaga imagine fără tăiere */
    max-width: clamp(40%, 63vw, 63%); /* Responsive: 60% pe ecrane mici, 63% pe ecrane mari */
}

.hero-image-desktop {
    display: block;
}

.hero-image-mobile {
    display: none;
}

/* HERO BUTTON */

/* DESPRE */
.dita-despre {
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) minmax(320px, 1fr);
    gap: clamp(32px, 5vw, 64px);
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: clamp(20px, 5vw, 40px) auto;
    padding: clamp(20px, 3vw, 40px) var(--dita-space) clamp(20px, 3vw, 40px);
    background: #d9d9d9;
    box-sizing: border-box;
}

.despre-serum-image {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}

.despre-serum-image img {
    position: static;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.despre-content {
    position: static;
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 3vw, 28px);
    padding: 0;
    justify-content: center;
}

.dita-despre .section-title {
    position: static;
    max-width: none;
    font-size: var(--dita-title);
    letter-spacing: clamp(0.2rem, 0.8vw, 0.9rem);
    white-space: normal;
}

.despre-content-text {
    position: static;
    max-width: 640px;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem);
    line-height: 1.6;
    color: #565754;
}

.despre-highlight {
    position: static;
    max-width: 640px;
    font-size: clamp(1.05rem, 1.25vw, 1.35rem);
    line-height: 1.6;
    color: #575855;
}

.despre-image-mobile {
    display: none;
}

/* DE CE BABE - Conform Figma exact */
.dita-de-ce {
    position: relative;
    background: #fefefe; /* Conform Figma: #fefefe, nu #fff */
    width: 100%;
    min-height: clamp(800px, 56.6vw, 1088px); /* Responsive: 800px pe mobile, 1088px pe desktop */
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.de-ce-title {
    position: absolute; /* Conform Figma: absolute positioning */
    left: 50%;
    top: clamp(91px, 11.15vw, 214px); /* Responsive: 91px pe mobile, 214px (2145px - 2054px) pe desktop */
    transform: translateX(-50%);
    width: clamp(320px, 55.78vw, 1072px); /* Responsive: 320px pe mobile, 1072px pe desktop */
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500; /* Medium */
    font-size: 55px; /* Conform Figma: exact 55px */
    letter-spacing: 11px; /* Conform Figma: exact 11px */
    color: #575855;
    text-align: center;
    text-transform: uppercase;
    white-space: pre-wrap;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.de-ce-products-image {
    position: absolute; /* Conform Figma: absolute positioning */
    left: clamp(-133px, -13.27vw, -255px); /* Responsive: -133px pe mobile, -255px pe desktop */
    top: clamp(116px, 11.3vw, 217px); /* Responsive: 116px pe mobile, 217px (2170px - 2054px) pe desktop */
    width: clamp(870px, 87.05vw, 1673px); /* Responsive: 870px pe mobile, 1673px pe desktop */
    height: clamp(497px, 49.79vw, 956px); /* Responsive: 497px pe mobile, 956px pe desktop */
    z-index: 1;
    pointer-events: none;
}

.de-ce-products-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Conform Figma: object-cover */
    object-position: 50% 50%; /* Conform Figma: object-50%-50% */
    display: block;
}

.de-ce-blocks {
    position: relative; /* Conform Figma: relative pentru poziționarea absolută a blocurilor */
    width: 100%;
    height: 100%;
    z-index: 2;
}

.de-ce-block {
    position: absolute; /* Conform Figma: absolute positioning */
    background: #f5f5f5; /* Conform Figma: neutral-100 */
    width: clamp(320px, 33.33vw, 641px); /* Responsive: 320px pe mobile, 641px pe desktop */
    height: clamp(200px, 16.75vw, 322px); /* Responsive: 200px pe mobile, 322px pe desktop */
    min-height: clamp(200px, 16.75vw, 322px);
    padding: 0;
    box-sizing: border-box;
    z-index: 2;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.de-ce-block:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    z-index: 3;
}

/* Bloc 1 - Eficiență (top-left) - Conform Figma */
.de-ce-block:nth-child(1) {
    left: clamp(2px, 1vw, 4px); /* Redus margin: 10px pe mobile, 20px pe desktop */
    top: clamp(242px, 12.6vw, 242px); /* Responsive: 242px (2296px - 2054px) */
}

/* Bloc 2 - Accesibilitate (top-right) - Conform Figma */
.de-ce-block:nth-child(2) {
    left: clamp(calc(50% + 55px), calc(58.33% + 5.67vw), calc(58.33% + 109px)); /* Responsive */
    top: clamp(242px, 12.6vw, 242px); /* Responsive: 242px (2296px - 2054px) */
}

/* Bloc 3 - Inovație (bottom-right) - Conform Figma */
.de-ce-block:nth-child(3) {
    left: clamp(calc(50% + 55px), calc(58.33% + 5.67vw), calc(58.33% + 109px)); /* Responsive */
    top: clamp(662px, 34.48vw, 662px); /* Responsive: 662px (2716px - 2054px) */
}

/* Bloc 4 - Securitate (bottom-left) - Conform Figma */
.de-ce-block:nth-child(4) {
    left: clamp(2px, 1vw, 4px); /* Redus margin: 10px pe mobile, 20px pe desktop */
    top: clamp(662px, 34.48vw, 662px); /* Responsive: 662px (2716px - 2054px) */
}

.block-icon {
    position: absolute; /* Conform Figma: absolute positioning */
    left: clamp(21px, 2.24vw, 43px); /* Responsive: 21px pe mobile, 43px pe desktop */
    top: clamp(17px, 1.82vw, 35px); /* Responsive: 17px pe mobile, 35px pe desktop */
    width: clamp(35px, 3.66vw, 70px); /* Responsive: 35px pe mobile, 70px pe desktop */
    height: clamp(35px, 3.66vw, 70px);
    margin: 0;
    padding: 0;
}

.block-icon img,
.block-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.block-title {
    position: absolute; /* Conform Figma: absolute positioning */
    left: clamp(70px, 7.24vw, 139px); /* Responsive: 70px pe mobile, 139px pe desktop */
    top: clamp(29px, 3.07vw, 59px); /* Responsive: 29px pe mobile, 59px pe desktop */
    color: #575855;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
    font-family: "Brandon Text", sans-serif;
    font-size: 23.74px;
    font-style: normal;
    font-weight: 300; /* 330 not standard, using 300 */
    line-height: 2;
    text-transform: uppercase;
    white-space: pre-wrap;
    width: clamp(114px, 11.92vw, 229px); /* Responsive: 114px pe mobile, 228.531px pe desktop */
    margin: 0;
    padding: 0;
}

.block-description {
    position: absolute; /* Conform Figma: absolute positioning */
    left: clamp(21px, 2.24vw, 43px); /* Responsive: 21px pe mobile, 43px pe desktop */
    top: clamp(68px, 7.03vw, 135px); /* Responsive: 68px pe mobile, 135px pe desktop */
    font-family: 'Brandon Text', sans-serif;
    font-weight: 300; /* Light - Conform Figma */
    font-size: clamp(12px, 1.24vw, 23.74px); /* Responsive: 12px pe mobile, 23.74px pe desktop */
    line-height: 0.98824; /* Mărit cu 10%: de la 0.8984 la 0.98824 (0.8984 * 1.1) */
    color: #575855;
    white-space: pre-wrap; /* Conform Figma: permite line break */
    width: clamp(286px, 29.79vw, 572px); /* Responsive: 286px pe mobile, 572px pe desktop */
    margin: 0;
    padding: 0;
}

/* Reguli duplicate eliminate - folosim regulile principale conform Figma */

@media (max-width: 1200px) {
    .dita-de-ce {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .de-ce-products-image {
        grid-column: 1;
        grid-row: auto;
        max-width: 500px;
    }
    .de-ce-block {
        grid-column: 1;
        grid-row: auto;
    }
}

/* STIAINTA & FARMACIA */
.dita-stiinta,
.dita-farmacia {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(320px, 1.1fr);
    gap: var(--dita-gap);
    align-items: center;
    padding: clamp(40px, 6vw, 72px) var(--dita-space);
    min-height: auto;
}

.stiinta-background,
.farmacia-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 7;
    background-size: cover;
    background-position: center;
}

.stiinta-content,
.farmacia-content {
    position: static;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(14px, 2vw, 20px);
}

.stiinta-title,
.farmacia-title {
    position: static;
    font-size: var(--dita-title);
    letter-spacing: clamp(0.2rem, 0.7vw, 0.8rem);
    margin: 0;
}

.stiinta-content-text,
.farmacia-description {
    position: static;
    width: 100%;
    max-width: 640px;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    line-height: 1.55;
    white-space: normal;
}

.stiinta-box,
.farmacia-title-box {
    position: static;
    width: fit-content;
}

/* GAMA DE PRODUSE - layout fluid pe grid/flex, fără absolute sau înălțimi fixe */
.dita-gama-produse {
    padding: 0;
    background: #f5f5f5;
}

/* Reguli vechi eliminate - folosim regula conform Figma de la linia 1990 */

.gama-categories {
    padding: clamp(20px, 4vw, 32px) 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}


/* TESTIMONIALE - layout pe flex/grid, fără poziționări absolute */
.dita-testimoniale {
    position: static;
    padding: clamp(36px, 6vw, 70px) var(--dita-space);
    background: #f5f5f5;
    min-height: auto;
    margin-top: clamp(28px, 4vw, 48px);
}

/* Reguli generale - background și separator ascunse pe mobile, afișate pe desktop */
.testimoniale-background {
    display: none; /* Ascuns pe mobile, afișat pe desktop */
}

.testimoniale-separator {
    display: none; /* Ascuns pe mobile, afișat pe desktop */
}

.testimoniale-content {
    position: static;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: clamp(14px, 2.4vw, 24px);
    align-items: start;
    max-width: var(--dita-container);
    margin: 0 auto;
    padding: clamp(18px, 3vw, 28px);
    background: transparent;
    border-radius: 16px;
    box-sizing: border-box;
}

.testimoniale-title {
    position: static !important;
    margin: 0;
    padding: 0;
    font-size: var(--dita-title);
    letter-spacing: clamp(0.18rem, 0.7vw, 0.8rem);
    text-align: left;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
    grid-column: 1 / 2;
}

/* Reguli generale pentru mobile - suprascrise de desktop */
.testimoniale-product-image {
    position: static;
    width: 100%;
    max-width: 340px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column: 2;
    grid-row: 1 / span 2;
}

.testimoniale-product-image img {
    position: static;
    width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    display: block;
    visibility: visible;
    opacity: 1;
}

.testimoniale-navigation {
    position: static !important;
    grid-column: 1 / 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(10px, 2vw, 14px);
    margin-top: clamp(6px, 1vw, 10px);
}

.testimoniale-navigation .testimonial-arrow {
    position: static !important;
    width: clamp(38px, 4vw, 52px);
    height: clamp(38px, 4vw, 52px);
    background: rgba(87, 88, 85, 0.12);
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background 0.2s ease, opacity 0.2s ease;
}

.testimoniale-navigation .testimonial-arrow:hover {
    background: rgba(87, 88, 85, 0.25);
}

.testimoniale-navigation .testimonial-arrow img {
    width: clamp(16px, 2vw, 22px);
    height: auto;
}

.testimonial-item {
    position: static !important;
    width: 100%;
    display: none; /* ascuns implicit, doar activul este afișat */
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "photo name"
        "photo location"
        "photo quote";
    column-gap: clamp(12px, 2vw, 18px);
    row-gap: 6px;
    padding: clamp(12px, 2vw, 18px);
    background: transparent;
    border-radius: 14px;
    box-sizing: border-box;
    min-width: 0;
    grid-column: 1 / 2;
}

.testimonial-item.active {
    display: grid;
}

.testimonial-photo {
    position: static !important;
    grid-area: photo;
    width: 84px;
    height: 84px;
    object-fit: cover;
    object-position: center;
 
}

.testimonial-name {
    position: static !important;
    grid-area: name;
    margin: 0;
    font-size: clamp(18px, 1.5vw, 24px);
    letter-spacing: clamp(3px, 0.6vw, 7px);
    text-transform: uppercase;
}

.testimonial-location {
    position: static !important;
    grid-area: location;
    margin: 0;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.3;
    text-transform: capitalize;
}

.testimonial-quote {
    position: static !important;
    grid-area: quote;
    margin: 4px 0 0 0;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

@media (max-width: 960px) {
    
    .gama-header {
        padding-inline: var(--dita-space);
    }

    /* Testimoniale */
    .testimoniale-content {
        grid-template-columns: 1fr;
        align-items: center;
        text-align: center;
    }

    .testimoniale-product-image {
        justify-content: center;
        grid-column: 1;
        grid-row: auto;
    }

    .testimoniale-navigation {
        grid-column: 1;
        justify-content: center;
    }

    .testimonial-item {
        grid-template-columns: 1fr;
        grid-template-areas:
            "photo"
            "name"
            "location"
            "quote";
        text-align: center;
        align-items: center;
    }

    .testimonial-photo {
        justify-self: center;
    }
}

/* FAQ */
.dita-faq {
    padding: clamp(48px, 6vw, 80px) var(--dita-space);
    background: transparent;
}

.faq-background {
    background-size: cover;
    background-position: center;
}

.faq-items {
    max-width: 960px;
    width: 100%;
}

.faq-item {
    width: 100%;
    max-width: 100%;
}

.faq-question span:first-child {
    min-width: 0;
    overflow-wrap: break-word;
}

/* UNDE GASesti */
.dita-unde-gasesti {
    height: auto;
    padding: clamp(3px, 1vw, 3px) var(--dita-space);
    background: #54575b;
}

.unde-gasesti-background {
    display: none;
}

.unde-gasesti-container {
    position: relative;
    max-width: var(--dita-container);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 3vw, 28px);
    align-items: center;
}

.unde-gasesti-title {
    position: static;
    transform: none;
    font-size: var(--dita-subtitle);
    letter-spacing: clamp(4px, 0.9vw, 6.4px);
    text-align: center;
    white-space: normal;
}

.unde-gasesti-pharmacies {
    position: static;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(16px, 4vw, 40px);
    justify-items: center;
}

.pharmacy-item {
    gap: 12px;
}

.pharmacy-item-left,
.pharmacy-item-center {
    width: 100%;
}

.pharmacy-name {
    font-size: clamp(1.1rem, 1.4vw, 1.4rem);
    letter-spacing: clamp(3px, 0.7vw, 5px);
}

.pharmacy-location {
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
}

.pharmacy-image {
    width: 100%;
    max-width: clamp(200px, 28vw, 360px);
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Mobile: imagini mai mici și pe un singur rând */
@media (max-width: 767px) {
    .unde-gasesti-pharmacies {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: clamp(6px, 3vw, 12px);
        flex-wrap: nowrap; /* Forțează cele două imagini pe același rând */
        width: 100%;
    }
    .pharmacy-item {
        flex: 0 0 calc(50% - clamp(6px, 3vw, 12px));
        align-items: center;
        max-width: calc(50% - clamp(6px, 3vw, 12px));

    }
    .pharmacy-image {
        max-width: clamp(90px, 24vw, 130px); /* micșorăm pentru a încăpea pe un singur rând */
        width: 100%;
        transform: none;
        transform-origin: center center;
    }
}

/* FOOTER */
.dita-footer {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: auto;
    background: #f0f0f0;
}

.footer-background {
    display: none;
}

.footer-container {
    max-width: var(--dita-container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: var(--dita-gap);
    align-items: start;
}

.footer-left,
.footer-menu {
    position: static;
    padding: 0;
}

.footer-logo {
    margin-bottom: 18px;
}

.footer-description {
    margin: 0 0 16px 0;
    line-height: 1.5;
}

.footer-menu {
    display: grid;
    gap: 10px;
    width: 100%;
}

.footer-menu-link {
    text-align: left;
}

.footer-copyright {
    position: static;
    margin-top: clamp(20px, 4vw, 30px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.copyright-text {
    margin: 0;
}

.copyright-links {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* MOBILE - Consolidat în breakpoint-ul principal de la linia 3620 */

/* DESKTOP HEADER ALIGNMENT & MOBILE ELEMENTS HIDING */
@media (min-width: 751px) {
    /* Header Top Bar */
    .header-top-bar {
        padding-block: 10px;
    }

    .header-top-content {
        align-items: center;
        gap: 20px;
    }

    .header-top-bar .logo-wrapper,
    .header-top-content .hamburger-menu-btn,
    .header-top-content .search-icon,
    .header-top-content .social-links {
        display: none !important;
    }

    /* Ascunde hamburger menu și search icon pe desktop */
    .header-top-bar .social-links:has(.search-icon),
    .header-top-bar .social-links:has(.hamburger-menu-btn),
    .hamburger-menu-btn,
    .search-icon {
        display: none !important;
    }

    /* Social Links Desktop - Consolidat la linia 30, doar override gap */
    .social-links-desktop {
        gap: 12px;
    }

    .language-selector {
        margin-left: auto;
    }

    /* Header Main */
    .header-main {
        padding-block: 16px;
    }

    .header-main-content {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        justify-items: center;
        gap: clamp(24px, 5vw, 60px);
        padding: 0 calc(var(--dita-header-space) + 150px) 0 clamp(20px, 4.17vw, 80px); /* Aliniat cu padding-inline al hero section */
    }

    .header-main .logo-wrapper {
        flex: 0 0 auto;
        justify-self: start;
        grid-column: 1;
        position: static !important; /* Fără absolute, folosim Grid pentru aliniere */
        left: auto !important;
        top: auto !important;
        display: flex;
        align-items: center;
        height: auto;
        margin-left: -8% !important; /* Mută logo-ul cu 5% mai la stânga */
    }

    .main-menu {
        position: relative; /* Folosim Grid pentru poziționare, nu absolute */
        left: auto;
        top: auto;
        transform: none;
        margin: 0;
        justify-self: center;
        justify-content: center;
        flex: 0 1 auto;
        grid-column: 2;
    }
    
    /* Ascunde elementele mobile pe desktop */
    .despre-image-mobile,
    .despre-serum-image.despre-background-grey,
    .despre-serum-image.despre-serum-bodegon {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Ascunde meniul mobil pe desktop */
    .mobile-menu {
        display: none !important;
    }
    
    /* Ascunde butonul mobile pe desktop */
    .hero-button-mobile {
        display: none !important;
    }
    
    /* Arată butonul desktop */
    .hero-button-desktop {
        display: inline-block !important;
    }
    
    /* Hero image wrapper pe desktop - resetare */
    .hero-image-wrapper {
        position: absolute !important; /* Poziționare desktop */
    }
}

/* Hero imagine mai mare pe ecrane late */
@media (min-width: 1440px) {
    .hero-image-wrapper {
        max-width: none; /* Elimină limitarea pentru a permite imaginea completă */
    }
}

/* ============================================
   DIta Landing Page - Babè Laboratories
   Styling bazat pe designul Figma
   ============================================ */

/* Reset & Base */
body.dita-landing-page {
    margin: 0;
    padding: 0;
    font-family: 'Brandon Text', sans-serif;
    color: var(--dita-color-text);
    background: var(--dita-color-bg);
    width: var(--dita-full-width);
    max-width: var(--dita-full-width);
    min-height: auto;
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
    max-width: var(--dita-full-width);
}

/* Ascunde site-title din header-ul standard WordPress */
.dita-landing-page .wp-site-blocks > header .wp-block-site-title,
.dita-landing-page .wp-site-blocks > header h1.wp-block-site-title,
.dita-landing-page .wp-site-blocks > header .site-title,
.dita-landing-page header .wp-block-site-title,
.dita-landing-page header h1.wp-block-site-title,
.dita-landing-page header .site-title,
.dita-landing-page h1 a[href*="localhost"],
.dita-landing-page h1 a[href*="Babè"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 50px;
}

/* HEADER */
.dita-header {
    position: relative;
    z-index: 1000;
    width: 100%;
}

/* Top Bar - Dark Gray */
.header-top-bar {
    background: var(--dita-color-dark);
    height: 50px;
    width: var(--dita-full-width);
    position: relative;
}

.header-top-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: clamp(20px, 4.17vw, 80px); /* padding-inline, fără max-width */
}

.social-links {
    display: flex;
    align-items: center;
    gap: 7px;
    position: absolute;
    left: clamp(20px, 4.17vw, 80px); /* padding-inline, nu fix 50px */
    top: 18px;
}

/* Social Links Desktop - Consolidat la linia 30 */

/* Breakpoint 769px consolidat la linia 1127 */

.social-links .follow-text,
.social-links-desktop .follow-text {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: white !important;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin-right: 0;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.social-icons-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
}

.social-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.social-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.social-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.language-selector {
    position: absolute;
    right: clamp(20px, 4.17vw, 80px); /* padding-inline, nu calc cu % */
    top: 15px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.lang-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lang-icon svg {
    width: 100%;
    height: 100%;
}

.lang-text {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin: 0 3px;
}

.lang-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(270deg);
}

.lang-arrow svg {
    width: 100%;
    height: 100%;
}

/* Main Header - Light Gray Background - Consolidat la linia 115 */

.header-main-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding-inline: clamp(20px, 4.17vw, 80px); /* padding-inline aliniat cu hero section */
}

.logo-wrapper {
    position: static; /* Fără absolute, folosim Grid/Flex pentru aliniere */
    left: auto;
    top: auto;
    display: flex;
    align-items: center;
    margin-left: 15%; /* Mută logo-ul cu 5% mai la stânga */
}


.logo-image {
    width: 137px;
    height: 45px;
    display: block;
}

.main-menu {
    position: relative; /* Folosim fluxul normal, nu poziționare absolută */
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    display: flex;
    gap: clamp(20px, 4vw, 50px);
    align-items: center;
    justify-content: center;
}

.menu-link {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #3b3939;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    text-decoration: none;
    transition: color 0.3s;
    position: relative;
    white-space: nowrap;
}

.menu-link:hover {
    color: #575855;
}

/* Ajustare main-menu pentru ecrane mai mici (751px - 1440px) - mută mai la stânga */
@media (min-width: 751px) and (max-width: 1440px) {
    .header-main-content {
        gap: clamp(30px, 4vw, 60px) !important; /* Redus gap pentru a face loc meniului */
    }
    
    .main-menu {
        margin-left: -5% !important; /* Mută meniul mai la stânga pentru a fi complet vizibil */
        justify-self: flex-start !important; /* Aliniere la stânga în loc de centru */
    }
    
    .header-main .logo-wrapper {
        margin-left: -5% !important; /* Redus margin pentru a face loc meniului */
    }
}

/* Desktop: font size aliniat cu butonul „descopera gama" din hero */
@media (min-width: 1024px) {
    .menu-link {
        font-size: clamp(14px, 1.87vw, 17.931px);
        letter-spacing: clamp(2px, 0.37vw, 3.5862px);
    }
}

/* HERO SECTION - Conform regulament: Grid/Flex, fără absolute, full width cu padding-inline */
.dita-hero {
    position: relative;
    width: 100%;
    min-height: clamp(400px, 35vw, 600px); /* Redus înălțimea: de la 600-900px la 400-600px */
    max-height: 100vh; /* Nu mai înalt decât viewport */
    background: #F5F5F5; /* Background solid, fără gradient */
    padding-block: clamp(30px, 4vw, 60px); /* Redus padding-ul: de la 40-124px la 30-60px */
    padding-inline: clamp(20px, 4.17vw, 80px); /* padding-inline direct pe section, fără container */
    display: flex;
    align-items: center;
    overflow-x: hidden; /* Previne overflow-ul orizontal */
    overflow-y: hidden; /* Previne scroll-ul vertical - hero section nu trebuie să aibă scroll */
    box-sizing: border-box; /* Include padding-ul în lățimea totală */
}

/* Grid layout: 1 coloană mobile, 2 coloane desktop - full width */
.hero-content-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(30px, 5vw, 60px);
    align-items: start; /* Text sus */
    width: 100%;
    max-width: 1920px; /* Max-width doar pe grid, nu pe container separat */
    margin: 0 auto;
    height: auto; /* Schimbat de la 100% la auto pentru a permite conținutului să determine înălțimea */
    box-sizing: border-box; /* Include padding-ul în lățimea totală */
}

/* Breakpoint 768px: ajustări minore */
@media (min-width: 768px) {
    .hero-content-wrapper {
        gap: clamp(25px, 3.5vw, 45px); /* Redus gap-ul: de la 40-60px la 25-45px */
    }
}

/* Breakpoint 1024px: Desktop - Consolidat toate regulile */
@media (min-width: 1024px) {
    /* Hero Content Wrapper - 2 coloane */
    .hero-content-wrapper {
        grid-template-columns: 1fr 1fr; /* 50% text, 50% imagine */
        gap: clamp(30px, 3.5vw, 60px); /* Redus gap-ul: de la 40-80px la 30-60px */
        align-items: end; /* Aliniere jos pentru a poziționa imaginea jos */
    }
    
    /* Hero Image - Desktop */
    .hero-image-wrapper .hero-image-desktop {
        display: block;
    }
    
    .hero-image-wrapper .hero-image-mobile {
        display: none;
    }
    
    .hero-image-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        overflow: visible;
    }
    
    .hero-image-wrapper img.hero-image-desktop {
        width: min(46VW, 100%);
        height: auto;
        flex-shrink: 0;
    
        margin-right: 0;
        transform: translateX(60px); /* mut-o spre dreapta – ajustezi valoarea */
        object-fit: contain;
        object-position: bottom right;
    }
    
    
}

/* Ecrane mai mari de 1700px */
@media (min-width: 1700px) {
    .hero-image-wrapper img.hero-image-desktop {
        width: min(38VW, 100%);
        height: auto;
        flex-shrink: 0;

        margin-right: 0;
        transform: translateX(80px);
        object-fit: contain;
        object-position: bottom right;
    }
}


@media (min-width: 1800px) {
    .hero-image-wrapper img.hero-image-desktop {
        width: min(38VW, 100%);
        height: auto;
        flex-shrink: 0;

        margin-right: 0;
        transform: translateX(80px);
        object-fit: contain;
        object-position: bottom right;
    }
}
@media (min-width: 2000px) {
    .hero-image-wrapper img.hero-image-desktop {
        width: min(38VW, 100%);
        height: auto;
        flex-shrink: 0;

        margin-right: 0;
        transform: translateX(80px);
        object-fit: contain;
        object-position: bottom right;
    }
}
/* Ecrane mai mici (1024px - 1440px) - imagine mai mare */
@media (min-width: 1024px) and (max-width: 1440px) {

    
    /* Hero Buttons */
    .hero-button-desktop {
        display: inline-flex;
    }
    
    .hero-button-mobile {
        display: none;
    }
    
    /* Hero Title - Desktop font sizes */
    .hero-title .title-line1,
    .hero-title .title-line2 {
        font-size: 100px;
        letter-spacing: 20.2px;
    }
    
    /* Hero Description - Desktop font size */
    .hero-description {
        font-size: 33px;
    }
    
    /* Hero Description Brand - Desktop font size */
    .hero-description-brand {
        font-size: 33px;
    }
    
    /* Testimoniale Title - permite textul pe 2 rânduri pe ecrane medii */
    .testimoniale-title {
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}



/* Mobile: 1 coloană */
@media (max-width: 1024px) {
    /* Imagine mobile vizibilă, desktop ascunsă */
    .hero-image-wrapper .hero-image-desktop {
        display: none;
    }
    
    .hero-image-wrapper .hero-image-mobile {
        display: block;
    }
    
    /* Buton mobile vizibil, desktop ascuns */
    .hero-button-desktop {
        display: none;
    }
    
    .hero-button-mobile {
        display: inline-flex;
    }
}

/* Coloana stânga: Conținut text */
.hero-content {
    position: relative;
    max-width: 100%;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    transform: translateY(-5%); /* Ridică conținutul cu 5% mai sus */
    box-sizing: border-box; /* Include padding-ul în lățimea totală */
    z-index: 2; /* Peste imagine pentru a permite click pe buton */
}

/* Coloana dreapta: Imagine - aliniată jos și în dreapta */
.hero-image-wrapper {
    min-width: 0; /* Important pentru flex/grid */
    display: flex;
    align-items: flex-end; /* Aliniere jos */
    justify-content: flex-end; /* Aliniere la dreapta maxim */
    height: 100%; /* Ocupă toată înălțimea disponibilă */
    position: relative;
    z-index: 1; /* Sub conținut pentru a nu bloca butoanele */
}

.hero-image-wrapper img {
    width: auto; /* Permite dimensiunea naturală */
    max-width: clamp(40%, 63vw, 63%); /* Responsive: 60% pe ecrane mici, 63% pe ecrane mari */
    height: auto; /* Nu height fix */
    object-fit: contain; /* Afișează întreaga imagine fără tăiere */
    object-position: center;
    display: block;
}

/* Breakpoint 1024px consolidat la linia 1518 */

/* Hero Text - min-width:0, overflow-wrap conform regulament */
.hero-text {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    min-width: 0; /* Conform regulament: min-width:0 pe coloane cu text */
    display: flex;
    flex-direction: column;
    gap: clamp(15px, 2vw, 30px);
}

/* Hero Title - Tipografie cu clamp(), ierarhie H1 */
.hero-title {
    margin: 0;
    line-height: 1.2; /* Line-height suficient */
}

.hero-title .title-line1,
.hero-title .title-line2 {
    display: block;
    font-family: "Brandon Text", sans-serif;
    font-weight: 500; /* Conform Figma */
    font-size: clamp(48px, 5.2vw, 100px); /* clamp() conform regulament, 100px pe desktop */
    font-style: normal;
    color: #575855; /* Conform Figma */
    text-transform: uppercase; /* Conform Figma */
    letter-spacing: clamp(8px, 1.05vw, 20.2px); /* clamp() pentru letter-spacing, 20.2px pe desktop */
    line-height: normal; /* Conform Figma */
    margin-bottom: 0;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Conform regulament: overflow-wrap: break-word */
    /* leading-trim: both; - experimental property (nu este suportat în toate browserele) */
    /* text-edge: cap; - experimental property (nu este suportat în toate browserele) */
}

/* Breakpoint 1024px consolidat la linia 1518 */

/* Hero Subtitle - Tipografie cu clamp() */
.hero-subtitle {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: clamp(47px, 2.56vw, 49.176px); /* clamp() conform regulament */
    font-style: normal;
    color: #575855;
    line-height: 1.2;
    letter-spacing: clamp(4px, 0.51vw, 9.835px); /* clamp() pentru letter-spacing */
    text-transform: uppercase;
    margin: 0; /* Nu margin, folosim gap din .hero-text */
    word-wrap: break-word;
    overflow-wrap: break-word; /* Conform regulament */
}

.hero-subtitle span {
    display: block;
    line-height: 1.2;
}

/* Hero Description - Stiluri exacte conform Figma */
.hero-description {
    width: 100%;
    max-width: 100%;
    font-family: "Brandon Text", sans-serif;
    font-weight: 300; /* Font-weight 300 pentru restul textului */
    font-size: clamp(16px, 1.74vw, 33px); /* clamp() conform regulament, 33px pe desktop */
    font-style: normal;
    color: rgb(87, 88, 85); /* #575855 - Conform Figma */
    line-height: normal; /* Conform Figma */
    text-transform: uppercase; /* Conform Figma */
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word; /* Conform regulament: overflow-wrap: break-word */
    /* leading-trim: both; - experimental property (nu este suportat în toate browserele) */
    /* text-edge: cap; - experimental property (nu este suportat în toate browserele) */
}

/* Breakpoint 1024px consolidat la linia 1518 */

/* "Babè Laboratories" - font-size exact 33px */
.hero-description-brand {
    font-family: "Brandon Text", sans-serif;
    font-weight: 400;
    font-size: clamp(16px, 1.74vw, 33px);
    font-style: normal;
    color: rgb(87, 88, 85);
    line-height: normal;
    text-transform: none;
}

/* Breakpoint 1024px consolidat la linia 1518 */

.hero-description span.light {
    font-weight: 300;
}

.hero-description-after {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 300; /* Font-weight 300 pentru restul textului */
    font-size: 33px; /* Font-size 33px pentru restul textului */
    font-style: normal;
    color: rgb(87, 88, 85); /* #575855 */
    line-height: normal;
    text-transform: none;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

/* Hero Button - Conform Figma: width 260px, height 59.77px, nu pe toată lățimea */
.hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #575855;
    color: white;
    padding: clamp(12px, 1.5vw, 14.943px);
    border-radius: clamp(18px, 2.4vw, 23px);
    text-decoration: none;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: clamp(14px, 1.87vw, 17.931px); /* clamp() conform regulament */
    text-transform: uppercase;
    letter-spacing: clamp(2px, 0.37vw, 3.5862px); /* clamp() pentru letter-spacing */
    text-align: center; /* Aliniere centru pentru text */
    transition: background 0.3s;
    box-sizing: border-box;
    width: clamp(200px, 26vw, 260px); /* Lățime fixă conform Figma, nu auto */
    height: clamp(50px, 6.23vw, 59.77px); /* Înălțime fixă conform Figma */
    margin-top: 0; /* Nu margin, folosim gap din .hero-text */
    word-wrap: break-word;
    overflow-wrap: break-word; /* Conform regulament */
    gap: clamp(12px, 1.5vw, 14.943px); /* Gap între elemente conform Figma */
    position: relative;
    z-index: 5; /* Peste imagine și alte layere */
    pointer-events: auto;
}

/* Hover state conform regulament */
.hero-button:hover,
.hero-button:focus {
    background: #3b3939;
    outline: 2px solid #575855;
    outline-offset: 2px;
}

.hero-button:hover {
    background: #3b3939;
}

/* DESPRE BABÈ SECTION - Grid layout: 2 coloane (imagine stânga, text dreapta) */
.dita-despre {
    position: relative;
    padding: clamp(20px, 3vw, 40px) 0; /* Padding vertical redus */
    background: #d9d9d9; /* Conform Figma: fill #D9D9D9 */
    overflow: visible; /* Permite conținutul să fie vizibil */
    width: calc(100% - 80px); /* Permite margin-left/right să fie vizibile */
    display: grid;
    grid-template-columns: 0.8fr 1.2fr; /* Imagine stânga, text mai lat la dreapta */
    gap: clamp(36px, 3.75vw, 72px); /* Redus cu 10%: de la 40-80px la 36-72px */
    align-items: center; /* Centrare verticală pentru desktop */
    padding-inline: clamp(20px, 4.17vw, 80px); /* Padding consistent cu hero section */
    margin-left: 40px;
    margin-right: 40px;
}

/* Coloana stânga: Imagine */
.despre-serum-image {
    position: relative; /* Fără absolute, folosim Grid */
    left: auto;
    top: auto;
    width: 100%;
    max-width: 810px; /* Conform Figma */
    height: auto;
    overflow: visible;
    z-index: 3;
    grid-column: 1; /* Imaginea ocupă coloana stângă */
    grid-row: 1; /* Asigură alinierea cu textul pe același rând */
    display: flex;
    align-items: center;
    justify-content: center;
}

.despre-serum-image img {
    position: relative; /* Fără absolute */
    left: auto;
    top: auto;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center; /* Aliniere în mijloc */
    pointer-events: none;
    margin-left: 0;
    margin-top: 0;
}

/* Coloana dreapta: Text */
.despre-content {
    position: relative; /* Fără absolute, folosim Grid */
    z-index: 2;
    padding: 0;
    margin-left: 0;
    margin-top: 0; /* Eliminat margin-top negativ - folosim padding-top pe container */
    grid-column: 2; /* Textul ocupă coloana dreaptă mai lată */
    grid-row: 1; /* Păstrează textul pe același rând cu imaginea */
    display: flex;
    flex-direction: column;
    gap: clamp(12px, 1vw, 20px); /* Textele verticale mai apropiate */
}

/* Section title - default (static) */
.section-title {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px); /* Scalare mai agresivă cu 15% */
    font-style: normal;
    /* Culoare eliminată - se setează individual pentru fiecare secțiune */
    text-transform: uppercase;
    letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px); /* Scalare proporțională letter-spacing */
    margin: 0;
    line-height: normal;
    white-space: pre-wrap;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
    /* font-weight: 420 - not standard CSS, using 400 */
}

/* Culoare default pentru section-title (exceptând FAQ) */
section:not(.dita-faq) .section-title {
    color: #575855;
}

/* Section title - Grid layout pentru Despre section */
.dita-despre .section-title {
    position: relative; /* Fără absolute, folosim Grid */
    left: auto;
    top: auto;
    max-width: 1082px;
    width: 100%; /* Ocupă toată lățimea coloanei */
    color: #575855;
    font-family: 'Brandon Text', sans-serif;
    font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px); /* Scalare mai agresivă cu 15% - unificat cu stiinta-title */
    font-style: normal;
    font-weight: 400; /* 420 not standard, using 400 */
    line-height: normal;
    letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px); /* Scalare proporțională letter-spacing */
    text-transform: uppercase;
    white-space: pre-wrap; /* Conform Figma: permite line break */
    margin: 0;
    padding: 0;
    margin-top: clamp(26px, 3vw, 50px); /* Spațiu redus de sus - textul rămâne în cadrane */
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

/* Removed .section-title p styles since title is now a single element with <br> */

.despre-content-text {
    position: relative; /* Fără absolute, folosim Grid */
    left: auto;
    top: auto;
    color: #797979;
    font-family: 'Brandon Text', sans-serif;
    font-size: clamp(25.5px, calc(30px * 100vw / 1920px * 0.85), 30px); /* Scalare mai agresivă cu 15% - unificat cu stiinta-content-text */
    font-style: normal;
    font-weight: 300; /* 350 not standard, using 300 */
    line-height: normal;
    margin: 0;
    padding: 0;
    max-width: 870px;
    width: 100%; /* Ocupă toată lățimea coloanei */
    white-space: normal;
    margin-top: clamp(10px, 1.2vw, 18px); /* Mai aproape de titlu */
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

.despre-content-text p {
    margin: 0;
    padding: 0;
    display: block;
    line-height: normal;
}

.despre-highlight {
    position: relative; /* Fără absolute, folosim Grid */
    left: auto;
    top: auto;
    font-family: 'Brandon Text', sans-serif;
    font-size: 31.5px; /* Redus cu 10%: de la 35px la 31.5px */
    font-style: normal;
    color: #575855;
    margin: 0;
    padding: 0 0 5vh 0;
    max-width: 913px;
    width: 100%; /* Ocupă toată lățimea coloanei */
    line-height: normal;
    white-space: normal;
    margin-top: clamp(10px, 1.2vw, 18px); /* Spațiu redus față de paragraf */
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

.despre-highlight .highlight-line1 {
    font-weight: 400; /* 390 not standard, using 400 */
    line-height: normal;
    margin: 0;
    padding: 0;
}

.despre-highlight .highlight-bold {
    font-weight: 700; /* Conform Figma: Bold */
    line-height: normal;
    margin: 0;
    padding: 0;
}

.despre-highlight .highlight-line2 {
    font-weight: 500; /* 450 not standard, using 500 */
    line-height: normal;
    margin: 0;
    padding: 0;
}

.despre-highlight strong {
    font-weight: 700;
}

/* DE CE BABÈ SECTION */
.dita-de-ce {
    position: relative;
    background: #fefefe;
    min-height: clamp(56.667vw, 1088px, 56.667vw);
    padding: 0;
    padding-left: clamp(2.604vw, 50px, 2.604vw);
    overflow: hidden;
}

.de-ce-title {
    position: absolute;
    left: 50%;
    top: clamp(4.74vw, 91px, 4.74vw);
    transform: translateX(-50%);
    color: #575855;
    text-align: center;
    font-family: 'Brandon Text', sans-serif;
    font-size: clamp(2.865vw, 47px, 2.865vw);
    font-style: normal;
    font-weight: 500; /* 420 not standard, using 400 */
    line-height: normal;
    letter-spacing: clamp(0.573vw, 11px, 0.573vw);
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    width: clamp(55.833vw, 1072px, 55.833vw);
    white-space: pre-wrap;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

/* Stiluri pentru titlu și subtitlu în de-ce-block - DOAR DESKTOP */
@media (min-width: 1024px) {
    .de-ce-block .block-title {
        color: #575855;
        leading-trim: both;
        text-edge: cap;
        font-family: "Brandon Text", sans-serif;
        font-size: clamp(22px, calc(30px * 100vw / 1920px), 30px); /* Responsive: 22px la 1440px, 30px la 1920px */
        font-style: normal;
        font-weight: 450;
        line-height: normal;
        text-transform: uppercase;
    }
    
    .de-ce-block .block-description {
        color: #575855;
        leading-trim: both;
        text-edge: cap;
        font-family: "Brandon Text", sans-serif;
        font-size: clamp(17.8px, calc(23.74px * 100vw / 1920px), 23.74px); /* Responsive: 17.8px la 1440px, 23.74px la 1920px */
        font-style: normal;
        font-weight: 330;
        line-height: 1.5;
    }
}

.de-ce-products-image {
    position: absolute;
    left: clamp(-13.281vw, -255px, -13.281vw);
    top: clamp(6.042vw, 116px, 6.042vw);
    width: clamp(87.24vw, 1673px, 87.24vw);
    height: clamp(49.792vw, 956px, 49.792vw);
    z-index: 1;
}

.de-ce-products-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

/* Reguli vechi cu position: absolute eliminate complet - folosim Grid pentru responsivitate */

/* Regula veche cu position: absolute eliminată - folosim Grid pentru responsivitate */
/* .block-icon este definit la linia 352 cu position: static și Grid */

.block-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* GAMA DE PRODUSE SECTION */
.dita-gama-produse {
    padding-top: 40px;
    background: #F5F5F5;
}

.gama-header {
    position: relative;
    height: clamp(200px, 17.5vw, 336px); /* Responsive: 200px pe mobile, 336px pe desktop */
    width: 100%; /* Full width - fără margin */
    overflow: hidden; /* Ascunde overflow-ul pentru a nu afecta layout-ul */
    margin-left: 0; /* Fără margin stânga */
    margin-right: 0; /* Fără margin dreapta */
    display: block; /* Asigură că este vizibil */
}

.gama-header-image {
    position: absolute;
    left: 0;
    top: 0;
    width: clamp(60%, 64.15vw, 1233px); /* Responsive: 60% pe mobile, 1233px pe desktop */
    height: 100%;
    overflow: hidden;
    z-index: 2; /* Peste background-ul gri */
    display: block !important; /* Asigură că este vizibil */
    visibility: visible !important; /* Asigură vizibilitate */
    opacity: 1 !important; /* Asigură opacitate completă */
}

.gama-header-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    display: block; /* Asigură că este vizibil */
    visibility: visible; /* Asigură vizibilitate */
    opacity: 1; /* Asigură opacitate completă */
}

.gama-header::after {
    content: '';
    position: absolute;
    left: clamp(60%, 64.15vw, 1233px); /* Începe după imagine */
    right: 0; /* Până la marginea containerului - full width */
    top: 0;
    height: 100%;
    background: #54575b; /* Conform Figma: #54575b */
    z-index: 1; /* Sub imagine, dar peste text */
    display: block; /* Asigură că este vizibil */
}

.gama-header-text {
    position: absolute;
    left: 82%; /* Mutat mai la dreapta */
    top: 50%;
    transform: translate(-50%, -50%); /* Centrare perfectă */
    z-index: 3; /* Peste toate elementele */
    text-align: center;
    display: block; /* Asigură că este vizibil */
    visibility: visible; /* Asigură vizibilitate */
    opacity: 1; /* Asigură opacitate completă */
    width: auto; /* Lățime automată pentru text */
}

.gama-header-text h2 {
    color: #FFF;
    text-align: center;
    font-family: "Brandon Text", sans-serif;
    font-size: clamp(30px, 3.125vw, 60px); /* Responsive: 30px pe mobile, 60px pe desktop */
    font-style: normal;
    font-weight: 500; /* Medium - Conform Figma */
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.gama-header-text h2 p {
    margin: 0;
    padding: 0;
    display: block;
    line-height: normal;
}

/* Desktop - Asigură vizibilitatea imaginii și layout-ul corect */
@media (min-width: 751px) {
    .gama-header {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .gama-header-image {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: clamp(60%, 64.15vw, 1233px) !important;
        height: 100% !important;
        z-index: 2 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .gama-header-image img {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .gama-header::after {
        left: clamp(60%, 64.15vw, 1233px) !important;
        right: 0 !important;
    }
    
    .gama-header-text {
        left: 82% !important;
        z-index: 3 !important;
    }
    
    /* Elimină border-radius de pe carduri conform Figma - DOAR DESKTOP */
    
    /* UNIFICARE TITLURI ȘI SUBTITLURI - DOAR DESKTOP (min-width: 751px) */
    /* Bazat pe .stiinta-title (55px) și .stiinta-content-text (30px) */
    /* Scalare mai agresivă cu 15%: folosim factor 0.85 pentru scalare mai rapidă pe ecrane mai mici */
    
    /* TITLURI - Unificare la 55px cu scalare mai agresivă */
    .section-title,
    .dita-despre .section-title,
    .testimoniale-title,
    .gama-header-text h2,
    .stiinta-title,
    .farmacia-title {
        font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px) !important; /* Scalare mai agresivă cu 15% */
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px) !important; /* Scalare proporțională letter-spacing */
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Excepție pentru FAQ - culoare albă și margin-bottom (suprascrie regula generală) */
    .dita-faq .section-title {
        color: #FFFBF8 !important;
        margin-bottom: 5vh !important; /* Margin-bottom de 10% din înălțimea viewport-ului */
    }
    
    /* Unde gasesti title - același stil ca FAQ title */
    .unde-gasesti-title {
        font-size: clamp(20px, calc(55px * 100vw / 1920px * 0.75), 55px) !important; /* Scalare mai agresivă - mai mic pe ecrane medii */
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        color: #FFFBF8 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(4px, calc(11px * 100vw / 1920px * 0.75), 11px) !important; /* Scalare proporțională */
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important; /* Text pe un singur rând pe ecrane mari */
        text-align: center !important;
    }
    
    /* Pe ecrane mai mici, permite wrap în 2 rânduri */
    @media (max-width: 1400px) {
        .unde-gasesti-title {
            white-space: normal !important;
            max-width: 90% !important;
            margin: 0 auto !important;
            line-height: 1.3 !important;
        }
        
        /* Mută logotipurile mai jos când titlul se împarte în 2 rânduri */
        .unde-gasesti-pharmacies {
            margin-top: clamp(80px, calc(200px * 100vw / 1920px), 200px) !important;
        }
    }
    
    /* SUBTITLURI - Unificare la 30px cu scalare mai agresivă */
    .despre-content-text,
    .stiinta-content-text,
    .farmacia-content-text {
        font-size: clamp(25.5px, calc(30px * 100vw / 1920px * 0.85), 30px) !important; /* Scalare mai agresivă cu 15% */
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 300 !important;
        font-style: normal !important;
        color: #575855 !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* Culoare specifică pentru gama-header-text */
    .gama-header-text h2 {
        color: #FFF !important;
    }
    
    /* DITA-STIINTA - Elimină grid layout pentru a permite width 70% pe .stiinta-content - DOAR DESKTOP */
    .dita-stiinta {
        display: block !important; /* Elimină grid layout */
        position: relative !important;
        padding: 0 !important; /* Elimină padding pentru aliniere corectă */
        width: 100% !important; /* Asigură că secțiunea ocupă toată lățimea */
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* STIINTA CONTENT - Width 70% și padding-left 30% - DOAR DESKTOP */
    /* Aliniat corect în secțiune - începe de la marginea stângă a secțiunii */
    /* Conform Figma: elementele sunt poziționate la calc(41.67% + 41px) */
    /* 41.67% = 5/12 din lățimea viewport-ului, reprezentând aproximativ 30% + spațiu pentru imagine */
    .stiinta-content {
        width: 50%;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0; /* Padding-left 30% - aplicat separat pentru a evita suprascrierea */
        margin-left: 40%; /* Aliniat la stânga secțiunii */
        margin-right: auto; /* Aliniat la stânga secțiunii */
        box-sizing: border-box;
        position: relative; /* Asigură că poziționarea absolută funcționează corect */
        display: block; /* Elimină flex pentru a permite poziționare absolută */
        max-width: 100%; /* Nu depășește lățimea secțiunii */
        min-height: 50vh; /* Responsive min-height folosind vh */
        z-index: 3; /* Păstrăm z-index */
    }
    
    /* Ajustare poziționare elemente din interior - DOAR DESKTOP */
    /* Conform Figma: elementele sunt poziționate la calc(41.67% + 41px) relativ la viewport */
    /* Cu .stiinta-content având width: 70% și padding-left: 30%, elementele trebuie să înceapă după padding */
    /* Simplificăm: left: 0 pentru că padding-left de 30% creează deja spațiul necesar */
    .stiinta-title {
        left: 0 !important; /* Începe după padding-left de 30% */
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .stiinta-box {
        left: 0 !important; /* Începe după padding-left de 30% */
    }
    
    .stiinta-content-text {
        left: 0 !important; /* Începe după padding-left de 30% */
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* DITA-FARMACIA - Elimină grid layout pentru a permite aliniere la dreapta - DOAR DESKTOP */
    .dita-farmacia {
        display: block;
        position: relative;
        padding: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        min-height: auto;
    }
    
    /* FARMACIA CONTENT - Aliniat la dreapta - DOAR DESKTOP */
    .farmacia-content {
        width: 60%;
        padding-top: 4vh;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        margin-left: auto; /* Aliniat la dreapta secțiunii */
        margin-right: 0; /* Aliniat la dreapta secțiunii */
        margin-bottom: 0;
        box-sizing: border-box;
        position: relative; /* Asigură că poziționarea absolută funcționează corect */
        display: block; /* Elimină flex pentru a permite poziționare absolută */
        max-width: 100%; /* Nu depășește lățimea secțiunii */
        min-height: auto; /* Elimină min-height fix */
        z-index: 3; /* Păstrăm z-index */
    }
    
    /* Ajustare poziționare elemente din interior pentru farmacia - DOAR DESKTOP */
    /* Conținutul din interior este aliniat la stânga */
    .farmacia-title-box {
        position: relative; /* Elimină position: absolute */
        left: auto; /* Resetăm left */
        top: auto; /* Resetăm top */
        text-align: left; /* Text aliniat la stânga */
    }
    
    .farmacia-title {
        text-align: left; /* Text aliniat la stânga */
    }
    
    .farmacia-content-text {
        left: 0; /* Aliniat la stânga containerului */
        width: 100%;
        max-width: 100%;
        text-align: left; /* Text aliniat la stânga */
    }
    
    .farmacia-content-text p {
        text-align: left; /* Text aliniat la stânga */
    }
    
    /* DE CE BABÈ - Ridică secțiunea mai sus și reduce gap-ul între blocuri - DOAR DESKTOP */
    /* CALCUL BAZAT PE 1440px - Menține înălțimi constante la orice ecran desktop */
    /* La 1440px: -80px = -5.556vw, 20px = 1.389vw */
    /* Calcul min-height: bloc de jos top (470px) + height (322px) + padding-bottom (30px) = 822px */
    .dita-de-ce {
        margin-top: calc(-80px * 100vw / 1440px) !important; /* -80px la 1440px = -5.556vw - scalare proporțională */
        padding-top: calc(20px * 100vw / 1440px) !important; /* 20px la 1440px = 1.389vw - scalare proporțională */
        padding-bottom: calc(30px * 100vw / 1440px) !important; /* Padding-bottom mic - scalare proporțională */
        min-height: calc(822px * 100vw / 1440px) !important; /* 822px la 1440px (470px + 322px + 30px) - scalare proporțională */
        margin-bottom: 0 !important; /* Elimină margin-bottom */
    }
    
    /* Ridică titlul mai sus - DOAR DESKTOP - CALCUL BAZAT PE 1440px */
    /* La 1440px: 60px = 4.167vw */
    .de-ce-title {
        top: calc(60px * 100vw / 1440px) !important; /* 60px la 1440px = 4.167vw - scalare proporțională */
    }
    
    /* Ridică imaginea produselor mai sus - DOAR DESKTOP - CALCUL BAZAT PE 1440px */
    /* La 1440px: 80px = 5.556vw */
    .de-ce-products-image {
        top: calc(80px * 100vw / 1440px) !important; /* 80px la 1440px = 5.556vw - scalare proporțională */
    }
    
    /* Ridică blocurile de sus mai sus - DOAR DESKTOP - CALCUL BAZAT PE 1440px */
    /* La 1440px: 160px = 11.111vw */
    .de-ce-block:nth-child(1),
    .de-ce-block:nth-child(2) {
        top: calc(160px * 100vw / 1440px) !important; /* 160px la 1440px = 11.111vw - scalare proporțională */
    }
    
    /* Ridică blocurile de jos mai sus și reduce gap-ul - DOAR DESKTOP - CALCUL BAZAT PE 1440px */
    /* La 1440px: 470px = 32.639vw */
    .de-ce-block:nth-child(3),
    .de-ce-block:nth-child(4) {
        top: calc(470px * 100vw / 1440px) !important; /* 470px la 1440px = 32.639vw - scalare proporțională */
    }
    
}

/* Asigură afișarea tuturor categoriilor pe ecrane mai mari de 700px */
@media (min-width: 700px) {
    .dita-gama-produse {
        padding-left: 25px;
    }

    /* Asigură că containerul categoriilor este vizibil și afișează toate categoriile */
    .gama-categories {
        display: flex !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Testimoniale product image - doar desktop */
    .testimoniale-product-image img {
        position: relative !important;
        left: 20% !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        pointer-events: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* TESTIMONIALE BACKGROUND - Mai lat cu 20px pe fiecare parte */
    .testimoniale-background {
        position: absolute !important;
        left: clamp(0px, calc(39px * 100vw / 1760px), 39px) !important;
        top: 0 !important;
        width: calc(100% - clamp(0px, calc(58px * 100vw / 1760px), 78px)) !important;
        max-width: clamp(calc(90% - 68px), calc(1861px * 90vw / 1760px), 1861px) !important;
        height: clamp(400px, calc(741px * 100vw / 1760px), 741px) !important;
        background: #54575b !important;
        opacity: 0.2 !important;
        z-index: 1 !important;
        display: block !important;
        overflow: hidden !important; /* Previne ieșirea elementului ::after din background */
    }
    
    /* TESTIMONIALE - Layout flexbox/grid conform Figma - DOAR DESKTOP */
    /* Background gri la stânga */
    .dita-testimoniale {
        position: relative !important;
        padding: clamp(17px, calc(30px * 100vw / 1760px), 30px) 0 !important;
        background: transparent !important;
        min-height: clamp(320px, calc(580px * 100vw / 1760px), 580px) !important;
        overflow: hidden !important; /* Previne ieșirea elementului ::after din background */
        margin-top: clamp(34px, calc(60px * 100vw / 1760px), 60px) !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .testimoniale-background {
        position: absolute !important;
        left: clamp(0px, calc(39px * 100vw / 1760px), 39px) !important;
        top: 0 !important;
        width: calc(100% - clamp(0px, calc(78px * 100vw / 1760px), 78px)) !important;
        max-width: clamp(calc(100% - 78px), calc(1861px * 100vw / 1760px), 1861px) !important;
        height: clamp(320px, calc(580px * 100vw / 1760px), 580px) !important;
        background: #54575b !important;
        opacity: 0.2 !important;
        z-index: 1 !important;
        display: block !important;
        overflow: hidden !important; /* Previne ieșirea elementului ::after din background */
    }
    
    .testimoniale-content {
        position: relative !important;
        z-index: 2 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: clamp(200px, calc(281px * 100vw / 1760px), 281px) clamp(2px, calc(2px * 100vw / 1760px), 2px) 1fr !important;
        grid-template-rows: auto 1fr !important;
        gap: 0 !important;
        align-items: start !important;
        min-height: clamp(350px, calc(475px * 100vw / 1760px), 475px) !important;
        padding-left: clamp(20px, calc(72px * 100vw / 1760px), 72px) !important;
        padding-right: clamp(20px, calc(72px * 100vw / 1760px), 72px) !important;
        box-sizing: border-box !important;
        max-width: 100% !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    
    .testimoniale-title {
        grid-column: 3 !important;
        grid-row: 1 !important;
    
        /* înghețăm poziția exact ca la 1440 */
        margin-top: 27px !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 15% !important; 
    
        padding: 0 !important;
        font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px) !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px) !important;
        line-height: 1.1 !important;
        white-space: nowrap !important; /* Pe desktop, textul pe un singur rând */
        word-wrap: normal !important;
        overflow-wrap: normal !important;
        max-width: clamp(300px, calc(747px * 100vw / 1760px), 747px) !important;
        position: static !important;
    }
    
    
    .testimoniale-product-image {
        grid-column: 1 !important;
        grid-row: 1 / -1 !important;
        width: clamp(200px, calc(281px * 100vw / 1760px), 281px) !important;
        height: clamp(280px, calc(475px * 100vw / 1760px), 475px) !important;
        overflow: visible !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        margin-top: clamp(-12px, calc(-23px * 100vw / 1760px), -23px) !important;
        position: relative !important;
        min-height: clamp(280px, calc(475px * 100vw / 1760px), 475px) !important;
        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding-left: calc(18.9% + 10%) !important;
        padding-top: 9.83% !important;
        box-sizing: border-box !important;
    }
    
    /* Background sub produs în secțiunea testimoniale - poziție relativă exactă, scalează cu containerul */
    /* La 1440px: container height ≈ 389px, bottom = -73px ≈ -18.8% */
    /* La 1440px: container width ≈ 230px, left = -27px ≈ -11.7% */
    .testimoniale-product-image::after {
        content: '';
        position: absolute;
        /* Folosim procente relative la container pentru scalare perfectă */
        bottom: -18.8%;
        left: -11.7%;
        width: 164%;
        height: 34%;
        background: #BEBEBD;
        z-index: 0;
    }
    
    .testimoniale-product-image img {
        position: relative !important;
        left: 20% !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        pointer-events: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        max-width: none !important;
        max-height: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        background: transparent !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .testimoniale-separator {
        grid-column: 2 !important;
        grid-row: 1 / -1 !important;
        width: clamp(2px, calc(2px * 100vw / 1760px), 2px) !important;
        height: clamp(250px, calc(447px * 100vw / 1760px), 447px) !important;
        background: #9A9B98 !important;
        opacity: 0.4 !important;
        margin-top: clamp(37px, calc(93px * 100vw / 1760px), 93px) !important;
        margin-left: clamp(73px, calc(146px * 100vw / 1760px), 146px) !important;
        display: block !important;
        position: static !important;
    }
    
    .testimonial-item {
        grid-column: 3 !important;
        grid-row: 2 !important;
        position: relative !important;
        width: 100% !important;
        min-height: clamp(300px, calc(500px * 100vw / 1760px), 500px) !important;
        display: none !important; /* Ascuns implicit, doar activul este afișat */
        grid-template-columns: clamp(120px, calc(154px * 100vw / 1760px), 154px) 1fr !important;
        grid-template-rows: auto auto auto !important;
        gap: clamp(15px, calc(15px * 100vw / 1760px), 15px) !important;
        align-items: start !important;
        
        margin-left: 15% !important;
        background: transparent !important;
    }
    
    .testimonial-item.active {
        display: grid !important; /* Afișează doar itemul activ */
    }
    
    .testimonial-photo {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: clamp(120px, calc(154px * 100vw / 1760px), 154px) !important;
        height: clamp(120px, calc(149px * 100vw / 1760px), 149px) !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 0 !important;
        margin-top: clamp(44px, calc(67px * 100vw / 1760px), 67px) !important;
        position: static !important;
    }
    
    .testimonial-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(25px, calc(36.756px * 100vw / 1760px), 36.756px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(4px, calc(7.351px * 100vw / 1760px), 7.351px) !important;
        line-height: normal !important;
        margin: clamp(88px, calc(100px * 80vw / 1760px), 100px) 0 0 clamp(11px, calc(15px * 100vw / 1760px), 15px) !important;
        padding: 0 !important;
        position: static !important;
    }
    
    .testimonial-location {
        grid-column: 2 !important;
        grid-row: 1 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(18px, calc(25.729px * 100vw / 1760px), 25.729px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: none !important;
        line-height: normal !important;
        margin: calc(clamp(88px, calc(100px * 80vw / 1760px), 100px) + clamp(25px, calc(36.756px * 100vw / 1760px), 36.756px) + 10px) 0 0 clamp(11px, calc(15px * 100vw / 1760px), 15px) !important;
        padding: 0 !important;
        width: clamp(200px, calc(310.588px * 100vw / 1760px), 310.588px) !important;
        white-space: pre-wrap !important;
        position: static !important;
    }
    
    .testimonial-quote {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 300 !important; /* Același ca farmacia-content-text */
        font-size: clamp(25.5px, calc(30px * 100vw / 1920px * 0.85), 30px) !important; /* Același ca farmacia-content-text */
        font-style: normal !important;
        color: #575855 !important;
        text-transform: none !important;
        letter-spacing: normal !important; /* Eliminat letter-spacing specific */
        line-height: normal !important;
        margin: clamp(20px, calc(30px * 100vw / 1760px), 30px) 0 0 0 !important;
        padding: 0 !important;
        width: clamp(400px, calc(747px * 100vw / 1760px), 747px) !important;
        white-space: normal !important; /* Permite formatarea cu <br> */
        position: static !important;
    }
    
    .testimonial-quote p,
    .testimonial-quote br {
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
    }
    
    .testimoniale-navigation {
        grid-column: 3 !important;
        grid-row: 2 !important;
        width: clamp(150px, calc(205px * 100vw / 1760px), 205px) !important;
        height: clamp(80px, calc(108px * 100vw / 1760px), 108px) !important;
        background: #9A9A9A !important;
        opacity: 0.2 !important;
        margin-top: calc(auto - 50px) !important;
        margin-bottom: 0 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(20px, calc(30px * 100vw / 1760px), 30px) !important;
        position: relative !important;
        align-self: flex-end !important;
        pointer-events: auto !important;
        z-index: 100 !important;
        transform: translateY(-50px) !important;
    }
    
    .testimonial-arrow {
        position: relative !important;
        background: transparent !important;
        border: none !important;
        width: clamp(50px, calc(79px * 100vw / 1760px), 79px) !important;
        height: auto !important;
        flex-shrink: 0 !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: opacity 0.3s ease !important;
        padding: 0 !important;
        pointer-events: auto !important;
        z-index: 1000 !important; /* Z-index mare pentru a fi deasupra tuturor */
        user-select: none !important; /* Previne selecția textului */
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
    }
    
    .testimonial-arrow:hover {
        opacity: 0.8 !important;
    }
    
    .testimonial-arrow img {
        width: 60% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        filter: brightness(0.7) !important;
    }
    
    .testimonial-arrow-prev {
        order: 1 !important;
    }
    
    .testimonial-arrow-next {
        order: 2 !important;
    }
}

/* Regula de mai sus este pentru desktop - păstrăm padding: 0 */

/* ȘTIINȚA DIN SPATELE BABÈ */
.dita-stiinta {
    position: relative;
    padding: 0;
    padding-bottom: 0; /* Fără padding jos */
    margin-bottom: 0; /* Fără margin jos */
    background: transparent;
    min-height: auto; /* Elimină min-height fix pentru a elimina spațiul jos */
    overflow: hidden;
}

.stiinta-background {
    position: absolute;
    left: clamp(20px, 2.604vw, 50px); /* Responsive: 20px pe mobile, 50px pe desktop */
    top: 0;
    width: clamp(calc(100% - 40px), calc(100% - 100px), 1820px); /* Responsive: se adaptează la lățimea ecranului */
    max-width: calc(100% - clamp(20px, 2.604vw, 50px) * 2); /* Responsive max-width */
    height: clamp(300px, 32.865vw, 631px); /* Responsive: 300px pe mobile, 631px pe desktop (32.865vw la 1920px) */
    background-image: url('/wp-content/uploads/2025/12/Stiinta_babe.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.stiinta-gradient-overlay {
    display: none; /* Element eliminat */
}

.stiinta-content {
    position: relative;
    z-index: 3;
    padding: 0;
    padding-bottom: 0; /* Fără padding jos */
    margin-bottom: 0; /* Fără margin jos */
    min-height: auto; /* Elimină min-height fix pentru a elimina spațiul jos */
}

.stiinta-title {
    position: relative;
    left: calc(41.67% + 41px);
    top: 5vh;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px);
    font-style: normal;
    color: #575855;
    text-transform: uppercase;
    letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px);
    line-height: normal;
    margin: 0;
    padding: 0;
    width: 1319.619px;
    max-width: calc(100% - calc(41.67% + 41px) - 50px);
    white-space: pre-wrap;
}

.stiinta-box {
    position: relative;
    left: calc(41.67% + 41px);
    top: 5vh;
    margin-top: clamp(10px, 2vh, 20px); /* Gap redus între title și box */
    width: clamp(200px, 21vw, 302px); /* Plafonare la valoarea de 1440px ca să nu se întindă pe ecrane mari */
    height: clamp(42px, 3.75vw, 60px);
    background: white;
    border-radius: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stiinta-acronym {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: 51.149px;
    font-style: normal;
    color: #575855;
    text-transform: uppercase;
    letter-spacing: 10.2297px;
    line-height: normal;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
}

.stiinta-content-text {
    position: relative;
    left: calc(41.67% + 41px);
    top: auto;
    margin-top: clamp(10px, 2vh, 20px); /* Gap redus între box și text */
    margin-bottom: 0; /* Fără margin jos */
    padding: 0; /* Fără padding */
    padding-bottom: 0; /* Fără padding jos */
    font-family: 'Brandon Text', sans-serif;
    font-weight: 300;
    font-size: clamp(25.5px, calc(30px * 100vw / 1920px * 0.85), 30px); /* Scalare mai agresivă cu 15% */
    font-style: normal;
    color: #575855;
    line-height: normal;
    width: 946.18px;
    max-width: calc(100% - calc(41.67% + 41px) - 50px);
    white-space: pre-wrap;
}

.stiinta-content-text p {
    margin: 0;
    margin-bottom: 0; /* Fără margin jos */
    padding: 0;
    padding-bottom: 0; /* Fără padding jos */
    white-space: pre-wrap;
}

/* FARMACIA FAMILIEI */
.dita-farmacia {
    position: relative;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    background: transparent;
    min-height: auto;
    overflow: hidden;
    margin-top: 5vh;
}

.farmacia-background {
    position: absolute;
    left: clamp(20px, 2.604vw, 50px); /* Responsive: 20px pe mobile, 50px pe desktop */
    top: 0;
    width: clamp(calc(100% - 40px), calc(100% - 100px), 1820px); /* Responsive: se adaptează la lățimea ecranului */
    max-width: calc(100% - clamp(20px, 2.604vw, 50px) * 2); /* Responsive max-width */
    height: clamp(200px, 22.917vw, 440px); /* Responsive: 200px pe mobile, 440px pe desktop (22.917vw la 1920px) */
    background-image: url('/wp-content/uploads/2025/12/Farmaciei-Familiei.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.farmacia-gradient-overlay {
    display: none; /* Element eliminat */
}

.farmacia-content {
    position: relative;
    z-index: 3;
    padding: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: auto;
}

.farmacia-title-box {
    position: relative;
    left: auto;
    top: 4vh;
    width: clamp(280px, 45vw, 648px); /* Cap la lățimea din designul de 1440px */
    height: clamp(48px, 7vh, 72px);
    background: #FFF;
    border-radius: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.farmacia-title {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: clamp(46.75px, calc(55px * 100vw / 1920px * 0.85), 55px); /* Scalare mai agresivă cu 15% - unificat cu stiinta-title */
    font-style: normal;
    color: #575855;
    text-transform: uppercase;
    letter-spacing: clamp(9.35px, calc(11px * 100vw / 1920px * 0.85), 11px); /* Scalare proporțională letter-spacing */
    line-height: normal;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

.farmacia-content-text {
    position: relative;
    left: auto;
    top: auto;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 300;
    font-size: clamp(25.5px, calc(30px * 100vw / 1920px * 0.85), 30px); /* Scalare mai agresivă cu 15% - unificat cu stiinta-content-text */
    font-style: normal;
    color: #575855;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    width: 90%;
    max-width: 90%;
    white-space: pre-wrap;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
}

.farmacia-content-text p {
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
}

/* TESTIMONIALE */
/* TESTIMONIALE - Reguli generale pentru mobile (suprascrise de desktop) */
.dita-testimoniale {
    position: relative;
    padding: clamp(36px, 6vw, 70px) var(--dita-space);
    background: #f5f5f5;
    min-height: auto;
    margin-top: clamp(28px, 4vw, 48px);
}

.testimoniale-background {
    display: none; /* Ascuns pe mobile, afișat pe desktop */
}

.testimoniale-content {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    gap: clamp(14px, 2.4vw, 24px);
    align-items: start;
    max-width: var(--dita-container);
    margin: 0 auto;
    padding: clamp(18px, 3vw, 28px);
    background: transparent;
    border-radius: 16px;
}

.testimoniale-title {
    position: static !important;
    margin: 0;
    padding: 0;
    font-size: var(--dita-title);
    letter-spacing: clamp(0.18rem, 0.7vw, 0.8rem);
    text-align: left;
    max-width: 100%;
    overflow-wrap: break-word;
    grid-column: 1;
}

/* Duplicate rule removed - using general rules above */

.testimoniale-separator {
    display: none; /* Ascuns pe mobile */
}

.testimonial-item {
    position: static !important;
    width: 100%;
    display: none; /* ascuns implicit, doar activul este afișat */
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "photo name"
        "photo location"
        "photo quote";
    column-gap: clamp(12px, 2vw, 18px);
    row-gap: 6px;
    grid-column: 1;
}

.testimonial-item.active {
    display: grid;
}

.testimonial-photo {
    position: static !important;
    grid-area: photo;
    width: 84px;
    height: 84px;
    object-fit: cover;
    object-position: center;

}

.testimonial-name {
    position: static !important;
    grid-area: name;
    margin: 0;
    font-size: clamp(18px, 1.5vw, 24px);
    letter-spacing: clamp(3px, 0.6vw, 7px);
    text-transform: uppercase;
}

.testimonial-location {
    position: static !important;
    grid-area: location;
    margin: 0;
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.3;
    text-transform: capitalize;
}

.testimonial-quote {
    position: static !important;
    grid-area: quote;
    margin: 4px 0 0 0;
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.testimonial-quote p {
    margin: 0;
    padding: 0;
    line-height: normal;
}

.testimoniale-navigation {
    position: static !important;
    grid-column: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(10px, 2vw, 14px);
    margin-top: clamp(6px, 1vw, 10px);
}

.testimoniale-navigation .testimonial-arrow {
    position: static !important;
    width: clamp(38px, 4vw, 52px);
    height: clamp(38px, 4vw, 52px);
    background: rgba(87, 88, 85, 0.12);
    border: none;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: background 0.3s ease;
}

.testimoniale-navigation .testimonial-arrow:hover {
    background: rgba(87, 88, 85, 0.25);
}

.testimoniale-navigation .testimonial-arrow img {
    width: clamp(16px, 2vw, 22px);
    height: auto;
}

.testimonial-arrow-prev,
.testimonial-arrow-next {
    position: static;
    order: 0;
}

.testimonial-content {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #797979;
    line-height: 1.6;
    margin: 0 0 15px 0;
}

/* FAQ SECTION */
.dita-faq {
    position: relative;
    padding: 100px 0;
    background: transparent;
}

.faq-background {
    position: absolute;
    inset: 0;
    background: url('/wp-content/uploads/2025/12/FAQ.jpg');
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    z-index: 1;
}

.dita-faq .container {
    position: relative;
    z-index: 2;
    text-align: left;
    margin-left: 0;
}

.dita-faq .section-title {
    color: #FFFBF8;
    text-align: left;
    margin-bottom: 10vh; /* Margin-bottom de 10% din înălțimea viewport-ului */
    margin-left: 0;
    padding-bottom: 0;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 55px;
    font-style: normal;
    letter-spacing: 11px;
    text-transform: uppercase;
    line-height: normal;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
    /* font-weight: 420 - not standard CSS, using 400 */
}

.faq-items {
    max-width: 941.257px;
    margin: 0;
    margin-left: 0;
    text-align: left;
}

.faq-item {
    background: #FFFBF8;
    margin-bottom: 10px; /* Gap redus între elemente */
    border-radius: 0;
    overflow: visible;
    box-sizing: border-box;
    width: fit-content;
    min-width: 256.857px;
    max-width: 941.257px;
    margin-left: 0;
    margin-right: auto;
}

/* Card mai mic pentru întrebări scurte */
.faq-item-short {
    max-width: 400px !important;
}

.faq-item-short .faq-question {
    max-width: 100%;
}

.faq-question {
    display: flex;
    width: 100%;
    min-width: 256.857px;
    min-height: 66.286px;
    padding: 0 clamp(12px, calc(16.571px * 100vw / 1920px), 16.571px); /* Fără padding vertical, doar orizontal */
    margin-top: 0;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
    gap: 21px;
    flex-shrink: 0;
    cursor: pointer;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 19.886px;
    font-style: normal;
    color: #575855;
    text-transform: uppercase;
    letter-spacing: 3.977px;
    line-height: normal;
    box-sizing: border-box;
    background: #FFFBF8;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
    /* font-weight: 420 - not standard CSS, using 400 */
}

.faq-question span:first-child {
    flex: 1;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-right: auto;
    min-width: 0;
}

.faq-toggle {
    font-size: 35px;
    font-weight: 500;
    color: #575855;
    letter-spacing: 7px;
    transition: transform 0.3s;
    flex-shrink: 0;
    margin-left: auto;
    order: 2;
}

.faq-item.active .faq-toggle {
    transform: rotate(45deg);
}

.faq-answer {
    padding: 0 clamp(15px, calc(21px * 100vw / 1920px), 21px);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s, padding 0.3s;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: clamp(14px, calc(16px * 100vw / 1920px), 16px);
    color: #797979;
    line-height: 1.6;
    text-align: left;
}

.faq-item.active .faq-answer {
    max-height: clamp(300px, calc(500px * 100vw / 1920px), 500px);
    padding: clamp(8px, calc(10px * 100vw / 1920px), 10px) clamp(15px, calc(21px * 100vw / 1920px), 21px);
}

/* UNDE GĂSEȘTI PRODUSELE */
.dita-unde-gasesti {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.unde-gasesti-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #54575b;
    z-index: 1;
}

.unde-gasesti-container {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.unde-gasesti-title {
    position: absolute;
    left: 50%;
    top: 64px;
    transform: translateX(-50%);
    font-family: 'Brandon Text', sans-serif;
    font-weight: 500;
    font-size: clamp(20px, calc(55px * 100vw / 1920px * 0.75), 55px); /* Scalare mai agresivă - mai mic pe ecrane medii */
    font-style: normal;
    color: #FFFBF8;
    text-align: center;
    letter-spacing: clamp(4px, calc(11px * 100vw / 1920px * 0.75), 11px); /* Scalare proporțională */
    text-transform: uppercase;
    line-height: normal;
    margin: 0;
    padding: 0;
    white-space: nowrap; /* Text pe un singur rând pe ecrane mari */
}

/* Pe ecrane mai mici, permite wrap în 2 rânduri și centrează */
@media (max-width: 1400px) {
    .unde-gasesti-title {
        white-space: normal !important;
        max-width: 90% !important;
        line-height: 1.3 !important;
        /* Font-size mai mic pe ecrane medii */
        font-size: clamp(20px, calc(46.75px * 100vw / 1400px), 46.75px) !important;
        letter-spacing: clamp(4px, calc(9.35px * 100vw / 1400px), 9.35px) !important;
    }
    
    /* Mută logotipurile mai jos când titlul se împarte în 2 rânduri */
    .unde-gasesti-pharmacies {
        margin-top: clamp(80px, calc(200px * 100vw / 1920px), 200px) !important;
    }
}

.unde-gasesti-pharmacies {
    position: static; /* Eliminat absolute - full responsive */
    left: auto; /* Eliminat left */
    top: auto; /* Eliminat top */
    display: flex;
    gap: clamp(200px, calc(400px * 100vw / 1920px), 400px); /* Gap de 400px responsive */
    width: 100%; /* Full width responsive */
    max-width: 100%;
    margin: clamp(50px, calc(150px * 100vw / 1920px), 150px) auto 0; /* Mută cu 300px mai jos, responsive */
    justify-content: center; /* Aliniere pe mijloc */
    align-items: center; /* Aliniere verticală pe mijloc */
}

.pharmacy-item {
    display: flex;
    flex-direction: column;
    gap: 26.84px;
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    white-space: pre-wrap;
    color: #FFFFFF;
    z-index: 3;
    margin-top: 20px;
}

.pharmacy-item-left {
    /* Desktop: lățime țintă 250px, dar responsive și se poate micșora pe ecrane mai înguste */
    width: clamp(200px, 15.5vw, 250px);
    text-align: center;
    align-items: center;
    position: relative;
    left: 0;
    flex-shrink: 0;
    margin-top: 10px;
}

.pharmacy-item-center {
    /* Desktop: lățime țintă 250px, dar responsive și se poate micșora pe ecrane mai înguste */
    width: clamp(200px, 15.5vw, 250px);
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pharmacy-name {
    font-family: 'Brandon Text', sans-serif;
    font-size: 25.562px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 5.112px;
    text-transform: uppercase;
    color: #FFF !important;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 4;
    /* leading-trim: both; - experimental property */
    /* text-edge: cap; - experimental property */
    /* font-weight: 390 - not standard CSS, using 400 */
}

.pharmacy-location {
    font-size: 17.893px;
    text-transform: capitalize;
    color: #FFFFFF !important;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 4;
}

.pharmacies-list h3,
.online-partners h3 {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 25.562px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 5.1124px;
    margin: 0 0 26px 0;
}

.pharmacy-item,
.online-item {
    margin-bottom: 30px;
}

.pharmacy-item h4,
.online-item a {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 17.893px;
    color: white;
    text-transform: capitalize;
    margin: 0 0 10px 0;
    text-decoration: none;
}

/* Removed .pharmacy-item p - using specific .pharmacy-name and .pharmacy-location instead */

.online-item a:hover {
    text-decoration: underline;
}

/* FOOTER */
.dita-footer {
    position: relative;
    width: 100%;
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: clamp(300px, calc(443px * 100vw / 1920px), 443px); /* Responsive min-height */
    overflow: hidden;
}

.footer-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #54575b;
    opacity: 0.2;
    z-index: 1;
}

.footer-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    min-height: clamp(300px, calc(443px * 100vw / 1920px), 443px); /* Responsive min-height */
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 coloane pentru 2 elemente */
    gap: clamp(40px, calc(100px * 100vw / 1920px), 100px); /* Gap responsive între cele 2 elemente */
    align-items: start;
    padding: clamp(20px, calc(74px * 100vw / 1920px), 74px) clamp(20px, calc(98px * 100vw / 1920px), 98px); /* Padding responsive */
    box-sizing: border-box;
}

.footer-left {
    position: relative; /* Schimbat de la absolute */
    left: auto;
    top: auto;
    display: flex;
    flex-direction: column;
    gap: clamp(15px, calc(20px * 100vw / 1920px), 20px); /* Gap responsive între elementele din footer-left */
}

.footer-logo {
    position: relative; /* Schimbat de la absolute */
    left: auto;
    top: auto;
    width: clamp(100px, calc(136.706px * 100vw / 1920px), 136.706px); /* Responsive width */
    height: clamp(30px, calc(44.568px * 100vw / 1920px), 44.568px); /* Responsive height */
    margin-bottom: clamp(15px, calc(20px * 100vw / 1920px), 20px); /* Margin responsive */
}

.footer-logo img,
.footer-logo svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.footer-description {
    position: relative; /* Schimbat de la absolute */
    left: auto;
    top: auto;
    width: 100%; /* Full width în cadrul coloanei */
    max-width: clamp(280px, calc(440px * 100vw / 1920px), 440px); /* Responsive max-width */
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: clamp(12px, calc(14px * 100vw / 1920px), 14px); /* Responsive font-size */
    color: #575855;
    opacity: 0.7;
    margin: 0;
    padding: 0;
    line-height: normal;
    white-space: pre-wrap;
}

.footer-social-section {
    position: relative; /* Schimbat de la absolute */
    left: auto;
    top: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(8px, calc(12px * 100vw / 1920px), 12px); /* Responsive gap */
    height: clamp(12px, calc(14px * 100vw / 1920px), 14px); /* Responsive height */
    flex-wrap: nowrap;
    margin-top: clamp(10px, calc(15px * 100vw / 1920px), 15px); /* Margin responsive */
}

.footer-social-section .follow-text {
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #3b3939;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    margin: 0;
    padding: 0;
    line-height: normal;
    white-space: nowrap;
    display: inline-block;
    flex-shrink: 0;
}

.footer-social-icons {
    display: flex;
    align-items: center;
    gap: 30px;
    height: 14px;
}

.footer-social-icons .social-icon {
    display: block;
    width: 14px;
    height: 14px;
    color: #575855;
}

.footer-social-icons .social-icon svg {
    width: 100%;
    height: 100%;
    fill: #575855 !important;
}

.footer-social-icons .social-icon svg path {
    fill: #575855 !important;
}

.footer-menu {
    position: relative; /* Schimbat de la absolute */
    left: auto;
    top: auto;
    display: flex;
    flex-direction: column;
    gap: clamp(15px, calc(20px * 100vw / 1920px), 20px); /* Responsive gap */
    align-items: flex-start;
    justify-content: flex-start;
    margin-left: 40%; /* Mută meniul cu 10% la dreapta pe desktop */
}

.footer-menu-link {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: clamp(16px, calc(20px * 100vw / 1920px), 20px); /* Responsive font-size */
    font-style: normal;
    color: #575855;
    text-transform: uppercase;
    letter-spacing: clamp(3px, calc(4px * 100vw / 1920px), 4px); /* Responsive letter-spacing */
    text-decoration: none;
    line-height: normal;
    white-space: pre-wrap;
    margin: 0;
    padding: 0;
    transition: color 0.3s;
}

.footer-menu-link:hover {
    color: #575855;
    opacity: 0.8;
}

/* Copyright Section */
.footer-copyright {
    position: relative;
    width: 100%;
    height: clamp(60px, calc(78px * 100vw / 1920px), 78px); /* Responsive height */
    background: #54575b;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: clamp(20px, calc(116.83px * 100vw / 1920px), 116.83px); /* Responsive padding-left */
    padding-right: clamp(20px, calc(116.83px * 100vw / 1920px), 116.83px); /* Responsive padding-right */
    box-sizing: border-box;
    z-index: 10;
}

.copyright-text {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    color: #FFF;
    text-transform: capitalize;
    line-height: normal;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
}

.copyright-links {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    z-index: 11;
}

.copyright-link {
    font-family: 'Brandon Text', sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    color: #FFF;
    text-decoration: none;
    line-height: normal;
    text-transform: capitalize;
    transition: opacity 0.3s;
    position: relative;
    z-index: 12;
    cursor: pointer;
    pointer-events: auto;
}

.copyright-link:hover {
    opacity: 0.8;
}

/* Ascunde footer-ul default WordPress */
#footer,
footer#footer,
.site-footer,
.wp-block-template-part[data-area="footer"] {
    display: none !important;
}

.footer-social a {
    width: 20px;
    height: 20px;
    display: block;
}

.footer-social a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* RESPONSIVE - Se oprește la 1439px pentru a evita conflictul cu dita-1440px-optimization.css */
@media (max-width: 1439px) {
    .hero-title .title-line1,
    .hero-title .title-line2 {
        font-size: clamp(48px, 5.2vw, 100px); /* Responsive, păstrăm clamp(), 100px pe desktop */
    }
    
    .section-title {
        font-size: 45px;
    }
}

@media (max-width: 1024px) {
    .despre-content,
    .stiinta-content,
    .farmacia-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .de-ce-blocks {
        grid-template-columns: 1fr;
    }
    
    
    .products-carousel {
        grid-template-columns: 1fr;
    }
    
    .unde-gasesti-content {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   MOBILE RESPONSIVE - Toate telefoanele mobile
   EXACT ca în Figma - DOAR FLEXBOX/GRID, FĂRĂ ABSOLUTE/FIXED
   ============================================ */
@media (max-width: 768px) {
    /* Gama header pe mobil */
    /* IMPORTANT: Eliminat limitarea înălțimii pentru a permite imaginii să se vadă complet */
    .gama-header {
        position: relative !important;
        height: auto !important; /* Auto pentru a permite imaginii să determine înălțimea */
        min-height: 190px !important; /* Minimum pentru layout, dar permite creștere */
        width: 100% !important;
        overflow: visible !important; /* Visible pentru a permite imaginii să se vadă complet */
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 10px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    /* Gama header: fără overlay pe mobile */
    .gama-header::after {
        display: none !important;
    }
    
    /* Header main content */
    .header-main-content {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .main-menu {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    /* Hero image switching - păstrăm doar vizibilitatea, layout-ul e mai jos */
    .hero-image-desktop {
        display: none !important;
    }

    .hero-image-mobile {
        display: block !important;
    }

    /* Despre section */
    .dita-despre {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        min-height: auto !important;
        padding: clamp(20px, 4vw, 40px) var(--dita-space) !important;
    }

    .despre-content {
        align-items: center !important;
    }

    .despre-serum-image {
        max-width: 520px !important;
        margin: 0 auto !important;
    }

    .despre-image-mobile {
        display: block !important;
    }

    .despre-serum-image:not(.despre-image-mobile) {
        display: none !important;
    }

    /* De ce section */
    .dita-de-ce {
        grid-template-columns: 1fr !important;
    }

    .de-ce-products-image {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .de-ce-block {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    /* Stiinta & Farmacia */
    .dita-stiinta,
    .dita-farmacia {
        grid-template-columns: 1fr !important;
        padding: clamp(36px, 8vw, 60px) var(--dita-space) !important;
    }

    .stiinta-content,
    .farmacia-content {
        align-items: center !important;
        text-align: center !important;
    }

    .unde-gasesti-pharmacies {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    }

    .footer-copyright {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    
    /* Base - Container principal STRETCH - ocupă toată lățimea */
    body.dita-landing-page {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .container {
        padding: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* HEADER MOBILE - STRETCH - ocupă toată lățimea */
    .dita-header {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Header Top Bar - STRETCH - ocupă toată lățimea */
    .header-top-bar {
        background: #54575b !important;
        height: 100px !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    .header-top-content {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    /* Logo - Mută logo-ul din header-main în header-top-bar pe mobile */
    .header-main {
        display: none !important;
    }
    
    /* Logo wrapper în header-top-bar - Aliniat cu hero section */
    .header-top-bar .logo-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        height: 44.471px !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 0 0 calc(clamp(20px, 4.17vw, 80px) - 5% + 10px) !important; /* Aliniat cu padding-inline al hero section, mutat cu 5% la stânga + 10px la dreapta */
        z-index: 10 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .header-top-bar .logo-wrapper a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    .header-top-bar .logo-wrapper .logo-image,
    .header-top-bar .logo-wrapper svg {
        width: 136.706px !important;
        height: 44.567px !important;
        flex-shrink: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        filter: none !important; /* Elimină toate filter-urile */
    }
    
    /* Logo-ul trebuie să fie alb pe fundal gri închis */
    .header-top-bar .logo-wrapper svg path {
        fill: #FFFFFF !important; /* Logo alb pe mobile */
    }
    
    /* Ascunde social-links-desktop pe mobile */
    .social-links-desktop {
        display: none !important;
    }
    
    /* Ascunde search icon și social links pe mobile */
    .search-icon,
    .social-links {
        display: none !important;
    }
    
    /* Hamburger Menu Button - ÎN DREAPTA - FLEXBOX, FĂRĂ ABSOLUTE */
    .header-top-content .hamburger-menu-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        background: transparent !important;
        border: none !important;
        cursor: pointer !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        right: auto !important;
        top: auto !important;
        transform: none !important;
        margin: 0 20px 0 0 !important; /* Margin right pentru poziționare */
        z-index: 10 !important;
    }
    
    .hamburger-menu-btn svg {
        width: 40px !important; /* Mărit de la 30px la 40px */
        height: 40px !important; /* Mărit de la 30px la 40px */
        filter: none !important; /* Elimină filter-ul */
    }
    
    /* Asigură că stroke-urile din hamburger sunt albe și mai groase */
    .hamburger-menu-btn svg path {
        stroke: #FFFFFF !important;
        stroke-width: 2.5px !important; /* Mai groase pentru a fi mai vizibile */
    }
    
    /* Mobile Menu - Hamburger Menu - STRETCH - FĂRĂ FIXED */
    .mobile-menu {
        display: none;
        position: relative !important; /* RELATIVE, NU FIXED */
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        background: #54575b;
        z-index: 9999;
        padding: 20px;
        flex-direction: column;
        gap: 20px;
    }
    
    .mobile-menu.active {
        display: flex;
    }
    
    .mobile-menu .menu-link {
        color: white;
        font-size: 12px;
        letter-spacing: 2.4px;
        text-transform: uppercase;
        text-decoration: none;
        padding: 10px 0;
    }
    
    .main-menu {
        display: none;
    }
    
    .language-selector,
    .lang-selector {
        display: none;
    }
    
    /* HERO SECTION MOBILE - STRETCH - FĂRĂ PADDING ȘI MARGIN */
    .dita-hero {
        --hero-mobile-pad: clamp(10px, 4vw, 20px);
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: clamp(16px, 5vw, 28px) var(--hero-mobile-pad) clamp(20px, 5vw, 32px) !important;
        min-height: auto !important;
        max-height: none !important;
        background: #F5F5F5;
        overflow: visible !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: clamp(12px, 4vw, 24px) !important;
    }
    
    .hero-background {
        display: none;
    }
    
    /* Hero Image - FLEXBOX, FĂRĂ ABSOLUTE */
    .hero-image-wrapper {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: calc(100% + var(--hero-mobile-pad) * 2) !important; /* Depășește padding-ul lateral */
        max-width: none !important;
        height: auto !important;
        min-height: clamp(320px, 60vw, 520px);
        margin: clamp(-20px, -3vw, 0px) calc(-1 * var(--hero-mobile-pad)) 0 calc(-1 * var(--hero-mobile-pad)) !important; /* Întinde peste marginile laterale */
        padding: 0 0 clamp(70px, 12vw, 110px) 0 !important; /* Rezervă spațiu pentru buton */
        z-index: 2;
        overflow: hidden !important;
        display: flex !important;
        justify-content: center !important; /* Centrat */
        align-items: center !important;
        order: 2 !important; /* După text */
        flex: 1 1 auto;
    }
    
    .hero-image-wrapper img,
    .hero-image-mobile {
        width: 85% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: clamp(320px, 60vw, 520px);
        object-fit: cover !important;
        object-position: right center !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translate(13%, -2%) scale(1) !important;
        transform-origin: center top !important;
    }
    
    /* Asigură că doar o imagine este vizibilă pe mobile */
    .hero-image-wrapper .hero-image-desktop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    .hero-image-wrapper .hero-image-mobile {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Forțează imaginea specifică pe mobile */
    .hero-image-wrapper .hero-image-mobile {
        content: url('/wp-content/uploads/2025/11/Frame-1000003929.png') !important;
    }
    
    /* Hero Content - FLEXBOX, FĂRĂ ABSOLUTE */
    .hero-content {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 10;
        order: 1 !important; /* Înaintea imaginii */
        transform: none !important;
        flex: 0 0 auto;
    }
    
    .hero-content .container {
        padding: 0 20px !important;
        max-width: 100% !important;
    }
    
    /* Hero Text - FLEXBOX, FĂRĂ ABSOLUTE */
    .hero-text {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: auto !important;
        text-align: left !important;
        padding: 12px 0 !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 10 !important;
    }
    
    /* Hero Section - FLEXBOX COLUMN */
    .dita-hero {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .hero-title {
        margin-top: -4% !important;
        line-height: 1.2 !important;
        text-align: left !important;
        color: #575855 !important;
        font-family: "Brandon Text", sans-serif !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    .hero-title .title-line1 {
        display: block !important;
        color: #575855 !important;
        font-family: "Brandon Text", sans-serif !important;
        font-size: clamp(32px, 9vw, 56px) !important; /* Responsive pentru mobile */
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important; /* Conform Figma */
        letter-spacing: clamp(4px, 1vw, 12px) !important; /* Responsive pentru mobile */
        text-transform: uppercase !important;
        margin-bottom: 5px !important;
        margin-top: 0 !important;
        padding: 0;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .hero-title .title-line2 {
        display: block !important;
        color: #575855 !important;
        font-family: "Brandon Text", sans-serif !important;
        font-size: clamp(32px, 9vw, 56px) !important; /* Responsive pentru mobile */
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: normal !important; /* Conform Figma */
        letter-spacing: clamp(4px, 1vw, 12px) !important; /* Responsive pentru mobile */
        text-transform: uppercase !important;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        padding: 0;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .hero-subtitle {
        margin: -5% 0 0 0 !important;
        line-height: 1.3 !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    .hero-subtitle span {
        display: block !important;
        font-size: 20.81px !important;
        letter-spacing: normal;
        line-height: 1.3 !important;
        margin-bottom: 2px !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .hero-subtitle span:last-child {
        line-height: 1.2;
        margin-bottom: 0 !important;
    }
    
    /* Hero Description - VIZIBIL, RELATIV LA TEXT */
    .hero-description {
        position: relative !important; /* Relativ la hero-text */
        left: 0 !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        color: #575855 !important;
        font-family: "Brandon Text", sans-serif !important;
        font-size: 16.218px !important;
        font-style: normal !important;
        font-weight: 300 !important; /* Font-weight 300 pentru restul textului */
        line-height: 1.4 !important;
        text-transform: uppercase !important;
        margin: 8px 0 0 0 !important;
        padding: 0;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    /* Stil pentru partea "— 30+ ani de cercetare..." */
    .hero-description .hero-description-after {
        color: rgb(87, 88, 85) !important; /* #575855 */
        font-family: "Brandon Text", sans-serif !important;
        font-size: 16px !important;
        font-style: normal !important;
        font-weight: 300 !important; /* Font-weight 300 */
        line-height: normal !important;
        text-transform: uppercase !important;
        padding-right: 5px !important;
    }
    
    /* Ascunde butonul desktop pe mobile */
    .hero-button-desktop {
        display: none !important;
    }
    
    /* Arată butonul mobile */
    .hero-button-mobile {
        display: flex !important;
    }
    
    /* Hero Button - FLEXBOX, FĂRĂ ABSOLUTE - SUB IMAGINE */
    .hero-image-wrapper {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .hero-image-wrapper .hero-button-mobile {
        position: relative !important; /* Fără absolute pe mobile */
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: clamp(200px, 70vw, 260px) !important;
        max-width: calc(100% - 40px) !important;
        height: 56px !important;
        padding: 6px 12px !important;
        font-size: 16px !important;
        letter-spacing: 3px !important;
        border-radius: 23px;
        background: white !important;
        color: #575855 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important; /* Aliniere centru pentru text */
        margin: clamp(-190px, -30vw, -130px) auto clamp(24px, 6vw, 40px) auto !important; /* Buton și mai sus peste imagine */
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* DESPRE SECTION MOBILE - STRETCH - ÎNĂLȚIME EXACTĂ PENTRU TOATE ELEMENTELE - FĂRĂ SPAȚIU ÎNAINTE */
    /* Container părinte cu position: relative pentru poziționarea absolută a background-ului */
    section.dita-despre {
        position: relative !important; /* RELATIVE PENTRU ABSOLUTE CHILDREN */
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: clamp(20px, 4vw, 40px) var(--dita-space) !important;
        min-height: auto !important;
        background: #F5F5F5;
    }
    
    /* ASCUNDE IMAGINEA DESKTOP PE MOBILE - METODĂ OPTIMALĂ - FĂRĂ ABSOLUTE */
    /* Ascunde div-ul desktop care nu are clase mobile */
    .dita-despre > .despre-serum-image:not(.despre-background-grey):not(.despre-serum-bodegon):not(.despre-image-mobile) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Ascunde și imaginea din interior pentru siguranță */
    .dita-despre > .despre-serum-image:not(.despre-background-grey):not(.despre-serum-bodegon):not(.despre-image-mobile) img {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
    }
    
    /* ASCUNDE IMAGINEA Frame-1000003634.png PE MOBILE - REGULĂ SPECIFICĂ - FĂRĂ ABSOLUTE */
    img[src*="Frame-1000003634"],
    img[src*="Frame-1000003634.png"],
    .dita-despre img[src*="Frame-1000003634"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
    }
    
    /* ARATĂ IMAGINILE MOBILE */
    .despre-image-mobile,
    .despre-serum-image.despre-background-grey,
    .despre-serum-image.despre-serum-bodegon {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* ASCUNDE DOAR IMAGINEA DIN .despre-serum-image.despre-background-grey.despre-image-mobile PE MOBILE, PĂSTREAZĂ BACKGROUND-UL */
    .despre-serum-image.despre-background-grey.despre-image-mobile {
        display: block !important; /* Păstrează elementul vizibil pentru background */
        visibility: visible !important;
        opacity: 1 !important;
        background: #D9D9D9 !important; /* Păstrează background-ul gri */
    }
    
    .despre-serum-image.despre-background-grey.despre-image-mobile img {
        display: none !important; /* Ascunde doar imaginea */
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Despre Image Background Grey - POSITION ABSOLUTE - BACKGROUND DECORATIV ÎN SPATELE TEXTULUI ȘI IMAGINII */
    .despre-serum-image.despre-background-grey {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 10px !important;
        right: 10px !important; /* 10px stânga + 10px dreapta */
        width: auto !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        background: #d9d9d9 !important;
        z-index: 0 !important;
        margin: 0 !important;
        padding: 0 5px !important; /* 5px stânga/dreapta */
    }
    
    .despre-serum-image.despre-background-grey img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Despre Content - FLEXBOX COLUMN - PESTE BACKGROUND */
    .despre-content {
        position: relative !important;
        z-index: 4 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        width: 90% !important;
        max-width: 100% !important;
    }
    
    .despre-content .section-title {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: 29px !important;
        letter-spacing: 5.8px !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        line-height: normal !important;
        margin: 0 0 10px 0 !important; /* Eliminat margin-top pentru a reduce spațiul sus */
        padding: 0 !important;
        text-align: left !important;
    }
    
    /* Despre Text - FLEXBOX, FĂRĂ ABSOLUTE */
    .despre-content-text {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 17.17px !important;
        color: #797979 !important;
        line-height: 1.5 !important;
        margin: 0 0 10px 0 !important; /* Gap redus de la 20px la 10px */
        padding: 0 !important;
        text-align: left !important;
    }
    
    .despre-content-text p {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Despre Highlight - FLEXBOX, FĂRĂ ABSOLUTE */
    .despre-highlight {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 18.78px !important;
        color: #575855 !important;
        line-height: 1.5 !important;
        margin: 0 !important; /* Gap redus - fără margin pentru a fi lângă imagine */
        padding: 0 !important;
        text-align: left !important;
    }
    
    .despre-highlight .highlight-bold {
        font-weight: 700 !important; /* Bold pentru cuvintele evidențiate */
    }
    
/* Despre Serum Image 2 - FLEXBOX, FĂRĂ ABSOLUTE */
.despre-serum-image.despre-serum-bodegon {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 95% !important;
        max-width: 95% !important;
        height: auto !important;
        min-height: 200px !important;
        background: transparent !important;
        overflow: hidden !important;
        z-index: 2;
        margin: 0 auto 20px auto !important; /* Eliminăm margin-top pentru a fi lângă text */
        background-image: url('/wp-content/uploads/2025/11/SERUM_BODEGON-1-1.png') !important; /* Fallback vizibil pe mobile */
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
}
    
    /* Despre Section - FLEXBOX COLUMN - ORDINE CORECTĂ */
    section.dita-despre {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    /* ORDINE ELEMENTE - BACKGROUND ABSOLUTE ÎN SPATELE TEXTULUI ȘI IMAGINII */
    /* Background-ul gri este poziționat absolut cu z-index: -1, deci nu mai este în fluxul normal */
    /* Eliminăm order pentru background deoarece este absolut poziționat */
    .despre-content {
        order: 1 !important; /* Primul: Titlu, Text, Highlight - peste background */
        position: relative !important; /* RELATIVE PENTRU Z-INDEX */
        z-index: 1 !important; /* Z-INDEX POZITIV - PESTE BACKGROUND */
    }
    
.despre-serum-image.despre-serum-bodegon {
        order: 2 !important; /* Al doilea: Imaginea produse - peste background */
        position: relative !important; /* RELATIVE PENTRU Z-INDEX */
        z-index: 1 !important; /* Z-INDEX POZITIV - PESTE BACKGROUND */
        margin-top: 0 !important; /* Eliminăm margin-top pentru a fi lângă text */
        margin-bottom: 20px !important; /* Păstrăm doar margin-bottom */
}

.despre-serum-image.despre-serum-bodegon img {
        position: relative !important; /* Schimbat de la absolute pentru a funcționa cu height: auto */
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important; /* Contain pentru a vedea întreaga imagine */
        object-position: center center !important;
        content: url('/wp-content/uploads/2025/11/SERUM_BODEGON-1-1.png') !important; /* Asigură fallback vizibil pe mobile */
}
    
    /* DE CE BABÈ SECTION MOBILE - STRETCH - FĂRĂ PADDING */
    .dita-de-ce {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: clamp(32px, 8vw, 56px) var(--dita-space) !important;
        background: #FEFEFE;
        display: flex !important;
        flex-direction: column !important; /* Flexbox pentru reordonare */
        gap: 20px !important;
    }
    
    /* Titlul rămâne primul - VIZIBIL PE MOBILE */
    .de-ce-title {
        order: 1 !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        width: 100% !important;
        max-width: 79% !important;
        text-align: center !important;
        color: #575855 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-size: 29px !important;
        font-weight: 500 !important;
        letter-spacing: 5.8px !important;
        text-transform: uppercase !important;
        margin: 21px 0 !important;
        padding: 0px 50px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Cardurile sunt al doilea */
    .de-ce-blocks {
        order: 2 !important;
    }
    
    /* Imaginea este ultima - SUB CARDURI */
    .de-ce-products-image {
        position: relative !important;
        width: 120% !important;
        max-width: 130% !important;
        height: auto !important;
        margin: -50px -60px auto !important;
        display: block !important;
        order: 3 !important;
    }
    
    .de-ce-products-image img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
    }
    
    /* De ce Blocks - CARD SUB CARD PE MOBILE - CENTRAT, CU GAP MIC */
    .de-ce-blocks {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Centrează cardurile */
        gap: 1px !important; /* Gap mic pentru a preveni suprapunerea */
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 auto !important;
        z-index: 2 !important; /* Asigură că cardurile sunt deasupra */
    }
    
    /* De ce Block - CARD SUB CARD - CENTRAT, FĂRĂ GAP */
    /* Folosim CSS Grid pentru a pune icon și title pe același rând */
    .de-ce-block {
        position: relative !important;
        background: #F5F5F5 !important;
        padding: 18.07px 22.2px !important;
        border-radius: 0 !important;
        width: 331px !important; /* Lățime exactă ca în Figma */
        max-width: calc(100% - 40px) !important; /* Responsive cu margin */
        min-height: auto !important;
        height: auto !important;
        margin: 0 auto !important; /* Centrează cardul */
        margin-bottom: 1px !important; /* Gap mic pentru a preveni suprapunerea */
        display: grid !important; /* CSS Grid pentru layout */
        grid-template-columns: auto 1fr !important; /* Icon pe prima coloană, title pe a doua */
        grid-template-rows: auto auto !important; /* Icon+title pe primul rând, description pe al doilea */
        gap: 0 15px !important; /* Gap orizontal între icon și title */
        align-items: center !important; /* Aliniere verticală pe centru */
        z-index: 3 !important; /* Asigură că cardurile sunt deasupra textului */
        overflow: visible !important; /* Permite conținutului să fie vizibil */
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* Efect zoom la hover pentru mobile - doar pe dispozitive care suportă hover */
    @media (hover: hover) {
        .de-ce-block:hover {
            transform: scale(1.05) !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
            z-index: 4 !important;
        }
    }
    
    /* Elimină poziționarea absolută pentru toate cardurile */
    .de-ce-block:nth-child(1),
    .de-ce-block:nth-child(2),
    .de-ce-block:nth-child(3),
    .de-ce-block:nth-child(4) {
        left: auto !important;
        top: auto !important;
        position: relative !important;
    }
    
    /* ICON ȘI TITLE PE ACELAȘI RÂND - CSS GRID */
    .de-ce-block .block-icon {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 35.257px !important;
        height: 35.257px !important;
        margin: 0 !important;
        grid-column: 1 !important; /* Prima coloană */
        grid-row: 1 !important; /* Primul rând */
        flex-shrink: 0 !important;
    }
    
    .de-ce-block .block-icon img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        display: block !important;
    }
    
    .de-ce-block .block-title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        max-width: none !important;
        font-size: 15.472px !important;
        letter-spacing: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        grid-column: 2 !important; /* A doua coloană */
        grid-row: 1 !important; /* Primul rând */
        color: #575855 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 700 !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-self: center !important; /* Aliniere verticală pe centru */
    }
    
    /* Description pe al doilea rând, ocupă ambele coloane */
    .block-description {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-column: 1 / -1 !important; /* Ocupă toate coloanele */
        grid-row: 2 !important; /* Al doilea rând */
        font-size: 12.259px !important;
        line-height: 1.5 !important; /* Line-height mai bun pentru citire */
        margin: 10px 0 0 0 !important; /* Margin-top pentru spațiere de la icon+title */
        padding: 0 !important;
        text-align: left !important;
    }

    /* Text aliniat la stânga în carduri pe mobil */
    .de-ce-block {
        text-align: left !important;
        justify-items: start !important;
    }

    .de-ce-block .block-title,
    .de-ce-block .block-description {
        text-align: left !important;
        justify-self: start !important;
    }
    
    /* GAMA DE PRODUSE MOBILE - STRETCH - FĂRĂ PADDING */
    .dita-gama-produse {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-top: 20px !important;
        background: #F5F5F5 !important;
        min-height: 200px;
    }
    
    /* Gama Header - FLEXBOX COLUMN, RIDICAT CU 100PX */
    /* CRITIC: Eliminat limitarea înălțimii pentru a permite imaginii să se vadă complet */
    .gama-header {
        position: relative !important;
        height: auto !important; /* Auto pentru a permite imaginii să determine înălțimea */
        min-height: 190px !important; /* Minimum pentru layout, dar permite creștere */
        width: 100% !important;
        overflow: visible !important; /* Visible pentru a permite imaginii să se vadă complet */
        margin-left: 0px !important;
        margin-right: 0px !important; /* Full width pe mobile */
        margin-top: 20px !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    /* Gama Header Image - FULL-WIDTH, DIN CAPĂT ÎN CAPĂT */
    /* IMPORTANT: Imaginea trebuie să se vadă complet pe mobile - TOATĂ MĂRIMEA */
    .gama-header-image {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important; /* Eliminat min-height pentru a permite imaginii să determine dimensiunea */
        overflow: visible !important; /* Permite imaginii să se vadă complet, fără tăiere */
        margin: 0 !important;
        padding: 0 !important;
        display: block !important; /* Asigură vizibilitate */
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .gama-header-image img {
        position: relative !important; /* RELATIVE, NU ABSOLUTE */
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important; /* Nu depășește containerul */
        height: auto !important; /* Înălțime automată pentru a menține proporțiile */
        min-height: auto !important;
        max-height: none !important; /* Eliminat limitarea pentru a permite imaginii să se vadă complet */
        object-fit: contain !important; /* CRITIC: contain asigură că imaginea se vede complet, fără tăiere */
        object-position: center center !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Gama Header Text - SUB IMAGINE, TEXT ÎNTR-UN SINGUR RÂND */
    .gama-header-text {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        z-index: 1 !important;
        text-align: center !important;
        margin: 0 !important; /* Fără margin-top, direct sub imagine */
        padding: 20px !important; /* Padding pentru background */
        width: 100% !important;
        max-width: 100% !important;
        background: #575855 !important; /* Background culoare */
    }
    
    .gama-header-text h2 {
        color: #FFF !important;
        text-align: center !important;
        font-family: "Brandon Text", sans-serif !important;
        font-size: 29px !important;
        font-style: normal !important;
        font-weight: 420 !important;
        line-height: normal !important;
        text-transform: uppercase !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important; /* Text într-un singur rând, fără <br> */
        letter-spacing: 0.2em !important; /* Spațiu vizibil între cuvinte (DE PRODUSE) */
    }
    
    /* Elimină <br> din titlu pe mobile */
    .gama-header-text h2 br {
        display: none !important; /* Ascunde <br> pentru a avea text într-un singur rând */
    }
    
    /* Gama Background - ELIMINAT (folosim background pe secțiune) */
    .dita-gama-produse::before {
        display: none !important;
    }
    
    
    
    /* ȘTIINȚA DIN SPATELE BABÈ MOBILE */
    .dita-stiinta {
        position: relative !important;
        padding: 15px 11px 32px 0 !important;
        min-height: 171px !important;
        overflow: hidden !important;
        background: transparent !important;
        margin: 0 0 -85px 0 !important;
    }
    
    .stiinta-background {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 171px !important;
        background: #d9d9d9 !important;
        z-index: 0 !important;
        overflow: hidden !important;
    }
    
    .stiinta-background::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-image: url('/wp-content/uploads/2025/12/Stiinta_babe.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    .stiinta-gradient-overlay {
        display: none !important; /* Element eliminat */
    }
    
    .stiinta-content {
        position: relative !important;
        z-index: 2 !important;
        padding: 0 30% 2px 0 !important; /* Text aliniat stânga cu spațiu la dreapta */
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: flex-start !important;
        margin: 0 !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
        height: auto !important;
        margin-left: 35% !important; /* Mută conținutul spre dreapta pe mobil */
        width: 65% !important; /* Păstrează lățimea vizibilă când este mutat */
    }
    
    .stiinta-title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 700 !important;
        font-size: 15px !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
        line-height: normal !important;
        text-align: left !important; /* Aliniere la stânga pe mobile */
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 261px !important;
        white-space: pre-wrap !important;
    }
    
    .stiinta-box {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 89px !important;
        height: 18px !important;
        background: white !important;
        border-radius: 8.431px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .stiinta-acronym {
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: 14px !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: 2.78px !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: pre-wrap !important;
    }
    
    .stiinta-content-text {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 9px !important;
        font-style: normal !important;
        color: #575855 !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        padding-left: 0 !important;
        padding-right: 30% !important; /* Padding dreapta 30% pe mobil */
        width: 100% !important;
        max-width: 257px !important;
        white-space: pre-wrap !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }
    
    .stiinta-content-text p {
        margin: clamp(-24px, -5vw, -16px) clamp(-84px, -14vw, -60px) clamp(-16px, -3vw, -8px) 0 !important;
        padding: 0 !important;
        white-space: pre-wrap !important;
    }
    
    /* FARMACIA FAMILIEI MOBILE */
    .dita-farmacia {
        position: relative !important;
        padding: 32px 0 0 0!important;
        min-height: 120px !important;
        overflow: hidden !important;
        background: transparent !important;
    }
    
    .farmacia-background {
        position: absolute !important;
        left: 50% !important;
        top: 0 !important;
        transform: translateX(-50%) !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 120px !important;
        background: #d9d9d9 !important;
        z-index: 0 !important;
        overflow: hidden !important;
    }
    
    .farmacia-background::before {
        content: '' !important;
        position: absolute !important;
        inset: 0 !important;
        background-image: url('/wp-content/uploads/2025/12/Farmaciei-Familiei.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    .farmacia-gradient-overlay {
        display: none !important; /* Element eliminat */
    }
    
    .farmacia-content {
        position: relative !important;
        z-index: 2 !important;
        width: 90% !important; /* Mutat spre dreapta pe mobil */
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        padding: 0 30% 2px 0 !important; /* Spațiu la dreapta, aliniere stânga */
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
        align-items: flex-start !important;
        min-height: auto !important;
        height: auto !important;
        margin-left: 35% !important; /* Mută conținutul spre dreapta */
        transform: translateY(-20%) !important; /* Ridică conținutul cu ~20% pe mobil */
    }
    
    .farmacia-title-box {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 160px !important;
        height: 26px !important;
        border-radius: 12px !important;
        background: #fff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 12px !important;
        margin-top: 0 !important; /* Aliniere verticală corectă pe mobil */
    }
    
    .farmacia-title {
        font-size: 13px !important;
        letter-spacing: 2.5px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
    
    .farmacia-content-text {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 235px !important;
        font-size: 9px !important;
        line-height: 1.4 !important;
        color: #575855 !important;
        margin: 0 !important; /* Elimină decalajul negativ pentru aliniere verticală */
        padding: 0 !important;
        padding-right: 30% !important; /* Padding dreapta similar secțiunii Știința */
        white-space: pre-wrap !important;
        box-sizing: border-box !important;
        text-align: left !important;
    }
    
    .farmacia-content-text p {
        margin: clamp(-24px, -5vw, -16px) clamp(-84px, -14vw, -60px) clamp(-16px, -3vw, -8px) 0 !important;
        padding: 0 !important;
        white-space: pre-wrap !important;
    }
    
    /* Testimonial name - margin-left ajustat pentru 768px */
    .testimonial-name {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(12.8px, 2.56vw, 17.6px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(2px, 0.5vw, 5px) !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        text-align: left !important;
        grid-area: name !important;
        margin-top: 14% !important;
        margin-left: -45% !important;
        line-height: 1.1 !important;
    }
    
    /* TESTIMONIALE MOBILE - STRUCTURĂ DESKTOP SCALATĂ */
    .dita-testimoniale {
        position: relative !important;
        padding: clamp(6px, 2.5vw, 16px) !important;
        background: #D5D5D6 !important;
        min-height: 280px !important; /* Mărit de la 220px pentru a afișa tot textul */
        overflow: hidden !important;
        margin-top: -20px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .testimoniale-background {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 420px !important; /* Mărit de la 350px pentru a afișa tot textul */
        background: #54575b !important;
        opacity: 0.2 !important;
        z-index: 1 !important;
    }
    
    .testimoniale-content {
        position: relative !important;
        z-index: 2 !important;
        padding: clamp(4px, 1.4vw, 8px) !important;
        min-height: 150px !important; /* Mărit de la 112px pentru a afișa tot textul */
        display: grid !important;
        grid-template-columns: 1fr !important; /* Doar o coloană pentru conținut */
        grid-template-areas:
            "title"
            "quote"
            "navigation";
        align-items: flex-start !important;
        justify-items: stretch !important;
        column-gap: 0 !important;
        row-gap: clamp(3px, 1vw, 6px) !important; /* Redus cu 30% */
    }
    
    .testimoniale-title {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: clamp(14.4px, 3.2vw, 20.8px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: 5.5px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        grid-area: title !important;
        transform: translateY(15%) !important;
    }
    
    .testimoniale-product-image {
        position: absolute !important; /* Poziționare absolută - scoasă din grid */
        left: -10% !important; /* Mută imaginea cu 10% la stânga */
        top: 55% !important;
        transform: translateY(-50%) !important; /* Centrare verticală */
        flex: none !important;
        width: clamp(100px, 28vw, 180px) !important;
        max-width: clamp(100px, 28vw, 180px) !important;
        height: auto !important;
        min-height: auto !important;
        margin: 0 !important;
        overflow: visible !important;
        z-index: 1 !important; /* Sub conținutul text */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: none !important;
        grid-area: unset !important; /* Scoasă din grid */
    }
    
    .testimoniale-product-image img {
        position: relative !important;
        left: 30px !important;
        top: auto !important;
        width: clamp(100px, 28vw, 180px) !important; /* Mărit pentru a fi mai vizibil */
        max-width: clamp(130px, 38vw, 180px) !important; /* Mărit pentru a fi mai vizibil */
        height: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        pointer-events: none !important;
        display: block !important;
        transform: scale(0.6) !important; /* Mărit scale pentru a fi mai vizibil */
        transform-origin: left center !important;
    }
    
    /* Background sub produs în secțiunea testimoniale - doar mobile */
    .testimoniale-product-image::after {
        content: '' !important;
        position: absolute !important;
        bottom: 36px !important;
        left: -35px !important;
        width: 127% !important;
        height: 22% !important;
        background: #BEBEBD !important;
        z-index: -1 !important; /* Sub imaginea produsului */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .testimoniale-separator {
        display: none !important; /* Nu vrem separator pe mobile */
    }
    
    .testimonial-item {
        position: relative !important;
        z-index: 2 !important;
        width: 70% !important; /* Redus de la 100% pentru a preveni overflow-ul */
        max-width: 70% !important; /* Asigură că nu depășește lățimea */
        min-width: 0 !important;
        min-height: 180px !important; /* Mărit pentru a afișa tot textul */
        display: none !important;
        grid-template-columns: clamp(90px, 32vw, 130px) 1fr;
        grid-template-areas:
            "photo name"
            "photo location"
            "quote quote";
        column-gap: clamp(4px, 1vw, 8px) !important; /* Redus pentru a apropia numele și locația de poză */
        row-gap: clamp(5.6px, 1.4vw, 9.8px) !important; /* Redus cu 30% */
        padding: clamp(8.4px, 2.1vw, 12.6px) !important; /* Redus cu 30% */
        background: transparent !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        align-items: flex-start !important;
        justify-items: stretch !important;
        text-align: left !important;
        grid-column: 1 / -1 !important;
        margin-left: 30% !important; /* Mută întregul grid cu 30% la dreapta */
        margin-right: 0 !important;
        grid-area: quote !important;
        overflow-wrap: break-word !important; /* Permite textului să se rupă */
        word-wrap: break-word !important;
    }

    /* Afișează testimonialele active pe mobile */
    .testimonial-item.active {
        display: grid !important; /* Afișează ca grid când este activ */
    }
    
    /* Asigură că titlul ocupă lățimea completă pe primul rând */
    .testimoniale-title {
        flex: 0 0 100% !important; /* Ocupă întregul rând */
        width: 70% !important;
        margin-top: 0% !important;
        margin-left: 30% !important; /* Mută titlul cu 30% la dreapta */
        margin-right: 0 !important;
    }
    
    /* Asigură că imaginea produsului ocupă lățimea completă pe al doilea rând */
    .testimoniale-product-image {
        flex: 0 0 100% !important; /* Ocupă întregul rând */
        width: 40% !important;
        max-width: 40% !important;
    }
    
    .testimonial-photo {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: clamp(56px, 18.2vw, 84px) !important; /* Redus cu 30% */
        height: clamp(56px, 18.2vw, 84px) !important; /* Redus cu 30% */
        object-fit: cover !important;
        object-position: center !important;
        margin: 0 !important;
        margin-left: -50% !important; /* Mută imaginea cu 15% la stânga */
        grid-area: photo !important;
    }
    
    .testimonial-name {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(12.8px, 2.56vw, 17.6px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: clamp(2px, 0.5vw, 5px) !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        text-align: left !important;
        grid-area: name !important;
        margin-top: 14% !important; /* Redus cu 30% */
        margin-left: -15% !important; /* Redus de la -25% pentru a apropia de poză */
        line-height: 1.1 !important; /* Redus line-height */
    }
    
    .testimonial-location {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: clamp(9.6px, 2.4vw, 12.8px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: capitalize !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;
        white-space: pre-wrap !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        text-align: left !important;
        grid-area: location !important;
        margin-left: -15% !important; /* Redus de la -25% pentru a apropia de poză */
    }
    
    .testimonial-quote {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 300 !important; /* Același ca farmacia-content-text */
        font-size: clamp(12.8px, 2.72vw, 16px) !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        line-height: 1.2 !important; /* Redus cu 30% (1.4 * 0.7 ≈ 1.2) */
        margin: clamp(4.2px, 1.4vw, 7px) 0 0 0 !important; /* Redus cu 30% */
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important; /* Schimbat de la none pentru a preveni overflow */
        white-space: normal !important; /* Permite formatarea cu <br> */
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
        text-align: left !important;
        grid-area: quote !important;
        overflow-wrap: break-word !important; /* Permite textului să se rupă */
        word-wrap: break-word !important;
        box-sizing: border-box !important;
    }
    
    .testimonial-quote p,
    .testimonial-quote br {
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
    }
    
    .testimoniale-navigation {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 5px !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 10 !important;
        grid-area: navigation !important;
    }
    
    .testimoniale-navigation .testimonial-arrow {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 30px !important;
        height: 30px !important;
        background: #9A9A9A !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0 !important;
        flex-shrink: 0 !important;
        z-index: 11 !important;
    }
    
    .testimoniale-navigation .testimonial-arrow-prev {
        transform: scaleX(-1) !important;
    }
    
    .testimoniale-navigation .testimonial-arrow-prev img {
        transform: scaleX(-1) !important;
    }
    
    .testimoniale-navigation .testimonial-arrow-next {
        transform: none !important;
    }
    
    .testimoniale-navigation .testimonial-arrow img {
        width: 12px !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }
    
    /* FAQ MOBILE - STRETCH - FĂRĂ PADDING */
    /* FAQ MOBILE - CONFORM FIGMA */
    .dita-faq {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 40px 20px !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        overflow: hidden !important;
    }
    
    /* FAQ Background - CONFORM FIGMA */
    .faq-background {
        position: absolute !important;
        left: 0 !important;
        top: 10px!important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        background-image: url('/wp-content/uploads/2025/12/FAQ.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        z-index: 0 !important;
        overflow: hidden !important;
    }
    
    .faq-background::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
        z-index: 1 !important;
    }
    
    .faq-background img {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        z-index: 0 !important;
    }
    
    .dita-faq .container {
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* FAQ Title - CONFORM FIGMA */
    .dita-faq .section-title {
        position: relative !important;
        left: auto !important;
        transform: none !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: 18.792px !important;
        letter-spacing: 3.7583px !important;
        text-align: left !important;
        color: #FFFBF8 !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        text-transform: uppercase !important;
        line-height: normal !important;
    }
    
    /* FAQ Items - CONFORM FIGMA */
    .faq-items {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: flex-start !important;
    }
    
    .faq-item {
        position: relative !important;
        background: #FFFBF8 !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin: 0 !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        border-radius: 0 !important;
    }
    
    .faq-item-short {
        max-width: 87.76px !important;
    }
    
    .faq-question {
        position: relative !important;
        width: fit-content !important;
        min-width: auto !important;
        max-width: 100% !important;
        height: 22.648px !important;
        min-height: 22.648px !important;
        padding: 5.662px !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: 6.794px !important;
        letter-spacing: 1.3589px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 7.175px !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        line-height: normal !important;
        background: #FFFBF8 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }
    
    .faq-question span:first-child {
        position: relative !important;
        flex-shrink: 0 !important;
        text-align: left !important;
        white-space: pre-wrap !important;
    }
    
    .faq-toggle {
        position: relative !important;
        flex-shrink: 0 !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: 11.958px !important;
        letter-spacing: 2.3917px !important;
        color: #575855 !important;
        line-height: normal !important;
    }
    
    .faq-answer {
        font-size: 6.794px !important;
        padding: 0 5.662px 5.662px 5.662px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        color: #575855 !important;
        margin: 0 !important;
        text-align: left !important;
    }
    
    .faq-answer p {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* UNDE GĂSEȘTI PRODUSELE MOBILE - CONFORM FIGMA */
    .dita-unde-gasesti {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 10px !important;
        padding: 16px 10px !important;
        background: #54575b !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7.531px !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
    
    .unde-gasesti-background {
        display: none !important;
    }
    
    .unde-gasesti-container {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7.531px !important;
        margin-top: 10px !important;
        padding: 0 !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }
    
    .unde-gasesti-title {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 500 !important;
        font-size: clamp(14px, 4vw, 18.792px) !important; /* Mai mic pe ecrane foarte mici, scalează până la 18.792px */
        letter-spacing: clamp(2.8px, 0.8vw, 3.7583px) !important; /* Scalare proporțională */
        text-align: center !important;
        color: #FFFBF8 !important;
        text-transform: uppercase !important;
        line-height: normal !important;
        margin: 0 auto !important;
        padding: 0 !important;
        width: fit-content !important;
        max-width: 100% !important;
        white-space: nowrap !important; /* Text pe un singur rând */
        white-space: normal !important;
    }
    
    .unde-gasesti-pharmacies {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: 5px !important;
        bottom: auto !important;
        transform: none !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 20px !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        flex-wrap: wrap !important;
    }
    
    .pharmacy-item {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 6.738px !important;
        align-items: flex-start !important;
        margin: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }
    
    .pharmacy-item-left {
        width: auto !important;
        max-width: 100% !important;
        text-align: left !important;
    }
    
    .pharmacy-item-center {
        width: auto !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        align-items: center !important;
        text-align: center !important;
    }
    
    .pharmacy-name {
        position: relative !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 7.7px !important;
        letter-spacing: 1.54px !important;
        text-transform: uppercase !important;
        color: #FFF !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }
    
    .pharmacy-location {
        position: relative !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 5.39px !important;
        text-transform: capitalize !important;
        color: #FFF !important;
        line-height: normal !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        white-space: pre-wrap !important;
    }
    
    /* FOOTER MOBILE - STRETCH - FĂRĂ PADDING MARE */
    /* FOOTER MOBILE - CONFORM FIGMA */
    .dita-footer {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: auto !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    .footer-background {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: #54575b !important;
        opacity: 0.2 !important;
        z-index: 1 !important;
    }
    
    .footer-container {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px !important;
        min-height: auto !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
        z-index: 2 !important;
        box-sizing: border-box !important;
    }
    
    .footer-left {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        order: 1 !important;
    }
    
    .footer-logo {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 136.706px !important;
        height: 44.568px !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }
    
    .footer-logo svg,
    .footer-logo img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
    
    .footer-description {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        color: #575855 !important;
        opacity: 0.7 !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        white-space: pre-wrap !important;
    }
    
    .footer-social-section {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        height: 14px !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        order: 3 !important;
    }
    
    .footer-social-section .follow-text {
        font-family: 'Jost', sans-serif !important;
        font-weight: 500 !important;
        font-size: 12px !important;
        color: #3b3939 !important;
        text-transform: uppercase !important;
        letter-spacing: 2.4px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: normal !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    
    .footer-social-icons {
        display: flex !important;
        align-items: center !important;
        gap: 30px !important;
        height: 14px !important;
    }
    
    .footer-social-icons .social-icon {
        display: block !important;
        width: 14px !important;
        height: 14px !important;
        color: #575855 !important;
    }
    
    .footer-social-icons .social-icon svg {
        width: 100% !important;
        height: 100% !important;
        fill: #575855 !important;
    }
    
    .footer-social-icons .social-icon svg path {
        fill: #575855 !important;
    }
    
    .footer-menu {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        align-items: flex-start !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        order: 2 !important;
    }
    
    .footer-menu-link {
        position: relative !important;
        font-family: 'Brandon Text', sans-serif !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        font-style: normal !important;
        color: #575855 !important;
        text-transform: uppercase !important;
        letter-spacing: 2.8px !important;
        text-decoration: none !important;
        line-height: normal !important;
        white-space: pre-wrap !important;
        margin: 0 !important;
        padding: 0 !important;
        transition: color 0.3s !important;
    }
    
    .footer-menu-link:hover {
        color: #575855 !important;
        opacity: 0.8 !important;
    }
    
    .footer-copyright {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 78px !important;
        background: #54575b !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        padding: 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    
    .copyright-text {
        font-size: 10px !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    
    .copyright-links {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-wrap: nowrap !important;
    }
    
    .copyright-link {
        font-size: 10px !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    
    
    /* REGULĂ DE SIGURANȚĂ: Forțează imaginile din gama-header-image să se vadă complet pe mobile */
    .dita-gama-produse .gama-header .gama-header-image,
    .gama-header .gama-header-image {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    
    .dita-gama-produse .gama-header .gama-header-image img,
    .gama-header .gama-header-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
    
    /* REGULĂ DE SIGURANȚĂ: Forțează imaginile din category-image să se vadă complet pe mobile */
    /* Șters - regulile sunt deja definite mai sus în media query */
    
}