:root{--tenka-red:#d71920;--tenka-red-dark:#b30f15;--tenka-black:#0c0d0f;--tenka-dark:#17191d;--tenka-gray:#6b7077;--tenka-line:#e2e5e9;--tenka-max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17191d;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.product-page{padding:34px 20px 76px;background:linear-gradient(to top,#d7d9dc 0%,#e5e7e9 42%,#f5f6f7 100%)}.product-page-container{width:100%;max-width:var(--tenka-max);margin:auto}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#747a81;font-size:12px}.breadcrumb a:hover{color:var(--tenka-red)}.sep{color:#adb2b7}
.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.product-main{min-width:0}

.product-overview {
    display: grid;

    grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);

    gap: 42px;
    padding: 34px;

    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;

    box-shadow: 0 13px 35px rgba(20,24,28,.10);
}


/* MODIFICARE TENKA 2026:
   Galeria are imaginea principala sus,
   iar imaginile secundare dedesubt. */
.gallery {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 14px;
}


/* MODIFICARE TENKA 2026:
   Miniaturile sunt asezate matriceal,
   cate 4 imagini pe fiecare rand. */
.thumbs {
    order: 2;
     display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 10px;

    width: 100%;
}


/* MODIFICARE TENKA 2026:
   Fiecare miniatura ocupa integral celula sa. */
.thumb {
    width: 100%;
    height: 82px;

    padding: 5px;

    border: 1px solid #dfe2e5;
    border-radius: 9px;

    background: #fff;

    cursor: pointer;

    overflow: hidden;
}


/* MODIFICARE TENKA 2026:
   Imaginea ramane incadrata corect in miniatura. */
.thumb img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;
}
.thumb{
    width:76px;
    height:76px;
    padding:5px;

    border:1px solid #dfe2e5;
    border-radius:9px;

    background:#fff;
    cursor:pointer;

    box-shadow:0 4px 10px rgba(20,24,28,.12);

    transition:
        box-shadow .18s ease,
        transform .18s ease,
        border-color .18s ease;
}


.thumb:hover,
.thumb.active{
    border-color:var(--tenka-red);

    box-shadow:
        0 5px 13px rgba(20,24,28,.15),
        0 0 0 2px rgba(215,25,32,.08);

    transform:translateY(-1px);
}




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


/* MODIFICARE TENKA 2026:
   Umbra fina pentru imaginea principala a produsului. */
.main-image-wrap{
    position:relative;
    min-height:510px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;
    overflow:hidden;

    border:1px solid #e4e7e9;
    border-radius:13px;

    background:#fff;

    box-shadow:
        0 8px 22px rgba(20,24,28,.11),
        0 2px 6px rgba(20,24,28,.05);
}



.main-image{width:100%;max-width:510px;height:470px;object-fit:contain;transition:opacity .16s}.promo{position:absolute;z-index:2;top:17px;left:17px;padding:8px 11px;border-radius:5px;background:var(--tenka-red);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase}
.summary{min-width:0;padding:6px 4px 4px 0}.category{margin-bottom:9px;color:var(--tenka-red);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}

.title{margin:0;font-size:clamp(30px,3vw,34px);line-height:1.08;letter-spacing:-1.2px}
.meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:17px;padding-bottom:17px;border-bottom:1px solid var(--tenka-line);color:#747980;font-size:12px}.meta strong{color:#34383d}.stock{display:inline-flex;align-items:center;gap:7px;font-weight:600}.dot{width:9px;height:9px;border-radius:50%;background:#2aa44f;box-shadow:0 0 0 3px rgba(42,164,79,.10)}.dot.no{background:#a6abb0;box-shadow:none}
.short{margin:22px 0 0;color:#555b62;font-size:16px;line-height:1.3}.price-area{margin-top:28px;padding:22px 0 4px;border-top:1px solid var(--tenka-line)}.old{min-height:20px;color:#8c9197;font-size:14px;text-decoration:line-through}.price{margin-top:3px;font-size:36px;line-height:1;font-weight:600;letter-spacing:-1px}.price small{font-size:16px}.request{font-size:18px;font-weight:600}.vat{margin-top:8px;color:#858a90;font-size:11px}


/* MODIFICARE TENKA 2026:
   Partea intreaga si zecimalele pretului. */
.price-main{
    font-size:36px;
    line-height:1;
    font-weight:600;
    letter-spacing:-1px;
}

/* MODIFICARE TENKA 2026:
   Zecimalele pretului sunt mai mici, gri inchis si usor ridicate. */
.price-decimals{
    display:inline-block;
    color:#5f6469;
    margin-left:1px;

    font-size:15px;
    font-weight:600;

    vertical-align:baseline;
    position:relative;
    top:-11px;

    letter-spacing:-.2px;
}

/* MODIFICARE TENKA 2026:
   Moneda ramane neagra, la fel ca partea intreaga a pretului. */
.price-currency{
    color:#17191d;
    font-size:16px;
    font-weight:600;
    margin-left:0px;
}



.add-cart{
width:100%;
min-height:58px;
margin-top:25px;
border:0;border-radius:6px;
background: radial-gradient(
    circle at center,
    #2476c9 0%,
    #155ca8 48%,
    #07366f 100%
);
color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:11px;font-size:14px;font-weight:600;text-transform:uppercase;box-shadow:0 8px 18px rgba(215,25,32,.20)}

.add-cart:hover {
    background: radial-gradient(
        circle at center,
        #3289dc 0%,
        #1768ba 48%,
        #062e60 100%
    );
}


.add-cart svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}.buy-note{margin-top:12px;color:#858a90;font-size:11px;text-align:center}

/* ============================================================
   MODIFICARE TENKA 2026:
   Avantaje comerciale sub butonul Add to cart.
   ============================================================ */

/* ============================================================
   MODIFICARE TENKA 2026:
   Chenar avantaje comerciale coborat si evidentiat vizual.
   ============================================================ */

.product-benefits {
    margin-top: 48px;
    padding: 16px 18px;

    display: flex;
    flex-direction: column;
    gap: 11px;

    border: 1px solid #dfe2e5;
    border-radius: 10px;

    /* MODIFICARE TENKA 2026:
       Gri ceva mai pronuntat jos -> foarte deschis sus. */
    background: linear-gradient(
        to bottom,
        #e3e5e7 0%,
        #eceeef 45%,
        #f8f9fa 100%
    );

    /* MODIFICARE TENKA 2026:
       Umbra fina, similara celorlalte carduri TENKA. */
    box-shadow:
        0 9px 22px rgba(20, 24, 28, .10),
        0 2px 5px rgba(20, 24, 28, .05);
}


/* MODIFICARE TENKA 2026:
   Fiecare avantaj este afisat pe un rand separat. */
.product-benefit {
    display: flex;
    align-items: center;
    gap: 11px;

    min-width: 0;

    color: #4e545a;
    font-size: 13px;
    line-height: 1.35;
}


/* MODIFICARE TENKA 2026:
   Evidentiem informatia importanta:
   tara si perioada garantiei. */
.product-benefit-text strong {
    color: #25292d;
    font-weight: 700;
}


/* MODIFICARE TENKA 2026:
   Caseta iconitei. */
.product-benefit-icon {
    flex: 0 0 32px;

    width: 32px;
    height: 32px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;
}


/* MODIFICARE TENKA 2026:
   Dimensiune unitara pentru toate SVG-urile. */
.product-benefit-icon svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Livrare */
.product-benefit-icon-delivery {
    color: #1769aa;
    background: rgba(23, 105, 170, .10);
}


/* Garantie */
.product-benefit-icon-warranty {
    color: #16844c;
    background: rgba(22, 132, 76, .10);
}


/* Asistenta tehnica */
.product-benefit-icon-support {
    color: #d36a00;
    background: rgba(211, 106, 0, .11);
}

.content-section{margin-top:28px;padding:34px;scroll-margin-top:20px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 28px rgba(20,24,28,.08)}

.content-section h2{position:relative;margin:0 0 25px;padding-bottom:15px;font-size:25px}
/* MODIFICARE TENKA 2026:
   Sectiunea specificatiilor tehnice este colapsabila. */
.technical-specifications-section {
    overflow: hidden;
}

/* MODIFICARE TENKA 2026:
   Intregul titlu al sectiunii poate fi apasat. */
.technical-specifications-toggle {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

/* MODIFICARE TENKA 2026:
   Anulam marginile specifice H2 deoarece acum se afla in buton. */
.technical-specifications-toggle h2 {
    flex: 1;
    margin: 0;
    padding-bottom: 0;
}

/* MODIFICARE TENKA 2026:
   Triunghiul din dreapta indica starea sectiunii. */
.technical-specifications-arrow {
    width: 0;
    height: 0;
    flex: 0 0 auto;

    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 9px solid #596068;

    transition: transform .25s ease;
}

/* MODIFICARE TENKA 2026:
   Tabelul este ascuns implicit. */
.technical-specifications-content {
    display: none;
    padding-top: 25px;
}

/* MODIFICARE TENKA 2026:
   Cand sectiunea este deschisa afisam continutul. */
.technical-specifications-section.is-open .technical-specifications-content {
    display: block;
}

/* MODIFICARE TENKA 2026:
   Rotim triunghiul atunci cand sectiunea este deschisa. */
.technical-specifications-section.is-open .technical-specifications-arrow {
    transform: rotate(180deg);
}
 
.long-description{color:#4d5359;font-size:15px;line-height:1.32}
.long-description img{max-width:100%;height:auto}

.specs{overflow:hidden;border:1px solid #e2e5e8;border-radius:10px}.spec-row{display:grid;grid-template-columns:minmax(220px,38%) minmax(0,1fr);border-bottom:1px solid #e5e7e9}.spec-row:last-child{border-bottom:0}.spec-name,

.spec-value{padding:15px 18px;font-size:13px;line-height:1.25}


.spec-name{background:#f2f3f4;font-weight:600}

.spec-value {
    background: #fff;
    color: #396271;
    font-weight: 600;
}
.spec-exp{display:block;margin-top:1px;color:#8a8f94;font-size:12px; font-weight: 300;}



.empty{padding:22px;border:1px dashed #d7dade;border-radius:9px;background:#f8f9fa;color:#7d8288;font-size:13px}
.doc-card{display:flex;align-items:center;gap:17px;padding:20px;border:1px solid #e2e5e8;border-radius:10px;background:#f7f8f9}.doc-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#e9ebed}.doc-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.doc-card strong{display:block;margin-bottom:4px}.doc-card span{color:#7d8288;font-size:12px}


/* ============================================================
   MODIFICARE TENKA 2026:
   DOCUMENTE TEHNICE PRODUS
   ============================================================ */

.documente-produs-lista {
    display: grid;
    gap: 12px;
}

.doc-card {
    position: relative;

    display: flex;
    align-items: center;
    gap: 17px;

    padding: 20px 60px 20px 20px;

    border: 1px solid #e2e5e8;
    border-radius: 10px;

    background: #f7f8f9;

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.doc-card:hover {
    border-color: #cfd3d7;
    background: #fff;

    transform: translateY(-1px);

    box-shadow:
        0 7px 18px rgba(20,24,28,.08);
}

.doc-content {
    min-width: 0;
}

.doc-content strong {
    display: block;

    margin-bottom: 5px;


    color: #292d31;
    font-size: 14px;
}

.doc-content span {
    display: block;

    color: #747a80;
    font-size: 12px;
    line-height: 1.45;
}

.doc-download {
    position: absolute;

    right: 20px;
    top: 50%;

    transform: translateY(-50%);

    color: var(--tenka-red);

    font-size: 25px;
    font-weight: 600;
}


 
/* ============================================================
   MODIFICARE TENKA 2026:
   VIDEO - 4 PE RAND PE DESKTOP
   ============================================================ */

.video-produs-lista {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: start;
}

.video-produs-card {
    min-width: 0;
}

.video-produs-card:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}

.video-produs-card h3 {
    margin: 13px 0 8px;

    color: #292d31;

    font-size: 14px;
    line-height: 1.25;
}

.video-produs-descriere {
    margin-bottom: 10px;

    color: #666c72;

    font-size: 12px;
    line-height: 1.25;
}

.video-produs-frame {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    border-radius: 12px;

    background: #111;

    box-shadow:
        0 8px 22px rgba(20,24,28,.12);
}

.video-produs-frame iframe {
    display: block;

    width: 100%;
    height: 100%;

    border: 0;
}





/* ============================================================
   MODIFICARE TENKA 2026:
   RESPONSIVE GRILA VIDEO
   ============================================================ */

@media (max-width: 1000px) {

    .video-produs-lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 600px) {

    .video-produs-lista {
        grid-template-columns: 1fr;
    }
}



/* ============================================================
   MODIFICARE TENKA 2026:
   AFISARE VIDEO TIKTOK
   ============================================================ */

.video-produs-frame-tiktok {
    width: min(100%, 420px);
    aspect-ratio: 9 / 16;

    margin-left: auto;
    margin-right: auto;

    background: #000;
}

.video-produs-link {
    display: inline-flex;
    align-items: center;

    min-height: 42px;

    padding: 10px 16px;

    border: 1px solid #d9dde1;
    border-radius: 8px;

    background: #f7f8f9;

    color: #292d31;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.video-produs-link:hover {
    border-color: var(--tenka-red);
    color: var(--tenka-red);
}

.sidebar {
    position: relative;
    min-width: 0;
    align-self: stretch;
}

.sidebar-sticky-content {
    display: flex;
    flex-direction: column;
    gap: 18px;

    position: sticky;

    /*
     Continutul din dreapta este mai mic decat coloana din stanga.
     Cu bottom:20px, el se deplaseaza normal odata cu pagina,
     apoi se opreste cand partea de jos ajunge la 20px de
     marginea inferioara a ferestrei.
    */
    bottom: 20px;

    align-self: start;
}

.side-nav{padding:14px;background:linear-gradient(to bottom,#e6e8ea,#f0f1f2 50%,#fafafa);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 26px rgba(20,24,28,.10)}.side-nav a{min-height:48px;margin-bottom:9px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d4d7da;border-radius:6px;background:linear-gradient(to bottom,#f7f8f8,#e3e5e7);color:#34383d;font-size:12px;font-weight:600;text-transform:uppercase}.side-nav a:last-child{margin-bottom:0}.side-nav a:hover{color:var(--tenka-red)}
.catalog-filters{overflow:hidden;background:linear-gradient(to bottom,#e6e8ea,#f0f1f2 50%,#fafafa);border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 10px 26px rgba(20,24,28,.10)}.filters-toggle{width:100%;min-height:58px;padding:0 20px;border:0;border-bottom:1px solid #d9dcdf;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:15px;font-weight:600}.filters-arrow{display:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.filters-content{padding:20px}.group{margin-bottom:18px}.label{display:block;margin-bottom:7px;color:#4c5157;font-size:11px;font-weight:600;text-transform:uppercase}.input,.select{width:100%;height:42px;padding:0 11px;border:1px solid #d4d8dc;border-radius:5px;outline:0;background:#fff;font-size:12px}.input:focus,.select:focus{border-color:var(--tenka-red)}.price-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{display:flex;gap:8px;color:#5c6268;font-size:12px}.filter-buttons{display:grid;gap:8px;margin-top:22px}.filter-submit,.filter-reset{min-height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase}.filter-submit{border:0;background:var(--tenka-red);color:#fff;cursor:pointer}.filter-reset{border:1px solid #d4d7da;background:#fff;color:#5b6066}

/* ============================================================
   MODIFICARE TENKA 2026:
   Carduri cu urmatoarele produse in sidebar.
   ============================================================ */

.produse-urmatoare {
    overflow: hidden;
    background: linear-gradient(to bottom,#e6e8ea,#f0f1f2 50%,#fafafa);
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 10px 26px rgba(20,24,28,.10);
}

.produse-urmatoare-titlu {
    min-height: 58px;
    padding: 0 20px;
    border-bottom: 1px solid #d9dcdf;

    display: flex;
    align-items: center;

    color: #292d31;
    font-size: 15px;
    font-weight: 600;
}

.produse-urmatoare-lista {
    padding: 14px;

    display: flex;
    flex-direction: column;
    gap: 14px;
}

.produs-urmator-card {
    overflow: hidden;

    background: #fff;
    border: 1px solid #d9dcdf;
    border-radius: 10px;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.produs-urmator-card:hover {
    transform: translateY(-2px);
    border-color: #c8ccd0;
    box-shadow: 0 8px 20px rgba(20,24,28,.10);
}

.produs-urmator-imagine {
    width: 100%;
    height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background: #fff;
    border-bottom: 1px solid #eceeef;
}

.produs-urmator-imagine img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: contain;

    padding: 8px;
}

.produs-urmator-continut {
    padding: 12px;
}

.produs-urmator-nume {
    margin: 0 0 6px 0;

    color: #292d31;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

.produs-urmator-nume a {
    color: inherit;
    text-decoration: none;
}

.produs-urmator-nume a:hover {
    color: var(--tenka-red);
}

.produs-urmator-descriere {
    margin: 0 0 12px 0;

    color: #747a80;
    font-size: 10px;
    line-height: 1.5;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

.produs-urmator-jos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.produs-urmator-pret {
    color: #292d31;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}

.produs-urmator-detalii {
    min-height: 34px;
    padding: 0 12px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 5px;

    background: var(--tenka-red);
    color: #fff;

    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;

    transition: opacity .18s ease;
}

.produs-urmator-detalii:hover {
    color: #fff;
    opacity: .88;
}


@media(max-width:1180px){.product-layout{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.product-overview{grid-template-columns:1fr}}
@media(max-width:820px){.product-page{padding:24px 14px 55px}.product-layout{grid-template-columns:1fr}.sidebar{position:static;grid-row:1}.product-main{grid-row:2}.side-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.side-nav a{margin:0;justify-content:center;text-align:center}.side-nav .arrow{display:none}.filters-toggle{cursor:pointer;border-bottom:0}.filters-arrow{display:block}.filters-content{display:none;border-top:1px solid #d9dcdf}.catalog-filters.is-open .filters-content{display:block}.catalog-filters.is-open .filters-arrow{transform:rotate(180deg)}
.sidebar-sticky-content {
    position: static;
}

.produse-urmatoare {
    display: none !important;
}
}






/* ============================================================
   MODIFICARE TENKA 2026:
   Iconitele navigatiei produsului.
   IMPORTANT: aceste reguli sunt globale, nu doar pentru mobil.
   ============================================================ */

.product-nav-content {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}


/* MODIFICARE TENKA 2026: Caseta iconitei. */
.product-nav-icon {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;
}


/* MODIFICARE TENKA 2026:
   Dimensiunea SVG-ului este limitata explicit.
   Astfel iconitele nu se pot mari necontrolat. */
.product-nav-icon svg {
    display: block;

    width: 19px !important;
    height: 19px !important;

    max-width: 19px;
    max-height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* Product details - albastru */
.product-nav-icon-details {
    color: #1769aa;
    background: rgba(23, 105, 170, .11);
}


/* Technical specifications - verde */
.product-nav-icon-specs {
    color: #16844c;
    background: rgba(22, 132, 76, .11);
}


/* Technical documentation - portocaliu */
.product-nav-icon-docs {
    color: #d36a00;
    background: rgba(211, 106, 0, .12);
}


/* Video - rosu TENKA */
.product-nav-icon-video {
    color: var(--tenka-red);
    background: rgba(215, 25, 32, .11);
}





@media(max-width:620px){

/* MODIFICARE TENKA 2026:
   Navigatia produsului pe telefon. */
.product-section-nav {
    grid-template-columns: 1fr;
    gap: 7px;

    padding: 10px;

    border-radius: 13px;
}


.product-section-nav a {
    min-height: 50px;
    padding: 0 15px;
}
.product-overview,.content-section{padding:20px;border-radius:13px}



 
/* MODIFICARE TENKA 2026: Video - rosu TENKA. */
.product-nav-icon-video {
    color: var(--tenka-red);
    background: rgba(215, 25, 32, .11);
}



.main-image{height:310px}

.title{font-size:33px}.side-nav{grid-template-columns:1fr}
.spec-row{grid-template-columns:1fr}.price-row{grid-template-columns:1fr}


/* MODIFICARE TENKA 2026:
   Pe telefon pastram miniaturile sub imagine,
   tot cate 4 pe rand. */
.gallery {
    display: flex;
    flex-direction: column;
}


.thumbs {
    order: 2;

    display: grid;
    grid-template-columns: repeat(5, 1fr);

    gap: 6px;

    width: 100%;

    overflow: visible;
}


.thumb {
    width: 100%;
    height: 64px;

    padding: 3px;

    flex: none;
}
}




.product-nav-icon {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* MODIFICARE TENKA 2026:
   Toate iconitele sunt fortate intr-un patrat de 30 x 30 px. */
.product-nav-icon img {
    display: block;

    width: 30px;
    height: 30px;

    object-fit: contain;
}



/* MODIFICARE TENKA 2026: Cursor lupa pe imaginea mare. */
.main-image-zoom {
    cursor: zoom-in;
}


/* MODIFICARE TENKA 2026: Popup imagine produs. */
.product-image-popup {
    position: fixed;
    z-index: 999999;
    inset: 0;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 30px;

    background: rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(4px);
}


/* MODIFICARE TENKA 2026: Afisam popup-ul. */
.product-image-popup.open {
    display: flex;
}


/* MODIFICARE TENKA 2026: Imaginea marita. */
.product-image-popup img {
    display: block;

    width: auto;
    height: auto;

    max-width: 94vw;
    max-height: 92vh;

    object-fit: contain;

    background: #ffffff;

    border-radius: 10px;

    box-shadow: 0 25px 70px rgba(0,0,0,.55);
}


/* MODIFICARE TENKA 2026: Buton inchidere popup. */
.product-image-popup-close {
    position: absolute;
    z-index: 2;

    top: 20px;
    right: 25px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #ffffff;
    color: #17191d;

    font-size: 34px;
    line-height: 1;

    cursor: pointer;

    box-shadow: 0 5px 20px rgba(0,0,0,.30);
}


.product-image-popup-close:hover {
    transform: scale(1.06);
}


@media (max-width: 600px) {

    .product-image-popup {
        padding: 12px;
    }

    .product-image-popup img {
        max-width: 96vw;
        max-height: 88vh;
    }

    .product-image-popup-close {
        top: 10px;
        right: 10px;

        width: 42px;
        height: 42px;

        font-size: 30px;
    }
}


/* MODIFICARE TENKA 2026: Butoane PREV / NEXT in popup. */
.product-image-popup-nav {
    position: absolute;
    z-index: 3;
    top: 50%;

    transform: translateY(-50%);

    min-width: 80px;
    height: 54px;

    padding: 0 14px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    border: 0;
    border-radius: 7px;

    background: rgba(255,255,255,.92);
    color: #202326;

    cursor: pointer;

    box-shadow: 0 5px 20px rgba(0,0,0,.30);

    transition:
        background .18s ease,
        transform .18s ease;
}


.product-image-popup-prev {
    left: 22px;
}


.product-image-popup-next {
    right: 22px;
}


.product-image-popup-nav:hover {
    background: #ffffff;
    transform: translateY(-50%) scale(1.05);
}


.popup-nav-arrow {
    font-size: 35px;
    line-height: 1;
    font-weight: 300;
}


.popup-nav-text {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}


/* MODIFICARE TENKA 2026:
   Daca produsul are o singura imagine, sagetile sunt ascunse. */
.product-image-popup-nav.is-hidden {
    display: none;
}


@media (max-width: 600px) {

    .product-image-popup-nav {
        min-width: 46px;
        width: 46px;
        height: 46px;

        padding: 0;

        border-radius: 50%;
    }

    .product-image-popup-prev {
        left: 8px;
    }

    .product-image-popup-next {
        right: 8px;
    }

    .popup-nav-text {
        display: none;
    }

    .popup-nav-arrow {
        font-size: 31px;
    }
}

/* ============================================================
   MODIFICARE TENKA 2026:
   Navigatie orizontala intre prezentarea produsului
   si continutul detaliat.
   ============================================================ */

.product-section-nav {
    width: 100%;

    margin-top: 18px;
    padding: 14px;

    display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;

    background: linear-gradient(
        to bottom,
        #e6e8ea,
        #f0f1f2 50%,
        #fafafa
    );

    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;

    box-shadow: 0 10px 26px rgba(20,24,28,.10);
}


/* MODIFICARE TENKA 2026: Cele trei butoane. */
.product-section-nav a {
    min-height: 58px;

    padding: 0 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    border: 1px solid #d4d7da;
    border-radius: 7px;

    background: linear-gradient(
        to bottom,
        #f7f8f8,
        #e3e5e7
    );

    color: #34383d;

    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;

    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease,
        transform .18s ease;
}


/* MODIFICARE TENKA 2026: Hover. */
.product-section-nav a:hover {
    color: var(--tenka-red);
    border-color: #c7cacf;

    background: #fff;

    transform: translateY(-1px);
}


/* MODIFICARE TENKA 2026: Sageata din dreapta. */
.product-section-nav .arrow {
    margin-left: 15px;

    font-size: 18px;
    line-height: 1;
}



/* ============================================================
   MODIFICARE TENKA 2026:
   Adaptarea navigatiei produsului pe tableta.
   ============================================================ */
@media(max-width:900px) {

    .product-section-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* ============================================================
   MODIFICARE TENKA 2026:
   Pe telefon afisam cate un buton pe rand.
   ============================================================ */
@media(max-width:620px) {

    .product-section-nav {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 10px;
        border-radius: 13px;
    }

    .product-section-nav a {
        min-height: 52px;
        padding: 0 14px;
    }

    .product-nav-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .product-nav-icon svg {
        width: 18px !important;
        height: 18px !important;
    }

}

/* ============================================================
   MODIFICARE TENKA 2026 COS:
   Imagine clonata care zboara din pagina detaliata spre cos.
   ============================================================ */

.tenka-cart-flying-image {
    position: fixed;
    z-index: 9999999;

    display: block;

    object-fit: contain;

    pointer-events: none;

    margin: 0;
    padding: 0;

    transition:
        left 2.25s cubic-bezier(.22, .61, .36, 1),
        top 2.25s cubic-bezier(.22, .61, .36, 1),
        width 2.25s cubic-bezier(.22, .61, .36, 1),
        height 2.25s cubic-bezier(.22, .61, .36, 1),
        opacity 2.25s ease,
        transform 2.25s ease;
}


/* MODIFICARE TENKA 2026 COS:
   Pulsatia cosului pe durata zborului imaginii. */

@keyframes tenka-cart-pulse {

    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.30);
    }

    100% {
        transform: scale(1);
    }

}


.tenka-cart-pulse {
    animation: tenka-cart-pulse .36s ease;
}



/* ============================================================
   MODIFICARE TENKA 2026:
   ICONITA DOCUMENT PNG
   ============================================================ */

.doc-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    background: transparent;
    border: 0;
    border-radius: 0;

    box-shadow: none;
}

.doc-icon img {
    display: block;

    width: 48px;
    height: 48px;

    object-fit: contain;

    border: 0;
    border-radius: 0;

    background: transparent;
    box-shadow: none;
}




/* ============================================================
   MODIFICARE TENKA 2026:
   SECTIUNE COMENTARII PRODUSE
   Stil social / conversatie.
   ============================================================ */

.tenka-comments-section {
    margin-top: 28px;
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(20,24,28,.07);
}

.tenka-comments-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.tenka-comments-header h2 {
    margin: 0 0 7px;
    font-size: 24px;
    line-height: 1.2;
    color: #17191d;
}

.tenka-comments-header p {
    margin: 0;
    color: #747a81;
    font-size: 14px;
    line-height: 1.55;
}

.tenka-comments-count {
    flex: 0 0 auto;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f0f1f2;
    border: 1px solid #e0e2e4;
    border-radius: 21px;

    color: #4b5056;
    font-size: 13px;
    font-weight: 700;
}

/* ============================================================
   MODIFICARE TENKA 2026:
   Buton Add comment + popup formular comentariu.
   ============================================================ */

.tenka-add-comment-bar {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 26px;
}

.tenka-add-comment-button {
    min-height: 44px;
    padding: 0 24px;

    border: 0;
    border-radius: 9px;

    background: var(--tenka-red);
    color: #fff;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    box-shadow: 0 5px 14px rgba(0,0,0,.10);

    transition:
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.tenka-add-comment-button:hover {
    background: var(--tenka-red-dark);
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(0,0,0,.14);
}


/* MODIFICARE TENKA 2026:
   Fundalul modalului. */

.tenka-comment-modal {
    position: fixed;
    inset: 0;

    z-index: 100000;

    display: none;

    align-items: center;
    justify-content: center;

    padding: 20px;
}

.tenka-comment-modal.is-open {
    display: flex;
}


/* MODIFICARE TENKA 2026:
   Overlay inchis la culoare. */

.tenka-comment-modal-overlay {
    position: absolute;
    inset: 0;

    background: rgba(15,18,22,.62);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}


/* MODIFICARE TENKA 2026:
   Fereastra efectiva a formularului. */

.tenka-comment-modal-dialog {
    position: relative;
    z-index: 2;

    width: min(720px, 100%);
    max-height: calc(100vh - 40px);

    overflow-y: auto;

    background: #fff;

    border-radius: 16px;

    box-shadow:
        0 24px 70px rgba(0,0,0,.25);

    animation: tenkaCommentModalIn .18s ease-out;
}


/* MODIFICARE TENKA 2026:
   Animatie discreta la deschiderea popup-ului. */

@keyframes tenkaCommentModalIn {

    from {
        opacity: 0;
        transform: translateY(12px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

}


.tenka-comment-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    padding: 22px 24px 17px;

    border-bottom: 1px solid #e9ebed;
}


.tenka-comment-modal-header h3 {
    margin: 0 0 5px;

    color: #17191d;

    font-size: 20px;
    line-height: 1.25;
}


.tenka-comment-modal-header p {
    margin: 0;

    color: #747a81;

    font-size: 13px;
    line-height: 1.5;
}


.tenka-comment-modal-close {
    flex: 0 0 auto;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #f0f1f2;
    color: #555b61;

    font-size: 26px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    transition:
        background .18s ease,
        color .18s ease;
}


.tenka-comment-modal-close:hover {
    background: #e3e5e7;
    color: #17191d;
}


.tenka-comment-modal-content {
    padding: 22px 24px 24px;
}


/* MODIFICARE TENKA 2026:
   Formularul din popup nu mai are nevoie de propriul chenar exterior. */

.tenka-comment-modal .tenka-comment-form {
    margin: 0;
    padding: 0;

    background: transparent;
    border: 0;
    border-radius: 0;
}


/* MODIFICARE TENKA 2026:
   Cat timp popup-ul este deschis blocam scroll-ul paginii. */

body.tenka-comment-modal-open {
    overflow: hidden;
}
/* ============================================================
   MODIFICARE TENKA 2026:
   Formular comentariu principal.
   ============================================================ */

.tenka-comment-form {
    position: relative;
    margin-bottom: 30px;
    padding: 18px;

    background: #f6f7f8;
    border: 1px solid #e2e5e9;
    border-radius: 14px;
}

.tenka-comment-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}

.tenka-comment-input,
.tenka-comment-textarea {
    width: 100%;
    border: 1px solid #d9dde1;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #17191d;
    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.tenka-comment-input {
    height: 45px;
    padding: 0 13px;
}

.tenka-comment-textarea {
    min-height: 105px;
    padding: 13px;
    resize: vertical;
    line-height: 1.5;
}

.tenka-comment-input:focus,
.tenka-comment-textarea:focus {
    border-color: #aeb4ba;
    box-shadow: 0 0 0 3px rgba(0,0,0,.035);
}

.tenka-comment-form-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 12px;
}

.tenka-comment-image-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #686e74;
    font-size: 13px;
    cursor: pointer;
}

.tenka-comment-image-label input {
    max-width: 220px;
}

.tenka-comment-submit {
    min-height: 42px;
    padding: 0 20px;

    border: 0;
    border-radius: 8px;

    background: var(--tenka-red);
    color: #fff;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .18s ease,
        transform .18s ease;
}

.tenka-comment-submit:hover {
    background: var(--tenka-red-dark);
    transform: translateY(-1px);
}


/* MODIFICARE TENKA 2026:
   Honeypot anti-spam - invizibil pentru utilizator. */

.tenka-comment-website {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Lista comentarii.
   ============================================================ */

.tenka-comments-list {
    display: flex;
    flex-direction: column;

    /* MODIFICARE TENKA 2026:
       Distanta dintre comentariile principale marita cu 10px.
       Raspunsurile nu sunt afectate. */
    gap: 32px;
}
/* ============================================================
   MODIFICARE TENKA 2026:
   Infinite scroll pentru comentarii.
   Comentariile de dupa primele 20 sunt initial ascunse.
   ============================================================ */

.tenka-infinite-hidden {
    display: none;
}


/* MODIFICARE TENKA 2026:
   Zona loaderului de la finalul comentariilor. */

.tenka-comments-loader {
    width: 100%;
    min-height: 70px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px 0;
}


/* MODIFICARE TENKA 2026:
   Loader circular animat. */

.tenka-comments-loader-circle {
    width: 32px;
    height: 32px;

    border: 3px solid #d9dde1;
    border-top-color: #168fa3;

    border-radius: 50%;

    animation: tenkaCommentsLoaderRotate 0.75s linear infinite;
}


@keyframes tenkaCommentsLoaderRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.tenka-comment {
    position: relative;
}

.tenka-comment-main {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.tenka-comment-avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 15%;

    background: linear-gradient(
        145deg,
        #dfe2e5,
        #f4f5f6
    );

    border: 1px solid #d6d9dc;

    color: #555b61;

    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}



/* ============================================================
   MODIFICARE TENKA 2026:
   Fotografia de profil din avatar.
   ============================================================ */

.tenka-comment-avatar {
    overflow: hidden;  
}

.tenka-comment-avatar img {
    display: block;

    width: 100%;
    height: 100%;

    /* MODIFICARE TENKA 2026:
       Imaginea de profil este afisata integral,
       proportional si centrata, fara decupare. */
    object-fit: contain;
    object-position: center;

    border-radius: inherit;
}




.tenka-comment-avatar.tenka-official {
    background: #ffffff;
    color: #fff;
    border-color: #ffffff;
	 flex: 0 0 63px;
    width: 100px;
    height: 100px;
    overflow: hidden;
	
	
}
.tenka-comment-avatar.tenka-official img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
}
.tenka-comment-body {
    flex: 1;
    min-width: 0;
}

.tenka-comment-bubble {
    display: inline-block;
    max-width: 100%;
border: 1px solid #E2E4E7;
box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.13);    padding: 11px 14px;

    background: #f0f2f5;
    border-radius: 15px;

    color: #25282c;
}

.tenka-comment-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 4px;

    font-size: 13px;
    font-weight: 700;
    color: #25282c;
}
 
.tenka-official-badge {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;

    border-radius: 9px;

    background: #17191d;
    color: #fff;

    font-size: 9px;
    font-weight: 700;
    letter-spacing: .04em;
}

.tenka-comment-text {
    font-size: 15px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.tenka-comment-text a {
    color: #1677d2;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}

.tenka-comment-text a:hover {
    color: #0b5fad;
    text-decoration: underline;
}
.tenka-comment-translated {
    margin-top: 6px;

    color: #8a8f95;

    font-size: 10px;
    font-style: italic;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Actiuni comentariu.
   ============================================================ */

.tenka-comment-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;

    padding: 5px 10px 0;

    color: #737980;

    font-size: 11px;
}

.tenka-comment-action {
    padding: 0;

    border: 0;
    background: transparent;

    /* MODIFICARE TENKA 2026:
       Like / Reply / Share in nuanta turcoaz-albastru. */
    color: #356184;

    font-size: 11px;
    font-weight: 600;

    cursor: pointer;
}

.tenka-comment-action:hover {
    /* MODIFICARE TENKA 2026:
       Nuanta mai inchisa la hover. */
    color: #08758a;
}

.tenka-comment-action.is-active {
    /* MODIFICARE TENKA 2026:
       Like activ ramane distinct prin culoarea TENKA. */
    color: var(--tenka-red);
}

.tenka-comment-date {
    color: #989da2;
}

.tenka-comment-reaction-count {
    display: inline-flex;
    align-items: center;
    gap: 3px;

    margin-left: 3px;

    color: #777d83;
}

.tenka-heart {
    color: var(--tenka-red);
    font-size: 15px;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Imagini atasate comentariilor.
   ============================================================ */

.tenka-comment-images {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-top: 8px;
}

.tenka-comment-images a {
    display: block;
}

.tenka-comment-images img {
    width: 140px;
    height: auto;
    max-width: 100%;
    display: block;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Raspunsuri.
   ============================================================ */

.tenka-comment-children {
    margin-top: 12px;
    margin-left: 52px;

    /* MODIFICARE TENKA 2026:
       Eliminata linia verticala din stanga raspunsurilor. */
    padding-left: 0;
    border-left: 0;

    display: flex;
    flex-direction: column;
    gap: 14px;
}

.tenka-comment-children .tenka-comment-avatar {
    flex-basis: 34px;
    width: 34px;
    height: 34px;

    font-size: 11px;
}

.tenka-reply-form {
    display: none;

    margin-top: 10px;
    margin-left: 52px;

    padding: 12px;

    background: #f7f8f9;
    border-radius: 11px;
}

.tenka-reply-form.is-open {
    display: block;
}

.tenka-reply-form .tenka-comment-textarea {
    min-height: 75px;
}

.tenka-comments-empty {
    padding: 24px;

    text-align: center;

    background: #f7f8f9;
    border-radius: 12px;

    color: #7c8288;

    font-size: 13px;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Mesaj formular / AJAX.
   ============================================================ */

.tenka-comment-message {
    display: none;

    margin-bottom: 15px;
    padding: 11px 14px;

    border-radius: 8px;

    font-size: 13px;
}

.tenka-comment-message.is-visible {
    display: block;
}

.tenka-comment-message.is-success {
    background: #edf7ef;
    border: 1px solid #cfe8d4;
    color: #32623b;
}

.tenka-comment-message.is-error {
    background: #fff0f0;
    border: 1px solid #f1cccc;
    color: #8b2929;
}


/* ============================================================
   MODIFICARE TENKA 2026:
   Responsive comentarii.
   ============================================================ */

@media(max-width:700px) {

.tenka-comment-author {
    font-size: 15px;
}

.tenka-comment-text {
    font-size: 16px;
    line-height: 1.2;
}
/* MODIFICARE TENKA 2026:
   Popup comentarii pe telefon. */

.tenka-add-comment-bar {
    justify-content: stretch;
}

.tenka-add-comment-button {
    width: 100%;
}

.tenka-comment-modal {
    padding: 10px;
}

.tenka-comment-modal-dialog {
    width: 100%;
    max-height: calc(100vh - 20px);
    border-radius: 13px;
}

.tenka-comment-modal-header {
    padding: 18px 17px 14px;
}

.tenka-comment-modal-content {
    padding: 17px;
}



    .tenka-comments-section {
        padding: 20px 15px;
        border-radius: 14px;
    }

    .tenka-comment-form-row {
        grid-template-columns: 1fr;
    }

    .tenka-comment-form-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .tenka-comment-submit {
        width: 100%;
    }

    .tenka-comment-children {
    margin-left: 8px;
    padding-left: 0;
}

    .tenka-reply-form {
        margin-left: 20px;
    }

    .tenka-comments-header h2 {
        font-size: 21px;
    }
}