/* RESET LOCAL SAFE */

.product-page * {
    box-sizing: border-box;
}

:root {
    --accent-soft: #e6b86a;
    --accent-clean: #ffffff;
}

/* FIX: produse similare - fara roz */
.related .card-price {
    color: #ffcc70; /* gold premium */
}
/* =========================
   ZOOM SUBTIL PREMIUM
========================= */
.zoom-container {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    cursor: zoom-in;
}


/* 🔥 ZOOM FIN (NU agresiv) */
.zoom-container:hover img {
    transform: scale(1.12);
}
/* =========================
   LAYOUT GENERAL (CARD PREMIUM)
========================= */
.product-page {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;

    align-items: stretch; /* 🔥 IMPORTANT */
}

/* =========================
   GALERIE
========================= */
.product-gallery {
    display: flex;
    flex-direction: column;
   
    gap: 20px;

    background: rgba(15,8,10,0.7);
    padding: 35px;
    border-radius: 20px;

    border: 1px solid rgba(255,255,255,0.05);
    box-shadow: 0 35px 90px rgba(0,0,0,0.75);
}

/* =========================
   MAIN IMAGE (CURAT & FINAL)
========================= */
.main-image {
    position: relative;

    width: 100%;
    height: 600px; /* 🔥 fixăm înălțimea clar */

    border-radius: 18px;
    overflow: hidden;

    background: rgba(10,5,6,0.55);

    box-shadow: 0 25px 60px rgba(0,0,0,0.7);

    cursor: zoom-in;

    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* imagine produs */
.main-image img {
    width: 100%;
    height: 100%;

    object-fit: cover; /* 🔥 umple corect */
    object-position: center;
padding: 0; /* asigurare */
    display: block;

    transition: transform 0.15s ease;
    will-change: transform;
}
.main-image iframe{
    width:100%;
    height:100%;

    border:none;
    border-radius:18px;

    display:block;

    aspect-ratio:1 / 1;

    background:#000;
}
/* overlay subtil */
.main-image::after {
    content: "";
    position: absolute;
    inset: 0;

    background: radial-gradient(
        circle at center,
        transparent 65%,
        rgba(0,0,0,0.25)
    );

    pointer-events: none;
}

/* hover */
.main-image:hover {
    transform: scale(1.01);
    box-shadow:
        0 35px 80px rgba(0,0,0,0.8),
        0 0 30px rgba(255,140,170,0.2);
}
/* =========================
   ZOOM ICON
========================= */
.zoom-icon {
    position: absolute;
    top: 18px;
    right: 18px;

    width: 42px;
    height: 42px;

    border-radius: 50%;
    background: rgba(0,0,0,0.55);

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

    color: #fff;
    font-size: 16px;

    z-index: 5;

    backdrop-filter: blur(6px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.4);

    pointer-events: none;
}



.thumbs-vertical img {
    width: 60px;
    height: 60px;

    object-fit: cover;
    border-radius: 10px;

    cursor: pointer;

    opacity: 0.7;
    border: 2px solid transparent;

    transition: 0.25s;
}

.thumbs-vertical img:hover {
    transform: scale(1.05);
    opacity: 1;
}

.thumbs-vertical img.active {
    border: 2px solid #ff8caf;
    box-shadow: 0 0 10px rgba(255,140,170,0.5);
    opacity: 1;
}
/* =========================
   VIDEO THUMB PREMIUM
========================= */

.video-thumb{
    position:relative;

    width:70px;
    height:70px;

    flex-shrink:0;

    overflow:hidden;

    border:none;
    border-radius:14px;

    padding:0;

    cursor:pointer;

    background:#111;

    transition:all 0.25s ease;
}

/* imagine preview */
.video-thumb img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    filter:brightness(0.9);

    transition:all 0.25s ease;
}

/* overlay intunecat */
.video-thumb-overlay{
    position:absolute;
    inset:0;

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

    background:rgba(0,0,0,0.12);
}

/* icon play */
.video-thumb-overlay i{
    color:#fff;
    font-size:20px;

    text-shadow:
        0 4px 10px rgba(0,0,0,0.5);
}

/* badge VIDEO */
.video-badge{
    position:absolute;

    bottom:4px;
    left:50%;

    transform:translateX(-50%);

    padding:2px 6px;

    border-radius:999px;

    background:rgba(0,0,0,0.75);

    color:#fff;

    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}

/* hover */
.video-thumb:hover{
    transform:scale(1.06);

    box-shadow:
        0 0 18px rgba(255,140,170,0.35);
}

.video-thumb:hover img{
    filter:brightness(0.9);
    transform:scale(1.05);
}

/* active */
.video-thumb.active{
    outline:2px solid #ff8caf;

    box-shadow:
        0 0 15px rgba(255,140,170,0.5);
}
/* =========================
   INFO PRODUS (MODEL FINAL PREMIUM)
========================= */
.product-info {
    position: sticky;
    top: 120px;

    height: 100%; /* 🔥 ADAUGAT */

    background: linear-gradient(
        180deg,
        rgba(22,16,18,0.98),
        rgba(10,6,7,0.96)
    );

    padding: 30px;
    border-radius: 22px;

    border: 1px solid rgba(255,255,255,0.06);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.7),
        inset 0 0 60px rgba(255,255,255,0.02);

    display: flex;
    flex-direction: column;

    gap: 10px;
}

/* hover */
.product-info:hover {
    transform: translateY(-4px);
    box-shadow:
        0 40px 100px rgba(0,0,0,0.8),
        inset 0 0 60px rgba(255,255,255,0.03);
}

/* overlay glow */
.product-info::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 22px;
    box-shadow: inset 0 0 60px rgba(255,255,255,0.03);
    pointer-events: none;
}
/* =========================
   DESCRIERE PREMIUM BOX
========================= */
.desc-box {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    padding: 18px;
position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);

    backdrop-filter: blur(6px);

    transition: all 0.25s ease;
}

/* hover subtil */
.desc-box:hover {
    border-color: rgba(255,140,170,0.3);
    box-shadow: 0 15px 35px rgba(0,0,0,0.35);
}
.desc-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;

    background: linear-gradient(to bottom, #ff8caf, transparent);
    border-radius: 3px;
}
/* text descriere */
.desc-box p {
    margin: 0;
    color: #d8caca;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================
   BADGE
========================= */
.product-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;

    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.15);

    color: #ffcc70;
    font-size: 12px;
}

/* =========================
   TITLU
========================= */
.product-info h1 {
    font-size: 38px;
    line-height: 1.15;
    color: #fff;
     margin-top: 8px;
    margin-bottom: 12px;
    max-width: 90%;

}

/* =========================
   RATING (model nou)
========================= */
.product-rating {
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 14px;
}

.product-rating i {
    color: #ffcc70;
}

.product-rating .score {
    color: #fff;
    font-weight: 600;
}

.product-rating .reviews {
    color: #ff8caf;
}

/* =========================
   PRET
========================= */
.product-price {
    color: #ff6a95;
    font-size: 34px;
    font-weight: 800;
}

/* =========================
   STOCK (scarcity)
========================= */
.product-stock {
    font-size: 14px;
    font-weight: 600;
}

.stock-available {
    color: #7CFC9F;
}

.stock-order {
    color: #ffcc70 !important;
}

/* =========================
   BENEFICII
========================= */
.benefit-item{

    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 2px;

    color: #f3d7df;

    font-size: 14px;

    line-height: 1.2;
}

.benefit-item i{

    width: 16px;

    color: #e7be68;

    font-size: 14px;

    flex-shrink: 0;
    margin-top: 1px;
}

.benefit-item span{
font-weight: 500;
color: #e7dede;
    display: block;
}
/* =========================
   DESCRIERE SCURTA
========================= */
.product-description {
    color: #bbb;
    font-size: 14px;
    line-height: 1.6;
}

/* =========================
   CTA ZONA
========================= */
.product-actions {
    display: flex;
    gap: 12px;
    margin-top: 8px;
    margin-top: auto;
}

/* BUTON PRINCIPAL */
.whatsapp-btn {
    flex: 1;

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

    padding: 14px;
    border-radius: 14px;

    background: linear-gradient(135deg, #ff8caf, #ff6a95);
    color: #fff;

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

    text-decoration: none;

    box-shadow:
        0 12px 30px rgba(255,100,140,0.3);

    transition: 0.3s;
}

.whatsapp-btn:hover {
    transform: translateY(-2px);
    box-shadow:
        0 18px 40px rgba(255,100,140,0.4);
}

/* BUTON FAVORITE */
.favorite-btn {
    padding: 14px 16px;
    border-radius: 14px;

    border: 1px solid rgba(255,255,255,0.15);

    background: rgba(255,255,255,0.05);
    color: #fff;

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

    cursor: pointer;

    transition: 0.25s;
}

.favorite-btn:hover {
    background: rgba(255,140,170,0.15);
}
.favorite-btn.active {

    background:
        linear-gradient(
            135deg,
            rgba(255,140,170,0.18),
            rgba(255,90,140,0.12)
        );

    border-color:
        rgba(255,140,170,0.35);

    color: #ff8caf;
}

.favorite-btn.active i {

    color: #ff8caf;
}
/* =========================
   TRUST BAR (jos)
========================= */
.product-trust {
    display: grid;
    grid-template-columns: repeat(3,1fr);

    gap: 10px;
    margin-top: 15px;

    font-size: 12px;
    color: #bbb;
}

.product-trust div {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.product-trust i {
    color: #ff8caf;
}
/* =========================
   BENEFITS BAR PREMIUM
========================= */
.benefits-bar {
    max-width: 1200px;
    margin: 40px auto;

    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));

    gap: 15px;

    padding: 20px 20px;

    background: rgba(20,10,12,0.6);
    border-radius: 18px;

    border: 1px solid rgba(255,140,170,0.15);

    box-shadow:
        0 20px 60px rgba(0,0,0,0.5),
        inset 0 0 40px rgba(255,255,255,0.02);
    overflow: hidden;
}

/* item */
.benefits-bar-wide .benefit i {
    width: 44px;
    height: 44px;

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

    border-radius: 50%;

    background: rgba(255,140,170,0.12);
    color: #ff8caf;

    font-size: 18px;

    box-shadow:
        0 6px 16px rgba(255,140,170,0.25),
        inset 0 1px 3px rgba(0,0,0,0.3);
}
/* icon */
.benefits-bar-wide .benefit i {
    width: 44px;
    height: 44px;

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

    border-radius: 50%;

    background: rgba(255,140,170,0.12);
    color: #ff8caf;

    font-size: 18px;
}

/* text */
.benefits-bar-wide strong {
    display: block;
    color: #fff;
    font-size: 14px;
}

.benefits-bar-wide span {
    display: block;
    font-size: 12px;
    color: #aaa;
}
.benefits-bar-wide .benefit:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,0.08);
}
/* =========================
   PRODUSE SIMILARE
========================= */
.related {
    max-width: 1200px;
    margin: 70px auto;
}

.related h2 {
    margin-bottom: 20px;
    color: #fff;
}

/* grid */
.related-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
}

/* card */
.product-card {
    text-decoration: none;
    color: #fff;
    backdrop-filter: blur(6px);
    background: rgba(25,12,15,0.7);
    border-radius: 16px;
    padding: 10px;

    border: 1px solid rgba(255,140,170,0.15);

    transition: 0.3s;
}
.product-card::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:18px;
    border:1px solid rgba(255,255,255,0.06);
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(255,105,140,0.3);
}

/* imagine */
.product-card img {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 10px;
}

/* titlu produs */
.product-card .title {
    font-size: 14px;
    margin-bottom: 5px;
}

/* pret produs */
.product-card .price {
    color: #ff8caf;
    font-weight: bold;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:900px){



    .related-grid {
        grid-template-columns: repeat(2,1fr);
    }
}
/* BADGE */
.product-badge {
    display: inline-block;
    padding: 6px 12px;

    border-radius: 999px;

    background: rgba(255,140,170,0.15);
    color: #ff8caf;
box-shadow: 0 0 12px rgba(255,204,112,0.2);
    font-size: 12px;
    margin-bottom: 10px;
}

/* RATING */
.product-rating {
    color: #e6b86a;
    margin-bottom: 10px;
    font-size: 14px;
}

.product-rating span {
    color: #aaa;
    margin-left: 5px;
}

/* STOCK */
.product-stock {
    color: #7CFC9F;
    margin-bottom: 15px;
    font-size: 14px;
}

/* BENEFICII */
.product-benefits div {
    margin-bottom: 6px;
}

/* SAFE TEXT */
.product-safe {
    margin-top: 12px;
    font-size: 13px;
    color: #aaa;
}

/* =========================
   TABS
========================= */
.product-tabs {
    max-width: 1200px;
    margin: 0;
}

.tabs-right::before {
    content: "";
    display: block;
    height: 52px; /* 🔥 aliniază perfect cu tabs */
}
.reviews-card {
    width: 100%;
    max-width: 380px; /* 🔥 nu mai împinge layout-ul */
}
/* header */
.tabs-header {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

/* butoane */
.tab-btn {
    padding: 10px 18px;
    border-radius: 999px;

    border: 1px solid rgba(255,140,170,0.3);

    background: rgba(255,255,255,0.05);
    color: #fff;

    cursor: pointer;

    transition: 0.25s;
}

.tab-btn:hover {
    background: rgba(255,140,170,0.15);
}

/* activ */
.tab-btn.active {
    background: linear-gradient(135deg, #ff8caf, #ff6a95);
    border: none;
}

/* content */
.tabs-content {
    background: rgba(20,10,10,0.6);
    padding: 25px;
    border-radius: 18px;
}

/* panel */
.tab-panel {
    display: none;
    color: #ddd;
    line-height: 1.6;
}

.tab-panel.active {
    display: block;
}

/* detalii */
.product-details {
    list-style: none;
    padding: 0;
}

.product-details li {
    margin-bottom: 10px;
}

/* review */
.review-item {
    margin-bottom: 20px;
}
/* =========================
   3 COLOANE INFO
========================= */
.product-extra {
    max-width: 1200px;
    margin: 60px auto;

    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 30px;

    background: rgba(20,10,12,0.7);
    border-radius: 20px;
    padding: 30px;

    border: 1px solid rgba(255,140,170,0.15);
}

/* box */
.extra-box h3 {
    color: #fff;
    margin-bottom: 15px;
}

.extra-box p {
    color: #ddd;
    margin-bottom: 15px;
}

/* liste */
.extra-box ul {
    list-style: none;
    padding: 0;
}

.extra-box ul li {
    margin-bottom: 10px;
    color: #f3dddd;
}

/* detalii cu icon */
.details-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.details-list i {
    color: var(--accent-soft);
    width: 20px;
}

/* recenzii */
.review-score {
    margin-bottom: 20px;
}

.review-score strong {
    font-size: 28px;
    color: #fff;
}

.review-score .stars {
    color: #ffcc70;
}

.review-item {
    margin-bottom: 15px;
}

.review-item .stars {
    color: #ffcc70;
}

/* link */
.all-reviews {
    display: inline-block;
    margin-top: 10px;
    color: var(--accent-soft);
    text-decoration: none;
}

/* responsive */
@media(max-width:900px){
    .product-extra {
        grid-template-columns: 1fr;
    }
}
/* =========================
   CARD PREMIUM
========================= */
.product-card-premium {
    display: block;
    text-decoration: none;
    color: #fff;
}

/* imagine container */
.card-img {
    position: relative;
    border-radius: 18px;
    overflow: hidden;

    height: 260px;

    box-shadow: 0 15px 40px rgba(0,0,0,0.5);

    transition: 0.35s;
}

.card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    transition: transform 0.5s ease;
}

/* hover zoom */
.product-card-premium:hover img {
    transform: scale(1.08);
}

/* gradient overlay */
.card-overlay {
    position: absolute;
    inset: 0;

    background: linear-gradient(
        to top,
        rgba(0,0,0,0.8),
        rgba(0,0,0,0.2),
        transparent
    );
}

/* info jos */
.card-info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}

/* titlu */
.card-title {
    font-size: 14px;
    margin-bottom: 4px;
}

/* pret */
.card-price {
    color: #ff8caf;
    font-weight: bold;
}

/* inimă */
.card-heart {
    position: absolute;
    top: 12px;
    right: 12px;

    width: 34px;
    height: 34px;

    border-radius: 50%;
    background: rgba(0,0,0,0.5);

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

    backdrop-filter: blur(6px);

    color: #fff;

    transition: 0.3s;
}

.card-heart:hover {
    background: #ff8caf;
}

/* hover card */
.product-card-premium:hover .card-img {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}
.breadcrumb a {
    color: #ff8caf;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.product-badge {
    background: rgba(255,255,255,0.08);
    color: var(--accent-soft);
    border: 1px solid rgba(255,255,255,0.15);
}


/* =========================
   BREADCRUMB PREMIUM
========================= */
.breadcrumb-premium {
    max-width: 1200px;
    margin: 25px auto 10px;
    padding: 0 10px;

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

    font-size: 13px;
    color: #cdb9b9;
}

/* link */
.breadcrumb-premium a {
    color: #ff8caf;
    text-decoration: none;
    transition: 0.2s;
}

.breadcrumb-premium a:hover {
    color: #ffc1d6;
}

/* separator */
.breadcrumb-premium span {
    opacity: 0.6;
}

/* current */
.breadcrumb-premium .current {
    color: #fff;
    opacity: 0.9;
}
/* =========================
   REVEAL PRODUCT (WOW)
========================= */

.reveal {
    opacity: 0;
    transform: translateY(80px) scale(0.95);
    transition: all 0.8s ease;
}

.reveal.show {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* delay elegant */
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.25s; }
.reveal-delay-3 { transition-delay: 0.4s; }
/* =========================
   THUMBS (HORIZONTAL PREMIUM)
========================= */
.thumbs-vertical {
    display: flex;
    flex-direction: row;

    gap: 12px;
    overflow-x: auto;

    padding-top: 12px;

    scroll-behavior: smooth;
}

/* scroll subtil premium */
.thumbs-vertical::-webkit-scrollbar {
    height: 6px;
}
.thumbs-vertical::-webkit-scrollbar-track {
    background: transparent;
}
.thumbs-vertical::-webkit-scrollbar-thumb {
    background: rgba(255,140,170,0.35);
    border-radius: 10px;
}

/* imagine thumb */
.thumbs-vertical img {
    width: 70px;
    height: 70px;

    flex-shrink: 0;

    object-fit: cover;
    border-radius: 12px;

    cursor: pointer;

    opacity: 0.65;
    border: 2px solid transparent;

    transition: all 0.25s ease;
}

/* hover */
.thumbs-vertical img:hover {
    transform: scale(1.08);
    opacity: 1;

    box-shadow: 0 8px 18px rgba(255,140,170,0.25);
}

/* activ */
.thumbs-vertical img.active {
    opacity: 1;

    border: 2px solid #ff8caf;

    box-shadow:
        0 0 12px rgba(255,140,170,0.5),
        0 8px 20px rgba(0,0,0,0.4);
}
/* =========================
   BENEFITS BAR WIDE - FINAL CORECT
========================= */

.benefits-bar-wide {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 15px;

    padding: 22px 30px;

    background: linear-gradient(
        90deg,
        rgba(35,18,22,0.95),
        rgba(25,12,15,0.95)
    );

    border-radius: 20px;
    border: 1px solid rgba(255,140,170,0.18);

    box-shadow:
        0 25px 70px rgba(0,0,0,0.65),
        inset 0 0 40px rgba(255,255,255,0.03);
}

.benefits-bar-wide .benefit {
    position: relative;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px;

    padding: 10px 18px;
    border-radius: 16px;

    width: auto !important;
    flex: 0 0 auto !important;

    transition: all 0.3s ease;
}

.benefits-bar-wide .benefit > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    line-height: 1.2;
}

.benefits-bar-wide .benefit i {
    flex: 0 0 44px;

    width: 44px;
    height: 44px;

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

    border-radius: 50%;
    background: rgba(255,140,170,0.12);
    color: #ff8caf;

    font-size: 18px;

    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* hover premium */
.benefits-bar-wide .benefit:hover {
    background: rgba(255,140,170,0.08);

    box-shadow:
        0 10px 25px rgba(255,140,170,0.15),
        inset 0 0 20px rgba(255,255,255,0.02);

    transform: translateY(-2px);
}

.benefits-bar-wide .benefit:hover i {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 8px 18px rgba(255,140,170,0.35);
}

/* separator fin */
.benefits-bar-wide .benefit:not(:last-child)::after {
    content: "";
    position: absolute;

    right: -18px;
    top: 50%;
    transform: translateY(-50%);

    width: 1px;
    height: 42px;

    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.14),
        transparent
    );
}

.benefits-bar-wide strong {
    display: block;
    color: #fff;
    font-size: 14px;
}

.benefits-bar-wide span {
    display: block;
    color: #aaa;
    font-size: 12px;
}
/* =========================
   PRODUCT PAGE SPACING FIX
========================= */

/* distanta dintre galeria produsului si cardul din dreapta */
.product-page {
    gap: 18px !important;
    margin-bottom: 16px !important;
}

/* distanta dintre produs si bara de beneficii */
.benefits-bar-wide {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
}

/* distanta dintre bara de beneficii si sectiunea descriere/detalii/recenzii */
.product-extra {
    margin-top: 18px !important;
}
/* =========================
   PRODUCT TABS PREMIUM
========================= */

.product-tabs {
    max-width: 1200px;
    margin: 40px auto;
}

/* HEADER */
.tabs-header {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

/* BUTTON */
.tab-btn {
    padding: 10px 18px;
    border-radius: 999px;

    border: 1px solid rgba(255,140,170,0.3);

    background: rgba(255,255,255,0.05);
    color: #fff;

    cursor: pointer;

    transition: 0.25s;
}

.tab-btn:hover {
    background: rgba(255,140,170,0.15);
}

/* ACTIVE */
.tab-btn.active {
    background: linear-gradient(135deg, #ff8caf, #ff6a95);
    border: none;
}

/* CONTENT */
.tabs-content {
    background: rgba(20,10,10,0.6);
    padding: 25px;
    border-radius: 18px;

    border: 1px solid rgba(255,140,170,0.15);
}

/* PANEL */
.tab-panel {
    display: none;
    color: #ddd;
    line-height: 1.6;
}

.tab-panel.active {
    display: block;
}

/* LIST */
.desc-left ul {
    margin-top: 14px;
    padding-left: 0;
    list-style: none;
}

.desc-left ul li {
    position: relative;
    padding-left: 22px;
    margin-bottom: 8px;
    color: #e6dada;
    font-size: 13.5px;
}

.desc-left ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #ff8caf;
    font-size: 12px;
}
.tab-panel li {
    margin-bottom: 10px;
}

/* DETALII */
.details-list li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.details-list i {
    color: #ffcc70;
    width: 20px;
}
/* =========================
   DESCRIERE + CARD DETALII
========================= */

.desc-layout {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 20px;
    align-items: stretch;
}

/* stanga */
.desc-left p {
    margin-bottom: 15px;
    color: #ddd;
    width: 100%;
}

.desc-left ul li {
    margin-bottom: 10px;
    color: #f3dddd;
}
.desc-right {
    display: flex;
    flex-direction: column;
    gap: 20px;

    max-width: 320px;
}
/* =========================
   CARD DETALII (dreapta)
========================= */

.desc-card {
    background: rgba(25,12,15,0.8);
    padding: 18px 20px;
    border-radius: 16px;

    border: 1px solid rgba(255,140,170,0.2);

    box-shadow:
        0 15px 40px rgba(0,0,0,0.6),
        inset 0 0 20px rgba(255,255,255,0.02);

    transition: 0.3s;
}

/* hover premium */
.desc-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.4);
        
}

.desc-card ul {
    list-style: none;
    padding: 0;
}

.desc-card li {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 10px;
    color: #f3dddd;
}

.desc-card i {
    color: #ffcc70;
    width: 20px;
}
/* =========================
   REVIEWS PREMIUM
========================= */

.reviews-wrapper {
    max-width: 1200px;
    margin: 20px auto;

    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 18px;

    align-items: start;
}
.tabs-left {
    width: 100%;
    min-width: 0;
}

.tabs-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* CARD */
.reviews-card {
    background: rgba(25,12,15,0.85);
    padding: 20px;
    border-radius: 18px;

    border: 1px solid rgba(255,140,170,0.2);

    box-shadow:
        0 20px 60px rgba(0,0,0,0.7),
        inset 0 0 30px rgba(255,255,255,0.02);
}

/* HEADER */
.reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.reviews-score strong {
    font-size: 28px;
    color: #fff;
}

.reviews-score .stars {
    color: #ffcc70;
}

.reviews-score span {
    color: #aaa;
    font-size: 12px;
}

/* BUTTON */
.all-reviews-btn {
    padding: 8px 14px;
    border-radius: 999px;

    background: rgba(255,140,170,0.15);
    color: #ff8caf;

    text-decoration: none;
    font-size: 12px;
}

/* REVIEW */
.review {
    display: none;
}

.review.active {
    display: block;
}

/* USER */
.review-user {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.review-user img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

/* TEXT */
.review p {
    color: #ddd;
}
.review .stars {

    font-size: 13px;

    letter-spacing: 1px;

    margin: 6px 0 10px;
}
/* NAV */
.review-nav {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
}

.review-nav button {
    background: rgba(255,255,255,0.1);
    border: none;
    color: #fff;

    width: 32px;
    height: 32px;
    border-radius: 50%;

    cursor: pointer;
}

/* DOTS */
.review-dots {
    text-align: center;
    margin-top: 10px;
}

.dot {
    width: 8px;
    height: 8px;
    background: #555;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px;
}

.dot.active {
    background: #ff8caf;
}
/* =========================
   RELATED HEADER
========================= */

.related-header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    margin-bottom: 20px;
}

/* buton dreapta */
.view-all {
    font-size: 14px;
    color: #ff8caf;

    text-decoration: none;

    padding: 8px 14px;
    border-radius: 999px;

    background: rgba(255,140,170,0.08);
    border: 1px solid rgba(255,140,170,0.2);

    transition: 0.25s;
}

.view-all:hover {
    background: rgba(255,140,170,0.18);
    color: #fff;

    transform: translateX(4px);
}
/* =========================
   ADD REVIEW
========================= */

.add-review-section {

    width: 100%;
    max-width: 1200px;

    margin: 35px auto 0;

    padding: 0 10px;
}

.add-review-card {

    max-width: 1000px;
    margin: 0 auto;

    background:
        linear-gradient(
            145deg,
            rgba(25,10,18,0.92),
            rgba(15,8,14,0.96)
        );

    border: 1px solid rgba(255,120,170,0.15);

    border-radius: 32px;

    padding: 40px;

    backdrop-filter: blur(18px);

    box-shadow:
        0 10px 40px rgba(0,0,0,0.35);
}

.add-review-card h3 {

    margin: 0;

    font-size: 34px;
    color: #fff;
}

.add-review-subtitle {

    margin-top: 10px;
    margin-bottom: 35px;

    color: #c9b7c0;

    font-size: 15px;
}

.review-form {

    display: flex;
    flex-direction: column;

    gap: 26px;
}

.review-form-group {

    display: flex;
    flex-direction: column;

    gap: 12px;
}

.review-form-group label {

    color: #fff;

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

/* INPUT + TEXTAREA */

.review-form input,
.review-form textarea {

    width: 100%;

    background:
        rgba(255,255,255,0.04);

    border:
        1px solid rgba(255,255,255,0.08);

    border-radius: 18px;

    padding: 16px 18px;

    color: #fff;

    font-size: 15px;

    outline: none;

    transition: 0.3s;
}

.review-form input::placeholder,
.review-form textarea::placeholder {

    color: rgba(255,255,255,0.35);
}

.review-form input:focus,
.review-form textarea:focus {

    border-color:
        rgba(255,120,170,0.5);

    box-shadow:
        0 0 20px rgba(255,120,170,0.12);
}

.review-form textarea {

    resize: vertical;

    min-height: 140px;
}

/* =========================
   STARS
========================= */

.review-stars-select {

    display: flex;
    align-items: center;

    gap: 10px;
}

.review-stars-select button {

    background: transparent;
    border: none;

    padding: 0;

    font-size: 34px;

    color: rgba(255,255,255,0.25);

    cursor: pointer;

    transition: 0.25s;
}

.review-stars-select button:hover {

    color: #ffb347;

    transform: scale(1.08);
}
.review-stars-select button.active {

    color: #ffb347;

    text-shadow:
        0 0 10px rgba(255,179,71,0.6),
        0 0 18px rgba(255,179,71,0.3);

    transform: scale(1.08);
}
/* =========================
   AVATARS
========================= */

.avatar-select {

    display: flex;
    align-items: center;

    gap: 16px;

    flex-wrap: wrap;
}

.avatar-select img {

    width: 72px;
    height: 72px;

    border-radius: 50%;

    object-fit: cover;

    display: block;

    cursor: pointer;

    border: 3px solid transparent;

    transition: 0.25s;
}

.avatar-select img:hover {

    transform: scale(1.06);

    border-color:
        rgba(255,120,170,0.5);

    box-shadow:
        0 8px 20px rgba(255,120,170,0.2);
}
.avatar-select img.active {

    border-color:
        #ff8caf;

    transform: scale(1.08);

    box-shadow:
        0 0 25px rgba(255,140,170,0.45);
}
/* =========================
   BUTTON
========================= */

.submit-review-btn {

    border: none;

    border-radius: 999px;

    padding: 18px 30px;

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

    color: #fff;

    cursor: pointer;

    background:
        linear-gradient(
            90deg,
            #ff7eb3,
            #ff4f8b
        );

    transition: 0.3s;

    width: fit-content;
}

.submit-review-btn:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 30px rgba(255,120,170,0.35);
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .add-review-section {

        padding: 0 15px;
    }

    .add-review-card {

        padding: 24px;

        border-radius: 24px;
    }

    .add-review-card h3 {

        font-size: 28px;
    }

    .avatar-select {

        gap: 12px;
    }

    .avatar-select img {

        width: 60px;
        height: 60px;
    }

    .submit-review-btn {

        width: 100%;
        justify-content: center;
    }
}
/* =========================
   REVIEW MODAL
========================= */

.review-modal {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: none;

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

    padding: 30px;
}

/* ACTIV */
.review-modal.active {

    display: flex;
}

/* OVERLAY */
.review-modal-overlay {

    position: absolute;

    inset: 0;

    background:
        rgba(0,0,0,0.72);

    backdrop-filter:
        blur(10px);
}

/* CONTENT */
.review-modal-content {

    position: relative;

    width: 100%;
    max-width: 760px;

    z-index: 2;

    animation:
        modalFade .35s ease;
}

/* CARD */
.review-modal .add-review-card {

    margin: 0;

    background:
        linear-gradient(
            145deg,
            rgba(25,10,20,0.98),
            rgba(12,6,12,0.98)
        );

    border:
        1px solid rgba(255,120,180,0.16);

    border-radius: 32px;

    padding: 42px;

    box-shadow:
        0 30px 80px rgba(0,0,0,0.55);
}

/* CLOSE */
.review-modal-close {

    position: absolute;

    top: 18px;
    right: 18px;

    width: 44px;
    height: 44px;

    border-radius: 50%;

    border: none;

    cursor: pointer;

    background:
        rgba(255,255,255,0.08);

    color: #fff;

    font-size: 18px;

    transition: .25s;
}

.review-modal-close:hover {

    background:
        rgba(255,120,180,0.25);

    transform:
        rotate(90deg);
}

/* ANIMATIE */
@keyframes modalFade {

    from {

        opacity: 0;

        transform:
            translateY(30px)
            scale(.96);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}

/* MOBILE */
@media (max-width: 768px) {

    .review-modal {

        padding: 14px;
    }

    .review-modal .add-review-card {

        padding: 26px 20px;
        border-radius: 24px;
    }

}
/* =========================
   RATING ERROR
========================= */

.review-rating-error {

    display: none;

    margin-top: 8px;

    color: #ff6b81;

    font-size: 13px;

    font-weight: 600;
}

/* activ */
.review-rating-error.show {

    display: block;
}

/* =========================
   REVIEW STARS
========================= */

.review-stars-select {

    display: flex;
    align-items: center;
    gap: 10px;
}

.review-stars-select button {

    background: transparent;
    border: none;

    padding: 0;

    font-size: 34px;

    color: rgba(255,255,255,0.25);

    cursor: pointer;

    transition: 0.25s;
}

/* hover */
.review-stars-select button:hover {

    color: #ffb347;

    transform: scale(1.08);
}

/* ACTIVE NORMAL */
.review-stars-select button.active {

    color: #ffb347 !important;

    text-shadow:
        0 0 10px rgba(255,179,71,0.6);

    transform: scale(1.08);
}

/* ERROR */
.review-stars-select.error button {

    color: rgba(255,255,255,0.25) !important;

    text-shadow: none !important;
}

/* ACTIVE + ERROR */
.review-stars-select.error button.active {

    color: #ffb347 !important;

    text-shadow:
        0 0 12px rgba(255,179,71,0.5) !important;
}

/* mesaj */
.review-rating-error {

    display: none;

    color: #ff6f91;

    font-size: 14px;

    margin-top: 8px;

    font-weight: 600;
}

.review-rating-error.show {

    display: block;
}
/* =========================
   REVIEW STARS ACTIVE
========================= */

.review-stars-select button.active {

    color: #ffb347;

    text-shadow:
        0 0 12px rgba(255,179,71,0.7);

    transform: scale(1.08);
}

/* eroare */
.review-rating-error {

    display: none;

    color: #ff6f91;

    font-size: 14px;

    margin-top: 8px;

    font-weight: 600;
}

.review-rating-error.show {

    display: block;
}
/* =========================
   ADMIN REPLY COMPACT
========================= */

.admin-reply {

    margin-top: 14px;

    padding: 12px 14px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(255,140,170,0.08),
            rgba(255,140,170,0.03)
        );

    border:
        1px solid rgba(255,140,170,0.14);

    box-shadow:
        inset 0 0 20px rgba(255,255,255,0.015);
}

/* header */
.admin-reply-header {

    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 6px;

    color: #ffd5e3;

    font-size: 13px;

    font-weight: 700;
}

/* icon */
.admin-reply-header i {

    color: #ff8caf;

    font-size: 12px;
}

/* text */
.admin-reply-text {

    color: #f1dbe3;

    font-size: 13px;

    line-height: 1.5;
}
/* =========================
   PRODUCT META LINE
========================= */

.product-meta-line{

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

    margin-bottom:6px;

    font-size:13px;
}

.meta-category{

    color:#ffcc70;

    font-weight:700;

    letter-spacing:.3px;
}

.meta-occasion{

    color:#ff8caf;

    font-weight:600;
}

.meta-divider{

    color:rgba(255,255,255,0.35);
}
/* =========================
   PRODUCT TOP META
========================= */

.product-top-meta{

    display:flex;
    flex-direction:column;

    align-items:flex-start;

    gap:10px;

    margin-bottom:18px;
}

/* CATEGORY PILL */

.product-category-pill{

    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:10px 16px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            rgba(255,204,112,0.18),
            rgba(255,204,112,0.08)
        );

    border:
        1px solid rgba(255,204,112,0.22);

    color:#ffcc70;

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

    text-decoration:none;

    box-shadow:
        0 0 25px rgba(255,204,112,0.08);

    transition:.25s ease;
}

.product-category-pill:hover{

    transform:translateY(-2px);

    background:
        linear-gradient(
            135deg,
            rgba(255,204,112,0.24),
            rgba(255,204,112,0.12)
        );

    box-shadow:
        0 10px 30px rgba(255,204,112,0.14);
}
/* =========================================
   OCAZII PRODUS
========================================= */

.product-occasion-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 18px;

    margin-bottom: 22px;
}

.occasion-tag {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 10px 16px;

    border-radius: 999px;

    background:
        rgba(255,140,175,0.08);

    border:
        1px solid rgba(255,140,175,0.18);

    color: #ff8caf;

    text-decoration: none;

    font-size: 15px;

    font-weight: 600;

    transition: 0.3s ease;

    backdrop-filter: blur(10px);
}

.occasion-tag i {

    font-size: 13px;

    opacity: 0.9;
}

.occasion-tag:hover {

    transform: translateY(-2px);

    background:
        rgba(255,140,175,0.16);

    border-color:
        rgba(255,140,175,0.35);

    box-shadow:
        0 10px 25px rgba(255,140,175,0.14);

    color: #ffb3cb;
}

/* ICON */

.product-category-pill i{

    font-size:12px;
}

/* OCCASION */

.product-occasion-line {

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

    margin-top: -2px;
margin-bottom: 14px;

    color: #ff8caf;

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

.product-occasion-line i {

    font-size: 13px;

    opacity: 0.9;
}


/* =========================================================
   UX REFRESH PRODUS - FARA TABURI
   Informatiile importante sunt vizibile direct la scroll.
========================================================= */

/* info rapida langa pret */
.product-quick-info{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:4px 0 6px;
}

.quick-info-card{
    display:flex;
    align-items:center;
    gap:10px;

    padding:12px 14px;

    border-radius:14px;

    background:rgba(255,255,255,0.045);
    border:1px solid rgba(255,140,170,0.14);

    box-shadow:inset 0 0 18px rgba(255,255,255,0.015);
}

.quick-info-card i{
    width:34px;
    height:34px;

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

    border-radius:50%;

    color:#ffcc70;
    background:rgba(255,204,112,0.10);

    flex:0 0 34px;
}

.quick-info-card span{
    display:block;
    color:#bdaeb3;
    font-size:11.5px;
    line-height:1.2;
}

.quick-info-card strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:13px;
    line-height:1.2;
}

/* layout informatii deschise */
.product-open-layout{
    max-width:1200px;
    margin:26px auto 24px;
    padding:0 20px;

    display:grid;
    grid-template-columns:minmax(0,1.45fr) 380px;
    gap:22px;
    align-items:start;
}

.product-open-main{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.product-open-side{
    position:sticky;
    top:120px;
}

/* carduri info */
.open-info-card{
    position:relative;

    padding:28px;

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(24,10,14,0.86),
            rgba(13,7,9,0.92)
        );

    border:1px solid rgba(255,140,170,0.15);

    box-shadow:
        0 20px 60px rgba(0,0,0,0.45),
        inset 0 0 34px rgba(255,255,255,0.018);

    overflow:hidden;
}

.open-info-card::before{
    content:"";

    position:absolute;
    left:0;
    top:0;

    width:4px;
    height:100%;

    background:
        linear-gradient(
            to bottom,
            #ff8caf,
            rgba(255,140,170,0.10)
        );

    opacity:0.75;
}

.open-section-title{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:18px;
}

.open-section-title i{
    width:38px;
    height:38px;

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

    border-radius:50%;

    color:#ff8caf;
    background:rgba(255,140,170,0.12);

    box-shadow:0 10px 24px rgba(255,140,170,0.15);
}

.open-section-title h2{
    margin:0;

    color:#fff7f7;

    font-size:24px;
    line-height:1.1;
}

.open-info-card p,
.open-rich-text{
    color:#d8caca;

    font-size:14.5px;
    line-height:1.8;
}

.open-info-card p{
    margin:0;
}

/* specificatii */
.open-details-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.open-detail-item{
    display:flex;
    gap:12px;
    align-items:flex-start;

    padding:16px;

    border-radius:16px;

    background:rgba(255,255,255,0.035);
    border:1px solid rgba(255,255,255,0.055);
}

.open-detail-item i{
    width:34px;
    height:34px;

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

    border-radius:50%;

    color:#ffcc70;
    background:rgba(255,204,112,0.10);

    flex:0 0 34px;
}

.open-detail-item span{
    display:block;

    color:#a99ba0;

    font-size:12px;
    margin-bottom:4px;
}

.open-detail-item strong{
    display:block;

    color:#fff;
    font-size:14px;
    line-height:1.35;
}

/* livrare */
.delivery-price-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;

    margin-bottom:18px;
}

.delivery-price-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;

    padding:14px 16px;

    border-radius:16px;

    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.055);
}

.delivery-price-item span{
    color:#d8caca;
    font-size:13.5px;
}

.delivery-price-item strong{
    color:#ff8caf;
    font-size:16px;
}

.delivery-note-list,
.care-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.delivery-note-list div,
.care-list div{
    display:flex;
    align-items:flex-start;
    gap:10px;

    color:#e6dada;
    font-size:14px;
    line-height:1.6;
}

.delivery-note-list i,
.care-list i{
    color:#ffcc70;
    margin-top:4px;
}

/* reviews card in noul layout */
.product-open-side .reviews-card{
    max-width:none;
    width:100%;

    background:
        linear-gradient(
            145deg,
            rgba(26,10,16,0.92),
            rgba(13,7,10,0.96)
        );

    border-color:rgba(255,140,170,0.18);
}

.product-open-side .review{
    min-height:auto;
}

.product-open-side .review-comment p{
    font-size:14px;
    line-height:1.65;
}

/* stergem dependenta vizuala de spatierea veche */
.reviews-wrapper{
    display:none;
}

/* responsive */
@media(max-width:1000px){

    .product-open-layout{
        grid-template-columns:1fr;
    }

    .product-open-side{
        position:relative;
        top:auto;
    }

    .product-quick-info,
    .open-details-grid,
    .delivery-price-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:900px){

    .product-page{
        grid-template-columns:1fr !important;
        gap:22px !important;
    }

    .product-info{
        position:relative;
        top:auto;
        height:auto;
    }

    .main-image{
        height:480px;
    }
}

@media(max-width:600px){

    .product-page,
    .product-open-layout{
        padding:0 14px;
    }

.product-gallery,
.product-info,
.open-info-card{

    padding:14px !important;

    border-radius:18px;
}
.product-gallery{

    overflow:hidden !important;
}

.main-image{

    margin:0 !important;

    padding:0 !important;
}
    .main-image{
        height:380px;
    }

    .product-info h1{
        font-size:30px;
        max-width:100%;
    }

    .product-price{
        font-size:30px;
    }

    .product-actions{
        flex-direction:column;
    }

    .favorite-btn{
        justify-content:center;
    }

    .open-section-title h2{
        font-size:22px;
    }

    .benefits-bar-wide{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .benefits-bar-wide .benefit:not(:last-child)::after{
        display:none;
    }
}

.product-right-note{

    margin-top: 18px;

    padding: 16px 18px;

    border-radius: 18px;

    border: 1px solid rgba(255,105,180,0.18);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,0.02),
            rgba(255,105,180,0.03)
        );

    color: #f5dce5;

    font-size: 14px;

    line-height: 1.7;

    font-style: italic;

    box-shadow:
        0 0 25px rgba(255,105,180,0.05);
}
/* =========================
   HANDMADE STRIP
========================= */

.product-handmade-strip {

    margin-top: 18px;

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

    overflow: hidden;
}

.product-handmade-strip img {

    width: 100%;

    max-width: 520px;

    height: auto;

    display: block;

    border-radius: 18px;

    opacity: 0.96;

    transition: all 0.3s ease;
}

.product-handmade-strip img:hover {

    transform: scale(1.01);

    opacity: 1;
}
/* =========================
   PRODUCT LIGHTBOX PREMIUM
========================= */

.lightbox-prev,
.lightbox-next {

    position: fixed !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 58px !important;
    height: 58px !important;

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

    padding: 0 !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            rgba(25,18,22,0.96),
            rgba(10,8,10,0.96)
        ) !important;

    color: #ffd7e3 !important;

    font-size: 34px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    cursor: pointer;

    z-index: 999999999 !important;

    backdrop-filter: blur(14px);

    box-shadow:
        0 15px 35px rgba(0,0,0,0.45),
        0 0 30px rgba(255,120,160,0.18);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;

    user-select: none !important;
}

/* LEFT */

.lightbox-prev {

    left: 28px !important;
}

/* RIGHT */

.lightbox-next {

    right: 28px !important;
}

/* HOVER */

.lightbox-prev:hover,
.lightbox-next:hover {

    transform:
        translateY(-50%)
        scale(1.08) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,120,160,0.22),
            rgba(30,15,20,0.96)
        ) !important;

    box-shadow:
        0 0 35px rgba(255,120,160,0.35),
        0 18px 45px rgba(0,0,0,0.55);
}

/* =========================
   CLOSE BUTTON
========================= */

.lightbox-close {

    position: fixed !important;

    top: 22px !important;
    right: 22px !important;

    width: 54px !important;
    height: 54px !important;

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

    padding: 0 !important;

    border-radius: 50% !important;

    border: 1px solid rgba(255,255,255,0.08) !important;

    background:
        linear-gradient(
            145deg,
            rgba(25,18,22,0.96),
            rgba(10,8,10,0.96)
        ) !important;

    color: #ffd7e3 !important;

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

    cursor: pointer;

    z-index: 999999999 !important;

    backdrop-filter: blur(14px);

    box-shadow:
        0 15px 35px rgba(0,0,0,0.45),
        0 0 30px rgba(255,120,160,0.18);

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

.lightbox-close:hover {

    transform: scale(1.08) !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,120,160,0.22),
            rgba(30,15,20,0.96)
        ) !important;

    box-shadow:
        0 0 35px rgba(255,120,160,0.35),
        0 18px 45px rgba(0,0,0,0.55);
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .lightbox-prev,
    .lightbox-next {

        width: 48px !important;
        height: 48px !important;

        font-size: 28px !important;
    }

    .lightbox-prev {

        left: 10px !important;
    }

    .lightbox-next {

        right: 10px !important;
    }

    .lightbox-close {

        width: 46px !important;
        height: 46px !important;

        top: 10px !important;
        right: 10px !important;

        font-size: 30px !important;
    }
}