/* =========================================================
   SKYVOLT EXIM — STYLESHEET
   Palette + type + spacing tokens live at the top.
   Edit --navy / --gold values here to re-theme the whole site.
   ========================================================= */

:root{
  /* Colors */
  --navy-900:#0A1F3D;
  --navy-800:#0F2A4D;
  --navy-700:#173C66;
  --navy-600:#245089;
  --gold-500:#D8A13B;
  --gold-600:#B9822A;
  --gold-100:#FBEED8;
  --white:#FFFFFF;
  --bg-light:#F2F7FC;
  --bg-light-2:#E9F1FA;
  --ink:#1B2735;
  --muted:#5B6B82;
  --border:#E4EAF2;

  /* Type */
  --font-head:'Manrope', Arial, sans-serif;
  --font-body:'Inter', Arial, sans-serif;

  /* Layout */
  --container:1240px;
  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow-soft:0 10px 30px rgba(10,31,61,0.08);
  --shadow-card:0 6px 20px rgba(10,31,61,0.07);
  --header-h:82px;
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
}
body,h1,h2,h3,h4,p,ul,figure{margin:0;}
ul{padding:0;list-style:none;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font:inherit;background:none;border:none;cursor:pointer;color:inherit;}
input{font:inherit;}

body{
  overflow-x:hidden;
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

.skip-link{
  position:absolute; left:-999px; top:0; background:var(--gold-500); color:var(--navy-900);
  padding:10px 16px; z-index:999; font-weight:600; border-radius:0 0 8px 0;
}
.skip-link:focus{left:0;}

:focus-visible{outline:3px solid var(--gold-500); outline-offset:2px;}

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

h1,h2,h3,h4{font-family:var(--font-head); color:var(--navy-900); font-weight:800; line-height:1.18;}

.eyebrow{
  font-family:var(--font-body);
  font-weight:600;
  font-size:0.8rem;
  letter-spacing:0.06em;
  color:var(--gold-600);
  margin-bottom:10px;
}

.section-heading{
  font-size:clamp(1.6rem, 2.4vw, 2.2rem);
  margin-bottom:16px;
}
.section-heading--sm{font-size:clamp(1.25rem,1.8vw,1.6rem);}

.section-intro--center{text-align:center; max-width:640px; margin:0 auto 44px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 28px; border-radius:9px; font-weight:700; font-size:0.95rem;
  font-family:var(--font-head);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-gold{background:var(--gold-500); color:var(--navy-900); box-shadow:0 8px 20px rgba(216,161,59,0.35);}
.btn-gold:hover{background:var(--gold-600);}
.btn-outline-navy{background:transparent; color:var(--navy-900); border:1.6px solid var(--navy-900);}
.btn-outline-navy:hover{background:var(--navy-900); color:var(--white);}
.btn-sm{padding:10px 20px; font-size:0.85rem;}
.btn-lg{padding:17px 34px; font-size:1.02rem;}
.btn-block{width:100%;}

/* =========================================================
   HEADER
   ========================================================= */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,0.97);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between;
  min-height:var(--header-h); gap:24px;
}
.brand{display:flex; align-items:center; gap:12px; flex-shrink:0;}
.brand-mark{border-radius:50%;}
.brand-text{display:flex; flex-direction:column; line-height:1.25;}
.brand-name{font-family:var(--font-head); font-weight:800; font-size:1.18rem; color:var(--navy-900); letter-spacing:0.01em;}
.brand-name em{font-style:normal; color:var(--gold-600);}
.brand-tag{font-size:0.62rem; color:var(--muted); letter-spacing:0.02em;}
.brand--footer .brand-name{color:var(--white);}
.brand--footer .brand-name em{color:var(--gold-500);}

.main-nav ul{display:flex; gap:32px;}
.main-nav a{
  font-weight:600; font-size:0.95rem; color:var(--navy-800); position:relative; padding:6px 0;
}
.main-nav a.active,.main-nav a:hover{color:var(--gold-600);}
.main-nav a.active::after{
  content:""; position:absolute; left:0; right:0; bottom:-4px; height:2px; background:var(--gold-500);
}

.header-actions{display:flex; align-items:center; gap:14px;}
.icon-btn{
  width:40px; height:40px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; color:var(--navy-800); transition:background .15s ease;
}
.icon-btn svg{width:19px; height:19px;}
.icon-btn:hover{background:var(--bg-light);}

.hamburger{display:none; flex-direction:column; gap:5px; width:26px; padding:4px;}
.hamburger span{display:block; width:100%; flex:0 0 auto; height:2.4px; background:var(--navy-900); border-radius:2px; transition:transform .2s ease, opacity .2s ease;}
.hamburger.is-open span:nth-child(1){transform:translateY(7.4px) rotate(45deg);}
.hamburger.is-open span:nth-child(2){opacity:0;}
.hamburger.is-open span:nth-child(3){transform:translateY(-7.4px) rotate(-45deg);}

.search-bar{background:var(--bg-light); border-bottom:1px solid var(--border);}
.search-bar form{display:flex; gap:10px; padding:14px 0;}
.search-bar input{flex:1; padding:11px 16px; border:1px solid var(--border); border-radius:8px; background:var(--white);}
.search-bar button{padding:11px 22px; background:var(--navy-900); color:var(--white); border-radius:8px; font-weight:600;}

/* Mobile nav drawer */
.mobile-nav{
  position:fixed; top:0; right:0; height:100%; width:min(320px,86vw); background:var(--white);
  z-index:200; padding:100px 28px 28px; box-shadow:-10px 0 40px rgba(10,31,61,0.18);
  transform:translateX(100%); transition:transform .28s ease;
}
.mobile-nav.is-open{transform:translateX(0);}
.mobile-nav ul{display:flex; flex-direction:column; gap:6px; margin-bottom:26px;}
.mobile-nav a{display:block; padding:12px 4px; font-weight:700; font-size:1.05rem; color:var(--navy-900); border-bottom:1px solid var(--border);}
.mobile-nav-contact{margin-top:22px; display:flex; flex-direction:column; gap:8px; font-size:0.9rem; color:var(--muted);}
.mobile-nav-backdrop{position:fixed; inset:0; background:rgba(10,20,40,0.4); z-index:190;}

/* =========================================================
   HERO
   ========================================================= */
.hero{
  position:relative;
  background:linear-gradient(180deg,var(--bg-light) 0%, var(--white) 100%);
  padding:64px 0 56px;
  overflow:hidden;
}
.hero-inner{
  display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;
}
.hero-heading{
  font-size:clamp(2.2rem, 4vw, 3.1rem);
  letter-spacing:-0.01em;
}
.hero-heading .accent{color:var(--gold-600);}
.hero-sub{margin-top:20px; font-size:1.08rem; color:var(--muted); max-width:480px;}

.hero-products-inline{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px;
  margin-top:22px; font-size:0.9rem; color:var(--navy-800);
}
.hero-products-inline li:first-child{display:flex; align-items:center; gap:6px; font-weight:700; color:var(--navy-900);}
.hero-products-inline li:not(:first-child):not(:last-child)::after{content:"·"; margin-left:14px; color:var(--gold-500);}
.leaf-ico{width:16px; height:16px; color:var(--gold-600);}

.hero-cta{display:flex; gap:16px; margin-top:30px; flex-wrap:wrap;}

.hero-categories{display:flex; flex-wrap:wrap; gap:10px; margin-top:34px;}
.cat-chip{
  padding:9px 18px; border-radius:999px; font-size:0.82rem; font-weight:700;
  border:1.4px solid transparent; transition:transform .15s ease, box-shadow .15s ease;
}
.cat-chip--gold{background:var(--gold-100); color:var(--gold-600); border-color:var(--gold-500);}
.cat-chip--navy{background:var(--navy-900); color:var(--white);}
.cat-chip:hover{transform:translateY(-2px); box-shadow:0 8px 16px rgba(10,31,61,0.12);}

.hero-visual{position:relative; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-soft); aspect-ratio:16/9;}
.hero-visual-img{width:100%; height:100%; object-fit:cover;}
.hero-visual-tag{
  position:absolute; top:18px; right:18px; background:rgba(10,31,61,0.72); color:var(--gold-100);
  font-size:0.72rem; font-style:italic; padding:8px 12px; border-radius:8px; text-align:right; line-height:1.3;
}

.hero-arrow{
  position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%;
  background:var(--white); box-shadow:var(--shadow-card); display:flex; align-items:center; justify-content:center;
  color:var(--navy-800); z-index:5;
}
.hero-arrow svg{width:18px; height:18px;}
.hero-arrow--prev{left:12px;}
.hero-arrow--next{right:12px;}
@media (max-width:900px){.hero-arrow{display:none;}}

/* =========================================================
   ABOUT + PRODUCTS
   ========================================================= */
.about-products{padding:76px 0; background:var(--white);}
.about-products-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:60px;}
.about-text{color:var(--muted); margin-bottom:24px; max-width:460px;}
.about-image{border-radius:var(--radius-md); overflow:hidden; margin-bottom:24px; box-shadow:var(--shadow-card); aspect-ratio:4/3;}
.about-image img{width:100%; height:100%; object-fit:cover;}
.special-product-btn{margin-left:10px;}
@media (max-width:600px){.special-product-btn{margin-left:0;margin-top:10px;width:100%;}}

.product-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; margin-top:8px;
}
.product-card{
  background:var(--white); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:14px; box-shadow:var(--shadow-card); transition:transform .2s ease, box-shadow .2s ease;
}
.product-card:hover{transform:translateY(-5px); box-shadow:0 16px 30px rgba(10,31,61,0.12);}
.product-img{border-radius:var(--radius-sm); overflow:hidden; aspect-ratio:1/1; background:var(--bg-light); margin-bottom:10px;}
.product-img img{width:100%; height:100%; object-fit:cover;}
.product-name{font-size:0.92rem; font-weight:800; margin-bottom:3px;}
.product-hsn{font-size:0.74rem; color:var(--muted);}

.product-card--cta{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  background:var(--navy-900); color:var(--white); font-weight:700; text-align:center;
}
.product-card--cta svg{width:20px; height:20px;}
.product-card--cta:hover{background:var(--navy-800);}

/* =========================================================
   WHY CHOOSE US
   ========================================================= */
.why-us{padding:80px 0; background:var(--bg-light);}
.feature-grid{
  display:grid; grid-template-columns:repeat(6, 1fr); gap:18px;
}
.feature-card{
  background:var(--white); border-radius:var(--radius-md); padding-bottom:22px; text-align:center;
  box-shadow:var(--shadow-card); transition:transform .2s ease, box-shadow .2s ease; overflow:hidden;
}
.feature-card:hover{transform:translateY(-6px); box-shadow:0 18px 30px rgba(10,31,61,0.1);}

.feature-photo{position:relative; aspect-ratio:4/3; margin-bottom:34px;}
.feature-photo img{width:100%; height:100%; object-fit:cover;}
.feature-icon{
  position:absolute; left:50%; bottom:-24px; transform:translateX(-50%);
  width:52px; height:52px; border-radius:50%; background:var(--gold-100); border:3px solid var(--white);
  display:flex; align-items:center; justify-content:center; color:var(--gold-600);
  box-shadow:var(--shadow-card);
}
.feature-icon svg{width:24px; height:24px;}
.feature-card h3{font-size:1rem; margin-bottom:8px; padding:0 18px;}
.feature-card p{font-size:0.85rem; color:var(--muted); padding:0 18px;}

/* =========================================================
   GLOBAL PRESENCE + CERTS
   ========================================================= */
.global-certs{padding:80px 0; background:var(--white);}
.global-certs-grid{display:grid; grid-template-columns:1.35fr 0.9fr; gap:56px;}
.global-text{color:var(--muted); max-width:480px; margin-bottom:26px;}

.route-strip{display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:28px;}
.route-stop{display:flex; flex-direction:column; align-items:center; gap:4px; font-size:0.78rem; font-weight:700; color:var(--navy-800);}
.route-stop .flag{font-size:1.4rem;}
.route-stop--end{color:var(--gold-600);}
.route-arrow{width:16px; height:16px; color:var(--gold-500); flex-shrink:0;}

.global-media{display:flex; flex-direction:column; gap:14px;}
.global-map{border-radius:var(--radius-md); width:100%;}
.global-strip{border-radius:var(--radius-md); width:100%; box-shadow:var(--shadow-card);}

.cert-badges{display:flex; flex-wrap:wrap; gap:14px; margin-bottom:20px;}
.cert-badge{
  display:flex; flex-direction:column; align-items:center; gap:6px; width:74px; text-align:center;
}
.cert-badge img{width:52px; height:52px; border-radius:50%; box-shadow:var(--shadow-card); background:var(--white);}
.cert-badge span{font-size:0.7rem; font-weight:700; color:var(--navy-800);}

.cert-docs{display:flex; gap:10px; overflow-x:auto; padding-bottom:6px;}
.cert-docs img{width:70px; height:98px; object-fit:cover; border-radius:6px; border:1px solid var(--border); flex-shrink:0;}
.cert-note{font-size:0.75rem; color:var(--muted); margin-top:10px;}

/* =========================================================
   REGISTRATIONS
   ========================================================= */
.registrations{padding:80px 0; background:var(--bg-light-2);}
.registrations-grid{display:grid; grid-template-columns:0.8fr 1.2fr; gap:56px; align-items:center;}
.reg-image{border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-soft); aspect-ratio:1/1;}
.reg-image img{width:100%; height:100%; object-fit:cover;}
.reg-text{color:var(--muted); max-width:520px; margin-bottom:26px;}
.reg-badges{display:flex; flex-wrap:wrap; gap:14px;}
.reg-badge{
  background:var(--white); border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:14px 18px; min-width:150px; box-shadow:var(--shadow-card);
}
.reg-badge strong{display:block; font-family:var(--font-head); color:var(--navy-900); margin-bottom:4px;}
.reg-badge span{font-size:0.76rem; color:var(--muted);}

/* =========================================================
   CTA SECTION
   ========================================================= */
.cta-section{background:var(--navy-900); color:var(--white); padding:60px 0;}
.cta-inner{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:32px;}
.cta-icon{
  width:64px; height:64px; border-radius:50%; background:rgba(216,161,59,0.15); color:var(--gold-500);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.cta-icon svg{width:28px; height:28px;}
.cta-copy h2{color:var(--white); font-size:clamp(1.3rem,2vw,1.7rem); margin-bottom:8px;}
.cta-copy p{color:#C7D3E3; max-width:560px; font-size:0.94rem;}
.cta-contacts{display:flex; flex-direction:column; gap:10px; font-size:0.86rem; grid-column:1/-1;}
.cta-contacts a{display:flex; align-items:center; gap:8px; color:#C7D3E3;}
.cta-contacts svg{width:16px; height:16px; color:var(--gold-500);}

@media (min-width:901px){
  .cta-inner{grid-template-columns:auto 1fr auto auto;}
  .cta-contacts{grid-column:auto; align-items:flex-start;}
}

/* =========================================================
   FOOTER
   ========================================================= */
.site-footer{background:var(--navy-900); color:#C7D3E3; padding-top:64px;}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px; padding-bottom:48px;
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.footer-tagline{font-size:0.85rem; margin:14px 0 20px; color:#9FB0C8;}
.footer-social{display:flex; gap:12px;}
.footer-social a{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,0.08);
  display:flex; align-items:center; justify-content:center; transition:background .15s ease;
}
.footer-social svg{width:17px; height:17px;}
.footer-social a:hover{background:var(--gold-500); color:var(--navy-900);}

.footer-col h4{color:var(--gold-500); font-size:0.95rem; margin-bottom:16px; font-weight:700;}
.footer-col ul{display:flex; flex-direction:column; gap:10px; font-size:0.87rem;}
.footer-col a:hover{color:var(--white);}
.footer-contact li{display:flex; align-items:center; gap:8px;}
.footer-contact svg{width:15px; height:15px; color:var(--gold-500); flex-shrink:0;}

.footer-bottom{padding:20px 0; text-align:center; font-size:0.8rem; color:#8DA0BC;}

/* =========================================================
   FLOATING ACTION BUTTONS
   ========================================================= */
.floating-actions{
  position:fixed; right:22px; bottom:22px; display:flex; flex-direction:column; gap:14px; z-index:150;
}
.fab{
  width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(10,31,61,0.25); transition:transform .18s ease;
}
.fab:hover{transform:translateY(-3px) scale(1.05);}
.fab svg{width:24px; height:24px;}
.fab-whatsapp{background:#25D366; color:var(--white); animation:pulse-wa 2.6s ease-in-out infinite;}
.fab-enquiry{background:var(--navy-900); color:var(--white); width:54px; height:54px;}
.fab-email{background:var(--gold-500); color:var(--navy-900); width:46px; height:46px; align-self:flex-end;}
.fab-top{background:var(--navy-900); color:var(--white); width:42px; height:42px; align-self:flex-end;}
.fab[hidden]{display:none;}

@keyframes pulse-wa{
  0%,100%{box-shadow:0 10px 24px rgba(37,211,102,0.35);}
  50%{box-shadow:0 10px 24px rgba(37,211,102,0.65), 0 0 0 8px rgba(37,211,102,0.12);}
}

/* =========================================================
   ENQUIRY POPUP
   ========================================================= */
.enquiry-backdrop{
  position:fixed; inset:0; background:rgba(10,20,40,0.55); z-index:300;
  opacity:0; transition:opacity .25s ease;
}
.enquiry-backdrop.is-open{opacity:1;}

.enquiry-modal{
  position:fixed; top:50%; left:50%; transform:translate(-50%,-46%);
  width:min(440px, 92vw); max-height:88vh; overflow-y:auto;
  background:var(--white); border-radius:var(--radius-lg); padding:36px 30px 28px;
  box-shadow:0 30px 70px rgba(10,20,40,0.35); z-index:301;
  opacity:0; visibility:hidden; transition:opacity .25s ease, transform .25s ease;
}
.enquiry-modal.is-open{opacity:1; visibility:visible; transform:translate(-50%,-50%);}
.enquiry-modal h3{font-size:1.35rem; margin-bottom:8px;}
.enquiry-sub{font-size:0.86rem; color:var(--muted); margin-bottom:20px;}

.enquiry-close{
  position:absolute; top:16px; right:16px; width:34px; height:34px; border-radius:50%;
  background:var(--bg-light); color:var(--navy-800); display:flex; align-items:center; justify-content:center;
}
.enquiry-close svg{width:16px; height:16px;}
.enquiry-close:hover{background:var(--border);}

.enquiry-form{display:flex; flex-direction:column; gap:12px;}
.enquiry-form input,
.enquiry-form select,
.enquiry-form textarea{
  width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:8px;
  font-family:var(--font-body); font-size:0.92rem; color:var(--ink); background:var(--bg-light);
}
.enquiry-form input:focus,
.enquiry-form select:focus,
.enquiry-form textarea:focus{outline:none; border-color:var(--gold-500); background:var(--white);}
.enquiry-form textarea{resize:vertical;}
.enquiry-form button{margin-top:4px;}

.enquiry-social{
  display:flex; align-items:center; justify-content:center; gap:12px; margin-top:22px;
  font-size:0.8rem; color:var(--muted);
}
.enquiry-social a{
  width:34px; height:34px; border-radius:50%; background:var(--bg-light);
  display:flex; align-items:center; justify-content:center; color:var(--navy-800);
}
.enquiry-social a svg{width:16px; height:16px;}
.enquiry-social a:hover{background:var(--gold-500); color:var(--navy-900);}

@media (max-width:480px){
  .enquiry-modal{padding:30px 22px 24px;}
}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:1080px){
  .feature-grid{grid-template-columns:repeat(3,1fr);}
  .product-grid{grid-template-columns:repeat(3,1fr);}
}

@media (max-width:900px){
  .main-nav{display:none;}
  .header-actions .btn{display:none;}
  .hamburger{display:flex;}
  .hero-inner{grid-template-columns:1fr; gap:36px;}
  .hero-visual{order:-1;}
  .about-products-grid{grid-template-columns:1fr; gap:44px;}
  .global-certs-grid{grid-template-columns:1fr;}
  .registrations-grid{grid-template-columns:1fr;}
  .reg-image{max-width:420px;}
  .cta-inner{grid-template-columns:1fr; text-align:center;}
  .cta-icon{margin:0 auto;}
  .cta-contacts{align-items:center;}
  .footer-grid{grid-template-columns:1fr 1fr; gap:36px;}
}

@media (max-width:640px){
  .container{padding:0 20px;}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr;}
  .brand-tag{display:none;}
  .hero{padding:40px 0 40px;}
  .floating-actions{right:14px; bottom:14px;}
}

/* =========================================================
   SKYVOLT V6 — PREMIUM SCROLL REVEAL / PRODUCT DETAILS
   ========================================================= */
.js-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-reveal.is-visible{opacity:1;transform:none}
.pd-card.js-reveal:nth-child(even){transform:translateY(34px) translateX(20px)}
.pd-card.js-reveal:nth-child(even).is-visible{transform:none}
.product-card.js-reveal:nth-child(2),.compliance-card.js-reveal:nth-child(2){transition-delay:.06s}
.product-card.js-reveal:nth-child(3),.compliance-card.js-reveal:nth-child(3){transition-delay:.12s}
.product-card.js-reveal:nth-child(4),.compliance-card.js-reveal:nth-child(4){transition-delay:.18s}
.product-card.js-reveal:nth-child(5),.compliance-card.js-reveal:nth-child(5){transition-delay:.24s}
.product-card.js-reveal:nth-child(6),.compliance-card.js-reveal:nth-child(6){transition-delay:.30s}
.product-card.js-reveal:nth-child(7){transition-delay:.36s}
@media(prefers-reduced-motion:reduce){.js-reveal{opacity:1!important;transform:none!important;transition:none!important}.compliance-card:before{animation:none!important}}


/* =========================================================
   V8 — FINAL RESPONSIVE + PREMIUM PRESENTATION
   ========================================================= */
html,body{overflow-x:hidden!important;width:100%;}

/* HERO: full-frame white glow/fade and stable text colors */
.hero{padding:0!important;margin:0!important;overflow:hidden!important;background:#fff!important;}
.hero-inner{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:clamp(430px,56.25vw,650px)!important;min-height:430px!important;}
.hero-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;overflow:hidden!important;box-shadow:inset 0 0 90px 18px rgba(255,255,255,.88)!important;}
.hero-visual-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
.hero-visual:after{content:"";position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 22%,rgba(255,255,255,.78) 42%,rgba(255,255,255,.38) 62%,rgba(255,255,255,.12) 78%,rgba(255,255,255,0) 100%),linear-gradient(0deg,rgba(255,255,255,.30),rgba(255,255,255,0) 32%,rgba(255,255,255,.25) 100%)!important;z-index:2!important;}
.hero-copy{position:absolute!important;left:clamp(18px,5vw,72px)!important;top:50%!important;transform:translateY(-50%)!important;width:min(650px,52vw)!important;max-width:650px!important;padding:20px 26px!important;margin:0!important;border-radius:22px!important;background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.72) 62%,rgba(255,255,255,0))!important;backdrop-filter:blur(1.5px)!important;z-index:10!important;}
.hero-copy .eyebrow,.hero-heading,.hero-heading .accent,.hero-sub{color:#0d141b!important;}
.hero-copy .eyebrow{font-weight:900!important;font-size:clamp(.8rem,1.2vw,1rem)!important;text-shadow:0 2px 0 #fff,0 0 16px #fff!important;}
.hero-heading,.hero-heading .accent{font-weight:900!important;font-size:clamp(2rem,4vw,3.35rem)!important;line-height:1.03!important;letter-spacing:-.025em!important;text-shadow:0 2px 0 #fff,0 5px 18px rgba(255,255,255,1),0 0 34px rgba(255,255,255,.95)!important;}
.hero-heading .accent{color:#0d141b!important;}
.hero-sub{font-size:clamp(.98rem,1.35vw,1.12rem)!important;line-height:1.5!important;font-weight:800!important;max-width:560px!important;text-shadow:0 2px 0 #fff,0 0 18px #fff!important;}
.hero-cta{margin-top:22px!important;gap:12px!important;}
.hero-cta .btn{font-weight:900!important;font-size:1rem!important;padding:12px 20px!important;box-shadow:0 10px 24px rgba(10,31,61,.10)!important;}

/* ABOUT + WHO WE ARE: one unified section */
.about-who-section{padding:72px 0 78px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;}
.about-who-intro{max-width:820px!important;margin:0 auto 38px!important;text-align:center!important;}
.about-who-intro .section-heading{margin-bottom:12px!important;}
.about-lead{max-width:760px!important;margin:0 auto!important;color:var(--muted)!important;font-size:1rem!important;line-height:1.75!important;}
.about-who-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-items:stretch!important;}
.about-premium-card,.who-premium-card{height:100%!important;background:#fff!important;border:1px solid rgba(10,31,61,.10)!important;border-radius:24px!important;padding:30px!important;box-shadow:0 18px 44px rgba(10,31,61,.08)!important;position:relative!important;overflow:hidden!important;}
.about-premium-card:before,.who-premium-card:before{content:"";position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:5px!important;background:linear-gradient(180deg,var(--gold-500),#fff,var(--navy-900))!important;}
.about-card-kicker{font-size:.74rem!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--gold-600)!important;margin-bottom:8px!important;}
.about-premium-card h3,.who-premium-card h3{font-size:clamp(1.4rem,2.2vw,2rem)!important;margin-bottom:14px!important;}
.about-premium-card p,.who-premium-card p:not(.eyebrow){color:var(--muted)!important;line-height:1.75!important;font-size:.94rem!important;margin:0 0 12px!important;}
.about-points{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important;}
.about-points span{padding:10px 12px!important;border-radius:12px!important;background:#f7f9fc!important;border:1px solid var(--border)!important;font-size:.78rem!important;font-weight:800!important;color:var(--navy-900)!important;}
.who-premium-card{display:grid!important;grid-template-columns:1fr .9fr!important;gap:20px!important;align-items:center!important;}
.who-we-are-media.single-media{margin:0!important;}
.who-media-card{position:relative!important;border-radius:18px!important;overflow:hidden!important;aspect-ratio:4/3!important;box-shadow:0 14px 34px rgba(10,31,61,.12)!important;}
.who-media-card img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .7s ease!important;}
.who-media-card:hover img{transform:scale(1.06)!important;}
.who-media-card span{position:absolute!important;left:0!important;right:0!important;bottom:0!important;padding:14px 16px!important;color:#fff!important;font-weight:900!important;background:linear-gradient(transparent,rgba(0,0,0,.70))!important;}

/* SPECIAL PRODUCTS: 3 cards on desktop, 1 on mobile */
.special-products-section{padding:72px 0 82px!important;background:#f6f8fb!important;overflow:hidden!important;}
.special-products-lead{max-width:720px!important;margin:0 auto!important;color:var(--muted)!important;line-height:1.7!important;}
.product-slider{width:100%!important;overflow:hidden!important;padding:12px 2px 20px!important;}
.product-track{display:flex!important;gap:18px!important;width:max-content!important;animation:productsMoveRight 34s linear infinite!important;will-change:transform!important;}
.product-track:hover{animation-play-state:paused!important;}
.product-card--image{flex:0 0 clamp(280px,calc((100vw - 96px)/3),380px)!important;width:clamp(280px,calc((100vw - 96px)/3),380px)!important;min-width:0!important;padding:10px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(10,31,61,.10)!important;box-shadow:0 14px 34px rgba(10,31,61,.09)!important;overflow:hidden!important;}
.product-card--image .product-img{aspect-ratio:16/9!important;width:100%!important;height:auto!important;border-radius:14px!important;margin:0!important;overflow:hidden!important;background:#eef2f6!important;}
.product-card--image .product-img img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .65s ease!important;}
.product-card--image:hover .product-img img{transform:scale(1.045)!important;}
.product-card--image .product-name{display:block!important;padding:13px 5px 2px!important;font-size:1rem!important;font-weight:900!important;color:var(--navy-900)!important;}
.product-card--image .product-hsn{display:block!important;padding:0 5px 7px!important;font-size:.76rem!important;font-weight:700!important;color:var(--muted)!important;}
.products-more{text-align:center!important;margin-top:14px!important;}
@keyframes productsMoveRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* REMOVE WORLD MAP MEDIA COMPLETELY */
.global-map,.global-map-v5{display:none!important;}

/* PRODUCT DETAILS HEADER + HERO */
.pd-page{min-height:100vh!important;overflow:hidden!important;}
.pd-hero{padding:74px 20px 54px!important;min-height:260px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;background:linear-gradient(135deg,#071a33,#12365b 58%,#b9822a)!important;color:#fff!important;text-align:center!important;overflow:hidden!important;}
.pd-hero .eyebrow{color:#fff!important;font-weight:900!important;font-size:.82rem!important;letter-spacing:.12em!important;white-space:normal!important;}
.pd-hero h1{color:#fff!important;font-weight:900!important;margin:7px 0 12px!important;font-size:clamp(2rem,5vw,4rem)!important;}
.pd-hero p{color:rgba(255,255,255,.90)!important;max-width:760px!important;line-height:1.7!important;}
.pd-wrap{max-width:1180px!important;margin:-24px auto 80px!important;padding:0 20px!important;}
.pd-card{margin:26px 0 42px!important;padding:30px!important;border-radius:28px!important;box-shadow:0 24px 60px rgba(10,31,61,.11)!important;scroll-margin-top:90px!important;}
.pd-media{aspect-ratio:16/9!important;border-radius:20px!important;overflow:hidden!important;}
.pd-media img{width:100%!important;height:100%!important;object-fit:cover!important;}
.pd-btn-dark{background:#25D366!important;border-color:#25D366!important;color:#fff!important;box-shadow:0 10px 22px rgba(37,211,102,.20)!important;}
.pd-btn-dark:hover{background:#1ebe5d!important;border-color:#1ebe5d!important;transform:translateY(-2px)!important;}
.pd-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;}

/* Ensure PD page has a working mobile hamburger/header. */
.pd-header .hamburger{display:none;}
@media(max-width:900px){
  .about-who-grid{grid-template-columns:1fr!important;}
  .who-premium-card{grid-template-columns:1fr!important;}
  .pd-header .main-nav{display:none!important;}
  .pd-header .header-actions .btn{display:none!important;}
  .pd-header .hamburger{display:flex!important;}
}
@media(max-width:700px){
  .hero-inner{height:520px!important;min-height:520px!important;}
  .hero-copy{left:14px!important;top:49%!important;width:calc(100% - 28px)!important;max-width:none!important;padding:16px 18px!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.72),rgba(255,255,255,.18))!important;}
  .hero-heading{font-size:clamp(1.65rem,8.2vw,2.45rem)!important;}
  .hero-copy .eyebrow{font-size:.78rem!important;}
  .hero-sub{font-size:.92rem!important;line-height:1.45!important;max-width:100%!important;}
  .hero-cta{margin-top:18px!important;}
  .hero-cta .btn{font-size:.84rem!important;padding:10px 13px!important;}
  .about-who-section{padding:50px 0 58px!important;}
  .about-premium-card,.who-premium-card{padding:22px!important;border-radius:20px!important;}
  .about-points{grid-template-columns:1fr!important;}
  .special-products-section{padding:52px 0 64px!important;}
  .product-card--image{flex-basis:calc(100vw - 44px)!important;width:calc(100vw - 44px)!important;}
  .product-track{gap:14px!important;animation-duration:28s!important;}
  .pd-hero{padding:68px 16px 44px!important;min-height:225px!important;}
  .pd-hero .eyebrow{font-size:.68rem!important;letter-spacing:.08em!important;}
  .pd-hero h1{font-size:2.1rem!important;}
  .pd-wrap{padding:0 12px!important;margin-top:-12px!important;}
  .pd-card{padding:18px!important;border-radius:20px!important;margin-bottom:30px!important;}
  .pd-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .pd-points{grid-template-columns:1fr!important;}
  .pd-actions{gap:9px!important;}
  .pd-btn{padding:11px 14px!important;}
}

/* =========================================================
   FINAL RESPONSIVE / PREMIUM PASS
   ========================================================= */
html,body{overflow-x:hidden!important;width:100%!important}

/* Homepage hero: full-width white glow, no white rectangle or dead gap */
.hero{padding:0!important;margin:0!important;overflow:hidden!important;background:#fff!important}
.hero-inner{height:clamp(500px,50vw,640px)!important;min-height:500px!important;max-height:640px!important;width:100%!important;max-width:none!important;margin:0!important;display:block!important}
.hero-visual{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
.hero-visual-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.hero-visual:after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 24%,rgba(255,255,255,.82) 42%,rgba(255,255,255,.48) 58%,rgba(255,255,255,.12) 76%,rgba(255,255,255,0) 100%)!important}
.hero-copy{left:clamp(18px,5vw,72px)!important;top:50%!important;transform:translateY(-50%)!important;width:min(610px,50vw)!important;max-width:610px!important;padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;border-radius:0!important;z-index:10!important}
.hero-copy .eyebrow{color:#c87920!important;font-weight:900!important;text-shadow:0 1px 0 #fff,0 0 16px #fff!important}
.hero-heading,.hero-heading .accent{color:#c87920!important;font-weight:900!important;text-shadow:0 2px 0 #fff,0 4px 16px rgba(255,255,255,1),0 0 34px rgba(255,255,255,.98)!important;line-height:1.03!important}
.hero-heading .accent{color:#c87920!important}
.hero-sub{color:#111820!important;font-size:clamp(1.02rem,1.45vw,1.2rem)!important;font-weight:800!important;line-height:1.5!important;max-width:590px!important;text-shadow:0 2px 0 #fff,0 0 18px #fff,0 0 28px rgba(255,255,255,.95)!important}
.hero-products-inline{color:#111820!important;font-weight:800!important;text-shadow:0 2px 0 #fff,0 0 16px #fff!important}
.hero-cta{margin-top:24px!important}

/* Keep hero buttons inside the visual and close the next section */
.about-products{padding-top:26px!important;margin-top:0!important}
.about-who-section{margin-top:0!important}

/* Homepage About preview: two image cards, both clickable */
.about-page-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;margin-top:30px!important}
.about-page-card{display:grid!important;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)!important;align-items:stretch!important;text-decoration:none!important;color:inherit!important;background:#fff!important;border:1px solid rgba(10,31,61,.10)!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 18px 44px rgba(10,31,61,.08)!important;transition:transform .35s ease,box-shadow .35s ease!important}
.about-page-card:hover{transform:translateY(-7px)!important;box-shadow:0 26px 54px rgba(10,31,61,.14)!important}
.about-page-card-media{position:relative!important;min-height:250px!important;overflow:hidden!important;background:#edf2f6!important}
.about-page-card-media img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;transition:transform .6s ease!important}
.about-page-card:hover .about-page-card-media img{transform:scale(1.05)!important}
.about-page-card-media:after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:42%!important;background:linear-gradient(transparent,rgba(0,0,0,.48))!important}
.about-page-card-media span{position:absolute!important;left:18px!important;bottom:15px!important;z-index:2!important;color:#fff!important;font-weight:800!important;font-size:.85rem!important}
.about-page-card-body{padding:25px 24px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.about-page-card-body h3{font-size:1.35rem!important;line-height:1.2!important;margin:6px 0 12px!important}
.about-page-card-body p:not(.eyebrow){color:var(--muted)!important;line-height:1.7!important;margin:0 0 14px!important}
.page-card-link{font-weight:900!important;color:var(--gold-600)!important;margin-top:auto!important}

/* Homepage product strip: bigger cards without zooming the page */
.product-slider{width:100%!important;overflow:hidden!important}
.product-track{display:flex!important;gap:18px!important;width:max-content!important;animation:skyProductSlide 32s linear infinite!important;will-change:transform!important}
.product-track:hover{animation-play-state:paused!important}
.product-card--image{flex:0 0 clamp(280px,30vw,360px)!important;width:clamp(280px,30vw,360px)!important;min-width:0!important;padding:10px!important}
.product-card--image .product-img{aspect-ratio:16/9!important}
.product-card--image .product-name{font-size:1rem!important}
.product-card--image .product-hsn{font-size:.78rem!important;font-weight:700!important}
@keyframes skyProductSlide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}

/* New About / Who We Are pages */
.info-page{background:#f6f8fb;min-height:100vh;color:var(--navy-900)}
.info-hero{position:relative;overflow:hidden;padding:100px 0 72px;background:linear-gradient(135deg,#071a33 0%,#12365b 64%,#d6a73b 140%);color:#fff}
.info-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 35%);pointer-events:none}
.info-hero .container{position:relative;z-index:1}
.info-hero .eyebrow{color:#f4d98c}
.info-hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;margin:8px 0 16px;font-weight:900}
.info-hero p{max-width:760px;color:rgba(255,255,255,.88);font-size:1.05rem;line-height:1.75;margin:0}
.info-main{padding:58px 0 90px}
.info-intro{max-width:820px;margin:0 auto 42px;text-align:center}
.info-intro h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:8px 0 14px}
.info-intro p{color:var(--muted);line-height:1.8}
.info-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:34px 0 48px}
.info-image-card{position:relative;min-height:330px;border-radius:24px;overflow:hidden;background:#eaf0f4;box-shadow:0 20px 50px rgba(10,31,61,.11);border:1px solid rgba(10,31,61,.08);transform:translateY(0);transition:transform .45s ease,box-shadow .45s ease}
.info-image-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(10,31,61,.17)}
.info-image-card img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}
.info-image-card:hover img{transform:scale(1.045)}
.info-image-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,20,35,.72))}
.info-image-card figcaption{position:absolute;left:24px;bottom:22px;z-index:2;color:#fff;font-size:1.2rem;font-weight:900}
.info-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.info-panel{background:#fff;border:1px solid rgba(10,31,61,.09);border-radius:22px;padding:30px;box-shadow:0 16px 42px rgba(10,31,61,.07)}
.info-panel h2{font-size:1.5rem;margin:0 0 12px}
.info-panel p{color:var(--muted);line-height:1.8;margin:0 0 13px}
.info-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.info-point{padding:15px;border-radius:14px;background:linear-gradient(135deg,#fff,#f5f8fb);border:1px solid rgba(10,31,61,.08);font-weight:800;color:var(--navy-900);box-shadow:0 8px 20px rgba(10,31,61,.05)}
.info-point:before{content:"✓";color:var(--gold-600);margin-right:8px}

/* Product Details page header/hero */
.pd-header{height:auto!important;min-height:68px!important}
.pd-header .header-inner{min-height:68px!important;height:68px!important}
.pd-header .brand-tag{display:none!important}
.pd-hero{padding:74px 20px 54px!important}
.pd-hero .eyebrow{color:#fff!important;font-weight:900!important;letter-spacing:.16em!important;line-height:1.45!important;margin:0 auto 10px!important;display:block!important}
.pd-hero h1{color:#fff!important;margin:8px 0 14px!important;line-height:1.05!important}
.pd-hero p{color:rgba(255,255,255,.9)!important}
.pd-btn-dark.whatsapp-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important;box-shadow:0 9px 20px rgba(37,211,102,.25)!important}
.pd-btn-dark.whatsapp-btn:hover{background:#1ebe5b!important;border-color:#1ebe5b!important}

@media(max-width:900px){
  .hero-inner{height:500px!important;min-height:500px!important;max-height:500px!important}
  .hero-copy{width:72%!important;left:18px!important}
  .hero-heading{font-size:clamp(1.8rem,6.6vw,2.6rem)!important}
  .hero-sub{font-size:.92rem!important;max-width:470px!important}
  .hero-products-inline{display:none!important}
  .about-page-cards{grid-template-columns:1fr!important}
  .about-page-card{grid-template-columns:42% 58%!important}
  .product-card--image{flex-basis:300px!important;width:300px!important}
  .info-image-grid,.info-content-grid{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .site-header .header-inner{min-height:64px!important;height:64px!important;padding-left:14px!important;padding-right:14px!important}
  .site-header .brand-mark{width:36px!important;height:36px!important}
  .hero-inner{height:500px!important;min-height:500px!important;max-height:500px!important}
  .hero-visual:after{background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 38%,rgba(255,255,255,.78) 63%,rgba(255,255,255,.28) 82%,rgba(255,255,255,0) 100%)!important}
  .hero-copy{width:calc(100% - 36px)!important;left:18px!important;top:48%!important}
  .hero-copy .eyebrow{font-size:.82rem!important;margin-bottom:8px!important}
  .hero-heading{font-size:clamp(1.72rem,8.1vw,2.3rem)!important}
  .hero-sub{font-size:.94rem!important;line-height:1.45!important;margin-top:14px!important;max-width:100%!important}
  .hero-cta{margin-top:20px!important;gap:10px!important}
  .hero-cta .btn{font-size:.78rem!important;padding:10px 14px!important}
  .about-products{padding:24px 0 44px!important}
  .about-page-card{grid-template-columns:1fr!important}
  .about-page-card-media{min-height:210px!important}
  .about-page-card-body{padding:20px!important}
  .product-card--image{flex-basis:78vw!important;width:78vw!important}
  .product-card--image .product-name{font-size:.96rem!important}
  .info-hero{padding:82px 18px 54px}
  .info-main{padding:40px 0 65px}
  .info-image-grid{gap:16px}
  .info-image-card{min-height:240px}
  .info-content-grid{gap:16px}
  .info-panel{padding:22px}
  .info-points{grid-template-columns:1fr}
  .pd-header .header-inner{height:64px!important;min-height:64px!important}
  .pd-hero{padding:54px 16px 42px!important}
  .pd-hero .eyebrow{font-size:.68rem!important;white-space:normal!important;max-width:95%!important}
  .pd-hero h1{font-size:2rem!important}
  .pd-hero p{font-size:.88rem!important;line-height:1.6!important}
}

/* Final slider direction: product cards travel left -> right */
.product-track{animation-name:skyProductSlideRight!important;animation-duration:32s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important}
@keyframes skyProductSlideRight{from{transform:translateX(calc(-50% - 9px))}to{transform:translateX(0)}}

/* =========================================================
   SKYVOLT EXIM — PREMIUM FINAL POLISH
   Responsive fixes for desktop mode, mobile, About + Who We Are.
   ========================================================= */
html, body { width:100%; max-width:100%; overflow-x:hidden !important; }
.container { width:100%; max-width:1240px; margin-inline:auto; }

/* Header: never let desktop-mode phones cut the right-side CTA */
.site-header { width:100%; }
.header-inner { width:100%; min-width:0 !important; gap:18px !important; }
.brand { min-width:0; }
.brand-text { min-width:0; }
.brand-name, .brand-tag { overflow:hidden; text-overflow:ellipsis; }
.main-nav { min-width:0; }
.main-nav ul { gap:18px !important; }
.main-nav a { white-space:nowrap; }
.header-actions { flex:0 0 auto; }

@media (max-width:1100px) and (min-width:901px){
  .header-inner { gap:12px !important; }
  .main-nav ul { gap:12px !important; }
  .main-nav a { font-size:.82rem !important; }
  .header-actions .btn-sm { padding:9px 13px !important; font-size:.75rem !important; }
  .brand-tag { display:none !important; }
}

/* Homepage hero: keep everything inside the image at every desktop width */
.hero-inner { width:100% !important; overflow:hidden !important; }
.hero-copy { width:min(590px, 50%) !important; max-width:590px !important; }
.hero-cta { flex-wrap:wrap !important; }
.hero-cta .btn { min-width:150px; }

/* Premium About preview cards — same visual language as Why Choose Us */
.about-page-cards { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px !important; align-items:stretch !important; }
.about-page-card {
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  background:#fff !important;
  border:1px solid rgba(10,31,61,.10) !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:0 16px 40px rgba(10,31,61,.09),0 2px 8px rgba(10,31,61,.04) !important;
  transition:transform .35s ease,box-shadow .35s ease !important;
}
.about-page-card:hover { transform:translateY(-8px) !important; box-shadow:0 28px 58px rgba(10,31,61,.16) !important; }
.about-page-card-media { aspect-ratio:16/9 !important; min-height:0 !important; height:auto !important; flex:none !important; }
.about-page-card-media img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; }
.about-page-card-body { padding:24px 25px 26px !important; min-height:210px; }
.about-page-card-body h3 { font-size:clamp(1.18rem,1.8vw,1.48rem) !important; }
.about-page-card-body p:not(.eyebrow) { font-size:.92rem !important; }
.page-card-link { margin-top:auto !important; font-weight:900 !important; color:var(--gold-600) !important; }

/* Product strip: normal, slightly smaller cards; 3 visible on desktop */
.product-track { gap:18px !important; }
.product-card--image { flex:0 0 255px !important; width:255px !important; }
.product-card--image .product-img { aspect-ratio:16/9 !important; }
.product-card--image .product-name { font-size:.92rem !important; }
.product-card--image .product-hsn { font-size:.72rem !important; }

/* Info pages must never let content slide under the logo/header */
.info-page .site-header { position:relative !important; top:auto !important; }
.info-page main { width:100%; overflow:hidden; }

/* Premium inner-page hero */
.info-hero {
  position:relative !important;
  padding:72px 0 62px !important;
  background:linear-gradient(135deg,#071a33 0%,#0d2b4e 52%,#7c581f 145%) !important;
  overflow:hidden !important;
}
.info-hero:before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 82% 18%,rgba(216,161,59,.30),transparent 30%),radial-gradient(circle at 15% 100%,rgba(255,255,255,.07),transparent 32%);
}
.info-hero .container { position:relative; z-index:1; max-width:1100px; }
.info-hero .eyebrow { color:#f0cb78 !important; font-weight:900 !important; letter-spacing:.14em !important; }
.info-hero h1 { color:#fff !important; font-size:clamp(2.1rem,4.4vw,4rem) !important; max-width:900px; }
.info-hero p { color:rgba(255,255,255,.90) !important; max-width:820px !important; font-size:1.05rem !important; }

/* About / Who content — card-first premium layout */
.info-main { padding:64px 0 90px !important; background:linear-gradient(180deg,#f7f9fc 0%,#fff 28%,#f6f8fb 100%) !important; }
.info-intro { max-width:850px !important; margin:0 auto 34px !important; text-align:center !important; }
.info-intro h2 { font-size:clamp(1.8rem,3.2vw,2.8rem) !important; }
.info-intro p:not(.eyebrow) { font-size:1rem !important; }
.info-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px !important; margin:30px 0 48px !important; width:100% !important; }
.info-image-card {
  min-width:0 !important; min-height:0 !important; aspect-ratio:16/9 !important;
  border-radius:24px !important; border:1px solid rgba(10,31,61,.10) !important;
  box-shadow:0 18px 44px rgba(10,31,61,.11) !important;
}
.info-image-card img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; }
.info-image-card:before { content:""; position:absolute; inset:0; z-index:1; border:1px solid rgba(255,255,255,.16); border-radius:24px; pointer-events:none; }
.info-image-card:after { inset:45% 0 0 !important; background:linear-gradient(transparent,rgba(3,17,32,.82)) !important; }
.info-image-card figcaption { left:24px !important; bottom:22px !important; font-size:1.12rem !important; }
.info-image-card figcaption:before { content:""; display:block; width:38px; height:3px; background:var(--gold-500); margin-bottom:8px; border-radius:4px; }

.info-content-grid { gap:28px !important; }
.info-panel {
  border-radius:22px !important; padding:30px !important;
  border:1px solid rgba(10,31,61,.09) !important;
  box-shadow:0 16px 42px rgba(10,31,61,.075) !important;
  position:relative; overflow:hidden;
}
.info-panel:before { content:""; position:absolute; left:0; top:0; width:100%; height:4px; background:linear-gradient(90deg,var(--gold-500),rgba(216,161,59,.08)); }
.info-panel h2 { font-size:1.45rem !important; }
.info-point { min-height:56px; display:flex; align-items:center; }

@media (max-width:900px){
  .info-image-grid { grid-template-columns:1fr !important; max-width:760px; margin-left:auto !important; margin-right:auto !important; }
  .info-content-grid { grid-template-columns:1fr !important; }
  .about-page-cards { grid-template-columns:1fr !important; max-width:760px; margin-left:auto !important; margin-right:auto !important; }
  .product-card--image { flex-basis:235px !important; width:235px !important; }
}

@media (max-width:600px){
  .container { padding-left:16px !important; padding-right:16px !important; }
  .header-inner { gap:8px !important; }
  .brand-mark { width:34px !important; height:34px !important; }
  .brand-name { font-size:.98rem !important; }
  .header-actions { margin-left:auto; }
  .info-hero { padding:48px 0 42px !important; }
  .info-hero h1 { font-size:clamp(1.9rem,8.4vw,2.55rem) !important; line-height:1.08 !important; }
  .info-hero p { font-size:.92rem !important; line-height:1.65 !important; }
  .info-main { padding:42px 0 64px !important; }
  .info-intro { margin-bottom:28px !important; }
  .info-intro h2 { font-size:1.72rem !important; }
  .info-intro p:not(.eyebrow) { font-size:.91rem !important; line-height:1.7 !important; }
  .info-image-grid { gap:18px !important; margin:24px 0 34px !important; }
  .info-image-card { aspect-ratio:16/9 !important; border-radius:20px !important; }
  .info-image-card figcaption { left:18px !important; bottom:17px !important; font-size:1rem !important; }
  .info-panel { padding:22px !important; border-radius:18px !important; }
  .info-points { grid-template-columns:1fr !important; }
  .about-page-card { border-radius:20px !important; }
  .about-page-card-body { min-height:0 !important; padding:20px !important; }
  .about-page-card-body h3 { font-size:1.18rem !important; }
  .about-page-card-body p:not(.eyebrow) { font-size:.88rem !important; }
  .product-card--image { flex-basis:68vw !important; width:68vw !important; }
}

/* =========================================================
   SKYVOLT EXIM — FINAL USER REQUEST PASS
   ========================================================= */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}

/* Header: compact and safe in desktop-site mode on phones */
.site-header{width:100%!important;overflow:visible!important}
.header-inner{min-width:0!important;width:100%!important;gap:14px!important}
.brand{min-width:0!important;flex-shrink:1!important}
.brand-text{min-width:0!important}
.brand-tag{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.main-nav{min-width:0!important;flex:1 1 auto!important}
.main-nav ul{justify-content:center!important;gap:15px!important}
.main-nav a{font-size:.86rem!important;white-space:nowrap!important}
.header-actions{flex:0 0 auto!important}

/* Desktop-site mode: switch to the compact menu before anything can be cut */
@media(max-width:1100px){
  .main-nav{display:none!important}
  .header-actions .btn{display:none!important}
  .hamburger{display:flex!important}
  .header-inner{height:66px!important;min-height:66px!important;padding-left:16px!important;padding-right:16px!important}
  .brand-mark{width:36px!important;height:36px!important}
  .brand-name{font-size:1.05rem!important}
}

/* -------------------------
   HOME: About + Who We Are
   TWO CARDS SIDE-BY-SIDE
   ------------------------- */
.about-who-section{padding:58px 0 70px!important;margin:0!important;background:linear-gradient(180deg,#fff 0%,#f6f9fc 100%)!important}
.about-who-section .section-intro{max-width:820px!important;margin:0 auto 34px!important}
.about-who-section .section-heading{font-size:clamp(1.8rem,3vw,2.5rem)!important}
.about-who-section .about-lead{font-size:1rem!important;line-height:1.7!important;max-width:760px!important}
.about-page-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;width:100%!important;margin:0!important}
.about-page-card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(10,31,61,.10)!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(10,31,61,.09),0 2px 8px rgba(10,31,61,.04)!important;transition:transform .35s ease,box-shadow .35s ease!important}
.about-page-card:before{content:""!important;position:absolute!important;inset:0!important;border-radius:24px!important;border:1px solid rgba(216,161,59,.20)!important;pointer-events:none!important;z-index:4!important}
.about-page-card:hover{transform:translateY(-8px)!important;box-shadow:0 28px 58px rgba(10,31,61,.16)!important}
.about-page-card-media{position:relative!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;overflow:hidden!important;background:#e9eef3!important}
.about-page-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .7s ease!important}
.about-page-card:hover .about-page-card-media img{transform:scale(1.045)!important}
.about-page-card-media:after{content:""!important;position:absolute!important;inset:45% 0 0!important;background:linear-gradient(transparent,rgba(4,17,32,.82))!important;z-index:1!important}
.about-page-card-media span{position:absolute!important;left:20px!important;bottom:17px!important;z-index:2!important;color:#fff!important;font-size:.86rem!important;font-weight:900!important;letter-spacing:.03em!important}
.about-page-card-body{padding:22px 24px 24px!important;display:flex!important;flex-direction:column!important;min-height:205px!important}
.about-page-card-body .eyebrow{font-weight:900!important;margin-bottom:5px!important}
.about-page-card-body h3{font-size:clamp(1.25rem,2vw,1.7rem)!important;line-height:1.18!important;margin:4px 0 10px!important}
.about-page-card-body p:not(.eyebrow){font-size:.93rem!important;line-height:1.65!important;color:var(--muted)!important;margin:0 0 12px!important}
.page-card-link{margin-top:auto!important;font-weight:900!important;color:var(--gold-600)!important;font-size:.92rem!important}

/* Product strip: smaller / normal zoom, not oversized */
.special-products-section{padding:64px 0 72px!important}
.product-slider{width:100%!important;overflow:hidden!important;padding:10px 2px 18px!important}
.product-track{gap:16px!important}
.product-card--image{flex:0 0 290px!important;width:290px!important;max-width:290px!important;padding:9px!important;border-radius:17px!important;box-shadow:0 12px 28px rgba(10,31,61,.08)!important}
.product-card--image .product-img{aspect-ratio:16/9!important;border-radius:12px!important}
.product-card--image .product-name{font-size:.94rem!important;padding:10px 4px 2px!important}
.product-card--image .product-hsn{font-size:.70rem!important;padding:0 4px 5px!important}

/* -------------------------
   ABOUT / WHO WE ARE PAGES
   ------------------------- */
.info-page .site-header{position:relative!important;top:auto!important;z-index:50!important}
.info-page main{width:100%!important;overflow:visible!important}
.info-hero{padding:58px 0 48px!important;min-height:0!important}
.info-hero .container{width:100%!important;max-width:1120px!important}
.info-hero h1{font-size:clamp(2rem,4.2vw,3.8rem)!important;line-height:1.08!important;margin:8px 0 15px!important;max-width:950px!important}
.info-hero p{max-width:800px!important;font-size:1rem!important;line-height:1.7!important}
.info-main{padding:54px 0 80px!important}
.info-intro{max-width:850px!important}
.info-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;margin:30px 0 42px!important}
.info-image-card{aspect-ratio:16/9!important;min-height:0!important;height:auto!important;border-radius:22px!important;box-shadow:0 18px 44px rgba(10,31,61,.12)!important}
.info-image-card img{width:100%!important;height:100%!important;object-fit:cover!important}
.info-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
.info-panel{min-width:0!important;border-radius:20px!important;padding:27px!important;box-shadow:0 16px 40px rgba(10,31,61,.075)!important}
.info-panel h2{font-size:1.45rem!important}
.info-panel p{font-size:.94rem!important;line-height:1.75!important}
.info-point{font-size:.86rem!important}

/* Product Details: compact hero, no overlap, less zoom */
.pd-page{width:100%!important;overflow:visible!important}
.pd-header{position:relative!important;top:auto!important;z-index:50!important}
.pd-hero{padding:54px 20px 44px!important;min-height:0!important;margin:0!important}
.pd-hero .eyebrow{margin:0 auto 9px!important;line-height:1.5!important;max-width:100%!important}
.pd-hero h1{font-size:clamp(2rem,4vw,3.5rem)!important;margin:7px 0 12px!important}
.pd-wrap{max-width:1120px!important;margin:30px auto 70px!important;padding:0 20px!important}
.pd-card{padding:24px!important;margin:24px 0 34px!important;border-radius:24px!important}
.pd-grid{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;gap:28px!important;align-items:center!important}
.pd-media{aspect-ratio:16/9!important;max-height:none!important;border-radius:17px!important}
.pd-info h2{font-size:clamp(1.55rem,2.4vw,2.2rem)!important}
.pd-points li{font-size:.80rem!important;line-height:1.48!important}
.pd-actions{margin-top:18px!important}
.pd-btn{font-size:.80rem!important;padding:10px 15px!important}
.pd-btn-dark.whatsapp-btn{background:#25D366!important;border-color:#25D366!important;color:#fff!important}

@media(max-width:900px){
  .about-page-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .about-page-card-body{padding:17px!important;min-height:190px!important}
  .about-page-card-body h3{font-size:1.15rem!important}
  .about-page-card-body p:not(.eyebrow){font-size:.82rem!important;line-height:1.55!important}
  .about-page-card-media span{left:14px!important;bottom:12px!important;font-size:.75rem!important}
  .product-card--image{flex-basis:260px!important;width:260px!important;max-width:260px!important}
  .info-image-grid,.info-content-grid{grid-template-columns:1fr!important}
  .pd-grid{grid-template-columns:1fr!important;gap:22px!important}
  .pd-card{padding:20px!important}
}

@media(max-width:600px){
  /* Keep both requested homepage cards side-by-side */
  .about-who-section{padding:40px 0 50px!important}
  .about-who-section .section-intro{margin-bottom:24px!important}
  .about-who-section .section-heading{font-size:1.65rem!important}
  .about-who-section .about-lead{font-size:.88rem!important}
  .about-page-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .about-page-card{border-radius:16px!important}
  .about-page-card:before{border-radius:16px!important}
  .about-page-card-media{aspect-ratio:4/3!important}
  .about-page-card-body{padding:14px 12px 15px!important;min-height:190px!important}
  .about-page-card-body .eyebrow{font-size:.62rem!important;letter-spacing:.04em!important}
  .about-page-card-body h3{font-size:.95rem!important;line-height:1.2!important;margin:4px 0 8px!important}
  .about-page-card-body p:not(.eyebrow){font-size:.70rem!important;line-height:1.48!important;margin-bottom:8px!important}
  .page-card-link{font-size:.70rem!important}
  .about-page-card-media span{font-size:.62rem!important;left:10px!important;bottom:9px!important}

  .product-card--image{flex-basis:72vw!important;width:72vw!important;max-width:72vw!important}
  .product-card--image .product-name{font-size:.82rem!important}
  .product-card--image .product-hsn{font-size:.62rem!important}

  .info-hero{padding:44px 0 38px!important}
  .info-hero h1{font-size:clamp(1.8rem,8vw,2.45rem)!important}
  .info-hero p{font-size:.88rem!important;line-height:1.65!important}
  .info-main{padding:38px 0 60px!important}
  .info-image-grid{margin:22px 0 30px!important;gap:16px!important}
  .info-image-card{aspect-ratio:16/9!important;border-radius:18px!important}
  .info-content-grid{gap:16px!important}
  .info-panel{padding:19px!important;border-radius:17px!important}
  .info-points{grid-template-columns:1fr!important}

  .pd-hero{padding:44px 16px 36px!important}
  .pd-hero .eyebrow{font-size:.66rem!important}
  .pd-hero h1{font-size:2rem!important}
  .pd-hero p{font-size:.84rem!important;line-height:1.6!important}
  .pd-wrap{padding:0 12px!important;margin:24px auto 55px!important}
  .pd-card{padding:16px!important;margin:20px 0 28px!important;border-radius:18px!important}
  .pd-media{border-radius:14px!important}
  .pd-points li{font-size:.78rem!important}
}



/* =========================================================
   CERTIFICATE SHOWCASE — FINAL, SINGLE CLEAN VERSION
   Continuous auto-slide (pure CSS, no JS) · pauses on hover
   3D lift on hover · pulsing gold glow border · light-sweep
   shine per card · subtle image zoom on hover.

   The HTML holds 6 real certificate cards + an identical
   duplicate set (12 total) so the marquee loops with no
   visible seam. Add a 7th certificate? Add it to BOTH sets
   in index.html, in the same position, and it keeps looping
   seamlessly — no CSS changes needed.
   ========================================================= */
.cert-showcase{position:relative;width:100%;margin:56px 0 0;padding:30px 0 46px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);}
.cert-showcase:before{content:"";position:absolute;left:50%;top:120px;width:720px;height:360px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(200,121,32,.20) 0%,rgba(200,121,32,.08) 32%,transparent 72%);filter:blur(18px);animation:certSlowGlow 6s ease-in-out infinite;pointer-events:none;z-index:0;}
.cert-showcase-head{position:relative;z-index:2;text-align:center;padding:0 18px;}
.cert-showcase-note{margin:8px auto 0;max-width:680px;color:#667085;font-size:.9rem;font-weight:600;}

.cert-window{position:relative;width:100%;margin-top:30px;overflow:hidden;padding:18px 0 26px;perspective:1400px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);}
.cert-track{display:flex;align-items:stretch;gap:26px;width:max-content;padding:0;margin:0;will-change:transform;animation:certSlideLeft 32s linear infinite;}
/* Hover anywhere in the strip pauses the slide so visitors can read a card */
.cert-window:hover .cert-track,
.cert-window:focus-within .cert-track{animation-play-state:paused;}

.cert-card{position:relative;flex:0 0 300px;width:300px;height:318px;padding:12px;box-sizing:border-box;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f5f7fa 100%);border:2px solid rgba(200,121,32,.45);text-align:center;transform:translateY(0) scale(1);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .3s ease;animation:certGlow 3.4s ease-in-out infinite;}
/* 3D lift on hover */
.cert-card:hover{transform:translateY(-14px) scale(1.035);box-shadow:0 30px 60px rgba(10,31,61,.22),0 0 34px rgba(200,121,32,.30);border-color:#c87920;z-index:3;animation-play-state:paused;}
/* Light-sweep shine, staggered per card so they don't all flash together */
.cert-card:after{content:"";position:absolute;top:-40%;left:-60%;width:35%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:rotate(18deg);animation:certShine 5s ease-in-out infinite;pointer-events:none;z-index:4;}
.cert-card:nth-child(2):after{animation-delay:.6s}
.cert-card:nth-child(3):after{animation-delay:1.2s}
.cert-card:nth-child(4):after{animation-delay:1.8s}
.cert-card:nth-child(5):after{animation-delay:2.4s}
.cert-card:nth-child(6):after{animation-delay:3s}
.cert-card:nth-child(7):after{animation-delay:.3s}
.cert-card:nth-child(8):after{animation-delay:.9s}
.cert-card:nth-child(9):after{animation-delay:1.5s}
.cert-card:nth-child(10):after{animation-delay:2.1s}
.cert-card:nth-child(11):after{animation-delay:2.7s}
.cert-card:nth-child(12):after{animation-delay:3.3s}

.cert-image{position:relative;z-index:2;width:100%;height:214px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#edf1f5,#fff);border:1px solid rgba(10,31,61,.1);box-shadow:inset 0 0 24px rgba(10,31,61,.06);}
.cert-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:8px;box-sizing:border-box;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease;}
/* Subtle zoom on the certificate photo itself */
.cert-card:hover .cert-image img{transform:scale(1.08);filter:saturate(1.06) contrast(1.03);}

.cert-badge{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:25px;margin:10px auto 0;padding:0 12px;border-radius:999px;background:#0a1f3d;color:#fff;border:1px solid rgba(200,121,32,.75);font-size:.68rem;font-weight:900;letter-spacing:.08em;box-shadow:0 5px 14px rgba(10,31,61,.18);}
.cert-card h3{position:relative;z-index:3;margin:8px 4px 0;color:#0a1f3d;font-size:1.02rem;line-height:1.15;font-weight:900;}
.cert-card p{position:relative;z-index:3;margin:5px 4px 0;color:#667085;font-size:.72rem;line-height:1.2;font-weight:700;}

@keyframes certSlideLeft{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 13px),0,0)}}
@keyframes certGlow{0%,100%{box-shadow:0 10px 26px rgba(10,31,61,.12),0 0 0 rgba(200,121,32,0)}50%{box-shadow:0 10px 26px rgba(10,31,61,.12),0 0 20px rgba(200,121,32,.38)}}
@keyframes certShine{0%,55%{transform:translateX(0) rotate(18deg);opacity:0}65%{opacity:1}85%,100%{transform:translateX(480%) rotate(18deg);opacity:0}}
@keyframes certSlowGlow{0%,100%{opacity:.45;transform:translateX(-50%) scale(.88)}50%{opacity:1;transform:translateX(-50%) scale(1.12)}}

@media(max-width:1100px){
  .cert-card{flex-basis:270px;width:270px;height:296px;}
  .cert-image{height:196px;}
  .cert-track{gap:20px;animation-duration:26s;}
}
@media(max-width:600px){
  .cert-showcase{margin-top:36px;padding:22px 0 34px;}
  .cert-showcase-note{font-size:.78rem;line-height:1.45;}
  .cert-window{margin-top:20px;padding:12px 0 20px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 4%,#000 96%,transparent 100%);}
  .cert-track{gap:14px;animation-duration:20s;}
  .cert-card{flex-basis:240px;width:240px;height:272px;padding:9px;border-radius:16px;}
  .cert-image{height:172px;border-radius:12px;}
  .cert-card h3{font-size:.9rem;margin-top:6px;}
  .cert-card p{font-size:.66rem;}
  .cert-badge{height:23px;font-size:.62rem;min-width:52px;}
}
@media(prefers-reduced-motion:reduce){
  .cert-track,.cert-showcase:before,.cert-card,.cert-card:after{animation:none!important;}
  .cert-card,.cert-image img{transition:none!important;}
}

/* =========================================================
   HERO — FINAL FIX
   Bug: the round prev/next slider arrows were positioned at
   left:12px / right:12px, vertically centred on the WHOLE
   hero — which put them directly on top of the "Get a Quote"
   button in .hero-cta, silently eating its clicks. Moving the
   arrows to the bottom-right corner of the image keeps them
   working without ever overlapping the text/buttons.
   Also: a bit more visual weight so the CTA buttons and
   category chips read as premium, not flat/plain.
   ========================================================= */
.hero-arrow{top:auto!important;bottom:22px!important;transform:none!important;width:44px!important;height:44px!important;box-shadow:0 10px 26px rgba(10,31,61,.22)!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;}
.hero-arrow--prev{left:auto!important;right:76px!important;}
.hero-arrow--next{right:22px!important;}
.hero-arrow:hover{transform:scale(1.08)!important;box-shadow:0 14px 32px rgba(10,31,61,.3)!important;background:var(--gold-500)!important;color:#fff!important;}

.hero-cta .btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease!important;}
.hero-cta .btn:hover{transform:translateY(-3px)!important;box-shadow:0 16px 30px rgba(10,31,61,.22)!important;}
.hero-cta .btn.btn-gold:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:heroBtnShine 3.6s ease-in-out infinite;}
@keyframes heroBtnShine{0%,60%{left:-60%}100%{left:130%}}
.hero-categories .cat-chip{box-shadow:0 6px 16px rgba(10,31,61,.08);}
.hero-categories .cat-chip:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 22px rgba(10,31,61,.16);}
@media(prefers-reduced-motion:reduce){.hero-cta .btn.btn-gold:before{animation:none!important;}}
@media(max-width:900px){.hero-arrow{display:none!important;}}

/* =========================================================
   V7 FINAL FUNCTIONAL + MOBILE POLISH
   ========================================================= */

/* Enquiry modal must sit above every hero/control layer. */
.enquiry-backdrop{z-index:900!important;}
.enquiry-modal{z-index:901!important;}
body.enquiry-open{overflow:hidden!important;}

/* Hero CTA buttons are always clickable. */
.hero-copy,.hero-cta,.hero-cta .btn{pointer-events:auto!important;position:relative!important;z-index:50!important;}
.hero-visual{z-index:1!important;}
.hero-arrow{z-index:60!important;pointer-events:auto!important;}

/* Product slider: seamless two-set loop + compact 3D cards. */
.product-slider{perspective:1200px!important;overflow:hidden!important;}
.product-track{transform-style:preserve-3d!important;}
.product-card--image{
  transform-style:preserve-3d!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
  will-change:transform!important;
}
.product-card--image:hover{
  transform:translateY(-8px) rotateX(3deg) rotateY(-4deg) scale(1.025)!important;
  box-shadow:0 24px 42px rgba(10,31,61,.18)!important;
}
.product-card--image .product-img{overflow:hidden!important;}
.product-card--image .product-img img{
  transition:transform .5s cubic-bezier(.2,.8,.2,1)!important;
}
.product-card--image:hover .product-img img{transform:scale(1.07)!important;}

/* Smaller certificates, while keeping them readable. */
.cert-card{flex-basis:230px!important;width:230px!important;height:292px!important;}
.cert-image{height:180px!important;}
.cert-card h3{font-size:.94rem!important;}
@media(max-width:900px){
  .cert-card{flex-basis:205px!important;width:205px!important;height:260px!important;}
  .cert-image{height:158px!important;}
}
@media(max-width:600px){
  /* Exactly three product cards fit in the mobile viewport. */
  .product-slider{padding:6px 0 14px!important;}
  .product-track{gap:10px!important;animation-duration:22s!important;}
  .product-card--image{
    flex:0 0 calc((100% - 20px)/3)!important;
    width:calc((100% - 20px)/3)!important;
    max-width:none!important;
    padding:6px!important;
    border-radius:12px!important;
  }
  .product-card--image .product-img{border-radius:8px!important;}
  .product-card--image .product-name{
    font-size:.68rem!important;
    line-height:1.2!important;
    padding:7px 2px 2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .product-card--image .product-hsn{
    font-size:.55rem!important;
    padding:0 2px 3px!important;
  }
  .product-card--image:hover{
    transform:translateY(-4px) rotateX(2deg) rotateY(-2deg) scale(1.015)!important;
  }

  /* Certificates smaller on phones. */
  .cert-card{flex-basis:185px!important;width:185px!important;height:235px!important;padding:7px!important;}
  .cert-image{height:135px!important;border-radius:9px!important;}
  .cert-card h3{font-size:.78rem!important;}
  .cert-card p{font-size:.58rem!important;}
  .cert-badge{height:21px!important;min-width:46px!important;font-size:.56rem!important;margin-top:7px!important;}

  /* Compact floating actions after removing the message button. */
  .floating-actions{right:12px!important;bottom:14px!important;gap:9px!important;}
  .fab-whatsapp{width:50px!important;height:50px!important;}
  .fab-email{width:42px!important;height:42px!important;}
  .fab-top{width:38px!important;height:38px!important;}
}

/* Final CTA text contrast fix */
.hero-cta .btn-outline-navy{
  background:rgba(255,255,255,.94)!important;
  color:#0A1F3D!important;
  border-color:#0A1F3D!important;
  font-weight:900!important;
  text-shadow:none!important;
}
.hero-cta .btn-outline-navy:hover{
  background:#0A1F3D!important;
  color:#fff!important;
}
.products-more .btn{
  font-weight:900!important;
  background:#fff!important;
  color:#0A1F3D!important;
  text-shadow:none!important;
}


/* =========================================================
   V9 — FINAL MOBILE MENU / HERO / PRODUCT-SIZE OVERRIDES
   ========================================================= */
.mobile-nav-title{font-family:var(--font-head);font-size:1.25rem;font-weight:900;color:var(--navy-900);margin-bottom:12px;}
.mobile-nav-categories{margin:4px 0 22px;padding:14px 0 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.mobile-nav-category-title{font-size:.74rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;color:var(--gold-600);margin-bottom:10px;}
.mobile-nav-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.mobile-nav-category-grid a{border:1px solid var(--border)!important;border-radius:10px!important;background:#f7f9fc!important;padding:9px 8px!important;font-size:.76rem!important;font-weight:800!important;text-align:center;color:var(--navy-900)!important;}
.mobile-nav-category-grid a:hover,.mobile-nav-category-grid a:active{background:var(--navy-900)!important;color:#fff!important;border-color:var(--navy-900)!important;}
.mobile-nav-backdrop.is-open{display:block!important;pointer-events:auto!important;}
.mobile-nav{pointer-events:auto!important;}
.hamburger{position:relative!important;z-index:1006!important;display:none;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
.header-actions{position:relative!important;z-index:1005!important;}
.hero-inner{position:relative!important;}
.hero-visual-img{transition:opacity .22s ease,transform .45s ease!important;will-change:opacity,transform!important;}
.hero-visual-img.is-sliding{opacity:.05!important;transform:scale(1.015)!important;}

/* Three products visible on phones/tablets instead of oversized 72vw cards. */
@media(max-width:900px){
  .main-nav{display:none!important;}
  .header-actions .btn{display:none!important;}
  .hamburger{display:flex!important;}
  .mobile-nav{width:min(340px,88vw)!important;max-width:340px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;}
  .product-slider{width:100%!important;overflow:hidden!important;padding:8px 0 16px!important;}
  .product-track{gap:10px!important;animation-duration:24s!important;width:max-content!important;}
  .product-card--image{flex:0 0 calc((100vw - 60px)/3)!important;width:calc((100vw - 60px)/3)!important;max-width:none!important;min-width:0!important;padding:6px!important;border-radius:12px!important;}
  .product-card--image .product-img{aspect-ratio:16/9!important;border-radius:8px!important;}
  .product-card--image .product-name{font-size:clamp(.62rem,2vw,.76rem)!important;line-height:1.2!important;padding:7px 2px 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .product-card--image .product-hsn{font-size:clamp(.50rem,1.65vw,.62rem)!important;padding:0 2px 3px!important;}
}
@media(max-width:600px){
  .container{padding-left:16px!important;padding-right:16px!important;}
  .mobile-nav{padding:78px 18px 24px!important;}
  .mobile-nav-main a{font-size:.96rem!important;padding:10px 4px!important;}
  .product-card--image{flex-basis:calc((100vw - 52px)/3)!important;width:calc((100vw - 52px)/3)!important;}
  .product-track{gap:10px!important;}
}
@media(prefers-reduced-motion:reduce){
  .hero-visual-img{transition:none!important;}
}

/* FINAL MENU FIX — single JS controller toggles .is-open */
.mobile-nav[hidden], .mobile-nav-backdrop[hidden]{display:none!important;}
.mobile-nav{z-index:9998!important;pointer-events:auto!important;}
.mobile-nav.is-open{display:block!important;visibility:visible!important;opacity:1!important;transform:translateX(0)!important;}
.mobile-nav-backdrop.is-open{display:block!important;visibility:visible!important;opacity:1!important;z-index:9997!important;}
.hamburger{z-index:10000!important;}

/* V5 menu alignment + premium global presence */
@media(max-width:900px){
  .site-header .header-inner{padding-left:20px;padding-right:20px;gap:10px;}
  .header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;}
  .header-actions .btn-sm{padding:9px 14px;}
  .hamburger{margin:0!important;flex:0 0 44px!important;}
}
.mobile-nav{right:0!important;left:auto!important;width:min(340px,88vw)!important;top:0!important;bottom:0!important;margin:0!important;border-radius:22px 0 0 22px!important;padding:92px 24px 26px!important;overflow-y:auto!important;}
.mobile-nav .mobile-nav-title{font-family:var(--font-head);font-size:1.35rem;font-weight:800;color:var(--navy-900);margin-bottom:14px;}
.mobile-nav ul{margin-bottom:20px!important;gap:2px!important;}
.mobile-nav a{padding:11px 8px!important;border-bottom:1px solid var(--border);}
.mobile-nav a.active{color:var(--gold-600)!important;background:var(--gold-100);border-radius:8px;}
@media(max-width:600px){.mobile-nav{width:min(310px,90vw)!important;padding:86px 20px 22px!important;}}
.country-track-v5{gap:16px!important;animation-duration:30s!important;padding:12px 4px 18px!important;}
.country-card-v5{position:relative!important;flex:0 0 198px!important;height:92px!important;justify-content:flex-start!important;padding:14px 18px!important;gap:13px!important;background:linear-gradient(145deg,#ffffff,#f4f8fd)!important;border:1px solid rgba(23,60,102,.12)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(10,31,61,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:transform .25s ease,box-shadow .25s ease!important;}
.country-card-v5:hover{transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(10,31,61,.16)!important;}
.country-card-v5:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--gold-500),transparent);opacity:.7;}
.flag-v5{width:52px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;border:1px solid rgba(216,161,59,.25)!important;box-shadow:0 6px 16px rgba(10,31,61,.10)!important;font-size:2.05rem!important;transform:none!important;flex:0 0 52px!important;}
.country-card-v5 b{font-family:var(--font-head)!important;font-size:.95rem!important;line-height:1.25!important;color:var(--navy-900)!important;}
@media(max-width:900px){.country-card-v5{flex-basis:175px!important;width:175px!important;height:84px!important;padding:11px 14px!important}.flag-v5{width:46px!important;height:46px!important;font-size:1.8rem!important;flex-basis:46px!important}}
@media(max-width:600px){.country-card-v5{flex-basis:160px!important;width:160px!important;height:78px!important}.flag-v5{width:42px!important;height:42px!important;font-size:1.65rem!important;flex-basis:42px!important}.country-card-v5 b{font-size:.82rem!important}}

/* V6 FINAL USER REQUEST FIXES */
/* Remove misplaced mobile contact details from any legacy markup */
.mobile-nav-contact{display:none!important;}
/* Menu drawer: full, stable side panel on every page */
@media(max-width:1100px){
  .mobile-nav{left:auto!important;right:0!important;top:0!important;bottom:0!important;width:min(380px,92vw)!important;max-width:92vw!important;height:100dvh!important;box-sizing:border-box!important;transform:translateX(100%)!important;visibility:hidden!important;opacity:0!important;display:block!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:92px 24px 28px!important;border-radius:22px 0 0 22px!important;}
  .mobile-nav.is-open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;display:block!important;}
}
/* Product cards: slightly larger than V5 while keeping 3 visible on phones */
@media(max-width:600px){
  .product-track{gap:8px!important;}
  .product-card--image{flex:0 0 calc((100vw - 40px)/3)!important;width:calc((100vw - 40px)/3)!important;max-width:none!important;padding:7px!important;}
  .product-card--image .product-img{aspect-ratio:4/3!important;}
  .product-card--image .product-name{font-size:clamp(.68rem,2.2vw,.82rem)!important;font-weight:900!important;}
  .product-card--image .product-hsn{font-size:clamp(.58rem,1.9vw,.68rem)!important;font-weight:800!important;color:#1f8a4c!important;}
}
@media(min-width:601px){
  .product-card--image .product-hsn{color:#1f8a4c!important;font-weight:800!important;}
}
/* Prevent header CTA from reappearing via legacy CSS */
.header-actions .btn-sm{display:none!important;}

/* =========================================================
   WHO WE ARE — PREMIUM VISUAL REFRESH
   (scroll-reveal utility + animated photo effects)
   ========================================================= */
.reveal{opacity:0;transform:translateY(26px);animation:wwaRevealIn .8s cubic-bezier(.2,.7,.2,1) forwards}
.reveal.delay1{animation-delay:.12s}
.reveal.delay2{animation-delay:.24s}
.reveal.delay3{animation-delay:.36s}
@keyframes wwaRevealIn{to{opacity:1;transform:none}}

/* Hero: soft floating glow orbs for depth */
.info-hero{overflow:hidden!important}
.info-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;bottom:-110px;background:rgba(216,161,59,.18);filter:blur(6px);pointer-events:none;animation:wwaOrbFloat 9s ease-in-out infinite}
.info-hero .eyebrow{display:inline-block;animation:wwaFadeDown .7s ease both}
.info-hero h1{animation:wwaFadeDown .8s ease .08s both}
.info-hero p{animation:wwaFadeDown .8s ease .16s both}
@keyframes wwaOrbFloat{50%{transform:translateY(-20px) translateX(10px)}}
@keyframes wwaFadeDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* Photo cards: idle Ken-Burns zoom + shine sweep + gold ring on hover */
.info-image-card{isolation:isolate}
.info-image-card img{animation:wwaKenBurns 13s ease-in-out infinite alternate}
.info-image-card:hover img{animation-play-state:paused;transform:scale(1.13)!important}
@keyframes wwaKenBurns{0%{transform:scale(1)}100%{transform:scale(1.09)}}
.info-image-card{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease!important}
.info-image-card:hover{border-color:rgba(216,161,59,.55)!important}
.info-image-card .wwa-shine{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}
.info-image-card .wwa-shine:before{content:"";position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);transition:left .95s ease}
.info-image-card:hover .wwa-shine:before{left:135%}
.info-image-card .wwa-badge{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(6,20,40,.42);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:1.1rem;animation:wwaBadgeFloat 4s ease-in-out infinite}
@keyframes wwaBadgeFloat{50%{transform:translateY(-6px)}}

/* Panels: subtle lift + accent bar grows on hover */
.info-panel{transition:transform .4s ease,box-shadow .4s ease!important}
.info-panel:hover{transform:translateY(-7px);box-shadow:0 26px 60px rgba(10,31,61,.15)!important}
.info-panel:before{transition:width .5s ease!important}
.info-panel:hover:before{width:100%!important}

/* Info points: circular check badge + hover pop */
.info-point{position:relative;padding-left:46px!important;transition:transform .3s ease,box-shadow .3s ease!important}
.info-point:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold-500),var(--gold-600));color:#fff;font-size:.72rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0!important}
.info-point:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(10,31,61,.10)}

@media(prefers-reduced-motion:reduce){
  .reveal,.info-hero .eyebrow,.info-hero h1,.info-hero p,.info-hero:after,.info-image-card img,.info-image-card .wwa-badge{animation:none!important;opacity:1!important;transform:none!important}
}