/* MANGALAM ENTERPRISES — V4 INDUSTRIAL PREMIUM DESIGN */
:root{--bg:#050505;--panel:#0d0d0d;--panel-2:#121212;--panel-3:#181818;--text:#f7f3e9;--muted:#a8a398;--gold:#d9aa3d;--gold-hi:#f6d477;--bronze:#8d6520;--line:rgba(217,170,61,.18);--white-line:rgba(255,255,255,.08);--shadow:0 28px 90px rgba(0,0,0,.46);--container:1240px}
html{background:var(--bg)}body{background:linear-gradient(180deg,#050505 0,#080807 45%,#050505 100%);color:var(--text);font-family:Inter,system-ui,sans-serif}body::before{opacity:.025;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:60px 60px}::selection{background:var(--gold);color:#070707}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;color:#fff;letter-spacing:-.03em}p{color:var(--muted)}.container{width:min(var(--container),calc(100% - 40px))}.section{padding:100px 0}.eyebrow{font-size:.64rem;letter-spacing:.2em;color:var(--gold-hi)}.eyebrow::before{background:linear-gradient(90deg,var(--gold),transparent)}
.btn{border-radius:999px;background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#090806;border:1px solid rgba(246,212,119,.7);box-shadow:0 14px 34px rgba(217,170,61,.1);font-weight:800}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(217,170,61,.2)}.btn.alt{background:rgba(255,255,255,.025);color:#eee9dd;border-color:rgba(246,212,119,.22)}.btn.alt:hover{background:rgba(217,170,61,.07);color:var(--gold-hi);border-color:var(--gold)}
.site-header{height:82px;background:rgba(4,4,4,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,170,61,.14);box-shadow:0 12px 40px rgba(0,0,0,.28);position:relative;z-index:20}.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.35}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(217,170,61,.18))}.brand strong{font-family:'Space Grotesk';font-size:1rem}.brand span{color:var(--gold-hi)}.nav-links a{color:#aaa69e;border-radius:10px;font-size:.76rem;font-weight:700;letter-spacing:.01em}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(217,170,61,.07)}.nav-links a::after{background:var(--gold)}.menu-toggle{border-color:rgba(217,170,61,.25);background:#0d0d0d;color:#fff}
/* HOME */
.home-hero{box-shadow:inset 0 -1px 0 rgba(217,170,61,.08)}.hero-status b{color:var(--gold-hi)}.hero-status span{color:#777}
.solution-ribbon{background:#080808;border-block:1px solid rgba(217,170,61,.11)}.ribbon-grid{grid-template-columns:1.6fr repeat(6,1fr)}.ribbon-grid>div{border-right:1px solid rgba(255,255,255,.05)}.micro-label{color:var(--gold)}.ribbon-grid h2 em{color:var(--gold-hi)}.ribbon-grid>a{color:#aaa59b;transition:.35s}.ribbon-grid>a:hover{color:#fff;background:linear-gradient(180deg,rgba(217,170,61,.08),transparent)}.ribbon-grid>a span{color:#65522c}
.home-services-section{background:radial-gradient(circle at 20% 0,rgba(217,170,61,.08),transparent 25%),linear-gradient(180deg,#060606,#0a0907)}.home-section-head{max-width:1160px;margin-bottom:50px}.home-section-head h2{font-size:clamp(2.3rem,4vw,4.4rem);line-height:.98}.home-section-head h2 span{color:var(--gold-hi)}.service-grid{grid-template-columns:repeat(12,1fr)!important;gap:20px!important}.solution-card{grid-column:span 4;position:relative;overflow:hidden;border-radius:24px!important;background:#0a0a0a!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 65px rgba(0,0,0,.3);transition:transform .5s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s}.solution-card:nth-child(4),.solution-card:nth-child(5),.solution-card:nth-child(6){grid-column:span 4}.solution-card:hover{transform:translateY(-12px);border-color:rgba(217,170,61,.46)!important;box-shadow:0 35px 90px rgba(0,0,0,.5)}.service-img{height:300px!important;position:relative;background:#090909;border-bottom:1px solid rgba(217,170,61,.1)}.service-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.78));pointer-events:none}.service-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .7s}.solution-card:hover .service-img img{transform:scale(1.08);filter:saturate(1.08) contrast(1.05)}.solution-number{position:absolute;z-index:2;top:18px;left:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(4,4,4,.74);backdrop-filter:blur(10px);border:1px solid rgba(217,170,61,.36);font:800 .68rem 'Space Grotesk';color:var(--gold-hi)}.solution-glow{display:none}.service-body{padding:28px 28px 30px!important}.solution-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.solution-meta .eyebrow::before{display:none}.solution-meta>span:last-child{font-size:.57rem;color:#6d695f;letter-spacing:.18em;font-weight:800}.service-body h3{font-size:1.65rem!important;line-height:1.02!important;margin:12px 0}.service-body p{min-height:78px;font-size:.9rem}.service-link{color:var(--gold-hi)!important;font-weight:800}.service-link b{transition:.25s}.solution-card:hover .service-link b{transform:translateX(5px)}
.home-about-section{background:radial-gradient(circle at 8% 50%,rgba(217,170,61,.08),transparent 28%),linear-gradient(135deg,#0a0a09,#050505 68%)}.home-about-grid{align-items:stretch}.home-about-visual{min-height:560px!important;border:1px solid rgba(217,170,61,.18);border-radius:28px;overflow:hidden;background:#0b0b0b}.home-about-visual .about-image{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}.visual-tag{border-color:rgba(217,170,61,.25);background:rgba(3,3,3,.82);backdrop-filter:blur(14px)}.visual-tag span{color:var(--gold-hi)}.home-about-copy{padding:20px 0 20px 28px}.about-title{font-size:clamp(2.4rem,4vw,4.6rem)!important;line-height:.98!important}.about-body{font-size:1.02rem;max-width:620px}.about-checks li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.about-checks li::before{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#090909}.home-orb{background:var(--gold);opacity:.07}
.feature-section{background:#050505;padding-top:30px}.home-feature-strip{border-radius:22px!important;overflow:hidden;border:1px solid rgba(217,170,61,.14);background:#0a0a0a}.feature{background:#0b0b0b;min-height:110px;padding:26px!important}.feature:not(:last-child)::after{background:rgba(217,170,61,.12)}.feature strong{font-family:'Space Grotesk';color:#fff}.feature span{color:#8e8a80}
.home-brands-section,.home-clients-section{background:#050505}.home-brands-section{background:linear-gradient(180deg,#050505,#090806)}.section-head h2{font-size:clamp(2rem,3.4vw,3.6rem);line-height:1}.logo-marquee{padding:26px 0;background:linear-gradient(90deg,#080808,#10100f,#080808);border-block:1px solid rgba(217,170,61,.1)}.logo-marquee::before,.logo-marquee::after{width:140px}.logo-pill{background:#f7f5ef;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:14px 18px;min-width:170px;transition:.4s}.logo-pill img{height:52px}.logo-pill span{color:#161616;font-weight:800}.logo-pill:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,0,0,.5),0 0 0 1px rgba(217,170,61,.35)}.partner-track{animation-duration:72s!important}.client-track{animation-duration:92s!important}.client-marquee{background:#070707}.clients-button:hover{border-color:var(--gold)!important;color:var(--gold-hi)!important}
/* CERTIFICATES */.home-certificates-section{background:linear-gradient(180deg,#080806,#050505)}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.certificate-card{min-width:0}.certificate-open{width:100%;padding:0;border:1px solid rgba(217,170,61,.15);border-radius:22px;background:#0d0d0d;overflow:hidden;text-align:left;cursor:pointer;transition:.45s;box-shadow:0 18px 55px rgba(0,0,0,.3)}.certificate-open:hover{transform:translateY(-8px);border-color:rgba(217,170,61,.5);box-shadow:0 28px 75px rgba(0,0,0,.5)}.certificate-image{height:250px;background:#101010;position:relative;overflow:hidden}.certificate-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.certificate-open:hover .certificate-image img{transform:scale(1.04)}.certificate-image>span{position:absolute;right:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(4,4,4,.82);border:1px solid rgba(217,170,61,.28);color:var(--gold-hi);font-size:.56rem;font-weight:800;letter-spacing:.13em}.certificate-body{padding:20px}.certificate-body>span{color:var(--gold);font-size:.58rem;font-weight:800;letter-spacing:.18em}.certificate-body h3{font-size:1.25rem;margin:8px 0}.certificate-body p{font-size:.82rem}.certificate-modal{position:fixed;inset:0;background:rgba(0,0,0,.94);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;z-index:9999;padding:30px}.certificate-modal.is-open{display:flex}.certificate-modal-inner{max-width:94vw;max-height:92vh;display:grid;place-items:center}.certificate-modal-inner img{max-width:94vw;max-height:88vh;object-fit:contain;border:1px solid rgba(217,170,61,.32);box-shadow:0 40px 120px rgba(0,0,0,.7);background:#fff}.certificate-modal-close{position:fixed;top:20px;right:24px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(217,170,61,.38);background:#0c0c0c;color:#fff;font-size:30px;cursor:pointer}.certificate-modal-close:hover{background:var(--gold);color:#050505}.modal-open{overflow:hidden}
.home-cta{background:radial-gradient(circle at 80% 50%,rgba(217,170,61,.12),transparent 28%),linear-gradient(135deg,#0b0a08,#050505 65%);border-block:1px solid rgba(217,170,61,.12)}.cta-inner{padding:92px 0}.lead-title{font-size:clamp(2.7rem,5vw,5.5rem)!important;line-height:.94!important}.lead-title span{color:var(--gold-hi)}.cta-call strong{color:#fff}
/* INNER PAGES */.category-hero-v2{padding:86px 0 78px;background:radial-gradient(circle at 82% 20%,rgba(217,170,61,.11),transparent 28%),linear-gradient(180deg,#070706,#050505);border-bottom:1px solid rgba(217,170,61,.13)}.category-hero-grid{grid-template-columns:1fr 1fr;gap:80px}.hero-index{color:#666157;letter-spacing:.24em}.hero-index b{color:var(--gold-hi)}.category-hero-copy h1{font-size:clamp(3rem,6vw,6.5rem)!important;line-height:.88!important}.category-hero-copy .category-subtitle{color:#e9e1d0!important;font-size:1.15rem}.category-hero-copy .category-intro{max-width:650px}.category-hero-visual{min-height:550px}.hero-image-main{min-height:550px;border-radius:30px;border:1px solid rgba(217,170,61,.18);background:#090909;box-shadow:var(--shadow)}.hero-image-main img{object-fit:contain;padding:16px}.hero-image-secondary{border:1px solid rgba(217,170,61,.4);background:#f5f3ed;box-shadow:0 25px 70px rgba(0,0,0,.55)}.hero-image-label{background:rgba(3,3,3,.84);border-color:rgba(217,170,61,.3);color:#ddd5c5}.hero-image-label span{color:var(--gold-hi)}.category-intro-section{background:#070707}.category-copy-panel{background:linear-gradient(145deg,#12110e,#080808);border:1px solid rgba(217,170,61,.14);border-radius:26px;padding:42px}.category-copy-panel h2{font-size:clamp(2rem,3.7vw,3.6rem)!important}.category-copy-panel .check-list li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.category-service-intro{background:radial-gradient(circle at 80% 20%,rgba(217,170,61,.13),transparent 28%),linear-gradient(145deg,#15130e,#090909);border:1px solid rgba(217,170,61,.18);border-radius:26px;padding:42px}.service-intro-line{color:var(--gold-hi)}.category-service-intro h3{font-size:clamp(2rem,3vw,3rem)}.category-services-section{background:#050505}.category-service-grid{grid-template-columns:repeat(4,1fr);gap:18px}.category-service-card{min-height:250px;border-radius:20px;background:linear-gradient(145deg,#121212,#090909);border:1px solid rgba(255,255,255,.07);padding:30px;transition:.4s}.category-service-card:hover{transform:translateY(-9px);border-color:rgba(217,170,61,.45);box-shadow:0 25px 65px rgba(0,0,0,.45)}.category-service-card>span{color:var(--gold)}.category-service-card a{color:var(--gold-hi)}.products-section-v2{background:linear-gradient(180deg,#070707,#050505)}.product-grid{gap:20px!important}.product-card{background:#0b0b0b;border:1px solid rgba(255,255,255,.08);border-radius:22px!important;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.3)}.product-card:hover{border-color:rgba(217,170,61,.42);transform:translateY(-8px)}.product-badge{background:#090909;color:var(--gold-hi);border-color:rgba(217,170,61,.28)}.product-img{height:280px!important;background:#f4f2eb}.product-img img{object-fit:contain!important;padding:12px;transition:transform .65s}.product-card:hover .product-img img{transform:scale(1.06)}.product-body{padding:25px}.product-body h3{font-size:1.3rem}.category-final-cta{background:#050505}.category-final-cta .info-card{border-radius:28px;background:radial-gradient(circle at 80% 50%,rgba(217,170,61,.13),transparent 26%),linear-gradient(135deg,#12110d,#080808);border:1px solid rgba(217,170,61,.18)}
.page-hero{padding:92px 0 76px;background:radial-gradient(circle at 80% 25%,rgba(217,170,61,.1),transparent 26%),linear-gradient(180deg,#080807,#050505);border-bottom:1px solid rgba(217,170,61,.12)}.page-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:.9}.page-hero p{max-width:760px;font-size:1.05rem}.contact-grid{gap:22px}.contact-item,.form{background:linear-gradient(145deg,#121212,#080808);border:1px solid rgba(255,255,255,.08);border-radius:22px!important}.contact-item:hover,.form:hover{border-color:rgba(217,170,61,.28)}.contact-icon{background:rgba(217,170,61,.08);color:var(--gold-hi);border:1px solid rgba(217,170,61,.18)}input,textarea,select{background:#080808!important;border-color:rgba(255,255,255,.1)!important;color:#eee!important;border-radius:12px!important}input:focus,textarea:focus,select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(217,170,61,.08)!important}.gallery-grid{gap:22px!important}.gallery-item{background:#0c0c0c!important;border:1px solid rgba(217,170,61,.12)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(0,0,0,.32)!important}.gallery-item img{background:#f4f2eb;object-fit:contain!important;padding:0}.gallery-caption{color:#fff}.customer-card .logo-card-img{background:#f5f3ee!important}.customer-card .info-body{background:linear-gradient(180deg,#151515,#090909)!important}.customer-card:hover{border-color:rgba(217,170,61,.45)!important}.footer{background:#030303;border-top:1px solid rgba(217,170,61,.13)}.footer a:hover{color:var(--gold-hi)}.float-btn{background:#0b0b0b!important;border-color:rgba(217,170,61,.25)!important}.float-btn:hover{color:var(--gold-hi)!important;border-color:var(--gold)!important}.cursor-dot{background:var(--gold-hi)!important}.cursor-ring{border-color:rgba(217,170,61,.68)!important}
/* ADMIN */.admin-shell{background:#050505}.admin-header{background:#080808;border-bottom:1px solid rgba(217,170,61,.15)}.admin-card{background:linear-gradient(145deg,#121212,#080808)!important;border:1px solid rgba(217,170,61,.12)!important;border-radius:20px!important}.admin-nav{background:#090909!important;border:1px solid rgba(255,255,255,.07)!important}.admin-tab{color:#aaa;background:transparent;border-color:transparent}.admin-tab.active,.admin-tab:hover{color:#fff;background:rgba(217,170,61,.08);border-color:rgba(217,170,61,.2)}
@media(max-width:1050px){.ribbon-grid{grid-template-columns:1.5fr repeat(3,1fr)}.ribbon-grid>a:nth-last-child(-n+3){border-top:1px solid rgba(255,255,255,.06)}.category-hero-grid{grid-template-columns:1fr;gap:45px}.category-hero-visual{min-height:500px}.hero-image-main{min-height:500px}.category-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.service-grid{grid-template-columns:repeat(2,1fr)!important}.solution-card,.solution-card:nth-child(n){grid-column:span 1}.certificate-grid{grid-template-columns:1fr}.home-about-grid{grid-template-columns:1fr}.home-about-copy{padding:20px 0}.home-about-visual{min-height:420px!important}}
@media(max-width:700px){.site-header{height:72px}.section{padding:78px 0}.ribbon-grid{display:none}.service-grid{grid-template-columns:1fr!important}.category-hero-v2{padding:58px 0}.category-hero-copy h1{font-size:clamp(2.8rem,14vw,4.5rem)!important}.category-hero-visual,.hero-image-main{min-height:340px}.hero-image-secondary{width:150px;height:120px;right:-8px;bottom:-12px}.category-split{grid-template-columns:1fr!important}.category-copy-panel,.category-service-intro{padding:28px}.category-service-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr!important}.page-hero{padding:65px 0 55px}.page-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.logo-pill{min-width:145px}.logo-pill img{height:44px}}
/* Category-specific accents: brand gold remains primary, product colours add restrained visual cues. */
body[data-page="batteries"]{--page-accent:#e33b32;--page-accent-soft:rgba(227,59,50,.12)}
body[data-page="inverter-ups"]{--page-accent:#4d8dff;--page-accent-soft:rgba(77,141,255,.12)}
body[data-page="dg"]{--page-accent:#2cc5a0;--page-accent-soft:rgba(44,197,160,.12)}
body[data-page="barcode"]{--page-accent:#ff9b3d;--page-accent-soft:rgba(255,155,61,.12)}
body[data-page="handling"]{--page-accent:#8dc63f;--page-accent-soft:rgba(141,198,63,.12)}
body[data-page] .category-hero-v2 .category-kicker{color:var(--page-accent,var(--gold-hi))}
body[data-page] .category-hero-v2 .category-kicker::before{background:linear-gradient(90deg,var(--page-accent,var(--gold)),transparent)}
body[data-page] .category-service-card:hover{border-color:color-mix(in srgb,var(--page-accent,var(--gold)) 55%,transparent)}
body[data-page] .category-service-card::after{background:linear-gradient(var(--page-accent,var(--gold)),var(--gold-hi))}
body[data-page] .product-badge{color:var(--page-accent,var(--gold-hi));border-color:color-mix(in srgb,var(--page-accent,var(--gold)) 35%,transparent)}
.solution-card:nth-child(1)::before,.solution-card:nth-child(2)::before,.solution-card:nth-child(3)::before,.solution-card:nth-child(4)::before,.solution-card:nth-child(5)::before,.solution-card:nth-child(6)::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:5;transform:scaleX(.35);transform-origin:left;transition:transform .45s}
.solution-card:nth-child(1)::before{background:#e33b32}.solution-card:nth-child(2)::before{background:#4d8dff}.solution-card:nth-child(3)::before{background:#2cc5a0}.solution-card:nth-child(4)::before{background:#ff9b3d}.solution-card:nth-child(5)::before{background:#8dc63f}.solution-card:nth-child(6)::before{background:var(--gold)}.solution-card:hover::before{transform:scaleX(1)}
.service-img{background:#f4f2eb}.service-img img{object-fit:contain!important;padding:18px;filter:none!important}.solution-card:hover .service-img img{filter:saturate(1.02) contrast(1.02)!important}
.partner-track{animation-duration:96s!important}.client-track{animation-duration:125s!important}
@media(max-width:700px){.partner-track{animation-duration:115s!important}.client-track{animation-duration:150s!important}.service-img{height:250px!important}.service-img img{padding:12px}}