/* ============================================================
   NeoAqua — Magazin (interface française)
   Design premium pour pièces sanitaires / plomberie
============================================================ */

/* ==================== VARIABLES ==================== */
:root {
    --teal-50:#f0fdfa; --teal-100:#ccfbf1; --teal-200:#99f6e4; --teal-300:#5eead4;
    --teal-400:#2dd4bf; --teal-500:#14b8a6; --teal-600:#0d9488; --teal-700:#0f766e;
    --teal-800:#115e59; --teal-900:#134e4a; --teal-950:#042f2e;
    --cyan-400:#22d3ee; --cyan-500:#06b6d4; --cyan-600:#0891b2; --cyan-700:#0e7490;
    --emerald-500:#10b981; --emerald-600:#059669;
    --wa:#25d366; --wa-dark:#128c7e; --wa-darker:#075e54;
    --ink-50:#f8fafc; --ink-100:#f1f5f9; --ink-200:#e2e8f0; --ink-300:#cbd5e1;
    --ink-400:#94a3b8; --ink-500:#64748b; --ink-600:#475569; --ink-700:#334155;
    --ink-800:#1e293b; --ink-900:#0f172a; --ink-950:#020617;
    --red-500:#ef4444; --red-600:#dc2626;
    --orange-500:#f97316; --amber-400:#fbbf24; --yellow-400:#facc15;
    
    --grad-primary:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%);
    --grad-soft:linear-gradient(135deg, #14b8a6 0%, #22d3ee 100%);
    --grad-hero:linear-gradient(135deg, #0f766e 0%, #0891b2 45%, #134e4a 100%);
    --grad-wa:linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    --grad-warm:linear-gradient(135deg, #f97316 0%, #facc15 100%);
    
    --shadow-xs:0 1px 2px rgba(15,23,42,0.05);
    --shadow-sm:0 2px 8px rgba(15,23,42,0.06);
    --shadow:0 6px 18px rgba(15,23,42,0.08);
    --shadow-md:0 10px 28px rgba(15,23,42,0.1);
    --shadow-lg:0 18px 44px rgba(15,23,42,0.14);
    --shadow-xl:0 30px 60px rgba(15,23,42,0.18);
    --shadow-teal:0 14px 36px rgba(13,148,136,0.28);
    --shadow-wa:0 14px 36px rgba(37,211,102,0.38);
    
    --r-xs:6px; --r-sm:10px; --r:14px; --r-lg:20px; --r-xl:28px; --r-full:9999px;
    --t-fast:150ms cubic-bezier(0.4,0,0.2,1);
    --t:250ms cubic-bezier(0.4,0,0.2,1);
    --t-slow:400ms cubic-bezier(0.4,0,0.2,1);
    --t-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);
    
    --container:1340px;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body {
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    color:var(--ink-800); background:#fff; line-height:1.6;
    -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}
h1,h2,h3,h4,h5 {
    font-family:'Outfit',system-ui,sans-serif;
    color:var(--ink-900); line-height:1.2;
    letter-spacing:-0.02em; font-weight:700;
}
a { color:inherit; text-decoration:none; transition:color var(--t); }
img,svg { max-width:100%; display:block; }
button { font-family:inherit; cursor:pointer; border:0; background:none; }
input,textarea,select { font-family:inherit; font-size:inherit; color:inherit; }
svg { flex-shrink:0; }

.container { width:100%; max-width:var(--container); margin:0 auto; padding:0 24px; }

.icon-xs{width:14px;height:14px} .icon-sm{width:16px;height:16px}
.icon-md{width:20px;height:20px} .icon-lg{width:24px;height:24px}
.icon-xl{width:32px;height:32px} .icon-2xl{width:40px;height:40px}
.icon-3xl{width:56px;height:56px}

/* ==================== BOUTONS ==================== */
.btn {
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 22px; font-family:'Outfit',sans-serif; font-size:15px;
    font-weight:600; border-radius:var(--r); transition:all var(--t);
    white-space:nowrap; cursor:pointer; border:1px solid transparent;
    position:relative; overflow:hidden;
}
.btn svg { width:18px; height:18px; }
.btn--sm { padding:9px 16px; font-size:13.5px; gap:6px; }
.btn--sm svg { width:15px; height:15px; }
.btn--large { padding:16px 32px; font-size:16px; }
.btn--large svg { width:20px; height:20px; }
.btn--block { width:100%; }

.btn--primary { background:var(--grad-primary); color:white; box-shadow:var(--shadow-teal); }
.btn--primary:hover { transform:translateY(-2px); box-shadow:0 18px 38px rgba(13,148,136,0.4); }
.btn--primary:active { transform:translateY(0); }

.btn--whatsapp { 
    background:white; 
    color:var(--wa-dark); 
    box-shadow:0 14px 36px rgba(0,0,0,0.18); 
    border:2px solid white;
    font-weight:700;
}
.btn--whatsapp svg { color:var(--wa); }
.btn--whatsapp:hover { 
    background:#f0fdf4; 
    transform:translateY(-2px); 
    box-shadow:0 18px 42px rgba(0,0,0,0.25); 
}

/* În contexte deja albe (footer, secțiuni albe) - revine la verde */
.section .btn--whatsapp,
.section--alt .btn--whatsapp,
.product-detail .btn--whatsapp,
.empty-catalog .btn--whatsapp,
.testimonials-section .btn--whatsapp,
.why-section .btn--whatsapp,
.process-section .btn--whatsapp {
    background:var(--grad-wa);
    color:white;
    border-color:transparent;
}
.section .btn--whatsapp svg,
.section--alt .btn--whatsapp svg,
.product-detail .btn--whatsapp svg,
.empty-catalog .btn--whatsapp svg,
.testimonials-section .btn--whatsapp svg,
.why-section .btn--whatsapp svg,
.process-section .btn--whatsapp svg {
    color:white;
}

.btn--secondary {
    background:white; color:var(--teal-700);
    border:1.5px solid var(--teal-200);
}
.btn--secondary:hover {
    background:var(--teal-50); border-color:var(--teal-400);
    color:var(--teal-800);
}

.btn--ghost {
    background:rgba(255,255,255,0.12); color:white;
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.22);
}
.btn--ghost:hover { background:rgba(255,255,255,0.22); transform:translateY(-2px); }

.btn--outline {
    background:transparent; color:var(--ink-700);
    border:1.5px solid var(--ink-200);
}
.btn--outline:hover { border-color:var(--teal-400); color:var(--teal-700); background:var(--teal-50); }

/* ==================== PROMO BAR ==================== */
.promo-bar {
    background:linear-gradient(90deg, var(--teal-800), var(--cyan-700));
    color:white; font-size:13px; overflow:hidden;
}
.promo-bar__inner {
    display:flex; align-items:center; justify-content:center; gap:24px;
    padding:9px 24px; flex-wrap:wrap;
}
.promo-bar__item {
    display:inline-flex; align-items:center; gap:6px; opacity:0.95;
}
.promo-bar__item svg { width:14px; height:14px; }

/* ==================== HEADER ==================== */
.header {
    background:rgba(255,255,255,0.96);
    backdrop-filter:saturate(180%) blur(16px);
    -webkit-backdrop-filter:saturate(180%) blur(16px);
    border-bottom:1px solid var(--ink-100);
    position:sticky; top:0; z-index:50;
    transition:box-shadow var(--t), background var(--t);
}
.header.is-scrolled { box-shadow:var(--shadow-md); }

.header__inner {
    display:grid;
    grid-template-columns:auto 1fr auto auto;
    gap:20px; align-items:center; padding:14px 0;
}

.header__logo {
    display:flex; align-items:center; gap:12px;
    font-family:'Outfit',sans-serif; font-weight:800; font-size:22px;
    color:var(--ink-900); flex-shrink:0;
}
.header__logo-icon {
    width:46px; height:46px;
    background:var(--grad-primary);
    color:white; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:var(--shadow-teal);
}
.header__logo-icon svg { width:26px; height:26px; }
.header__logo-img { height:46px; max-width:200px; object-fit:contain; }

/* Search */
.header__search {
    position:relative; max-width:520px;
}
.header__search-input {
    width:100%; padding:12px 18px 12px 46px;
    border:1.5px solid var(--ink-200); border-radius:var(--r-full);
    background:var(--ink-50); font-size:14.5px;
    transition:all var(--t);
}
.header__search-input:focus {
    outline:none; border-color:var(--teal-400); background:white;
    box-shadow:0 0 0 4px rgba(20,184,166,0.1);
}
.header__search-icon {
    position:absolute; left:16px; top:50%;
    transform:translateY(-50%);
    color:var(--ink-400); pointer-events:none;
}
.header__search-icon svg { width:18px; height:18px; }

.search-results {
    position:absolute; top:calc(100% + 8px);
    left:0; right:0; background:white;
    border-radius:var(--r); box-shadow:var(--shadow-xl);
    border:1px solid var(--ink-100);
    max-height:420px; overflow-y:auto; z-index:60; display:none;
}
.search-results.is-open { display:block; }
.search-result-item {
    display:grid; grid-template-columns:56px 1fr auto;
    gap:14px; align-items:center; padding:12px 16px;
    border-bottom:1px solid var(--ink-100);
    transition:background var(--t);
}
.search-result-item:last-child { border-bottom:0; }
.search-result-item:hover { background:var(--teal-50); }
.search-result-item__img {
    width:56px; height:56px; background:var(--ink-100);
    border-radius:var(--r-sm); overflow:hidden;
    display:flex; align-items:center; justify-content:center;
    color:var(--teal-500);
}
.search-result-item__img img { width:100%; height:100%; object-fit:cover; }
.search-result-item__img svg { width:26px; height:26px; }
.search-result-item__name { font-weight:600; color:var(--ink-900); font-size:14px; }
.search-result-item__cat { font-size:12px; color:var(--ink-500); }
.search-result-item__price { font-weight:700; color:var(--teal-700); font-size:15px; }

/* ⭐ Header Contact Block - phone + WhatsApp combined elegant */
.header__contact {
    display:flex; align-items:stretch; gap:0;
    background:white;
    border:2px solid var(--ink-100);
    border-radius:16px;
    overflow:hidden;
    transition:all var(--t);
    box-shadow:
        0 2px 8px rgba(15,23,42,0.04),
        0 6px 20px rgba(13,148,136,0.06);
    position:relative;
}
.header__contact::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg, var(--teal-500), var(--cyan-500));
    opacity:0;
    transition:opacity .3s;
}
.header__contact:hover::before { opacity:1; }
.header__contact:hover {
    border-color:var(--teal-200);
    box-shadow:
        0 8px 24px rgba(13,148,136,0.18),
        0 0 0 4px rgba(13,148,136,0.04);
    transform:translateY(-2px);
}
.header__contact-phone {
    display:flex; align-items:center; gap:12px;
    padding:11px 20px 11px 14px;
    color:var(--ink-800);
    transition:all var(--t);
    border-right:1.5px solid var(--ink-100);
    position:relative;
    background:linear-gradient(180deg, white, #fafbfc);
}
.header__contact-phone:hover { 
    background:linear-gradient(180deg, var(--teal-50), white);
}
.header__contact-phone::after {
    content:''; position:absolute;
    top:10px; right:12px;
    width:8px; height:8px;
    background:#22c55e;
    border-radius:50%;
    box-shadow:
        0 0 0 3px rgba(34,197,94,0.2),
        0 0 12px rgba(34,197,94,0.4);
    animation:pulseDot 2s infinite;
}
@keyframes pulseDot {
    0%, 100% { box-shadow:0 0 0 3px rgba(34,197,94,0.2), 0 0 12px rgba(34,197,94,0.4); }
    50% { box-shadow:0 0 0 7px rgba(34,197,94,0.05), 0 0 18px rgba(34,197,94,0.6); }
}
.header__contact-phone-icon {
    width:42px; height:42px;
    background:linear-gradient(135deg, var(--teal-500), var(--cyan-600));
    color:white;
    border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:
        0 6px 14px rgba(13,148,136,0.35),
        inset 0 1px 1px rgba(255,255,255,0.3);
    position:relative;
    flex-shrink:0;
}
.header__contact-phone-icon::after {
    content:''; position:absolute;
    inset:-3px;
    border-radius:14px;
    border:1.5px solid var(--teal-200);
    opacity:0;
    transition:opacity .3s;
}
.header__contact-phone:hover .header__contact-phone-icon::after { opacity:1; }
.header__contact-phone-icon svg { width:20px; height:20px; }
.header__contact-phone-text { line-height:1.15; display:flex; flex-direction:column; gap:3px; }
.header__contact-phone-text small {
    font-size:10px; color:var(--ink-500); font-weight:800;
    text-transform:uppercase; letter-spacing:1px;
    display:flex; align-items:center; gap:4px;
}
.header__contact-phone-text small::before {
    content:''; width:3px; height:3px;
    background:#22c55e; border-radius:50%;
    box-shadow:0 0 4px rgba(34,197,94,0.6);
    flex-shrink:0;
}
.header__contact-phone-text strong { 
    font-size:15px; color:var(--ink-900); 
    font-weight:800; letter-spacing:-0.01em;
    font-family:'Outfit', sans-serif;
}

.header__contact-wa {
    display:flex; align-items:center; gap:11px;
    padding:11px 22px 11px 16px;
    background:linear-gradient(135deg, #25d366 0%, #1ebe5d 100%);
    color:white;
    font-weight:600; font-size:14px;
    transition:all var(--t);
    position:relative;
    overflow:hidden;
}
.header__contact-wa::before {
    content:''; position:absolute;
    inset:0;
    background:linear-gradient(135deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);
    transform:translateX(-100%);
    transition:transform 600ms ease;
}
.header__contact-wa:hover::before { transform:translateX(100%); }
.header__contact-wa::after {
    content:''; position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(255,255,255,0.15), transparent 60%);
    pointer-events:none;
}
.header__contact-wa-icon {
    width:36px; height:36px;
    background:rgba(255,255,255,0.22);
    border-radius:11px;
    display:flex; align-items:center; justify-content:center;
    backdrop-filter:blur(8px);
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.3),
        0 4px 10px rgba(0,0,0,0.1);
    flex-shrink:0;
    position:relative; z-index:2;
}
.header__contact-wa-icon svg { width:20px; height:20px; }
.header__contact-wa-text { line-height:1.15; display:flex; flex-direction:column; gap:3px; position:relative; z-index:2; }
.header__contact-wa-text small {
    font-size:10px; opacity:0.95; font-weight:700;
    text-transform:uppercase; letter-spacing:1px;
    display:flex; align-items:center; gap:4px;
}
.header__contact-wa-text small::before {
    content:''; width:3px; height:3px;
    background:white; border-radius:50%;
    flex-shrink:0;
    animation:pulseWhite 1.6s infinite;
}
@keyframes pulseWhite {
    0%, 100% { opacity:1; }
    50% { opacity:0.3; }
}
.header__contact-wa-text strong {
    font-size:15px; font-weight:800;
    letter-spacing:-0.01em;
    font-family:'Outfit', sans-serif;
}

.header__burger {
    display:none; width:46px; height:46px;
    align-items:center; justify-content:center;
    border-radius:14px;
    color:var(--ink-800); 
    background:white;
    border:1.5px solid var(--ink-100);
    transition:all var(--t);
}
.header__burger:hover {
    border-color:var(--teal-300);
    background:var(--teal-50);
    color:var(--teal-700);
}
.header__burger svg { width:22px; height:22px; }

/* Categories nav (sub-header) - SCROLL HORIZONTAL CU ARROWS */
.cats-nav {
    background:white;
    border-bottom:1px solid var(--ink-100);
    position:relative;
    display:flex; align-items:center;
}
.cats-nav__container {
    flex:1;
    min-width:0;
    overflow:hidden;
    position:relative;
}
.cats-nav__scroll {
    overflow-x:auto;
    scrollbar-width:none;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
}
.cats-nav__scroll::-webkit-scrollbar { display:none; }
.cats-nav__inner {
    display:inline-flex; gap:6px; padding:0; align-items:center;
    white-space:nowrap;
    min-width:100%;
}
.cats-nav__separator {
    display:inline-block;
    width:1.5px; height:24px;
    background:linear-gradient(180deg, transparent, var(--ink-200) 30%, var(--ink-200) 70%, transparent);
    margin:0 18px;
    flex-shrink:0;
}
.cats-nav__link {
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 18px; color:var(--ink-600);
    font-weight:500; font-size:14px; white-space:nowrap;
    border-bottom:2px solid transparent;
    transition:all var(--t);
    flex-shrink:0;
}
.cats-nav__link--home {
    color:var(--teal-700);
    font-weight:700;
}
.cats-nav__link:hover { color:var(--teal-700); border-bottom-color:var(--teal-300); }
.cats-nav__link.is-active { color:var(--teal-700); border-bottom-color:var(--teal-500); font-weight:600; }
.cats-nav__link svg { width:16px; height:16px; }

/* Săgeți scroll */
.cats-nav__arrow {
    width:38px; height:38px;
    flex-shrink:0;
    background:white;
    border:1.5px solid var(--ink-100);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--ink-600);
    cursor:pointer;
    box-shadow:0 2px 8px rgba(15,23,42,0.08);
    transition:all .2s;
    margin:0 10px;
    opacity:0;
    visibility:hidden;
    z-index:2;
}
.cats-nav__arrow.is-visible {
    opacity:1;
    visibility:visible;
}
.cats-nav__arrow:hover {
    background:var(--teal-50);
    border-color:var(--teal-300);
    color:var(--teal-700);
    transform:scale(1.08);
    box-shadow:0 6px 16px rgba(13,148,136,0.2);
}
.cats-nav__arrow:active {
    transform:scale(0.95);
}
.cats-nav__arrow svg { width:18px; height:18px; }
.cats-nav__arrow--prev { margin-left:14px; }
.cats-nav__arrow--next { margin-right:14px; }

/* Fade edges la scroll - shadow indicator */
.cats-nav__container::before,
.cats-nav__container::after {
    content:''; position:absolute;
    top:0; bottom:0; width:30px;
    pointer-events:none;
    z-index:1;
    opacity:0;
    transition:opacity .25s;
}
.cats-nav__container::before {
    left:0;
    background:linear-gradient(90deg, white, transparent);
}
.cats-nav__container::after {
    right:0;
    background:linear-gradient(-90deg, white, transparent);
}
.cats-nav__container.has-scroll-left::before { opacity:1; }
.cats-nav__container.has-scroll-right::after { opacity:1; }

@media (max-width: 768px) {
    .cats-nav__arrow { display:none; }
}

/* ==================== MOBILE MENU - mai populat și frumos ==================== */
.mobile-menu {
    position:fixed; inset:0; z-index:100;
    background:rgba(15,23,42,0.7);
    backdrop-filter:blur(8px);
    opacity:0; visibility:hidden;
    transition:opacity var(--t), visibility var(--t);
}
.mobile-menu.is-open { opacity:1; visibility:visible; }
.mobile-menu__panel {
    position:absolute; right:0; top:0; bottom:0;
    width:min(400px, 92vw);
    background:linear-gradient(180deg, white 0%, var(--teal-50) 100%);
    transform:translateX(100%);
    transition:transform var(--t-slow);
    display:flex; flex-direction:column;
    box-shadow:-20px 0 60px rgba(0,0,0,0.25);
}
.mobile-menu.is-open .mobile-menu__panel { transform:translateX(0); }

/* Header cu gradient și avatar */
.mobile-menu__header {
    padding:24px 20px 20px;
    background:var(--grad-hero);
    color:white;
    position:relative;
    overflow:hidden;
}
.mobile-menu__header::before {
    content:''; position:absolute;
    width:200px; height:200px;
    background:radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);
    top:-100px; right:-50px;
    border-radius:50%;
}
.mobile-menu__header-top {
    display:flex; justify-content:space-between; align-items:center;
    margin-bottom:18px;
    position:relative; z-index:2;
}
.mobile-menu__header-top strong {
    font-family:'Outfit',sans-serif;
    font-size:22px;
    font-weight:800;
    color:white;
    display:flex; align-items:center; gap:10px;
}
.mobile-menu__header-top strong svg {
    width:28px; height:28px;
    background:rgba(255,255,255,0.2);
    padding:5px;
    border-radius:8px;
}
.mobile-menu__header-tag {
    position:relative; z-index:2;
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 12px;
    background:rgba(255,255,255,0.18);
    backdrop-filter:blur(4px);
    border-radius:999px;
    font-size:11px; font-weight:600;
    letter-spacing:0.5px; text-transform:uppercase;
    border:1px solid rgba(255,255,255,0.25);
}
.mobile-menu__header-tag svg { width:12px; height:12px; }

.mobile-menu__close {
    width:42px; height:42px;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px;
    background:rgba(255,255,255,0.15);
    color:white;
    backdrop-filter:blur(4px);
    border:1px solid rgba(255,255,255,0.2);
    transition:all var(--t);
}
.mobile-menu__close:hover { 
    background:rgba(255,255,255,0.25);
    transform:rotate(90deg);
}
.mobile-menu__close svg { width:20px; height:20px; }

/* Body cu items beauty */
.mobile-menu__body { 
    flex:1; overflow-y:auto; 
    padding:20px 16px;
}
.mobile-menu__link {
    display:flex; align-items:center; gap:12px;
    padding:11px 12px;
    border-radius:12px;
    color:var(--ink-800); font-weight:600;
    margin-bottom:3px;
    transition:all var(--t);
    border:1.5px solid transparent;
    position:relative;
}
.mobile-menu__link:hover, .mobile-menu__link:active { 
    background:white;
    border-color:var(--teal-200);
    transform:translateX(3px);
    box-shadow:var(--shadow-sm);
}
.mobile-menu__link-icon {
    width:36px; height:36px;
    background:linear-gradient(135deg, var(--teal-50), var(--teal-100));
    color:var(--teal-700);
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    border:1px solid var(--teal-200);
    transition:all var(--t);
}
.mobile-menu__link:hover .mobile-menu__link-icon {
    background:var(--grad-primary);
    color:white;
    border-color:transparent;
    transform:scale(1.06);
    box-shadow:var(--shadow-teal);
}
.mobile-menu__link-icon svg { width:17px; height:17px; }
.mobile-menu__link-text {
    flex:1; line-height:1.25;
}
.mobile-menu__link-text strong {
    display:block;
    font-size:14.5px;
    color:var(--ink-900);
    font-weight:700;
}
.mobile-menu__link-text small {
    font-size:11.5px;
    color:var(--ink-500);
    font-weight:500;
    margin-top:1px;
    display:block;
}
.mobile-menu__link-arrow {
    color:var(--ink-300);
    transition:all var(--t);
}
.mobile-menu__link:hover .mobile-menu__link-arrow {
    color:var(--teal-600);
    transform:translateX(3px);
}
.mobile-menu__link-arrow svg { width:16px; height:16px; }

.mobile-menu__section-title {
    font-size:10.5px; font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:var(--ink-500);
    margin:14px 12px 8px;
    display:flex; align-items:center; gap:6px;
}
.mobile-menu__section-title svg { width:11px; height:11px; }
.mobile-menu__section-title::after {
    content:''; flex:1;
    height:1px;
    background:linear-gradient(90deg, var(--ink-200), transparent);
}

/* Footer cu CTA și quick contacts */
.mobile-menu__footer {
    padding:18px 16px 22px;
    border-top:1px solid var(--ink-100);
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(4px);
    display:flex; flex-direction:column; gap:10px;
}
.mobile-menu__cta {
    display:flex; align-items:center; justify-content:center;
    gap:10px;
    padding:14px 20px;
    background:var(--grad-wa);
    color:white;
    border-radius:14px;
    font-weight:700; font-size:15px;
    box-shadow:var(--shadow-wa);
    transition:all var(--t);
}
.mobile-menu__cta:hover { transform:translateY(-2px); }
.mobile-menu__cta svg { width:22px; height:22px; }

.mobile-menu__quick-contact {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.mobile-menu__quick-btn {
    display:flex; align-items:center; gap:10px;
    padding:12px 14px;
    background:white;
    border:1.5px solid var(--ink-100);
    border-radius:12px;
    color:var(--ink-700);
    font-size:13px; font-weight:600;
    transition:all var(--t);
}
.mobile-menu__quick-btn:hover {
    border-color:var(--teal-300);
    color:var(--teal-700);
}
.mobile-menu__quick-btn svg { 
    width:18px; height:18px;
    color:var(--teal-600);
}

/* ==================== HERO with WAVES ==================== */
.hero {
    background:var(--grad-hero); color:white;
    position:relative; overflow:hidden;
    min-height:560px; display:flex; align-items:center;
    padding-bottom:60px;
}

/* Wave-uri SVG - mai realiste și fluide */
.hero__waves {
    position:absolute; bottom:-2px; left:0; right:0;
    width:100%; height:140px; z-index:6;
    pointer-events:none;
    overflow:hidden;
}
.hero__waves::before,
.hero__waves::after {
    content:''; position:absolute;
    left:0; right:-200px;
    height:100%;
    background-repeat:repeat-x;
    background-position:0 bottom;
}
.hero__waves::before {
    bottom:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 140' preserveAspectRatio='none'><path d='M0,80 C100,55 200,95 300,80 C400,55 500,95 600,80 C700,55 800,95 900,80 C1000,55 1100,95 1200,80 L1200,140 L0,140 Z' fill='%23ffffff'/></svg>");
    background-size:1200px 100%;
    animation:waveScrollA 25s linear infinite;
}
.hero__waves::after {
    bottom:0;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 140' preserveAspectRatio='none'><path d='M0,95 C125,75 250,115 375,95 C500,75 625,115 750,95 C875,75 1000,115 1125,95 C1250,75 1375,115 1500,95 L1500,140 L0,140 Z' fill='rgba(255,255,255,0.55)'/></svg>");
    background-size:1500px 100%;
    animation:waveScrollB 17s linear infinite reverse;
}

/* Al 3-lea val (mai subtil, ritm diferit) */
.hero__waves::after,
.hero__waves::before { opacity:1; }
.hero__waves > .wave-layer-3 {
    position:absolute; bottom:0;
    left:0; right:-200px; height:100%;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 140' preserveAspectRatio='none'><path d='M0,105 C150,90 300,125 450,105 C600,90 750,125 900,105 C1050,90 1200,125 1350,105 C1500,90 1650,125 1800,105 L1800,140 L0,140 Z' fill='rgba(255,255,255,0.3)'/></svg>");
    background-size:1800px 100%;
    background-repeat:repeat-x;
    background-position:0 bottom;
    animation:waveScrollC 30s linear infinite;
}
@keyframes waveScrollA {
    from { background-position-x:0; }
    to { background-position-x:-1200px; }
}
@keyframes waveScrollB {
    from { background-position-x:0; }
    to { background-position-x:-1500px; }
}
@keyframes waveScrollC {
    from { background-position-x:0; }
    to { background-position-x:-1800px; }
}

.hero__slider { position:relative; width:100%; }
.hero__slide {
    position:absolute; inset:0; opacity:0;
    transition:opacity 700ms ease-in-out;
    display:flex; align-items:center;
    pointer-events:none;
}
.hero__slide.is-active { opacity:1; pointer-events:auto; position:relative; }
.hero__slide-bg {
    position:absolute; inset:0; background-size:cover;
    background-position:center; z-index:1;
}
.hero__slide-overlay {
    position:absolute; inset:0;
    background:linear-gradient(115deg, rgba(15,118,110,0.94) 0%, rgba(8,145,178,0.8) 50%, rgba(19,78,74,0.92) 100%);
    z-index:2;
}

/* Elemente decorative moderne - elegante, nu copilărești */
.hero__shapes {
    position:absolute; inset:0; z-index:3;
    pointer-events:none; overflow:hidden;
}
.hero__shape {
    position:absolute;
    opacity:0.12;
}
.hero__shape--circle {
    border:1.5px solid white;
    border-radius:50%;
    animation:shapeDrift 22s ease-in-out infinite alternate;
}
.hero__shape--square {
    border:1.5px solid white;
    border-radius:24px;
    animation:shapeRotate 28s linear infinite;
}
.hero__shape--ring {
    border:1.5px dashed rgba(255,255,255,0.5);
    border-radius:50%;
    animation:shapeRotate 40s linear infinite reverse;
}
.hero__shape--blob {
    background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.18), rgba(255,255,255,0));
    border-radius:50%;
    animation:shapeDrift 26s ease-in-out infinite alternate-reverse;
    opacity:0.4;
}

.hero__shape:nth-child(1) { left:8%; top:18%; width:140px; height:140px; }
.hero__shape:nth-child(2) { left:78%; top:25%; width:80px; height:80px; animation-delay:-5s; }
.hero__shape:nth-child(3) { left:18%; top:65%; width:60px; height:60px; animation-delay:-12s; }
.hero__shape:nth-child(4) { left:88%; top:60%; width:120px; height:120px; animation-delay:-8s; }
.hero__shape:nth-child(5) { left:55%; top:15%; width:50px; height:50px; animation-delay:-3s; opacity:0.18; }
.hero__shape:nth-child(6) { left:40%; top:75%; width:160px; height:160px; animation-delay:-15s; }
.hero__shape:nth-child(7) { left:5%; top:42%; width:200px; height:200px; animation-delay:-9s; }
.hero__shape:nth-child(8) { left:85%; top:42%; width:180px; height:180px; animation-delay:-18s; }

@keyframes shapeDrift {
    0% { transform:translate(0, 0) rotate(0deg); }
    50% { transform:translate(30px, -25px) rotate(8deg); }
    100% { transform:translate(-20px, 35px) rotate(-5deg); }
}
@keyframes shapeRotate {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

/* Particle field - puncte subtile */
.hero__particles {
    position:absolute; inset:0; z-index:3;
    pointer-events:none;
    background-image:
        radial-gradient(circle at 15% 25%, rgba(255,255,255,0.15) 1.5px, transparent 2px),
        radial-gradient(circle at 75% 35%, rgba(255,255,255,0.15) 1.5px, transparent 2px),
        radial-gradient(circle at 45% 65%, rgba(255,255,255,0.12) 1.5px, transparent 2px),
        radial-gradient(circle at 90% 75%, rgba(255,255,255,0.15) 1.5px, transparent 2px),
        radial-gradient(circle at 20% 80%, rgba(255,255,255,0.12) 1.5px, transparent 2px),
        radial-gradient(circle at 65% 15%, rgba(255,255,255,0.15) 1.5px, transparent 2px),
        radial-gradient(circle at 35% 45%, rgba(255,255,255,0.12) 1.5px, transparent 2px),
        radial-gradient(circle at 85% 55%, rgba(255,255,255,0.15) 1.5px, transparent 2px);
    background-size: 100% 100%;
    animation:particleDrift 30s ease-in-out infinite alternate;
}
@keyframes particleDrift {
    from { background-position: 0% 0%; }
    to { background-position: 5% -5%; }
}

/* Glow ring în spatele titlului */
.hero__glow {
    position:absolute; inset:0; z-index:4;
    pointer-events:none; overflow:hidden;
}
.hero__glow-orb {
    position:absolute;
    width:480px; height:480px;
    border-radius:50%;
    filter:blur(80px);
    opacity:0.3;
    animation:orbFloat 18s ease-in-out infinite alternate;
}
.hero__glow-orb--1 {
    top:-100px; left:5%;
    background:radial-gradient(circle, #22d3ee, transparent 70%);
}
.hero__glow-orb--2 {
    top:30%; right:0;
    background:radial-gradient(circle, #2dd4bf, transparent 70%);
    animation-duration:22s;
    animation-delay:-7s;
    width:380px; height:380px;
}
.hero__glow-orb--3 {
    bottom:0; left:40%;
    background:radial-gradient(circle, #10b981, transparent 70%);
    animation-duration:15s;
    animation-delay:-3s;
    width:520px; height:520px;
}
@keyframes orbFloat {
    0% { transform:translate(0, 0); }
    100% { transform:translate(80px, -60px); }
}

/* Ripple/wave rings animation */
.hero__ripple {
    position:absolute;
    top:30%; right:8%;
    z-index:4;
    width:200px; height:200px;
    pointer-events:none;
}
.hero__ripple-ring {
    position:absolute; inset:0;
    border:2px solid rgba(255,255,255,0.2);
    border-radius:50%;
    animation:ripple-expand 4s cubic-bezier(0.4,0,0.2,1) infinite;
}
.hero__ripple-ring:nth-child(2) { animation-delay:1.3s; }
.hero__ripple-ring:nth-child(3) { animation-delay:2.6s; }
@keyframes ripple-expand {
    0% { transform:scale(0); opacity:0.8; }
    100% { transform:scale(2.2); opacity:0; }
}

.hero__content {
    position:relative; z-index:5;
    max-width:680px; padding:80px 0 120px;
}
.hero__badge {
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 16px; background:rgba(255,255,255,0.15);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:var(--r-full);
    font-size:13px; font-weight:600; margin-bottom:20px;
    animation:slideIn 600ms 100ms backwards;
}
.hero__badge svg { width:14px; height:14px; }
.hero__title {
    font-size:clamp(36px, 6vw, 64px); font-weight:800;
    color:white; margin-bottom:16px; line-height:1.05;
    animation:slideIn 600ms 200ms backwards;
}
.hero__subtitle {
    font-size:clamp(18px, 2.4vw, 22px); font-weight:600;
    color:var(--teal-100); margin-bottom:12px;
    animation:slideIn 600ms 300ms backwards;
}
.hero__description {
    font-size:16px; color:rgba(255,255,255,0.85);
    margin-bottom:32px; max-width:560px; line-height:1.7;
    animation:slideIn 600ms 400ms backwards;
}
.hero__actions {
    display:flex; gap:12px; flex-wrap:wrap;
    animation:slideIn 600ms 500ms backwards;
}
@keyframes slideIn {
    from { transform:translateY(20px); opacity:0; }
    to { transform:translateY(0); opacity:1; }
}

.hero__arrows {
    position:absolute; inset:0; z-index:10; pointer-events:none;
}
.hero__arrow {
    position:absolute; top:50%; transform:translateY(-50%);
    width:52px; height:52px;
    background:rgba(255,255,255,0.15);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:50%; color:white;
    display:flex; align-items:center; justify-content:center;
    pointer-events:auto; transition:all var(--t);
}
.hero__arrow:hover { background:rgba(255,255,255,0.25); transform:translateY(-50%) scale(1.1); }
.hero__arrow svg { width:22px; height:22px; }
.hero__arrow--prev { left:24px; }
.hero__arrow--next { right:24px; }

.hero__dots {
    position:absolute; bottom:90px; left:50%;
    transform:translateX(-50%); z-index:10;
    display:flex; gap:8px;
}
.hero__dot {
    width:32px; height:4px;
    background:rgba(255,255,255,0.3);
    border-radius:var(--r-full);
    transition:all var(--t);
}
.hero__dot.is-active { background:white; width:48px; }

.hero--empty { text-align:center; }
.hero--empty .hero__bubbles { display:block; }
.hero--empty .hero__content {
    margin:0 auto; padding:100px 24px 140px;
}

/* ==================== SECTION COMMUNE ==================== */
.section { padding:90px 0; position:relative; }
.section--tight { padding:60px 0; }
.section--alt { background:linear-gradient(180deg, white 0%, var(--teal-50) 100%); }
.section--dark { background:var(--ink-900); color:white; }

.section-header { 
    text-align:center; margin-bottom:56px; 
    max-width:820px; margin-left:auto; margin-right:auto;
    position:relative; z-index:2;
}
.section-header__eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 18px; 
    background:linear-gradient(135deg, var(--teal-50), var(--cyan-50));
    color:var(--teal-700); 
    border-radius:var(--r-full);
    font-size:12px; font-weight:800;
    text-transform:uppercase; letter-spacing:1.2px;
    margin-bottom:18px; 
    border:1.5px solid var(--teal-200);
    box-shadow:0 4px 12px rgba(13,148,136,0.1);
}
.section-header__eyebrow svg { 
    width:14px; height:14px; 
    color:var(--teal-600);
}
.section-header__title {
    font-size:clamp(28px, 4vw, 46px); 
    font-weight:800;
    color:var(--ink-900); margin-bottom:14px;
    letter-spacing:-0.025em;
    line-height:1.15;
}
.section-header__title span {
    background:linear-gradient(135deg, var(--teal-600), var(--cyan-600));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.section-header__subtitle {
    font-size:16.5px; color:var(--ink-600);
    line-height:1.7;
    font-weight:400;
}

/* ==================== CATÉGORIES ==================== */
.categories-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
}

.cat-card {
    position:relative;
    background:linear-gradient(180deg, white 0%, var(--teal-50) 100%);
    border-radius:var(--r-lg);
    padding:32px 24px; text-align:center;
    border:1.5px solid var(--teal-100);
    transition:all var(--t);
    overflow:hidden;
    display:flex; flex-direction:column; align-items:center;
    box-shadow:var(--shadow-sm);
}
.cat-card::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:4px;
    background:var(--grad-primary);
    transform:scaleX(0); transform-origin:left;
    transition:transform var(--t);
}
.cat-card:hover {
    transform:translateY(-8px);
    border-color:var(--teal-300);
    box-shadow:var(--shadow-lg);
}
.cat-card:hover::before { transform:scaleX(1); }
.cat-card > * { position:relative; z-index:2; }

.cat-card__icon {
    width:84px; height:84px;
    background:var(--grad-primary);
    color:white; border-radius:22px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:18px;
    transition:all var(--t-bounce);
    box-shadow:var(--shadow-teal);
}
.cat-card__icon svg { width:44px; height:44px; }
.cat-card:hover .cat-card__icon {
    transform:scale(1.08) rotate(-6deg);
}
.cat-card__image {
    position:absolute; inset:0; z-index:0;
    opacity:0.08;
    background-size:cover; background-position:center;
}
.cat-card__name {
    font-size:17px; font-weight:700;
    color:var(--ink-900); margin-bottom:6px;
}
.cat-card__count {
    font-size:13px; color:var(--ink-500); margin-bottom:14px;
}
.cat-card__arrow {
    color:var(--teal-500);
    transition:transform var(--t);
    display:inline-flex; align-items:center; gap:6px;
    font-size:13px; font-weight:600;
}
.cat-card:hover .cat-card__arrow { transform:translateX(6px); }

/* ==================== PRODUITS ==================== */
.catalog-toolbar {
    display:flex; align-items:center;
    gap:14px; flex-wrap:wrap;
    margin-bottom:30px;
    padding:18px 22px;
    background:white;
    border:1px solid var(--ink-100);
    border-radius:var(--r);
    box-shadow:var(--shadow-sm);
}
.catalog-toolbar__count {
    font-size:14px; color:var(--ink-500);
    flex:1; min-width:140px;
}
.catalog-toolbar__count strong { color:var(--ink-900); }
.catalog-toolbar__sort {
    display:flex; align-items:center; gap:10px;
}
.catalog-toolbar__sort label {
    font-size:13.5px; color:var(--ink-600); font-weight:500;
    display:inline-flex; align-items:center; gap:6px;
}
.catalog-toolbar__sort label svg { width:15px; height:15px; }
.catalog-toolbar__sort select {
    padding:9px 36px 9px 14px;
    border:1.5px solid var(--ink-200);
    border-radius:var(--r-sm);
    background:white; font-size:14px; color:var(--ink-800);
    font-weight:500;
    background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right 12px center;
    appearance:none; -webkit-appearance:none;
    transition:all var(--t);
    cursor:pointer;
}
.catalog-toolbar__sort select:focus, .catalog-toolbar__sort select:hover {
    border-color:var(--teal-400); outline:none;
}

.products-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
    margin-bottom:40px;
}

.product-card {
    background:white;
    border-radius:18px;
    overflow:hidden;
    border:1.5px solid var(--ink-100);
    transition:all var(--t);
    display:flex; flex-direction:column;
    position:relative; height:100%;
    box-shadow:var(--shadow-sm);
}
.product-card.is-hidden { display:none; }
.product-card::before {
    content:''; position:absolute;
    inset:0; border-radius:18px;
    background:linear-gradient(135deg, rgba(13,148,136,0.12), rgba(6,182,212,0.08));
    opacity:0; transition:opacity var(--t);
    z-index:0; pointer-events:none;
}
.product-card:hover {
    transform:translateY(-8px);
    border-color:var(--teal-300);
    box-shadow:0 24px 50px rgba(13,148,136,0.18);
}
.product-card:hover::before { opacity:0.4; }
.product-card > * { position:relative; z-index:1; }

.product-card__image-wrap {
    position:relative;
    aspect-ratio:1/1;
    background:linear-gradient(135deg, var(--teal-50), var(--ink-50));
    overflow:hidden;
}
.product-card__image {
    width:100%; height:100%; object-fit:cover;
    transition:transform 600ms ease-out;
}
.product-card:hover .product-card__image { transform:scale(1.1); }
.product-card__image-fallback {
    position:absolute; inset:0;
    display:flex; align-items:center; justify-content:center;
    color:var(--teal-300);
}
.product-card__image-fallback svg { width:64px; height:64px; }
.product-card__no-image .product-card__image { display:none; }

.product-card__badges {
    position:absolute; top:12px; left:12px;
    display:flex; flex-direction:column; gap:6px; z-index:2;
}
.product-card__badge {
    display:inline-flex; align-items:center; gap:4px;
    padding:5px 11px; border-radius:var(--r-full);
    font-size:11px; font-weight:700;
    text-transform:uppercase; letter-spacing:0.6px;
    box-shadow:var(--shadow-sm);
    backdrop-filter:blur(8px);
}
.product-card__badge--discount {
    background:linear-gradient(135deg, #ef4444, #dc2626);
    color:white;
}
.product-card__badge--featured { 
    background:var(--grad-warm); color:white;
}
.product-card__badge--featured svg { width:12px; height:12px; }
.product-card__badge--out { 
    background:rgba(148,163,184,0.95); color:white;
}

.product-card__quick {
    position:absolute; top:12px; right:12px;
    z-index:3;
    display:flex; flex-direction:column; gap:6px;
    opacity:0; transform:translateX(8px);
    transition:all var(--t);
}
.product-card:hover .product-card__quick {
    opacity:1; transform:translateX(0);
}
.product-card__quick-btn {
    width:36px; height:36px;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(10px);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:var(--teal-700);
    box-shadow:var(--shadow-sm);
    border:1px solid var(--ink-100);
    transition:all var(--t);
}
.product-card__quick-btn:hover {
    background:var(--teal-600); color:white;
    transform:scale(1.1);
}
.product-card__quick-btn svg { width:16px; height:16px; }

.product-card__body {
    padding:11px 14px 13px;
    flex:1; display:flex; flex-direction:column;
}
.product-card__category {
    display:inline-flex; align-items:center; gap:4px;
    font-size:10px; color:var(--teal-700); font-weight:800;
    text-transform:uppercase; letter-spacing:0.85px;
    margin-bottom:3px;
    align-self:flex-start;
}
.product-card__category svg { width:11px; height:11px; }
.product-card__name {
    font-size:14.5px; font-weight:700;
    color:var(--ink-900); margin-bottom:2px;
    line-height:1.2;
    display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden;
    min-height:34px;
    letter-spacing:-0.01em;
}
.product-card__desc {
    font-size:12px; color:var(--ink-500);
    margin-bottom:7px; flex:1;
    line-height:1.35;
    display:-webkit-box; -webkit-line-clamp:1;
    -webkit-box-orient:vertical; overflow:hidden;
}
.product-card__price {
    display:flex; align-items:baseline;
    gap:7px; margin-bottom:7px;
    padding-bottom:8px;
    border-bottom:1px dashed var(--ink-100);
}
.product-card__price-new {
    font-size:19.5px; font-weight:800; 
    background:linear-gradient(135deg, var(--teal-700), var(--cyan-600));
    -webkit-background-clip:text; background-clip:text;
    color:transparent;
    font-family:'Outfit',sans-serif;
    letter-spacing:-0.5px;
}
.product-card__price-old {
    font-size:12.5px; color:var(--ink-400);
    text-decoration:line-through;
}
.product-card__more {
    display:flex; align-items:center; justify-content:center;
    gap:6px; padding:9px 14px;
    background:linear-gradient(135deg, var(--ink-900), #1e293b);
    color:white;
    border-radius:10px;
    font-weight:600; font-size:12.5px;
    transition:all var(--t);
    position:relative; overflow:hidden;
}
.product-card__more svg { width:16px; height:16px; }
.product-card__more::before {
    content:''; position:absolute;
    inset:0; background:var(--grad-primary);
    transform:translateY(100%);
    transition:transform var(--t);
}
.product-card__more span, .product-card__more svg {
    position:relative; z-index:2;
}
.product-card:hover .product-card__more::before {
    transform:translateY(0);
}

.load-more-wrap { text-align:center; margin-top:20px; }
.load-more-counter {
    display:inline-flex; align-items:center; gap:6px;
    padding:4px 10px; background:var(--ink-100);
    color:var(--ink-600); border-radius:var(--r-full);
    font-size:12px; font-weight:600;
}

.empty-catalog {
    text-align:center; padding:80px 24px;
    background:white; border-radius:var(--r-lg);
    border:2px dashed var(--ink-200);
}
.empty-catalog__icon {
    width:80px; height:80px;
    background:var(--teal-50); color:var(--teal-500);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 20px;
}
.empty-catalog__icon svg { width:36px; height:36px; }
.empty-catalog h3 { font-size:22px; color:var(--ink-800); margin-bottom:8px; }
.empty-catalog p {
    color:var(--ink-500); max-width:400px;
    margin:0 auto 24px;
}

/* ==================== POURQUOI (Why blocks) ==================== */
.why-section {
    padding:90px 0;
    background:linear-gradient(180deg, white 0%, var(--teal-50) 100%);
    position:relative; overflow:hidden;
}
.why-section::before {
    content:''; position:absolute;
    width:600px; height:600px;
    background:radial-gradient(circle, rgba(20,184,166,0.08), transparent 70%);
    top:-200px; right:-200px;
    border-radius:50%;
}

.why-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px; position:relative; z-index:2;
}
.why-card {
    background:white;
    border-radius:var(--r-lg);
    padding:32px 26px; text-align:center;
    border:1.5px solid var(--ink-100);
    transition:all var(--t);
    box-shadow:var(--shadow-sm);
}
.why-card:hover {
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
    border-color:var(--teal-200);
}
.why-card__icon {
    width:72px; height:72px;
    background:var(--grad-soft); color:white;
    border-radius:20px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 20px;
    box-shadow:var(--shadow-teal);
    transition:transform var(--t-bounce);
}
.why-card:hover .why-card__icon { transform:rotate(-8deg) scale(1.1); }
.why-card__icon svg { width:34px; height:34px; }
.why-card h3 { font-size:17px; margin-bottom:8px; color:var(--ink-900); }
.why-card p { color:var(--ink-500); font-size:14px; line-height:1.55; }

/* ==================== PROCESS (3 steps) ==================== */
.process-section {
    padding:90px 0;
    background:white;
}
.process-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:30px; position:relative;
}
.process-grid::before {
    content:''; position:absolute;
    top:48px; left:16%; right:16%;
    height:2px;
    background:repeating-linear-gradient(90deg, var(--teal-300) 0 12px, transparent 12px 22px);
    z-index:1;
}
.process-step {
    text-align:center; position:relative;
    z-index:2; background:white;
    padding:0 12px;
}
.process-step__number {
    width:96px; height:96px;
    background:white; color:var(--teal-700);
    border:3px solid var(--teal-200);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 24px;
    font-family:'Outfit',sans-serif; font-size:32px; font-weight:800;
    position:relative;
    transition:all var(--t);
}
.process-step__number::after {
    content:''; position:absolute; inset:-3px;
    border-radius:50%;
    background:var(--grad-primary);
    z-index:-1; opacity:0;
    transition:opacity var(--t);
}
.process-step:hover .process-step__number {
    border-color:transparent; color:white;
    transform:scale(1.05);
}
.process-step:hover .process-step__number::after { opacity:1; }
.process-step__icon {
    width:46px; height:46px;
    background:var(--teal-50); color:var(--teal-600);
    border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 12px;
}
.process-step__icon svg { width:22px; height:22px; }
.process-step h3 { font-size:19px; margin-bottom:8px; color:var(--ink-900); }
.process-step p {
    color:var(--ink-500); font-size:14.5px;
    line-height:1.6; max-width:320px;
    margin:0 auto;
}

/* ==================== STATS COUNTERS ==================== */
.stats-section {
    padding:110px 0 130px;
    background:var(--grad-hero); color:white;
    position:relative; overflow:hidden;
}
.stats-section::before {
    content:''; position:absolute; inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(34,211,238,0.22) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(16,185,129,0.22) 0%, transparent 50%);
}

/* Valuri SUS stats - din alb */
.stats-waves-top {
    position:absolute; top:-2px; left:0; right:0;
    width:100%; height:100px; z-index:1;
    pointer-events:none; overflow:hidden;
}
.stats-waves-top::before,
.stats-waves-top::after,
.stats-waves-top > .wave-layer-3 {
    content:''; position:absolute;
    top:0; left:0; right:-200px;
    height:100%;
    background-repeat:repeat-x;
    background-position:0 top;
}
.stats-waves-top::before {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'><path d='M0,0 L1200,0 L1200,40 C1100,60 1000,20 900,40 C800,60 700,20 600,40 C500,60 400,20 300,40 C200,60 100,20 0,40 Z' fill='%23f0fdfa'/></svg>");
    background-size:1200px 100%;
    animation:waveScrollA 25s linear infinite;
}
.stats-waves-top::after {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 100' preserveAspectRatio='none'><path d='M0,0 L1500,0 L1500,25 C1375,45 1250,5 1125,25 C1000,45 875,5 750,25 C625,45 500,5 375,25 C250,45 125,5 0,25 Z' fill='rgba(240,253,250,0.6)'/></svg>");
    background-size:1500px 100%;
    animation:waveScrollB 17s linear infinite reverse;
}
.stats-waves-top > .wave-layer-3 {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 100' preserveAspectRatio='none'><path d='M0,0 L1800,0 L1800,15 C1650,30 1500,0 1350,15 C1200,30 1050,0 900,15 C750,30 600,0 450,15 C300,30 150,0 0,15 Z' fill='rgba(240,253,250,0.35)'/></svg>");
    background-size:1800px 100%;
    animation:waveScrollC 30s linear infinite;
}

/* Valuri JOS stats - spre WhatsApp verde */
.stats-waves-bottom {
    position:absolute; bottom:-2px; left:0; right:0;
    width:100%; height:100px; z-index:1;
    pointer-events:none; overflow:hidden;
}
.stats-waves-bottom::before,
.stats-waves-bottom::after,
.stats-waves-bottom > .wave-layer-3 {
    content:''; position:absolute;
    bottom:0; left:0; right:-200px;
    height:100%;
    background-repeat:repeat-x;
    background-position:0 bottom;
}
.stats-waves-bottom::before {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 100' preserveAspectRatio='none'><path d='M0,55 C100,30 200,75 300,55 C400,30 500,75 600,55 C700,30 800,75 900,55 C1000,30 1100,75 1200,55 L1200,100 L0,100 Z' fill='%2325d366'/></svg>");
    background-size:1200px 100%;
    animation:waveScrollA 25s linear infinite;
}
.stats-waves-bottom::after {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1500 100' preserveAspectRatio='none'><path d='M0,70 C125,50 250,90 375,70 C500,50 625,90 750,70 C875,50 1000,90 1125,70 C1250,50 1375,90 1500,70 L1500,100 L0,100 Z' fill='rgba(37,211,102,0.6)'/></svg>");
    background-size:1500px 100%;
    animation:waveScrollB 17s linear infinite reverse;
}
.stats-waves-bottom > .wave-layer-3 {
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1800 100' preserveAspectRatio='none'><path d='M0,82 C150,68 300,95 450,82 C600,68 750,95 900,82 C1050,68 1200,95 1350,82 C1500,68 1650,95 1800,82 L1800,100 L0,100 Z' fill='rgba(37,211,102,0.35)'/></svg>");
    background-size:1800px 100%;
    animation:waveScrollC 30s linear infinite;
}
.stats-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px; position:relative; z-index:2;
}
.stat-counter {
    text-align:center;
    padding:30px 16px;
    background:rgba(255,255,255,0.07);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--r-lg);
}
.stat-counter__icon {
    width:64px; height:64px;
    background:rgba(255,255,255,0.12);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,0.2);
    border-radius:18px;
    display:flex; align-items:center; justify-content:center;
    margin:0 auto 16px;
    color:var(--teal-200);
}
.stat-counter__icon svg { width:30px; height:30px; }
.stat-counter__value {
    font-family:'Outfit',sans-serif;
    font-size:clamp(36px, 5vw, 54px);
    font-weight:800; line-height:1;
    margin-bottom:8px; color:white;
    letter-spacing:-1.5px;
}
.stat-counter__label {
    font-size:14.5px;
    color:var(--teal-100);
    text-transform:uppercase;
    letter-spacing:1px; font-weight:600;
}

/* ==================== WHATSAPP BLOCK WITH ANIMATED PHONE ==================== */
.wa-block {
    padding:80px 0 110px;
    position:relative; overflow:hidden;
    background:linear-gradient(135deg, #25d366 0%, #1ebe5d 60%, #128c7e 100%);
    color:white;
}
/* Pattern dotted subtle */
.wa-block::before {
    content:''; position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 12% 22%, rgba(255,255,255,0.07) 1.5px, transparent 2px),
        radial-gradient(circle at 78% 35%, rgba(255,255,255,0.05) 1.5px, transparent 2px),
        radial-gradient(circle at 45% 75%, rgba(255,255,255,0.06) 1.5px, transparent 2px),
        radial-gradient(circle at 88% 78%, rgba(255,255,255,0.07) 1.5px, transparent 2px);
    background-size: 60px 60px;
    pointer-events:none;
    z-index:1;
}
/* Orb glow superior dreapta */
.wa-block::after {
    content:''; position:absolute;
    width:600px; height:600px;
    top:-250px; right:-180px;
    background:radial-gradient(circle, rgba(255,255,255,0.18), rgba(255,255,255,0.05) 40%, transparent 70%);
    border-radius:50%;
    pointer-events:none;
    z-index:1;
}
/* Orb glow stânga jos */
.wa-block__glow-bottom {
    position:absolute;
    width:500px; height:500px;
    bottom:-200px; left:-150px;
    background:radial-gradient(circle, rgba(18,140,126,0.6), transparent 70%);
    border-radius:50%;
    pointer-events:none;
    z-index:1;
}

.wa-block__inner {
    display:grid;
    grid-template-columns:1.6fr 1fr;
    gap:60px; align-items:center;
    position:relative; z-index:2;
}
.wa-block__content { max-width:660px; position:relative; z-index:3; }
.wa-block__eyebrow {
    display:inline-flex; align-items:center; gap:9px;
    padding:9px 20px;
    background:rgba(255,255,255,0.22);
    backdrop-filter:blur(10px);
    border:1.5px solid rgba(255,255,255,0.28);
    border-radius:var(--r-full);
    font-size:13.5px; font-weight:700;
    text-transform:uppercase; letter-spacing:1px;
    margin-bottom:24px;
    box-shadow:0 4px 14px rgba(0,0,0,0.08);
}
.wa-block__eyebrow svg { width:16px; height:16px; }
.wa-block__title {
    font-size:clamp(36px, 5vw, 54px);
    font-weight:900; color:white;
    margin-bottom:20px; line-height:1.08;
    letter-spacing:-0.025em;
    text-shadow:0 4px 24px rgba(0,0,0,0.15);
}
.wa-block__subtitle {
    font-size:19px; margin-bottom:32px;
    color:rgba(255,255,255,0.95);
    line-height:1.6;
    font-weight:500;
    max-width:560px;
}
.wa-block__features {
    list-style:none; margin-bottom:38px;
    display:flex; flex-direction:column; gap:14px;
}
.wa-block__features li {
    display:flex; align-items:center; gap:14px;
    color:white;
    font-size:17px;
    font-weight:500;
}
.wa-block__features li svg {
    width:28px; height:28px;
    flex-shrink:0; color:white;
    background:rgba(255,255,255,0.25);
    border-radius:50%;
    padding:5px;
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,0.3),
        0 4px 10px rgba(0,0,0,0.1);
}
.wa-block__cta {
    display:inline-flex; align-items:center; gap:14px;
    padding:20px 38px;
    background:white; color:var(--wa-dark);
    font-size:18px; font-weight:800;
    letter-spacing:-0.01em;
    border-radius:var(--r-full);
    box-shadow:
        0 24px 56px rgba(0,0,0,0.22),
        0 6px 16px rgba(0,0,0,0.12),
        inset 0 1px 1px rgba(255,255,255,0.5);
    transition:all var(--t);
    position:relative;
    overflow:hidden;
}
.wa-block__cta::before {
    content:''; position:absolute;
    inset:0;
    background:linear-gradient(135deg, transparent 30%, rgba(37,211,102,0.15) 50%, transparent 70%);
    transform:translateX(-100%);
    transition:transform 600ms ease;
}
.wa-block__cta:hover::before { transform:translateX(100%); }
.wa-block__cta:hover {
    transform:translateY(-4px) scale(1.03);
    box-shadow:
        0 32px 64px rgba(0,0,0,0.3),
        0 10px 24px rgba(0,0,0,0.18);
}
.wa-block__cta svg { width:26px; height:26px; color:var(--wa); }

/* ⭐ PHONE iOS 26 - GLASS MODE */
.wa-block__visual {
    position:relative;
    display:flex; justify-content:center; align-items:center;
}
.wa-phone {
    width:340px; aspect-ratio:9/19.5;
    background:linear-gradient(180deg, #2a2a2c 0%, #1c1c1e 30%, #000 100%);
    border-radius:54px;
    padding:5px;
    box-shadow:
        0 70px 140px -25px rgba(0,0,0,0.6),
        0 35px 70px -18px rgba(0,0,0,0.4),
        0 0 0 1.5px rgba(255,255,255,0.08),
        0 0 0 3.5px #1a1a1c,
        0 0 0 4.5px rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.15);
    transform:rotate(-4deg);
    position:relative;
    animation:phoneSway 8s ease-in-out infinite alternate;
}
/* Buton power dreapta */
.wa-phone::before {
    content:''; position:absolute;
    right:-3px; top:140px;
    width:3px; height:60px;
    background:linear-gradient(180deg, #3a3a3c, #1a1a1c);
    border-radius:0 2px 2px 0;
    box-shadow:inset 1px 0 0 rgba(0,0,0,0.3);
}
.wa-phone::after {
    content:''; position:absolute;
    inset:0; border-radius:54px;
    background:linear-gradient(135deg,
        rgba(255,255,255,0.18) 0%,
        transparent 35%,
        transparent 65%,
        rgba(255,255,255,0.08) 100%);
    pointer-events:none;
    z-index:5;
}
@keyframes phoneSway {
    from { transform:rotate(-4deg) translateY(0); }
    to { transform:rotate(-2deg) translateY(-12px); }
}

.wa-phone, .wa-phone *, .wa-phone *::before, .wa-phone *::after {
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', Roboto, system-ui, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.wa-phone__screen {
    width:100%; height:100%;
    background:#0a0a0a;
    border-radius:50px;
    overflow:hidden;
    display:flex; flex-direction:column;
    position:relative;
}

/* Status bar cu Dynamic Island */
.wa-phone__status {
    height:46px; flex-shrink:0;
    background:#0d4a44;
    display:flex; align-items:center;
    justify-content:space-between;
    padding:0 28px 0 24px;
    color:white;
    font-size:14px; font-weight:600;
    position:relative;
    z-index:2;
}
.wa-phone__status::before {
    content:''; position:absolute;
    top:8px; left:50%;
    transform:translateX(-50%);
    width:122px; height:32px;
    background:#000;
    border-radius:18px;
    z-index:3;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.05),
        0 2px 4px rgba(0,0,0,0.5);
}
.wa-phone__status::after {
    content:''; position:absolute;
    top:18px; left:50%;
    transform:translateX(28px);
    width:10px; height:10px;
    background:radial-gradient(circle at 30% 30%, #1a1a1c, #000);
    border-radius:50%;
    z-index:4;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);
}
.wa-phone__status-time {
    position:relative; z-index:4;
    font-size:15px;
    font-weight:600;
    font-feature-settings: "tnum";
    letter-spacing:-0.01em;
}
.wa-phone__status-icons {
    display:flex; align-items:center; gap:6px;
    position:relative; z-index:4;
}
.wa-phone__status-icons svg { width:15px; height:15px; }
.wa-phone__battery {
    width:26px; height:13px;
    border:1.5px solid rgba(255,255,255,0.9);
    border-radius:4px;
    position:relative;
}
.wa-phone__battery::after {
    content:''; position:absolute;
    top:50%; right:-3.5px; transform:translateY(-50%);
    width:2.5px; height:6px;
    background:rgba(255,255,255,0.9);
    border-radius:0 1px 1px 0;
}
.wa-phone__battery::before {
    content:''; position:absolute;
    top:1.5px; left:1.5px; bottom:1.5px;
    width:80%;
    background:white;
    border-radius:1.5px;
}

/* Header conversație cu glass effect */
.wa-phone__header {
    padding:12px 18px;
    background:linear-gradient(180deg, rgba(13,74,68,0.96), rgba(7,94,84,0.99));
    backdrop-filter:blur(20px) saturate(180%);
    -webkit-backdrop-filter:blur(20px) saturate(180%);
    color:white;
    display:flex; align-items:center; gap:12px;
    border-bottom:0.5px solid rgba(255,255,255,0.1);
    flex-shrink:0;
    position:relative;
    z-index:1;
}
.wa-phone__header-back {
    color:rgba(0,170,255,0.95);
    font-size:24px; padding-right:2px;
    font-weight:300;
}
.wa-phone__avatar {
    width:38px; height:38px;
    border-radius:50%;
    background:linear-gradient(135deg, #34d399, #06b6d4);
    display:flex; align-items:center; justify-content:center;
    color:white; font-size:15px; font-weight:700;
    flex-shrink:0;
    box-shadow:
        0 2px 8px rgba(0,0,0,0.35),
        inset 0 1px 1px rgba(255,255,255,0.3);
    position:relative;
}
.wa-phone__avatar::after {
    content:''; position:absolute;
    bottom:0; right:0;
    width:11px; height:11px;
    background:#22c55e;
    border:2px solid #0a3a36;
    border-radius:50%;
    box-shadow:0 0 6px rgba(34,197,94,0.6);
}
.wa-phone__contact {
    flex:1; line-height:1.2;
    display:flex; flex-direction:column;
    gap:2px;
}
.wa-phone__contact-name {
    font-size:15px; font-weight:600;
    letter-spacing:-0.01em;
}
.wa-phone__contact-status {
    font-size:11.5px; opacity:0.75;
    font-weight:400;
}
.wa-phone__header-icons {
    display:flex; gap:18px;
    color:rgba(0,170,255,0.85);
}
.wa-phone__header-icons svg { width:19px; height:19px; }

/* Body */
.wa-phone__body {
    flex:1;
    padding:14px 14px 8px;
    background:#0a3a36;
    background-image:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,0.02) 1px, transparent 1.5px),
        radial-gradient(circle at 75% 60%, rgba(255,255,255,0.02) 1px, transparent 1.5px),
        radial-gradient(circle at 40% 80%, rgba(255,255,255,0.02) 1px, transparent 1.5px),
        radial-gradient(circle at 90% 20%, rgba(255,255,255,0.02) 1px, transparent 1.5px),
        linear-gradient(180deg, rgba(0,0,0,0.12) 0%, transparent 30%);
    background-size: 30px 30px, 30px 30px, 30px 30px, 30px 30px, 100% 100%;
    display:flex; flex-direction:column;
    gap:6px;
    overflow:hidden;
    position:relative;
}

/* Date divider iOS pill glass */
.wa-msg__divider {
    align-self:center;
    background:rgba(20,30,30,0.6);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    color:rgba(255,255,255,0.85);
    padding:5px 14px;
    border-radius:12px;
    font-size:10.5px; font-weight:600;
    letter-spacing:0.4px;
    margin:4px 0 10px;
    opacity:0;
    transition:opacity 400ms ease;
    border:0.5px solid rgba(255,255,255,0.08);
}
.wa-msg__divider.is-visible { opacity:1; }

/* Messages cu gradient subtil (iOS look) */
.wa-msg {
    color:#0f172a;
    padding:9px 13px 7px;
    font-size:14px; line-height:1.4;
    max-width:75%;
    opacity:0;
    transform:translateY(12px) scale(0.92);
    transition:opacity 380ms cubic-bezier(0.34,1.56,0.64,1), transform 380ms cubic-bezier(0.34,1.56,0.64,1);
    word-wrap:break-word;
    position:relative;
    font-weight:400;
    letter-spacing:-0.01em;
    box-shadow:0 1px 0.5px rgba(0,0,0,0.13);
}
.wa-msg.is-visible {
    opacity:1; transform:translateY(0) scale(1);
}
.wa-msg--out {
    background:linear-gradient(180deg, #dcf8c6, #d4f4b9);
    align-self:flex-end;
    border-radius:14px 14px 4px 14px;
}
.wa-msg--in {
    background:linear-gradient(180deg, #ffffff, #f8f8f8);
    align-self:flex-start;
    border-radius:14px 14px 14px 4px;
}
.wa-msg__time {
    font-size:10px; color:rgba(0,0,0,0.45);
    text-align:right;
    margin-top:3px;
    display:flex;
    justify-content:flex-end; align-items:center;
    gap:3px; font-weight:400;
}
.wa-msg--out .wa-msg__time::after {
    content:'\2713\2713'; color:#3b82f6; font-size:11px;
    font-weight:600;
    margin-left:2px;
}

/* Typing - FIX DEFINITIV cu inline-flex */
.wa-typing {
    display:none;
    background:linear-gradient(180deg, #ffffff, #f8f8f8);
    align-self:flex-start;
    width:auto;
    min-width:56px; height:34px;
    padding:0 14px;
    border-radius:14px 14px 14px 4px;
    box-shadow:0 1px 0.5px rgba(0,0,0,0.13);
    opacity:0;
    transform:translateY(8px);
    transition:opacity 320ms ease, transform 320ms ease;
    align-items:center;
    justify-content:center;
    gap:4px;
}
.wa-typing.is-visible {
    display:inline-flex;
    opacity:1; transform:translateY(0);
}
.wa-typing__dot {
    width:7px; height:7px;
    border-radius:50%;
    background:#94a3b8;
    animation:typing-dot 1.4s ease-in-out infinite;
    flex-shrink:0;
}
.wa-typing__dot:nth-child(2) { animation-delay:0.2s; }
.wa-typing__dot:nth-child(3) { animation-delay:0.4s; }
@keyframes typing-dot {
    0%, 60%, 100% { transform:translateY(0); opacity:0.4; }
    30% { transform:translateY(-4px); opacity:1; }
}

/* Input bar glass */
.wa-phone__input {
    flex-shrink:0;
    padding:10px 12px 16px;
    background:linear-gradient(180deg, rgba(7,40,38,0.5), rgba(7,40,38,0.95));
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    display:flex; align-items:center; gap:9px;
}
.wa-phone__input-field {
    flex:1;
    background:rgba(255,255,255,0.95);
    border-radius:22px;
    height:36px;
    display:flex; align-items:center;
    padding:0 14px;
    font-size:13px;
    color:#94a3b8;
    gap:9px;
    border:0.5px solid rgba(0,0,0,0.05);
}
.wa-phone__input-field svg {
    width:16px; height:16px;
    color:#94a3b8;
    flex-shrink:0;
}
.wa-phone__input-send {
    width:38px; height:38px;
    border-radius:50%;
    background:linear-gradient(135deg, #34d399, #25d366);
    display:flex; align-items:center; justify-content:center;
    color:white;
    flex-shrink:0;
    box-shadow:
        0 4px 12px rgba(37,211,102,0.5),
        inset 0 1px 1px rgba(255,255,255,0.4);
    animation:sendPulse 2.5s ease-in-out infinite;
}
@keyframes sendPulse {
    0%, 100% { box-shadow:0 4px 12px rgba(37,211,102,0.5), inset 0 1px 1px rgba(255,255,255,0.4); transform:scale(1); }
    50% { box-shadow:0 6px 18px rgba(37,211,102,0.85), inset 0 1px 1px rgba(255,255,255,0.5); transform:scale(1.06); }
}
.wa-phone__input-send svg { width:16px; height:16px; }


/* Floating WhatsApp Button - mai mare și mai vizibil */
.wa-float {
    position:fixed; bottom:28px; right:28px;
    width:72px; height:72px;
    background:var(--grad-wa); color:white;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 14px 40px rgba(37,211,102,0.5);
    z-index:50;
    transition:all var(--t);
    animation:floatPulse 2.4s ease-in-out infinite;
}
.wa-float::before {
    content:''; position:absolute; inset:-8px;
    border-radius:50%;
    background:var(--wa);
    z-index:-1; opacity:0.35;
    animation:floatRing 2.4s ease-out infinite;
}
.wa-float::after {
    content:''; position:absolute; inset:-14px;
    border-radius:50%;
    background:var(--wa);
    z-index:-2; opacity:0.2;
    animation:floatRing 2.4s ease-out infinite 0.6s;
}
.wa-float:hover { 
    transform:scale(1.1) rotate(-5deg);
    box-shadow:0 18px 50px rgba(37,211,102,0.7);
}
.wa-float svg { width:36px; height:36px; }
@keyframes floatPulse {
    0%, 100% { box-shadow:0 14px 40px rgba(37,211,102,0.5); }
    50% { box-shadow:0 18px 50px rgba(37,211,102,0.8); }
}
@keyframes floatRing {
    0% { transform:scale(1); opacity:0.5; }
    100% { transform:scale(1.6); opacity:0; }
}
.wa-float__label {
    position:absolute; right:calc(100% + 16px); top:50%;
    transform:translateY(-50%);
    background:var(--ink-900); color:white;
    padding:10px 16px;
    border-radius:12px;
    font-size:14px; font-weight:600;
    white-space:nowrap;
    opacity:0; pointer-events:none;
    transition:opacity var(--t);
    box-shadow:0 6px 20px rgba(0,0,0,0.3);
}
.wa-float__label::after {
    content:''; position:absolute;
    right:-4px; top:50%;
    transform:translateY(-50%) rotate(45deg);
    width:8px; height:8px;
    background:var(--ink-900);
}
.wa-float:hover .wa-float__label { opacity:1; }

/* Notification dot pe buton flotant */
.wa-float__dot {
    position:absolute; top:6px; right:6px;
    width:18px; height:18px;
    background:#ef4444;
    color:white;
    border-radius:50%;
    font-size:11px; font-weight:700;
    display:flex; align-items:center; justify-content:center;
    border:2px solid white;
    animation:bounceDot 1.4s ease-in-out infinite;
}
@keyframes bounceDot {
    0%, 100% { transform:translateY(0); }
    50% { transform:translateY(-4px); }
}

/* ==================== BREADCRUMB ==================== */
.breadcrumb { padding:20px 0; font-size:13.5px; color:var(--ink-500); }
.breadcrumb__list {
    display:flex; align-items:center; gap:8px;
    list-style:none; flex-wrap:wrap;
}
.breadcrumb__list li {
    display:inline-flex; align-items:center; gap:8px;
}
.breadcrumb__list li:not(:last-child)::after {
    content:'/'; color:var(--ink-300);
}
.breadcrumb__list a {
    color:var(--ink-600);
    transition:color var(--t);
    display:inline-flex; align-items:center; gap:6px;
}
.breadcrumb__list a:hover { color:var(--teal-600); }
.breadcrumb__list a svg { width:13px; height:13px; }
.breadcrumb__list li:last-child {
    color:var(--ink-800); font-weight:600;
}

/* ==================== CATEGORY HEADER ==================== */
.cat-header {
    background:linear-gradient(135deg, var(--teal-50), white 60%, var(--cyan-50));
    padding:70px 0 60px;
    border-bottom:1px solid var(--ink-100);
    position:relative; overflow:hidden;
}
.cat-header::before {
    content:''; position:absolute;
    width:500px; height:500px;
    background:radial-gradient(circle, rgba(20,184,166,0.18), transparent 70%);
    top:-180px; right:-120px;
    border-radius:50%;
    animation:orbFloat 16s ease-in-out infinite alternate;
}
.cat-header::after {
    content:''; position:absolute;
    width:400px; height:400px;
    background:radial-gradient(circle, rgba(6,182,212,0.12), transparent 70%);
    bottom:-200px; left:-100px;
    border-radius:50%;
    animation:orbFloat 20s ease-in-out infinite alternate-reverse;
}
.cat-header__inner {
    position:relative; z-index:2;
    display:flex; align-items:center; gap:30px;
}
.cat-header__icon {
    width:112px; height:112px;
    background:var(--grad-primary);
    color:white; border-radius:28px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; 
    box-shadow:
        0 18px 40px rgba(13,148,136,0.35),
        inset 0 2px 4px rgba(255,255,255,0.2);
    position:relative;
    animation:catIconFloat 3.5s ease-in-out infinite alternate;
}
.cat-header__icon::before {
    content:''; position:absolute;
    inset:-8px;
    border:2px dashed var(--teal-300);
    border-radius:36px;
    animation:spinSlow 14s linear infinite;
    opacity:0.5;
}
@keyframes catIconFloat {
    from { transform:translateY(0); }
    to { transform:translateY(-6px); }
}
.cat-header__icon svg { width:58px; height:58px; }
.cat-header__text { flex:1; }
.cat-header__title {
    font-size:clamp(30px, 4.2vw, 46px);
    font-weight:800; color:var(--ink-900);
    margin-bottom:10px;
    letter-spacing:-0.02em;
    line-height:1.1;
}
.cat-header__desc {
    font-size:16.5px; color:var(--ink-600);
    max-width:700px; line-height:1.65;
}
.cat-header__count {
    margin-top:16px;
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 18px; background:white;
    color:var(--teal-700);
    border-radius:var(--r-full);
    font-size:13.5px; font-weight:700;
    box-shadow:var(--shadow);
    border:1.5px solid var(--teal-100);
    border:1px solid var(--teal-100);
}

/* ==================== PRODUCT DETAIL ==================== */
.product-detail { padding:32px 0 70px; }
.product-detail__grid {
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:60px;
}
.product-detail__gallery {
    display:flex; flex-direction:column; gap:14px;
}
.product-detail__main {
    aspect-ratio:1;
    background:linear-gradient(135deg, var(--teal-50), white);
    border-radius:var(--r-lg);
    overflow:hidden; position:relative;
    border:1px solid var(--ink-100);
    box-shadow:var(--shadow-md);
}
.product-detail__main img {
    width:100%; height:100%; object-fit:cover;
}
.product-detail__main--fallback {
    display:flex; align-items:center; justify-content:center;
}
.product-detail__main--fallback img { display:none; }
.product-detail__main-fallback-icon { color:var(--teal-200); }
.product-detail__main-fallback-icon svg { width:90px; height:90px; }

.product-detail__thumbs {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:10px;
}
.product-detail__thumb {
    aspect-ratio:1;
    border-radius:var(--r-sm);
    overflow:hidden; background:var(--ink-50);
    border:2px solid transparent;
    cursor:pointer;
    transition:all var(--t);
}
.product-detail__thumb img { width:100%; height:100%; object-fit:cover; }
.product-detail__thumb:hover { border-color:var(--teal-300); transform:scale(1.04); }
.product-detail__thumb.is-active { 
    border-color:var(--teal-500); 
    box-shadow:0 4px 10px rgba(13,148,136,0.3);
}

.product-detail__info { display:flex; flex-direction:column; }
.product-detail__category-tag {
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 14px; background:var(--teal-50);
    color:var(--teal-700);
    border-radius:var(--r-full);
    font-size:12.5px; font-weight:700;
    text-transform:uppercase; letter-spacing:0.7px;
    margin-bottom:16px; align-self:flex-start;
    border:1px solid var(--teal-100);
}
.product-detail__category-tag svg { width:14px; height:14px; }
.product-detail__title {
    font-size:clamp(28px, 3.4vw, 42px);
    font-weight:800; color:var(--ink-900);
    margin-bottom:16px; line-height:1.15;
    letter-spacing:-0.02em;
}
.product-detail__meta {
    display:flex; gap:8px;
    margin-bottom:20px;
    flex-wrap:wrap;
}
.product-detail__meta-item {
    display:inline-flex; align-items:center; gap:6px;
    padding:6px 12px;
    background:var(--ink-50);
    border-radius:var(--r-full);
    font-size:12.5px;
    color:var(--ink-700);
    font-weight:500;
    border:1px solid var(--ink-100);
}
.product-detail__meta-item svg {
    width:13px; height:13px; color:var(--teal-500);
}
.product-detail__meta-item--stock-in {
    background:rgba(16,185,129,0.1);
    color:var(--emerald-600);
    border-color:rgba(16,185,129,0.25);
}
.product-detail__meta-item--stock-in svg { color:var(--emerald-600); }
.product-detail__meta-item--stock-out {
    background:rgba(239,68,68,0.1);
    color:var(--red-600);
    border-color:rgba(239,68,68,0.25);
}
.product-detail__meta-item--stock-out svg { color:var(--red-600); }

.product-detail__short {
    font-size:16px; color:var(--ink-600);
    margin-bottom:26px; line-height:1.65;
    padding:16px 18px;
    background:linear-gradient(90deg, var(--teal-50), transparent);
    border-left:3px solid var(--teal-400);
    border-radius:0 8px 8px 0;
}

.product-detail__price-block {
    background:linear-gradient(135deg, white, var(--teal-50));
    border:1.5px solid var(--teal-100);
    border-radius:var(--r-lg);
    padding:24px; margin-bottom:18px;
    position:relative;
    overflow:hidden;
}
.product-detail__price-block::before {
    content:''; position:absolute;
    top:-50%; right:-30%;
    width:200px; height:200px;
    background:radial-gradient(circle, rgba(20,184,166,0.12), transparent 70%);
    border-radius:50%;
}
.product-detail__price-row {
    display:flex; align-items:baseline;
    gap:14px; flex-wrap:wrap;
    position:relative; z-index:2;
}
.product-detail__price {
    font-family:'Outfit',sans-serif;
    font-size:46px; font-weight:800;
    background:linear-gradient(135deg, var(--teal-700), var(--cyan-600));
    -webkit-background-clip:text; background-clip:text;
    color:transparent;
    line-height:1;
    letter-spacing:-1.5px;
}
.product-detail__price-old {
    font-size:22px; color:var(--ink-400);
    text-decoration:line-through;
    text-decoration-thickness:1.5px;
}
.product-detail__discount-tag {
    display:inline-flex; align-items:center; gap:4px;
    padding:6px 12px; background:var(--red-500);
    color:white; border-radius:var(--r-full);
    font-size:13px; font-weight:700;
    box-shadow:0 4px 10px rgba(239,68,68,0.3);
}
.product-detail__discount-tag svg { width:14px; height:14px; }
.product-detail__price-info {
    margin-top:12px;
    font-size:12.5px; color:var(--ink-500);
    display:flex; align-items:center; gap:6px;
    position:relative; z-index:2;
}
.product-detail__price-info svg { width:14px; height:14px; }

.product-detail__buy {
    display:flex; align-items:center; justify-content:center;
    gap:12px; padding:20px 30px;
    background:var(--grad-wa); color:white;
    font-size:17px; font-weight:700;
    border-radius:var(--r);
    box-shadow:var(--shadow-wa);
    transition:all var(--t);
    margin-bottom:26px; width:100%;
    position:relative; overflow:hidden;
}
.product-detail__buy::after {
    content:''; position:absolute;
    top:0; left:-100%;
    width:100%; height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    animation:shineBtn 3s infinite;
}
@keyframes shineBtn {
    100% { left:200%; }
}
.product-detail__buy:hover {
    transform:translateY(-2px) scale(1.01);
    box-shadow:0 20px 46px rgba(37,211,102,0.5);
}
.product-detail__buy svg { width:26px; height:26px; position:relative; z-index:2; }
.product-detail__buy span { position:relative; z-index:2; }

.product-detail__features-title {
    font-size:15px; margin-bottom:12px;
    color:var(--ink-900); font-weight:700;
    display:flex; align-items:center; gap:8px;
}
.product-detail__features-title svg {
    width:16px; height:16px; color:var(--teal-600);
}

.product-detail__features {
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:26px;
}
.product-detail__features li {
    display:flex; align-items:flex-start; gap:8px;
    color:var(--ink-700); font-size:13.5px;
    padding:10px 12px; background:var(--ink-50);
    border-radius:8px;
    border:1px solid var(--ink-100);
    line-height:1.4;
}
.product-detail__features li svg {
    width:15px; height:15px;
    flex-shrink:0; color:var(--emerald-600);
    margin-top:2px;
}

.product-detail__delivery {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:10px; margin-bottom:24px;
}
.product-detail__delivery-item {
    display:flex; align-items:center; gap:10px;
    padding:12px 14px; background:white;
    border:1px solid var(--ink-100);
    border-radius:10px;
    font-size:13px; color:var(--ink-700);
    transition:all var(--t);
}
.product-detail__delivery-item:hover {
    border-color:var(--teal-300);
    box-shadow:var(--shadow-sm);
    transform:translateY(-1px);
}
.product-detail__delivery-item svg {
    width:18px; height:18px;
    color:var(--teal-600); flex-shrink:0;
}
.product-detail__delivery-item strong {
    display:block; font-size:13px;
    color:var(--ink-900); font-weight:700;
}
.product-detail__delivery-item small {
    display:block; font-size:11.5px;
    color:var(--ink-500); margin-top:1px;
}

.product-detail__description {
    margin-top:50px;
    padding:36px;
    background:white;
    border:1px solid var(--ink-100);
    border-radius:var(--r-lg);
    box-shadow:var(--shadow-sm);
}
.product-detail__description h2 {
    font-size:22px; margin-bottom:16px;
    color:var(--ink-900);
    display:flex; align-items:center; gap:10px;
    padding-bottom:14px;
    border-bottom:2px solid var(--teal-100);
}
.product-detail__description h2 svg { width:22px; height:22px; color:var(--teal-600); }
.product-detail__description p {
    color:var(--ink-600);
    font-size:15px; line-height:1.75;
    white-space:pre-wrap;
}

/* ==================== FOOTER - aliniere perfectă ==================== */
.footer {
    background:var(--ink-900);
    color:var(--ink-300);
    padding-top:60px;
    position:relative;
}
.footer__grid {
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.3fr;
    gap:50px;
    padding-bottom:50px;
}
.footer__col h4 {
    color:white;
    font-size:15px;
    margin-bottom:22px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.8px;
    position:relative;
    padding-bottom:12px;
}
.footer__col h4::after {
    content:''; position:absolute;
    bottom:0; left:0;
    width:32px; height:3px;
    background:var(--grad-primary);
    border-radius:2px;
}

.footer__brand {
    display:flex; align-items:center; gap:14px;
    margin-bottom:20px;
}
.footer__brand-icon {
    width:52px; height:52px;
    background:var(--grad-primary);
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    color:white;
    box-shadow:var(--shadow-teal);
}
.footer__brand-icon svg { width:28px; height:28px; }
.footer__brand strong {
    font-family:'Outfit',sans-serif;
    font-size:24px; color:white;
    font-weight:800;
    letter-spacing:-0.5px;
}
.footer__about {
    color:var(--ink-400);
    line-height:1.7;
    font-size:14px;
    margin-bottom:24px;
    max-width:340px;
}
.footer__social { 
    display:flex; gap:10px;
}
.footer__social a {
    width:42px; height:42px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    color:var(--ink-300);
    transition:all var(--t);
}
.footer__social a:hover {
    background:var(--grad-primary);
    color:white;
    transform:translateY(-3px);
    border-color:transparent;
    box-shadow:var(--shadow-teal);
}
.footer__social a svg { width:18px; height:18px; }

.footer__list {
    list-style:none;
    display:flex; flex-direction:column;
    gap:11px;
}
.footer__list a {
    display:inline-flex; align-items:center;
    gap:8px;
    color:var(--ink-400);
    font-size:14px;
    font-weight:500;
    transition:all var(--t);
    line-height:1.4;
}
.footer__list a:hover {
    color:var(--teal-300);
    transform:translateX(4px);
}
.footer__list a svg {
    width:14px; height:14px;
    color:var(--teal-500);
    flex-shrink:0;
}

.footer__contact-row {
    display:flex; align-items:flex-start; gap:12px;
    margin-bottom:16px;
    font-size:13.5px;
    color:var(--ink-400);
    line-height:1.5;
}
.footer__contact-row svg {
    width:18px; height:18px;
    color:var(--teal-400);
    flex-shrink:0;
    margin-top:1px;
}
.footer__contact-row strong {
    color:white;
    display:block;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.5px;
    margin-bottom:3px;
    font-weight:600;
}
.footer__contact-row a:hover { color:var(--teal-300); }

.footer__bottom {
    border-top:1px solid rgba(255,255,255,0.08);
    padding:22px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:13px;
    color:var(--ink-500);
    flex-wrap:wrap;
    gap:14px;
}
.footer__bottom-trust {
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--ink-400);
}
.footer__bottom-trust svg {
    width:16px; height:16px;
    color:var(--emerald-500);
}

/* ==================== COOKIE BANNER ==================== */
.cookie-banner {
    position:fixed; bottom:20px; left:20px; right:20px;
    max-width:720px; margin:0 auto;
    background:white;
    border-radius:var(--r);
    box-shadow:var(--shadow-xl);
    padding:18px 22px; z-index:300;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:16px; align-items:center;
    border:1px solid var(--ink-100);
    animation:slideUp 500ms ease-out;
}
@keyframes slideUp {
    from { transform:translateY(20px); opacity:0; }
    to { transform:translateY(0); opacity:1; }
}
.cookie-banner__icon {
    width:46px; height:46px;
    background:var(--teal-50); color:var(--teal-600);
    border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
.cookie-banner__text {
    font-size:13.5px; color:var(--ink-600);
    line-height:1.55;
}
.cookie-banner__text strong {
    color:var(--ink-900); display:block;
    margin-bottom:2px;
}
.cookie-banner__actions { display:flex; gap:8px; }

/* ==================== 404 ==================== */
.error-page { padding:100px 0; text-align:center; }
.error-page__code {
    font-family:'Outfit',sans-serif;
    font-size:120px; font-weight:800;
    background:var(--grad-primary);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    line-height:1; margin-bottom:16px;
}
.error-page h1 {
    font-size:32px; margin-bottom:12px;
    color:var(--ink-900);
}
.error-page p {
    color:var(--ink-500);
    margin-bottom:28px; max-width:500px;
    margin-left:auto; margin-right:auto;
}
.error-page__actions {
    display:flex; gap:12px;
    justify-content:center; flex-wrap:wrap;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1280px) {
    .products-grid, .categories-grid, .why-grid, .stats-grid {
        grid-template-columns:repeat(3, 1fr);
    }
}
@media (max-width: 1100px) {
    .header__inner {
        grid-template-columns:auto 1fr auto auto;
        gap:12px;
    }
    .header__contact-phone-text { display:none; }
    .header__contact-phone { padding:8px 12px; border-right:0; }
    .header__contact-wa { padding:8px 14px; }
    .header__contact-wa-text small { display:none; }
}
@media (max-width: 1024px) {
    .header__inner { 
        grid-template-columns:auto 1fr auto;
        gap:14px;
    }
    .header__contact { display:none; }
    .cats-nav { display:none; }
    .products-grid, .categories-grid, .why-grid, .stats-grid {
        grid-template-columns:repeat(3, 1fr);
    }
    .product-detail__grid { grid-template-columns:1fr; gap:30px; }
    .wa-block__inner { grid-template-columns:1fr; gap:40px; }
    .wa-block__visual { transform:scale(0.85); }
    .footer__grid { grid-template-columns:1fr 1fr; }
    .header__burger { 
        display:flex; 
        margin-left:auto;
    }
    .header__search {
        max-width:none;
        order:0;
    }
}
@media (max-width: 768px) {
    .container { padding:0 16px; }
    
    /* Header mobile: logo stânga, burger dreapta - SPAȚIU GENEROS */
    .header__inner { 
        grid-template-columns:auto auto !important;
        justify-content:space-between !important;
        padding:12px 0;
        gap:14px;
    }
    .header__search { display:none !important; }
    .header__logo {
        font-size:19px;
        gap:10px;
    }
    .header__logo-icon { 
        width:44px; height:44px;
        border-radius:12px;
        box-shadow:0 6px 16px rgba(13,148,136,0.25);
    }
    .header__logo-icon svg { width:24px; height:24px; }
    .header__logo-img { height:44px; max-width:160px; }
    .header__burger {
        margin-left:0;
        width:46px; height:46px;
        border-radius:13px;
        background:linear-gradient(135deg, var(--teal-50), var(--cyan-50));
        border:1.5px solid var(--teal-200);
        color:var(--teal-700);
        box-shadow:0 4px 12px rgba(13,148,136,0.15);
    }
    .header__burger:hover, .header__burger:active {
        background:var(--grad-primary);
        color:white;
        border-color:transparent;
    }
    .header__burger svg { width:23px; height:23px; }
    
    .promo-bar { font-size:11.5px; }
    .promo-bar__inner { gap:14px; }
    .promo-bar__item:nth-child(n+3) { display:none; }
    
    .section, .why-section, .process-section, .stats-section, .wa-block { padding:60px 0; }
    .section-header { margin-bottom:36px; }
    
    .products-grid, .categories-grid {
        grid-template-columns:repeat(2, 1fr);
        gap:10px;
    }
    .why-grid { grid-template-columns:repeat(2, 1fr); gap:14px; }
    .stats-grid { grid-template-columns:repeat(2, 1fr); gap:18px; }
    .process-grid { grid-template-columns:1fr; gap:40px; }
    .process-grid::before { display:none; }
    
    /* Product card mobile - text COMPACT */
    .product-card__body { padding:9px 11px 11px; }
    .product-card__category { font-size:9px; letter-spacing:0.7px; margin-bottom:2px; }
    .product-card__name { 
        font-size:13px; 
        line-height:1.18;
        min-height:30px;
        margin-bottom:1px;
    }
    .product-card__desc { 
        font-size:11px; 
        line-height:1.3;
        margin-bottom:5px;
    }
    .product-card__price { 
        margin-bottom:6px; 
        padding-bottom:6px;
        gap:6px;
    }
    .product-card__price-new { font-size:16.5px; }
    .product-card__price-old { font-size:11.5px; }
    .product-card__more { 
        font-size:11.5px; 
        padding:8px 10px;
        gap:5px;
    }
    .product-card__more svg { width:14px; height:14px; }
    
    .cat-card { padding:24px 16px; }
    .cat-card__icon { width:68px; height:68px; }
    .cat-card__icon svg { width:36px; height:36px; }
    .cat-card__name { font-size:15px; }
    
    .hero { min-height:480px; padding-bottom:80px; }
    .hero__content { padding:60px 0 100px; }
    .hero__arrows { display:none; }
    .hero__waves { height:80px; }
    
    .wa-block__visual { display:none; }
    
    .footer__grid { grid-template-columns:1fr; gap:30px; }
    
    .cat-header__inner { flex-direction:column; text-align:center; gap:18px; }
    
    .wa-float { width:56px; height:56px; bottom:16px; right:16px; }
    .wa-float svg { width:26px; height:26px; }
    .wa-float__label { display:none; }
    
    .cookie-banner {
        grid-template-columns:1fr;
        text-align:center; gap:12px;
        bottom:90px;
    }
    .cookie-banner__icon { margin:0 auto; }
    .cookie-banner__actions { justify-content:center; }
    
    .catalog-toolbar { flex-direction:column; align-items:stretch; gap:10px; }
    .catalog-toolbar__sort { width:100%; }
    .catalog-toolbar__sort select { flex:1; }
}
@media (max-width: 480px) {
    .why-grid, .stats-grid { grid-template-columns:1fr; }
    .product-detail__price { font-size:32px; }
    .section-header__title { font-size:26px; }
    .product-detail__delivery { grid-template-columns:1fr; }
}

/* ==================== UTILS ==================== */
.reveal-on-scroll {
    opacity:0; transform:translateY(20px);
    transition:opacity 600ms ease-out, transform 600ms ease-out;
}
.reveal-on-scroll.is-revealed {
    opacity:1; transform:translateY(0);
}

/* ==================== TRUST BAND ==================== */
.trust-band {
    background:white;
    padding:32px 0;
    border-bottom:1px solid var(--ink-100);
    position:relative;
}
.trust-band__grid {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:20px;
}
.trust-band__item {
    display:flex; align-items:center; gap:14px;
    padding:12px 14px;
    border-radius:14px;
    transition:all var(--t);
}
.trust-band__item:hover {
    background:var(--teal-50);
    transform:translateY(-2px);
}
.trust-band__icon {
    width:48px; height:48px;
    background:linear-gradient(135deg, var(--teal-100), var(--cyan-100));
    color:var(--teal-700);
    border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    border:1.5px solid var(--teal-200);
}
.trust-band__icon svg { width:24px; height:24px; }
.trust-band__text { line-height:1.3; }
.trust-band__text strong {
    display:block;
    font-size:13.5px; font-weight:700;
    color:var(--ink-900);
}
.trust-band__text small {
    font-size:12px; color:var(--ink-500);
    margin-top:2px; display:block;
}
@media (max-width: 1100px) {
    .trust-band__grid { grid-template-columns:repeat(3, 1fr); }
    .trust-band__item:nth-child(n+4) { display:none; }
}
@media (max-width: 768px) {
    .trust-band__grid { grid-template-columns:repeat(2, 1fr); gap:12px; }
    .trust-band__item:nth-child(n+3) { display:none; }
    .trust-band { padding:22px 0; }
    .trust-band__icon { width:40px; height:40px; }
    .trust-band__icon svg { width:20px; height:20px; }
}

/* ==================== CAT CARD reîntărit ==================== */
.cat-card {
    position:relative;
    background:white;
    border-radius:20px;
    padding:30px 22px 26px;
    text-align:center;
    border:1.5px solid var(--ink-100);
    transition:all var(--t);
    overflow:hidden;
    display:flex; flex-direction:column; align-items:center;
    box-shadow:var(--shadow-sm);
}
.cat-card::before {
    content:''; position:absolute;
    inset:0;
    background:linear-gradient(135deg, var(--teal-50), transparent 60%);
    opacity:0; transition:opacity var(--t);
    z-index:0;
}
.cat-card::after {
    content:''; position:absolute;
    top:0; left:0; right:0; height:5px;
    background:var(--grad-primary);
    transform:scaleX(0); transform-origin:left;
    transition:transform 400ms ease;
}
.cat-card:hover {
    transform:translateY(-10px);
    border-color:var(--teal-300);
    box-shadow:0 22px 50px rgba(13,148,136,0.2);
}
.cat-card:hover::before { opacity:1; }
.cat-card:hover::after { transform:scaleX(1); }
.cat-card > * { position:relative; z-index:2; }

.cat-card__icon {
    width:88px; height:88px;
    background:linear-gradient(135deg, var(--teal-600), var(--cyan-600));
    color:white; border-radius:24px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:20px;
    transition:all 500ms cubic-bezier(0.34,1.56,0.64,1);
    box-shadow:0 14px 30px rgba(13,148,136,0.3);
    position:relative;
}
.cat-card__icon::after {
    content:''; position:absolute;
    inset:-4px;
    border:1.5px dashed var(--teal-300);
    border-radius:30px;
    opacity:0;
    animation:spinSlow 14s linear infinite;
    transition:opacity 400ms;
}
.cat-card:hover .cat-card__icon::after { opacity:1; }
@keyframes spinSlow {
    to { transform:rotate(360deg); }
}
.cat-card__icon svg { width:46px; height:46px; }
.cat-card:hover .cat-card__icon {
    transform:scale(1.1) rotate(-6deg);
    box-shadow:0 18px 40px rgba(13,148,136,0.4);
}

.cat-card__image {
    position:absolute; inset:0; z-index:0;
    opacity:0.06;
    background-size:cover; background-position:center;
    transition:opacity var(--t);
}
.cat-card:hover .cat-card__image { opacity:0.12; }

.cat-card__name {
    font-size:18px; font-weight:700;
    color:var(--ink-900); margin-bottom:6px;
}
.cat-card__count {
    font-size:12.5px; color:var(--ink-500);
    margin-bottom:16px;
    padding:4px 12px;
    background:var(--teal-50);
    border-radius:var(--r-full);
    border:1px solid var(--teal-100);
    color:var(--teal-700); font-weight:600;
    display:inline-block;
}
.cat-card__arrow {
    color:var(--teal-600);
    transition:transform var(--t);
    display:inline-flex; align-items:center; gap:6px;
    font-size:13px; font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5px;
}
.cat-card__arrow svg {
    width:14px; height:14px;
    transition:transform var(--t);
}
.cat-card:hover .cat-card__arrow svg { transform:translateX(6px); }

/* ============== Animații continue în header ============== */
.header__logo-icon {
    position:relative;
}
.header__logo-icon::after {
    content:''; position:absolute;
    inset:0; border-radius:12px;
    background:linear-gradient(135deg, var(--teal-400), var(--cyan-400));
    z-index:-1;
    opacity:0.5;
    animation:logoGlow 3s ease-in-out infinite;
}
@keyframes logoGlow {
    0%, 100% { opacity:0.3; transform:scale(1); }
    50% { opacity:0.7; transform:scale(1.15); }
}

/* Bandă de fluiditate la promo bar */
.promo-bar {
    background:linear-gradient(90deg, var(--teal-800), var(--cyan-700), var(--teal-700), var(--teal-800));
    background-size:300% 100%;
    animation:promoFlow 8s ease infinite;
}
@keyframes promoFlow {
    0%, 100% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
}

/* Reveal mai modern */
.reveal-on-scroll {
    opacity:0; transform:translateY(30px);
    transition:opacity 800ms cubic-bezier(0.16,1,0.3,1), transform 800ms cubic-bezier(0.16,1,0.3,1);
}
.reveal-on-scroll.is-revealed {
    opacity:1; transform:translateY(0);
}

/* ==================== TESTIMONIALS - mai realiste ==================== */
.testimonials-section {
    padding:90px 0;
    background:linear-gradient(180deg, white 0%, var(--teal-50) 100%);
    position:relative;
}

/* Summary cu rating big + bare */
.testimonials-summary {
    display:grid;
    grid-template-columns:1fr 1.6fr;
    gap:40px;
    max-width:780px;
    margin:0 auto 50px;
    padding:32px 36px;
    background:white;
    border-radius:20px;
    border:1.5px solid var(--ink-100);
    box-shadow:var(--shadow);
    align-items:center;
}
.testimonials-summary__score { text-align:center; }
.testimonials-summary__big {
    font-family:'Outfit', sans-serif;
    font-size:64px; font-weight:800;
    line-height:1;
    background:linear-gradient(135deg, var(--amber-400), var(--orange-500));
    -webkit-background-clip:text; background-clip:text;
    color:transparent;
    margin-bottom:6px;
}
.testimonials-summary__stars {
    display:flex; gap:2px;
    justify-content:center;
    color:var(--amber-400);
    margin-bottom:6px;
}
.testimonials-summary__stars svg { width:20px; height:20px; }
.testimonials-summary__score small {
    font-size:12.5px; color:var(--ink-500);
    font-weight:500;
}

.testimonials-summary__bars {
    display:flex; flex-direction:column;
    gap:6px;
}
.rating-bar {
    display:flex; align-items:center;
    gap:10px;
    font-size:13px;
}
.rating-bar > span:first-child {
    width:36px;
    color:var(--ink-700);
    font-weight:600;
    flex-shrink:0;
}
.rating-bar__fill {
    flex:1;
    height:8px;
    background:linear-gradient(90deg, var(--amber-400), var(--orange-500));
    border-radius:999px;
    position:relative;
    overflow:hidden;
}
.rating-bar > strong {
    width:40px;
    text-align:right;
    color:var(--ink-700);
    font-weight:600;
    flex-shrink:0;
    font-size:12.5px;
}

/* Carduri testimoniale */
.testimonials-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}
.testimonial-card {
    background:white;
    padding:26px;
    border-radius:18px;
    border:1.5px solid var(--ink-100);
    box-shadow:var(--shadow-sm);
    transition:all var(--t);
    position:relative;
    display:flex; flex-direction:column;
}
.testimonial-card:hover {
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
    border-color:var(--teal-200);
}

.testimonial-card__header {
    display:flex; align-items:center; gap:14px;
    margin-bottom:16px;
    padding-bottom:14px;
    border-bottom:1px solid var(--ink-100);
}
.testimonial-card__avatar {
    width:50px; height:50px;
    border-radius:50%;
    background:var(--grad-primary);
    color:white;
    display:flex; align-items:center; justify-content:center;
    font-family:'Outfit', sans-serif;
    font-weight:700; font-size:18px;
    flex-shrink:0;
    box-shadow:var(--shadow-sm);
}
.testimonial-card__header > div:last-child { flex:1; min-width:0; }
.testimonial-card__header strong {
    display:flex; align-items:center; gap:6px;
    font-size:15px; color:var(--ink-900);
    margin-bottom:4px;
}
.testimonial-card__verified {
    color:var(--emerald-600);
    display:inline-flex;
}
.testimonial-card__verified svg { width:14px; height:14px; }
.testimonial-card__meta {
    display:flex; align-items:center; gap:6px;
    flex-wrap:wrap;
}
.testimonial-card__meta small {
    font-size:11.5px; color:var(--ink-500);
}
.testimonial-card__stars {
    display:inline-flex; gap:1px;
    color:var(--amber-400);
}
.testimonial-card__stars svg { width:14px; height:14px; }

.testimonial-card__text {
    font-size:14.5px;
    color:var(--ink-700);
    line-height:1.65;
    margin-bottom:18px;
    flex:1;
}
.testimonial-card__text strong {
    color:var(--ink-900);
    font-weight:700;
}

.testimonial-card__product {
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 14px;
    background:linear-gradient(90deg, var(--teal-50), transparent);
    border-radius:8px;
    border-left:3px solid var(--teal-400);
    font-size:12.5px;
    color:var(--teal-800);
    font-weight:600;
}
.testimonial-card__product svg {
    width:14px; height:14px;
    color:var(--teal-600);
}

@media (max-width: 1024px) {
    .testimonials-grid { grid-template-columns:repeat(2, 1fr); }
    .testimonial-card:nth-child(3) { display:none; }
    .testimonials-summary { grid-template-columns:1fr; gap:20px; text-align:center; }
}
@media (max-width: 768px) {
    .testimonials-grid { grid-template-columns:1fr; }
    .testimonial-card:nth-child(3) { display:flex; }
    .testimonials-section { padding:60px 0; }
    .testimonials-summary { padding:24px; }
    .testimonials-summary__big { font-size:48px; }
}

/* ==================== ICONUR DECORATIVE PE FUNDAL ==================== */
/* Pattern de iconuri pe categorii section */
.section--alt {
    position:relative;
    overflow:hidden;
}
.section--alt::before {
    content:''; position:absolute;
    inset:0;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.06'><path d='M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z'/></svg>"),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' opacity='0.05'><circle cx='12' cy='12' r='10'/><circle cx='12' cy='12' r='4'/></svg>");
    background-position: 10% 20%, 85% 75%;
    background-repeat: no-repeat;
    pointer-events:none;
    z-index:0;
}
.section--alt > * { position:relative; z-index:1; }

/* Process section cu pattern */
.process-section {
    position:relative;
    overflow:hidden;
}
.process-section::before {
    content:''; position:absolute;
    inset:0;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 24 24' fill='none' stroke='%2314b8a6' stroke-width='1.2' opacity='0.05'><path d='M9 12l2 2 4-4'/><circle cx='12' cy='12' r='10'/></svg>"),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='1.2' opacity='0.06'><path d='M3 6h18M3 12h18M3 18h18'/></svg>");
    background-position: 92% 15%, 5% 80%;
    background-repeat: no-repeat;
    pointer-events:none;
    z-index:0;
}
.process-section > * { position:relative; z-index:1; }

/* Why section cu droplets */
.why-section::after {
    content:''; position:absolute;
    inset:0;
    background-image:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='1.2' opacity='0.06'><path d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'/></svg>"),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 24 24' fill='none' stroke='%2306b6d4' stroke-width='1.2' opacity='0.05'><circle cx='12' cy='12' r='10'/><path d='M8 14s1.5 2 4 2 4-2 4-2'/></svg>");
    background-position: 8% 30%, 90% 70%;
    background-repeat: no-repeat;
    pointer-events:none;
    z-index:0;
}
.why-section > * { position:relative; z-index:2; }

/* ==================== SCROLL ANIMATIONS - reveal pe blocuri ==================== */
.reveal {
    opacity:0;
    transform:translateY(40px);
    transition:opacity 700ms cubic-bezier(0.16,1,0.3,1), transform 700ms cubic-bezier(0.16,1,0.3,1);
    will-change:opacity, transform;
}
.reveal.is-visible {
    opacity:1;
    transform:translateY(0);
}
.reveal--scale {
    transform:translateY(40px) scale(0.95);
}
.reveal--scale.is-visible {
    transform:translateY(0) scale(1);
}
.reveal--left {
    transform:translateX(-50px);
}
.reveal--left.is-visible {
    transform:translateX(0);
}
.reveal--right {
    transform:translateX(50px);
}
.reveal--right.is-visible {
    transform:translateX(0);
}

/* Stagger pe copii */
.reveal-stagger > * {
    opacity:0;
    transform:translateY(30px);
    transition:opacity 600ms cubic-bezier(0.16,1,0.3,1), transform 600ms cubic-bezier(0.16,1,0.3,1);
}
.reveal-stagger.is-visible > *:nth-child(1) { transition-delay:0ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(2) { transition-delay:80ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(3) { transition-delay:160ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(4) { transition-delay:240ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(5) { transition-delay:320ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(6) { transition-delay:400ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(7) { transition-delay:480ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(8) { transition-delay:560ms; opacity:1; transform:translateY(0); }
.reveal-stagger.is-visible > *:nth-child(n+9) { transition-delay:640ms; opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion: reduce) {
    .reveal, .reveal-stagger > * {
        opacity:1 !important;
        transform:none !important;
        transition:none !important;
    }
}

/* ==================== MAGAZIN — îmbunătățiri pronunțate ==================== */
/* Section titles mai bold și mai pronunțate */
.section-header__eyebrow {
    background:linear-gradient(135deg, #0d9488, #06b6d4) !important;
    color:white !important;
    border:none !important;
    box-shadow:0 6px 18px rgba(13,148,136,0.3);
    padding:8px 20px !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
}
.section-header__eyebrow svg { color:white !important; }
.section-header__title {
    font-size:clamp(30px, 4.3vw, 50px) !important;
    font-weight:900 !important;
    letter-spacing:-0.03em !important;
    line-height:1.05 !important;
}
.section-header__subtitle {
    font-size:17px !important;
    color:var(--ink-600) !important;
    font-weight:500 !important;
    line-height:1.65 !important;
}

/* Trust band cu un boost de design */
.trust-band {
    background:linear-gradient(180deg, white 0%, var(--teal-50) 100%);
    border-bottom:1px solid var(--teal-100);
    padding:40px 0;
}
.trust-band__item {
    background:white;
    border:1.5px solid var(--ink-100);
    padding:18px 16px;
    border-radius:16px;
    transition:all var(--t);
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
}
.trust-band__item:hover {
    transform:translateY(-4px);
    border-color:var(--teal-300);
    box-shadow:0 16px 36px rgba(13,148,136,0.18);
    background:linear-gradient(180deg, white, var(--teal-50));
}
.trust-band__icon {
    background:linear-gradient(135deg, #0d9488, #06b6d4) !important;
    color:white !important;
    border:none !important;
    box-shadow:0 8px 20px rgba(13,148,136,0.32) !important;
    width:52px !important; height:52px !important;
    border-radius:14px !important;
}
.trust-band__icon svg { width:26px !important; height:26px !important; color:white !important; }

/* Categories grid - cards mai pronunțate */
.cat-card {
    border-width:2px;
    border-radius:22px !important;
    padding:34px 24px 28px !important;
}
.cat-card:hover {
    transform:translateY(-12px);
    border-color:var(--teal-400);
    box-shadow:
        0 28px 60px rgba(13,148,136,0.22),
        0 0 0 4px rgba(13,148,136,0.06);
}
.cat-card__icon {
    width:96px !important; height:96px !important;
    border-radius:28px !important;
    box-shadow:
        0 16px 40px rgba(13,148,136,0.4),
        inset 0 2px 4px rgba(255,255,255,0.3) !important;
}
.cat-card__icon svg { width:48px !important; height:48px !important; }
.cat-card__name {
    font-size:19px !important;
    font-weight:800 !important;
    letter-spacing:-0.01em;
}

/* Product cards - mai pronunțate + glass border */
.product-card {
    border-width:2px;
    border-radius:20px !important;
}
.product-card:hover {
    transform:translateY(-10px);
    border-color:var(--teal-400);
    box-shadow:
        0 28px 56px rgba(13,148,136,0.2),
        0 0 0 4px rgba(13,148,136,0.06);
}
.product-card__badge {
    padding:6px 13px !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    backdrop-filter:blur(10px);
}
.product-card__badge--discount {
    background:linear-gradient(135deg, #ef4444, #dc2626) !important;
    color:white !important;
    box-shadow:0 6px 16px rgba(239,68,68,0.35) !important;
}
.product-card__badge--featured {
    background:linear-gradient(135deg, #f97316, #facc15) !important;
    color:white !important;
    box-shadow:0 6px 16px rgba(245,158,11,0.4) !important;
}

/* Why section cards - pronunțate */
.why-card {
    border-width:2px !important;
    border-radius:20px !important;
}
.why-card__icon {
    box-shadow:
        0 14px 32px rgba(13,148,136,0.35),
        inset 0 2px 4px rgba(255,255,255,0.3) !important;
}

/* Stats counters - mai pronunțate */
.stat-counter__value {
    font-weight:900 !important;
    text-shadow:0 4px 20px rgba(0,0,0,0.18);
}

/* Testimonial cards - bold border */
.testimonial-card {
    border-width:2px !important;
    border-radius:20px !important;
}
.testimonial-card:hover {
    border-color:var(--teal-300);
    box-shadow:
        0 22px 48px rgba(13,148,136,0.18),
        0 0 0 4px rgba(13,148,136,0.04);
}


/* ==================== ACCENTE DARK - design mai pronunțat ==================== */
/* Bandă dark mid-page pentru contrast - DARK CTA strip */
.dark-cta-strip {
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    color:white;
    padding:70px 0;
    position:relative;
    overflow:hidden;
}
.dark-cta-strip::before {
    content:''; position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 20% 30%, rgba(20,184,166,0.25), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(34,211,238,0.18), transparent 50%);
    pointer-events:none;
}
.dark-cta-strip::after {
    content:''; position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,0.04) 1px, transparent 1.5px),
        radial-gradient(circle at 75% 60%, rgba(255,255,255,0.04) 1px, transparent 1.5px);
    background-size:40px 40px;
    pointer-events:none;
}
.dark-cta-strip__inner {
    position:relative; z-index:2;
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:50px; align-items:center;
}
.dark-cta-strip__content h2 {
    font-size:clamp(28px, 3.6vw, 42px);
    font-weight:900;
    letter-spacing:-0.02em;
    line-height:1.15;
    margin-bottom:18px;
}
.dark-cta-strip__content h2 span {
    background:linear-gradient(135deg, #2dd4bf, #06b6d4);
    -webkit-background-clip:text; background-clip:text;
    color:transparent;
}
.dark-cta-strip__content p {
    font-size:16.5px;
    color:rgba(255,255,255,0.75);
    line-height:1.7;
    margin-bottom:26px;
    max-width:520px;
}
.dark-cta-strip__features {
    display:flex; flex-wrap:wrap;
    gap:20px;
    margin-bottom:6px;
}
.dark-cta-strip__feature {
    display:inline-flex; align-items:center; gap:8px;
    font-size:14px;
    color:rgba(255,255,255,0.85);
    font-weight:500;
}
.dark-cta-strip__feature svg {
    width:18px; height:18px;
    color:#2dd4bf;
    flex-shrink:0;
}
.dark-cta-strip__actions {
    display:flex; flex-direction:column;
    gap:14px; align-items:flex-end;
}
.dark-cta-strip__phone {
    background:rgba(255,255,255,0.06);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,0.1);
    padding:22px 26px;
    border-radius:18px;
    width:100%;
    text-align:center;
}
.dark-cta-strip__phone small {
    display:block;
    color:rgba(255,255,255,0.6);
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.2px;
    margin-bottom:8px;
}
.dark-cta-strip__phone strong {
    display:block;
    font-family:'Outfit', sans-serif;
    font-size:26px;
    font-weight:800;
    color:white;
    letter-spacing:-0.5px;
}
.dark-cta-strip__btn {
    display:inline-flex; align-items:center; justify-content:center;
    gap:10px;
    width:100%;
    padding:18px 30px;
    background:linear-gradient(135deg, #25d366, #1ebe5d);
    color:white;
    font-weight:700;
    font-size:16px;
    border-radius:16px;
    box-shadow:
        0 14px 32px rgba(37,211,102,0.35),
        inset 0 1px 1px rgba(255,255,255,0.2);
    transition:all var(--t);
    position:relative; overflow:hidden;
}
.dark-cta-strip__btn::after {
    content:''; position:absolute;
    top:0; left:-100%;
    width:100%; height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transition:left 600ms;
}
.dark-cta-strip__btn:hover::after { left:100%; }
.dark-cta-strip__btn:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 42px rgba(37,211,102,0.5);
}
.dark-cta-strip__btn svg { width:22px; height:22px; }

@media (max-width: 1024px) {
    .dark-cta-strip__inner { grid-template-columns:1fr; gap:30px; }
    .dark-cta-strip__actions { align-items:stretch; }
}
@media (max-width: 768px) {
    .dark-cta-strip { padding:50px 0; }
}

/* === Categorii secțiune cu fundal mai contrastat === */
.section--alt {
    background:#f8fafc;
    border-top:1px solid var(--ink-100);
    border-bottom:1px solid var(--ink-100);
}

/* === Eyebrow în dark cards (peste dark-cta-strip) === */
.dark-cta-strip__eyebrow {
    display:inline-flex; align-items:center; gap:7px;
    padding:7px 16px;
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:999px;
    font-size:11.5px; font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.2px;
    color:rgba(255,255,255,0.9);
    margin-bottom:18px;
}
.dark-cta-strip__eyebrow svg {
    width:13px; height:13px;
    color:#2dd4bf;
}

/* ==================== INFO MODALES - popup-uri pe magazin ==================== */
.info-modal {
    position:fixed; inset:0;
    z-index:1000;
    display:flex;
    align-items:center; justify-content:center;
    padding:20px;
    pointer-events:none;
}
.info-modal:not([hidden]) {
    pointer-events:auto;
}
.info-modal__backdrop {
    position:absolute; inset:0;
    background:rgba(15,23,42,0.7);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    opacity:0;
    transition:opacity 320ms ease;
    cursor:pointer;
}
.info-modal:not([hidden]) .info-modal__backdrop {
    opacity:1;
}
.info-modal__dialog {
    position:relative;
    background:white;
    width:100%; max-width:680px;
    max-height:90vh;
    border-radius:24px;
    overflow:hidden;
    display:flex; flex-direction:column;
    box-shadow:
        0 50px 100px rgba(0,0,0,0.4),
        0 20px 40px rgba(0,0,0,0.2);
    transform:translateY(40px) scale(0.95);
    opacity:0;
    transition:transform 380ms cubic-bezier(0.34,1.56,0.64,1), opacity 320ms ease;
}
.info-modal:not([hidden]) .info-modal__dialog {
    transform:translateY(0) scale(1);
    opacity:1;
}
.info-modal.is-closing .info-modal__backdrop {
    opacity:0;
}
.info-modal.is-closing .info-modal__dialog {
    transform:translateY(40px) scale(0.95);
    opacity:0;
}
.info-modal__close {
    position:absolute;
    top:18px; right:18px;
    width:40px; height:40px;
    background:rgba(15,23,42,0.06);
    border:none;
    border-radius:50%;
    cursor:pointer;
    color:var(--ink-700);
    display:flex; align-items:center; justify-content:center;
    transition:all .2s;
    z-index:5;
}
.info-modal__close:hover {
    background:var(--ink-900);
    color:white;
    transform:rotate(90deg) scale(1.05);
}
.info-modal__close svg { width:18px; height:18px; }

.info-modal__header {
    display:flex; align-items:center; gap:18px;
    padding:30px 30px 24px;
    border-bottom:1px solid var(--ink-100);
    background:linear-gradient(135deg, var(--teal-50), white);
}
.info-modal__icon {
    width:64px; height:64px;
    background:linear-gradient(135deg, var(--teal-600), var(--cyan-600));
    color:white;
    border-radius:18px;
    display:flex; align-items:center; justify-content:center;
    box-shadow:
        0 14px 32px rgba(13,148,136,0.35),
        inset 0 1px 1px rgba(255,255,255,0.3);
    flex-shrink:0;
}
.info-modal__icon svg { width:32px; height:32px; }
.info-modal__icon--teal { background:linear-gradient(135deg, #0d9488, #06b6d4); }
.info-modal__icon--cyan { background:linear-gradient(135deg, #06b6d4, #3b82f6); box-shadow:0 14px 32px rgba(6,182,212,0.35), inset 0 1px 1px rgba(255,255,255,0.3); }
.info-modal__icon--orange { background:linear-gradient(135deg, #f97316, #facc15); box-shadow:0 14px 32px rgba(249,115,22,0.35), inset 0 1px 1px rgba(255,255,255,0.3); }
.info-modal__icon--green { background:linear-gradient(135deg, #25d366, #1ebe5d); box-shadow:0 14px 32px rgba(37,211,102,0.35), inset 0 1px 1px rgba(255,255,255,0.3); }

.info-modal__eyebrow {
    display:inline-block;
    font-size:11.5px;
    text-transform:uppercase;
    letter-spacing:1.3px;
    color:var(--teal-700);
    font-weight:800;
    margin-bottom:4px;
}
.info-modal__header h2 {
    font-size:24px;
    font-weight:800;
    color:var(--ink-900);
    margin:0;
    letter-spacing:-0.02em;
    line-height:1.2;
}

.info-modal__body {
    padding:24px 30px;
    overflow-y:auto;
    flex:1;
}
.info-modal__lead {
    font-size:15.5px;
    color:var(--ink-600);
    line-height:1.65;
    margin:0 0 22px;
}
.info-modal__h3 {
    font-size:17px;
    font-weight:800;
    color:var(--ink-900);
    margin:22px 0 12px;
    letter-spacing:-0.01em;
}

.info-modal__grid {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:14px;
    margin-bottom:18px;
}
.info-modal__feature {
    display:flex; gap:12px;
    padding:14px;
    background:var(--teal-50);
    border:1px solid var(--teal-100);
    border-radius:12px;
}
.info-modal__feature-icon {
    width:30px; height:30px;
    background:white;
    color:var(--teal-600);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    box-shadow:0 2px 6px rgba(13,148,136,0.15);
}
.info-modal__feature-icon svg { width:16px; height:16px; }
.info-modal__feature strong {
    display:block;
    font-size:14px;
    color:var(--ink-900);
    font-weight:700;
    margin-bottom:2px;
}
.info-modal__feature span {
    font-size:12.5px;
    color:var(--ink-600);
    line-height:1.4;
}

.info-modal__timeline {
    display:flex; flex-direction:column;
    gap:14px;
    margin:18px 0;
}
.info-modal__step {
    display:flex; gap:14px;
    align-items:flex-start;
    padding:14px;
    background:var(--ink-50);
    border-radius:12px;
    border-left:3px solid var(--teal-500);
}
.info-modal__step-num {
    width:32px; height:32px;
    background:linear-gradient(135deg, var(--teal-600), var(--cyan-600));
    color:white;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-weight:800;
    font-size:14px;
    flex-shrink:0;
    box-shadow:0 4px 10px rgba(13,148,136,0.3);
}
.info-modal__step strong {
    display:block;
    font-size:14.5px;
    color:var(--ink-900);
    font-weight:700;
    margin-bottom:3px;
}
.info-modal__step span {
    font-size:13px;
    color:var(--ink-600);
    line-height:1.5;
}

.info-modal__list {
    margin:8px 0 18px;
    padding-left:20px;
    color:var(--ink-700);
    font-size:14px;
    line-height:1.75;
}
.info-modal__list li {
    padding:3px 0;
}

.info-modal__notice {
    display:flex; gap:12px;
    padding:16px;
    background:linear-gradient(135deg, #fef3c7, #fde68a);
    border:1px solid #fcd34d;
    border-radius:12px;
    margin-top:8px;
}
.info-modal__notice-icon {
    width:28px; height:28px;
    background:white;
    color:#d97706;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    box-shadow:0 2px 6px rgba(217,119,6,0.2);
}
.info-modal__notice-icon svg { width:16px; height:16px; }
.info-modal__notice p {
    margin:0;
    font-size:13.5px;
    color:#78350f;
    line-height:1.55;
}
.info-modal__notice strong { color:#92400e; }

.info-modal__footer {
    padding:18px 30px 24px;
    border-top:1px solid var(--ink-100);
    background:var(--ink-50);
}
.info-modal__footer .btn { width:100%; }

/* Footer info links */
.footer__info-link {
    cursor:pointer;
}

/* Scrollbar custom în modale */
.info-modal__body::-webkit-scrollbar { width:8px; }
.info-modal__body::-webkit-scrollbar-track { background:transparent; }
.info-modal__body::-webkit-scrollbar-thumb { background:var(--ink-200); border-radius:4px; }
.info-modal__body::-webkit-scrollbar-thumb:hover { background:var(--ink-300); }

/* Body blocked când modal e deschis */
body.modal-open { overflow:hidden; }

@media (max-width: 768px) {
    .info-modal { padding:10px; }
    .info-modal__dialog { max-height:95vh; border-radius:18px; }
    .info-modal__header { padding:24px 22px 20px; gap:14px; }
    .info-modal__icon { width:52px; height:52px; border-radius:14px; }
    .info-modal__icon svg { width:26px; height:26px; }
    .info-modal__header h2 { font-size:20px; }
    .info-modal__body { padding:18px 22px; }
    .info-modal__grid { grid-template-columns:1fr; }
    .info-modal__footer { padding:14px 22px 18px; }
    .info-modal__close { top:14px; right:14px; width:36px; height:36px; }
}

/* ==================== MAGAZIN - REFINARE & SOLIDITATE FINALĂ ==================== */
/* Background secțiuni cu separare dramatică */
.section:nth-of-type(odd):not(.section--alt):not(.hero) {
    background:#fafbfc;
    position:relative;
}
.section + .section--alt {
    border-top:none;
}

/* Categorii cards - mai pronunțate, mai bold */
.cat-card {
    background:white;
    border:2px solid var(--ink-100);
    box-shadow:
        0 1px 3px rgba(15,23,42,0.04),
        inset 0 -2px 0 rgba(15,23,42,0.02);
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.cat-card::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:0;
    background:linear-gradient(180deg, var(--teal-400), var(--cyan-400));
    transition:height 360ms cubic-bezier(0.34,1.56,0.64,1);
    z-index:-1;
    border-radius:22px 22px 0 0;
}
.cat-card:hover::before {
    height:8px;
}
.cat-card__icon {
    position:relative;
    background:linear-gradient(135deg, var(--teal-500), var(--cyan-500)) !important;
    transition:all 400ms cubic-bezier(0.34,1.56,0.64,1);
}
.cat-card:hover .cat-card__icon {
    transform:scale(1.08) rotate(-3deg);
}
.cat-card::after {
    content:''; position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 0%, rgba(13,148,136,0.06), transparent 50%);
    opacity:0;
    transition:opacity 400ms;
    pointer-events:none;
}
.cat-card:hover::after { opacity:1; }

/* Product cards - mai solid */
.product-card {
    background:white;
    border:2px solid var(--ink-100);
    box-shadow:
        0 1px 3px rgba(15,23,42,0.04),
        inset 0 -2px 0 rgba(15,23,42,0.02);
    position:relative;
    overflow:hidden;
}
.product-card__media {
    background:linear-gradient(135deg, #f8fafc, #f1f5f9) !important;
    position:relative;
    overflow:hidden;
    aspect-ratio:1;
}
.product-card__media::after {
    content:''; position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 60%, rgba(15,23,42,0.04));
    pointer-events:none;
    transition:opacity 400ms;
}
.product-card:hover .product-card__media::after {
    opacity:0;
}

/* Hero - mai impresionant */
.hero {
    position:relative;
}
.hero::before {
    content:''; position:absolute;
    inset:0;
    background:
        radial-gradient(ellipse at top left, rgba(13,148,136,0.4), transparent 50%),
        radial-gradient(ellipse at bottom right, rgba(6,182,212,0.3), transparent 50%);
    pointer-events:none;
    z-index:1;
}
.hero__title {
    text-shadow:0 4px 30px rgba(0,0,0,0.18);
}

/* Section header mai puternic */
.section-header__title {
    background:linear-gradient(135deg, var(--ink-900), var(--ink-700));
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    display:block;
}
.section-header__eyebrow + .section-header__title {
    margin-top:0;
}

/* Toolbar catalog - mai solid */
.catalog-toolbar {
    background:linear-gradient(135deg, white, var(--ink-50));
    border:1.5px solid var(--ink-100);
    box-shadow:0 4px 14px rgba(15,23,42,0.05);
}

/* Footer - mai contrastat și solid */
.footer {
    background:linear-gradient(180deg, #0f172a 0%, #020617 100%) !important;
    position:relative;
}
.footer::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg, transparent, var(--teal-500), var(--cyan-500), var(--teal-500), transparent);
}

/* === Stats section accent dark === */
.stats-section {
    background:linear-gradient(135deg, #0d9488 0%, #06b6d4 100%) !important;
    position:relative;
}
.stats-section::before {
    content:''; position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.08), transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(255,255,255,0.05), transparent 50%);
    pointer-events:none;
}

/* === Product detail - background mai contrastat === */
.product-detail {
    background:linear-gradient(180deg, white, var(--ink-50));
}

/* === Cards animation refinare === */
.cat-card, .product-card, .why-card, .testimonial-card {
    transition:transform 420ms cubic-bezier(0.34,1.56,0.64,1), 
               box-shadow 380ms ease,
               border-color 280ms ease;
}

/* Trust band - mai solid */
.trust-band {
    background:linear-gradient(180deg, #f8fafc 0%, var(--teal-50) 100%);
    border-bottom:2px solid var(--teal-100);
}
.trust-band__item {
    background:white;
    border:2px solid white;
    box-shadow:0 4px 12px rgba(13,148,136,0.06);
}
.trust-band__item:hover {
    border-color:var(--teal-300);
    box-shadow:
        0 16px 36px rgba(13,148,136,0.18),
        0 0 0 4px rgba(13,148,136,0.04);
}

/* Cats nav - mai bold */
.cats-nav {
    background:white;
    border-top:1px solid var(--ink-100);
    border-bottom:1px solid var(--ink-100);
    box-shadow:0 2px 8px rgba(15,23,42,0.04);
}
.cats-nav__link {
    font-weight:600 !important;
    border-radius:10px !important;
    padding:9px 16px !important;
    transition:all .25s !important;
}
.cats-nav__link.is-active {
    background:linear-gradient(135deg, var(--teal-600), var(--cyan-600)) !important;
    color:white !important;
    box-shadow:0 6px 16px rgba(13,148,136,0.3) !important;
}
.cats-nav__link:not(.is-active):hover {
    background:var(--teal-50) !important;
    color:var(--teal-700) !important;
}

/* ==================== GLOBAL PAGE LOADER ==================== */
.page-loader {
    position:fixed; inset:0;
    z-index:99999;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    display:flex; align-items:center; justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:opacity 160ms ease, visibility 160ms ease;
    pointer-events:none;
}
.page-loader.is-active {
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:opacity 100ms ease, visibility 100ms ease;
}
.page-loader__inner {
    display:flex; flex-direction:column;
    align-items:center; gap:18px;
    transform:scale(0.92);
    transition:transform 260ms cubic-bezier(0.34,1.56,0.64,1);
}
.page-loader.is-active .page-loader__inner {
    transform:scale(1);
}

/* Cerc cu 12 puncte rotative - design profesional */
.page-loader__spinner {
    position:relative;
    width:64px; height:64px;
    animation:loaderRotate 1.6s linear infinite;
}
.page-loader__dot {
    position:absolute;
    top:0; left:50%;
    width:8px; height:8px;
    margin-left:-4px;
    background:linear-gradient(135deg, #0d9488, #06b6d4);
    border-radius:50%;
    transform-origin:4px 32px;
    opacity:0.2;
    animation:loaderPulse 1.2s ease-in-out infinite;
    box-shadow:0 2px 4px rgba(13,148,136,0.3);
}
.page-loader__dot:nth-child(1)  { transform:rotate(0deg);   animation-delay:-1.1s; }
.page-loader__dot:nth-child(2)  { transform:rotate(30deg);  animation-delay:-1.0s; }
.page-loader__dot:nth-child(3)  { transform:rotate(60deg);  animation-delay:-0.9s; }
.page-loader__dot:nth-child(4)  { transform:rotate(90deg);  animation-delay:-0.8s; }
.page-loader__dot:nth-child(5)  { transform:rotate(120deg); animation-delay:-0.7s; }
.page-loader__dot:nth-child(6)  { transform:rotate(150deg); animation-delay:-0.6s; }
.page-loader__dot:nth-child(7)  { transform:rotate(180deg); animation-delay:-0.5s; }
.page-loader__dot:nth-child(8)  { transform:rotate(210deg); animation-delay:-0.4s; }
.page-loader__dot:nth-child(9)  { transform:rotate(240deg); animation-delay:-0.3s; }
.page-loader__dot:nth-child(10) { transform:rotate(270deg); animation-delay:-0.2s; }
.page-loader__dot:nth-child(11) { transform:rotate(300deg); animation-delay:-0.1s; }
.page-loader__dot:nth-child(12) { transform:rotate(330deg); animation-delay:0s; }

@keyframes loaderRotate {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@keyframes loaderPulse {
    0%, 100% { opacity:0.2; transform-origin:4px 32px; }
    50% { opacity:1; }
}

/* Logo subtil în centru (overlay în spatele punctelor) */
.page-loader__center {
    position:absolute;
    inset:50% 50%;
    width:32px; height:32px;
    margin:-16px 0 0 -16px;
    background:linear-gradient(135deg, #0d9488, #06b6d4);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:white;
    box-shadow:
        0 8px 20px rgba(13,148,136,0.35),
        inset 0 1px 1px rgba(255,255,255,0.3);
    animation:loaderCenterPulse 1.6s ease-in-out infinite;
}
.page-loader__center svg { width:16px; height:16px; }
@keyframes loaderCenterPulse {
    0%, 100% { transform:scale(1); }
    50% { transform:scale(1.12); }
}

.page-loader__text {
    font-size:13.5px;
    color:var(--ink-600, #475569);
    font-weight:600;
    letter-spacing:0.3px;
    opacity:0.8;
    animation:loaderTextFade 1.4s ease-in-out infinite;
}
@keyframes loaderTextFade {
    0%, 100% { opacity:0.6; }
    50% { opacity:1; }
}

/* Dark mode (admin) */
[data-theme="dark"] .page-loader {
    background:rgba(15,23,42,0.85);
}
[data-theme="dark"] .page-loader__text {
    color:#cbd5e1;
}

/* Page-leaving state - când pagina e gata de schimbat */
.page-leaving {
    pointer-events:none;
}

@media (prefers-reduced-motion: reduce) {
    .page-loader__spinner,
    .page-loader__dot,
    .page-loader__center {
        animation:none !important;
    }
    .page-loader__dot { opacity:0.6; }
}

/* Footer admin link - discret și elegant */
.footer__admin-link {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 5px 12px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.5);
    font-size: 11.5px;
    font-weight: 500;
    border-radius: 20px;
    transition: all .25s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.footer__admin-link:hover {
    background: rgba(13,148,136,0.15);
    border-color: rgba(13,148,136,0.4);
    color: var(--teal-300);
    transform: translateY(-1px);
}
.footer__admin-link svg {
    width: 11px; height: 11px;
    opacity: 0.7;
    flex-shrink: 0;
}
.footer__admin-link:hover svg { opacity: 1; }

@media (max-width: 768px) {
    .footer__bottom { 
        flex-direction: column; 
        text-align: center; 
        gap: 12px;
    }
    .footer__admin-link { font-size: 10.5px; padding: 4px 10px; }
    .footer__admin-link svg { width: 10px; height: 10px; }
}

/* ==================== SERVICES STRIP - bandă dark cu 3 servicii ==================== */
.services-strip {
    background:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    color:white;
    padding:90px 0;
    position:relative;
    overflow:hidden;
}
.services-strip::before {
    content:''; position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 15% 25%, rgba(20,184,166,0.22), transparent 50%),
        radial-gradient(circle at 85% 75%, rgba(34,211,238,0.16), transparent 50%);
    pointer-events:none;
}
.services-strip::after {
    content:''; position:absolute;
    inset:0;
    background-image:
        radial-gradient(circle at 25% 30%, rgba(255,255,255,0.04) 1px, transparent 1.5px),
        radial-gradient(circle at 75% 60%, rgba(255,255,255,0.04) 1px, transparent 1.5px);
    background-size:50px 50px;
    pointer-events:none;
}
.services-strip__inner {
    position:relative; z-index:2;
}
.services-strip__header {
    text-align:center;
    max-width:760px;
    margin:0 auto 56px;
}
.services-strip__eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    padding:7px 18px;
    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);
    border:1.5px solid rgba(255,255,255,0.14);
    border-radius:999px;
    font-size:11.5px; font-weight:700;
    text-transform:uppercase;
    letter-spacing:1.4px;
    color:rgba(255,255,255,0.9);
    margin-bottom:22px;
}
.services-strip__eyebrow svg {
    width:14px; height:14px;
    color:#2dd4bf;
}
.services-strip__title {
    font-size:clamp(30px, 4.2vw, 46px);
    font-weight:900;
    letter-spacing:-0.025em;
    line-height:1.1;
    margin-bottom:18px;
    color:white;
}
.services-strip__title span {
    background:linear-gradient(135deg, #2dd4bf, #06b6d4);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    display:inline-block;
}
.services-strip__subtitle {
    font-size:17px;
    color:rgba(255,255,255,0.72);
    line-height:1.65;
    max-width:600px;
    margin:0 auto;
}

/* Grid 3 cards */
.services-strip__grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    margin-bottom:50px;
}
.services-strip__card {
    background:rgba(255,255,255,0.04);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border:1.5px solid rgba(255,255,255,0.08);
    border-radius:20px;
    padding:30px 26px;
    transition:all .35s cubic-bezier(0.34,1.56,0.64,1);
    display:flex; flex-direction:column;
    gap:18px;
    position:relative;
    overflow:hidden;
}
.services-strip__card::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:0;
    background:linear-gradient(90deg, #2dd4bf, #06b6d4);
    transition:height .3s;
}
.services-strip__card:hover {
    transform:translateY(-8px);
    background:rgba(255,255,255,0.06);
    border-color:rgba(45,212,191,0.3);
    box-shadow:
        0 28px 56px rgba(0,0,0,0.4),
        0 0 0 1px rgba(45,212,191,0.1);
}
.services-strip__card:hover::before {
    height:4px;
}

.services-strip__card-icon {
    width:64px; height:64px;
    border-radius:18px;
    display:flex; align-items:center; justify-content:center;
    color:white;
    flex-shrink:0;
    box-shadow:
        0 14px 32px rgba(0,0,0,0.3),
        inset 0 1px 1px rgba(255,255,255,0.2);
    transition:transform .35s cubic-bezier(0.34,1.56,0.64,1);
}
.services-strip__card:hover .services-strip__card-icon {
    transform:scale(1.08) rotate(-4deg);
}
.services-strip__card-icon svg { width:30px; height:30px; }
.services-strip__card-icon--teal {
    background:linear-gradient(135deg, #0d9488, #06b6d4);
}
.services-strip__card-icon--cyan {
    background:linear-gradient(135deg, #06b6d4, #3b82f6);
}
.services-strip__card-icon--orange {
    background:linear-gradient(135deg, #f97316, #facc15);
}

.services-strip__card-body h3 {
    font-size:20px;
    font-weight:800;
    color:white;
    margin-bottom:10px;
    letter-spacing:-0.01em;
    line-height:1.25;
}
.services-strip__card-body p {
    font-size:14px;
    color:rgba(255,255,255,0.7);
    line-height:1.6;
    margin-bottom:18px;
}
.services-strip__list {
    list-style:none; padding:0; margin:0;
    display:flex; flex-direction:column;
    gap:8px;
}
.services-strip__list li {
    display:flex; align-items:flex-start; gap:9px;
    font-size:13px;
    color:rgba(255,255,255,0.85);
    line-height:1.5;
}
.services-strip__list li svg {
    width:18px; height:18px;
    color:#2dd4bf;
    flex-shrink:0;
    margin-top:1px;
    background:rgba(45,212,191,0.12);
    border-radius:50%;
    padding:3px;
}

/* CTA */
.services-strip__cta-wrap {
    display:flex; flex-direction:column;
    align-items:center; gap:14px;
}
.services-strip__cta {
    display:inline-flex; align-items:center; gap:12px;
    padding:18px 36px;
    background:linear-gradient(135deg, #25d366, #1ebe5d);
    color:white;
    font-weight:700;
    font-size:16px;
    letter-spacing:-0.01em;
    border-radius:999px;
    box-shadow:
        0 16px 36px rgba(37,211,102,0.4),
        inset 0 1px 1px rgba(255,255,255,0.2);
    transition:all .25s;
    position:relative; overflow:hidden;
}
.services-strip__cta::before {
    content:''; position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transform:translateX(-100%);
    transition:transform 600ms;
}
.services-strip__cta:hover::before { transform:translateX(100%); }
.services-strip__cta:hover {
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 22px 50px rgba(37,211,102,0.55);
}
.services-strip__cta svg { width:20px; height:20px; }
.services-strip__cta svg:last-child {
    transition:transform .25s;
}
.services-strip__cta:hover svg:last-child {
    transform:translateX(4px);
}
.services-strip__cta-note {
    display:inline-flex; align-items:center; gap:6px;
    font-size:13px;
    color:rgba(255,255,255,0.55);
    font-weight:500;
}
.services-strip__cta-note svg {
    width:14px; height:14px;
    color:#2dd4bf;
}

@media (max-width: 1024px) {
    .services-strip__grid {
        grid-template-columns:1fr;
        gap:18px;
        max-width:520px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:40px;
    }
}
@media (max-width: 768px) {
    .services-strip { padding:60px 0; }
    .services-strip__header { margin-bottom:38px; }
    .services-strip__subtitle { font-size:15px; }
    .services-strip__card { padding:24px 20px; }
    .services-strip__card-icon { width:54px; height:54px; border-radius:14px; }
    .services-strip__card-icon svg { width:26px; height:26px; }
    .services-strip__card-body h3 { font-size:17px; }
    .services-strip__card-body p { font-size:13.5px; }
    .services-strip__cta { 
        font-size:14.5px; 
        padding:15px 26px; 
    }
}