/* MODIFICARE TENKA 2026: CSS externalizat exclusiv pentru header și navigație. */
        .tenka-container {
            width: min(calc(100% - 40px), var(--tenka-max));
            margin: 0 auto;
        }
        /* MODIFICARE TENKA 2026: Bara superioară. */
        .topbar {
            background: var(--tenka-black);
            color: #d7d9dc;
            font-size: 12px;
            border-bottom: 1px solid #282a2e;
        }

        .topbar-inner {
            min-height: 34px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
        }

        .topbar-left {
            font-weight: 600;
            letter-spacing: .2px;
        }

        .topbar-right {
            display: flex;
            align-items: center;
            gap: 20px;
            white-space: nowrap;
        }

        .topbar-right a:hover {
            color: #fff;
        }

        /* MODIFICARE TENKA 2026: Header cu logo, căutare și acțiuni. */
        .main-header {
            background: #fff;
			 position: relative;
    z-index: 15000;
    overflow: visible;
        }

        .header-inner {
            min-height: 88px;
            display: grid;
            grid-template-columns: 245px 1fr;
            align-items: center;
            gap: 34px;
        }

        .logo {
            display: inline-flex;
            align-items: center;
            width: fit-content;
        }

        /* MODIFICARE TENKA 2026: Logo provizoriu; va fi înlocuit cu imaginea finală TENKA. */
        .logo-draft {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .logo-mark {
            width: 44px;
            height: 44px;
            display: grid;
            place-items: center;
            background: var(--tenka-red);
            color: #fff;
            font-size: 25px;
            font-weight: 600;
            transform: skew(-8deg);
            box-shadow: 5px 5px 0 #1a1c20;
        }

        .logo-word {
            font-size: 31px;
            line-height: .9;
            font-weight: 600;
            letter-spacing: -1.5px;
            color: #111;
        }

        .logo-word small {
            display: block;
            margin-top: 8px;
            color: #6d7279;
            font-size: 9px;
            line-height: 1;
            letter-spacing: 1.7px;
            font-weight: 600;
        }

        .search-form {
    height: 46px;
    display: flex;
    border: 1px solid #d5d8dc;
    border-radius: 4px;
    overflow: hidden;
    background: #f1f2f3;
    box-shadow: 0 3px 9px rgba(0,0,0,.14);
}

        .search-form:focus-within {
            border-color: var(--tenka-red);
            box-shadow: 0 0 0 2px rgba(215,25,32,.09);
        }

        .search-form input {
            min-width: 0;
            flex: 1;
            border: 0;
            outline: 0;
            padding: 0 16px;
            color: #222;
			background: #f1f2f3;
        }

        .search-form input::placeholder {
            color: #8a8f96;
        }

        .search-button {
            width: 52px;
            border: 0;
            cursor: pointer;
            color: #fff;
            background: var(--tenka-red);
            display: grid;
            place-items: center;
            transition: background .18s ease;
        }

        .search-button:hover {
            background: var(--tenka-red-dark);
        }

        .header-actions {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 10px;
        }

        .header-action {
            min-width: 68px;
            min-height: 54px;
            padding: 5px 9px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            border-radius: 5px;
            color: #24272b;
            font-size: 10px;
            font-weight: 600;
            text-transform: uppercase;
            transition: background .18s ease, color .18s ease;
        }

        .header-action:hover {
            background: #f3f4f5;
            color: var(--tenka-red);
        }

        .icon {
            width: 21px;
            height: 21px;
            display: block;
            stroke: currentColor;
            fill: none;
            stroke-width: 1.8;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        .cart-wrap {
            position: relative;
        }

        .cart-count {
            position: absolute;
            top: 0;
            right: 6px;
            min-width: 17px;
            height: 17px;
            padding: 0 4px;
            display: grid;
            place-items: center;
            border-radius: 20px;
            background: var(--tenka-red);
            color: #fff;
            font-size: 9px;
            font-weight: 600;
        }

            .nav-shell {
    /* MODIFICARE TENKA 2026: Bara meniului este constantă pe toată lățimea, fără pantă. */
    position: relative;

    /* MODIFICARE TENKA 2026:
       Bara de navigatie si dropdown-ul limbilor trebuie sa fie
       deasupra continutului paginii, inclusiv HERO. */
    z-index: 10000;

    /* MODIFICARE TENKA 2026:
       Permitem dropdown-urilor sa depaseasca fizic inaltimea barei. */
    overflow: visible;

    min-height: 53px;
    background: linear-gradient(to left, #17191d 0%, #25282d 45%, #45494f 100%);
    border-bottom: 3px solid var(--tenka-red);
}

      .main-nav {
    /* MODIFICARE TENKA 2026: Meniul este poziționat deasupra fundalului și aliniat la baza barei. */
    position: relative;
    z-index: 10001;
    min-height: 50px;
    display: flex;
    align-items: stretch;
}

        .nav-home,
        .nav-link {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 50px;
            padding: 0 18px;
            color: #ffffff;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: .25px;
            border-right: 1px solid rgba(255,255,255,.06);
            transition: background .18s ease;
        }

        .nav-home {
            width: 65px;
            padding: 0;
            background: var(--tenka-red);
        }

        .nav-home:hover {
            background: var(--tenka-red-dark);
        }

        .nav-link:hover,
        .nav-link.active {
            background: #292c31;
        }

        .nav-link.active {
            box-shadow: inset 0 -3px 0 var(--tenka-red);
        }

        .mobile-menu-button {
            display: none;
        }
        @media (max-width: 1100px) {
            .header-inner {
                grid-template-columns: 200px 1fr auto;
                gap: 20px;
            }

            .header-action span:not(.cart-count) {
                display: none;
            }

            .header-action {
                min-width: 40px;
                padding: 5px;
            }

            .nav-link {
                padding: 0 11px;
                font-size: 10px;
            }
        }

        @media (max-width: 820px) {
            .tenka-container {
                width: min(calc(100% - 24px), var(--tenka-max));
            }

            .topbar-right {
                display: none;
            }

            .topbar-inner {
                justify-content: center;
                text-align: center;
            }

            .header-inner {
                min-height: 70px;
                grid-template-columns: 1fr auto;
            }

            .logo-word {
                font-size: 25px;
            }

            .logo-word small {
                display: none;
            }

            .logo-mark {
                width: 36px;
                height: 36px;
                font-size: 21px;
            }

            .search-form {
                grid-column: 1 / -1;
                grid-row: 2;
                margin-bottom: 12px;
                height: 42px;
            }

            .header-actions {
                grid-column: 2;
                grid-row: 1;
            }

            .header-action.user-action {
                display: none;
            }

          .main-nav {
            /* MODIFICARE TENKA 2026: Navigația rămâne deasupra fundalului cu înălțime variabilă. */
            position: relative;
            z-index: 10001;
            min-height: 76px;
            display: flex;
            align-items: flex-end;
        }

            .mobile-menu-button {
                display: flex;
                align-items: center;
                gap: 9px;
                min-height: 50px;
                border: 0;
                background: transparent;
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                text-transform: uppercase;
                cursor: pointer;
            }

            .nav-home {
                margin-left: auto;
            }

            .nav-link {
                display: none;
            }

            .main-nav.mobile-open {
                padding-bottom: 8px;
                flex-wrap: wrap;
            }

            .main-nav.mobile-open .nav-link {
                display: flex;
                width: 100%;
                justify-content: flex-start;
                padding: 0 14px;
                border-right: 0;
                border-top: 1px solid rgba(255,255,255,.06);
            }
			    /* MODIFICARE TENKA 2026: Logo TENKA mult mai mic pe mobil. */
            .logo img {
                width: 105px;
                height: auto;
                display: block;
            }
			
        }

        @media (max-width: 520px) {
            .topbar {
                font-size: 10px;
            }

            .header-inner {
                gap: 10px;
            }

        }

		        /* MODIFICARE TENKA 2026: Limbă, Search și Coș sunt poziționate deasupra barei, în dreapta headerului. */
        .header-tools {
            margin-left: auto;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 8px;
            min-width: 0;
			position: relative;
z-index: 16000;
overflow: visible;
        }
/* MODIFICARE TENKA 2026: Separare vizuală între selectorul de Limbă, Search și Coș. */
.header-search-form {
    margin-left: 25px;
}

.header-cart {
    margin-left: 25px;
}
        .header-tools .limba_tara {
            position: relative;
            z-index: 17000;
            display: flex;
            gap: 6px;
            align-items: center;
            height: 40px;
            flex: 0 0 auto;
        }

        /* MODIFICARE TENKA 2026: Dropdownurile păstrează mecanismul existent, dar sunt adaptate pentru fundalul alb al headerului. */
        .dropdown_tara {
            position: relative;
            color: #24272b;
            font-size: 12px;
        }

   .dropdown_tara_selectat {
    height: 40px;
    padding: 4px 23px 4px 8px;
    display: flex;
    align-items: center;
    gap: 6px;

    background: #f1f2f3;
    color: #303338;

    border: 1px solid #d5d8dc;
    border-radius: 4px;

    box-shadow: 0 3px 9px rgba(0, 0, 0, .14);

    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

        .dropdown_tara_lista {
            display: none;
            position: absolute;
            z-index: 18000;
            top: calc(100% + 6px);
            left: 0;
            width: 100%;
            min-width: 130px;
            max-height: 500px;
            overflow-y: auto;
            background: #fff;
            color: #24272b;
            border: 1px solid #cfd3d8;
            border-radius: 4px;
            box-shadow: 0 8px 22px rgba(0,0,0,.16);
        }

        .dropdown_tara_item {
            padding: 6px 7px;
            cursor: pointer;
            display: flex;
            gap: 6px;
            align-items: center;
            white-space: nowrap;
        }

        .dropdown_tara_item:hover {
            background: #f3f4f5;
        }

        .steag_tara {
            width: 20px;
            height: auto;
            flex: 0 0 auto;
        }

        .dropdown_tara_titlu,
        .dropdown_limba_titlu {
            position: absolute;
            top: 4px;
            right: 5px;
            font-size: 7px;
            line-height: 8px;
            color: #9a9fa6;
            z-index: 21;
            letter-spacing: .3px;
            pointer-events: none;
        }

        /* MODIFICARE TENKA 2026: Search este al treilea element din dreapta headerului. */
        .header-search-form {
    width: 250px;
    height: 40px;
    flex: 0 1 250px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .14);
}

        .header-search-form input {
            padding: 0 13px;
            font-size: 12px;
        }

        .header-search-form .search-button {
            width: 43px;
        }

        /* MODIFICARE TENKA 2026: Coșul este ultimul element, imediat după Search. */
        .header-cart {
    position: relative;
    width: 48px;
    height: 40px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #24272b;
    border: 1px solid #d5d8dc;
    border-radius: 4px;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease;
    background: #f1f2f3;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .14);
}

        .header-cart:hover {
            background: #f3f4f5;
            color: var(--tenka-red);
        }

        .header-cart .cart-count {
            top: -7px;
            right: -7px;
        }

        /* MODIFICARE TENKA 2026: Adaptare a noilor controale din header pentru ecrane mai înguste. */
        @media (max-width: 1100px) {
            .header-tools { gap: 5px; }
            .header-search-form { width: 190px; flex-basis: 190px; }
            .header-tools .dropdown_tara:first-child { width: 115px !important; }
        }

        @media (max-width: 820px) {
            .header-inner {
                grid-template-columns: 1fr;
                padding: 12px 0;
            }
            .header-tools {
                width: 100%;
                margin-left: 0;
                flex-wrap: wrap;
                justify-content: flex-start;
            }
            .header-search-form {
                grid-column: auto;
                grid-row: auto;
                margin-bottom: 0;
                flex: 1 1 220px;
                width: auto;
                height: 40px;
            }
            .main-nav {
                min-height: 50px;
                align-items: stretch;
            }
        }



 
    
        /* MODIFICARE TENKA 2026: Selectoarele mobile sunt ascunse pe desktop. */
        .mobile-limba_tara {
            display: none;
        }

        /* MODIFICARE TENKA 2026: Header și bara de navigație adaptate exclusiv pentru mobil. */
        @media (max-width: 820px) {
            /* MODIFICARE TENKA 2026: În headerul mobil rămân logo-ul în stânga și doar coșul în dreapta. */
            .header-inner {
                grid-template-columns: 1fr auto;
            }

            .header-tools {
                width: auto;
                margin-left: 0;
                flex-wrap: nowrap;
                justify-content: flex-end;
            }

            /* MODIFICARE TENKA 2026: Căutarea și selectorul desktop de limbă nu se afișează deloc pe mobil. */
            .header-tools .limba_tara,
            .header-search-form {
                display: none;
            }

            /* MODIFICARE TENKA 2026: Coșul rămâne singur în dreapta sus. */
            .header-cart {
                margin-left: 0;
            }

            /* MODIFICARE TENKA 2026: Bara mobilă aliniază Meniu la stânga și selectorul de Limbă la dreapta. */
            .main-nav {
                min-height: 50px;
                align-items: center;
            }

            .mobile-limba_tara {
                display: flex;
                align-items: center;
                gap: 6px;
                margin-left: auto;
                padding-left: 10px;
                position: relative;
                z-index: 102;
            }

            /* MODIFICARE TENKA 2026: Selectoarele din bara neagră folosesc aspect închis pe mobil. */
            .mobile-limba_tara .dropdown_tara_selectat {
                height: 38px;
                background: #24272b;
                color: #ffffff;
                border-color: rgba(255,255,255,.18);
                box-shadow: none;
            }

            .mobile-limba_tara .dropdown_tara_titlu,
            .mobile-limba_tara .dropdown_limba_titlu {
                color: rgba(255,255,255,.42);
            }

            .mobile-limba_tara .dropdown_tara_lista {
                top: calc(100% + 4px);
            }
        }

        /* MODIFICARE TENKA 2026: Pe telefoane foarte înguste micșorăm doar selectoarele din bara neagră pentru a încăpea lângă Meniu. */
        @media (max-width: 520px) {
            .mobile-limba_tara {
                gap: 4px;
                padding-left: 5px;
            }

            /* MODIFICARE TENKA 2026: Selectorul unic de limbă are suficient spațiu pentru steag + denumire. */
            .mobile-limba_tara .language-selector {
                width: 135px !important;
            }

            .mobile-limba_tara .dropdown_tara_selectat {
                padding-left: 6px;
                padding-right: 17px;
                font-size: 11px;
            }
        }