:root{
  --red:#d9232d; --red-dark:#b01a22;
  --blue:#2b7de9; --blue-dark:#1f63c0;
  --purple:#5e35b1; --purple-bg:#ede7f6;
  --green:#0f9d58; --green-bg:#e6f4ea;
  --ink:#212121; --muted:#6f7a86; --line:#e4e7ea;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Roboto,'Segoe UI',Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);font-size:14px}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}
/* FULL WIDTH like Moglix: no centered max-width box, just edge padding */
.wrap{width:100%;padding:0 22px}
@media(max-width:640px){.wrap{padding:0 12px}}
.hide{display:none!important}

/* ============ 1. BLACK TOP STRIP (slim) ============ */
.topstrip{background:#000;color:#fff;padding:5px 0;overflow:hidden}
.topstrip .wrap{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.topstrip .brandred{color:var(--red);font-weight:800;font-size:14.5px}
.topstrip .brandred span{color:#fff;font-weight:600;font-size:13px}
.topstrip .msg{font-size:13px}
.cta-wrap{position:relative;display:inline-block}
.cta-wrap{margin-left:20px}
.cta-wrap::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136%;height:330%;background:radial-gradient(ellipse at center,rgba(217,35,45,.78) 0%,rgba(217,35,45,.28) 42%,transparent 64%);pointer-events:none}
.topstrip .cta{position:relative;background:#fff;color:var(--red);font-weight:800;font-size:12.5px;padding:6px 16px;border-radius:5px;border:none;white-space:nowrap}
@media(max-width:760px){.topstrip .msg{display:none}}

/* ============ 2. HEADER ============ */
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:300}
.hdr-in{width:100%;padding:11px 22px;display:flex;align-items:center;gap:22px}
.logo{display:flex;align-items:center;gap:8px;flex:0 0 auto;cursor:pointer}
.logo-mark{width:38px;height:38px;border-radius:8px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}
.logo-txt b{font-size:19px;color:#212121;display:block;line-height:1}
.logo-txt small{font-size:10px;color:var(--red);font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.loc{display:flex;align-items:flex-start;gap:6px;cursor:pointer;flex:0 0 auto;line-height:1.35}
.loc .pin{color:var(--red);font-size:13px;margin-top:1px}
.loc .l1{font-size:11.5px;color:#777;font-weight:500}
.loc .l2{font-size:12.5px;color:var(--blue);font-weight:700}
.srch{flex:1;display:flex;min-width:140px;max-width:760px}
.srch input{flex:1;border:1px solid #cfd6dc;border-right:none;border-radius:8px 0 0 8px;outline:none;padding:10px 16px;font-size:14px;min-width:0;color:#333}
.srch input::placeholder{color:#98a2ac}
.srch button{background:var(--red);border:none;color:#fff;padding:0 24px;border-radius:0 8px 8px 0;font-size:16px}
.hdr-r{display:flex;align-items:center;gap:26px;flex:0 0 auto;margin-left:auto}
.hdr-r .hitem{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;cursor:pointer;position:relative}
.hdr-r .hico{font-size:18px}
.dots{font-size:20px;color:#555;letter-spacing:2px;cursor:pointer}
.cart-count{position:absolute;top:-9px;right:-12px;background:var(--red);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
@media(max-width:900px){.loc{display:none}.hdr-r .hitem span.t{display:none}.hdr-r{gap:16px}}

/* ============ 3. CATEGORY ICON SUB-HEADER ============ */
.catrow{background:#fff;border-bottom:1px solid var(--line)}
.catrow-in{width:100%;padding:8px 14px;display:flex;justify-content:space-between;overflow-x:auto;gap:4px;scrollbar-width:none}
.catrow-in::-webkit-scrollbar{display:none}
.citem{flex:1 0 auto;min-width:82px;max-width:108px;text-align:center;cursor:pointer;padding:4px 3px;border-radius:8px}
.citem:hover{background:#fdf1f2}
.citem .cico{width:42px;height:42px;margin:0 auto 4px;border-radius:9px;display:flex;align-items:center;justify-content:center}
.citem .cico svg{width:30px;height:30px}
.citem b{font-size:11px;font-weight:600;color:#333;line-height:1.25;display:block}
.badge-new{background:#ffd814;color:#8a2b06;font-size:8.5px;font-weight:900;padding:1px 5px;border-radius:3px;position:absolute;top:-2px;left:50%;transform:translateX(-50%);z-index:2}

/* ============ 4. HERO SLIDER (compact like Moglix, horizontal slide) ============ */
.hero{width:100%;padding:0}
.slider{position:relative;border-radius:0;overflow:hidden;height:255px}
.sl-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.slide{flex:0 0 100%;position:relative;height:100%}
.sl-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 60px;max-width:1200px;margin:0 auto}
.sl-left{flex:0 0 auto;max-width:330px;color:#fff}
.sl-left .bname{font-size:34px;font-weight:900;font-style:italic;letter-spacing:1px;line-height:.95}
.sl-left .bsub{font-size:11.5px;letter-spacing:2.5px;font-weight:700;margin:4px 0 10px;opacity:.95}
.sl-left .tag2{font-size:16.5px;font-weight:700;line-height:1.3;margin-bottom:13px}
.sl-left .shop{background:var(--red);color:#fff;font-weight:800;font-size:13px;padding:9px 18px;border-radius:7px;border:none;display:inline-flex;align-items:center;gap:8px}
.sl-mid{flex:0 0 auto;text-align:center}
.upto{font-size:17px;font-weight:800;color:#fff;letter-spacing:3px}
.pct-big{font-size:54px;font-weight:900;background:linear-gradient(180deg,#ffe985,#f8b500 60%,#d68a00);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:.9;text-shadow:0 4px 14px rgba(0,0,0,.25)}
.offer-w{font-size:19px;font-weight:900;color:#fff;letter-spacing:4px}
.sl-right{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:220px}
.sl-right svg{max-height:175px;width:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3))}
.bankbar{position:absolute;left:50%;transform:translateX(-50%);bottom:26px;background:#fff;border-radius:7px;padding:6px 14px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 4px 14px rgba(0,0,0,.2);white-space:nowrap;z-index:3}
.bankbar b{font-size:13px}.bankbar .bk{font-weight:800;color:#1a3c8f}.bankbar small{color:#888;font-size:9.5px}
.sl-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:none;font-size:17px;color:#333;box-shadow:0 3px 10px rgba(0,0,0,.25);z-index:5}
.sl-prev{left:14px}.sl-next{right:14px}
.sl-dots{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:4}
.sl-dots span{width:8px;height:8px;border-radius:50%;background:#cfd4d9;cursor:pointer}
.sl-dots span.on{background:#8b9298;width:22px;border-radius:5px}

/* per-slide distinct brand fonts (like Moglix brand banners) */
.fs1 .bname{font-family:Georgia,'Times New Roman',serif;font-style:normal;letter-spacing:.5px}
.fs2 .bname{font-family:Impact,'Arial Black',sans-serif;font-style:normal;letter-spacing:3px;font-weight:400}
.fs3 .bname{font-family:'Segoe Script','Brush Script MT',cursive;font-style:italic;font-size:40px}
.fs4 .bname{font-family:'Courier New',monospace;font-weight:900;letter-spacing:-2px;font-style:normal}
.fs5 .bname{font-family:'Trebuchet MS',Verdana,sans-serif;font-style:normal;border:3px solid rgba(255,255,255,.85);padding:2px 14px;display:inline-block;letter-spacing:2px}
.t1{background:radial-gradient(ellipse at 75% 40%,#3a5068 0%,#1d2b3a 55%,#111c26 100%)}
.t2{background:radial-gradient(ellipse at 75% 40%,#f0656d 0%,#c81f29 55%,#8e1118 100%)}
.t3{background:radial-gradient(ellipse at 75% 40%,#2f8f5c 0%,#0e6b3e 55%,#084a2a 100%)}
.t4{background:radial-gradient(ellipse at 75% 40%,#3a6fb0 0%,#1f4e86 55%,#123258 100%)}
.t5{background:radial-gradient(ellipse at 75% 40%,#8a6ad1 0%,#5e35b1 55%,#3d1f82 100%)}
@media(max-width:1000px){.sl-mid{display:none}.sl-left{flex:1}.slider{height:230px}.sl-inner{padding:0 56px}}
@media(max-width:680px){.sl-right{display:none}.slider{height:215px}.bankbar{display:none}.sl-left .bname{font-size:28px}}

/* ============ 5. BRAND TABS ============ */
.brandtabs{width:100%;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.btab{background:#fff;border:1px solid var(--line);border-top:none;text-align:center;padding:13px 8px;cursor:pointer}
.btab b{display:block;font-size:14.5px;letter-spacing:.6px;color:#333}
.btab span{font-size:13px;color:#555}
.btab.on{border-bottom:3px solid var(--red)}
.btab.on b,.btab.on span{color:var(--red)}
@media(max-width:680px){.brandtabs{grid-template-columns:repeat(2,1fr)}.btab:last-child{grid-column:1/-1}}

/* ============ 6. PROMO CARDS ============ */
.promos{width:100%;padding:18px 22px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.promo{border-radius:12px;overflow:hidden;height:150px;position:relative;padding:18px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;transition:transform .18s}
.promo:hover{transform:translateY(-3px)}
.promo .pb1{font-size:12px;font-weight:800;letter-spacing:1px}
.promo .pb2{font-size:20px;font-weight:900;line-height:1.15;margin:4px 0 8px;text-shadow:0 1px 2px rgba(255,255,255,.15)}
.pm3 .pb1,.pm3 .pb2{text-shadow:0 1px 6px rgba(0,0,0,.55)}
.promo .pshop{width:max-content;font-size:11px;font-weight:800;padding:6px 13px;border-radius:5px;background:var(--red);color:#fff}
.promo svg{position:absolute;right:8px;bottom:6px;height:110px;width:auto;opacity:.95}
.promo{background-size:cover;background-position:center}
.pm1{background-image:linear-gradient(95deg,rgba(250,240,222,.96) 0%,rgba(250,240,222,.82) 42%,rgba(250,240,222,.08) 100%),url('assets/img/banner-06.jpg');color:#4a2f14}.pm1 .pb1{color:#a45f16}
.pm2{background-image:linear-gradient(95deg,rgba(232,246,228,.96) 0%,rgba(232,246,228,.82) 42%,rgba(232,246,228,.08) 100%),url('assets/img/banner-03.jpg');color:#143d1a}.pm2 .pb1{color:#0f7a3a}
.pm3{background-image:linear-gradient(95deg,rgba(9,20,46,.95) 0%,rgba(9,20,46,.78) 45%,rgba(9,20,46,.15) 100%),url('assets/img/banner-12.jpg');color:#fff}.pm3 .pb1{color:#8fc2ff}.pm3 .pb2 .big{color:#ffd814;font-size:26px}
.pm4{background-image:linear-gradient(95deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.85) 45%,rgba(255,255,255,.12) 100%),url('assets/img/banner-15.jpg');border:1px solid var(--line);color:#222}.pm4 .pb1{color:var(--red)}
.pm4 .ribbon{position:absolute;top:0;right:0;background:var(--red);color:#fff;font-weight:900;font-size:15px;padding:8px 14px;border-radius:0 0 0 12px}
@media(max-width:1000px){.promos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.promos{grid-template-columns:1fr}}


/* ============ CONTINUE YOUR JOURNEY (viewed products) ============ */
.journey{margin:20px 22px 0;border-radius:12px;padding:20px 22px 24px;background:linear-gradient(180deg,#c6d4f0 0%,#dcd4e4 45%,#dfaec3 100%)}
.journey h2{font-size:20px;font-weight:800;color:#2a3550;margin-bottom:16px}
.j-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none}
.j-row::-webkit-scrollbar{display:none}
.jc{flex:0 0 150px;cursor:pointer;text-align:center}
.jc .jimg{height:140px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(60,60,90,.15)}
.jc .jimg svg{width:88px;height:88px}
.jc .jv{position:absolute;bottom:0;left:0;right:0;background:rgba(20,22,28,.78);color:#fff;font-size:11.5px;font-weight:700;padding:4px;display:flex;align-items:center;justify-content:center;gap:5px}
.jc b{display:block;margin-top:8px;font-size:13.5px;color:#2a3550;line-height:1.3}
/* ============ 7. GREEN "RELATED" FULL-WIDTH SECTION ============ */
.greensec{margin-top:26px;background:linear-gradient(180deg,#f2faf1 0%,#dff0dd 40%,#cfe8cd 100%);padding:22px 22px 26px;position:relative}
.greensec h2{font-size:21px;font-weight:800;color:#222;margin-bottom:16px}
.rel-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.rel-row::-webkit-scrollbar{display:none}
.rel{flex:0 0 172px;cursor:pointer}
.rel .rimg{height:150px;border:1px solid #d7e3d5;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.rel .rimg svg{width:84px;height:84px}
.rel .rimg img{width:100%;height:100%;object-fit:cover;display:block}
.rel .cnt{position:absolute;bottom:0;left:0;right:0;background:rgba(20,25,32,.72);color:#fff;font-size:11.5px;font-weight:700;padding:4px 8px;display:flex;align-items:center;gap:5px}
.rel b{display:block;text-align:center;font-size:13.5px;margin-top:8px;color:#222;line-height:1.3}
.rel:first-child .rimg{border:1.5px solid var(--red)}
/* product cards row on green bg */
.gprod-row{display:flex;gap:16px;overflow-x:auto;margin-top:20px;padding:4px 2px 10px;scrollbar-width:none}
.gprod-row::-webkit-scrollbar{display:none}
.gpc{flex:0 0 232px;background:#fff;border-radius:10px;padding:14px 14px 16px;position:relative;box-shadow:0 1px 4px rgba(30,60,35,.12);cursor:pointer;transition:box-shadow .18s}
.gpc:hover{box-shadow:0 8px 20px rgba(30,60,35,.2)}
.gpc .flag{position:absolute;top:10px;left:0;background:var(--blue);color:#fff;font-size:11px;font-weight:800;padding:4px 12px 4px 10px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.gpc .gimg{height:150px;display:flex;align-items:center;justify-content:center}
.gpc .gimg svg{width:110px;height:110px}
.gpc .gimg{overflow:hidden;border-radius:8px}
.gpc .gimg img{width:100%;height:100%;object-fit:cover;display:block}
.gpc .grate{display:flex;align-items:center;gap:7px;margin:8px 0 6px}
.gpc .rpill{background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:2.5px 7px;border-radius:4px}
.gpc .grate small{color:#555;font-size:12px}
.gpc .gname{font-size:14px;font-weight:600;color:#222;line-height:1.4;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gpc .gprice{margin-top:8px}
.gpc .gprice .now{font-size:19px;font-weight:900}
.gpc .gprice .sub{font-size:12.5px;margin-top:2px}
.gpc .gprice .sub s{color:#999}
.gpc .gprice .sub .pct{color:var(--green);font-weight:800;margin-left:7px}
.row-arrow{position:absolute;right:26px;top:50%;width:44px;height:44px;border-radius:50%;background:#fff;border:none;font-size:19px;box-shadow:0 3px 12px rgba(0,0,0,.22);z-index:4}

/* ============ 8. BLACK CITIES FULL-WIDTH SECTION ============ */
.blacksec{background:#3f3f3f;margin:28px 22px 0;border-radius:14px;padding:22px 22px 24px;color:#fff}
.blacksec .cities-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.blacksec h2{font-size:20px;font-weight:800}
.upd{background:#fff;color:var(--red);border:none;font-weight:800;font-size:12px;padding:8px 16px;border-radius:6px}
.city-pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.cpill{background:#fff;color:#333;font-size:13px;font-weight:600;padding:8px 16px;border-radius:7px;border:1px solid #fff;cursor:pointer}
.cpill.on{color:var(--red);border-color:var(--red);background:#fff5f5}
.city-cards{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.city-cards::-webkit-scrollbar{display:none}
.ccard{flex:0 0 190px;background:#fff;border-radius:10px;overflow:hidden;color:#222;cursor:pointer}
.ccard .cimg{height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ccard .cimg svg{width:84px;height:84px}
.ccard .cimg img{width:100%;height:100%;object-fit:cover;display:block}
.ccard .cb{padding:10px 12px 13px;text-align:center}
.ccard .cb b{font-size:13.5px;display:block;line-height:1.3;min-height:34px}
.ccard .from{color:var(--green);font-weight:800;font-size:13px}

/* ============ 9. BESTSELLERS (white bg, shadow boxes) ============ */
.sec{width:100%;padding:30px 22px 0}
.sec h2{font-size:21px;font-weight:800;color:#222;margin-bottom:16px}
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.sec-head h2{margin:0}
.viewall{background:#fdeef0;color:var(--red);font-weight:800;font-size:13px;letter-spacing:.5px;padding:9px 18px;border-radius:7px;border:none}
.viewall:hover{background:var(--red);color:#fff}
.shadow-row{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;scrollbar-width:none;position:relative}
.shadow-row::-webkit-scrollbar{display:none}
.spc{flex:0 0 218px;background:#fff;border-radius:10px;padding:12px 13px 15px;box-shadow:0 2px 8px rgba(25,35,50,.12);cursor:pointer;position:relative;transition:box-shadow .18s,transform .18s}
.spc:hover{box-shadow:0 14px 32px rgba(25,35,50,.24);transform:scale(1.045);z-index:4}
.spc:hover .gname{color:var(--blue)}
.hoverbtns{display:none;gap:8px;margin-top:10px}
.spc:hover .hoverbtns{display:flex}
.hoverbtns button{flex:1;padding:8px 4px;border-radius:7px;font-weight:800;font-size:11px;letter-spacing:.3px;cursor:pointer}
.hb-cart{background:#fff;border:1.5px solid var(--blue);color:var(--blue)}
.hb-cart:hover{background:#eaf2fd}
.hb-buy{background:var(--red);border:none;color:#fff}
.hb-buy:hover{background:var(--red-dark)}
.spc .flag{position:absolute;top:10px;left:0;background:var(--blue);color:#fff;font-size:11px;font-weight:800;padding:4px 12px 4px 10px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
.spc .simg{height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}
.spc .simg svg{width:104px;height:104px}
.spc .simg img{width:100%;height:100%;object-fit:cover;display:block}
.spc .grate{display:flex;align-items:center;gap:7px;margin:8px 0 5px}
.spc .rpill{background:var(--green);color:#fff;font-size:11px;font-weight:800;padding:2.5px 7px;border-radius:4px}
.spc .grate small{color:#555;font-size:12px}
.spc .gname{font-size:13.5px;font-weight:600;color:#222;line-height:1.4;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spc .now{font-size:18px;font-weight:900;margin-top:7px}
.spc .sub{font-size:12.5px}
.spc .sub s{color:#999}
.spc .sub .pct{color:var(--green);font-weight:800;margin-left:7px}

/* ============ 10. 3 SERVICE BANNERS ============ */
.svc{width:100%;padding:28px 22px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.svcb{border-radius:12px;height:140px;padding:20px 22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;cursor:pointer}
.svcb h3{font-size:19px;font-weight:800;margin-bottom:5px}
.svcb p{font-size:12.5px;line-height:1.45;max-width:62%}
.svcb .sbtn{width:max-content;margin-top:10px;background:var(--red);color:#fff;border:none;font-weight:800;font-size:12px;padding:8px 16px;border-radius:6px}
.svcb svg{position:absolute;right:14px;bottom:10px;height:100px;width:auto}
.sv1{background:linear-gradient(115deg,#eef4fb,#dbe9f7);color:#1c3a5e}
.sv2{background:linear-gradient(115deg,#e9f1fd,#d3e3fa);color:#1c3a5e}
.sv3{background:linear-gradient(115deg,#fdeee4,#fbdfcd);color:#7a3c12}
@media(max-width:960px){.svc{grid-template-columns:1fr}.svcb p{max-width:75%}}

/* ============ 11. MEGA CATEGORY (like Moglix ELECTRICALS) ============ */
.mega{width:100%;padding:32px 22px 0}
.mega-panel{background:#eef0f2;border-radius:14px;padding:22px;position:relative}
.mega-top{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:20px;margin-bottom:22px;align-items:start}
.mega-left{background:#fff;border-radius:12px;padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-start;margin-top:14px}
.mega-left h3{font-size:16px;font-weight:800;margin-bottom:20px}
.brand-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bcircle{text-align:center;cursor:pointer;min-width:0}
.bcircle .bc{width:100%;max-width:82px;aspect-ratio:1/1;border-radius:50%;background:#fff;border:1px solid var(--line);margin:0 auto 9px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:var(--red);text-align:center;line-height:1.1;padding:6px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.bcircle small{font-size:12.5px;color:#333;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* tan category tiles with wooden shelf */
.cat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ctile{background:linear-gradient(180deg,#fdf3dd 0%,#f9e9c6 70%,#f4dfae 100%);border-radius:12px;cursor:pointer;text-align:center;padding-bottom:16px;transition:transform .18s;overflow:hidden}
.ctile:hover{transform:translateY(-3px)}
.ctile .ci2{height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ctile .ci2 img{width:100%;height:100%;object-fit:cover;display:block}
.ctile .ci2 svg{width:120px;height:120px;filter:drop-shadow(0 10px 12px rgba(120,90,30,.3))}
.ctile .shelf{height:16px;margin:0 0 14px;background:repeating-linear-gradient(90deg,#c99b5b 0 22px,#b8873f 22px 44px);box-shadow:inset 0 3px 4px rgba(0,0,0,.18)}
.ctile b{font-size:15.5px;display:block;color:#222;margin-bottom:3px}
.ctile small{font-size:13px;color:#555;font-weight:600}
/* white product cards row inside grey panel */
.mega-prods{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:none;position:relative}
.mega-prods::-webkit-scrollbar{display:none}
.mega .row-arrow{right:34px;top:auto;bottom:120px}
@media(max-width:1100px){.cat-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.mega-top{grid-template-columns:1fr}.brand-circles{max-width:420px;margin:0 auto}}
@media(max-width:560px){.cat-tiles{grid-template-columns:1fr}}

/* ============ 12. TRUST + FOOTER ============ */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px;background:#fff}
.trust-in{width:100%;padding:26px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;text-align:center}
.trust-in .ti{font-size:26px;margin-bottom:6px}
.trust-in b{display:block;font-size:13.5px;margin-bottom:3px}
.trust-in small{color:#888;font-size:11.5px;line-height:1.45}
@media(max-width:860px){.trust-in{grid-template-columns:repeat(2,1fr)}.trust-in .t:last-child{grid-column:1/-1}}
footer{background:#fff;color:#111;border-top:1px solid var(--line)}
.ft-in{width:100%;padding:38px 22px 26px;display:grid;grid-template-columns:1.9fr 1fr 1fr 1fr 1fr;gap:24px}
.ft-in h4{color:#000;font-size:13.5px;letter-spacing:1px;text-transform:uppercase;margin-bottom:13px}
.ft-in a{display:block;font-size:13px;padding:4px 0;color:#111;font-weight:500}
.ft-in a:hover{color:var(--red)}
.ft-in p{font-size:13px;line-height:1.7;color:#111}
.ft-bot{border-top:1px solid var(--line);text-align:center;font-size:12px;padding:15px;color:#222}
.socials{display:flex;gap:11px;margin-top:14px}
.soc{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .18s,filter .18s}
.soc:hover{transform:translateY(-2px);filter:brightness(1.12)}
.soc svg{width:17px;height:17px}
.soc.fb{background:#1877f2}
.soc.x{background:#000}
.soc.ig{background:radial-gradient(circle at 30% 110%,#fdc468 0%,#df4996 45%,#8a3ab9 85%)}
.soc.li{background:#0a66c2}
.soc.yt{background:#ff0000}
@media(max-width:860px){.ft-in{grid-template-columns:1fr 1fr}}

/* ============ CATEGORY LISTING PAGE (Phase 2) ============ */
.crumb{width:100%;padding:12px 22px 0;font-size:13px;color:#777}
.crumb a{color:#555}.crumb a:hover{color:var(--red)}.crumb .sep{margin:0 7px;color:#bbb}
.cat-page{width:100%;padding:14px 22px 40px;display:grid;grid-template-columns:250px 1fr;gap:20px}
@media(max-width:860px){.cat-page{grid-template-columns:1fr}}
.filters{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;align-self:start}
.filters h3{font-size:15px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
.filters h3 button{background:none;border:none;color:var(--blue);font-size:12px;font-weight:700}
.fgroup{border-top:1px solid var(--line);padding:12px 0}
.fgroup b{font-size:13px;display:block;margin-bottom:9px;text-transform:uppercase;letter-spacing:.5px;color:#444}
.fgroup label{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:4px 0;cursor:pointer;color:#333}
.fgroup input{accent-color:var(--red);width:15px;height:15px}
.cat-main .cat-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.cat-main .cat-top h1{font-size:20px}
.cat-main .cat-top .cnt{color:#777;font-size:13px;font-weight:600}
.sortsel{border:1px solid #cfd6dc;border-radius:7px;padding:8px 12px;font-size:13.5px;font-weight:600;color:#333;outline:none;background:#fff}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:15px}
.noresult{padding:50px 0;text-align:center;color:#888}

/* ============ PRODUCT PAGE (Phase 3) ============ */
.pd{width:100%;padding:14px 22px 40px;display:grid;grid-template-columns:460px 1fr 340px;gap:26px}
@media(max-width:1150px){.pd{grid-template-columns:420px 1fr}.pd-right{grid-column:1/-1}}
@media(max-width:820px){.pd{grid-template-columns:1fr}}
.pd-gal{position:relative}
.pd-main{border:1px solid var(--line);border-radius:12px;height:420px;display:flex;align-items:center;justify-content:center;background:#fff;position:relative}
.pd-main svg{width:280px;height:280px}
.gal-act{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:10px}
.gal-act button{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);font-size:17px;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.pd-thumbs{display:flex;gap:10px;margin-top:12px}
.pd-thumbs .th{width:64px;height:64px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff}
.pd-thumbs .th svg{width:44px;height:44px}
.pd-thumbs .th.on{border:2px solid var(--red)}
.hoverzoom{text-align:center;font-size:12px;color:#999;margin-top:8px}
.pd-mid h1{font-size:25px;font-weight:800;line-height:1.25;margin-bottom:8px}
.pd-incl{font-size:13.5px;color:#777;margin-bottom:6px}
.pd-priceline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}
.pd-priceline .big{font-size:34px;font-weight:900}
.pd-priceline .gst{font-size:15px;color:#555;font-weight:700}
.pd-mrp{font-size:14px;color:#555;margin-bottom:16px}
.pd-mrp s{color:#999}
.pd-mrp .off{color:var(--green);font-weight:800;margin-left:6px}
.coinbox{background:var(--green-bg);border:1px solid #cde8d6;border-radius:10px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;cursor:pointer}
.coinbox .cl{display:flex;align-items:center;gap:11px}
.coin{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px}
.coinbox b{font-size:14.5px;color:#1c5c34}
.coinbox small{display:block;color:#4a7a5c;font-size:12.5px;font-weight:500}
.coinbox .arr{color:#666;font-size:17px}
.dealbox{border:1px solid #cde8d6;border-radius:10px;overflow:hidden;margin-bottom:14px}
.deal-top{background:linear-gradient(90deg,#eaf7ee,#d9f0e0);padding:12px 16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.deal-logo{background:#fff;border:1.5px dashed var(--red);color:var(--red);font-weight:900;font-size:11px;padding:5px 9px;border-radius:6px;text-align:center;line-height:1.1}
.deal-top .dt{font-size:14px}.deal-top .dt b{font-size:16px}
.deal-top .dt u{text-decoration-color:var(--green);text-decoration-thickness:2px}
.extra-off{background:var(--green);color:#fff;font-weight:800;font-size:13px;padding:7px 16px;clip-path:polygon(0 0,100% 0,92% 100%,0 100%)}
.deal-bot{background:#fdf3f4;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;cursor:pointer}
.deal-bot .ic{background:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;margin-right:9px;border:1px solid #eee}
.trustpanel{background:var(--purple-bg);border-radius:12px;padding:16px;margin-bottom:14px}
.trustpanel .tp-h{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:15.5px;color:#33235c;margin-bottom:10px}
.trustpanel .tp-h .vm{width:24px;height:24px;border-radius:6px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.tp-badge{width:max-content;margin:0 auto 12px;border:1px solid #cbbfe8;border-radius:20px;font-size:12.5px;font-weight:700;color:#4a3585;padding:5px 14px;background:#fff}
.tp-stats{background:#fff;border-radius:10px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}
.tp-stats b{font-size:17px;color:var(--green);display:block}
.tp-stats b.star{color:#1c8f3c}
.tp-stats small{font-size:12px;color:#555;font-weight:600}
.tp-foot{background:var(--purple);color:#fff;border-radius:0 0 10px 10px;margin:12px -16px -16px;padding:11px;display:flex;justify-content:space-around;font-size:13px;font-weight:700}
.tp-foot span{display:flex;align-items:center;gap:6px}
.pd-specs{margin-top:18px}
.pd-specs h3{font-size:16px;margin-bottom:10px}
.pd-specs table{width:100%;border-collapse:collapse;font-size:13.5px}
.pd-specs td{border:1px solid var(--line);padding:9px 12px}
.pd-specs td:first-child{background:#f7f9fb;font-weight:700;width:38%}
.pd-right .buybox{border:1px solid var(--line);border-radius:12px;padding:18px;background:#f8f9fb}
.bb-incl{font-size:13px;color:#777}
.bb-price{font-size:30px;font-weight:900;margin:2px 0}
.bb-price .gst{font-size:14px;color:#555;font-weight:700}
.bb-mrp{font-size:13.5px;color:#555;margin-bottom:14px}
.bb-mrp s{color:#999}.bb-mrp .off{color:var(--green);font-weight:800;margin-left:5px}
.qtyrow{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.qtyrow b{font-size:14.5px}
.stepper{display:flex;align-items:center;gap:8px}
.stepper button{width:34px;height:34px;border-radius:8px;border:1px solid #cfd6dc;background:#fff;font-size:17px;font-weight:800;color:var(--blue)}
.stepper input{width:52px;height:34px;border:1px solid #cfd6dc;border-radius:8px;text-align:center;font-size:15px;font-weight:700}
.btn-cart{width:100%;background:var(--blue);color:#fff;border:none;border-radius:9px;padding:14px;font-size:15px;font-weight:800;letter-spacing:.4px;margin-bottom:11px;display:flex;align-items:center;justify-content:center;gap:9px}
.btn-cart:hover{background:var(--blue-dark)}
.btn-buy{width:100%;background:var(--red);color:#fff;border:none;border-radius:9px;padding:14px;font-size:15px;font-weight:800;letter-spacing:.4px}
.btn-buy:hover{background:var(--red-dark)}
.delivbox{border:1px solid #f3ddc4;border-radius:12px;margin-top:16px;background:linear-gradient(120deg,#fff8ee,#fdeedd);padding:16px}
.delivbox h4{font-size:16px;margin-bottom:10px}
.delivrow{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:4px 4px 4px 12px;gap:8px}
.delivrow .pin{color:var(--red)}
.delivrow input{flex:1;border:none;outline:none;font-size:13.5px;min-width:0}
.delivrow button{background:none;border:none;border-left:1px solid var(--line);color:var(--red);font-weight:800;font-size:12.5px;padding:9px 13px}
.delivbox small{display:block;color:#8a6a45;font-size:12px;margin-top:9px}

/* ============ CART PAGE (Phase 4) ============ */
.page-pad{width:100%;padding:18px 22px 46px}
.cart-grid{display:grid;grid-template-columns:1fr 340px;gap:20px}
@media(max-width:900px){.cart-grid{grid-template-columns:1fr}}
.cart-list{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cart-h{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:800;font-size:16px}
.crow{display:flex;gap:16px;padding:16px 18px;border-bottom:1px solid #f0f2f4;align-items:center}
.crow .cimg2{width:88px;height:88px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.crow .cimg2 svg{width:62px;height:62px}
.crow .cinfo{flex:1}
.crow .cinfo b{font-size:14.5px;display:block;margin-bottom:3px}
.crow .cinfo small{color:#888;font-weight:600}
.crow .cinfo .cprice{font-size:16px;font-weight:900;margin-top:5px}
.crow .cinfo .cprice s{color:#999;font-size:12.5px;font-weight:600;margin-left:7px}
.crow .cinfo .cprice .pct{color:var(--green);font-size:12.5px;font-weight:800;margin-left:6px}
.crow .rm{background:none;border:none;color:var(--red);font-weight:700;font-size:12.5px;margin-top:6px;padding:0}
.summary{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;align-self:start}
.summary h3{font-size:15px;text-transform:uppercase;letter-spacing:.6px;color:#666;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:12px}
.srow{display:flex;justify-content:space-between;font-size:14px;padding:5px 0}
.srow.tot{border-top:1px dashed #ccc;margin-top:9px;padding-top:12px;font-weight:900;font-size:16.5px}
.srow .grn{color:var(--green);font-weight:700}
.btn-primary{width:100%;background:var(--red);color:#fff;border:none;border-radius:9px;padding:14px;font-size:15px;font-weight:800;margin-top:14px}
.btn-primary:hover{background:var(--red-dark)}
.btn-ghost{width:100%;background:#fff;color:var(--red);border:1.5px solid var(--red);border-radius:9px;padding:12px;font-size:14px;font-weight:800;margin-top:10px}
.gstnote{background:var(--green-bg);border-radius:8px;font-size:12.5px;color:#1c5c34;padding:10px 12px;margin-top:14px;font-weight:600}

/* ============ CHECKOUT (Phase 4) ============ */
.chk-grid{display:grid;grid-template-columns:1fr 360px;gap:20px}
@media(max-width:900px){.chk-grid{grid-template-columns:1fr}}
.formcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.formcard h3{font-size:16px;margin-bottom:16px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
@media(max-width:640px){.frow{grid-template-columns:1fr}}
.fld{display:flex;flex-direction:column;gap:6px}
.fld.full{grid-column:1/-1}
.fld label{font-size:12.5px;font-weight:700;color:#555}
.fld input,.fld textarea,.fld select{border:1px solid #cfd6dc;border-radius:8px;padding:11px 13px;font-size:14px;outline:none;font-family:inherit}
.fld input:focus,.fld textarea:focus{border-color:var(--red)}
.payopt{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.payopt label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:14px;font-weight:600;cursor:pointer}
.payopt input{accent-color:var(--red);width:16px;height:16px}
.payopt label small{color:#888;font-weight:500;margin-left:auto}

/* ============ RFQ + TRACK (Phase 5) ============ */
.hero-mini{background:linear-gradient(115deg,#15212e,#25445e);color:#fff;border-radius:12px;padding:26px;margin-bottom:20px}
.hero-mini h1{font-size:24px;margin-bottom:6px}
.hero-mini p{opacity:.9;font-size:14px}
.timeline{margin-top:22px;border-left:3px solid var(--line);padding-left:22px}
.tstep{position:relative;padding-bottom:22px}
.tstep::before{content:'';position:absolute;left:-31.5px;top:2px;width:14px;height:14px;border-radius:50%;background:#cfd6dc;border:3px solid #fff;box-shadow:0 0 0 2px #cfd6dc}
.tstep.done::before{background:var(--green);box-shadow:0 0 0 2px var(--green)}
.tstep b{font-size:14.5px;display:block}
.tstep small{color:#888;font-size:12.5px}
.success-box{max-width:560px;margin:30px auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:40px 30px}
.success-box .ok{width:72px;height:72px;border-radius:50%;background:var(--green);color:#fff;font-size:36px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.success-box h2{margin-bottom:8px}
.success-box p{color:#666;font-size:14px;line-height:1.6}
.oid{background:#f4f6f8;border-radius:8px;font-weight:900;font-size:17px;padding:11px;margin:16px 0;letter-spacing:1px}


/* ============ FOOTER BOTTOM STRIP (apps | mail | socials) ============ */
.ft-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:16px 22px}
.ft-apps{display:flex;gap:12px}
.store-badge{display:flex;align-items:center;gap:9px;background:#000;border-radius:8px;padding:7px 14px;color:#fff;cursor:pointer}
.store-badge small{display:block;font-size:8.5px;color:#ccc;letter-spacing:.4px}
.store-badge b{font-size:14px;line-height:1.05;display:block}
.ft-mail{text-align:center}
.ft-mail a{color:var(--blue);font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.ft-mail small{display:block;color:#777;font-size:12.5px;margin-top:3px}
.ft-socs{display:flex;gap:9px;justify-content:flex-end}
.soc2{width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}
.soc2 svg{width:15px;height:15px}
.soc2.fb{background:#1877f2}.soc2.yt{background:#ff0000}.soc2.li{background:#404b52}.soc2.x{background:#3d4144}.soc2.ig{background:radial-gradient(circle at 30% 110%,#fdc468 0%,#df4996 45%,#8a3ab9 85%)}
@media(max-width:900px){.ft-strip{grid-template-columns:1fr;text-align:center}.ft-apps,.ft-socs{justify-content:center}}
/* ============ CART DRAWER + MISC ============ */
.drawer-bg{position:fixed;inset:0;background:rgba(15,25,35,.5);z-index:400;display:none}
.drawer-bg.on{display:block}
.drawer{position:fixed;top:0;right:-390px;width:min(390px,93vw);height:100%;background:#fff;z-index:401;transition:right .28s;display:flex;flex-direction:column}
.drawer.on{right:0;box-shadow:-8px 0 30px rgba(0,0,0,.25)}
.dr-h{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.dr-h b{font-size:16px}
.dr-x{background:none;border:none;font-size:22px;color:#999}
.dr-body{flex:1;overflow-y:auto;padding:14px 16px}
.dr-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f4;align-items:center}
.dr-item .n{flex:1;font-size:13px;font-weight:700}
.dr-item .n small{display:block;color:#999;font-weight:600}
.dr-qty{display:flex;align-items:center;gap:6px}
.dr-qty button{width:24px;height:24px;border:1px solid var(--line);background:#fff;border-radius:5px;font-weight:800}
.dr-f{padding:16px;border-top:1px solid var(--line)}
.dr-tot{display:flex;justify-content:space-between;font-size:15px;font-weight:800;margin-bottom:12px}
.dr-view{display:block;width:100%;text-align:center;background:var(--red);color:#fff;font-weight:800;padding:12px;border-radius:8px;font-size:14px;border:none;margin-bottom:9px}
.dr-wa{display:block;width:100%;text-align:center;background:#25d366;color:#fff;font-weight:800;padding:12px;border-radius:8px;font-size:14px;border:none}
.empty{text-align:center;color:#999;padding:40px 0;font-size:13.5px}
.wa-float{position:fixed;bottom:20px;right:20px;background:#25d366;color:#fff;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;z-index:300;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.toast{position:fixed;bottom:86px;right:20px;background:#14202c;color:#fff;padding:11px 18px;border-radius:8px;font-size:13px;font-weight:700;z-index:500;opacity:0;transform:translateY(8px);transition:all .25s}
.toast.on{opacity:1;transform:none}

/* ============ LOGO 3D COIN FLIP (Moglix effect) ============ */
.logo-flip{position:relative;height:38px;width:158px;perspective:520px}
.flip-card{position:absolute;inset:0;transform-style:preserve-3d;animation:coinflip 6s cubic-bezier(.45,0,.25,1) infinite}
.logo-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;backface-visibility:hidden}
.logo-face.fb{transform:rotateX(180deg)}
@keyframes coinflip{0%,40%{transform:rotateX(0deg)}50%,90%{transform:rotateX(180deg)}100%{transform:rotateX(360deg)}}
.yoi{background:#e9ecef;border-radius:4px;padding:4px 10px;display:inline-flex;align-items:center;gap:7px;line-height:1.05}
.yoi b{font-size:20px;color:var(--red)}
.yoi span{font-size:9.5px;color:#555;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;width:74px;line-height:1.2}

/* ============ LOGIN DROPDOWN (Moglix style) ============ */
.hitem.hlogin{position:relative}
.login-dd{position:absolute;top:calc(100% + 14px);right:-10px;width:250px;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18);padding:16px;display:none;z-index:350;cursor:default}
.hitem.hlogin:hover .login-dd,.hitem.hlogin.open .login-dd{display:block}
.login-dd::before{content:'';position:absolute;top:-7px;right:26px;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.login-dd .ld-t{font-size:13px;color:#555;margin-bottom:12px;line-height:1.5}
.login-dd .ld-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:8px;padding:11px;font-weight:800;font-size:13.5px;margin-bottom:10px}
.login-dd a{display:flex;align-items:center;gap:9px;padding:8px 2px;font-size:13.5px;font-weight:600;color:#333;border-top:1px solid #f2f4f6}
.login-dd a:hover{color:var(--red)}

/* ============ SEO ACCORDION (above footer, collapsed) ============ */
.acc{width:100%;padding:0 22px;background:#fff;border-top:1px solid var(--line)}
.acc-item{border-bottom:none}
.acc-h{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 2px;cursor:pointer}
.acc-h h3{font-size:15.5px;font-weight:800;color:#222}
.acc-h .pm{font-size:22px;color:#888;font-weight:600;flex:0 0 auto;width:24px;text-align:center}
.acc-b{display:none;padding:0 2px 18px;color:#41505c;font-size:13.5px;line-height:1.8}
.acc-b b{color:#222}
.acc-b ul{margin:8px 0 0 18px}
.acc-b li{margin-bottom:7px}
.acc-item.open .acc-b{display:block}
.acc-item.open .acc-h .pm::before{content:"\2212"}
.acc-item .acc-h .pm::before{content:"+"}
.acc-item.open .acc-h .pm{color:var(--red)}

/* ============ POPULAR SEARCHES (in footer, expandable) ============ */
.pop-wrap{border-top:1px solid var(--line)}
.pop-h{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;color:#000;cursor:pointer}
.pop-h b{font-size:14px;letter-spacing:.6px}
.pop-h .pm{font-size:22px;color:#888;width:24px;text-align:center}
.pop-wrap.open .pop-h .pm::before{content:"\2212"}
.pop-wrap .pop-h .pm::before{content:"+"}
.pop-body{display:none;padding:2px 22px 22px}
.pop-wrap.open .pop-body{display:block}
.pop-body h5{color:#000;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;margin:14px 0 5px}
.pop-body p{font-size:12.5px;line-height:2;color:#111}
.pop-body a{color:#111}
.pop-body a:hover{color:var(--red);text-decoration:underline}
.pop-body .sp{color:#ccc;margin:0 8px}


/* ============ RECENT SEARCHES DROPDOWN (two shades) ============ */
.srch{position:relative}
.srch-dd{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.16);z-index:340;display:none;overflow:hidden}
.srch-dd.on{display:block}
.srch-dd .sd-h{background:#f1f3f5;padding:10px 16px;font-size:11.5px;font-weight:800;color:#666;letter-spacing:1px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center}
.srch-dd .sd-h button{background:none;border:none;color:var(--blue);font-size:11.5px;font-weight:800}
.sd-row{display:flex;align-items:center;gap:11px;padding:11px 16px;font-size:13.5px;font-weight:600;color:#333;cursor:pointer;background:#fff;border-top:1px solid #f2f4f6}
.sd-row:hover{background:#fdf1f2}
.sd-row .ck{color:#98a2ac;font-size:15px}

/* ============ 3-DOT MENU (app + support, like Moglix) ============ */
.hdots{position:relative;cursor:pointer}
.dots-dd{position:absolute;top:calc(100% + 14px);right:-6px;width:240px;background:#fff;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.18);padding:14px;display:none;z-index:350;cursor:default;text-align:left}
.hdots.open .dots-dd,.hdots:hover .dots-dd{display:block}
.dots-dd::before{content:'';position:absolute;top:-7px;right:12px;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.dots-dd .dd-t{font-size:12px;font-weight:800;color:#666;letter-spacing:.8px;text-transform:uppercase;margin-bottom:9px}
.badge-app{display:flex;align-items:center;gap:9px;background:#000;color:#fff;border-radius:7px;padding:7px 11px;margin-bottom:8px;cursor:pointer}
.badge-app .bi{font-size:19px}
.badge-app small{display:block;font-size:8.5px;letter-spacing:.5px;color:#ccc;text-transform:uppercase}
.badge-app b{font-size:13px;line-height:1.1;display:block}
.dots-dd a{display:flex;align-items:center;gap:9px;padding:9px 2px;font-size:13.5px;font-weight:600;color:#333;border-top:1px solid #f2f4f6}
.dots-dd a:hover{color:var(--red)}

/* ============ CATEGORY HOVER DROPDOWN ============ */
.citem{position:relative}
.cat-dd{position:absolute;top:calc(100% + 2px);left:0;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:8px 0;display:none;z-index:330;text-align:left}
.cat-dd::before{content:'';position:absolute;top:-6px;left:26px;transform:rotate(45deg);width:12px;height:12px;background:#fff}
.cat-dd a{display:block;padding:8px 16px;font-size:13px;font-weight:600;color:#333;white-space:nowrap}
.cat-dd a:hover{background:#fdf1f2;color:var(--red)}
.cat-dd a.va{color:var(--red);font-weight:800;border-top:1px solid #f2f4f6;margin-top:4px}
/* last few items open leftward so they don't overflow right edge */
.citem:nth-last-child(-n+3) .cat-dd{left:auto;right:0}
.citem:nth-last-child(-n+3) .cat-dd::before{left:auto;right:26px}
@media(min-width:1000px){.catrow-in{overflow:visible;flex-wrap:nowrap}.catrow{position:relative;z-index:250}}
.citem:hover .cat-dd,.citem.open .cat-dd{display:block}
.catrow-in{overflow-x:auto;overflow-y:visible}
@media(min-width:1000px){.catrow-in{overflow:visible}}
@media(max-width:999px){.cat-dd{position:fixed;left:8px;right:8px;top:auto;min-width:0;width:auto}}


/* scroll-row arrows */
.scrollwrap{position:relative}
.sarrow{position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #e2e5e8;font-size:14px;color:#444;box-shadow:0 2px 8px rgba(0,0,0,.22);z-index:6;cursor:pointer;display:flex;align-items:center;justify-content:center}
.sarrow.left{right:auto;left:-11px}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* ===== PEOPLE LOVE US (Reviews) ===== */
.lovesec{background:#fff;padding:44px 16px 50px;border-top:1px solid var(--line)}
.lovesec .lv-in{max-width:1240px;margin:0 auto}
.lv-head{text-align:center;margin-bottom:26px}
.lv-head h2{font-size:26px;font-weight:800;color:#1a1a1a}
.lv-head p{color:#555;margin-top:8px;font-size:14.5px}
.lv-head b{color:#111}
.lv-star{color:#0f8a4f;font-weight:800}
.lv-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.lv-col h3{text-align:center;font-size:20px;font-weight:800;color:#111;margin-bottom:16px}
.lv-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:24px 26px;box-shadow:0 1px 4px rgba(0,0,0,.05);cursor:pointer;min-height:310px;display:flex;flex-direction:column;justify-content:space-between;transition:box-shadow .2s}
.lv-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.09)}
.lv-stars{color:#0f8a4f;font-size:17px;letter-spacing:3px;margin-bottom:12px}
.lv-txt{color:#333;font-size:13.6px;line-height:1.75}
.lv-txt b{color:#111}
.lv-who{display:flex;align-items:center;gap:12px;margin-top:18px;position:relative}
.lv-av{width:44px;height:44px;border-radius:50%;background:#eceff3;display:flex;align-items:center;justify-content:center;color:#5b3b8c;font-weight:800;font-size:16px}
.lv-nm b{display:block;font-size:13.5px;color:#111;letter-spacing:.3px}
.lv-nm small{color:#777;font-size:12px}
.lv-q{position:absolute;right:2px;top:4px;color:#b9b9b9;font-size:26px;font-family:Georgia,serif;line-height:1}
.lv-dots{display:flex;gap:7px;justify-content:center;margin-top:16px}
.lv-dots span{width:8px;height:8px;border-radius:6px;background:#d4d4d4;cursor:pointer;transition:all .25s}
.lv-dots span.on{width:22px;background:#1a1a1a}
.lv-cta{text-align:center;margin-top:30px}
.lv-btn{background:var(--red);color:#fff;border:none;border-radius:8px;padding:15px 34px;font-size:15.5px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(217,35,45,.32);transition:transform .15s}
.lv-btn:hover{transform:translateY(-2px);background:var(--red-dark)}
@media(max-width:860px){.lv-cols{grid-template-columns:1fr}}
/* ===== CUSTOMER SPEAK / REVIEWS PAGE ===== */
.cs-hero{background:linear-gradient(120deg,#0f2b4a,#1d4a7a 55%,#173b63);color:#fff;padding:44px 22px 46px;text-align:center}
.cs-kick{display:inline-block;border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:5px 16px;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:#d8e6f5;margin-bottom:14px}
.cs-hero h1{font-size:34px;font-weight:800;letter-spacing:-.5px}
.cs-hero p{color:#cfe0f2;margin:12px auto 0;font-size:14.5px;line-height:1.7;max-width:720px}
.cs-gwrap{width:100%;padding:0 22px;margin-top:-30px}
.cs-google{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 26px rgba(0,0,0,.1);padding:20px 26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:center}
.cs-g-l{display:flex;align-items:center;gap:11px}
.cs-g-l span{display:flex;flex-direction:column;line-height:1.2}
.cs-g-l b{font-size:16px;color:#222}
.cs-g-l small{font-size:11.5px;color:var(--muted)}
.cs-g-r{display:flex;align-items:center;gap:14px;padding:0 26px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.cs-g-num{font-size:38px;font-weight:800;color:#1a1a1a;line-height:1}
.cs-g-stars{color:#fbbc05;font-size:17px;letter-spacing:2px}
.cs-g-r small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.cs-write{background:#fff;border:1.5px solid var(--blue);color:var(--blue);border-radius:8px;padding:10px 20px;font-size:13px;font-weight:800}
.cs-write:hover{background:var(--blue);color:#fff}
.cs-sec{width:100%;padding:44px 22px 6px;text-align:center;max-width:1400px;margin:0 auto}
.cs-kick2{display:block;color:var(--red);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.cs-sec h2{font-size:26px;font-weight:800;color:#1a1a1a;margin-bottom:8px}
.cs-lead{color:var(--muted);font-size:14px;margin-bottom:20px}
.cs-marq{overflow:hidden;margin:22px 0 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.cs-track{display:flex;gap:16px;width:max-content;animation:csScroll 70s linear infinite}
.cs-marq.rev .cs-track{animation-direction:reverse;animation-duration:82s}
.cs-marq:hover .cs-track{animation-play-state:paused}
@keyframes csScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cs-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;width:400px;flex:0 0 400px;text-align:left;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s}
.cs-card:hover{box-shadow:0 8px 22px rgba(0,0,0,.09);transform:translateY(-3px)}
.cs-card .st{color:#fbbc05;font-size:15px;letter-spacing:2px;margin-bottom:10px}
.cs-card .tx{color:#41505c;font-size:13.4px;line-height:1.75;min-height:140px}
.cs-card .tx b{color:#1a1a1a}
.cs-who{display:flex;align-items:center;gap:11px;margin-top:14px;padding-top:13px;border-top:1px solid #f0f2f4}
.cs-av{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#eef2f7;color:#2b5c96;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.cs-who b{display:block;font-size:13px;color:#1a1a1a}
.cs-who small{color:var(--muted);font-size:11.5px}
.cs-who .vtag{margin-left:auto;color:#0f8a4f;font-size:11px;font-weight:800}
.cs-filters{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.cs-sp{width:1px;background:var(--line);margin:0 6px}
.rv-tab{border:1.5px solid #d8dde3;background:#fff;border-radius:20px;padding:7px 18px;font-size:13px;font-weight:700;color:#333;cursor:pointer}
.rv-tab.on{background:#173b63;border-color:#173b63;color:#fff}
.cs-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:20px;text-align:left;align-items:center}
.cs-bars{display:flex;flex-direction:column;gap:7px}
.rv-bar{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#444}
.rv-bar .tr{flex:1;height:8px;background:#eef0f2;border-radius:5px;overflow:hidden}
.rv-bar .fl{height:100%;background:#fbbc05;border-radius:5px}
.cs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center;border-left:1px solid var(--line);padding-left:22px}
.cs-stats b{display:block;font-size:23px;font-weight:800;color:#1a1a1a}
.cs-stats small{color:var(--muted);font-size:11.5px}
.rv-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}
.rv-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.rv-item .top{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.rv-item .pill{background:#0f8a4f;color:#fff;font-weight:800;font-size:12px;border-radius:5px;padding:3px 8px}
.rv-item .who{font-weight:800;color:#111;font-size:13.5px}
.rv-item .meta{color:#8b949d;font-size:11.5px}
.rv-item .tag{margin-left:auto;background:#eef4fb;color:#2b5c96;font-size:11px;font-weight:800;border-radius:5px;padding:3px 9px}
.rv-item .tag.seller{background:#f3eefb;color:#5b3b8c}
.rv-item p{color:#41505c;font-size:13.4px;line-height:1.8;margin-top:11px}
.rv-item p b{color:#1a1a1a}
.rv-vf{color:#0f8a4f;font-size:11.5px;font-weight:700;margin-top:9px;display:inline-block}
.cs-pager{display:flex;gap:7px;justify-content:center;align-items:center;margin:24px 0 8px;flex-wrap:wrap}
.cs-pager button{border:1.5px solid #d8dde3;background:#fff;color:#333;border-radius:7px;min-width:36px;height:36px;font-size:13px;font-weight:700;cursor:pointer;padding:0 10px}
.cs-pager button.on{background:var(--red);border-color:var(--red);color:#fff}
.cs-pager button:disabled{opacity:.42;cursor:default}
.cs-cta{background:linear-gradient(120deg,#0f2b4a,#1d4a7a);color:#fff;text-align:center;padding:42px 22px 46px;margin-top:34px}
.cs-cta h2{font-size:26px;font-weight:800}
.cs-cta p{color:#cfe0f2;margin:10px auto 20px;max-width:640px;font-size:14px;line-height:1.7}
.cs-cta-b{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(max-width:900px){.rv-list{grid-template-columns:1fr}.cs-summary{grid-template-columns:1fr}.cs-stats{border-left:none;border-top:1px solid var(--line);padding:16px 0 0}.cs-card{width:320px;flex:0 0 320px}.cs-g-r{border:none;padding:0}}

/* ===== PRODUCT PAGE EXTRAS ===== */
.pdfast{background:#3a3a3a;border-radius:14px;margin:26px 16px;padding:20px 22px;max-width:1400px}
@media(min-width:1432px){.pdfast{margin:26px auto}}
.pdfast-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.pdfast-top h2{color:#fff;font-size:20px;font-weight:800}
.pdfast-top .upd2{background:#fff;color:var(--red);border:none;font-weight:800;font-size:12px;padding:8px 16px;border-radius:6px;cursor:pointer}
.pdfast .scrollwrap{position:relative}
.pdfast .shadow-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none}
.pdfast .spc{background:#fff;border-radius:10px;min-width:225px}
.cmpsec{background:#fff;border:1px solid var(--line);border-radius:14px;margin:26px 16px;padding:22px;max-width:1400px;overflow:hidden}
@media(min-width:1432px){.cmpsec{margin:26px auto}}
.cmpsec h2{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:16px}
.cmp-scroll{overflow-x:auto}
.cmp-tb{border-collapse:collapse;width:100%;min-width:940px}
.cmp-tb td{padding:12px 14px;font-size:13.5px;color:#333;border-top:1px solid #eef0f2;vertical-align:middle;min-width:170px}
.cmp-tb tr:first-child td{border-top:none;vertical-align:top}
.cmp-tb td.cmp-lbl{font-weight:700;color:#222;background:#f7f8f9;min-width:120px;width:130px}
.cmp-tb tr:nth-child(even) td{background:#fcfcfd}
.cmp-tb tr:nth-child(even) td.cmp-lbl{background:#f3f5f7}
.cmp-tb td.cur{background:#fdeef0 !important}
.cmp-p{position:relative;text-align:left}
.cmp-tag{position:absolute;top:8px;left:20px;background:#555;color:#fff;font-size:11px;font-weight:700;border-radius:4px;padding:3px 9px;z-index:2}
.cmp-img{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:10px;cursor:pointer;overflow:hidden}
.cmp-img img{width:100%;height:100%;object-fit:contain}
.cmp-img svg{width:110px;height:110px}
.cmp-nm{display:block;color:var(--blue);font-weight:700;font-size:13.5px;line-height:1.45;margin-bottom:8px;max-width:230px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cmp-nm:hover{text-decoration:underline}
.cmp-pr{font-size:17px;font-weight:800;color:#111;margin-bottom:10px}
.cmp-cart{background:var(--red);color:#fff;border:none;border-radius:6px;padding:11px 18px;font-size:12.5px;font-weight:800;letter-spacing:.4px;cursor:pointer}
.cmp-cart:hover{background:var(--red-dark)}
.cmp-rate{background:#0f8a4f;color:#fff;font-weight:800;font-size:12px;border-radius:4px;padding:3px 8px}
.pdtrust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0 8px;padding:30px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;max-width:1400px}
@media(min-width:1432px){.pdtrust{margin:30px auto 8px}}
.pdt-i{padding:0 22px;border-left:1px solid #eee}
.pdt-i:first-child{border-left:none}
.pdt-i .ic{font-size:26px;margin-bottom:10px;display:block;filter:hue-rotate(0)}
.pdt-i h4{font-size:15.5px;font-weight:800;color:#1a1a1a;margin-bottom:7px}
.pdt-i p{color:#666;font-size:13px;line-height:1.55}
.pdt-i p b{color:#333}
.pdt-wa{display:flex;align-items:center;gap:7px;color:#333;font-size:13.5px;font-weight:600;margin-top:4px}
.pdt-wa .wa{width:20px;height:20px;border-radius:50%;background:#25d366;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
@media(max-width:960px){.pdtrust{grid-template-columns:1fr 1fr}.pdt-i{border-left:none;padding:12px 8px}}
@media(max-width:560px){.pdtrust{grid-template-columns:1fr}}

/* ===== FOOTER STRIP FIX ===== */
.ft-sp{min-width:1px}
.ft-strip .ft-mail{text-align:center;justify-self:center}
.ft-strip .ft-socs{justify-self:end}
@media(max-width:1050px){.ft-in{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.ft-in{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-strip{grid-template-columns:1fr}.ft-strip .ft-socs{justify-self:center}.ft-sp{display:none}}

/* ===== TRUST STRIP CLICKABLE ===== */
.trust-in .t{cursor:pointer;border-radius:10px;padding:8px 6px;transition:all .18s}
.trust-in .t:hover{background:#fafbfc;transform:translateY(-2px)}
.trust-in .t:hover b{color:var(--red)}
/* ===== INFO PAGES ===== */
.inf-hero{background:linear-gradient(115deg,#15212e,#25445e);color:#fff;border-radius:12px;padding:26px 28px;margin-bottom:22px;display:flex;align-items:center;gap:20px}
.inf-ic{font-size:44px;line-height:1;flex:0 0 auto}
.inf-hero h1{font-size:25px;font-weight:800;line-height:1.25}
.inf-hero p{color:#cfe0f2;margin-top:7px;font-size:14px;line-height:1.6}
.inf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}
.inf-card{border:1px solid var(--line);border-radius:11px;padding:17px 18px;background:#fff}
.inf-card .n{width:26px;height:26px;border-radius:7px;background:#fdeef0;color:var(--red);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.inf-card h4{font-size:14.5px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
.inf-card p{color:#5a6672;font-size:13px;line-height:1.65}
.inf-body{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.inf-body h3{font-size:16px;font-weight:800;color:#1a1a1a;margin:18px 0 8px}
.inf-body h3:first-child{margin-top:0}
.inf-body p{color:#41505c;font-size:13.8px;line-height:1.85;margin-bottom:10px}
.inf-body ul{margin:6px 0 12px 20px}
.inf-body li{color:#41505c;font-size:13.8px;line-height:1.8;margin-bottom:6px}
.inf-body b{color:#1a1a1a}
.inf-tb{border-collapse:collapse;width:100%;margin:10px 0 14px}
.inf-tb td,.inf-tb th{border:1px solid var(--line);padding:9px 12px;font-size:13.2px;text-align:left;color:#41505c}
.inf-tb th{background:#f7f8f9;color:#1a1a1a;font-weight:700}
.inf-cta{margin-top:22px;background:#fdeef0;border:1px solid #f6d5d8;border-radius:12px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.inf-cta b{display:block;font-size:15.5px;color:#1a1a1a;margin-bottom:4px}
.inf-cta small{color:#5a6672;font-size:13px}
.inf-btns{display:flex;gap:10px;flex-wrap:wrap}
.inf-b1{background:var(--red);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:800;cursor:pointer}
.inf-b1:hover{background:var(--red-dark)}
.inf-b2{background:#fff;border:1.5px solid #25d366;color:#128c3d;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:800;display:inline-flex;align-items:center}
@media(max-width:900px){.inf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.inf-grid{grid-template-columns:1fr}.inf-hero{flex-direction:column;text-align:center}}
/* ===== EXPANDABLE SECTIONS — lighter + tighter (50% less space) ===== */
.acc{padding:0 22px}
.acc-h{padding:8px 2px}
.acc-h h3{font-size:13px;font-weight:500;color:#5a6672;letter-spacing:.2px}
.acc-h .pm{font-size:17px}
.acc-b{padding:0 2px 9px;font-size:13px;line-height:1.7}
.acc-item.open .acc-h h3{color:#222}
.pop-h{padding:8px 22px}
.pop-h b{font-size:12.5px;font-weight:500;color:#5a6672;letter-spacing:.3px}
.pop-h .pm{font-size:17px}
.pop-wrap.open .pop-h b{color:#222}
.pop-body{padding:1px 22px 11px}
.pop-body h5{font-size:11px;margin:8px 0 3px}
.pop-body p{font-size:12px;line-height:1.85}

/* ===== PRODUCT OVERVIEW / FEATURES / APPLICATIONS ===== */
.pd-ovw{margin-top:18px}
.pd-ovw .ov-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin-bottom:14px}
.pd-ovw h3{font-size:16px;font-weight:800;color:#1a1a1a;margin-bottom:10px}
.pd-ovw p{color:#41505c;font-size:13.6px;line-height:1.85}
.pd-ovw ul{margin:4px 0 0 4px;list-style:none}
.pd-ovw li{color:#41505c;font-size:13.5px;line-height:1.7;margin-bottom:9px;padding-left:24px;position:relative}
.pd-ovw li::before{content:'';position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;background:#e9f6ee;border:1.5px solid #0f8a4f}
.pd-ovw li::after{content:'✓';position:absolute;left:3px;top:4px;font-size:9px;color:#0f8a4f;font-weight:800}
.pd-ovw .ap li::before{background:#eef4fb;border-color:var(--blue)}
.pd-ovw .ap li::after{content:'▸';left:4px;top:3px;font-size:10px;color:var(--blue)}
.pd-ovw .ov-note{background:#fdeef0;border:1px solid #f6d5d8;border-radius:10px;padding:14px 18px;font-size:13px;color:#41505c;line-height:1.7}
.pd-ovw .ov-note b{color:#1a1a1a}
.pd-quote{background:#fff8e6;border:1px solid #ffe0a3;border-radius:8px;padding:10px 14px;font-size:13px;color:#7a5b00;font-weight:700;margin-top:6px}

/* ===== EMPTY CATEGORY (coming soon) ===== */
.soon-box{background:#fff;border:1px dashed #c9d2da;border-radius:12px;padding:30px 26px;text-align:center;margin-top:6px}
.soon-box b{display:block;font-size:17px;font-weight:800;color:#1a1a1a;margin-bottom:8px}
.soon-box p{color:var(--muted);font-size:13.5px;line-height:1.8;max-width:640px;margin:0 auto}
.soon-box a{color:var(--red);font-weight:700}
.cat-empty{background:#fff;border:1px dashed #c9d2da;border-radius:12px;padding:44px 26px;text-align:center;grid-column:1/-1}
.cat-empty b{display:block;font-size:18px;font-weight:800;color:#1a1a1a;margin-bottom:10px}
.cat-empty p{color:var(--muted);font-size:14px;line-height:1.8;max-width:600px;margin:0 auto 16px}

/* ===== BACK BAR ===== */
.backbar{position:relative;z-index:60;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--line);padding:9px 22px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.backbar.hide{display:none}
.backbtn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1.5px solid var(--red);color:var(--red);border-radius:8px;padding:7px 15px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;flex:0 0 auto}
.backbtn:hover{background:var(--red);color:#fff}
.backbtn .ar{font-size:15px;line-height:1}
.backtrail{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.backtrail a{color:#41505c}
.backtrail a:hover{color:var(--red);text-decoration:underline}
.backtrail .bsep{margin:0 7px;color:#c4ccd4}
.backtrail .bcur{color:#1a1a1a;font-weight:700}
.backhome{margin-left:auto;flex:0 0 auto;font-size:12.5px;font-weight:700;color:#41505c;cursor:pointer;white-space:nowrap}
.backhome:hover{color:var(--red)}
@media(max-width:700px){.backbar{padding:8px 14px;gap:10px}.backtrail{display:none}}

/* ===== PINCODE MODAL ===== */
.pinmask{position:fixed;inset:0;background:rgba(20,24,28,.55);display:none;align-items:flex-start;justify-content:center;z-index:900;padding:70px 16px;backdrop-filter:blur(2px)}
.pinmask.on{display:flex;animation:pinFade .2s ease}
@keyframes pinFade{from{opacity:0}to{opacity:1}}
.pinbox{background:#fff;border-radius:16px;width:100%;max-width:560px;overflow:hidden;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.3);animation:pinUp .28s cubic-bezier(.2,.9,.3,1.2)}
@keyframes pinUp{from{transform:translateY(-26px);opacity:0}to{transform:translateY(0);opacity:1}}
.pinx{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:#3a3a3a;color:#fff;border:none;font-size:14px;cursor:pointer;z-index:2}
.pinx:hover{background:#000}
.pinhead{background:linear-gradient(160deg,#fdf3cf,#fbeab0);padding:22px 24px 18px;text-align:center;position:relative;overflow:hidden}
.pinhead::after{content:'';position:absolute;inset:-40% -10% auto;height:200%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.5) 0 10deg,transparent 10deg 20deg);opacity:.35;pointer-events:none}
.pinhead h3{font-size:17px;font-weight:800;color:#2a2a2a;position:relative;z-index:1}
.pinart{position:relative;z-index:1;margin-bottom:8px}
.pk-pin{animation:pinBob 1.9s ease-in-out infinite;transform-origin:60px 46px}
@keyframes pinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.pk-box{animation:pkPulse 1.9s ease-in-out infinite}
@keyframes pkPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
.pinbody{background:#fff;margin:-10px 14px 16px;border-radius:12px;padding:20px 20px 18px;position:relative;z-index:2;box-shadow:0 4px 18px rgba(0,0,0,.07)}
.pinlbl{display:block;font-size:14.5px;font-weight:700;color:#222;margin-bottom:12px}
.pinrow{display:flex;align-items:center;border:1px solid #dfe3e8;border-radius:9px;padding:4px 4px 4px 12px;transition:border-color .15s}
.pinrow:focus-within{border-color:var(--red)}
.pinico{color:var(--red);font-size:15px;margin-right:8px}
.pinrow input{flex:1;border:none;outline:none;font-size:15px;font-weight:600;color:#222;padding:11px 0;background:transparent}
.pinbtn{background:#fdeef0;color:var(--red);border:none;border-radius:7px;padding:11px 20px;font-size:13px;font-weight:800;cursor:pointer;letter-spacing:.4px}
.pinbtn.ready{background:var(--red);color:#fff}
.pinbtn:hover{opacity:.9}
.pinmsg{font-size:12.8px;margin-top:9px;min-height:18px;line-height:1.5}
.pinmsg.ok{color:#0f8a4f;font-weight:700}
.pinmsg.err{color:var(--red);font-weight:700}
.pinloc{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:14px;font-weight:700;margin-top:14px;padding-top:14px;border-top:1px solid #f0f2f4;cursor:pointer}
.pinloc:hover{text-decoration:underline}
.pinloc .dot{font-size:16px}
.loc{cursor:pointer}
.loc:hover .l1{color:var(--red)}
@media(max-width:560px){.pinmask{padding:40px 10px}.pinbody{margin:-10px 10px 12px;padding:16px}}

/* ===== HEADER / CATEGORY DROPDOWN FIX (large screens) ===== */
.catrow{overflow:visible !important;position:relative;z-index:250}
.catrow-in{overflow:visible !important;flex-wrap:nowrap}
.citem{position:relative;z-index:1}
.citem:hover{z-index:400}
.cat-dd{z-index:420 !important}
.citem::after{content:'';position:absolute;left:0;right:0;top:100%;height:10px;display:none}
.citem:hover::after{display:block}
.hitem.hlogin{z-index:1}
.hitem.hlogin:hover{z-index:400}
.login-dd{z-index:430 !important}
.hitem.hlogin::after{content:'';position:absolute;left:0;right:0;top:100%;height:16px;display:none}
.hitem.hlogin:hover::after{display:block}
.hdots{position:relative;z-index:1}
.hdots:hover{z-index:400}
.dots-dd{z-index:440 !important}
@media(min-width:1000px){.catrow-in{overflow:visible !important}.hdr-in{overflow:visible}}

/* ===== ARTICLE PAGES ===== */
.art-hero{background:linear-gradient(120deg,#0f2b4a,#1d4a7a 60%,#173b63);color:#fff;padding:44px 22px 48px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.art-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 82% 30%,rgba(255,255,255,.09),transparent 55%)}
.art-hero-in{position:relative;z-index:2;max-width:760px}
.art-kick{display:inline-block;border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:5px 16px;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:#d8e6f5;margin-bottom:14px}
.art-hero h1{font-size:32px;font-weight:800;line-height:1.22;letter-spacing:-.4px}
.art-hero p{color:#cfe0f2;margin-top:12px;font-size:15px;line-height:1.75}
.art-stats{display:flex;gap:26px;margin-top:24px;flex-wrap:wrap}
.art-stats div{min-width:96px}
.art-stats b{display:block;font-size:27px;font-weight:800;color:#fff;line-height:1}
.art-stats small{color:#a9c4dd;font-size:11.5px;letter-spacing:.4px}
.art-hero-art{position:relative;z-index:2;display:flex;justify-content:center;align-items:center}
.art-hero-art svg{max-width:100%;height:auto}
.art-wrap{max-width:1240px;margin:0 auto;padding:34px 22px 10px;display:grid;grid-template-columns:230px 1fr;gap:36px;align-items:start}
.art-toc{position:sticky;top:86px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px}
.art-toc h4{font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.art-toc a{display:block;font-size:12.8px;color:#41505c;padding:6px 8px;border-radius:7px;line-height:1.45;border-left:2px solid transparent}
.art-toc a:hover{background:#fdf1f2;color:var(--red);border-left-color:var(--red)}
.art-body{min-width:0}
.art-body h2{font-size:23px;font-weight:800;color:#1a1a1a;margin:34px 0 12px;scroll-margin-top:96px}
.art-body h2:first-child{margin-top:0}
.art-body h3{font-size:16.5px;font-weight:800;color:#1a1a1a;margin:22px 0 8px}
.art-body p{color:#41505c;font-size:14.2px;line-height:1.92;margin-bottom:13px}
.art-body b{color:#1a1a1a}
.art-body ul,.art-body ol{margin:6px 0 15px 20px}
.art-body li{color:#41505c;font-size:14px;line-height:1.85;margin-bottom:8px}
.art-body table{border-collapse:collapse;width:100%;margin:12px 0 20px;font-size:13.4px}
.art-body th,.art-body td{border:1px solid var(--line);padding:10px 13px;text-align:left;color:#41505c;vertical-align:top}
.art-body th{background:#f7f8f9;color:#1a1a1a;font-weight:700}
.art-body tr:nth-child(even) td{background:#fcfcfd}
.art-note{background:#fdeef0;border-left:4px solid var(--red);border-radius:0 10px 10px 0;padding:16px 20px;margin:16px 0 20px}
.art-note p{margin:0;font-size:13.6px;line-height:1.8}
.art-tip{background:#e9f6ee;border-left:4px solid #0f8a4f;border-radius:0 10px 10px 0;padding:16px 20px;margin:16px 0 20px}
.art-tip p{margin:0;font-size:13.6px;line-height:1.8}
.art-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 22px}
.art-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;transition:transform .2s,box-shadow .2s}
.art-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.art-card .ic{font-size:24px;display:block;margin-bottom:9px}
.art-card h4{font-size:14.5px;font-weight:800;color:#1a1a1a;margin-bottom:6px}
.art-card p{font-size:12.9px;line-height:1.68;margin:0;color:#5a6672}
.chart{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:16px 0 22px}
.chart h4{font-size:14.5px;font-weight:800;color:#1a1a1a;margin-bottom:4px}
.chart .cap{font-size:12px;color:var(--muted);margin-bottom:16px}
.bar{display:grid;grid-template-columns:150px 1fr 62px;gap:12px;align-items:center;margin-bottom:11px;font-size:12.8px;color:#41505c}
.bar .tr{height:16px;background:#eef1f4;border-radius:9px;overflow:hidden}
.bar .fl{height:100%;border-radius:9px;width:0;transition:width 1.1s cubic-bezier(.22,1,.36,1)}
.bar .vv{text-align:right;font-weight:800;color:#1a1a1a}
.art-body.shown .bar .fl{width:var(--w)}
.rings{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:16px 0 22px}
.ring{text-align:center;width:132px}
.ring svg{transform:rotate(-90deg)}
.ring .rc{stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 1.3s cubic-bezier(.22,1,.36,1)}
.art-body.shown .ring .rc{stroke-dashoffset:var(--off)}
.ring b{display:block;margin-top:-64px;font-size:19px;font-weight:800;color:#1a1a1a}
.ring small{display:block;margin-top:40px;font-size:11.8px;color:var(--muted);line-height:1.45}
.tline{position:relative;margin:16px 0 24px;padding-left:34px}
.tline::before{content:'';position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(#d9232d,#f0b8bb)}
.tstep{position:relative;margin-bottom:20px}
.tstep::before{content:'';position:absolute;left:-29px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--red);animation:tpulse 2.4s ease-out infinite}
.tstep:nth-child(2)::before{animation-delay:.4s}
.tstep:nth-child(3)::before{animation-delay:.8s}
.tstep:nth-child(4)::before{animation-delay:1.2s}
.tstep:nth-child(5)::before{animation-delay:1.6s}
@keyframes tpulse{0%{box-shadow:0 0 0 0 rgba(217,35,45,.35)}70%{box-shadow:0 0 0 9px rgba(217,35,45,0)}100%{box-shadow:0 0 0 0 rgba(217,35,45,0)}}
.tstep b{display:block;font-size:14.5px;color:#1a1a1a;margin-bottom:3px}
.tstep span{font-size:11.5px;color:var(--red);font-weight:800;letter-spacing:.5px}
.tstep p{margin:5px 0 0;font-size:13.4px;line-height:1.75}
.faq{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:14px 0 22px;background:#fff}
.faq details{border-bottom:1px solid var(--line)}
.faq details:last-child{border-bottom:none}
.faq summary{cursor:pointer;padding:14px 18px;font-size:14px;font-weight:700;color:#1a1a1a;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--red);font-size:19px;font-weight:800;line-height:1}
.faq details[open] summary{background:#fdf1f2}
.faq p{padding:0 18px 15px;margin:0;font-size:13.5px;line-height:1.8;color:#41505c}
.art-cta{background:linear-gradient(120deg,#0f2b4a,#1d4a7a);color:#fff;text-align:center;padding:40px 22px 44px;margin-top:30px}
.art-cta h2{font-size:25px;font-weight:800}
.art-cta p{color:#cfe0f2;margin:10px auto 20px;max-width:660px;font-size:14px;line-height:1.7}
.art-cta-b{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.art-b3{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff;border-radius:8px;padding:11px 20px;font-size:13px;font-weight:800;cursor:pointer}
.art-b3:hover{background:#fff;color:#0f2b4a}
.art-prod{max-width:1400px;margin:0 auto;padding:34px 22px 42px}
.art-prod h2{font-size:21px;font-weight:800;color:#1a1a1a;margin-bottom:16px}
.art-prod .shadow-row{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}
.art-prod .spc{min-width:225px;background:#fff}
@media(max-width:1000px){.art-wrap{grid-template-columns:1fr}.art-toc{position:static}.art-hero{grid-template-columns:1fr}.art-hero-art{display:none}.art-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.art-cards{grid-template-columns:1fr}.art-hero h1{font-size:25px}.bar{grid-template-columns:104px 1fr 50px}}

/* ===== HUMAN CHECK ===== */
.hcheck{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-top:14px}
.hc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.hc-head span{font-size:12.5px;font-weight:800;color:#41505c;letter-spacing:.3px}
.hc-new{background:none;border:none;color:var(--blue);font-size:12px;font-weight:700;cursor:pointer}
.hc-new:hover{text-decoration:underline}
.hc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hc-q{background:#fff;border:1px dashed #c2ccd6;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:800;color:#1a1a1a;letter-spacing:1px;user-select:none}
.hc-row input{width:92px;padding:10px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:15px;font-weight:700;text-align:center}
.hc-row input:focus{outline:none;border-color:var(--blue)}
.hc-ok{font-size:19px;font-weight:800;min-width:22px}
.hc-ok.good{color:#0f8a4f}
.hc-ok.bad{color:var(--red)}
.hc-note{display:block;margin-top:9px;font-size:11.8px;color:var(--muted)}
.hc-note.bad{color:var(--red);font-weight:700}
.tk-err{background:#fdeef0;border:1px solid #f6d5d8;color:#b01a22;border-radius:8px;padding:11px 14px;font-size:13px;font-weight:700;margin-top:12px}

.pincity{display:inline-flex;align-items:center;gap:6px;background:#e9f6ee;color:#0f6b3f;border:1px solid #bfe3cd;border-radius:20px;padding:5px 13px;font-size:13px;font-weight:800;margin-right:9px;animation:cityPop .35s cubic-bezier(.22,1.4,.4,1)}
@keyframes cityPop{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}

.coll-note{grid-column:1/-1;background:#f7f9fb;border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin-top:6px}
.coll-note b{display:block;font-size:15px;color:#1a1a1a;margin-bottom:6px}
.coll-note p{margin:0;font-size:13.4px;color:#5a6672;line-height:1.75}

.svc-link{cursor:pointer;border-color:#f0c9cc}
.svc-link:hover{border-color:var(--red);box-shadow:0 8px 22px rgba(217,35,45,.13)}
.svc-link h4{color:var(--red)}

/* ================= VEDIKA BUSINESS PAGE (Moglix-Business style) ================= */
#page-vbiz{background:#fff}
.vb-nav{position:sticky;top:0;z-index:200;background:#0b1a2b}
.vb-nav-in{max-width:1400px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:26px}
.vb-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex:0 0 auto}
.vb-logo .m{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#e8353f,#b01a22);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px}
.vb-logo b{color:#fff;font-size:16px;font-weight:800;letter-spacing:.2px;line-height:1.1;display:block}
.vb-logo small{display:block;color:#7f9ab5;font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-top:2px}
.vb-menu{display:flex;gap:22px;margin-left:14px;flex-wrap:wrap}
.vb-menu a{color:#d6e2ee;font-size:13.5px;font-weight:600;cursor:pointer;position:relative;padding:4px 0}
.vb-menu a:hover{color:#fff}
.vb-menu a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform .22s}
.vb-menu a:hover::after{transform:scaleX(1)}
.vb-nav .vb-cta{margin-left:auto;background:var(--red);color:#fff;border:none;border-radius:7px;padding:9px 18px;font-size:12.8px;font-weight:800;cursor:pointer;white-space:nowrap}
.vb-nav .vb-cta:hover{background:var(--red-dark)}
.vb-strip{background:#08131f;border-top:1px solid rgba(255,255,255,.07)}
.vb-strip-in{max-width:1400px;margin:0 auto;padding:9px 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.vb-strip a{color:#9fb4c9;font-size:12px;font-weight:600}
.vb-strip a:hover{color:#fff}
.vb-strip .right{margin-left:auto;color:#ffd166;font-size:12px;font-weight:700;cursor:pointer}

/* hero */
.vb-hero{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:#0b1a2b}
.vb-hero-bg{background:linear-gradient(115deg,#0b1a2b 0%,#14375c 55%,#0e2740 100%)}
.vb-hero-bg::before{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 78% 28%,rgba(217,35,45,.30),transparent 46%),
  radial-gradient(circle at 22% 78%,rgba(43,125,233,.22),transparent 44%)}
.vb-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:64px 64px;animation:vbGrid 24s linear infinite}
@keyframes vbGrid{to{background-position:64px 64px}}
.vb-scan{position:absolute;left:0;right:0;height:180px;top:-180px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.07),transparent);animation:vbScan 7s ease-in-out infinite}
@keyframes vbScan{0%{top:-180px}100%{top:120%}}
.vb-hero-in{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:64px 22px 70px;width:100%}
.vb-hero h1{color:#fff;font-size:44px;font-weight:800;line-height:1.16;letter-spacing:-.8px;max-width:900px}
.vb-hero p{color:#c6d8ea;font-size:16px;line-height:1.75;margin-top:18px;max-width:720px}
.vb-hero .tagline{display:inline-flex;align-items:center;gap:9px;color:#ffd166;font-size:12.5px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}
.vb-hero .tagline i{width:34px;height:2px;background:#ffd166;display:inline-block;font-style:normal}
.vb-hero-b{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}
.vb-b1{background:var(--red);color:#fff;border:none;border-radius:9px;padding:15px 30px;font-size:14.5px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s}
.vb-b1:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(217,35,45,.4)}
.vb-b2{background:transparent;border:1.6px solid rgba(255,255,255,.55);color:#fff;border-radius:9px;padding:14px 28px;font-size:14.5px;font-weight:800;cursor:pointer}
.vb-b2:hover{background:#fff;color:#0b1a2b}

/* section shell */
.vb-sec{max-width:1300px;margin:0 auto;padding:72px 22px}
.vb-sec.alt{max-width:none;background:#f7f9fb}
.vb-sec.alt>.in{max-width:1300px;margin:0 auto}
.vb-kick{display:block;color:var(--red);font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:800;margin-bottom:12px}
.vb-h2{font-size:34px;font-weight:800;color:#0b1a2b;line-height:1.22;letter-spacing:-.5px;max-width:620px}
.vb-lead{color:#5a6672;font-size:15px;line-height:1.85;margin-top:14px;max-width:560px}
.vb-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}

/* animated procurement flow */
.vb-flow{position:relative}
.vb-flow svg{width:100%;height:auto}
.flow-node{fill:#fff;stroke:#dfe6ed;stroke-width:2}
.flow-node.on{stroke:var(--red)}
.flow-lbl{font-size:11px;font-weight:700;fill:#31414f}
.flow-line{stroke:#cfd8e1;stroke-width:2.4;fill:none}
.flow-dot{fill:var(--red)}

/* counters */
.vb-stats{background:#0b1a2b;color:#fff}
.vb-stats-in{max-width:1300px;margin:0 auto;padding:46px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center}
.vb-stat b{display:block;font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1;background:linear-gradient(90deg,#fff,#ffd166);-webkit-background-clip:text;background-clip:text;color:transparent}
.vb-stat small{display:block;color:#9fb4c9;font-size:12.5px;margin-top:9px;letter-spacing:.4px}

/* solutions */
.vb-sol{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.vb-solc{border:1px solid var(--line);border-radius:14px;padding:26px 24px;background:#fff;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;cursor:pointer}
.vb-solc:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(11,26,43,.12);border-color:var(--red)}
.vb-solc .no{font-size:32px;font-weight:800;color:#eef1f4;line-height:1;transition:color .22s}
.vb-solc:hover .no{color:#fdeef0}
.vb-solc h4{font-size:17px;font-weight:800;color:#0b1a2b;margin:10px 0 8px}
.vb-solc p{font-size:13.4px;line-height:1.75;color:#5a6672;margin:0}
.vb-solc .go{display:inline-block;margin-top:14px;color:var(--red);font-size:12.5px;font-weight:800;opacity:0;transform:translateX(-6px);transition:all .22s}
.vb-solc:hover .go{opacity:1;transform:translateX(0)}

/* problems we solve */
.vb-prob{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.vb-probc{text-align:center;padding:26px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);transition:all .22s}
.vb-probc:hover{background:#0b1a2b;border-color:#0b1a2b;transform:translateY(-5px)}
.vb-probc .ico{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;background:#fdeef0;display:flex;align-items:center;justify-content:center;font-size:25px;transition:background .22s}
.vb-probc:hover .ico{background:rgba(255,255,255,.12)}
.vb-probc h4{font-size:14.5px;font-weight:800;color:#0b1a2b;margin-bottom:7px;transition:color .22s}
.vb-probc p{font-size:12.4px;line-height:1.65;color:#6b7681;margin:0;transition:color .22s}
.vb-probc:hover h4{color:#fff}
.vb-probc:hover p{color:#b9c8d6}

/* presence */
.vb-presence{background:linear-gradient(115deg,#0b1a2b,#14375c);color:#fff}
.vb-presence .in{max-width:1300px;margin:0 auto;padding:66px 22px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.vb-presence h2{font-size:34px;font-weight:800;line-height:1.22}
.vb-presence p{color:#c6d8ea;margin-top:14px;font-size:14.5px;line-height:1.8}
.vb-tabs{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}
.vb-tab{border:1.4px solid rgba(255,255,255,.4);background:transparent;color:#fff;border-radius:22px;padding:8px 18px;font-size:12.8px;font-weight:700;cursor:pointer}
.vb-tab.on{background:#fff;color:#0b1a2b;border-color:#fff}
.vb-off{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px 24px;min-height:150px}
.vb-off b{display:block;font-size:16px;margin-bottom:8px}
.vb-off p{color:#c6d8ea;font-size:13.6px;line-height:1.75;margin:0 0 6px}
.vb-off span{color:#ffd166;font-size:12.8px;font-weight:700}

/* newsroom */
.vb-news{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.vb-newsc{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;transition:all .22s;cursor:pointer}
.vb-newsc:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(11,26,43,.12)}
.vb-newsc .top{height:120px;display:flex;align-items:center;justify-content:center;font-size:38px}
.vb-newsc .bd{padding:20px}
.vb-newsc span{font-size:11px;font-weight:800;color:var(--red);letter-spacing:1.2px;text-transform:uppercase}
.vb-newsc h4{font-size:15px;font-weight:800;color:#0b1a2b;margin:8px 0 8px;line-height:1.45}
.vb-newsc p{font-size:13px;color:#5a6672;line-height:1.7;margin:0 0 12px}
.vb-newsc .rm{color:var(--red);font-size:12.5px;font-weight:800}

/* awards marquee */
.vb-aw{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);margin-top:34px}
.vb-aw-track{display:flex;gap:16px;width:max-content;animation:vbAw 34s linear infinite}
.vb-aw:hover .vb-aw-track{animation-play-state:paused}
@keyframes vbAw{to{transform:translateX(-50%)}}
.vb-awc{flex:0 0 auto;width:200px;height:96px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;text-align:center}
.vb-awc b{font-size:12.5px;color:#0b1a2b;line-height:1.35}
.vb-awc small{font-size:10.5px;color:var(--muted)}

/* case study */
.vb-case{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);margin-top:34px;background:#fff}
.vb-case .art{background:linear-gradient(135deg,#0b1a2b,#14375c);display:flex;align-items:center;justify-content:center;padding:36px;min-height:320px}
.vb-case .bd{padding:40px}
.vb-case h3{font-size:24px;font-weight:800;color:#0b1a2b;line-height:1.32}
.vb-case p{font-size:13.8px;line-height:1.85;color:#5a6672;margin-top:14px}
.vb-case .win{background:#e9f6ee;border-left:4px solid #0f8a4f;border-radius:0 10px 10px 0;padding:15px 18px;margin-top:18px}
.vb-case .win b{color:#0f6b3f;font-size:15px}
.vb-case-b{display:flex;gap:11px;margin-top:20px;flex-wrap:wrap}

/* contact */
.vb-contact{background:#0b1a2b;color:#fff}
.vb-contact .in{max-width:1300px;margin:0 auto;padding:66px 22px;display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}
.vb-contact h2{font-size:32px;font-weight:800;line-height:1.25}
.vb-contact .cinfo{margin-top:24px}
.vb-contact .crow{display:flex;gap:12px;margin-bottom:18px;align-items:flex-start}
.vb-contact .crow .i{width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:16px}
.vb-contact .crow b{display:block;font-size:14px;margin-bottom:3px}
.vb-contact .crow p{color:#a9c0d6;font-size:13px;line-height:1.7;margin:0}
.vb-form{background:#fff;border-radius:16px;padding:30px}
.vb-form .g{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vb-form input,.vb-form select,.vb-form textarea{width:100%;padding:13px 15px;border:1.5px solid var(--line);border-radius:9px;font-size:13.6px;font-family:inherit;color:#1a1a1a;background:#fff}
.vb-form textarea{min-height:104px;resize:vertical}
.vb-form input:focus,.vb-form select:focus,.vb-form textarea:focus{outline:none;border-color:var(--red)}
.vb-form .full{grid-column:1/-1}
.vb-form button{grid-column:1/-1;background:var(--red);color:#fff;border:none;border-radius:9px;padding:15px;font-size:14.5px;font-weight:800;cursor:pointer;letter-spacing:.6px}
.vb-form button:hover{background:var(--red-dark)}
.vb-form .msg{grid-column:1/-1;font-size:12.6px;font-weight:700;margin-top:-4px}
.vb-form .msg.ok{color:#0f8a4f}
.vb-form .msg.bad{color:var(--red)}

/* mega footer */
.vb-foot{background:#08131f;color:#9fb4c9;padding:56px 22px 26px}
.vb-foot-in{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:32px}
.vb-foot h5{color:#fff;font-size:12.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}
.vb-foot a{display:block;color:#9fb4c9;font-size:12.8px;padding:5px 0;cursor:pointer}
.vb-foot a:hover{color:#fff}
.vb-foot-bot{max-width:1300px;margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px}

@media(max-width:1050px){
 .vb-two{grid-template-columns:1fr;gap:34px}
 .vb-sol{grid-template-columns:1fr 1fr}
 .vb-prob{grid-template-columns:1fr 1fr 1fr}
 .vb-presence .in,.vb-contact .in{grid-template-columns:1fr}
 .vb-case{grid-template-columns:1fr}
 .vb-news{grid-template-columns:1fr}
 .vb-foot-in{grid-template-columns:1fr 1fr 1fr}
 .vb-stats-in{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
 .vb-hero h1{font-size:30px}
 .vb-h2,.vb-presence h2,.vb-contact h2{font-size:25px}
 .vb-sol,.vb-prob{grid-template-columns:1fr}
 .vb-form .g{grid-template-columns:1fr}
 .vb-foot-in{grid-template-columns:1fr 1fr}
 .vb-menu{display:none}
}