.product-wrap{max-width:1500px}
.cs-product{display:grid;grid-template-columns:760px 1fr;gap:28px;align-items:start}
.cs-left,.cs-right{min-width:0}

.cs-gallery{display:grid;grid-template-columns:112px 1fr;gap:14px}
.cs-thumbs{display:flex;flex-direction:column;gap:10px}
.cs-thumb{width:108px;height:108px;border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;padding:0;cursor:pointer}
.cs-thumb.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(15,157,88,.13)}
.cs-thumb img{width:100%;height:100%;object-fit:cover}


.cs-badges{position:absolute;top:16px;left:16px;z-index:3;display:flex;flex-direction:column;gap:8px}
.cs-badge{width:max-content;border-radius:999px;color:#fff;font-weight:900;padding:8px 16px;font-size:15px}
.cs-badge.new{background:var(--color-primary)}
.cs-badge.discount{background:#050505}
.cs-expand{position:absolute;right:20px;bottom:20px;width:50px;height:50px;border:0;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.16);font-size:20px}

.cs-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(90deg,#fff,#fff8fb);overflow:hidden;box-shadow:0 9px 22px rgba(15,23,42,.05)}
.cs-benefit{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:18px 16px;border-right:1px solid var(--color-border);align-items:center}
.cs-benefit:last-child{border-right:0}
.cs-benefit strong{font-size:13px}
.cs-benefit span{font-size:12px;color:#555;line-height:1.35}
.cs-ico{width:34px;height:34px;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}
.cs-ico svg{width:31px;height:31px;stroke:currentColor;fill:none;stroke-width:2}

.cs-help{margin-top:16px;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(90deg,#fff,#fff8fb);box-shadow:0 9px 22px rgba(15,23,42,.05);padding:22px 26px;display:grid;grid-template-columns:52px 1fr auto;gap:18px;align-items:center}
.cs-help-icon{width:48px;height:48px;color:var(--color-primary)}
.cs-help-icon svg{width:42px;height:42px;stroke:currentColor;fill:none;stroke-width:2}
.cs-help-info{display:grid;gap:6px;font-size:15px}
.cs-help-info b{font-weight:1000;margin-right:10px}
.cs-help-info small{color:#555;font-size:14px}
.cs-help-actions{display:flex;gap:10px}
.cs-help-actions a{border:1px solid var(--color-primary-light);border-radius:8px;color:var(--color-primary);padding:11px 18px;font-weight:900;font-size:13px;white-space:nowrap}

.cs-card{border:1px solid #eee;border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.07);padding:28px 30px}
.cs-labels{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.cs-label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900}
.cs-label.orange{background:#fff3df;color:#c16b00}
.cs-label.purple{background:#f2eaff;color:#7b3fc9}
.cs-label.red{background:#ffe9eb;color:#df2338}
.cs-label svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}

.cs-card h1{font-size:29px;line-height:1.18;margin:0 0 14px;letter-spacing:-.6px}
.cs-meta{display:flex;gap:10px;flex-wrap:wrap;color:#777;font-size:14px;font-weight:700;margin-bottom:22px}
.cs-meta a{color:var(--color-primary);font-weight:900}
.cs-price{display:flex;align-items:center;gap:18px;margin-bottom:10px}
.cs-price strong{font-size:38px;color:var(--color-primary);font-weight:1000;letter-spacing:-1px}
.cs-price del{font-size:18px;color:#777;font-weight:800}
.cs-price span{background:var(--color-primary);color:#fff;border-radius:999px;padding:9px 16px;font-weight:900}
.cs-lowest{font-size:14px;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.cs-lowest .ok{width:18px;height:18px;border-radius:999px;background:#dff7e7;color:#16a34a;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.cs-cashback{background:linear-gradient(90deg,var(--color-primary-soft),var(--color-primary-pale));border-radius:8px;color:var(--color-primary);padding:14px 16px;font-size:15px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.cs-cashback svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:2}

.cs-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #eee;border-top:1px solid #f3f3f3;padding:14px 0;margin-bottom:18px}
.cs-feature{display:flex;align-items:center;gap:10px;border-right:1px solid #eee;padding:0 12px}
.cs-feature:last-child{border-right:0}
.cs-feature i{width:35px;height:35px;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}
.cs-feature svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2}
.cs-feature b{font-size:13px;line-height:1.2}

.cs-delivery-stock{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.cs-delivery{display:grid;gap:9px;color:#333;font-size:15px}
.cs-delivery div{display:flex;align-items:center;gap:10px}
.cs-delivery svg{width:17px;height:17px;stroke:#111;fill:none;stroke-width:2.4}
.cs-stock{display:inline-flex;white-space:nowrap;background:#e8f9ec;color:#13843a;border-radius:8px;padding:13px 16px;font-size:15px;font-weight:900}
.cs-stock.out{background:#fee2e2;color:#991b1b}

.cs-variants{margin-top:2px}
.cs-variants h3{font-size:15px;margin:0 0 10px}
.cs-variant-list{display:flex;gap:10px;flex-wrap:wrap}
.cs-variant{min-width:138px;border:1px solid #ddd;background:#fff;border-radius:7px;padding:13px 16px;text-align:center;cursor:pointer}
.cs-variant:hover,.cs-variant.active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(15,157,88,.08)}
.cs-variant b{display:block;font-size:14px}
.cs-variant small{display:block;margin-top:6px;color:#555;font-size:13px}

.cs-buy{display:grid;grid-template-columns:90px 150px 1fr 58px;gap:14px;align-items:center;margin-top:20px}
.cs-buy label{font-weight:900;font-size:14px}
.cs-qty{height:54px;display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden}
.cs-qty button{width:44px;border:0;background:#fff;font-size:20px;font-weight:900;cursor:pointer}
.cs-qty input{width:58px;border:0;text-align:center;font-weight:900}
.cs-add{height:54px;border:0;border-radius:8px;background:var(--color-primary);color:#fff;font-size:18px;font-weight:1000;cursor:pointer;box-shadow:0 12px 26px rgba(15,157,88,.25);display:flex;align-items:center;justify-content:center;gap:10px}
.cs-add svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:2}
.cs-add:disabled{opacity:.45;cursor:not-allowed}
.cs-heart{height:54px;border:1px solid #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#111}
.cs-heart svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2}

.cs-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.cs-actions a{border:1px solid #e4e4e4;border-radius:8px;padding:14px;text-align:center;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}
.cs-actions svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}

.cs-tabs-grid{display:grid;grid-template-columns:1fr 380px;gap:38px;margin-top:30px;border:1px solid #eee;border-radius:16px;background:#fff;padding:18px;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.cs-tabs-nav{display:flex;gap:32px;border-bottom:1px solid #eee;overflow:auto}
.cs-tabs-nav a{padding:13px 0;font-weight:900;white-space:nowrap;display:flex;align-items:center;gap:8px}
.cs-tabs-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}
.cs-tabs-nav a.active{color:var(--color-primary);border-bottom:3px solid var(--color-primary)}
.cs-tab-content{padding:26px 14px;line-height:1.8;color:#444}
.cs-why{border:1px solid var(--color-border);border-radius:10px;background:var(--color-primary-soft);padding:22px;align-self:start}
.cs-why h3{margin:0 0 18px;color:var(--color-primary);font-size:20px}
.cs-why p{font-weight:800;color:#333;display:flex;align-items:center;gap:9px}
.cs-why svg{width:18px;height:18px;stroke:var(--color-primary);fill:none;stroke-width:2.4}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.no-image{color:#999;text-transform:uppercase;font-size:12px;font-weight:900}
@media(max-width:1280px){.cs-product{grid-template-columns:1fr}.cs-gallery{grid-template-columns:110px 1fr}}
@media(max-width:900px){.cs-benefits,.cs-features,.cs-actions{grid-template-columns:repeat(2,1fr)}.cs-buy{grid-template-columns:1fr}.cs-tabs-grid{grid-template-columns:1fr}.cs-help{grid-template-columns:1fr}}
@media(max-width:620px){.product-wrap{padding:0 12px}.cs-gallery{grid-template-columns:1fr}.cs-thumbs{flex-direction:row;order:2;overflow:auto}.cs-card{padding:20px}.cs-card h1{font-size:24px}.cs-price strong{font-size:30px}.cs-features,.cs-benefits{grid-template-columns:1fr}.cs-delivery-stock{align-items:flex-start;flex-direction:column}.cs-tabs-nav{gap:18px}}

/* fix imagine produs: produs complet, centrat, fara decupare */




.cs-thumb img{
    object-fit:contain!important;
    background:var(--color-primary-pale)!important;
    padding:4px!important;
}

/* fix v2: produs vertical mare, centrat, fara taiere */




.cs-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    padding:0!important;
}

/* imagini produs cu fundal eliminat automat */




.cs-thumb img{
    object-fit:contain!important;
    background:var(--color-primary-soft)!important;
    padding:5px!important;
}

/* Green product theme overrides */

.cs-badge.new,
.cs-price span,
.cs-add,
.cs-price-line span,
.wow-add,
.wow-price-line span{
    background:var(--color-primary)!important;
}
.cs-price strong,
.cs-card a,
.cs-cashback,
.cs-why h3,
.cs-labels .purple,
.cs-labels .red,
.cs-labels .orange,
.cs-meta a,
.cs-ico,
.cs-help-icon,
.cs-feature i,
.cs-tabs-nav a.active,
.cs-check-pink,
.cs-mini-icon,
.cs-action-icon,
.cs-tab-icon{
    color:var(--color-primary)!important;
}
.cs-cashback,
.cs-feature i,
.cs-help,
.cs-benefits,
.cs-why,
.cs-thumb img{
    background:var(--color-primary-soft)!important;
}
.cs-thumb.active,
.cs-variant:hover,
.cs-variant.active,
.cs-tabs-nav a.active{
    border-color:var(--color-primary)!important;
}
.cs-add{
    box-shadow:0 12px 26px rgba(15,157,88,.25)!important;
}
.cs-label.orange,
.cs-label.purple,
.cs-label.red{
    background:var(--color-primary-soft)!important;
    color:var(--color-primary-dark)!important;
}
.cs-lowest .ok,
.cs-stock{
    background:#e8f5df!important;
    color:var(--color-primary-dark)!important;
}

/* Emerald Product Theme */

.cs-badge.new,
.cs-price span,
.cs-add,
.cs-price-line span,
.wow-add,
.wow-price-line span{
    background:var(--color-primary)!important;
}
.cs-price strong,
.cs-card a,
.cs-cashback,
.cs-why h3,
.cs-meta a,
.cs-ico,
.cs-help-icon,
.cs-feature i,
.cs-tabs-nav a.active,
.cs-check-pink,
.cs-mini-icon,
.cs-action-icon,
.cs-tab-icon{
    color:var(--color-primary)!important;
}
.cs-cashback,
.cs-feature i,
.cs-help,
.cs-benefits,
.cs-why{
    background:#F2FCF7!important;
}
.cs-thumb img{
    background:#E3F8ED!important;
}
.cs-thumb.active,
.cs-variant:hover,
.cs-variant.active,
.cs-tabs-nav a.active{
    border-color:var(--color-primary)!important;
}
.cs-add{
    box-shadow:0 12px 26px rgba(15,157,88,.25)!important;
}
.cs-label.orange,
.cs-label.purple,
.cs-label.red{
    background:#E8F8F0!important;
    color:var(--color-primary-dark)!important;
}
.cs-lowest .ok,
.cs-stock{
    background:#E0F7EA!important;
    color:var(--color-primary-dark)!important;
}
.cs-help-actions a{
    border-color:#A7E5C6!important;
    color:var(--color-primary)!important;
}
.cs-expand{
    color:var(--color-primary)!important;
}

/* Product gallery images cover full container */
.product-main-image,
.product-gallery-main,
.product-image-main,
.product-media-main {
    background: #f2fcf7;
    overflow: hidden;
}

.product-main-image img,
.product-gallery-main img,
.product-image-main img,
.product-media-main img,
.product-thumbs img,
.product-thumbnail img,
.gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Force product images to cover their containers */
.product-gallery-main,
.product-main-image,
.product-image-main,
.product-media-main,
.product-image-card,
.product-thumb,
.gallery-thumb {
    overflow: hidden !important;
}

.product-gallery-main img,
.product-main-image img,
.product-image-main img,
.product-media-main img,
.product-image-card img,
.product-thumb img,
.gallery-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}


/* ===== Product main image (single definition) ===== */

.cs-main-img{
    position:relative;
    height:518px;
    overflow:hidden;
    border-radius:14px;
    background:#ffffff;
    border:1px solid #e6eaf0;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}

.cs-main-img img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
}


/* FINAL: remove visual container around product image */
.cs-main-img{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.cs-main-img img{
    object-fit: contain !important;
}

/* FINAL PRODUCT THEME: Navy + Gold */
:root {
    --product-navy: #06182F;
    --product-gold: #C59A3D;
    --product-gold-dark: #9B7224;
    --product-cream: #F8F4EC;
    --product-border: #E6EAF0;
}

/* remove green visual language */
.cs-thumb.active,
.cs-variant:hover,
.cs-variant.active,
.cs-tabs-nav a.active {
    border-color: var(--product-gold) !important;
    box-shadow: 0 0 0 2px rgba(197, 154, 61, .14) !important;
}

.cs-thumb.active {
    border-width: 2px !important;
}

.cs-thumb img,
.cs-main-img,
.product-main-image,
.product-gallery-main,
.product-image-main,
.product-media-main {
    background: #ffffff !important;
}

.cs-badge.new,
.cs-price span,
.cs-price-line span,
.wow-price-line span {
    background: var(--product-gold) !important;
    color: #ffffff !important;
}

.cs-badge.discount {
    background: var(--product-navy) !important;
    color: #ffffff !important;
}

.cs-price strong,
.cs-card a,
.cs-meta a,
.cs-cashback,
.cs-why h3,
.cs-ico,
.cs-help-icon,
.cs-feature i,
.cs-tabs-nav a.active,
.cs-check-pink,
.cs-mini-icon,
.cs-action-icon,
.cs-tab-icon,
.cs-expand {
    color: var(--product-gold) !important;
}

.cs-price strong {
    color: var(--product-gold-dark) !important;
}

.cs-add {
    background: var(--product-navy) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(6, 24, 47, .22) !important;
}

.cs-add:hover {
    background: var(--product-gold) !important;
}

.cs-add:disabled {
    background: #94a3b8 !important;
    box-shadow: none !important;
}

.cs-cashback,
.cs-feature i,
.cs-help,
.cs-benefits,
.cs-why {
    background: var(--product-cream) !important;
}

.cs-cashback {
    border: 1px solid rgba(197, 154, 61, .22) !important;
    color: var(--product-gold-dark) !important;
}

.cs-lowest .ok {
    background: var(--product-cream) !important;
    color: var(--product-gold-dark) !important;
    border: 1px solid rgba(197, 154, 61, .24) !important;
}

.cs-stock {
    background: var(--product-cream) !important;
    color: var(--product-gold-dark) !important;
    border: 1px solid rgba(197, 154, 61, .26) !important;
}

.cs-stock.out {
    background: #fee2e2 !important;
    color: #991b1b !important;
    border-color: #fecaca !important;
}

.cs-help-actions a {
    border-color: rgba(197, 154, 61, .35) !important;
    color: var(--product-gold-dark) !important;
    background: #fff !important;
}

.cs-help-actions a:hover {
    background: var(--product-gold) !important;
    color: #fff !important;
}

.cs-label.orange,
.cs-label.purple,
.cs-label.red {
    background: var(--product-cream) !important;
    color: var(--product-gold-dark) !important;
    border: 1px solid rgba(197, 154, 61, .18) !important;
}

.cs-card {
    border-color: var(--product-border) !important;
    box-shadow: 0 14px 34px rgba(6, 24, 47, .08) !important;
}

.cs-main-img {
    background: #ffffff !important;
}

.cs-main-img img {
    background: #ffffff !important;
}

.cs-benefits {
    background: linear-gradient(90deg, #ffffff, var(--product-cream)) !important;
}

.cs-help {
    background: linear-gradient(90deg, #ffffff, var(--product-cream)) !important;
}

.cs-feature i svg,
.cs-ico svg,
.cs-help-icon svg,
.cs-cashback svg,
.cs-tabs-nav svg,
.cs-actions svg {
    stroke: currentColor !important;
}

.cs-tabs-nav a.active {
    border-bottom-color: var(--product-gold) !important;
}

.cs-why {
    border-color: rgba(197, 154, 61, .28) !important;
}

.cs-why svg {
    stroke: var(--product-gold) !important;
}

.cs-heart:hover {
    color: var(--product-gold) !important;
    border-color: var(--product-gold) !important;
}

.cs-actions a:hover {
    color: var(--product-gold) !important;
    border-color: rgba(197, 154, 61, .38) !important;
    background: var(--product-cream) !important;
}

/* Product gallery premium v1 */
.cs-gallery {
    position: sticky;
    top: 92px;
    align-items: start;
}

.cs-main-img {
    height: 640px !important;
    border-radius: 22px !important;
    border: 1px solid #e6eaf0 !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(6, 24, 47, .08) !important;
    overflow: hidden !important;
}

.cs-main-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 30px !important;
    transition: transform .28s ease !important;
}

.cs-main-img:hover img {
    transform: scale(1.08);
}

.cs-thumbs {
    gap: 12px !important;
}

.cs-thumb {
    width: 104px !important;
    height: 104px !important;
    border-radius: 18px !important;
    border: 1px solid #e6eaf0 !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(6, 24, 47, .04) !important;
}

.cs-thumb img {
    object-fit: contain !important;
    padding: 9px !important;
    background: #fff !important;
}

.cs-thumb.active {
    border-color: #C59A3D !important;
    box-shadow: 0 0 0 3px rgba(197,154,61,.18) !important;
}

.cs-expand {
    background: #06182F !important;
    color: #fff !important;
    width: 56px !important;
    height: 56px !important;
}

.cs-expand:hover {
    background: #C59A3D !important;
}

.cs-gallery-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    background: rgba(6, 24, 47, .82);
    padding: 38px;
}

.cs-gallery-modal[hidden] {
    display: none !important;
}

.cs-gallery-modal img {
    max-width: min(1100px, 92vw);
    max-height: 86vh;
    object-fit: contain;
    background: #fff;
    border-radius: 22px;
    padding: 28px;
    box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.cs-gallery-close,
.cs-gallery-prev,
.cs-gallery-next {
    position: fixed;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #06182F;
    display: grid;
    place-items: center;
    cursor: pointer;
    font-weight: 1000;
    box-shadow: 0 18px 44px rgba(0,0,0,.24);
}

.cs-gallery-close {
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    font-size: 32px;
}

.cs-gallery-prev,
.cs-gallery-next {
    top: 50%;
    transform: translateY(-50%);
    width: 58px;
    height: 58px;
    font-size: 44px;
}

.cs-gallery-prev { left: 24px; }
.cs-gallery-next { right: 24px; }

@media(max-width:1280px) {
    .cs-gallery {
        position: static;
    }

    .cs-main-img {
        height: 560px !important;
    }
}

@media(max-width:620px) {
    .cs-main-img {
        height: 420px !important;
    }

    .cs-main-img img {
        padding: 18px !important;
    }

    .cs-gallery-prev,
    .cs-gallery-next {
        width: 44px;
        height: 44px;
        font-size: 34px;
    }
}

/* Related products premium v1 */
.cs-related {
    margin-top: 34px;
    padding: 26px;
    border: 1px solid #e6eaf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(6, 24, 47, .06);
}

.cs-related-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-end;
    margin-bottom: 20px;
}

.cs-related-head span {
    color: #C59A3D;
    font-size: 13px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.cs-related-head h2 {
    margin: 5px 0 4px;
    color: #06182F;
    font-size: 28px;
    letter-spacing: -.7px;
}

.cs-related-head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.cs-related-head > a {
    color: #C59A3D;
    font-weight: 1000;
    text-decoration: none;
    white-space: nowrap;
}

.cs-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.cs-related-card {
    position: relative;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    background: #fff;
    overflow: hidden;
    transition: .18s ease;
}

.cs-related-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px rgba(6,24,47,.09);
}

.cs-related-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    border-radius: 999px;
    background: #06182F;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 1000;
}

.cs-related-img {
    height: 230px;
    display: grid;
    place-items: center;
    padding: 18px;
    background: #fff;
}

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

.cs-related-img span {
    color: #94a3b8;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.cs-related-info {
    padding: 14px 15px 17px;
}

.cs-related-title {
    min-height: 42px;
    display: block;
    color: #111827 !important;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.35;
    text-decoration: none;
}

.cs-related-title:hover {
    color: #C59A3D !important;
}

.cs-related-price {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 10px;
}

.cs-related-price strong {
    color: #9B7224;
    font-size: 17px;
    font-weight: 1000;
}

.cs-related-price del {
    color: #94a3b8;
    font-size: 13px;
    font-weight: 800;
}

@media(max-width: 1000px) {
    .cs-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cs-related-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media(max-width: 560px) {
    .cs-related {
        padding: 16px;
    }

    .cs-related-grid {
        grid-template-columns: 1fr;
    }
}

/* Product gallery + related images fix v1 */

/* galeria NU mai este sticky */
.cs-gallery {
    position: static !important;
    top: auto !important;
}

/* imagine principală curată */
.cs-main-img {
    height: 600px !important;
    background: #fff !important;
}

.cs-main-img img {
    object-fit: contain !important;
    padding: 28px !important;
}

/* produse similare - imagini curate, centrate, fără tăiere */
.cs-related-grid {
    align-items: stretch !important;
}

.cs-related-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    background: #fff !important;
}

.cs-related-img {
    height: 260px !important;
    padding: 20px !important;
    background: #fff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.cs-related-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    padding: 0 !important;
    background: #fff !important;
}

.cs-related-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.cs-related-title {
    flex: 1 !important;
}

.cs-related-price {
    margin-top: 12px !important;
}

@media(max-width: 900px) {
    .cs-main-img {
        height: 480px !important;
    }

    .cs-related-img {
        height: 230px !important;
    }
}

@media(max-width: 560px) {
    .cs-main-img {
        height: 380px !important;
    }

    .cs-related-img {
        height: 220px !important;
    }
}

/* Related products: match homepage product cards */
.cs-related-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.cs-related-card {
    position: relative !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.cs-related-card:hover {
    box-shadow: 0 18px 45px rgba(6, 24, 47, .10) !important;
    transform: translateY(-2px) !important;
}

.cs-related-img {
    height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: #fff !important;
    border-bottom: 0 !important;
}

.cs-related-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
    background: #fff !important;
}

.cs-related-info {
    padding: 14px 14px 18px !important;
}

.cs-related-title {
    min-height: 38px !important;
    margin: 4px 0 10px !important;
    color: #111827 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 850 !important;
}

.cs-related-price strong {
    color: #06182f !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

.cs-related-price del {
    color: #94a3b8 !important;
    font-size: 13px !important;
}

.cs-related-badge {
    top: 10px !important;
    left: 10px !important;
    background: #C59A3D !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 6px 9px !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

@media(max-width: 1000px) {
    .cs-related-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media(max-width: 700px) {
    .cs-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cs-related-img {
        height: 210px !important;
    }
}

/* Mobile sticky add to cart */
.cs-mobile-buybar {
    display: none;
}

@media (max-width: 760px) {
    body {
        padding-bottom: 86px;
    }

    .cs-mobile-buybar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9990;
        display: grid;
        grid-template-columns: 1fr 1.35fr;
        gap: 12px;
        align-items: center;
        padding: 12px 14px;
        background: rgba(255,255,255,.94);
        border-top: 1px solid #e6eaf0;
        box-shadow: 0 -12px 34px rgba(6,24,47,.14);
        backdrop-filter: blur(14px);
    }

    .cs-mobile-buybar small {
        display: block;
        color: #64748b;
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .cs-mobile-buybar strong {
        display: block;
        color: #9B7224;
        font-size: 18px;
        font-weight: 1000;
    }

    .cs-mobile-buybar button {
        height: 50px;
        border: 0;
        border-radius: 12px;
        background: #06182F;
        color: #fff;
        font-size: 15px;
        font-weight: 1000;
        box-shadow: 0 12px 24px rgba(6,24,47,.18);
    }

    .cs-mobile-buybar button:disabled {
        background: #94a3b8;
        box-shadow: none;
    }
}

/* Product buy card premium v1 */
.cs-card {
    border-radius: 24px !important;
    border: 1px solid #e6eaf0 !important;
    background: #ffffff !important;
    box-shadow: 0 22px 56px rgba(6, 24, 47, .10) !important;
    padding: 30px !important;
}

.cs-labels {
    margin-bottom: 18px !important;
}

.cs-label {
    border: 1px solid rgba(197,154,61,.18) !important;
    background: #F8F4EC !important;
    color: #9B7224 !important;
}

.cs-card h1 {
    color: #06182F !important;
    font-size: 32px !important;
    line-height: 1.16 !important;
    letter-spacing: -.8px !important;
    margin-bottom: 16px !important;
}

.cs-meta {
    padding-bottom: 18px !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #64748b !important;
}

.cs-price {
    margin-top: 22px !important;
    margin-bottom: 12px !important;
    align-items: flex-end !important;
}

.cs-price strong {
    font-size: 46px !important;
    line-height: 1 !important;
    color: #9B7224 !important;
}

.cs-price del {
    color: #94a3b8 !important;
    font-size: 19px !important;
}

.cs-price span {
    background: #06182F !important;
    color: #fff !important;
}

.cs-lowest {
    padding: 12px 14px !important;
    border-radius: 14px !important;
    background: #fbf8f2 !important;
    border: 1px solid rgba(197,154,61,.18) !important;
}

.cs-cashback {
    border-radius: 16px !important;
    padding: 16px 18px !important;
    background: linear-gradient(135deg,#fffaf0,#f8f4ec) !important;
    border: 1px solid rgba(197,154,61,.24) !important;
}

.cs-features {
    margin: 20px 0 !important;
    padding: 0 !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.cs-feature {
    min-height: 78px !important;
    padding: 14px !important;
    background: #fff !important;
}

.cs-feature i {
    background: #F8F4EC !important;
    color: #C59A3D !important;
    border-radius: 14px !important;
}

.cs-delivery-stock {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
    border: 1px solid #e6eaf0 !important;
}

.cs-delivery {
    gap: 10px !important;
}

.cs-delivery div {
    color: #06182F !important;
    font-weight: 850 !important;
}

.cs-stock {
    width: max-content !important;
    border-radius: 999px !important;
    padding: 10px 14px !important;
}

.cs-variants {
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eef2f7 !important;
}

.cs-variants h3 {
    color: #06182F !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
}

.cs-variant {
    border-radius: 14px !important;
    border-color: #e6eaf0 !important;
    background: #fff !important;
}

.cs-variant:hover,
.cs-variant.active {
    border-color: #C59A3D !important;
    background: #fffaf0 !important;
}

.cs-buy {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid #eef2f7 !important;
}

.cs-buy label {
    color: #06182F !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.cs-qty {
    width: 160px !important;
    height: 52px !important;
    border-radius: 14px !important;
    border-color: #e6eaf0 !important;
}

.cs-qty button {
    color: #06182F !important;
}

.cs-add {
    width: 100% !important;
    height: 58px !important;
    border-radius: 16px !important;
    font-size: 18px !important;
}

.cs-heart {
    width: 100% !important;
    height: 54px !important;
    border-radius: 16px !important;
    color: #06182F !important;
}

.cs-actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}

.cs-actions a {
    justify-content: flex-start !important;
    border-radius: 14px !important;
    background: #fff !important;
}

@media(max-width: 760px) {
    .cs-card {
        padding: 22px !important;
        border-radius: 20px !important;
    }

    .cs-card h1 {
        font-size: 25px !important;
    }

    .cs-price strong {
        font-size: 34px !important;
    }
}

/* Product buy card luxury v2 */
.cs-card{
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(197,154,61,.22)!important;
    border-radius:28px!important;
    background:
        radial-gradient(circle at top right, rgba(197,154,61,.12), transparent 28%),
        linear-gradient(180deg,#ffffff 0%,#fffdf8 100%)!important;
    box-shadow:0 26px 70px rgba(6,24,47,.13)!important;
}

.cs-card:before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#06182F,#C59A3D,#F3D98C);
}

.cs-labels{
    gap:8px!important;
}

.cs-label{
    padding:8px 12px!important;
    border-radius:999px!important;
    background:rgba(248,244,236,.9)!important;
    color:#8A641F!important;
    border:1px solid rgba(197,154,61,.22)!important;
    font-size:12px!important;
}

.cs-card h1{
    max-width:680px!important;
    color:#06182F!important;
    font-size:34px!important;
    line-height:1.12!important;
    font-weight:1000!important;
}

.cs-meta{
    background:#f8fafc!important;
    border:1px solid #e6eaf0!important;
    border-radius:16px!important;
    padding:12px 14px!important;
    margin-bottom:20px!important;
}

.cs-price{
    display:flex!important;
    align-items:center!important;
    gap:14px!important;
    padding:18px 0 8px!important;
}

.cs-price strong{
    color:#06182F!important;
    font-size:50px!important;
    font-weight:1000!important;
    letter-spacing:-1.6px!important;
}

.cs-price del{
    color:#94a3b8!important;
}

.cs-price span{
    background:#C59A3D!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(197,154,61,.22)!important;
}

.cs-lowest,
.cs-cashback{
    border-radius:18px!important;
    background:#fffaf0!important;
    border:1px solid rgba(197,154,61,.24)!important;
}

.cs-features{
    grid-template-columns:repeat(2,1fr)!important;
    gap:10px!important;
    border:0!important;
    background:transparent!important;
}

.cs-feature{
    border:1px solid #e6eaf0!important;
    border-radius:18px!important;
    background:#fff!important;
    min-height:72px!important;
}

.cs-delivery-stock{
    background:linear-gradient(135deg,#06182F,#102a4f)!important;
    color:#fff!important;
    border:0!important;
}

.cs-delivery div{
    color:#fff!important;
}

.cs-delivery svg{
    stroke:#C59A3D!important;
}

.cs-stock{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.22)!important;
}

.cs-buy{
    background:#fff!important;
    border:1px solid #e6eaf0!important;
    border-radius:22px!important;
    padding:18px!important;
}

.cs-add{
    background:linear-gradient(135deg,#06182F,#0f2d55)!important;
    box-shadow:0 18px 34px rgba(6,24,47,.22)!important;
}

.cs-add:hover{
    background:linear-gradient(135deg,#C59A3D,#9B7224)!important;
}

.cs-heart{
    border:1px solid rgba(197,154,61,.30)!important;
    background:#fffaf0!important;
    color:#9B7224!important;
}

.cs-actions a{
    background:#f8fafc!important;
    border:1px solid #e6eaf0!important;
    font-weight:900!important;
}

.cs-actions a:hover{
    background:#fffaf0!important;
    border-color:rgba(197,154,61,.34)!important;
}

@media(max-width:760px){
    .cs-card h1{font-size:27px!important}
    .cs-price strong{font-size:38px!important}
    .cs-features{grid-template-columns:1fr!important}
}

/* Product buy layout gold v3 */
.cs-delivery-stock {
    margin-bottom: 0 !important;
    border-radius: 22px !important;
    padding: 18px !important;
}

.cs-buy {
    margin-top: -2px !important;
    border-radius: 0 0 22px 22px !important;
    border-top: 0 !important;
    background: linear-gradient(135deg, #06182F, #102A4F) !important;
    border-color: transparent !important;
    padding: 0 18px 18px !important;
}

.cs-buy label {
    color: #ffffff !important;
}

.cs-qty {
    background: #ffffff !important;
    border-color: rgba(255,255,255,.25) !important;
}

.cs-add {
    background: linear-gradient(135deg, #C59A3D, #9B7224) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 34px rgba(197,154,61,.26) !important;
}

.cs-add:hover {
    background: linear-gradient(135deg, #9B7224, #C59A3D) !important;
}

.cs-heart {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.25) !important;
}

.cs-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 16px !important;
}

.cs-actions a {
    min-height: 78px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid #e6eaf0 !important;
    color: #06182F !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    box-shadow: 0 10px 24px rgba(6,24,47,.05) !important;
}

.cs-actions a svg {
    width: 24px !important;
    height: 24px !important;
    color: #C59A3D !important;
    stroke: currentColor !important;
}

.cs-actions a:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(197,154,61,.35) !important;
    background: #fffaf0 !important;
}

@media(max-width: 760px) {
    .cs-actions {
        grid-template-columns: 1fr !important;
    }
}

/* ===== Buy Layout v4 ===== */

.cs-buy{
    display:grid!important;
    grid-template-columns:160px 1fr 58px!important;
    gap:14px!important;
    align-items:end!important;

    background:#fff!important;
    border:0!important;
    padding:20px 0 0!important;
    margin-top:18px!important;
}

.cs-buy label{
    grid-column:1/-1;
    color:#06182F!important;
}

.cs-qty{
    width:160px!important;
    margin:0!important;
}

.cs-add{
    width:100%!important;
    height:54px!important;

    background:#C59A3D!important;
    color:#fff!important;

    border-radius:14px!important;
}

.cs-heart{

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

    margin:0!important;

    background:#fff!important;
    color:#C59A3D!important;

    border:1px solid rgba(197,154,61,.35)!important;
}

.cs-heart:hover{

    background:#FFF8EA!important;

}

@media(max-width:760px){

.cs-buy{

grid-template-columns:1fr!important;

}

.cs-qty,
.cs-add,
.cs-heart{

width:100%!important;

}

}


/* Product tabs premium v1 */
.cs-tabs-grid{
    border-radius:24px!important;
    border:1px solid #e6eaf0!important;
    background:#fff!important;
    box-shadow:0 18px 48px rgba(6,24,47,.08)!important;
    padding:24px!important;
}

.cs-tabs-nav{
    gap:12px!important;
    border-bottom:0!important;
    padding:0 0 16px!important;
}

.cs-tabs-nav a{
    border:1px solid #e6eaf0!important;
    border-radius:999px!important;
    padding:11px 16px!important;
    background:#f8fafc!important;
    color:#06182F!important;
    font-size:13px!important;
}

.cs-tabs-nav a.active{
    background:#06182F!important;
    color:#fff!important;
    border-color:#06182F!important;
}

.cs-tab-content{
    border:1px solid #eef2f7!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#fff,#fffdf8)!important;
    padding:28px!important;
    color:#334155!important;
    font-size:15px!important;
}

.cs-why{
    border-radius:20px!important;
    background:linear-gradient(135deg,#06182F,#102A4F)!important;
    color:#fff!important;
    border:0!important;
}

.cs-why h3{
    color:#C59A3D!important;
}

.cs-why p{
    color:#fff!important;
}

.cs-why svg{
    stroke:#C59A3D!important;
}

/* Product reviews section v1 */
.cs-review-panel {
    margin-top: 18px;
    border: 1px solid #eef2f7;
    border-radius: 18px;
    background: #fff;
    padding: 22px;
}

.cs-review-summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef2f7;
}

.cs-review-summary strong {
    display: block;
    color: #06182F;
    font-size: 44px;
    line-height: 1;
    font-weight: 1000;
}

.cs-review-summary span {
    display: block;
    margin-top: 5px;
    color: #C59A3D;
    letter-spacing: 2px;
}

.cs-review-summary small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-weight: 800;
}

.cs-review-summary a {
    border-radius: 999px;
    background: #06182F;
    color: #fff !important;
    padding: 12px 18px;
    font-weight: 1000;
    text-decoration: none;
}

.cs-review-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.cs-review-list article {
    border: 1px solid #eef2f7;
    border-radius: 16px;
    padding: 16px;
    background: #fffaf0;
}

.cs-review-list article div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #06182F;
    font-weight: 1000;
}

.cs-review-list article span {
    color: #C59A3D;
}

.cs-review-list p {
    margin: 9px 0 0;
    color: #334155;
    line-height: 1.6;
}

@media(max-width: 760px) {
    .cs-review-summary {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Product FAQ section v1 */
.cs-product-faq {
    margin-top: 34px;
    padding: 26px;
    border: 1px solid #e6eaf0;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(6, 24, 47, .06);
}

.cs-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cs-faq-grid details {
    border: 1px solid #eef2f7;
    border-radius: 18px;
    background: #fffaf0;
    overflow: hidden;
}

.cs-faq-grid summary {
    cursor: pointer;
    padding: 16px 18px;
    color: #06182F;
    font-weight: 1000;
    list-style: none;
}

.cs-faq-grid summary::-webkit-details-marker {
    display: none;
}

.cs-faq-grid summary::after {
    content: "+";
    float: right;
    color: #C59A3D;
    font-size: 20px;
    line-height: 1;
}

.cs-faq-grid details[open] summary::after {
    content: "−";
}

.cs-faq-grid p {
    margin: 0;
    padding: 0 18px 18px;
    color: #334155;
    line-height: 1.65;
}

@media(max-width: 760px) {
    .cs-faq-grid {
        grid-template-columns: 1fr;
    }

    .cs-product-faq {
        padding: 16px;
    }
}

/* Product final polish v1 */
.product-wrap{
    width:100%!important;
    max-width:none!important;
    padding:24px 70px 44px!important;
    box-sizing:border-box!important;
}

.cs-product{
    grid-template-columns:minmax(520px,760px) minmax(420px,1fr)!important;
    gap:36px!important;
}

.cs-benefits{
    border-radius:18px!important;
    background:#fff!important;
    border:1px solid #e6eaf0!important;
    box-shadow:0 10px 26px rgba(6,24,47,.05)!important;
}

.cs-benefit{
    background:#fff!important;
}

.cs-ico{
    color:#C59A3D!important;
}

.cs-help{
    border-radius:18px!important;
    background:linear-gradient(135deg,#fff,#fffaf0)!important;
    border:1px solid rgba(197,154,61,.22)!important;
}

.cs-help-icon{
    color:#C59A3D!important;
}

.cs-main-img{
    height:620px!important;
}

.cs-tabs-grid,
.cs-product-faq,
.cs-related{
    width:100%!important;
    max-width:none!important;
}

.cs-related-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
}

.cs-related-img{
    height:230px!important;
}

@media(max-width:1280px){
    .product-wrap{
        padding-left:34px!important;
        padding-right:34px!important;
    }

    .cs-product{
        grid-template-columns:1fr!important;
    }

    .cs-main-img{
        height:560px!important;
    }

    .cs-related-grid{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
}

@media(max-width:900px){
    .product-wrap{
        padding-left:16px!important;
        padding-right:16px!important;
    }

    .cs-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:560px){
    .cs-main-img{
        height:390px!important;
    }

    .cs-related-grid{
        grid-template-columns:1fr!important;
    }
}

/* Responsive product page v1 */
@media (max-width: 1280px) {
    .product-wrap {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .cs-product {
        grid-template-columns: 1fr !important;
    }

    .cs-main-img {
        height: 520px !important;
    }
}

@media (max-width: 760px) {
    .product-wrap {
        padding: 14px 12px 90px !important;
    }

    .cs-main-img {
        height: 360px !important;
    }

    .cs-main-img img {
        padding: 14px !important;
    }

    .cs-card {
        padding: 18px !important;
        border-radius: 18px !important;
    }

    .cs-card h1 {
        font-size: 24px !important;
    }

    .cs-price strong {
        font-size: 32px !important;
    }

    .cs-features,
    .cs-actions,
    .cs-related-grid,
    .cs-faq-grid {
        grid-template-columns: 1fr !important;
    }

    .cs-thumbs {
        overflow-x: auto !important;
        display: flex !important;
        padding-bottom: 8px !important;
    }

    .cs-thumb {
        flex: 0 0 82px !important;
        width: 82px !important;
        height: 82px !important;
    }

    .cs-tabs-nav {
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none !important;
    }

    .cs-tabs-nav::-webkit-scrollbar {
        display: none !important;
    }

    .cs-tab-content,
    .cs-tabs-grid,
    .cs-product-faq,
    .cs-related {
        padding: 16px !important;
        border-radius: 18px !important;
    }
}

.cs-stock-cart-aware {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #fecaca;
    border-radius: 14px;
    background: #fff1f2;
    color: #991b1b;
    font-size: 13px;
    font-weight: 900;
}

.cs-add.is-out-of-stock,
.cs-add:disabled,
#mobileAddButton.is-out-of-stock,
#mobileAddButton:disabled {
    cursor: not-allowed !important;
    background: #d1d5db !important;
    color: #6b7280 !important;
    box-shadow: none !important;
}

.cs-add-success {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #bbf7d0;
    border-radius: 14px;
    background: #f0fdf4;
    color: #166534;
    font-size: 13px;
    font-weight: 900;
}


/* =========================================================
   PDP PREMIUM GALLERY V2
   Componentă izolată, fără biblioteci externe
   ========================================================= */

.pdp-gallery {
    --pdp-gallery-navy: #06182f;
    --pdp-gallery-gold: #c59a3d;
    --pdp-gallery-gold-dark: #936c20;
    --pdp-gallery-border: #e4e9f0;
    --pdp-gallery-muted: #64748b;

    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
}

.pdp-gallery__thumbs {
    display: flex;
    max-height: 660px;
    flex-direction: column;
    gap: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 3px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}

.pdp-gallery__thumbs::-webkit-scrollbar {
    width: 5px;
}

.pdp-gallery__thumbs::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e1;
}

.pdp-gallery__thumb {
    flex: 0 0 auto;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border: 1px solid var(--pdp-gallery-border);
    border-radius: 14px;
    background: #ffffff;
    padding: 6px;
    cursor: pointer;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.pdp-gallery__thumb:hover {
    border-color: #c8b078;
    transform: translateY(-1px);
}

.pdp-gallery__thumb.is-active {
    border-color: var(--pdp-gallery-gold);
    box-shadow:
        0 0 0 3px rgba(197, 154, 61, .17);
}

.pdp-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #ffffff;
}

.pdp-gallery__stage {
    position: relative;
    min-width: 0;
    height: 660px;
    overflow: hidden;
    border: 1px solid var(--pdp-gallery-border);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 50% 45%,
            #ffffff 0,
            #ffffff 48%,
            #f8fafc 100%
        );
    box-shadow:
        0 18px 48px rgba(6, 24, 47, .08);
}

.pdp-gallery__main {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: zoom-in;
}

.pdp-gallery__zoom {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    overflow: hidden;
    padding: 34px;
}

.pdp-gallery__main img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition:
        transform .22s ease,
        opacity .18s ease;
    will-change: transform;
}

.pdp-gallery__main img.is-zoomed {
    transform: scale(1.65);
}

.pdp-gallery__badges {
    position: absolute;
    z-index: 4;
    top: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    pointer-events: none;
}

.pdp-gallery__badge {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    border-radius: 999px;
    padding: 0 12px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .025em;
    box-shadow:
        0 7px 18px rgba(6, 24, 47, .12);
}

.pdp-gallery__badge--discount {
    background: var(--pdp-gallery-gold);
}

.pdp-gallery__badge--stock {
    background: var(--pdp-gallery-navy);
}

.pdp-gallery__badge--out {
    background: #b42318;
}

.pdp-gallery__expand {
    position: absolute;
    z-index: 4;
    right: 18px;
    bottom: 18px;
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: rgba(6, 24, 47, .94);
    color: #ffffff;
    padding: 0 17px;
    font-size: 11px;
    font-weight: 900;
    box-shadow:
        0 12px 30px rgba(6, 24, 47, .22);
    pointer-events: none;
}

.pdp-gallery__expand svg {
    width: 19px;
    height: 19px;
}

.pdp-gallery__navigation {
    position: absolute;
    z-index: 4;
    bottom: 18px;
    left: 18px;
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(228, 233, 240, .9);
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    padding: 3px;
    box-shadow:
        0 10px 26px rgba(6, 24, 47, .11);
    backdrop-filter: blur(10px);
}

.pdp-gallery__navigation button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--pdp-gallery-navy);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.pdp-gallery__navigation button:hover {
    background: var(--pdp-gallery-navy);
    color: #ffffff;
}

.pdp-gallery__navigation span {
    min-width: 44px;
    color: var(--pdp-gallery-muted);
    font-size: 11px;
    font-weight: 800;
    text-align: center;
}

.pdp-gallery__navigation strong {
    color: var(--pdp-gallery-navy);
}

.pdp-gallery__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-content: center;
    justify-items: center;
    gap: 10px;
    color: #94a3b8;
    padding: 30px;
    text-align: center;
}

.pdp-gallery__placeholder svg {
    width: 68px;
    height: 68px;
}

.pdp-gallery__placeholder strong {
    color: var(--pdp-gallery-navy);
    font-size: 16px;
}

.pdp-gallery__placeholder span {
    max-width: 260px;
    font-size: 12px;
    line-height: 1.6;
}

/* Modal fullscreen */

.pdp-gallery-modal {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 30px;
}

.pdp-gallery-modal[hidden] {
    display: none !important;
}

.pdp-gallery-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 13, 27, .91);
    backdrop-filter: blur(8px);
}

.pdp-gallery-modal__content {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(1180px, 94vw);
    height: min(860px, 91vh);
    place-items: center;
    border-radius: 25px;
    background: #ffffff;
    padding: 64px 72px 42px;
    box-shadow:
        0 38px 100px rgba(0, 0, 0, .42);
}

.pdp-gallery-modal__content > img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.pdp-gallery-modal__toolbar {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 15px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pdp-gallery-modal__toolbar span {
    color: var(--pdp-gallery-muted);
    font-size: 12px;
    font-weight: 800;
}

.pdp-gallery-modal__toolbar strong {
    color: var(--pdp-gallery-navy);
}

.pdp-gallery-modal__toolbar button,
.pdp-gallery-modal__previous,
.pdp-gallery-modal__next {
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: var(--pdp-gallery-navy);
    color: #ffffff;
    cursor: pointer;
    box-shadow:
        0 12px 28px rgba(6, 24, 47, .2);
}

.pdp-gallery-modal__toolbar button {
    width: 42px;
    height: 42px;
    font-size: 28px;
    line-height: 1;
}

.pdp-gallery-modal__previous,
.pdp-gallery-modal__next {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 50px;
    height: 50px;
    font-size: 36px;
    line-height: 1;
    transform: translateY(-50%);
}

.pdp-gallery-modal__previous {
    left: 14px;
}

.pdp-gallery-modal__next {
    right: 14px;
}

.pdp-gallery-modal__toolbar button:hover,
.pdp-gallery-modal__previous:hover,
.pdp-gallery-modal__next:hover {
    background: var(--pdp-gallery-gold);
}

/* Integrare cu layoutul existent */

.cs-left > .pdp-gallery {
    margin-bottom: 16px;
}

@media (max-width: 1280px) {
    .pdp-gallery__stage {
        height: 590px;
    }

    .pdp-gallery__thumbs {
        max-height: 590px;
    }
}

@media (max-width: 760px) {
    .pdp-gallery {
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
    }

    .pdp-gallery__stage {
        order: 1;
        height: min(112vw, 500px);
        border-radius: 19px;
    }

    .pdp-gallery__thumbs {
        order: 2;
        max-width: 100%;
        max-height: none;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 3px 3px 7px;
        scroll-snap-type: x proximity;
    }

    .pdp-gallery__thumb {
        width: 72px;
        height: 72px;
        scroll-snap-align: start;
    }

    .pdp-gallery__zoom {
        padding: 20px;
    }

    .pdp-gallery__main img.is-zoomed {
        transform: none;
    }

    .pdp-gallery__expand {
        right: 12px;
        bottom: 12px;
        min-height: 40px;
        padding: 0 13px;
    }

    .pdp-gallery__navigation {
        bottom: 12px;
        left: 12px;
    }

    .pdp-gallery-modal {
        padding: 10px;
    }

    .pdp-gallery-modal__content {
        width: 100%;
        height: min(88vh, 760px);
        border-radius: 18px;
        padding: 58px 42px 30px;
    }

    .pdp-gallery-modal__previous,
    .pdp-gallery-modal__next {
        width: 40px;
        height: 40px;
        font-size: 29px;
    }

    .pdp-gallery-modal__previous {
        left: 6px;
    }

    .pdp-gallery-modal__next {
        right: 6px;
    }
}

@media (max-width: 420px) {
    .pdp-gallery__stage {
        height: 400px;
    }

    .pdp-gallery__expand span {
        display: none;
    }

    .pdp-gallery__expand {
        width: 40px;
        justify-content: center;
        padding: 0;
    }

    .pdp-gallery__badges {
        top: 11px;
        left: 11px;
    }

    .pdp-gallery__badge {
        min-height: 28px;
        padding: 0 9px;
        font-size: 9px;
    }
}


/* =========================================================
   PDP MAIN IMAGE NATURAL SCALE V3
   Imagine completă, centrată, fără mărire forțată
   ========================================================= */

.pdp-gallery__main {
    display: grid !important;
    place-items: center !important;
}

.pdp-gallery__zoom {
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    place-items: center !important;
    padding: 38px 48px !important;
}

/*
 * Nu mai forțăm imaginea la 100% lățime și 100% înălțime.
 * Produsul ocupă maximum 68% din lățime și 78% din înălțime.
 */
.pdp-gallery__main img {
    width: auto !important;
    height: auto !important;
    max-width: 68% !important;
    max-height: 78% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}

/*
 * Zoom-ul rămâne disponibil la hover, dar pornește
 * de la dimensiunea naturală corectată.
 */
.pdp-gallery__main img.is-zoomed {
    transform: scale(1.45) !important;
}

/* Produse late sau imagini tip banner */
.pdp-gallery__main img[data-gallery-main-image] {
    margin: auto !important;
}

/* Laptop */
@media (max-width: 1280px) {
    .pdp-gallery__zoom {
        padding: 34px 40px !important;
    }

    .pdp-gallery__main img {
        max-width: 66% !important;
        max-height: 76% !important;
    }
}

/* Tabletă */
@media (max-width: 900px) {
    .pdp-gallery__main img {
        max-width: 72% !important;
        max-height: 78% !important;
    }
}

/* Mobil */
@media (max-width: 760px) {
    .pdp-gallery__zoom {
        padding: 22px !important;
    }

    .pdp-gallery__main img {
        max-width: 80% !important;
        max-height: 80% !important;
    }

    .pdp-gallery__main img.is-zoomed {
        transform: none !important;
    }
}

@media (max-width: 420px) {
    .pdp-gallery__main img {
        max-width: 84% !important;
        max-height: 78% !important;
    }
}


/* =========================================================
   PDP ADAPTIVE GALLERY IMAGES V4
   Dimensiuni diferite pentru imagini verticale, pătrate și late
   ========================================================= */

.pdp-gallery__main,
.pdp-gallery__zoom {
    display: grid !important;
    place-items: center !important;
}

.pdp-gallery__zoom {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 30px 34px !important;
}

/*
 * Starea implicită este sigură și nu mărește forțat imaginea.
 */
.pdp-gallery__main img,
.pdp-gallery__main img.is-zoomed {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 88% !important;
    max-height: 88% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transform-origin: center !important;
}

/*
 * Tuburi, sticle, mascara și alte produse verticale.
 * Folosim mai mult din înălțime, dar limităm lățimea.
 */
.pdp-gallery__main img.is-gallery-portrait {
    max-width: 68% !important;
    max-height: 88% !important;
}

/*
 * Imagini pătrate sau aproape pătrate:
 * fotografii de produs, infografice, imagini lifestyle.
 */
.pdp-gallery__main img.is-gallery-square {
    max-width: 90% !important;
    max-height: 88% !important;
}

/*
 * Imagini orizontale informative.
 */
.pdp-gallery__main img.is-gallery-landscape {
    max-width: 94% !important;
    max-height: 84% !important;
}

/*
 * Bannere și imagini foarte late.
 */
.pdp-gallery__main img.is-gallery-wide {
    max-width: 96% !important;
    max-height: 78% !important;
}

/*
 * Eliminare definitivă a zoom-ului automat din pagina normală.
 */
.pdp-gallery__main img:hover,
.pdp-gallery__main img.is-zoomed:hover {
    transform: none !important;
}

/* Thumbnail-uri puțin mai mari și imagini complete. */

.pdp-gallery__thumb {
    width: 92px !important;
    height: 92px !important;
    padding: 5px !important;
}

.pdp-gallery__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    background: #ffffff !important;
}

/*
 * Modalul fullscreen afișează întotdeauna imaginea completă,
 * indiferent de proporții.
 */
.pdp-gallery-modal__content > img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 94% !important;
    max-height: 88% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

/* Laptopuri */

@media (max-width: 1280px) {
    .pdp-gallery__zoom {
        padding: 26px 30px !important;
    }

    .pdp-gallery__main img.is-gallery-portrait {
        max-width: 64% !important;
        max-height: 86% !important;
    }

    .pdp-gallery__main img.is-gallery-square {
        max-width: 88% !important;
        max-height: 86% !important;
    }

    .pdp-gallery__main img.is-gallery-landscape {
        max-width: 93% !important;
        max-height: 82% !important;
    }
}

/* Tabletă și mobil */

@media (max-width: 760px) {
    .pdp-gallery__zoom {
        padding: 18px !important;
    }

    .pdp-gallery__main img.is-gallery-portrait {
        max-width: 72% !important;
        max-height: 84% !important;
    }

    .pdp-gallery__main img.is-gallery-square {
        max-width: 92% !important;
        max-height: 88% !important;
    }

    .pdp-gallery__main img.is-gallery-landscape,
    .pdp-gallery__main img.is-gallery-wide {
        max-width: 96% !important;
        max-height: 84% !important;
    }

    .pdp-gallery__thumb {
        width: 76px !important;
        height: 76px !important;
    }
}

@media (max-width: 420px) {
    .pdp-gallery__main img.is-gallery-portrait {
        max-width: 76% !important;
        max-height: 82% !important;
    }

    .pdp-gallery__main img.is-gallery-square {
        max-width: 94% !important;
        max-height: 86% !important;
    }
}


/* =========================================================
   PDP SECONDARY IMAGES SCALE V5
   Imagini secundare mai mari și perfect centrate
   ========================================================= */

.pdp-gallery__stage,
.pdp-gallery__main,
.pdp-gallery__zoom {
    align-items: center !important;
    justify-items: center !important;
}

.pdp-gallery__main {
    position: relative !important;
}

.pdp-gallery__zoom {
    box-sizing: border-box !important;
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    place-items: center !important;
    overflow: hidden !important;
}

/*
 * Toate imaginile rămân centrate indiferent de proporții.
 */
.pdp-gallery__main img[data-gallery-main-image] {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    inset: auto !important;
    object-fit: contain !important;
    object-position: 50% 50% !important;
    transform-origin: center center !important;
}

/*
 * Prima imagine păstrează prezentarea aerisită.
 */
.pdp-gallery.is-primary-selected
.pdp-gallery__main img[data-gallery-main-image] {
    max-width: 72% !important;
    max-height: 82% !important;
}

/*
 * Imaginile secundare folosesc mai mult din suprafața galeriei.
 */
.pdp-gallery.is-secondary-selected
.pdp-gallery__zoom {
    padding: 18px 22px !important;
}

.pdp-gallery.is-secondary-selected
.pdp-gallery__main img[data-gallery-main-image] {
    max-width: 94% !important;
    max-height: 92% !important;
}

/*
 * Produse verticale secundare: mai mari, dar complet vizibile.
 */
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img.is-gallery-portrait {
    max-width: 78% !important;
    max-height: 92% !important;
}

/*
 * Imagini pătrate și materiale informative.
 */
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img.is-gallery-square {
    max-width: 94% !important;
    max-height: 92% !important;
}

/*
 * Imagini orizontale și bannere.
 */
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img.is-gallery-landscape {
    max-width: 96% !important;
    max-height: 88% !important;
}

.pdp-gallery.is-secondary-selected
.pdp-gallery__main img.is-gallery-wide {
    max-width: 97% !important;
    max-height: 84% !important;
}

/*
 * Nu permitem zoom sau poziționare moștenită după schimbarea imaginii.
 */
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img,
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img:hover,
.pdp-gallery.is-secondary-selected
.pdp-gallery__main img.is-zoomed {
    transform: none !important;
    transform-origin: center center !important;
    object-position: 50% 50% !important;
}

/*
 * Thumbnail-urile sunt puțin mai mari pentru vizibilitate.
 */
.pdp-gallery__thumb {
    width: 96px !important;
    height: 96px !important;
}

.pdp-gallery__thumb img {
    object-fit: contain !important;
    object-position: center center !important;
}

/* Tabletă */

@media (max-width: 900px) {
    .pdp-gallery.is-primary-selected
    .pdp-gallery__main img[data-gallery-main-image] {
        max-width: 78% !important;
        max-height: 82% !important;
    }

    .pdp-gallery.is-secondary-selected
    .pdp-gallery__main img[data-gallery-main-image] {
        max-width: 95% !important;
        max-height: 92% !important;
    }
}

/* Mobil */

@media (max-width: 760px) {
    .pdp-gallery.is-secondary-selected
    .pdp-gallery__zoom {
        padding: 12px !important;
    }

    .pdp-gallery.is-primary-selected
    .pdp-gallery__main img[data-gallery-main-image] {
        max-width: 84% !important;
        max-height: 82% !important;
    }

    .pdp-gallery.is-secondary-selected
    .pdp-gallery__main img[data-gallery-main-image] {
        max-width: 97% !important;
        max-height: 92% !important;
    }

    .pdp-gallery.is-secondary-selected
    .pdp-gallery__main img.is-gallery-portrait {
        max-width: 84% !important;
        max-height: 92% !important;
    }

    .pdp-gallery__thumb {
        width: 78px !important;
        height: 78px !important;
    }
}


/* =========================================================
   PDP MODAL IMAGE CENTER V6
   Imagine completă și centrată în interiorul containerului
   ========================================================= */

.pdp-gallery-modal {
    overflow: hidden !important;
}

.pdp-gallery-modal__content {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

/*
 * Rezervăm o zonă exactă pentru imagine:
 * sus rămâne bara modalului, iar pe laterale navigarea.
 */
.pdp-gallery-modal__content > img {
    position: absolute !important;
    top: 64px !important;
    right: 72px !important;
    bottom: 42px !important;
    left: 72px !important;

    display: block !important;

    width: calc(100% - 144px) !important;
    height: calc(100% - 106px) !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;
    transform-origin: center center !important;

    background: #ffffff !important;
}

/*
 * Butoanele rămân peste imagine, fără să influențeze
 * poziția sau dimensiunea acesteia.
 */
.pdp-gallery-modal__toolbar,
.pdp-gallery-modal__previous,
.pdp-gallery-modal__next {
    z-index: 5 !important;
}

/* Ecrane medii */

@media (max-width: 900px) {
    .pdp-gallery-modal__content > img {
        top: 60px !important;
        right: 54px !important;
        bottom: 30px !important;
        left: 54px !important;

        width: calc(100% - 108px) !important;
        height: calc(100% - 90px) !important;
    }
}

/* Mobil */

@media (max-width: 760px) {
    .pdp-gallery-modal__content {
        overflow: hidden !important;
    }

    .pdp-gallery-modal__content > img {
        top: 58px !important;
        right: 38px !important;
        bottom: 24px !important;
        left: 38px !important;

        width: calc(100% - 76px) !important;
        height: calc(100% - 82px) !important;
    }
}

@media (max-width: 420px) {
    .pdp-gallery-modal__content > img {
        top: 54px !important;
        right: 24px !important;
        bottom: 20px !important;
        left: 24px !important;

        width: calc(100% - 48px) !important;
        height: calc(100% - 74px) !important;
    }
}


/* =========================================================
   PDP COMPLETEAZĂ RUTINA V1
   Navy + Gold
   ========================================================= */

.pdp-routine {
    margin-top: 34px;
    border: 1px solid #e4e9f0;
    border-radius: 24px;
    background:
        radial-gradient(
            circle at top right,
            rgba(197, 154, 61, .12),
            transparent 29%
        ),
        #ffffff;
    padding: 28px;
    box-shadow:
        0 18px 48px rgba(6, 24, 47, .07);
}

.pdp-routine__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.pdp-routine__eyebrow {
    display: block;
    color: #c59a3d;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pdp-routine__head h2 {
    margin: 6px 0 5px;
    color: #06182f;
    font-size: 30px;
    line-height: 1.12;
    letter-spacing: -.7px;
}

.pdp-routine__head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

.pdp-routine__selection {
    display: flex;
    min-width: 150px;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(197, 154, 61, .25);
    border-radius: 999px;
    background: #fffaf0;
    padding: 9px 14px;
    color: #936c20;
}

.pdp-routine__selection strong {
    display: grid;
    width: 29px;
    height: 29px;
    place-items: center;
    border-radius: 999px;
    background: #06182f;
    color: #ffffff;
    font-size: 12px;
}

.pdp-routine__selection span {
    font-size: 12px;
    font-weight: 900;
}

.pdp-routine__layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        290px;
    gap: 24px;
    align-items: stretch;
}

.pdp-routine__products {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    min-width: 0;
}

.pdp-routine__plus {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid #e4e9f0;
    border-radius: 999px;
    background: #ffffff;
    color: #c59a3d;
    font-size: 22px;
    font-weight: 700;
    box-shadow:
        0 7px 17px rgba(6, 24, 47, .06);
}

.pdp-routine__item {
    position: relative;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e4e9f0;
    border-radius: 18px;
    background: #ffffff;
    transition:
        opacity .18s ease,
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.pdp-routine__item:hover {
    transform: translateY(-2px);
    border-color: rgba(197, 154, 61, .44);
    box-shadow:
        0 18px 38px rgba(6, 24, 47, .09);
}

.pdp-routine__item.is-main {
    border-color: rgba(197, 154, 61, .4);
}

.pdp-routine__item.is-unselected {
    opacity: .48;
}

.pdp-routine__item.is-disabled {
    opacity: .58;
}

.pdp-routine__item.is-adding {
    pointer-events: none;
    opacity: .64;
}

.pdp-routine__item.is-added {
    border-color: #34a853;
    box-shadow:
        0 0 0 2px rgba(52, 168, 83, .12);
}

.pdp-routine__item.has-error {
    border-color: #c62828;
}

.pdp-routine__check {
    display: flex;
    min-height: 43px;
    align-items: center;
    gap: 7px;
    border-bottom: 1px solid #eef1f5;
    padding: 8px 10px;
    cursor: pointer;
}

.pdp-routine__check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pdp-routine__check > span {
    display: grid;
    width: 22px;
    height: 22px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: transparent;
    font-size: 12px;
    font-weight: 950;
}

.pdp-routine__check input:checked + span {
    border-color: #c59a3d;
    background: #c59a3d;
    color: #ffffff;
}

.pdp-routine__check input:disabled + span {
    background: #e2e8f0;
    cursor: not-allowed;
}

.pdp-routine__check small {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
}

.pdp-routine__image {
    display: grid;
    height: 175px;
    place-items: center;
    background: #ffffff;
    padding: 14px;
}

.pdp-routine__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.pdp-routine__image > span {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.pdp-routine__item-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 13px 14px 16px;
}

.pdp-routine__brand {
    margin-bottom: 5px;
    color: #c59a3d;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.pdp-routine__title {
    display: -webkit-box;
    min-height: 54px;
    overflow: hidden;
    color: #06182f !important;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.45;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.pdp-routine__title:hover {
    color: #936c20 !important;
}

.pdp-routine__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: auto;
    padding-top: 12px;
}

.pdp-routine__price strong {
    color: #06182f;
    font-size: 15px;
    font-weight: 950;
}

.pdp-routine__price del {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 750;
}

.pdp-routine__saving {
    margin-top: 6px;
    color: #936c20;
    font-size: 10px;
    font-weight: 900;
}

.pdp-routine__unavailable {
    margin-top: 7px;
    color: #b42318;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.4;
}

.pdp-routine__summary {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-radius: 19px;
    background:
        linear-gradient(
            145deg,
            #06182f,
            #102c50
        );
    color: #ffffff;
    padding: 23px;
    box-shadow:
        0 18px 40px rgba(6, 24, 47, .2);
}

.pdp-routine__summary-label {
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 850;
}

.pdp-routine__total {
    margin-top: 7px;
    color: #ffffff;
    font-size: 29px;
    font-weight: 1000;
    letter-spacing: -.6px;
}

.pdp-routine__old-total {
    margin-top: 7px;
    color: rgba(255, 255, 255, .67);
    font-size: 11px;
}

.pdp-routine__old-total del {
    font-weight: 850;
}

.pdp-routine__total-saving {
    margin-top: 11px;
    border: 1px solid rgba(197, 154, 61, .3);
    border-radius: 11px;
    background: rgba(197, 154, 61, .13);
    padding: 10px;
    color: #ead29b;
    font-size: 11px;
    font-weight: 800;
}

.pdp-routine__total-saving strong {
    color: #ffffff;
}

.pdp-routine__add {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    border: 0;
    border-radius: 12px;
    background: #c59a3d;
    color: #ffffff;
    padding: 0 15px;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
    box-shadow:
        0 13px 28px rgba(0, 0, 0, .2);
}

.pdp-routine__add:hover {
    background: #d7ac4e;
}

.pdp-routine__add:disabled {
    background: #64748b;
    cursor: not-allowed;
    box-shadow: none;
}

.pdp-routine__add svg {
    width: 21px;
    height: 21px;
}

.pdp-routine__message {
    margin-top: 12px;
    border-radius: 10px;
    padding: 10px 11px;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.45;
}

.pdp-routine__message.is-success {
    background: rgba(52, 168, 83, .2);
    color: #d8ffe4;
}

.pdp-routine__message.is-error {
    background: rgba(198, 40, 40, .24);
    color: #ffe1e1;
}

.pdp-routine__benefits {
    display: grid;
    gap: 7px;
    margin: auto 0 0;
    padding: 18px 0 0;
    list-style: none;
}

.pdp-routine__benefits li {
    position: relative;
    color: rgba(255, 255, 255, .7);
    padding-left: 17px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.45;
}

.pdp-routine__benefits li::before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #c59a3d;
    content: "✓";
    font-weight: 950;
}

@media (max-width: 1250px) {
    .pdp-routine__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdp-routine__summary {
        display: grid;
        grid-template-columns:
            minmax(160px, auto)
            minmax(220px, 1fr)
            minmax(230px, auto);
        gap: 18px;
        align-items: center;
    }

    .pdp-routine__summary-label,
    .pdp-routine__total,
    .pdp-routine__old-total,
    .pdp-routine__total-saving {
        grid-column: 1;
    }

    .pdp-routine__add {
        grid-column: 2;
        grid-row: 1 / span 4;
        margin-top: 0;
    }

    .pdp-routine__benefits {
        grid-column: 3;
        grid-row: 1 / span 4;
        margin: 0;
        padding: 0;
    }

    .pdp-routine__message {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1000px) {
    .pdp-routine__products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .pdp-routine__plus {
        display: none;
    }
}

@media (max-width: 760px) {
    .pdp-routine {
        margin-top: 22px;
        border-radius: 19px;
        padding: 17px;
    }

    .pdp-routine__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 13px;
    }

    .pdp-routine__head h2 {
        font-size: 25px;
    }

    .pdp-routine__products {
        display: flex;
        overflow-x: auto;
        gap: 12px;
        padding-bottom: 8px;
        scroll-snap-type: x proximity;
    }

    .pdp-routine__item {
        min-width: min(76vw, 260px);
        scroll-snap-align: start;
    }

    .pdp-routine__summary {
        display: flex;
        padding: 19px;
    }

    .pdp-routine__add {
        width: 100%;
        margin-top: 16px;
    }

    .pdp-routine__benefits {
        margin-top: 17px;
        padding-top: 15px;
    }

    .pdp-routine__image {
        height: 190px;
    }
}


/* =========================================================
   PDP ROUTINE CATALOG CARDS V2
   Carduri inspirate din grila de produse a magazinului
   ========================================================= */

.pdp-routine--catalog-cards {
    margin: 30px 0 28px;
}

.pdp-routine--catalog-cards .pdp-routine__layout {
    align-items: stretch;
}

.pdp-routine--catalog-cards .pdp-routine__products {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr);
    gap: 9px;
    align-items: stretch;
}

/* Card produs */

.pdp-routine-card {
    position: relative;
    display: flex;
    min-width: 0;
    height: 440px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e3e8ef;
    border-radius: 18px;
    background: #ffffff;
    opacity: 1;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease,
        opacity .18s ease;
}

.pdp-routine-card:hover {
    border-color: rgba(197, 154, 61, .54);
    box-shadow:
        0 16px 34px rgba(6, 24, 47, .09);
    transform: translateY(-2px);
}

.pdp-routine-card.is-main {
    border-color: rgba(197, 154, 61, .58);
}

.pdp-routine-card.is-unselected {
    opacity: .5;
}

.pdp-routine-card.is-disabled {
    opacity: .58;
}

.pdp-routine-card.is-adding {
    pointer-events: none;
    opacity: .65;
}

.pdp-routine-card.is-added {
    border-color: #2f9e55;
    box-shadow:
        0 0 0 3px rgba(47, 158, 85, .12);
}

.pdp-routine-card.has-error {
    border-color: #c92a2a;
}

/* Header card */

.pdp-routine-card__top {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid #eef1f5;
    padding: 9px 11px;
}

.pdp-routine-card__selector {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    cursor: pointer;
}

.pdp-routine-card__selector input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pdp-routine-card__checkbox {
    display: grid;
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: transparent;
    font-size: 12px;
    font-weight: 950;
}

.pdp-routine-card__selector input:checked
+ .pdp-routine-card__checkbox {
    border-color: #c59a3d;
    background: #c59a3d;
    color: #ffffff;
}

.pdp-routine-card__selector input:focus-visible
+ .pdp-routine-card__checkbox {
    outline: 3px solid rgba(197, 154, 61, .25);
    outline-offset: 2px;
}

.pdp-routine-card__selector input:disabled
+ .pdp-routine-card__checkbox {
    border-color: #cbd5e1;
    background: #e2e8f0;
    cursor: not-allowed;
}

.pdp-routine-card__selector-label {
    overflow: hidden;
    color: #526176;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdp-routine-card__discount {
    display: inline-flex;
    min-height: 25px;
    flex: 0 0 auto;
    align-items: center;
    border-radius: 999px;
    background: #c59a3d;
    color: #ffffff;
    padding: 0 8px;
    font-size: 10px;
    font-weight: 950;
}

/* Imagine produs — separată complet de text */

.pdp-routine-card__media {
    position: relative;
    display: grid;
    height: 225px;
    flex: 0 0 225px;
    place-items: center;
    overflow: hidden;
    border-bottom: 1px solid #f0f2f5;
    background:
        radial-gradient(
            circle at center,
            #ffffff 0,
            #ffffff 58%,
            #f8fafc 100%
        );
    padding: 20px;
}

.pdp-routine-card__media img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 82% !important;
    max-height: 88% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

.pdp-routine-card__media:hover img {
    transform: scale(1.025) !important;
    transition: transform .2s ease;
}

.pdp-routine-card__placeholder {
    display: grid;
    place-items: center;
    gap: 8px;
    color: #94a3b8;
    text-align: center;
}

.pdp-routine-card__placeholder svg {
    width: 46px;
    height: 46px;
}

.pdp-routine-card__placeholder span {
    font-size: 10px;
    font-weight: 850;
}

/* Conținut card */

.pdp-routine-card__content {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    padding: 14px 15px 16px;
}

.pdp-routine-card__brand {
    margin-bottom: 6px;
    color: #b48324;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pdp-routine-card__title {
    display: -webkit-box;
    min-height: 57px;
    overflow: hidden;
    color: #06182f !important;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.45;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.pdp-routine-card__title:hover {
    color: #a6751d !important;
}

.pdp-routine-card__footer {
    margin-top: auto;
    padding-top: 12px;
}

.pdp-routine-card__price-row {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
}

.pdp-routine-card__price-row strong {
    color: #06182f;
    font-size: 17px;
    font-weight: 1000;
    line-height: 1.1;
}

.pdp-routine-card__price-row del {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 750;
}

.pdp-routine-card__saving {
    margin-top: 7px;
    color: #a6751d;
    font-size: 10px;
    font-weight: 900;
}

.pdp-routine-card__unavailable {
    margin-top: 7px;
    border-radius: 7px;
    background: #fff1f1;
    color: #b42318;
    padding: 6px 7px;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.4;
}

/* Plus între carduri */

.pdp-routine--catalog-cards .pdp-routine__plus {
    align-self: center;
}

/* Suprascriere reguli vechi care afectau cardurile */

.pdp-routine--catalog-cards .pdp-routine__item {
    display: none !important;
}

.pdp-routine--catalog-cards
.pdp-routine-card.is-unselected {
    opacity: .5;
}

@media (max-width: 1350px) {
    .pdp-routine--catalog-cards .pdp-routine__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdp-routine--catalog-cards .pdp-routine__summary {
        display: grid;
        grid-template-columns:
            minmax(170px, .7fr)
            minmax(240px, 1fr)
            minmax(250px, .85fr);
        gap: 20px;
        align-items: center;
    }
}

@media (max-width: 1080px) {
    .pdp-routine--catalog-cards .pdp-routine__products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .pdp-routine--catalog-cards .pdp-routine__plus {
        display: none;
    }

    .pdp-routine-card {
        height: 430px;
    }
}

@media (max-width: 760px) {
    .pdp-routine--catalog-cards {
        margin: 22px 0;
    }

    .pdp-routine--catalog-cards .pdp-routine__products {
        display: flex;
        overflow-x: auto;
        gap: 13px;
        padding: 2px 2px 10px;
        scroll-snap-type: x proximity;
    }

    .pdp-routine-card {
        width: min(76vw, 270px);
        min-width: min(76vw, 270px);
        height: 425px;
        scroll-snap-align: start;
    }

    .pdp-routine-card__media {
        height: 220px;
        flex-basis: 220px;
        padding: 16px;
    }

    .pdp-routine-card__media img {
        max-width: 86% !important;
        max-height: 89% !important;
    }

    .pdp-routine--catalog-cards .pdp-routine__summary {
        display: flex;
    }
}

@media (max-width: 420px) {
    .pdp-routine-card {
        min-width: 82vw;
        width: 82vw;
    }

    .pdp-routine-card__media {
        height: 210px;
        flex-basis: 210px;
    }
}


/* =========================================================
   PDP ROUTINE SHARED HOMEPAGE CARDS V3
   Cardurile interne sunt componenta product-card.php reală
   ========================================================= */

.pdp-routine--shared-cards {
    margin: 30px 0 28px;
}

.pdp-routine--shared-cards .pdp-routine__products {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1fr);
    gap: 9px;
    align-items: stretch;
    min-width: 0;
}

.pdp-routine__shared-item {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    border-radius: 18px;
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.pdp-routine__shared-item.is-main {
    border-radius: 18px;
    box-shadow:
        0 0 0 2px rgba(197, 154, 61, .28);
}

.pdp-routine__shared-item.is-unselected {
    opacity: .48;
}

.pdp-routine__shared-item.is-disabled {
    opacity: .55;
}

.pdp-routine__shared-item.is-adding {
    pointer-events: none;
    opacity: .65;
}

.pdp-routine__shared-item.is-added {
    border-radius: 18px;
    box-shadow:
        0 0 0 3px rgba(47, 158, 85, .2);
}

.pdp-routine__shared-item.has-error {
    border-radius: 18px;
    box-shadow:
        0 0 0 3px rgba(201, 42, 42, .18);
}

/*
 * Selectorul rutinei stă deasupra cardului.
 * Cardul propriu-zis rămâne identic cu homepage-ul.
 */
.pdp-routine__shared-selector {
    display: flex;
    min-height: 42px;
    align-items: center;
    gap: 8px;
    border: 1px solid #e4e9f0;
    border-bottom: 0;
    border-radius: 16px 16px 0 0;
    background: #ffffff;
    padding: 8px 11px;
    cursor: pointer;
}

.pdp-routine__shared-selector input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pdp-routine__shared-selector > span {
    display: grid;
    width: 23px;
    height: 23px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: transparent;
    font-size: 12px;
    font-weight: 950;
}

.pdp-routine__shared-selector
input:checked + span {
    border-color: #c59a3d;
    background: #c59a3d;
    color: #ffffff;
}

.pdp-routine__shared-selector
input:focus-visible + span {
    outline: 3px solid rgba(197, 154, 61, .22);
    outline-offset: 2px;
}

.pdp-routine__shared-selector
input:disabled + span {
    border-color: #cbd5e1;
    background: #e2e8f0;
}

.pdp-routine__shared-selector small {
    overflow: hidden;
    color: #526176;
    font-size: 10px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*
 * Îmbinăm vizual selectorul cu product-card.
 * Nu schimbăm dimensiunile interne ale cardului.
 */
.pdp-routine__shared-item > .product-card {
    width: 100%;
    min-width: 0;
    flex: 1;
    border-radius: 0 0 16px 16px;
}

.pdp-routine__shared-item
> .product-card
.product-card__media {
    border-radius: 0;
}

/*
 * Formularul individual al cardului rămâne funcțional.
 * Butonul principal al rutinei continuă să adauge selecția.
 */
.pdp-routine__shared-item
.product-card__cart {
    margin-top: auto;
}

.pdp-routine--shared-cards
.pdp-routine__plus {
    align-self: center;
}

/*
 * Neutralizăm regulile vechi dedicate cardului duplicat.
 */
.pdp-routine--shared-cards
.pdp-routine-card,
.pdp-routine--shared-cards
.pdp-routine__item {
    display: none !important;
}

@media (max-width: 1350px) {
    .pdp-routine--shared-cards
    .pdp-routine__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .pdp-routine--shared-cards
    .pdp-routine__summary {
        display: grid;
        grid-template-columns:
            minmax(170px, .7fr)
            minmax(240px, 1fr)
            minmax(250px, .85fr);
        gap: 20px;
        align-items: center;
    }
}

@media (max-width: 1080px) {
    .pdp-routine--shared-cards
    .pdp-routine__products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .pdp-routine--shared-cards
    .pdp-routine__plus {
        display: none;
    }
}

@media (max-width: 760px) {
    .pdp-routine--shared-cards {
        margin: 22px 0;
    }

    .pdp-routine--shared-cards
    .pdp-routine__products {
        display: flex;
        overflow-x: auto;
        gap: 13px;
        padding: 2px 2px 11px;
        scroll-snap-type: x proximity;
    }

    .pdp-routine__shared-item {
        width: min(76vw, 285px);
        min-width: min(76vw, 285px);
        scroll-snap-align: start;
    }

    .pdp-routine--shared-cards
    .pdp-routine__summary {
        display: flex;
    }
}

@media (max-width: 420px) {
    .pdp-routine__shared-item {
        width: 82vw;
        min-width: 82vw;
    }
}


/* =========================================================
   PDP RELATED + RECENT PRODUCT STRIPS V1
   Cardurile sunt componenta comună product-card.php
   ========================================================= */

.pdp-product-strip {
    margin-top: 32px;
    border: 1px solid #e4e9f0;
    border-radius: 24px;
    background:
        radial-gradient(
            circle at top right,
            rgba(197, 154, 61, .09),
            transparent 28%
        ),
        #ffffff;
    padding: 26px;
    box-shadow:
        0 17px 44px rgba(6, 24, 47, .065);
}

.pdp-product-strip[hidden] {
    display: none !important;
}

.pdp-product-strip__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 21px;
}

.pdp-product-strip__head span {
    display: block;
    color: #c59a3d;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pdp-product-strip__head h2 {
    margin: 5px 0 4px;
    color: #06182f;
    font-size: 29px;
    line-height: 1.15;
    letter-spacing: -.7px;
}

.pdp-product-strip__head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.5;
}

.pdp-product-strip__head > a,
.pdp-product-strip__head > button {
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    color: #a6751d;
    padding: 5px 0;
    font: inherit;
    font-size: 13px;
    font-weight: 950;
    text-decoration: none;
    cursor: pointer;
}

.pdp-product-strip__head > a:hover,
.pdp-product-strip__head > button:hover {
    color: #06182f;
}

.pdp-product-strip__viewport {
    min-width: 0;
}

.pdp-product-strip__grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.pdp-product-strip--recent
.pdp-product-strip__grid {
    grid-template-columns:
        repeat(6, minmax(0, 1fr));
}

.pdp-product-strip
.product-card {
    width: 100%;
    min-width: 0;
    height: 100%;
}

.pdp-product-strip__loading {
    display: grid;
    min-height: 180px;
    place-items: center;
    border: 1px dashed #d9e0e8;
    border-radius: 17px;
    background: #f8fafc;
    color: #64748b;
    font-size: 13px;
    font-weight: 850;
}

@media (max-width: 1350px) {
    .pdp-product-strip--recent
    .pdp-product-strip__grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1050px) {
    .pdp-product-strip__grid,
    .pdp-product-strip--recent
    .pdp-product-strip__grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .pdp-product-strip {
        margin-top: 22px;
        border-radius: 19px;
        padding: 17px;
    }

    .pdp-product-strip__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .pdp-product-strip__head h2 {
        font-size: 25px;
    }

    .pdp-product-strip__viewport {
        overflow-x: auto;
        padding: 2px 2px 10px;
        scroll-snap-type: x proximity;
        scrollbar-width: thin;
    }

    .pdp-product-strip__grid,
    .pdp-product-strip--recent
    .pdp-product-strip__grid {
        display: flex;
        gap: 13px;
    }

    .pdp-product-strip
    .product-card {
        width: min(76vw, 285px);
        min-width: min(76vw, 285px);
        scroll-snap-align: start;
    }
}

@media (max-width: 420px) {
    .pdp-product-strip
    .product-card {
        width: 82vw;
        min-width: 82vw;
    }
}


/* =========================================================
   PDP DESKTOP STICKY ADD TO CART V1
   ========================================================= */

.pdp-desktop-sticky {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99920;
    visibility: hidden;
    border-bottom: 1px solid rgba(6, 24, 47, .12);
    background: rgba(255, 255, 255, .97);
    opacity: 0;
    transform: translateY(-110%);
    transition:
        transform .22s ease,
        opacity .22s ease,
        visibility .22s ease;
    box-shadow:
        0 15px 38px rgba(6, 24, 47, .12);
    backdrop-filter: blur(16px);
}

.pdp-desktop-sticky.is-visible {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.pdp-desktop-sticky__inner {
    display: grid;
    width: min(1540px, calc(100% - 40px));
    min-height: 82px;
    margin: 0 auto;
    grid-template-columns:
        minmax(320px, 1fr)
        auto
        auto
        minmax(190px, auto);
    gap: 22px;
    align-items: center;
    padding: 10px 0;
}

.pdp-desktop-sticky__product {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
    color: inherit;
    text-decoration: none;
}

.pdp-desktop-sticky__image {
    display: grid;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    place-items: center;
    overflow: hidden;
    border: 1px solid #e4e9f0;
    border-radius: 12px;
    background: #ffffff;
    padding: 5px;
}

.pdp-desktop-sticky__image img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

.pdp-desktop-sticky__image > span {
    color: #c59a3d;
    font-size: 14px;
    font-weight: 950;
}

.pdp-desktop-sticky__identity {
    min-width: 0;
}

.pdp-desktop-sticky__identity small {
    display: block;
    margin-bottom: 3px;
    color: #b48324;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pdp-desktop-sticky__identity strong {
    display: block;
    overflow: hidden;
    color: #06182f;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdp-desktop-sticky__identity
[data-sticky-variant-label] {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #64748b;
    font-size: 10px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdp-desktop-sticky__identity
[data-sticky-variant-label][hidden] {
    display: none;
}

.pdp-desktop-sticky__price {
    display: grid;
    min-width: 122px;
    gap: 3px;
    text-align: right;
}

.pdp-desktop-sticky__price strong {
    color: #06182f;
    font-size: 21px;
    font-weight: 1000;
    line-height: 1.1;
    white-space: nowrap;
}

.pdp-desktop-sticky__price del {
    color: #94a3b8;
    font-size: 11px;
    font-weight: 750;
}

.pdp-desktop-sticky__price del[hidden] {
    display: none;
}

.pdp-desktop-sticky__quantity {
    display: grid;
    height: 46px;
    grid-template-columns: 42px 52px 42px;
    overflow: hidden;
    border: 1px solid #d9e0e8;
    border-radius: 11px;
    background: #ffffff;
}

.pdp-desktop-sticky__quantity button,
.pdp-desktop-sticky__quantity input {
    min-width: 0;
    border: 0;
    background: transparent;
    color: #06182f;
    text-align: center;
    font: inherit;
    font-size: 14px;
    font-weight: 950;
}

.pdp-desktop-sticky__quantity button {
    cursor: pointer;
}

.pdp-desktop-sticky__quantity
button:hover:not(:disabled) {
    background: #f8f4ec;
    color: #a6751d;
}

.pdp-desktop-sticky__quantity button:disabled {
    color: #cbd5e1;
    cursor: not-allowed;
}

.pdp-desktop-sticky__quantity input {
    width: 52px;
    border-right: 1px solid #eef1f5;
    border-left: 1px solid #eef1f5;
    outline: 0;
    appearance: textfield;
}

.pdp-desktop-sticky__quantity
input::-webkit-inner-spin-button,
.pdp-desktop-sticky__quantity
input::-webkit-outer-spin-button {
    margin: 0;
    appearance: none;
}

.pdp-desktop-sticky__add {
    display: flex;
    min-width: 200px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 11px;
    background: #c59a3d;
    color: #ffffff;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
    box-shadow:
        0 10px 23px rgba(197, 154, 61, .25);
}

.pdp-desktop-sticky__add:hover:not(:disabled) {
    background: #d4aa4d;
    transform: translateY(-1px);
}

.pdp-desktop-sticky__add:disabled {
    background: #94a3b8;
    cursor: not-allowed;
    box-shadow: none;
}

.pdp-desktop-sticky__add svg {
    width: 21px;
    height: 21px;
}

@media (max-width: 1150px) {
    .pdp-desktop-sticky__inner {
        grid-template-columns:
            minmax(260px, 1fr)
            auto
            auto
            minmax(170px, auto);
        gap: 13px;
    }

    .pdp-desktop-sticky__identity strong {
        max-width: 310px;
    }

    .pdp-desktop-sticky__add {
        min-width: 170px;
    }
}

@media (max-width: 900px) {
    .pdp-desktop-sticky {
        display: none !important;
    }
}


/* =========================================================
   PDP REAL PRODUCT REVIEWS V2
   ========================================================= */

.cs-review-panel--real {
    display: grid;
    gap: 22px;
}

.cs-review-alert {
    display: grid;
    gap: 3px;
    border-radius: 12px;
    padding: 13px 15px;
    font-size: 13px;
}

.cs-review-alert strong {
    font-weight: 950;
}

.cs-review-alert span {
    font-size: 12px;
}

.cs-review-alert.is-success {
    border: 1px solid #b7e4c7;
    background: #edf9f1;
    color: #1f7a3f;
}

.cs-review-alert.is-error {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #b42318;
}

.cs-review-overview {
    display: grid;
    grid-template-columns:
        minmax(190px, .7fr)
        minmax(280px, 1.3fr)
        minmax(220px, .8fr);
    gap: 24px;
    border: 1px solid #e4e9f0;
    border-radius: 20px;
    background: #ffffff;
    padding: 24px;
}

.cs-review-score {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-right: 1px solid #edf0f4;
    text-align: center;
}

.cs-review-score > span {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.cs-review-score > strong {
    margin: 8px 0 3px;
    color: #06182f;
    font-size: 48px;
    font-weight: 1000;
    line-height: 1;
}

.cs-review-stars {
    display: flex;
    gap: 2px;
    color: #d8dee7;
}

.cs-review-stars span {
    color: #d8dee7 !important;
    font-size: 18px;
    line-height: 1;
}

.cs-review-stars span.is-active {
    color: #c59a3d !important;
}

.cs-review-score small {
    margin-top: 8px;
    color: #64748b;
    font-size: 11px;
}

.cs-review-distribution {
    display: grid;
    align-content: center;
    gap: 10px;
}

.cs-review-distribution a {
    display: grid;
    grid-template-columns:
        38px
        minmax(0, 1fr)
        30px;
    gap: 9px;
    align-items: center;
    color: #526176;
    font-size: 11px;
    font-weight: 850;
    text-decoration: none;
}

.cs-review-distribution a:hover,
.cs-review-distribution a.is-active {
    color: #a6751d;
}

.cs-review-distribution i {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #edf0f4;
}

.cs-review-distribution b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #c59a3d;
}

.cs-review-distribution em {
    font-style: normal;
    text-align: right;
}

.cs-review-cta {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 16px;
    background: #f8f4ec;
    padding: 18px;
}

.cs-review-cta strong {
    color: #06182f;
    font-size: 15px;
}

.cs-review-cta p {
    margin: 7px 0 14px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.5;
}

.cs-review-cta a,
.cs-review-empty a {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #06182f;
    color: #ffffff !important;
    padding: 0 15px;
    font-size: 11px;
    font-weight: 950;
    text-decoration: none;
}

.cs-review-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.cs-review-toolbar > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.cs-review-toolbar strong {
    color: #06182f;
    font-size: 18px;
}

.cs-review-toolbar a {
    color: #a6751d;
    font-size: 11px;
    font-weight: 850;
}

.cs-review-toolbar form {
    display: flex;
    align-items: center;
    gap: 9px;
}

.cs-review-toolbar label {
    color: #64748b;
    font-size: 11px;
    font-weight: 850;
}

.cs-review-toolbar select {
    min-height: 40px;
    border: 1px solid #d9e0e8;
    border-radius: 10px;
    background: #ffffff;
    color: #06182f;
    padding: 0 34px 0 12px;
    font-size: 12px;
    font-weight: 800;
}

.cs-review-list--real {
    display: grid;
    gap: 14px;
}

.cs-review-list--real article {
    border: 1px solid #e4e9f0;
    border-radius: 17px;
    background: #ffffff;
    padding: 19px;
}

.cs-review-author {
    display: flex;
    align-items: center;
    gap: 11px;
}

.cs-review-avatar {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 999px;
    background: #06182f;
    color: #ffffff;
    font-size: 14px;
    font-weight: 950;
}

.cs-review-author > div {
    display: grid;
    gap: 2px;
}

.cs-review-author strong {
    color: #06182f;
    font-size: 13px;
}

.cs-review-author small {
    color: #2f9e55;
    font-size: 10px;
    font-weight: 850;
}

.cs-review-author time {
    margin-left: auto;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 750;
}

.cs-review-list--real .cs-review-stars {
    margin-top: 12px;
}

.cs-review-list--real h3 {
    margin: 10px 0 5px;
    color: #06182f;
    font-size: 15px;
}

.cs-review-list--real p {
    margin: 0;
    color: #526176;
    font-size: 13px;
    line-height: 1.65;
}

.cs-review-empty {
    display: grid;
    min-height: 260px;
    place-items: center;
    border: 1px dashed #d8dee7;
    border-radius: 18px;
    background: #f8fafc;
    padding: 30px;
    text-align: center;
}

.cs-review-empty > span {
    color: #c59a3d;
    font-size: 44px;
    line-height: 1;
}

.cs-review-empty h3 {
    margin: 4px 0;
    color: #06182f;
}

.cs-review-empty p {
    margin: 0 0 15px;
    color: #64748b;
    font-size: 13px;
}

.cs-review-form-card {
    border-radius: 20px;
    background:
        linear-gradient(
            145deg,
            #06182f,
            #102c50
        );
    color: #ffffff;
    padding: 25px;
}

.cs-review-form-head > span {
    color: #d8b96d;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cs-review-form-head h2 {
    margin: 5px 0 4px;
    color: #ffffff;
    font-size: 25px;
}

.cs-review-form-head p {
    margin: 0;
    color: rgba(255, 255, 255, .7);
    font-size: 12px;
}

.cs-review-form {
    display: grid;
    gap: 15px;
    margin-top: 20px;
}

.cs-review-form-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.cs-review-form label {
    display: grid;
    gap: 7px;
}

.cs-review-form label > span,
.cs-review-rating-field legend {
    color: rgba(255, 255, 255, .82);
    font-size: 11px;
    font-weight: 850;
}

.cs-review-form input,
.cs-review-form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 11px;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
    padding: 12px 13px;
    font: inherit;
    font-size: 13px;
    outline: 0;
}

.cs-review-form input:focus,
.cs-review-form textarea:focus {
    border-color: #c59a3d;
    box-shadow:
        0 0 0 3px rgba(197, 154, 61, .16);
}

.cs-review-form input::placeholder,
.cs-review-form textarea::placeholder {
    color: rgba(255, 255, 255, .45);
}

.cs-review-rating-field {
    margin: 0;
    border: 0;
    padding: 0;
}

.cs-review-rating-input {
    display: inline-flex;
    flex-direction: row-reverse;
    gap: 3px;
    margin-top: 7px;
}

.cs-review-rating-input input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cs-review-rating-input label {
    color: rgba(255, 255, 255, .28);
    font-size: 31px;
    line-height: 1;
    cursor: pointer;
}

.cs-review-rating-input label:hover,
.cs-review-rating-input label:hover ~ label,
.cs-review-rating-input input:checked ~ label {
    color: #c59a3d;
}

.cs-review-rating-input input:focus-visible + label {
    outline: 3px solid rgba(197, 154, 61, .28);
    outline-offset: 3px;
    border-radius: 5px;
}

.cs-review-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.cs-review-form-footer small {
    color: rgba(255, 255, 255, .62);
    font-size: 10px;
    line-height: 1.45;
}

.cs-review-form-footer button {
    min-height: 46px;
    border: 0;
    border-radius: 10px;
    background: #c59a3d;
    color: #ffffff;
    padding: 0 20px;
    font-size: 12px;
    font-weight: 950;
    cursor: pointer;
}

.cs-review-form-footer button:hover {
    background: #d4aa4d;
}

.cs-review-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

@media (max-width: 900px) {
    .cs-review-overview {
        grid-template-columns: 1fr;
    }

    .cs-review-score {
        border-right: 0;
        border-bottom: 1px solid #edf0f4;
        padding-bottom: 20px;
    }
}

@media (max-width: 650px) {
    .cs-review-overview {
        padding: 17px;
    }

    .cs-review-toolbar,
    .cs-review-form-footer {
        align-items: stretch;
        flex-direction: column;
    }

    .cs-review-toolbar form {
        justify-content: space-between;
    }

    .cs-review-toolbar select {
        flex: 1;
    }

    .cs-review-form-grid {
        grid-template-columns: 1fr;
    }

    .cs-review-form-footer button {
        width: 100%;
    }

    .cs-review-author {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .cs-review-author time {
        width: 100%;
        margin-left: 51px;
    }
}

/* =========================================================
   FSPV_PDP_DYNAMIC_DISPATCH_V24
   ========================================================= */

.cs-shipping-promise-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin: 18px 0;
}

.cs-shipping-promise {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 14px;
    padding: 15px 17px;
    border: 1px solid #cce8d5;
    border-radius: 12px;
    background: #f5fbf7;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.cs-shipping-promise.is-tomorrow {
    border-color: #e5e7eb;
    background: #f8fafc;
}

.cs-shipping-promise__icon {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #e5f6ea;
    color: #13843a;
}

.cs-shipping-promise.is-tomorrow
.cs-shipping-promise__icon {
    background: #eef2f7;
    color: #334155;
}

.cs-shipping-promise__icon svg {
    width: 25px;
    height: 25px;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.cs-shipping-promise__content {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.cs-shipping-promise__content strong {
    color: #111827;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.25;
}

.cs-shipping-promise__content small {
    color: #64748b;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.4;
}

.cs-shipping-promise__content small b {
    color: #13843a;
    font-weight: 950;
}

.cs-shipping-promise-row > .cs-stock {
    align-self: center;
}

@media (max-width: 620px) {

    .cs-shipping-promise-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .cs-shipping-promise {
        padding: 14px;
    }

    .cs-shipping-promise-row > .cs-stock {
        width: fit-content;
        max-width: 100%;
    }
}

/* FSPV_PDP_DYNAMIC_DISPATCH_V24_END */

/* =========================================================
   FSPV_PDP_ACTIONS_V25
   ========================================================= */

.cs-actions a.active,
.cs-heart.active {
    color: #b4233b;
}

.cs-heart.active svg {
    fill: currentColor;
}

.cs-actions a.is-success {
    color: #13843a;
}

.cs-actions a[data-pdp-favorite-toggle],
.cs-actions a[data-pdp-share],
.cs-actions a[data-pdp-discover],
.cs-heart[data-pdp-favorite-toggle] {
    cursor: pointer;
}

.cs-actions a[aria-busy="true"],
.cs-heart[aria-busy="true"] {
    pointer-events: none;
    opacity: .65;
}

#descriere {
    scroll-margin-top: 125px;
}

/* FSPV_PDP_ACTIONS_V25_END */

/* =========================================================
   FSPV_PDP_BENEFITS_AIRY_V26
   DESKTOP = 4 PE ACELASI RAND
   ========================================================= */

.cs-benefits{
    grid-template-columns:
        repeat(4,minmax(0,1fr))!important;
}

.cs-benefit{
    grid-template-columns:
        42px minmax(0,1fr)!important;

    gap:14px!important;

    padding:
        20px 18px!important;

    align-items:center!important;
}

.cs-benefit-copy{
    display:grid;
    min-width:0;
    gap:6px;
}

.cs-benefit strong{
    display:block!important;
    margin:0!important;
    font-size:13.5px!important;
    font-weight:900!important;
    line-height:1.4!important;
}

.cs-benefit span{
    display:block!important;
    margin:0!important;
    color:#5b6472!important;
    font-size:12.5px!important;
    line-height:1.55!important;
}

.cs-benefit .cs-ico{
    width:36px!important;
    height:36px!important;
}

.cs-benefit .cs-ico svg{
    width:29px!important;
    height:29px!important;
}

@media(max-width:900px){

    .cs-benefits{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }
}

@media(max-width:620px){

    .cs-benefits{
        grid-template-columns:
            1fr!important;
    }
}

/* FSPV_PDP_BENEFITS_AIRY_V26_END */

/* =========================================================
   FSPV PRODUCT STRUCTURED CONTENT v2.8
   ========================================================= */

.cs-tabs-grid.without-why {
    grid-template-columns:
        minmax(0, 1fr) !important;
}

.pdp-description-copy {
    color: #334155;
    font-size: 15px;
    line-height: 1.85;
}

.pdp-package-size {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
    padding: 11px 15px;
    border: 1px solid rgba(197, 154, 61, .26);
    border-radius: 12px;
    background: #fffaf0;
}

.pdp-package-size span {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pdp-package-size strong {
    color: #06182f;
    font-size: 15px;
    font-weight: 950;
}


.pdp-ingredients {
    margin-top: 24px;
    padding: 20px;
    border: 1px solid #e6eaf0;
    border-radius: 16px;
    background: #f8fafc;
}

.pdp-ingredients__head {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
}

.pdp-ingredients__head h3 {
    margin: 0;
    color: #06182f;
    font-size: 17px;
    font-weight: 950;
}

.pdp-ingredients__icon {
    display: inline-flex;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff4d8;
    color: #9b7224;
}

.pdp-ingredients__icon svg {
    width: 21px;
    height: 21px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pdp-ingredients__copy {
    color: #475569;
    font-size: 14px;
    line-height: 1.75;
}


.cs-why {
    padding: 24px !important;
}

.cs-why__eyebrow {
    display: block;
    margin-bottom: 5px;
    color: #9b7224;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.cs-why h3 {
    margin-bottom: 20px !important;
}

.cs-why__list {
    display: grid;
    gap: 12px;
}

.cs-why__list p {
    display: grid !important;
    grid-template-columns:
        28px minmax(0, 1fr);
    gap: 10px !important;
    align-items: start !important;
    margin: 0 !important;
    color: #334155 !important;
    font-size: 14px;
    font-weight: 800 !important;
    line-height: 1.5;
}

.cs-why__check {
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(197, 154, 61, .35);
    color: #9b7224;
}

.cs-why__check svg {
    width: 15px !important;
    height: 15px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    fill: none;
}


@media (max-width: 900px) {

    .cs-tabs-grid.has-why,
    .cs-tabs-grid.without-why {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }
}


@media (max-width: 620px) {

    .cs-tab-content {
        padding:
            20px 16px !important;
    }

    .pdp-ingredients {
        padding: 16px;
    }

    .pdp-description-copy {
        font-size: 14px;
        line-height: 1.75;
    }
}

/* FSPV PRODUCT STRUCTURED CONTENT v2.8 END */

/* =========================================================
   FSPV PDP DESCRIPTION CLEAN v2.9
   ========================================================= */

/*
 * Textul introdus în:
 * "De ce să alegi acest produs?"
 * devine auriu.
 */

.cs-why__list p > span:last-child {
    color: var(--product-gold-dark, #9B7224) !important;
}

.cs-why__list p {
    color: var(--product-gold-dark, #9B7224) !important;
}

.cs-why__eyebrow {
    color: var(--product-gold, #C59A3D) !important;
}

.cs-why h3 {
    color: var(--product-gold-dark, #9B7224) !important;
}


/*
 * Descriere lizibilă și aerisită.
 */

.pdp-description-copy {
    white-space: normal;
    color: #334155;
    line-height: 1.85 !important;
}


/* FSPV PDP DESCRIPTION CLEAN v2.9 END */

/* =========================================================
   FSPV PRODUCT CONTENT STRUCTURE v3.0
   ========================================================= */

.cs-tabs-grid.structured-content {
    grid-template-columns:
        minmax(0, 1fr) !important;
}


.pdp-content-flow {
    display: grid;
    gap: 22px;
}


.pdp-content-section {
    padding: 22px;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    background: #fff;
}


.pdp-content-section h2,
.pdp-content-section h3 {
    margin:
        0
        0
        13px;
    color: #06182f;
    font-weight: 950;
    letter-spacing: -.02em;
}


.pdp-content-section h2 {
    font-size: 22px;
}


.pdp-content-section h3 {
    font-size: 19px;
}


.pdp-content-kicker {
    display: block;
    margin-bottom: 5px;
    color: #9b7224;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .09em;
}


.pdp-description-section {
    padding: 0;
    border: 0;
    background: transparent;
}


.pdp-description-copy,
.pdp-section-copy {
    color: #475569;
    font-size: 15px;
    line-height: 1.85;
}


.pdp-package-size {
    display: flex !important;
    width: fit-content;
    margin-top: 0 !important;
    padding: 12px 16px !important;
}


.pdp-benefits-section {
    background:
        linear-gradient(
            180deg,
            #fff,
            #fffdf8
        );
}


.pdp-benefits-list {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}


.pdp-benefits-list li {
    display: grid;
    grid-template-columns:
        28px
        minmax(0, 1fr);
    gap: 10px;
    align-items: start;

    color: #334155;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.55;
}


.pdp-benefit-check {
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;

    border: 1px solid
        rgba(197, 154, 61, .35);

    border-radius: 999px;

    background: #fffaf0;
    color: #9b7224;
}


.pdp-benefit-check svg {
    width: 15px;
    height: 15px;

    stroke: currentColor;
    fill: none;
    stroke-width: 2.5;
}


.pdp-usage-section {
    background: #f8fafc;
}


.pdp-ingredients {
    margin-top: 0 !important;
    background: #f8fafc !important;
}


.pdp-warnings-section {
    border-color: #f0dfbb;
    background: #fffaf0;
}


.pdp-warnings-section
.pdp-content-kicker {
    color: #9b7224;
}


.pdp-why-inline {
    margin: 0 !important;
    padding: 24px !important;

    border:
        1px solid
        rgba(197, 154, 61, .30)
        !important;

    border-radius:
        18px !important;

    background:
        linear-gradient(
            135deg,
            #fffdf8,
            #f8f4ec
        )
        !important;
}


/*
 * AVANTAJE = AURIU
 */

.pdp-why-inline
.cs-why__list
p > span:last-child {
    color:
        var(
            --product-gold-dark,
            #9B7224
        )
        !important;
}


.pdp-why-inline
.cs-why__list p {
    color:
        var(
            --product-gold-dark,
            #9B7224
        )
        !important;
}


.pdp-why-inline
.cs-why__eyebrow {
    color:
        var(
            --product-gold,
            #C59A3D
        )
        !important;
}


.pdp-why-inline h3 {
    color:
        var(
            --product-gold-dark,
            #9B7224
        )
        !important;
}


@media(max-width:620px) {

    .pdp-content-flow {
        gap: 16px;
    }


    .pdp-content-section,
    .pdp-why-inline {
        padding:
            18px !important;
    }


    .pdp-description-section {
        padding:
            0 !important;
    }


    .pdp-description-copy,
    .pdp-section-copy {
        font-size: 14px;
        line-height: 1.75;
    }


    .pdp-content-section h2 {
        font-size: 20px;
    }


    .pdp-content-section h3 {
        font-size: 18px;
    }
}

/* FSPV PRODUCT CONTENT STRUCTURE v3.0 END */

/* =========================================================
   FSPV PRODUCT CONTENT TWO COLUMNS v3.0.2
   ========================================================= */

/*
 * Desktop:
 *
 * LEFT  = description / details
 * RIGHT = advantages
 */

.cs-tabs-grid.has-why {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        380px !important;

    gap: 38px !important;

    align-items: start !important;
}


.cs-tabs-grid.has-why > .cs-tabs {
    min-width: 0 !important;
    width: 100% !important;
}


.cs-tabs-grid.has-why > .cs-why {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    align-self: start !important;
}


.cs-tabs-grid.without-why {
    grid-template-columns:
        minmax(0, 1fr) !important;
}


/*
 * Tablet / mobile:
 * right card naturally moves below.
 */

@media(max-width:900px) {

    .cs-tabs-grid.has-why,
    .cs-tabs-grid.without-why {
        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}


/* FSPV PRODUCT CONTENT TWO COLUMNS v3.0.2 END */


/* =========================================================
   FSPV PDP PAYMENT TAB v3.1
   ========================================================= */

.pdp-payment-panel {
    scroll-margin-top: 120px;
    margin-top: 28px;
    padding-top: 26px;
    border-top: 1px solid #e6eaf0;
}

.pdp-payment-panel__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 18px;
}

.pdp-payment-panel__head h2 {
    margin: 4px 0 6px;
    color: #06182f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 950;
}

.pdp-payment-panel__head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}

.pdp-payment-panel__secure {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid rgba(197,154,61,.25);
    border-radius: 999px;
    background: #fffaf0;
    color: #9b7224;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 900;
}

.pdp-payment-panel__secure svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pdp-payment-methods {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));
    gap: 14px;
}

.pdp-payment-method {
    display: grid;
    grid-template-columns:
        48px minmax(0,1fr);
    gap: 14px;
    align-items: start;
    padding: 17px;
    border: 1px solid #e6eaf0;
    border-radius: 15px;
    background: #fff;
}

.pdp-payment-method__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #f8f4ec;
    color: #c59a3d;
}

.pdp-payment-method__icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pdp-payment-method__body > strong {
    display: block;
    margin: 1px 0 5px;
    color: #06182f;
    font-size: 15px;
    font-weight: 950;
}

.pdp-payment-method__body > p {
    margin: 0;
    color: #475569;
    font-size: 13px;
    line-height: 1.55;
}

.pdp-payment-method__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.pdp-payment-method__meta span {
    padding: 5px 8px;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
}

.pdp-payment-panel__notice {
    display: grid;
    grid-template-columns:
        22px minmax(0,1fr);
    gap: 10px;
    margin-top: 15px;
    padding: 13px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fafc;
}

.pdp-payment-panel__notice svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #64748b;
    stroke-width: 1.8;
}

.pdp-payment-panel__notice p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

.pdp-payment-panel__notice strong {
    display: block;
    margin-bottom: 2px;
    color: #334155;
}

.pdp-payment-methods-empty {
    padding: 17px;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
}


@media(max-width:760px) {

    .pdp-payment-methods {
        grid-template-columns: 1fr;
    }

    .pdp-payment-panel__head {
        flex-direction: column;
    }

    .pdp-payment-panel__secure {
        align-self: flex-start;
    }

}


@media(max-width:520px) {

    .pdp-payment-method {
        grid-template-columns:
            40px minmax(0,1fr);
        gap: 11px;
        padding: 14px;
    }

    .pdp-payment-method__icon {
        width: 40px;
        height: 40px;
    }

}

/* FSPV PDP PAYMENT TAB v3.1 END */


/* =========================================================
   FSPV PDP SHIPPING TAB v3.2
   ========================================================= */

.pdp-shipping-panel {
    scroll-margin-top: 120px;
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #e6eaf0;
}


.pdp-shipping-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}


.pdp-shipping-panel__head h2 {
    margin: 4px 0 6px;
    color: #06182f;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 950;
}


.pdp-shipping-panel__head p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.55;
}


.pdp-shipping-panel__badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    flex: 0 0 auto;

    padding: 9px 12px;

    border:
        1px solid
        rgba(197,154,61,.25);

    border-radius: 999px;

    background: #fffaf0;
    color: #9b7224;

    white-space: nowrap;

    font-size: 12px;
    font-weight: 900;
}


.pdp-shipping-panel__badge svg {
    width: 19px;
    height: 19px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-shipping-methods {
    display: grid;
    gap: 14px;
}


.pdp-shipping-method {
    padding: 18px;

    border: 1px solid #e6eaf0;
    border-radius: 15px;

    background: #fff;
}


.pdp-shipping-method__top {
    display: grid;

    grid-template-columns:
        48px
        minmax(0,1fr);

    gap: 14px;
    align-items: start;
}


.pdp-shipping-method__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    border-radius: 12px;

    background: #f8f4ec;
    color: #c59a3d;
}


.pdp-shipping-method__icon svg {
    width: 25px;
    height: 25px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-shipping-method__top strong {
    display: block;

    margin-top: 1px;

    color: #06182f;

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

    line-height: 1.35;
}


.pdp-shipping-method__top p {
    margin: 5px 0 0;

    color: #64748b;

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


.pdp-shipping-meta {
    display: grid;

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

    gap: 10px;

    margin-top: 16px;
}


.pdp-shipping-meta__item {
    min-width: 0;

    padding: 12px 13px;

    border: 1px solid #e9edf3;
    border-radius: 12px;

    background: #f8fafc;
}


.pdp-shipping-meta__item span {
    display: block;

    margin-bottom: 4px;

    color: #94a3b8;

    font-size: 10px;
    font-weight: 900;

    text-transform: uppercase;
    letter-spacing: .04em;
}


.pdp-shipping-meta__item strong {
    display: block;

    color: #334155;

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

    line-height: 1.35;
}


.pdp-shipping-free {
    border-color:
        rgba(197,154,61,.25);

    background: #fffaf0;
}


.pdp-shipping-free strong {
    color: #9b7224;
}


.pdp-shipping-rates {
    margin-top: 16px;

    padding: 14px;

    border: 1px solid #e6eaf0;
    border-radius: 12px;

    background: #fff;
}


.pdp-shipping-rates__title {
    margin-bottom: 9px;

    color: #06182f;

    font-size: 12px;
    font-weight: 950;
}


.pdp-shipping-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    padding: 8px 0;

    border-top:
        1px solid
        #f1f5f9;

    color: #64748b;

    font-size: 12px;
}


.pdp-shipping-rate:first-of-type {
    border-top: 0;
}


.pdp-shipping-rate strong {
    color: #06182f;

    font-size: 12px;
    font-weight: 950;

    white-space: nowrap;
}


.pdp-shipping-base-cost {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 16px;

    margin-top: 16px;

    padding: 13px 14px;

    border: 1px solid #e6eaf0;
    border-radius: 12px;

    background: #f8fafc;

    color: #64748b;

    font-size: 12px;
}


.pdp-shipping-base-cost strong {
    color: #06182f;

    font-size: 13px;
    font-weight: 950;
}


.pdp-shipping-option {
    margin-top: 12px;

    color: #9b7224;

    font-size: 12px;
    font-weight: 900;
}


.pdp-shipping-notice {
    display: grid;

    grid-template-columns:
        22px minmax(0,1fr);

    gap: 10px;

    margin-top: 15px;

    padding: 13px 14px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: #f8fafc;
}


.pdp-shipping-notice svg {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #64748b;

    stroke-width: 1.8;
}


.pdp-shipping-notice p {
    margin: 0;

    color: #64748b;

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


.pdp-shipping-notice strong {
    display: block;

    margin-bottom: 2px;

    color: #334155;
}


.pdp-shipping-empty {
    padding: 18px;

    border: 1px dashed #cbd5e1;
    border-radius: 12px;

    background: #f8fafc;

    color: #64748b;

    text-align: center;

    font-size: 13px;
    font-weight: 800;
}


@media(max-width:760px) {

    .pdp-shipping-panel__head {
        flex-direction: column;
    }


    .pdp-shipping-panel__badge {
        align-self: flex-start;
    }


    .pdp-shipping-meta {
        grid-template-columns: 1fr;
    }

}


@media(max-width:520px) {

    .pdp-shipping-method {
        padding: 14px;
    }


    .pdp-shipping-method__top {
        grid-template-columns:
            40px
            minmax(0,1fr);

        gap: 11px;
    }


    .pdp-shipping-method__icon {
        width: 40px;
        height: 40px;
    }


    .pdp-shipping-rate {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

}


/* FSPV PDP SHIPPING TAB v3.2 END */


/* =========================================================
   FSPV PDP RETURN TAB v3.3
   ========================================================= */

.pdp-return-panel {
    scroll-margin-top: 120px;

    margin-top: 28px;
    padding-top: 28px;

    border-top: 1px solid #e6eaf0;
}


.pdp-return-panel__head {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;

    gap: 20px;

    margin-bottom: 18px;
}


.pdp-return-panel__head h2 {
    margin: 4px 0 6px;

    color: #06182f;

    font-size: 24px;
    line-height: 1.2;
    font-weight: 950;
}


.pdp-return-panel__head p {
    margin: 0;

    max-width: 620px;

    color: #64748b;

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


.pdp-return-panel__badge {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    flex: 0 0 auto;

    padding: 9px 12px;

    border:
        1px solid
        rgba(197,154,61,.25);

    border-radius: 999px;

    background: #fffaf0;
    color: #9b7224;

    white-space: nowrap;

    font-size: 12px;
    font-weight: 950;
}


.pdp-return-panel__badge svg {
    width: 18px;
    height: 18px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-return-cards {
    display: grid;

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

    gap: 12px;
}


.pdp-return-card {
    display: grid;

    grid-template-columns:
        44px minmax(0,1fr);

    gap: 13px;

    align-items: start;

    padding: 16px;

    border: 1px solid #e6eaf0;
    border-radius: 14px;

    background: #fff;
}


.pdp-return-card__icon {
    display: flex;

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

    width: 42px;
    height: 42px;

    border-radius: 11px;

    background: #f8f4ec;
    color: #c59a3d;
}


.pdp-return-card__icon svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-return-card strong {
    display: block;

    margin: 1px 0 5px;

    color: #06182f;

    font-size: 14px;
    font-weight: 950;
}


.pdp-return-card p {
    margin: 0;

    color: #64748b;

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


.pdp-return-refund {
    display: grid;

    grid-template-columns:
        44px minmax(0,1fr);

    gap: 13px;

    align-items: start;

    margin-top: 13px;

    padding: 16px;

    border:
        1px solid
        rgba(197,154,61,.25);

    border-radius: 14px;

    background: #fffaf0;
}


.pdp-return-refund__icon {
    display: flex;

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

    width: 42px;
    height: 42px;

    border-radius: 11px;

    background: #fff;

    color: #9b7224;
}


.pdp-return-refund__icon svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-return-refund strong {
    display: block;

    margin: 1px 0 5px;

    color: #7b5719;

    font-size: 14px;
    font-weight: 950;
}


.pdp-return-refund p {
    margin: 0;

    color: #675a43;

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


.pdp-return-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 14px;
}


.pdp-return-primary,
.pdp-return-secondary {
    display: inline-flex;

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

    gap: 8px;

    min-height: 42px;

    padding: 10px 15px;

    border-radius: 11px;

    text-decoration: none !important;

    font-size: 12px;
    font-weight: 950;
}


.pdp-return-primary {
    border: 1px solid #06182f;

    background: #06182f;
    color: #fff !important;
}


.pdp-return-primary:hover {
    background: #0c2748;
}


.pdp-return-primary svg {
    width: 17px;
    height: 17px;

    fill: none;

    stroke: currentColor;
    stroke-width: 1.9;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.pdp-return-secondary {
    border: 1px solid #dbe3ef;

    background: #fff;
    color: #334155 !important;
}


.pdp-return-secondary:hover {
    border-color: #cbd5e1;

    background: #f8fafc;
}


.pdp-return-note {
    display: grid;

    grid-template-columns:
        21px minmax(0,1fr);

    gap: 9px;

    align-items: start;

    margin-top: 13px;

    padding: 12px 13px;

    border: 1px solid #e2e8f0;
    border-radius: 11px;

    background: #f8fafc;
}


.pdp-return-note svg {
    width: 19px;
    height: 19px;

    fill: none;

    stroke: #64748b;
    stroke-width: 1.8;
}


.pdp-return-note p {
    margin: 0;

    color: #64748b;

    font-size: 11px;
    line-height: 1.55;
}


@media(max-width:760px) {

    .pdp-return-panel__head {
        flex-direction: column;
    }


    .pdp-return-panel__badge {
        align-self: flex-start;
    }


    .pdp-return-cards {
        grid-template-columns: 1fr;
    }

}


@media(max-width:520px) {

    .pdp-return-card,
    .pdp-return-refund {
        grid-template-columns:
            39px minmax(0,1fr);

        gap: 10px;

        padding: 14px;
    }


    .pdp-return-card__icon,
    .pdp-return-refund__icon {
        width: 38px;
        height: 38px;
    }


    .pdp-return-actions {
        display: grid;

        grid-template-columns: 1fr;
    }


    .pdp-return-primary,
    .pdp-return-secondary {
        width: 100%;
    }

}


/* FSPV PDP RETURN TAB v3.3 END */