/* ============================================================
   CBDMania — home.css
   Stiluri SPECIFICE homepage (Product Feature + Slider mesaje + restul).
   Se încarcă doar pe front-page.
   ============================================================ */

/* ============================================================
   Hero — override text weights (LIVE 1:1 look)
   .thin = Playfair Display 400 regular
   .bold = Playfair Display 900 Black — diferență MARE vs thin
   Controlele acestea pot fi override prin variables setate din
   plugin (inline style pe body de la CBDMH_Hero_Slider).
   ============================================================ */
.hero-title{
    font-family: var(--hero-font, 'Playfair Display'), 'Gentium Book Basic', Georgia, serif !important;
    font-size: var(--hero-fs, 3.6rem);
}
.hero-title .thin{
    font-family: var(--hero-font-thin, 'Playfair Display'), 'Gentium Book Basic', Georgia, serif;
    font-weight: var(--hero-w-thin, 400);
    font-size: var(--hero-fs-thin, inherit);  /* override doar dacă e setat din admin */
    letter-spacing: .005em;
}
.hero-title .bold{
    font-family: var(--hero-font-bold, 'Playfair Display'), 'Gentium Book Basic', Georgia, serif;
    font-weight: var(--hero-w-bold, 900);       /* Black — MAX greutate */
    font-size: var(--hero-fs-bold, inherit);  /* override doar dacă e setat din admin */
    letter-spacing: .01em;
    line-height: 1;
    margin-top: .18em;
    margin-bottom: .05em;
}
@media(min-width:1600px){ .hero-title{font-size: var(--hero-fs-xl, 4.4rem)} }
@media(max-width:1024px){ .hero-title{font-size: var(--hero-fs-md, 3rem)} }
@media(max-width:768px){  .hero-title{font-size: var(--hero-fs-sm, 2.2rem)} }


/* ============================================================
   Product Feature Section (Iter 02)
   Layout: 2 cols (imagine crema stânga / conținut dreapta)
   Bg: pattern frunze CBD subtile, culoare crem/verde deschis
   ============================================================ */
.pf-section{
    position:relative;
    padding:80px 0;
    background-color:#EAE9DE;        /* fallback crem-verzui */
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    color:var(--c-secondary);
}
.pf-inner{
    max-width:1600px;
    margin:0 auto;
    padding:0 40px;
    display:grid;
    grid-template-columns:minmax(400px, 1.1fr) 1.4fr;
    gap:40px;
    align-items:center;
}

/* Imagine produs — MARE, aliniată edge-stânga complet */
.pf-media{
    display:flex;justify-content:flex-start;align-items:center;
    padding-left:0;
}
.pf-media img{
    width:100%;
    max-width:640px;
    height:auto;
    filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));
}
/* Responsive scaling agresiv — se scalează bine pe toate rezoluțiile */
@media(min-width:1600px){ .pf-media img{max-width:760px} }
@media(min-width:1920px){ .pf-media img{max-width:880px} }
@media(min-width:2400px){ .pf-media img{max-width:1100px} }
@media(max-width:1200px){ .pf-media img{max-width:480px} }



/* Content dreapta */
.pf-content{padding:20px 0}
.pf-overline{
    font-family:var(--font-display);
    font-size:.82rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.28em;
    color:var(--c-primary);
    margin-bottom:18px;
}
.pf-title{
    font-family:var(--font-heading);
    font-size:2.6rem;
    font-weight:400;
    line-height:1.15;
    color:var(--c-secondary);
    margin:0 0 24px;
}
@media(min-width:1600px){ .pf-title{font-size:3.2rem} }
.pf-desc{
    font-size:1rem;
    line-height:1.65;
    color:var(--c-primary);         /* copy maroniu ca pe LIVE */
    max-width:640px;
    margin-bottom:32px;
}
.pf-desc p{margin:0 0 12px}

/* Bullets grid 2×2 */
.pf-bullets{
    list-style:none;
    padding:0;margin:0 0 32px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 40px;
}
.pf-bullet{
    display:flex;align-items:center;gap:16px;
}
.pf-bullet-icon{
    flex:0 0 auto;
    width:64px;height:64px;
    display:inline-flex;align-items:center;justify-content:center;
}
.pf-bullet-icon svg{
    width:100%;height:100%;
    fill:var(--c-secondary);        /* SVG-uri negre — CSS color pentru text arc */
}
.pf-bullet-label{
    font-family:var(--font-heading);
    font-weight:400;
    font-size:1.15rem;
    color:var(--c-secondary);
    line-height:1.2;
}

/* CTA button */
.pf-cta{
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--c-primary);
    color:#fff;
    text-decoration:none;
    padding:14px 32px;
    border-radius:var(--radius);
    font-family:var(--font-display);
    font-weight:700;
    font-size:.85rem;
    letter-spacing:.15em;
    text-transform:uppercase;
    transition:all .2s;
    border:2px solid var(--c-primary);
}
.pf-cta:hover{
    background:var(--c-primary-dark);
    border-color:var(--c-primary-dark);
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

/* Responsive */
@media(max-width:900px){
    .pf-section{padding:60px 0}
    .pf-inner{grid-template-columns:1fr;gap:40px;text-align:center}
    .pf-media img{max-width:240px}
    .pf-title{font-size:2rem}
    .pf-bullets{grid-template-columns:repeat(2,1fr);gap:16px 20px}
    .pf-bullet{flex-direction:column;text-align:center;gap:8px}
    .pf-bullet-icon{width:56px;height:56px}
    .pf-bullet-label{font-size:1rem}
}
@media(max-width:480px){
    .pf-bullets{grid-template-columns:1fr;gap:12px}
    .pf-bullet{flex-direction:row;text-align:left;gap:14px}
}


/* ============================================================
   Benefits — Iter 04 (Soluții Complete pentru Sănătate)
   Header 2 col (titlu stânga / CTA dreapta)
   Grid 3 carduri cu overline uppercase + hover fade-out
   ============================================================ */
.benefits-section{
    padding:80px 0 100px;
    background:var(--c-bg, #fdf3f2);
    color:var(--c-secondary);
}
.benefits-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px;
}

/* Header row — 2 columns (text stânga / CTA dreapta) */
.benefits-header{
    display:grid;
    grid-template-columns:1.6fr auto;
    gap:40px;
    align-items:center;
    margin-bottom:60px;
}
.benefits-header-text{max-width:640px}
.benefits-overline{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.78rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.24em;
    color:var(--c-primary);
    margin:0 0 14px;
}
.benefits-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:2.4rem;
    font-weight:400;
    line-height:1.15;
    color:var(--c-secondary);
    margin:0 0 18px;
}
@media(min-width:1600px){ .benefits-title{font-size:2.8rem} }
.benefits-desc{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.98rem;
    line-height:1.6;
    color:#333;
    margin:0;
}
.benefits-header-cta{justify-self:end}
.benefits-cta{
    display:inline-block;
    text-decoration:none;
    color:var(--c-secondary);
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    padding-bottom:6px;
    border-bottom:2px solid var(--c-secondary);
    transition:color .2s, border-color .2s, transform .2s;
}
.benefits-cta:hover{
    color:var(--c-primary);
    border-color:var(--c-primary);
    transform:translateY(-1px);
}

/* Grid carduri */
.benefits-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:40px;
}
.benefit-card{
    position:relative;
    display:block;
    overflow:hidden;
    text-decoration:none;
    color:#fff;
    background:#e8e0d8;
    border-radius:0;                       /* colturi drepte ca pe LIVE */
    aspect-ratio:1 / 0.9;
    cursor:pointer;
}
.benefit-card-media{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
}
.benefit-card-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    /* imaginea rămâne CLARĂ — doar zoom subtil pe hover */
    transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.benefit-card:hover .benefit-card-media img{
    transform:scale(1.06);
}

/* Overlay dark gradient — mereu vizibil ușor, se intensifică pe hover */
.benefit-card-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,.05) 45%, rgba(0,0,0,.55) 100%);
    opacity:.7;
    transition:opacity .45s ease, background .45s ease;
}
.benefit-card:hover .benefit-card-overlay{
    opacity:1;
    background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.20) 45%, rgba(0,0,0,.65) 100%);
}

/* Label — MEREU ÎN STÂNGA SUS, alb, cu shadow (fără pill/bg) */
.benefit-card-label{
    position:absolute;
    top:22px;
    left:24px;
    right:24px;
    z-index:2;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.9rem;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 2px 12px rgba(0,0,0,.65), 0 1px 3px rgba(0,0,0,.45);
    text-align:left;
    line-height:1.25;
    max-width:calc(100% - 48px);
    transition:letter-spacing .35s ease, text-shadow .35s ease, transform .35s ease;
}
.benefit-card:hover .benefit-card-label{
    letter-spacing:.22em;
    text-shadow:0 4px 22px rgba(0,0,0,.9), 0 2px 6px rgba(0,0,0,.6);
    transform:translateY(-2px);
}

/* Focus ring (accesibilitate pentru navigare cu tastatura) */
.benefit-card:focus-visible{
    outline:3px solid var(--c-primary, #b67e53);
    outline-offset:3px;
}

/* Responsive */
@media(max-width:1024px){
    .benefits-grid{grid-template-columns:repeat(2, 1fr);gap:24px}
    .benefits-title{font-size:2rem}
}
@media(max-width:768px){
    .benefits-section{padding:60px 0 80px}
    .benefits-inner{padding:0 24px}
    .benefits-header{grid-template-columns:1fr;gap:20px;margin-bottom:36px}
    .benefits-header-cta{justify-self:start}
    .benefits-grid{grid-template-columns:1fr;gap:20px}
    .benefit-card{aspect-ratio:16 / 10}
    .benefits-title{font-size:1.7rem}
}


/* ============================================================
   CBD Info — Iter 05 (Beneficiile potențiale ale CBD-ului)
   Header central + descriere + grid 3 col (4 features stânga | image centru | 4 features dreapta)
   Cu CBD watermark decorativ (dreapta sus) + număr outline pentru fiecare feature
   Bg strips negre sus + jos (60px each), restul crem
   ============================================================ */
.cbd-info-section{
    position:relative;
    background:var(--c-bg, #fdf3f2);
    padding:100px 0 120px;
    overflow:hidden;
    isolation:isolate;
}
/* NOTA: strip-urile negre sus/jos au fost eliminate — flow crem continuu cu Benefits */

/* CBD watermark — UN SINGUR "CBD" în dreapta sus, animație dreapta → stânga cu pauză (Iter 05 v3) */
.cbd-info-watermark{
    position:absolute;
    top:80px;
    left:0;
    right:0;
    overflow:hidden;
    pointer-events:none;
    user-select:none;
    z-index:0;
    white-space:nowrap;
    height:20rem;
}
.cbd-info-watermark-track{
    position:absolute;
    top:0;
    right:-40px;
    display:inline-block;
    font-family:'Playfair Display', 'Gentium Book Basic', serif;
    font-size:20rem;
    font-weight:900;
    line-height:1;
    color:transparent;
    -webkit-text-stroke:2px rgba(46, 42, 38, .07);
    text-stroke:2px rgba(46, 42, 38, .07);
    letter-spacing:-.02em;
    animation:cbdinfo-slide 20s linear infinite;
    will-change:transform;
}
@keyframes cbdinfo-slide{
    0%      { transform:translateX(0); }              /* start dreapta sus */
    60%     { transform:translateX(-140vw); }          /* iese complet prin stânga */
    61%     { transform:translateX(140vw); }           /* teleport instant în afara dreapta */
    100%    { transform:translateX(0); }               /* revine în poziția start */
}
@media (prefers-reduced-motion: reduce){
    .cbd-info-watermark-track{ animation:none; }
}



.cbd-info-inner{
    position:relative;
    z-index:1;
    max-width:1500px;
    margin:0 auto;
    padding:0 40px;
}

/* Header */
.cbd-info-header{
    text-align:center;
    max-width:900px;
    margin:0 auto 60px;
}
.cbd-info-overline{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.78rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.28em;
    color:var(--c-secondary);
    margin:0 0 16px;
}
.cbd-info-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), 'Playfair Display', Georgia, serif;
    font-size:2.4rem;
    font-weight:400;
    line-height:1.2;
    color:var(--c-secondary);
    margin:0 0 20px;
}
@media(min-width:1600px){ .cbd-info-title{font-size:2.8rem} }
.cbd-info-desc{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.95rem;
    line-height:1.7;
    color:#3a3a3a;
    margin:0 auto;
    max-width:960px;
}

/* Grid 3 coloane */
.cbd-info-grid{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:60px;
    align-items:center;
    margin-top:40px;
}
.cbd-info-col-left,
.cbd-info-col-right{
    display:grid;
    gap:36px;
}
.cbd-info-col-left  .cbd-feature{ text-align:right; }
.cbd-info-col-right .cbd-feature{ text-align:left; }

/* Feature card */
.cbd-feature{
    position:relative;
    padding:8px 0;
    max-width:400px;
}
.cbd-info-col-left  .cbd-feature{ margin-left:auto; }
.cbd-info-col-right .cbd-feature{ margin-right:auto; }

/* Pattern ROMB — feature 1 & 4 (colțuri sus/jos) împinse ÎN AFARĂ, 2 & 3 (mijloc) APROAPE de imagine */
.cbd-info-col-left .cbd-feature:nth-child(1),
.cbd-info-col-left .cbd-feature:nth-child(4){
    transform:translateX(-80px);   /* stânga colț sus/jos — mai departe de imagine */
}
.cbd-info-col-left .cbd-feature:nth-child(2),
.cbd-info-col-left .cbd-feature:nth-child(3){
    transform:translateX(0);       /* stânga mijloc — aproape de imagine */
}
.cbd-info-col-right .cbd-feature:nth-child(1),
.cbd-info-col-right .cbd-feature:nth-child(4){
    transform:translateX(80px);    /* dreapta colț sus/jos — mai departe de imagine */
}
.cbd-info-col-right .cbd-feature:nth-child(2),
.cbd-info-col-right .cbd-feature:nth-child(3){
    transform:translateX(0);       /* dreapta mijloc — aproape de imagine */
}



.cbd-feature-num{
    position:absolute;
    top:-24px;
    font-family:'Playfair Display', serif;
    font-size:4.5rem;
    font-weight:900;
    line-height:1;
    color:transparent;
    -webkit-text-stroke:1.5px rgba(46, 42, 38, .16);
    text-stroke:1.5px rgba(46, 42, 38, .16);
    z-index:0;
    pointer-events:none;
    user-select:none;
    letter-spacing:-.02em;
}
.cbd-info-col-left  .cbd-feature-num{ right:-8px; }
.cbd-info-col-right .cbd-feature-num{ left:-8px;  }

.cbd-feature-title{
    position:relative;
    z-index:1;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.95rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--c-secondary);
    margin:0 0 10px;
    line-height:1.3;
}
.cbd-feature-desc{
    position:relative;
    z-index:1;
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.9rem;
    line-height:1.55;
    color:#4a4a4a;
    margin:0;
}

/* Imagine centrală */
.cbd-info-media{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px 10px;
}
.cbd-info-image{
    max-width:380px;
    width:100%;
    height:auto;
    filter:drop-shadow(0 30px 50px rgba(0,0,0,.25));
}
/* Float animation (opțional prin clasa .has-float pe section) */
.cbd-info-section.has-float .cbd-info-image{
    animation:cbdinfo-float 6s cubic-bezier(.45,.02,.55,.98) infinite;
}
@keyframes cbdinfo-float{
    0%,100% { transform:translateY(0) }
    50%     { transform:translateY(-12px) }
}
@media (prefers-reduced-motion: reduce){
    .cbd-info-section.has-float .cbd-info-image{ animation:none }
}

/* Responsive */
@media(max-width:1200px){
    .cbd-info-grid{ gap:36px; }
    .cbd-info-image{ max-width:320px; }
    .cbd-feature-num{ font-size:3.8rem; top:-18px; }
}
@media(max-width:1024px){
    .cbd-info-section{ padding:100px 0 110px; }
    .cbd-info-watermark{ font-size:14rem; top:70px; right:-24px; }
    .cbd-info-grid{
        grid-template-columns:1fr;
        gap:30px;
    }
    .cbd-info-col-left .cbd-feature,
    .cbd-info-col-right .cbd-feature{
        text-align:center;
        margin:0 auto;
        max-width:520px;
    }
    .cbd-info-col-left  .cbd-feature-num,
    .cbd-info-col-right .cbd-feature-num{
        left:50%;
        right:auto;
        transform:translateX(-50%);
        top:-32px;
    }
    .cbd-info-media{ order:-1; margin-bottom:20px; }
    .cbd-info-image{ max-width:280px; }
    .cbd-info-col-left,
    .cbd-info-col-right{ gap:44px; }
    .cbd-feature-title{ margin-top:12px; }
}
@media(max-width:640px){
    .cbd-info-section{ padding:70px 0 80px; }
    .cbd-info-inner{ padding:0 24px; }
    .cbd-info-title{ font-size:1.7rem; }
    .cbd-info-desc{ font-size:.9rem; }
    .cbd-info-watermark{ font-size:9rem; top:55px; right:-16px; }
    .cbd-info-image{ max-width:220px; }
}


/* ============================================================
   Video Testimonials — Iter 06 (Investește în starea ta de bine)
   Header aliniat stânga + grid 3 video-uri cu poster + play button.
   Click → înlocuit cu iframe YouTube lazy (autoplay).
   Bg: pattern frunze subtile pe crem-verzui (același ca Product Feature).
   ============================================================ */
.video-tst-section{
    position:relative;
    padding:100px 0 120px;
    background-color:#EAE9DE;
    background-image:url('../images/homepage/bg-leaves-pattern.png');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:var(--c-secondary);
}
.video-tst-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px;
}
.video-tst-header{
    max-width:1100px;
    margin:0 0 50px;
}
.video-tst-overline{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
    color:var(--c-secondary);
    margin:0 0 12px;
}
.video-tst-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:2.2rem;
    font-weight:400;
    line-height:1.2;
    color:var(--c-secondary);
    margin:0 0 18px;
}
@media(min-width:1600px){ .video-tst-title{font-size:2.6rem} }
.video-tst-desc{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.94rem;
    line-height:1.6;
    color:#3a3a3a;
    margin:0;
    max-width:960px;
}

/* Grid 3 video-uri — layout LIVE 1:1 (3 orizontal, aspect 16:9 like YouTube standard) */
.video-tst-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:20px;
    max-width:1200px;                  /* limit lățime totală ca să nu fie prea late */
}
.video-tst-card{
    position:relative;
    overflow:hidden;
    background:#1a1a1a;
    aspect-ratio:16 / 9;               /* YouTube standard */
    cursor:pointer;
    outline:none;
    box-shadow:0 8px 20px rgba(0,0,0,.12);
    transition:transform .35s ease, box-shadow .35s ease;
    display:block;
}
.video-tst-card:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}
.video-tst-card:focus-visible{
    outline:3px solid var(--c-primary, #b67e53);
    outline-offset:3px;
}
.video-tst-poster{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .8s cubic-bezier(.22,.61,.36,1), filter .4s ease;
}
.video-tst-card:hover .video-tst-poster{
    transform:scale(1.05);
    filter:brightness(.9);
}
/* Play button — cerc alb cu triangle negru centrat (mai mic, elegant) */
.video-tst-play{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    z-index:2;
    pointer-events:none;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.video-tst-play svg{ display:block; width:50px; height:50px; }
.video-tst-card:hover .video-tst-play{
    transform:translate(-50%, -50%) scale(1.15);
}
/* Titlu jos (caption opțional) */
.video-tst-cap{
    position:absolute;
    left:20px; right:20px; bottom:16px;
    z-index:2;
    color:#fff;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.82rem;
    font-weight:600;
    letter-spacing:.05em;
    text-shadow:0 2px 8px rgba(0,0,0,.6);
    pointer-events:none;
}

/* Când e playing — hide overlay-uri, iframe ocupă tot */
.video-tst-card.is-playing{ cursor:default; }
.video-tst-card.is-playing .video-tst-play,
.video-tst-card.is-playing .video-tst-cap,
.video-tst-card.is-playing .video-tst-poster{ display:none; }

/* Responsive — 3 col până sub 800px, apoi 2 col, apoi 1 col */
@media(max-width:800px){
    .video-tst-grid{grid-template-columns:repeat(2, 1fr);gap:16px}
    .video-tst-title{font-size:1.9rem}
}
@media(max-width:520px){
    .video-tst-section{padding:70px 0 90px}
    .video-tst-inner{padding:0 24px}
    .video-tst-grid{grid-template-columns:1fr;gap:14px;max-width:100%}
    .video-tst-title{font-size:1.6rem}
    .video-tst-header{margin-bottom:32px}
}


/* ============================================================
   Products Showcase — Iter 07 (Oferta zilei + Cele mai noi produse)
   Layout: 2 col (deal 27% stânga + recent grid 4 col 73% dreapta)
   Bg: crem cu pattern frunze subtile (același ca video section)
   ============================================================ */
.ps-section{
    padding:80px 0 100px;
    background-color:#EAE9DE;
    background-image:url('../images/homepage/bg-leaves-pattern.png');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    color:var(--c-secondary);
}
.ps-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px;
}
.ps-grid{
    display:grid;
    grid-template-columns:1fr 2.7fr;
    gap:40px;
    align-items:start;
}
.ps-title-h2{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:1.5rem;
    font-weight:400;
    color:var(--c-secondary);
    margin:0 0 24px;
    text-align:center;
}

/* ==== Oferta zilei — card mare ==== */
.ps-deal-card{
    position:relative;
    display:block;
    background:#fff;
    padding:30px 24px 24px;
    border-radius:8px;
    text-decoration:none;
    color:var(--c-secondary);
    box-shadow:0 6px 20px rgba(0,0,0,.08);
    transition:transform .3s ease, box-shadow .3s ease;
    text-align:center;
}
.ps-deal-card:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(0,0,0,.15);
}
.ps-badge-discount{
    position:absolute;
    top:14px; left:14px;
    background:#e63946;
    color:#fff;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-weight:700;
    font-size:.9rem;
    padding:6px 12px;
    border-radius:6px;
    letter-spacing:.02em;
    z-index:2;
}
.ps-deal-media{
    position:relative;
    width:100%;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:14px;
    overflow:hidden;
    text-decoration:none;
}
.ps-deal-media img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    transition:transform .5s ease, opacity .5s ease;
}
.ps-deal-media .ps-img-hover{
    position:absolute;
    top:14px; left:14px; right:14px; bottom:14px;
    max-width:calc(100% - 28px);
    max-height:calc(100% - 28px);
    margin:auto;
    opacity:0;
    pointer-events:none;
}
.ps-deal-card:hover .ps-deal-media .ps-img-primary{ opacity:0 }
.ps-deal-card:hover .ps-deal-media .ps-img-hover{ opacity:1; transform:scale(1.02) }
.ps-deal-title-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
.ps-deal-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.92rem;
    font-weight:400;
    line-height:1.4;
    color:#333;
    margin:14px 0 12px;
    min-height:60px;
}
.ps-price{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:10px;
    margin-bottom:18px;
    flex-wrap:wrap;
}
.ps-price-old{
    text-decoration:line-through;
    color:#999;
    font-size:.9rem;
    font-family:var(--font-heading, Georgia), serif;
    font-style:italic;
}
.ps-price-new{
    color:var(--c-primary, #b67e53);
    font-size:1.15rem;
    font-weight:700;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
}
.ps-cta-btn{
    display:block;
    width:100%;
    background:var(--c-primary, #b67e53);
    color:#fff;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.15em;
    text-transform:uppercase;
    padding:14px 20px;
    border-radius:4px;
    text-align:center;
    transition:background .25s ease;
}
.ps-deal-card:hover .ps-cta-btn{
    background:var(--c-primary-dark, #8c5a35);
}

/* ==== Produse recente — grid 4 col ==== */
.ps-recent-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px;
}
.ps-recent-card{
    display:block;
    background:#fff;
    border-radius:6px;
    padding:14px 12px 16px;
    text-decoration:none;
    color:var(--c-secondary);
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    text-align:center;
    transition:transform .3s ease, box-shadow .3s ease;
}
.ps-recent-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.ps-recent-media{
    position:relative;
    display:block;
    aspect-ratio:1/1;
    padding:10px;
    overflow:hidden;
    text-decoration:none;
}
.ps-recent-media img{
    position:absolute;
    top:10px; left:10px; right:10px; bottom:10px;
    max-width:calc(100% - 20px);
    max-height:calc(100% - 20px);
    margin:auto;
    object-fit:contain;
    transition:opacity .5s ease, transform .5s ease;
}
.ps-recent-media .ps-img-hover{
    opacity:0;
    pointer-events:none;
}
.ps-recent-card:hover .ps-recent-media .ps-img-primary{ opacity:0 }
.ps-recent-card:hover .ps-recent-media .ps-img-hover{ opacity:1; transform:scale(1.06) }
.ps-recent-title-link{
    text-decoration:none;
    color:inherit;
    display:block;
}
.ps-recent-title{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
    line-height:1.35;
    color:var(--c-secondary);
    margin:12px 0 10px;
    min-height:56px;
}
.ps-recent-price{
    display:block;
    color:var(--c-primary, #b67e53);
    font-family:var(--font-heading, Georgia), serif;
    font-size:1rem;
    font-weight:400;
    margin-bottom:8px;
}
.ps-stars{
    display:flex;
    justify-content:center;
    gap:2px;
    margin-bottom:12px;
}

/* ==== Buton "Adaugă în coș" ==== */
.ps-cart-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    width:100%;
    background:transparent;
    color:var(--c-primary, #b67e53);
    border:1.5px solid var(--c-primary, #b67e53);
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:10px 12px;
    border-radius:4px;
    cursor:pointer;
    transition:background .2s ease, color .2s ease, transform .2s ease;
    margin-top:auto;
}
.ps-cart-btn svg{
    transition:transform .3s ease;
}
.ps-cart-btn:hover{
    background:var(--c-primary, #b67e53);
    color:#fff;
    transform:translateY(-1px);
}
.ps-cart-btn:hover svg{
    transform:scale(1.1);
}
.ps-cart-btn.is-adding{
    background:var(--c-primary-dark, #8c5a35);
    color:#fff;
    pointer-events:none;
}
.ps-cart-btn.is-added{
    background:#4caf50;
    color:#fff;
    border-color:#4caf50;
}
.ps-recent-card{
    display:flex;
    flex-direction:column;
}

/* Responsive */
@media(max-width:1200px){
    .ps-recent-grid{grid-template-columns:repeat(3, 1fr);}
}
@media(max-width:900px){
    .ps-grid{grid-template-columns:1fr;gap:40px}
    .ps-title-h2{text-align:left;font-size:1.6rem}
    .ps-deal-card{max-width:400px;margin:0 auto}
    .ps-recent-grid{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:520px){
    .ps-section{padding:60px 0 80px}
    .ps-inner{padding:0 20px}
    .ps-recent-grid{grid-template-columns:1fr;gap:14px}
    .ps-title-h2{text-align:center}
}


/* ============================================================
   Reviews — Iter 08 (Card Carousel Premium — REDESIGN vs LIVE)
   Header central + carousel horizontal cu 3 carduri + peek al 4-lea
   Quote decorativ + stars aurii + avatar-less design elegant
   ============================================================ */
.rev-section{
    padding:100px 0 120px;
    background:var(--c-bg, #fdf3f2);
    color:var(--c-secondary);
    overflow:hidden;
}
.rev-inner{
    max-width:1500px;
    margin:0 auto;
    padding:0 40px;
}
.rev-header{
    text-align:center;
    margin:0 auto 50px;
}
.rev-overline{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--c-primary, #b67e53);
    margin:0 0 14px;
}
.rev-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), 'Playfair Display', Georgia, serif;
    font-size:2.4rem;
    font-weight:400;
    line-height:1.2;
    color:var(--c-secondary);
    margin:0;
}
@media(min-width:1600px){ .rev-title{font-size:2.8rem} }

/* Carousel wrapper */
.rev-carousel{
    position:relative;
    padding:0 20px;
}
.rev-track{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc((100% - 60px) / 3);   /* 3 vizibile + peek subtle */
    gap:24px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-padding:0 20px;
    padding:20px 20px 30px;
    scrollbar-width:none;
    -ms-overflow-style:none;
}
.rev-track::-webkit-scrollbar{ display:none; }

/* Card premium */
.rev-card{
    position:relative;
    scroll-snap-align:start;
    background:#fff;
    border-radius:12px;
    padding:32px 28px 26px;
    box-shadow:
        0 2px 6px rgba(0,0,0,.04),
        0 8px 24px rgba(0,0,0,.06),
        0 20px 48px rgba(0,0,0,.05);
    transition:transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .4s ease, border-left-color .3s ease;
    border-left:3px solid transparent;
    display:flex;
    flex-direction:column;
    min-height:340px;
}
.rev-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 4px 10px rgba(0,0,0,.06),
        0 14px 32px rgba(0,0,0,.09),
        0 30px 60px rgba(0,0,0,.07);
    border-left-color:var(--c-primary, #b67e53);
}

/* Quote decorativ mare */
.rev-quote{
    position:absolute;
    top:14px;
    left:22px;
    font-family:'Playfair Display', Georgia, serif;
    font-size:5rem;
    font-weight:900;
    line-height:1;
    color:var(--c-primary, #b67e53);
    opacity:.14;
    pointer-events:none;
    user-select:none;
}

/* Stars */
.rev-stars{
    display:flex;
    gap:3px;
    margin:0 0 16px;
    position:relative;
    z-index:1;
}

/* Text */
.rev-text{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.94rem;
    line-height:1.7;
    color:#3a3a3a;
    font-style:italic;
    margin:0 0 20px;
    position:relative;
    z-index:1;
    flex:1;
}

/* Divider */
.rev-divider{
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(182,126,83,.25), transparent);
    margin:0 0 16px;
}

/* Author */
.rev-author{ position:relative; z-index:1; }
.rev-name{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.95rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--c-secondary);
    margin:0 0 6px;
}
.rev-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}
.rev-role{
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.72rem;
    color:#666;
    font-weight:500;
}
.rev-date{
    font-family:var(--font-heading, Georgia), serif;
    font-size:.78rem;
    color:#999;
    font-style:italic;
}

/* Arrows */
.rev-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:44px; height:44px;
    background:#fff;
    border:1.5px solid rgba(0,0,0,.08);
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--c-secondary);
    cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.1);
    transition:background .25s, color .25s, transform .25s, box-shadow .25s;
    padding:0;
}
.rev-arrow:hover{
    background:var(--c-primary, #b67e53);
    color:#fff;
    border-color:var(--c-primary, #b67e53);
    transform:translateY(-50%) scale(1.08);
    box-shadow:0 8px 22px rgba(182,126,83,.35);
}
.rev-arrow-prev{ left:-6px; }
.rev-arrow-next{ right:-6px; }

/* Dots */
.rev-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:32px;
}
.rev-dot{
    width:10px; height:10px;
    background:rgba(0,0,0,.15);
    border:none;
    border-radius:50%;
    padding:0;
    cursor:pointer;
    transition:background .25s ease, transform .25s ease, width .25s ease;
}
.rev-dot:hover{ background:rgba(0,0,0,.35); }
.rev-dot.is-active{
    background:var(--c-primary, #b67e53);
    width:28px;
    border-radius:5px;
}

/* Responsive */
@media(max-width:1024px){
    .rev-track{ grid-auto-columns:calc((100% - 40px) / 2); }   /* 2 vizibile */
    .rev-title{font-size:2rem}
    .rev-arrow{ width:38px; height:38px; }
}
@media(max-width:640px){
    .rev-section{ padding:70px 0 90px; }
    .rev-inner{ padding:0 20px; }
    .rev-track{ grid-auto-columns:88%; gap:16px; padding:16px 8px 24px; }
    .rev-arrow-prev{ left:-14px; }
    .rev-arrow-next{ right:-14px; }
    .rev-title{ font-size:1.7rem; }
    .rev-card{ padding:26px 22px 22px; min-height:auto; }
    .rev-quote{ font-size:4rem; }
}


/* ============================================================
   Blog Latest — Iter 09 (Ultimele articole postate)
   Header 2 col (titlu stânga / CTA dreapta cu săgeată)
   Grid 3 carduri cu thumbnail + categorie + data + titlu + excerpt + more link
   ============================================================ */
.blog-latest-section{
    padding:100px 0 120px;
    background:var(--c-bg, #fdf3f2);
    color:var(--c-secondary);
}
.blog-latest-inner{ max-width:1400px; margin:0 auto; padding:0 40px; }

.blog-latest-header{
    display:grid;
    grid-template-columns:1fr auto;
    gap:32px;
    align-items:end;
    margin-bottom:50px;
}
.blog-latest-overline{
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.28em;
    text-transform:uppercase;
    color:var(--c-primary, #b67e53);
    margin:0 0 12px;
}
.blog-latest-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:2.4rem;
    font-weight:400;
    line-height:1.15;
    color:var(--c-secondary);
    margin:0;
}
@media(min-width:1600px){ .blog-latest-title{font-size:2.8rem} }
.blog-latest-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:var(--c-secondary);
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
    padding-bottom:6px;
    border-bottom:2px solid var(--c-secondary);
    transition:color .2s, border-color .2s, transform .2s, gap .2s;
    white-space:nowrap;
}
.blog-latest-cta svg{ transition:transform .3s ease; }
.blog-latest-cta:hover{
    color:var(--c-primary, #b67e53);
    border-color:var(--c-primary, #b67e53);
    gap:14px;
}
.blog-latest-cta:hover svg{ transform:translateX(3px); }

/* Grid 3 carduri */
.blog-latest-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:30px;
}

/* Card */
.blog-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    box-shadow:0 4px 14px rgba(0,0,0,.06);
    transition:transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease;
    display:flex;
    flex-direction:column;
}
.blog-card:hover{
    transform:translateY(-5px);
    box-shadow:0 16px 40px rgba(0,0,0,.12);
}

.blog-card-media{
    position:relative;
    display:block;
    aspect-ratio:16 / 10;
    overflow:hidden;
    background:#e8e0d8;
}
.blog-card-media img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.blog-card:hover .blog-card-media img{ transform:scale(1.06); }
.blog-card-cat{
    position:absolute;
    top:16px; left:16px;
    background:rgba(182,126,83,.92);
    color:#fff;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.7rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    padding:6px 12px;
    border-radius:3px;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

.blog-card-body{
    padding:22px 24px 24px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.blog-card-date{
    font-family:var(--font-heading, Georgia), serif;
    font-size:.8rem;
    color:#999;
    font-style:italic;
    margin-bottom:10px;
}
.blog-card-title{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:1.25rem;
    font-weight:400;
    line-height:1.35;
    margin:0 0 12px;
}
.blog-card-title a{
    color:var(--c-secondary);
    text-decoration:none;
    transition:color .2s;
}
.blog-card-title a:hover{ color:var(--c-primary, #b67e53); }
.blog-card-excerpt{
    font-family:var(--font-heading, 'Gentium Book Basic'), Georgia, serif;
    font-size:.92rem;
    line-height:1.6;
    color:#555;
    margin:0 0 18px;
    flex:1;
}
.blog-card-more{
    display:inline-flex;
    align-items:center;
    gap:6px;
    text-decoration:none;
    color:var(--c-primary, #b67e53);
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
    margin-top:auto;
    transition:gap .25s ease, color .25s;
}
.blog-card-more svg{ transition:transform .3s ease; }
.blog-card-more:hover{
    color:var(--c-primary-dark, #8c5a35);
    gap:10px;
}
.blog-card-more:hover svg{ transform:translateX(3px); }

/* Responsive */
@media(max-width:1024px){
    .blog-latest-grid{ grid-template-columns:repeat(2, 1fr); gap:24px; }
    .blog-latest-title{ font-size:2rem; }
}
@media(max-width:640px){
    .blog-latest-section{ padding:70px 0 90px; }
    .blog-latest-inner{ padding:0 20px; }
    .blog-latest-header{ grid-template-columns:1fr; gap:16px; margin-bottom:32px; }
    .blog-latest-grid{ grid-template-columns:1fr; gap:20px; }
    .blog-latest-title{ font-size:1.7rem; }
    .blog-card-body{ padding:20px; }
}


/* ============================================================
   Footer complet — Iter 10
   3 zone: Trust Bar + Main Footer + Bottom Bar
   Bg beige uniform, iconițe SVG inline
   ============================================================ */
.footer-cbd{
    background:#e6dcc5;
    color:#2a2a2a;
    font-family:var(--font-display, 'Montserrat'), sans-serif;
    font-size:14px;
    line-height:1.55;
}
.footer-cbd .footer-inner{
    max-width:1400px;
    margin:0 auto;
    padding:0 40px;
}

/* Trust bar */
.footer-trust{ padding:56px 0 40px; }
.footer-trust-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:32px;
}
.footer-trust-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
}
.footer-trust-icon{
    flex:0 0 auto;
    color:#2a2a2a;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px; height:52px;
}
.footer-trust-title{
    font-size:.9rem;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    margin:0 0 6px;
    color:#2a2a2a;
}
.footer-trust-desc{
    font-size:.85rem;
    color:#4a4a4a;
    margin:0;
    line-height:1.5;
}

/* Main footer */
.footer-main{ padding:20px 0 50px; }
.footer-main-grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1.2fr 1.1fr;
    gap:40px;
    align-items:start;
}
.footer-brand{ }
.footer-logo{
    display:inline-block;
    margin-bottom:20px;
}
.footer-logo img{
    max-height:60px; width:auto;
    display:block;
}
.footer-desc{
    font-size:.9rem;
    line-height:1.65;
    color:#4a4a4a;
    margin:0;
    max-width:340px;
}
.footer-col-title{
    font-family:var(--font-heading, Georgia), serif;
    font-size:1.1rem;
    font-weight:600;
    margin:0 0 22px;
    color:#2a2a2a;
}
.footer-links{
    list-style:none;
    padding:0;margin:0;
}
.footer-links li{ margin-bottom:11px; }
.footer-links a{
    color:#4a4a4a;
    text-decoration:none;
    font-size:.9rem;
    transition:color .2s, padding-left .2s;
}
.footer-links a:hover{
    color:var(--c-primary, #b67e53);
    padding-left:4px;
}

/* Contact */
.footer-contact-list{
    list-style:none;
    padding:0;margin:0;
}
.footer-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    font-size:.88rem;
    line-height:1.5;
    color:#4a4a4a;
}
.footer-contact-list a{
    color:#4a4a4a;
    text-decoration:none;
    transition:color .2s;
}
.footer-contact-list a:hover{ color:var(--c-primary, #b67e53); }
.footer-contact-icon{
    flex:0 0 auto;
    color:#2a2a2a;
    padding-top:2px;
}
.footer-contact-icon svg{ width:18px; height:18px; }

/* Bottom bar */
.footer-bottom{
    border-top:1px solid rgba(0,0,0,.08);
    padding:22px 0 24px;
}
.footer-bottom-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
}
.footer-bottom-nav{
    display:flex;
    flex-wrap:wrap;
    gap:22px;
}
.footer-bottom-nav a{
    color:#4a4a4a;
    text-decoration:none;
    font-size:.85rem;
    font-weight:500;
    transition:color .2s;
}
.footer-bottom-nav a:hover{ color:var(--c-primary, #b67e53); }

.footer-social{
    display:flex;
    gap:10px;
}
.footer-social a{
    width:34px; height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#2a2a2a;
    color:#fff;
    border-radius:50%;
    transition:background .25s, transform .25s;
}
.footer-social a:hover{
    background:var(--c-primary, #b67e53);
    transform:translateY(-2px);
}

.footer-badges{
    display:flex;
    gap:12px;
    align-items:center;
    flex-wrap:wrap;
}
.footer-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:6px 12px;
    background:#fff;
    border:1px solid rgba(0,0,0,.1);
    border-radius:4px;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.06em;
    color:#2a2a2a;
    min-height:34px;
    min-width:70px;
}
.footer-badge-netopia{ color:#0088cc; font-weight:800; }
.footer-badge-netopia small{ display:block; font-size:.6rem; margin-top:-4px; font-weight:600; }
.footer-badge-visa{ color:#1a1f71; font-weight:900; font-style:italic; }
.footer-badge-mc{
    position:relative;
    width:44px; height:28px;
    padding:0;
    background:none;
    border:none;
}
.footer-badge-mc::before,
.footer-badge-mc::after{
    content:'';
    position:absolute;
    top:50%;
    width:22px; height:22px;
    border-radius:50%;
    transform:translateY(-50%);
}
.footer-badge-mc::before{ left:0; background:#eb001b; }
.footer-badge-mc::after{ right:0; background:#f79e1b; mix-blend-mode:multiply; }

.footer-disclaimer{
    background:rgba(134, 184, 94, .18);
    border-left:3px solid #86b85e;
    padding:14px 18px;
    margin:20px 0 16px;
    border-radius:0 4px 4px 0;
}
.footer-disclaimer p{
    margin:0;
    font-size:.78rem;
    line-height:1.55;
    color:#3a3a3a;
}

.footer-copyright-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    padding-top:6px;
}
.footer-copyright{
    margin:0;
    font-size:.82rem;
    color:#4a4a4a;
}
.footer-legal-links{
    list-style:none;
    padding:0;margin:0;
    display:flex;
    gap:22px;
    flex-wrap:wrap;
}
.footer-legal-links a{
    color:#4a4a4a;
    text-decoration:none;
    font-size:.82rem;
    transition:color .2s;
}
.footer-legal-links a:hover{ color:var(--c-primary, #b67e53); }

/* Responsive */
@media(max-width:1200px){
    .footer-main-grid{ grid-template-columns:1.6fr 1fr 1fr 1.2fr; }
    .footer-col:last-child{ grid-column:2 / -1; }
}
@media(max-width:1024px){
    .footer-trust-grid{ grid-template-columns:repeat(2, 1fr); gap:28px; }
    .footer-main-grid{ grid-template-columns:1fr 1fr; gap:32px; }
    .footer-brand{ grid-column:1/-1; }
}
@media(max-width:640px){
    .footer-cbd .footer-inner{ padding:0 20px; }
    .footer-trust{ padding:40px 0 20px; }
    .footer-trust-grid{ grid-template-columns:1fr; gap:22px; }
    .footer-main{ padding:10px 0 30px; }
    .footer-main-grid{ grid-template-columns:1fr; gap:28px; }
    .footer-bottom-row{ justify-content:center; text-align:center; gap:16px; }
    .footer-bottom-nav{ justify-content:center; }
    .footer-copyright-row{ justify-content:center; text-align:center; }
    .footer-legal-links{ justify-content:center; }
}