/* =====================================================
   PRIMLUX PREMIUM UI — FIX HERO + NO CSS IMAGE LINKS
   Drop-in: /assets/css/premium.css
   IMPORTANT: imaginile sunt puse în HTML prin <img>, nu în CSS.
===================================================== */
:root{
    --plx-bg:#030711;
    --plx-card:rgba(8,18,36,.76);
    --plx-line:rgba(123,176,255,.18);
    --plx-blue:#0a74ff;
    --plx-blue2:#39a0ff;
    --plx-text:#f4f8ff;
    --plx-muted:#9fb0ca;
}

body{
    background:
            radial-gradient(900px 540px at 18% 0%, rgba(10,116,255,.22), transparent 64%),
            radial-gradient(900px 540px at 100% 20%, rgba(57,160,255,.10), transparent 62%),
            linear-gradient(180deg,#02050b 0%,#06101f 42%,#030711 100%) !important;
}

.container{width:min(1480px,94vw)}

/* HEADER */
.nav{
    background:rgba(2,6,14,.92)!important;
    border-bottom:1px solid rgba(123,176,255,.14);
    box-shadow:0 12px 40px rgba(0,0,0,.38);
}
.nav-inner{min-height:58px!important;padding:8px 0!important}
.logo{font-size:20px;font-weight:900;text-transform:uppercase;color:#fff}
.logo img{height:30px!important}
.menu{gap:10px;flex-wrap:nowrap}
.menu a{font-size:14px;font-weight:800;color:#eaf2ff;padding:8px 9px;border-radius:10px;white-space:nowrap}
.menu a:hover,.menu a.active{background:transparent;color:#39a0ff;box-shadow:inset 0 -2px 0 #0a74ff}
.menu a.cta{background:none;color:#fff;box-shadow:none}
.menu a.cta:before{content:'\f095';font-family:'Font Awesome 6 Free';font-weight:900;color:#39a0ff;margin-right:8px}

/* HERO */
.hero.plx-home-hero{
    padding:0!important;
    min-height:650px;
    border-bottom:1px solid rgba(123,176,255,.16);
    background:#030711;
    overflow:hidden;
}
.plx-hero-shell{
    display:grid;
    grid-template-columns:minmax(0, .98fr) minmax(520px, 1.02fr);
    align-items:stretch;
    min-height:650px;
}
.plx-hero-left{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:82px 42px 54px 0;
}
.plx-hero-right{
    position:relative;
    min-height:650px;
    overflow:hidden;
}
.plx-hero-img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
}
.plx-hero-right::before{
    content:'';
    position:absolute;
    inset:0;
    z-index:2;
    background:
            linear-gradient(90deg,rgba(3,7,17,.98) 0%,rgba(3,7,17,.74) 16%,rgba(3,7,17,.22) 42%,rgba(3,7,17,0) 72%),
            linear-gradient(180deg,rgba(3,7,17,.06),rgba(3,7,17,.45));
    pointer-events:none;
}
.plx-kicker{
    display:inline-flex;
    width:max-content;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(10,116,255,.22);
    border:1px solid rgba(57,160,255,.35);
    color:#80bdff;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.plx-home-hero h1{
    margin:22px 0 14px;
    max-width:760px;
    font-size:clamp(42px,4.5vw,72px);
    line-height:1.06;
    letter-spacing:-1.9px;
    text-transform:uppercase;
}
.plx-blue-text{color:#1684ff}
.plx-lead{max-width:600px;color:#c4d2e7;font-size:19px;line-height:1.65}
.plx-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:28px;
    position:relative;
    z-index:10;
}
.btn{
    border-radius:8px!important;
    text-transform:uppercase;
    font-size:13px;
    font-weight:900;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:48px;
    position:relative;
    z-index:10;
}
.btn-primary{background:linear-gradient(135deg,#0572ff,#1a8dff)!important;box-shadow:0 16px 36px rgba(10,116,255,.28)}
.btn-outline{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.22);color:#fff!important}
.btn-outline:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.38)}

/* TRUST — nu este absolute, ca să nu taie butoanele */
.plx-trust-strip{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:1px;
    margin-top:34px;
    border:1px solid rgba(123,176,255,.16);
    border-radius:14px;
    overflow:hidden;
    background:rgba(123,176,255,.10);
}
.plx-trust-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 18px;
    background:rgba(4,13,27,.82);
    backdrop-filter:blur(12px);
    min-width:0;
}
.plx-trust-item i{font-size:30px;color:#1684ff;flex:0 0 auto}
.plx-trust-item b{display:block;color:#fff;font-size:15px;line-height:1.2}
.plx-trust-item span{display:block;color:#aebbd0;font-size:13px;margin-top:4px}

/* SECTIONS */
.plx-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}
.plx-eyebrow{color:#1684ff;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.06em}
.plx-section-head h2{margin:6px 0 0;font-size:clamp(24px,2.8vw,36px)}
.plx-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.plx-img-card{position:relative;overflow:hidden;min-height:270px;border-radius:12px;background:#081326;border:1px solid var(--plx-line);box-shadow:0 22px 60px rgba(0,0,0,.26);transition:.25s}
.plx-img-card:hover{transform:translateY(-5px);border-color:rgba(57,160,255,.55);box-shadow:0 26px 70px rgba(0,0,0,.38),0 0 32px rgba(10,116,255,.16)}
.plx-img-card img{width:100%;height:170px;object-fit:cover}
.plx-img-card-body{padding:16px}
.plx-img-card .tag{display:inline-flex;gap:7px;align-items:center;color:#1684ff;font-size:13px;font-weight:900;margin-bottom:8px}
.plx-img-card h3{font-size:22px;line-height:1.2;margin:0 0 10px}.plx-img-card p{color:#aebbd0;margin:0;line-height:1.55}
.plx-link{display:inline-flex;gap:8px;align-items:center;margin-top:14px;color:#1684ff;font-weight:900;text-transform:uppercase;font-size:13px}
.plx-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plx-project-card{background:linear-gradient(180deg,rgba(12,28,55,.88),rgba(5,12,24,.92));border:1px solid var(--plx-line);border-radius:12px;overflow:hidden;min-height:310px}.plx-project-card img{height:180px;width:100%;object-fit:cover}.plx-project-card div{padding:16px}.plx-chip{display:inline-flex;padding:7px 10px;border-radius:8px;background:#0a74ff;color:#fff;font-size:12px;font-weight:900;margin-bottom:10px}.plx-project-card h3{margin:0 0 6px}
.plx-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plx-product-card{padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--plx-line)}.plx-product-card img{height:150px;width:100%;object-fit:contain;margin-bottom:12px}.plx-price{font-size:24px;font-weight:900;color:#fff;margin:14px 0}
.plx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:36px 0}.plx-stat{display:flex;gap:16px;align-items:center}.plx-stat i{font-size:42px;color:#1684ff}.plx-stat b{font-size:42px;color:#1684ff}.plx-stat span{display:block;color:#d7e4f9}

.plx-cta-banner{position:relative;overflow:hidden;border-top:1px solid rgba(123,176,255,.16);border-bottom:1px solid rgba(123,176,255,.16);background:linear-gradient(90deg,#07265c,#030711)}
.plx-cta-inner{display:grid;grid-template-columns:1fr 420px;align-items:center;min-height:180px}.plx-cta-copy h2{font-size:34px;margin:0 0 8px}.plx-cta-copy p{color:#c6d4ea}
.plx-cta-visual{position:relative;height:180px;overflow:hidden}.plx-cta-visual img{width:100%;height:100%;object-fit:cover}.plx-cta-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07265c 0%,rgba(7,38,92,.15) 34%,transparent 70%)}

footer{background:#030711!important;border-top:1px solid rgba(123,176,255,.16)!important}
.plx-floating-contact{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;flex-direction:column;gap:10px}.plx-floating-contact a{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.35)}.plx-floating-contact .wa{background:#25D366}.plx-floating-contact .call{background:linear-gradient(135deg,#0572ff,#39a0ff)}

@media(max-width:1250px){
    .plx-hero-shell{grid-template-columns:minmax(0,1fr) minmax(420px,.8fr)}
    .plx-home-hero h1{font-size:clamp(38px,4.4vw,58px)}
    .plx-trust-item{padding:16px 12px}
}
@media(max-width:1100px){
    .plx-hero-shell{grid-template-columns:1fr;min-height:auto}.hero.plx-home-hero{min-height:auto}.plx-hero-right{position:absolute;inset:0;min-height:100%;opacity:.48}.plx-hero-left{padding:70px 0 48px}.plx-trust-strip{grid-template-columns:repeat(2,1fr)}.plx-image-grid,.plx-product-grid{grid-template-columns:repeat(2,1fr)}.plx-project-grid{grid-template-columns:1fr 1fr}.plx-cta-inner{grid-template-columns:1fr}.plx-cta-visual{display:none}
}
@media(max-width:860px){
    .menu{top:58px!important}.menu a{width:100%}.plx-home-hero h1{font-size:40px}.plx-hero-left{padding:56px 0 32px}.plx-actions .btn{width:100%}.plx-trust-strip{grid-template-columns:1fr}.plx-image-grid,.plx-project-grid,.plx-product-grid,.plx-stats{grid-template-columns:1fr}.plx-stat b{font-size:34px}.plx-floating-contact{left:12px;right:12px;bottom:12px;flex-direction:row}.plx-floating-contact a{flex:1;width:auto;height:48px;border-radius:14px}
}


/* =====================================================
   FIX DESKTOP HERO + TRUST BAR EGAL
   Imaginile rămân în HTML, NU în CSS.
===================================================== */

.hero.plx-home-hero{
    min-height: 660px !important;
    overflow: hidden !important;
}

.plx-hero-shell{
    grid-template-columns: minmax(520px, .92fr) minmax(620px, 1.08fr) !important;
    grid-template-rows: 1fr auto;
    align-items: stretch;
    min-height: 660px !important;
}

.plx-hero-left{
    grid-column: 1;
    grid-row: 1;
    justify-content: center;
    padding: 78px 36px 44px 0 !important;
}

.plx-hero-right{
    grid-column: 2;
    grid-row: 1;
    min-height: 560px !important;
}

.plx-hero-img{
    object-position: center center !important;
    filter: brightness(1.08) contrast(1.12) saturate(1.10);
}

/* gradient mai slab peste om, ca PRIMLUX de pe cămașă să se vadă */
.plx-hero-right::before{
    background:
        linear-gradient(90deg,
            rgba(3,7,17,.98) 0%,
            rgba(3,7,17,.62) 12%,
            rgba(3,7,17,.16) 30%,
            rgba(3,7,17,0) 55%
        ),
        linear-gradient(180deg, rgba(3,7,17,.03), rgba(3,7,17,.22)) !important;
}

.plx-home-hero h1{
    max-width: 780px;
    font-size: clamp(42px, 4.2vw, 68px) !important;
}

/* bara de avantaje ocupă toată lățimea containerului */
.plx-trust-strip{
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100%;
    margin: 0 0 34px 0 !important;
    border: 1px solid rgba(123,176,255,.22);
    border-radius: 14px;
    overflow: hidden;
    background: rgba(7,18,38,.88);
    box-shadow: 0 18px 55px rgba(0,0,0,.32);
}

.plx-trust-item{
    min-height: 96px;
    justify-content: center;
    padding: 20px 28px !important;
    border-right: 1px solid rgba(123,176,255,.16);
    background: rgba(4,13,27,.82);
}

.plx-trust-item:last-child{border-right:0;}

.plx-trust-item i{
    font-size: 34px !important;
}

.plx-trust-item b{
    font-size: 16px !important;
}

.plx-trust-item span{
    font-size: 14px !important;
}

@media(max-width:1250px){
    .plx-hero-shell{
        grid-template-columns: minmax(440px, .95fr) minmax(460px, 1.05fr) !important;
    }
    .plx-home-hero h1{
        font-size: clamp(38px, 4.1vw, 58px) !important;
    }
    .plx-trust-item{
        padding: 18px 16px !important;
    }
}

@media(max-width:1100px){
    .hero.plx-home-hero{min-height:auto !important;}
    .plx-hero-shell{
        display:block !important;
        min-height:auto !important;
        position:relative;
    }
    .plx-hero-right{
        position:absolute !important;
        inset:0;
        min-height:100% !important;
        opacity:.52;
    }
    .plx-hero-left{
        position:relative;
        z-index:3;
        padding:70px 0 32px !important;
    }
    .plx-trust-strip{
        position:relative;
        z-index:4;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-bottom:28px !important;
    }
    .plx-trust-item:nth-child(2){border-right:0;}
    .plx-trust-item:nth-child(1),
    .plx-trust-item:nth-child(2){border-bottom:1px solid rgba(123,176,255,.16);}
}

@media(max-width:680px){
    .plx-trust-strip{
        grid-template-columns:1fr !important;
    }
    .plx-trust-item{
        justify-content:flex-start;
        border-right:0 !important;
        border-bottom:1px solid rgba(123,176,255,.16);
    }
    .plx-trust-item:last-child{border-bottom:0;}
}


/* =====================================================
   PRIMLUX PREMIUM PAGES — add-on non-destructive
   - fără imagini în CSS
   - lucrează peste HTML existent
===================================================== */
.page-hero.plx-page-hero{
    position:relative;
    padding:0!important;
    min-height:420px;
    overflow:hidden;
    border-bottom:1px solid rgba(123,176,255,.16);
    background:#030711;
}
.page-hero.plx-page-hero .container{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
    align-items:center;
    min-height:420px;
    z-index:2;
}
.plx-page-hero-copy{
    position:relative;
    z-index:4;
    padding:70px 34px 70px 0;
}
.plx-page-hero-copy .badge,
.plx-page-hero-copy .badge-sm{
    margin-bottom:14px;
}
.page-hero.plx-page-hero h1{
    max-width:760px;
    margin:0 0 16px;
    font-size:clamp(34px,4.2vw,62px);
    line-height:1.06;
    letter-spacing:-1.3px;
    text-transform:uppercase;
}
.page-hero.plx-page-hero p{
    max-width:720px;
    color:#c8d6ee;
    font-size:17px;
    line-height:1.72;
}
.plx-page-hero-media{
    position:absolute;
    inset:0 0 0 43%;
    z-index:1;
    overflow:hidden;
}
.plx-page-hero-media img{
    width:100%;height:100%;object-fit:cover;object-position:center;
    filter:brightness(.95) contrast(1.12) saturate(1.08);
}
.plx-page-hero-media:before{
    content:'';position:absolute;inset:0;z-index:2;pointer-events:none;
    background:linear-gradient(90deg,rgba(3,7,17,.98) 0%,rgba(3,7,17,.72) 22%,rgba(3,7,17,.18) 52%,rgba(3,7,17,.04) 100%),linear-gradient(180deg,rgba(3,7,17,.08),rgba(3,7,17,.42));
}
.section h2{letter-spacing:-.6px}.section .container>h2{font-size:clamp(26px,3vw,38px)}
.card{position:relative;overflow:hidden}.card:hover{border-color:rgba(57,160,255,.42)}
.plx-card-thumb{width:calc(100% + 44px);max-width:none;height:160px;object-fit:cover;margin:-22px -22px 18px;border-bottom:1px solid rgba(123,176,255,.16)}
.plx-premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.faq-item{margin-top:14px;padding:18px 20px;border:1px solid rgba(123,176,255,.14);border-radius:14px;background:rgba(255,255,255,.035)}.faq-item h3{margin:0 0 8px}.faq-item p{margin:0;color:var(--muted);line-height:1.7}.section-muted{background:radial-gradient(900px 500px at 0 0,rgba(10,116,255,.10),transparent 60%),rgba(255,255,255,.018)}
@media(max-width:980px){.page-hero.plx-page-hero .container{display:block;min-height:auto}.plx-page-hero-copy{padding:58px 0 46px}.plx-page-hero-media{inset:0;opacity:.38}.plx-premium-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.page-hero.plx-page-hero h1{font-size:34px}.plx-premium-grid{grid-template-columns:1fr}.plx-card-thumb{height:150px}.page-hero.plx-page-hero p{font-size:15.5px}}


.plx-blog-article{
    font-size:17px;
    line-height:1.85;
}

.plx-blog-article h2,
.plx-blog-article h3{
    margin-top:28px;
    margin-bottom:10px;
    color:#fff;
}

.plx-blog-article p{
    color:#c8d6ee;
    margin:0 0 16px;
}

.plx-blog-article ul{
    color:#c8d6ee;
    padding-left:22px;
    line-height:1.85;
}

.plx-blog-article li{
    margin-bottom:8px;
}

.plx-blog-article strong{
    color:#fff;
}