/* Ankush Pack India — 70/20/10 Navy & Gold Theme
   70% white/ivory surfaces, 20% navy structure, 10% gold accents. */
:root{
  --api-navy:#0F2744;
  --api-navy-2:#16375C;
  --api-navy-deep:#091A2E;
  --api-gold:#C89B3C;
  --api-gold-dark:#A87924;
  --api-gold-soft:#F5EBD3;
  --api-ivory:#F8F8F6;
  --api-white:#FFFFFF;
  --api-ink:#222222;
  --api-muted:#5F6670;
  --api-border:#E7E5DF;
  --api-shadow:0 14px 36px rgba(15,39,68,.10);
  --brand-navy:var(--api-navy)!important;
  --brand-navy-2:var(--api-navy-2)!important;
  --brand-teal:var(--api-gold)!important;
  --brand-teal-dark:var(--api-gold-dark)!important;
  --brand-gold:var(--api-gold)!important;
  --brand-bg:var(--api-ivory)!important;
  --brand-ink:var(--api-ink)!important;
  --brand-muted:var(--api-muted)!important;
  --brand-line:var(--api-border)!important;
  --navy:var(--api-navy)!important;
  --navy2:var(--api-navy-2)!important;
  --teal:var(--api-gold)!important;
  --teal2:var(--api-gold-dark)!important;
  --orange:var(--api-gold)!important;
  --light:var(--api-ivory)!important;
  --line:var(--api-border)!important;
  --ink:var(--api-ink)!important;
  --muted:var(--api-muted)!important;
}
html{scroll-behavior:smooth}
body{background:var(--api-white)!important;color:var(--api-ink)!important}
/* Navy structural areas: approximately 20% */
.site-header,body>nav,nav.site-nav{background:var(--api-navy)!important;color:#fff!important}
.site-header .main-nav,.site-header .main-nav.open{background:var(--api-navy)!important}
.site-header a,body>nav a,body>nav h1{color:#fff!important}
.site-header .main-nav a:not(.nav-cta)::after{background:var(--api-gold)!important}
.site-header .main-nav a[aria-current="page"],body>nav a:hover{color:var(--api-gold)!important}
footer,.site-footer{background:var(--api-navy-deep)!important;color:#fff!important}
.process,.process-section,.statistics-section{background:linear-gradient(135deg,var(--api-navy),var(--api-navy-2))!important;color:#fff!important}
/* Ivory/white canvas: approximately 70% */
.light,.product-section:nth-of-type(even),.why-section,.industries-section,.enquiry,.faq,.location,.benefits,.features{background:var(--api-ivory)!important}
.service-card,.card,.feature,.quote-card,.form-card,.contact-panel,.reason,.industry,.benefit,.quick-grid,.mini-product,.process-flow>div,.location-card,.faq-item,.panel,.spec-card{background:var(--api-white)!important;border-color:var(--api-border)!important;box-shadow:var(--api-shadow)!important}
/* Gold accents: approximately 10% */
.eyebrow,.section-heading>span,.text-link,.breadcrumb a,.title,.card h3,.feature h3,.footer-links a:hover,.contact-line a:hover{color:var(--api-gold-dark)!important}
.eyebrow::before,.section-heading>span::before,.main-nav a:not(.nav-cta)::after{background:var(--api-gold)!important}
.nav-cta,.btn-primary,.primary-btn,.quote-btn,.btn:not(.btn-outline):not(.btn-secondary),button[type="submit"]{
  background:var(--api-gold)!important;
  border-color:var(--api-gold)!important;
  color:var(--api-navy-deep)!important;
  box-shadow:0 10px 24px rgba(200,155,60,.24)!important;
}
.nav-cta:hover,.btn-primary:hover,.primary-btn:hover,.quote-btn:hover,.btn:not(.btn-outline):not(.btn-secondary):hover,button[type="submit"]:hover{
  background:var(--api-gold-dark)!important;
  border-color:var(--api-gold-dark)!important;
  color:#fff!important;
}
.btn-outline,.secondary-btn,.btn-secondary{border-color:var(--api-gold)!important;color:var(--api-gold)!important;background:transparent!important}
.btn-outline:hover,.secondary-btn:hover,.btn-secondary:hover{background:var(--api-gold)!important;color:var(--api-navy-deep)!important}
.badges span,.industry-chips span,.chip,.tag{background:var(--api-gold-soft)!important;color:#6F5019!important;border-color:#E3CA94!important}
.quick-icon,.direct-icon,.help-list li::before,.process-flow span{background:var(--api-gold-soft)!important;color:var(--api-gold-dark)!important}
input:focus,select:focus,textarea:focus{border-color:var(--api-gold)!important;box-shadow:0 0 0 3px rgba(200,155,60,.16)!important}
/* Hero treatments: navy base, no teal cast */
.products-hero,.hero,.detail-hero{background-color:var(--api-navy)!important}
.products-hero{background-image:linear-gradient(110deg,rgba(9,26,46,.97),rgba(15,39,68,.91) 62%,rgba(22,55,92,.78)),url('assets/products/productpage_1.webp')!important}
.products-hero::after{background:radial-gradient(circle,rgba(200,155,60,.25),transparent 68%)!important}
.hero h1 span,.stat-number,.statistics-section .stat-number{color:var(--api-gold)!important}
.bottom-cta,.cta{background:linear-gradient(120deg,var(--api-navy),var(--api-navy-2))!important;color:#fff!important;box-shadow:0 20px 50px rgba(15,39,68,.20)!important}
.bottom-cta .primary-btn,.cta .btn-primary{background:var(--api-gold)!important;color:var(--api-navy-deep)!important}
/* Legacy homepage */
body>nav .logo-wrap h1{color:#fff!important}
body>header{background-image:linear-gradient(rgba(9,26,46,.72),rgba(15,39,68,.72)),url('image(13).webp')!important}
body>nav .btn,.hero>.btn{background:var(--api-gold)!important;color:var(--api-navy-deep)!important}
.title{color:var(--api-navy)!important}.card h3{color:var(--api-navy)!important}
/* Natural, restrained hover behavior */
.service-card:hover,.card:hover,.feature:hover,.mini-product:hover{box-shadow:0 20px 44px rgba(15,39,68,.15)!important}
/* Utility green remains only for WhatsApp recognition */
.floating-wa,.floating-whatsapp{background:#25D366!important;color:#fff!important}
@media(max-width:760px){
  body>nav{background:var(--api-navy)!important}
  .main-nav.open{border-top:1px solid rgba(255,255,255,.13)!important}
}

/* Performance and mobile safeguards */
img{max-width:100%;height:auto}iframe{max-width:100%}html{scroll-behavior:smooth}body{overflow-x:hidden;-webkit-text-size-adjust:100%}section{content-visibility:auto;contain-intrinsic-size:1px 700px}@media(max-width:768px){button,a,input,select,textarea{touch-action:manipulation}.container{width:min(100% - 32px,1200px)}h1{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
