/*
Theme Name: Orenn Pure
Theme URI: https://orennpure.com
Author: Orenn Pure
Author URI: https://orennpure.com
Description: Custom WordPress theme converted from the Orenn Pure static HTML design (mineral water & beverages brand site).
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orenn-pure
*/


:root{
  --navy:#0C2461;--navy2:#071440;--blue:#1565C0;--sky:#1976D2;
  --cyan:#00B4D8;--green:#388E3C;--white:#fff;
  --off:#F5F9FF;--pale:#E3F0FF;--border:#D0E4F7;
  --text:#0D1B3E;--muted:#5A73A0;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Montserrat',sans-serif;color:var(--text);background:#fff;overflow-x:hidden;line-height:1.4 !important;}
p{line-height:1.4 !important;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-thumb{background:var(--sky);border-radius:10px;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:'Montserrat',sans-serif;cursor:pointer;}

/* ── TOPBAR ── */
.topbar{background:var(--navy2);color:rgba(255,255,255,0.7);font-size:12px;font-weight:500;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;letter-spacing:0.3px;}
.topbar a{color:var(--cyan);transition:color .2s;}
.topbar a:hover{color:#fff;}
.tb-right{display:flex;gap:24px;}

/* ── NAV ── */
nav{
  position:sticky;top:0;z-index:1000;
  background:#fff;border-bottom:3px solid var(--navy);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:76px;transition:box-shadow .3s;
}
nav.scrolled{box-shadow:0 6px 30px rgba(12,36,97,0.13);}
.nav-logo img{height:62px;object-fit:contain;}
.nav-menu{display:flex;gap:0;list-style:none;}
.nav-menu li a{
  display:block;padding:0 13px;height:76px;line-height:76px;
  font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;
  color:var(--navy);transition:all .2s;border-bottom:3px solid transparent;margin-bottom:-3px;
}
.nav-menu li a:hover,.nav-menu li a.active{color:var(--sky);border-bottom-color:var(--sky);}
.nav-right{display:flex;align-items:center;gap:10px;}
.btn-enquire:hover{background:var(--sky);}


/* ── MARQUEE ── */
.marquee-bar{display:none!important;}
.marquee-track{display:flex;white-space:nowrap;animation:marquee 24s linear infinite;}
.mitem{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,0.7);border-right:1px solid rgba(255,255,255,0.1);}
.mdot{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0;}

/* ── FOOTER ── */
footer{background:var(--navy2);color:rgba(255,255,255,0.65);padding:64px 5% 28px;}
.footer-inner{max-width:1280px;margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.08);margin-bottom:24px;}
.footer-logo img{height:68px;object-fit:contain;margin-bottom:14px;display:block;}
.footer-about{font-size:13px;line-height:1.75;color:rgba(255,255,255,0.45);margin-bottom:18px;}
.footer-cinfo{font-size:13px;color:rgba(255,255,255,0.5);line-height:2;margin-bottom:18px;}
.footer-cinfo strong{color:#fff;}
.footer-social{display:flex;gap:8px;}
.fsoc:hover{background:var(--sky);color:#fff;border-color:var(--sky);}
.footer-col-title{font-size:11px;font-weight:800;color:#fff;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-links a{font-size:13px;color:rgba(255,255,255,0.45);transition:color .2s;}
.footer-links a:hover{color:var(--cyan);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.3);}
.footer-fssai{font-size:11px;color:rgba(255,255,255,0.25);}

/* ── WA FLOAT ── */
.wa-widget{position:fixed;bottom:80px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
.wa-tooltip{background:#fff;border-radius:12px 12px 0 12px;padding:12px 16px;box-shadow:0 8px 32px rgba(0,0,0,0.18);font-size:13px;font-weight:600;color:#111;max-width:200px;line-height:1.5;display:none;border:1px solid #e0e0e0;}
.wa-tooltip span{display:block;font-size:11px;color:#888;font-weight:400;margin-top:3px;}
.wa-btn{width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,0.5);cursor:pointer;transition:all .3s;position:relative;text-decoration:none;}
.wa-btn:hover{transform:scale(1.08);}
.wa-btn:hover~.wa-tooltip,.wa-widget:hover .wa-tooltip{display:block;}
.wa-pulse{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,0.5);animation:waPulse 2s ease-in-out infinite;}
@keyframes waPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.18);opacity:0;}}

/* ── PAGE HEADER ── */
.page-header{background:linear-gradient(130deg,var(--navy2) 0%,var(--navy) 55%,var(--blue) 100%);padding:60px 5% 64px;position:relative;overflow:hidden;}
.page-header::after{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:rgba(0,180,216,0.08);}
.ph-inner{max-width:1280px;margin:0 auto;position:relative;z-index:2;}
.ph-breadcrumb{font-size:12px;font-weight:800;color:rgba(255,255,255,0.5);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}
.ph-breadcrumb a{color:var(--cyan);transition:color .2s;}
.ph-breadcrumb a:hover{color:#fff;}
.ph-h1{font-size:clamp(32px,5vw,60px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;}
.ph-h1 span{color:var(--cyan);}


/* ── SECTION BASE ── */
section{padding:64px 5%;}
.sec-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--sky);margin-bottom:10px;}
.sec-h{font-size:clamp(26px,3.5vw,44px);font-weight:800;color:var(--navy);line-height:1.12;text-transform:uppercase;letter-spacing:-0.5px;}
.sec-h span{color:var(--sky);}

.max-w{max-width:1280px;margin:0 auto;}
.center{text-align:center;}
.center .sec-sub{margin:0 auto;}

/* ── STATS COUNTER BAR ── */
.stats-bar{background:var(--navy2);padding:48px 5%;}
.stats-bar-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-around;gap:32px;}
.sb-item{text-align:center;}
.sb-num span{color:var(--cyan);}
.sb-label{font-size:11px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.8px;font-weight:700;margin-top:6px;}

/* ── QUALITY STRIP ── */
.qs-box{display:flex;align-items:center;justify-content:space-around;border:1.5px solid #E0E0E0;border-radius:16px;padding:36px 24px;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.06);}
.qs-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:16px;padding:0 12px;}
.qs-icon{width:68px;height:68px;display:flex;align-items:center;justify-content:center;}
.qs-icon svg{width:68px;height:68px;}
.qs-label{font-size:12px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.8px;line-height:1.5;}
.qs-divider{width:1px;min-height:100px;background:#E0E0E0;flex-shrink:0;margin:0 4px;}

/* ── CONTACT FORM ── */
.contact-form{background:#fff;border-radius:12px;padding:36px;border:1.5px solid var(--border);}
.form-title{font-size:18px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:24px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-group label{font-size:11px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px;}
.form-group input,.form-group select,.form-group textarea{padding:11px 14px;border:1.5px solid var(--border);border-radius:6px;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--text);transition:border-color .2s;outline:none;background:#fff;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--sky);}
.form-group textarea{resize:vertical;min-height:100px;}
.btn-submit{width:100%;padding:14px;background:var(--navy);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;transition:all .25s;cursor:pointer;}
.btn-submit:hover{background:var(--sky);}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes bounceIn{from{opacity:0;transform:scale(0.4);}80%{transform:scale(1.1);}to{opacity:1;transform:scale(1);}}


/* iOS zoom fix: min 16px for inputs */
.form-group input,.form-group select,.form-group textarea{font-size:max(13px,16px);}

.fsoc{width:36px;height:36px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.1);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,0.6);transition:all .2s;text-decoration:none;min-width:36px;min-height:36px;}
/* Focus accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sky);outline-offset:2px;
}
/* Fix overflow */
.page-header,.marquee-bar{overflow:hidden;}
img{max-width:100%;height:auto;}


/* ══════════════════════════════════════
   MOBILE NAV — complete rewrite
   Works on all breakpoints ≤960px
   ══════════════════════════════════════ */

/* Hamburger: hidden on desktop, shown on tablet/mobile */
.hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
  border: none;
  background: none;
  min-width: 44px;
  min-height: 44px;
  z-index: 1001;
  position: relative;
}
.hamburger span {
  display: block;
  width: 26px;
  height: 2.5px;
  background: var(--navy);
  border-radius: 2px;
  transition: all 0.35s cubic-bezier(0.22,1,0.36,1);
  transform-origin: center;
}
/* Animate hamburger to X when open */
.hamburger.is-open span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
.hamburger.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.is-open span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }



/* Full-screen mobile menu overlay */
.mobile-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--navy2);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  /* slide-in from right */
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.22,1,0.36,1),
              opacity  0.4s cubic-bezier(0.22,1,0.36,1);
  opacity: 0;
  overflow-y: auto;
  padding: 80px 0 40px;
}
.mobile-menu.open {
  display: flex;
  transform: translateX(0);
  opacity: 1;
  animation: mmSlideIn 0.4s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes mmSlideIn {
  from { transform: translateX(100%); opacity: 0; }
  to   { transform: translateX(0);   opacity: 1; }
}

/* Nav links */
.mobile-menu a {
  width: 100%;
  text-align: center;
  padding: 18px 24px;
  font-size: 16px;
  font-weight: 800;
  color: rgba(255,255,255,0.75);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,0.07);
  transition: color 0.2s, background 0.2s;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu a:first-of-type { border-top: 1px solid rgba(255,255,255,0.07); }
.mobile-menu a:hover,
.mobile-menu a.active {
  color: var(--cyan);
  background: rgba(0,180,216,0.08);
}

/* Enquire button at bottom */
.mobile-menu .mm-enquire {
  margin-top: 32px;
  padding: 14px 40px;
  background: var(--sky);
  color: #fff !important;
  border-radius: 6px;
  border-bottom: none !important;
  border-top: none !important;
  font-size: 14px !important;
  letter-spacing: 1px;
  width: auto !important;
  min-width: 200px;
}
.mobile-menu .mm-enquire:hover {
  background: var(--cyan) !important;
  color: #fff !important;
}

/* Close button */
.mobile-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  z-index: 10001;
  line-height: 1;
}
.mobile-close:hover { background: rgba(255,255,255,0.16); }

/* Logo inside mobile menu */
.mm-logo {
  margin-bottom: 16px;
  opacity: 0.6;
  font-size: 13px;
  font-weight: 800;
  color: rgba(255,255,255,0.4);
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ── HERO BANNER ── */
.hero{
  width:100%;min-height:620px;
  background:linear-gradient(120deg,#041235 0%,#0A2461 38%,#1155AA 68%,#0288D1 100%);
  display:flex;align-items:stretch;position:relative;overflow:hidden;
}
.hero-ripples{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.rring{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,0.055);}
.rr1{width:320px;height:320px;right:20%;top:50%;transform:translate(50%,-50%);}
.rr2{width:520px;height:520px;right:20%;top:50%;transform:translate(50%,-50%);}
.rr3{width:720px;height:720px;right:20%;top:50%;transform:translate(50%,-50%);}
.rr4{width:920px;height:920px;right:20%;top:50%;transform:translate(50%,-50%);}
.hero-left{
  position:relative;z-index:3;flex:0 0 50%;max-width:50%;
  display:flex;flex-direction:column;justify-content:center;
  padding:60px 4% 60px 5%;
}
.hero-kicker{font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:20px;animation:fadeUp .6s ease both;}
.hero-h1{
  font-size:clamp(40px,4.8vw,68px);font-weight:900;color:#fff;
  text-transform:uppercase;letter-spacing:-1px;line-height:1.0;
  margin-bottom:20px;animation:fadeUp .7s ease .1s both;
}
.hero-h1 .hl-block{
  display:block;background:linear-gradient(135deg,#00B4D8,#0077B6);
  padding:4px 18px 4px 0;border-radius:4px;margin:6px 0;
}
.hero-h1 .hl-cyan{color:#00E5FF;}
.hero-desc{font-size:15px;color:rgba(255,255,255,0.68);line-height:1.75;max-width:460px;margin-bottom:32px;font-weight:300;animation:fadeUp .7s ease .2s both;}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;animation:fadeUp .7s ease .25s both;}
.hbadge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:3px;padding:5px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,0.75);letter-spacing:0.5px;}
.hbadge-dot{width:5px;height:5px;background:#69F0AE;border-radius:50%;flex-shrink:0;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s ease .3s both;}
.btn-main{padding:14px 32px;background:linear-gradient(135deg,#00B4D8,#0288D1);color:#fff;border:none;border-radius:4px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all .25s;box-shadow:0 8px 24px rgba(0,180,216,0.4);}
.btn-main:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,180,216,0.55);}
.btn-out{padding:14px 28px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.35);border-radius:4px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .25s;}
.btn-out:hover{background:rgba(255,255,255,0.1);border-color:#fff;}
.hero-right{
  position:relative;z-index:3;flex:0 0 50%;max-width:50%;
  display:flex;align-items:flex-end;justify-content:center;overflow:hidden;
}
.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,0.2) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowP 4s ease-in-out infinite;}
@keyframes glowP{0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);}}
.hbot{position:absolute;}
@keyframes floatY{0%,100%{transform:translateY(0) translateX(var(--tx,0));}50%{transform:translateY(-18px) translateX(var(--tx,0));}}
.hero-wave{position:absolute;bottom:0;left:0;right:0;z-index:5;line-height:0;}
.hero-wave svg{display:block;width:100%;}
/* stats bar */
.hero-stats-bar{background:var(--navy2);padding:16px 5%;}
.hsb-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:16px;}
.hsb-item{display:flex;align-items:center;gap:10px;padding:0 20px;border-right:1px solid rgba(255,255,255,0.1);flex:1;justify-content:center;}
.hsb-item:last-child{border-right:none;}
.hsb-num{font-size:22px;font-weight:900;color:#fff;}
.hsb-num span{color:#00B4D8;}
.hsb-label{font-size:10px;color:rgba(255,255,255,0.5);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
/* about teaser */
.about-teaser{background:var(--off);}
.at-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;}
.at-img{border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(12,36,97,0.16);}
.at-img img{width:100%;display:block;}
.at-tag{display:inline-block;background:var(--pale);color:var(--sky);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:2px;margin-bottom:12px;}
.at-h{font-size:clamp(28px,3.5vw,46px);font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:-0.5px;line-height:1.1;margin-bottom:16px;}
.at-h span{color:var(--sky);}
.at-p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:18px;}
.at-vals{display:flex;flex-direction:column;gap:12px;margin-top:24px;}
.av{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid var(--border);border-left:4px solid var(--sky);transition:all .25s;}
.av:hover{box-shadow:0 6px 20px rgba(21,101,192,0.1);transform:translateX(4px);}
.av-icon{font-size:20px;flex-shrink:0;}
.av-title{font-size:13px;font-weight:800;color:var(--navy);}
.av-desc{font-size:12px;color:var(--muted);}
/* product preview */
.prod-preview{background:#fff;}
.pp-inner{max-width:1280px;margin:0 auto;}
.pp-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;}
.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.pp-card{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;transition:all .3s;cursor:pointer;}
.pp-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(12,36,97,0.13);border-color:var(--sky);}
.pp-imgw{background:var(--off);padding:28px 16px;display:flex;align-items:center;justify-content:center;min-height:190px;position:relative;}
.pp-badge{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase;background:var(--navy);color:#fff;}
.pp-body{padding:16px 18px 20px;}
.pp-name{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.pp-vol{font-size:12px;font-weight:400;letter-spacing:0.5px;margin-bottom:12px;}
.pp-footer{display:flex;align-items:center;justify-content:space-between;}
.pp-price{font-size:20px;font-weight:800;color:var(--navy);}
.pp-price small{font-size:11px;font-weight:400;color:var(--muted);}
.pp-btn{padding:8px 16px;background:var(--navy);color:#fff;border:none;border-radius:3px;font-size:12px;font-weight:700;text-transform:uppercase;transition:all .2s;cursor:pointer;}
.pp-btn:hover{background:var(--sky);}
.view-all-btn {
    padding: 10px 24px;
    border: 1.5px solid #00b4d8;
    border-radius: 4px;
    color: #f6f6f6;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(135deg, #00B4D8, #0288D1);
    font-family: 'Montserrat', sans-serif;
    transition: all .2s;
}

/* certs */
/* certs redesigned */
.fsoc img {
  width: 16px;
  height: 16px;
  display: block;
}




/* why 3 */
.why3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.why3-card{padding:32px 26px;border-radius:12px;border:1.5px solid var(--border);background:#fff;transition:all .3s;position:relative;overflow:hidden;}
.why3-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.why3-card:hover::before{transform:scaleX(1);}
.why3-card:hover{box-shadow:0 16px 44px rgba(12,36,97,0.12);transform:translateY(-5px);border-color:var(--sky);}
.why3-feat{background:linear-gradient(160deg,var(--navy2),var(--navy));border-color:var(--sky);}
.why3-feat::before{transform:scaleX(1);background:linear-gradient(90deg,var(--cyan),#69F0AE);}
.why3-feat .why3-num,.why3-feat .why3-title{color:#fff;}
.why3-feat .why3-desc{color:rgba(255,255,255,0.6);}
.why3-feat .why3-icon{background:rgba(255,255,255,0.1);}
.why3-num{font-size:48px;font-weight:900;color:rgb(12 36 97 / 26%);line-height:1;margin-bottom:14px;}
.why3-icon{width:50px;height:50px;border-radius:12px;background:var(--pale);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;}
.why3-title{font-size:16px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px;}
.why3-desc{font-size:14px;color:var(--muted);line-height:1.75;}
/* delivery regions */
.regions-sec{background:var(--off);}
.regions-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:center;}
.regions-states{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px;}
.rstate{background:var(--navy);color:#fff;font-size:13px;font-weight:700;padding:12px 28px;border-radius:4px;letter-spacing:0.5px;transition:all .2s;}
.rstate:hover{background:var(--sky);}
.regions-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rstat{background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:28px 24px;text-align:center;transition:all .3s;}
.rstat:hover{border-color:var(--sky);box-shadow:0 10px 28px rgba(21,101,192,0.1);transform:translateY(-3px);}
.rstat-num{font-size:40px;font-weight:900;color:var(--navy);font-family:'Playfair Display',serif;line-height:1;}
.rstat-num span{color:var(--sky);font-size:28px;}
.rstat-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:0.8px;margin-top:8px;}





/* ── HERO BOTTLES: MOBILE OVERFLOW FIX ──
   On small screens, size bottles by HEIGHT (not width) so they
   always fit fully inside .hero-bottles and never spill into
   the section above/below. */
@media(max-width:960px){
  .hero-right   { height:260px !important; overflow:hidden !important; }
  .hero-bottles { height:260px !important; overflow:hidden !important; }
  .hbot         { width:auto !important; max-width:none !important; }
  .hbot svg     { height:100% !important; width:auto !important; max-width:none !important; display:block; }
  .hbot-main    { height:210px !important; bottom:14px !important; }
  .hbot-l       { height:155px !important; bottom:26px !important; left:10% !important; }
  .hbot-r       { height:155px !important; bottom:30px !important; right:8% !important; }
  .hero-glow    { width:260px !important; height:260px !important; }
}
@media(max-width:600px){
  .hero-right   { height:215px !important; }
  .hero-bottles { height:215px !important; }
  .hbot-main    { height:170px !important; bottom:12px !important; }
  .hbot-l       { height:125px !important; bottom:22px !important; left:8% !important; }
  .hbot-r       { height:125px !important; bottom:26px !important; right:6% !important; }
  /* gentler float so bottles never breach the container */
  @keyframes floatY{0%,100%{transform:translateY(0) translateX(var(--tx,0));}50%{transform:translateY(-8px) translateX(var(--tx,0));}}
}



.welcome-strip {
  background: #fff;
  padding: 0;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--border);
}

/* Animated text ticker */
.welcome-ticker {
  display: flex;
  align-items: center;
  height: 72px;
  overflow: hidden;
  position: relative;
}
.welcome-ticker::before,
.welcome-ticker::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}
.welcome-ticker::before {
  left: 0;
  background: linear-gradient(90deg, #fff 40%, transparent);
}
.welcome-ticker::after {
  right: 0;
  background: linear-gradient(-90deg, #fff 40%, transparent);
}

.welcome-track {
  display: flex;
  gap: 0;
  white-space: nowrap;
  animation: welcomeScroll 18s linear infinite;
}
.welcome-track:hover { animation-play-state: paused; }

@keyframes welcomeScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.welcome-item {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 0 48px;
  border-right: 1px solid var(--border);
}
.welcome-main-text {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 800;
  color: var(--navy);
  letter-spacing: -0.3px;
  white-space: nowrap;
}
.welcome-main-text .highlight {
  color: var(--sky);
}
.welcome-sep {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--cyan);
  flex-shrink: 0;
  opacity: 0.7;
}

/* Sliding headline above ticker (first-load only) */
.welcome-headline-wrap {
  overflow: hidden;
  display: none; /* only ticker shown, headline lives in ticker */
}


/* ══ SCROLL REVEAL, LEFT → RIGHT ══ */
.sr-hidden{opacity:0;transform:translateX(-80px);transition:none;}
.sr-hidden.sr-visible{
    opacity:1;transform:translateX(0);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1);}
.sr-delay-1.sr-visible{transition-delay:0.05s;}
.sr-delay-2.sr-visible{transition-delay:0.12s;}
.sr-delay-3.sr-visible{transition-delay:0.19s;}
.sr-delay-4.sr-visible{transition-delay:0.26s;}
.sr-delay-5.sr-visible{transition-delay:0.33s;}
.sr-delay-6.sr-visible{transition-delay:0.40s;}
/* ===== PURIFY QUALITY TESTS FIX ===== */
.quality-tests{display:flex;flex-direction:column;gap:14px;margin-top:32px;}
.qtest{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--off);border:1.5px solid var(--border);border-radius:12px;transition:all .3s;}
.qtest:hover{border-color:var(--sky);box-shadow:0 8px 24px rgba(21,101,192,0.1);transform:translateX(5px);background:#fff;}
.qtest-check{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--sky));display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.qtest-check svg{width:16px;height:16px;}
.qtest-name{font-size:14px;font-weight:800;color:var(--navy);margin-bottom:4px;text-transform:uppercase;letter-spacing:0.3px;}
.qtest-desc{font-size:13px;color:var(--muted);line-height:1.6;}



/* ── Dark text: light background sections ── */
.about-main p, .about-story p,
.sustain-sec p, .sv-desc, .sv-title,
.ls-info-card p, .ls-info-desc, .ls-info-title,
.cv2-item-desc, .cv2-item-num, .cv2-item-title,
.cvl-card-desc, .cvl-card-num, .cvl-card-title,
.why-choose-sec p, .wc-item .wc-text,
.sec-sub, .cv-desc, .ip-p,
.prod-card p, .pp-card p,
.cl-card p, .cl-desc,
.qtest .qtest-desc, .qtest .qtest-name,
.cert-pill .cp-name, .cert-pill .cp-sub,
.params-table td, .params-table th,
.stage-desc, .stage-name,
.wc-desc, .quality-sec p,
.about-main .about-desc,
.leadership-sec .ls-info-card p {
  color: var(--muted, #4a6080) !important;
}
/* Section headings on light bg */
.cv2-h em, .cvl-head-h em, .ls-head-h, .ls-info-title, .cv2-item-title, .cvl-card-title { color: var(--navy, #0C2461) !important; }







/* ══ TOPBAR RESPONSIVE FIX ══ */
/* Tablet (768–960px): single line, hide right side */

/* Mobile (<768px): hide topbar entirely — nav takes over */



/* ══ FOOTER MOBILE FIX ══ */

/* Tablet: 2 columns */


/* Mobile: compact single column with collapsible-feel */


/* Social icons sizing */
.fsoc {
  width: 38px; height: 38px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.65);
  transition: all 0.2s;
  text-decoration: none;
}
.fsoc:hover {
  background: var(--sky);
  color: #fff;
  border-color: var(--sky);
  transform: translateY(-2px);
}
.fsoc svg { display: block; flex-shrink: 0; }


/* ══ GLOBAL: tighter section spacing ══ */
section { padding-top: 64px; padding-bottom: 64px; }





/* ══ GLOBAL: paragraph font size 18px ══ */
p { font-size: 18px; line-height: 1.75; }
.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 18px !important; line-height: 1.75; }




/* ══ GLOBAL CLEAN TYPOGRAPHY ══ */
body { font-family: 'Montserrat', sans-serif; color: var(--text); }
body * { font-family: inherit; }
h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', sans-serif; font-weight: 900; line-height: 1.1; }
p { font-size: 18px; line-height: 1.75; }
button { font-family: 'Montserrat', sans-serif; }
.sb-num{font-size:42px;font-weight:900;color:#fff;line-height:1;font-family:'Playfair Display', serif;}

/* cert cards — vertical layout */






/* ══ CERTIFICATIONS: 5-column grid ══ */
.certs-sec {
  background: var(--navy2);
  padding: 56px 5%;
}
.certs-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 36px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
.cert-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 16px;
  padding: 28px 16px;
  position: relative;
  overflow: hidden;
  transition: all .3s;
}
.cert-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,180,216,0.08), transparent);
  opacity: 0;
  transition: opacity .3s;
}
.cert-card:hover {
  border-color: rgba(0,180,216,0.4);
  transform: translateY(-5px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.3);
}
.cert-card:hover::before { opacity: 1; }
.cert-icon-wrap {
  font-size: 34px;
  width: 68px; height: 68px;
  background: rgba(0,180,216,0.12);
  border: 1px solid rgba(0,180,216,0.25);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cert-name {
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 0.3px;
  line-height: 1.3;
}
.cert-sub {
  font-size: 12px;
  color: rgba(255,255,255,0.5);
  line-height: 1.5;
}
/* subtitle under heading */
.certs-sec .sec-sub {
  font-size: 16px !important;
  color: rgba(255,255,255,0.55) !important;
  max-width: 480px;
  margin: 10px auto 0;
}

/* ══ CERTS SECTION: force white heading ══ */
.certs-sec .sec-h { color: #fff !important; }
.certs-sec .sec-h span { color: var(--cyan) !important; }
.certs-sec .sec-tag { color: var(--cyan) !important; }
.certs-sec .sec-sub { color: rgba(255,255,255,0.55) !important; font-size: 16px !important; }

/* ══ NAV: fit 7 items on one line ══ */
.nav-menu li a {
  padding: 0 11px !important;
  font-size: 11.5px !important;
  letter-spacing: 0.4px !important;
}
nav { padding: 0 3% !important; }

/* HERO BOTTLES FINAL FIX */
.hero-right { overflow:hidden !important; }
.hero-bottles{position:relative;width:100%;height:520px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;}
.hbot-main{bottom:0px;left:50%;transform:translateX(-50%);z-index:4;animation:floatY 4s ease-in-out infinite;--tx:-50%;width:40%;}
.hbot-l{bottom:30px;left:12%;z-index:3;animation:floatY 4.5s ease-in-out infinite 1.2s;opacity:.88;width:17%;}
.hbot-r{bottom:40px;right:6%;z-index:3;animation:floatY 4.5s ease-in-out infinite .7s;opacity:.88;width:28%;}
.hbot svg  { width:100% !important; height:auto !important; }


/* ════════════ RESPONSIVE — ONE BLOCK ════════════ */

/* Nav compact for 7 items */
.nav-menu li a { padding:0 10px; font-size:11px; letter-spacing:0.3px; }
nav { padding:0 3%; }
.btn-enquire{padding:9px 16px;background:var(--navy);color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:0.5px;transition:all .2s;cursor:pointer;}

/* ── TABLET ≤960px ── */
@media(max-width:960px){
  /* Topbar */
  .topbar { padding:7px 4%; font-size:11px; }
  .tb-right { display:none; }
  /* Nav */
  nav { padding:0 4% !important; height:68px; }
  .nav-logo img { height:52px; }
  .btn-enquire { display:none !important; }
  .hamburger { display:flex !important; }
  .nav-menu { display:none !important; }
  /* Hero: stack vertically */
  .hero { flex-direction:column !important; min-height:auto !important; }
  .hero-left { flex:none !important; max-width:100% !important; padding:32px 5% 16px !important; }
  .hero-right { flex:none !important; max-width:100% !important; height:220px !important; overflow:hidden !important; }
  .hero-bottles { height:220px !important; overflow:hidden !important; }
  .hero-h1 { font-size:clamp(26px,6vw,42px) !important; }
  /* Bottles scale */
  .hbot-main { width:28% !important; }
  .hbot-l { width:16% !important; left:4% !important; }
  .hbot-r { width:16% !important; right:4% !important; }
  /* Sections */
  .at-inner { grid-template-columns:1fr !important; gap:32px; }
  .pp-grid { grid-template-columns:repeat(2,1fr) !important; }
  .why3-grid { grid-template-columns:1fr 1fr !important; }
  .regions-inner { grid-template-columns:1fr !important; gap:32px; }
  .regions-stats { grid-template-columns:repeat(2,1fr) !important; }
  .hsb-inner { flex-wrap:wrap; gap:12px; }
  .hsb-item { flex:0 0 calc(50% - 6px) !important; border-right:none !important; }
  .qs-box { flex-direction:column; gap:20px; padding:24px 16px; }
  .qs-divider { width:80%; height:1px; min-height:auto; margin:0 auto; }
  /* Footer */
  footer { padding:40px 5% 20px !important; }
  .footer-top { grid-template-columns:1fr !important; gap:24px !important; }
  /* Certs */
  .certs-row { grid-template-columns:repeat(3,1fr) !important; gap:14px !important; }
}

/* ── MOBILE ≤600px ── */
@media(max-width:600px){
  /* Topbar */
  .topbar { display:none !important; }
  /* Hero */
  .hero-left { padding:22px 5% 12px !important; }
  .hero-right { height:170px !important; }
  .hero-bottles { height:170px !important; }
  .hero-h1 { font-size:clamp(20px,7.5vw,30px) !important; margin-bottom:8px !important; }
  .hero-desc { font-size:14px !important; margin-bottom:12px !important; }
  .hero-badges { margin-bottom:10px !important; gap:5px !important; }
  .hbadge { font-size:10px !important; padding:4px 8px !important; }
  .hero-btns { flex-direction:column !important; gap:7px !important; }
  .hero-btns button { width:100% !important; }
  /* Bottles */
  .hbot-main { width:22% !important; }
  .hbot-l { width:13% !important; }
  .hbot-r { width:13% !important; }
  /* Stats */
  .hero-stats-bar { padding:12px 5% !important; }
  .hsb-inner { gap:0 !important; flex-wrap:wrap !important; }
  .hsb-item { flex:0 0 50% !important; border-right:none !important; border-bottom:1px solid rgba(255,255,255,0.08); padding:10px !important; }
  .hsb-num { font-size:18px !important; white-space:nowrap !important; overflow:visible !important; }
  .hsb-label { font-size:9px !important; }
  /* Sections */
  section { padding:30px 5% !important; }
  .pp-grid { grid-template-columns:1fr !important; }
  .why3-grid { grid-template-columns:1fr !important; }
  .regions-stats { grid-template-columns:1fr !important; }
  .stats-bar { padding:24px 5% !important; }
  .sb-num { font-size:28px !important; }
  /* Footer */
  .footer-top {gap:14px !important; }
  .footer-bottom { flex-direction:column !important; text-align:center !important; }
  /* Certs */
  .certs-row { grid-template-columns:repeat(2,1fr) !important; gap:10px !important; }
}

/* ── SMALL ≤480px ── */
@media(max-width:480px){
  .hero-right { height:140px !important; }
  .hero-bottles { height:140px !important; }
  .hero-h1 { font-size:clamp(18px,7vw,26px) !important; }
  .hbot-main { width:25% !important;bottom: -40px !important;height: 175px !important; }
  .hbot-l { width: 13% !important;
        left: 75px !important;
        bottom: 10px !important;}
  .hbot-r { width:20% !important; right: 17% !important;
        bottom: 0px !important;}
  .wa-widget { bottom:80px; right:12px; }
  .wa-btn { width:48px !important; height:48px !important; }
}


/* ══ PARAGRAPH FONT UPDATE ══ */
.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc {
  font-size: 16px !important;
  line-height: 1.4 !important;
}


/* ══ H1 FONT SIZE 48px ══ */
h1 { font-size: 32px !important; }
@media(max-width:960px){ h1 { font-size: 38px !important; } }
@media(max-width:600px){ h1 { font-size: 30px !important; } }
@media(max-width:480px){ h1 { font-size: 26px !important; } }


/* ══ FOOTER COLORS ══ */
.footer-col-title { color: #00E5FF !important; }
.footer-links a, .footer-about, .footer-cinfo, .footer-copy, .footer-fssai,
.footer-social, footer p, footer span, footer a { color: #ffffff !important; }
.footer-links a:hover { color: #00E5FF !important; }


/* ══ SEC-TAG ══ */
.sec-tag { font-size: 16px !important; }


/* ══ BUTTONS: mobile responsive ══ */
@media(max-width:600px){
  .btn-main, .btn-out, .btn-order, .btn-cta, .btn-cta-out,
  .btn-submit, .btn-bulk, .btn-order-soft {
    width: 100% !important;
    text-align: center !important;
    padding: 13px 20px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }
  .hero-btns, .cb-cta-btns {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .hero-btns button, .hero-btns a,
  .cb-cta-btns button, .cb-cta-btns a {
    width: 100% !important;
    text-align: center !important;
  }
}
@media(max-width:960px){
  .btn-main, .btn-out, .btn-order, .btn-cta, .btn-cta-out {
    padding: 12px 24px !important;
    font-size: 13px !important;
  }
}

/* ══ BUTTONS: proper gap and layout ══ */
.hero-btns, .cb-cta-btns, .cta-btns, .pb-btns {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-top: 20px !important;
}

/* Promise banner & CTA buttons stacked properly */
.promise-banner .btn-cta,
.promise-banner .btn-cta-out,
.cta-sec .btn-cta,
.cta-sec .btn-cta-out,
.cb-cta .btn-cta,
.cb-cta .btn-cta-out {
  margin: 0 !important;
}

@media(max-width:600px){
  /* All button groups: stack with gap */
  .hero-btns, .cb-cta-btns, .cta-btns, .pb-btns {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  /* Individual buttons full width with proper sizing */
  .btn-main, .btn-out, .btn-cta, .btn-cta-out,
  .btn-order, .btn-submit, .btn-bulk {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    font-size: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: block !important;
  }
  /* Promise banner buttons specifically */
  .promise-banner .btn-cta,
  .promise-banner .btn-cta-out {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .promise-banner .btn-cta-out { margin-bottom: 0 !important; }
}
@media(max-width:960px){
  .btn-main, .btn-out, .btn-cta, .btn-cta-out {
    padding: 13px 22px !important;
    font-size: 13px !important;
  }
}

/* ===== CONTACT PAGE ===== */
.contact-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start;}
.cinfo-items{display:flex;flex-direction:column;gap:20px;margin-top:32px;}
.cinfo{display:flex;gap:14px;align-items:flex-start;}
.cinfo-icon{width:46px;height:46px;flex-shrink:0;background:var(--navy);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.cinfo-title{font-size:11px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:3px;}
.cinfo-val{font-size:14px;color:var(--muted);line-height:1.6;}
.cinfo-val strong{color:var(--navy);}
.regions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;}
.reg{background:var(--navy);color:#fff;font-size:13px;font-weight:700;padding:10px 22px;border-radius:4px;}
.page-header .ph-sub{color:#ffffff !important;}

@media(max-width:960px){.contact-layout{grid-template-columns:1fr;}}
@media(max-width:600px){
  .contact-layout{grid-template-columns:1fr;gap:40px;}
  .regions-row{gap:8px;}
  .reg{padding:8px 14px;font-size:12px;}
}

/* Phone field with country-code picker */
.phone-field{position:relative;display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:6px;background:#fff;transition:border-color .2s;}
.phone-field:focus-within{border-color:var(--sky);}
.phone-field .cc-btn{display:flex;align-items:center;gap:6px;padding:0 10px 0 14px;background:transparent;border:none;border-right:1.5px solid var(--border);cursor:pointer;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--text);}
.phone-field .cc-flag{font-size:18px;line-height:1;}
.phone-field .cc-code{font-weight:700;}
.phone-field .cc-caret{font-size:10px;color:#888;}
.phone-field input#phoneInput{flex:1;min-width:0;border:none !important;outline:none;padding:11px 14px;border-radius:0 6px 6px 0;font-family:'Montserrat',sans-serif;font-size:max(13px,16px);color:var(--text);background:transparent;}
.cc-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:300;width:min(340px,90vw);background:#fff;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.18);overflow:hidden;}
.cc-dropdown.open{display:block;}
.cc-search-wrap{padding:12px 14px;border-bottom:1px solid #eee;}
.cc-search{width:100%;border:none;outline:none;font-family:'Montserrat',sans-serif;font-size:max(14px,16px);color:var(--text);}
.cc-search::placeholder{color:#aaa;}
.cc-list{list-style:none;margin:0;padding:6px 0;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.cc-list li{display:flex;align-items:center;gap:12px;padding:11px 16px;font-size:14px;color:var(--text);cursor:pointer;}
.cc-list li:hover{background:#f5f7fa;}
.cc-list li.selected{background:#f0f2f5;}
.cc-list .li-flag{font-size:18px;line-height:1;flex-shrink:0;}
.cc-list .li-name{font-weight:600;}
.cc-list .li-dial{font-weight:800;}
.cc-list .li-check{margin-left:auto;color:#222;font-weight:800;display:none;}
.cc-list li.selected .li-check{display:block;}
.cc-empty{padding:14px 16px;font-size:13px;color:#888;}
@media(max-width:600px){.cc-dropdown{width:min(320px,92vw);}}
/* ===== CO-BRANDING PAGE ===== */
/* ══ CO-BRANDING PAGE STYLES ══ */
.cb-hero {
  background: linear-gradient(130deg,#041235 0%,#0A2461 40%,#1155AA 70%,#0288D1 100%);
  padding: 56px 5% 48px; position: relative; overflow: hidden;
}
.cb-hero::before { content:''; position:absolute; right:-80px; top:-80px; width:500px; height:500px; border-radius:50%; background:rgba(0,180,216,0.07); }
.cb-hero::after  { content:''; position:absolute; left:-60px; bottom:-80px; width:320px; height:320px; border-radius:50%; background:rgba(255,255,255,0.025); }
.cb-bc a { color:var(--cyan); }
.cb-tag { display:inline-flex; align-items:center; gap:8px; background:rgba(0,194,255,0.12); border:1px solid rgba(0,194,255,0.3); border-radius:3px; padding:6px 14px; margin-bottom:18px; font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#7FDDFF; }
.cb-dot { width:6px; height:6px; background:var(--cyan); border-radius:50%; animation:blink 1.4s ease-in-out infinite; }
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.cb-h1 .cyan { color:#00E5FF; }
.cb-sub { font-size:16px; color:rgba(255,255,255,0.78); line-height:1.75; margin-bottom:24px; max-width:520px; }
.cb-badges { display:flex; gap:10px; flex-wrap:wrap; }
.cbb { display:flex; align-items:center; gap:6px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); border-radius:3px; padding:5px 12px; font-size:11px; font-weight:700; color:rgba(255,255,255,0.75); }
.cbb-dot { width:5px; height:5px; background:#69F0AE; border-radius:50%; flex-shrink:0; }
.cb-hero-img img { width:100%; height:auto; display:block; border-radius:16px; box-shadow:0 24px 64px rgba(0,0,0,0.4); }
@keyframes slideInFromRight{from{opacity:0;transform:translateX(70px);}to{opacity:1;transform:translateX(0);}}
@keyframes slideInFromLeft{from{opacity:0;transform:translateX(-70px);}to{opacity:1;transform:translateX(0);}}
@keyframes slideFromTop{from{opacity:0;transform:translateY(-60px);}to{opacity:1;transform:translateY(0);}}
.slide-top { animation:slideFromTop 0.85s cubic-bezier(0.22,1,0.36,1) both; }

/* Strip */
.cb-strip { background:var(--navy2); padding:22px 5%; }
.cb-strip-inner { max-width:1280px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:nowrap; }
.cb-strip-text span { color:var(--cyan); }
.cb-strip-badges { display:flex; gap:12px; flex-shrink:0; }
.cb-stat { background:rgba(0,180,216,0.13); border:1px solid rgba(0,180,216,0.28); border-radius:8px; padding:10px 16px; text-align:center; }
.cb-stat-num { font-size:20px; font-weight:900; color:var(--cyan); line-height:1; }
.cb-stat-lbl { font-size:10px; color:rgba(255,255,255,0.55); font-weight:700; text-transform:uppercase; margin-top:3px; }

/* About */
.cb-about { background:var(--off); padding:56px 5%; }
.cb-about-inner { max-width:1020px; margin:0 auto; text-align:center; }
.cb-about-inner .sec-h { color:var(--navy)!important; margin-bottom:20px; }
.cb-about-p { font-size:17px; color:var(--muted); line-height:1.4; margin-bottom:14px; }

/* Services */
.cb-services { background:#fff; padding:56px 5%; }
.cb-services-inner { max-width:1100px; margin:0 auto; }
.cb-services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:36px; }
.cb-svc-card { background:var(--off); border:1.5px solid var(--border); border-radius:14px; padding:24px 20px; transition:all .3s; position:relative; overflow:hidden; }
.cb-svc-card::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,var(--navy),var(--cyan)); transform:scaleY(0); transform-origin:top; transition:transform .4s; border-radius:4px 0 0 4px; }
.cb-svc-card:hover { border-color:var(--sky); box-shadow:0 12px 36px rgba(12,36,97,0.1); transform:translateY(-4px); }
.cb-svc-card:hover::before { transform:scaleY(1); }
.cb-svc-icon { font-size:30px; margin-bottom:12px; }
.cb-svc-title { font-size:14px; font-weight:900; color:var(--navy); text-transform:uppercase; letter-spacing:0.3px; margin-bottom:8px; }
.cb-svc-desc { font-size:13px; color:var(--muted); line-height:1.4; }

/* Ideal For */
.cb-ideal { background:var(--navy2); padding:56px 5%; }
.cb-ideal-inner { max-width:1100px; margin:0 auto; }
.cb-ideal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:36px; }
.cb-ideal-card { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:22px 16px; text-align:center; transition:all .3s; }
.cb-ideal-card:hover { background:rgba(0,180,216,0.1); border-color:rgba(0,180,216,0.35); transform:translateY(-4px); }
.cb-ideal-icon { font-size:28px; margin-bottom:10px; }
.cb-ideal-name { font-size:13px; font-weight:800; color:#fff; }

/* Why */
.cb-why { background:var(--off); padding:56px 5%; text-align:center; }
.cb-why-inner { max-width:1020px; margin:0 auto; }
.cb-why-inner .sec-h { color:var(--navy)!important; margin-bottom:20px; }
.cb-why-p { font-size:17px; color:var(--muted); line-height:1.4; }

/* CTA */
.cb-cta { background:linear-gradient(135deg,var(--navy2),var(--navy),#1565C0); padding:60px 5%; text-align:center; position:relative; overflow:hidden; }
.cb-cta::before { content:''; position:absolute; right:-80px; top:-80px; width:400px; height:400px; border-radius:50%; background:rgba(0,180,216,0.06); }
.cb-cta-inner { max-width:1020px; margin:0 auto; position:relative; z-index:2; }
.cb-cta-h { font-size:clamp(22px,3.5vw,42px); font-weight:900; color:#fff; text-transform:uppercase; letter-spacing:-0.5px; margin-bottom:14px; }
.cb-cta-h span { color:var(--cyan); }
.cb-cta-sub { font-size:16px; color:rgba(255,255,255,0.65); line-height:1.8; margin-bottom:14px; }
.cb-cta-motto { font-size:13px; font-weight:700; color:rgba(255,255,255,0.5); letter-spacing:1px; text-transform:uppercase; margin-bottom:32px; }
.cb-cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.btn-cta { padding:14px 36px; background:#fff; color:var(--navy); border:none; border-radius:4px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:800; text-transform:uppercase; cursor:pointer; transition:all .25s; box-shadow:0 8px 24px rgba(0,0,0,0.15); }
.btn-cta:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(0,0,0,0.22); }
.btn-cta-out { padding:14px 34px; background:transparent; color:#fff; border:2px solid rgba(255,255,255,0.4); border-radius:4px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:700; text-transform:uppercase; cursor:pointer; transition:all .25s; }
.btn-cta-out:hover { background:rgba(255,255,255,0.1); border-color:#fff; }

/* ══ RESPONSIVE ══ */
@media(max-width:960px){
  .cb-inner { grid-template-columns:1fr; gap:36px; }
  .cb-h1 { white-space:normal; font-size:clamp(26px,6vw,44px); }
  .cb-right { max-width:500px; margin:0 auto; }
  .cb-services-grid { grid-template-columns:1fr 1fr; }
  .cb-ideal-grid { grid-template-columns:repeat(2,1fr); }
  .cb-strip-inner { flex-wrap:wrap; }
}
@media(max-width:600px){
  .cb-hero { padding:40px 5% 36px; }
  .cb-h1 { font-size:clamp(22px,7vw,34px); }
  .cb-services-grid { grid-template-columns:1fr; }
  .cb-ideal-grid { grid-template-columns:1fr 1fr; gap:10px; }
  .cb-strip-badges { flex-wrap:wrap; justify-content:center; width:100%; }
}


/* ══ CO-BRANDING HERO: match verify page image size ══ */
.cb-hero { min-height: 560px; padding: 64px 5% 56px !important; }
.cb-hero-img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 64px rgba(0,0,0,0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.3s ease;
}
.cb-hero-img:hover img {
  box-shadow: 0 32px 80px rgba(0,0,0,0.5) !important;
}
@media(max-width:960px){
  .cb-hero { min-height: auto; padding: 48px 5% 40px !important; }
  .cb-right { max-width: 560px; margin: 0 auto; width: 100%; }
}
@media(max-width:600px){
  .cb-hero { padding: 36px 5% 32px !important; }
  .cb-hero-img img { border-radius: 10px !important; }
}


/* ══ CO-BRANDING HERO: match purify page layout ══ */
.cb-hero {
  background: linear-gradient(130deg,#041235 0%,#0A2461 38%,#0D47A1 68%,#0288D1 100%) !important;
  padding: 64px 5% 56px !important;
  min-height: auto !important;
}
.cb-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:2;}
.cb-right{display:block;align-items:center;justify-content:center;height:auto;}
.cb-hero-img{width:100%;animation:slideInFromRight 0.85s cubic-bezier(0.16,1,0.3,1) 0.2s both;perspective:none;cursor:pointer;}
.cb-hero-img img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
@media(max-width:960px){
  .cb-inner { gap: 40px !important; grid-template-columns: 1fr !important; }
  .cb-right { max-width: 580px; margin: 0 auto; width: 100%; }
  .cb-hero { padding: 48px 5% 40px !important; }
}
@media(max-width:600px){
  .cb-hero { padding: 36px 5% 32px !important; }
  .cb-hero-img { border-radius: 14px !important; }
}


/* ══ CO-BRANDING HERO: 2-line title + bigger right column ══ */
.cb-inner {
  grid-template-columns: 1fr 1fr !important;
  gap: 56px !important;
}
.cb-h1{font-size:clamp(32px, 4.5vw, 68px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1px;line-height:1.0;margin-bottom:18px;white-space:normal;}
.cb-h1 br { display: block; }
@media(max-width:960px){
  .cb-inner { grid-template-columns: 1fr !important; gap: 36px !important; }
  .cb-h1 { font-size: clamp(28px, 6vw, 48px) !important; }
}
@media(max-width:600px){
  .cb-h1 { font-size: clamp(24px, 7vw, 36px) !important; }
}


/* ── CO-BRANDING: hero text white ── */
.cb-sub { color: #ffffff !important; font-size: 16px !important; }
.cb-bc{font-size:12px;font-weight:800;color:rgba(255,255,255,0.6);letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;}
.cb-bc a { color: var(--cyan) !important; }
.cb-strip-text{font-size:15px;font-weight:700;color:#ffffff;line-height:1.6;}

/* hero CTA text color fix */
.cb-cta-sub, .cb-cta-motto { color: #ffffff !important; }
/* ===== HOW WE PURIFY PAGE ===== */




/* ── HERO ── */
.purify-hero{
  background:linear-gradient(130deg,#041235 0%,#0A2461 38%,#0D47A1 68%,#0288D1 100%);
  padding:64px 5% 56px;position:relative;overflow:hidden;
}

.purify-hero::before{content:'';position:absolute;right:-60px;top:-60px;width:480px;height:480px;border-radius:50%;background:rgba(0,180,216,0.07);}

.purify-hero::after{content:'';position:absolute;left:-80px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.03);}

.ph-left .bc{font-size:12px;font-weight:800;color:rgba(255,255,255,0.45);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}

.ph-left .bc a{color:var(--cyan);}

.ph-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,194,255,0.12);border:1px solid rgba(0,194,255,0.3);border-radius:3px;padding:6px 14px;margin-bottom:18px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7FDDFF;}

.ph-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:blink 1.4s ease-in-out infinite;}
.ph-sub2 strong{font-weight:800;color:#fff;}

.ph-badges{display:flex;gap:10px;flex-wrap:wrap;}

.phbadge{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:3px;padding:6px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,0.75);letter-spacing:0.5px;}

.phbadge-dot{width:5px;height:5px;background:#69F0AE;border-radius:50%;flex-shrink:0;}


/* hero right, animated water drop visual */
.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;}

.drop-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(0,194,255,0.25) 0%,transparent 70%);animation:glowP 3.5s ease-in-out infinite;}

.drop-ring{position:absolute;border-radius:50%;border:1px solid rgba(0,194,255,0.2);}

.dr1{width:200px;height:200px;animation:ringExp 3s ease-out infinite;}

.dr2{width:240px;height:240px;animation:ringExp 3s ease-out infinite .8s;}

.dr3{width:278px;height:278px;animation:ringExp 3s ease-out infinite 1.6s;}

.drop-svg{position:relative;z-index:2;animation:floatDrop 4s ease-in-out infinite;}


/* ── INTRO STRIP ── */
.intro-strip{background:var(--navy2);padding:36px 5%;}

.is-text span{color:var(--cyan);}

.stages-list{display:flex;flex-direction:column;gap:0;}

.stage-card-inner{display:flex;align-items:flex-start;gap:18px;}

.quality-left .sec-tag{display:block;}

.quality-tests{display:flex;flex-direction:column;gap:14px;margin-top:32px;}

.qtest-check{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--sky));display:flex;align-items:center;justify-content:center;flex-shrink:0;}

.qtest-check svg{width:16px;height:16px;}

/* lab visual right */
.lab-visual{display:flex;flex-direction:column;gap:20px;}

.lab-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}

.lab-stat:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(12,36,97,0.25);}

.lab-stat-icon{font-size:32px;margin-bottom:10px;}

.lab-stat-num{font-size:32px;font-weight:900;color:var(--cyan);line-height:1;font-family:'Playfair Display',serif;}

.lab-stat-num span{font-size:20px;}

.lab-stat-label{font-size:11px;color:rgba(255,255,255,0.55);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-top:6px;}

.lab-banner{background:linear-gradient(135deg,var(--sky),var(--cyan));border-radius:14px;padding:24px 26px;display:flex;align-items:center;gap:16px;}

.lb-icon{font-size:36px;flex-shrink:0;}

.lb-title{font-size:16px;font-weight:800;color:#fff;margin-bottom:4px;}

.lb-sub{font-size:13px;color:rgba(255,255,255,0.8);}

.params-inner{max-width:1280px;margin:0 auto;}

.p-pass{display:inline-flex;align-items:center;gap:5px;background:#E8F5E9;color:var(--green);font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;}

.cta-h{font-size:clamp(26px,4vw,48px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-0.5px;margin-bottom:12px;}


@media(max-width:960px){
  .ph-inner2{grid-template-columns:1fr;}
  .quality-inner{grid-template-columns:1fr;}
  .is-inner{flex-direction:column;text-align:center;}
}

@media(max-width:600px){
  .lab-stat-grid{grid-template-columns:1fr;}
  .stage-content{padding-left:16px;}
}




    .stage-img-row {
      display:grid;
      grid-template-columns:64px 1fr;
      gap:0;
      align-items:stretch;
      margin-bottom:32px;
    }

    .stage-img-row:last-child{ margin-bottom:0; }

    .si-left {
      display:flex;flex-direction:column;align-items:center;
    }

    .si-num {
      width:56px;height:56px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      font-size:20px;font-weight:900;color:#fff;flex-shrink:0;
      background:linear-gradient(135deg,var(--navy),var(--sky));
      box-shadow:0 8px 24px rgba(21,101,192,0.35);
      z-index:1;
    }

    .si-line {
      width:3px;flex:1;
      background:linear-gradient(180deg,var(--sky),rgba(0,180,216,0.1));
      margin:0 auto;
    }

    .si-row-last .si-line { display:none; }

    .si-content {
      padding:0 0 0 24px;
    }

    .si-img-wrap:hover {
      transform:translateY(-4px) scale(1.005);
      box-shadow:0 20px 56px rgba(12,36,97,0.22);
    }

    .si-img-wrap img {
      width:100%;
      display:block;
      height:auto;
    }

    @media(max-width:700px){
      .stage-img-row{ grid-template-columns:44px 1fr; }
      .si-num{ width:44px;height:44px;font-size:16px; }
      .si-content{ padding-left:14px; }
    }



@media(max-width:960px){
  .ph-inner2{grid-template-columns:1fr !important;gap:40px;}
  .quality-inner{grid-template-columns:1fr !important;}
  .lab-stat-grid{grid-template-columns:repeat(2,1fr) !important;}
}

@media(max-width:768px){
  .purify-hero{padding:60px 5% 48px;}
  .is-inner{flex-direction:column;gap:24px;text-align:center;}
  .is-badge{border-left:none;border-top:1px solid rgba(255,255,255,0.15);padding-top:20px;}
  .drop-wrap{width:180px;height:180px;}
}

@media(max-width:480px){
  
  .stage-card-inner{flex-direction:column;gap:12px;}
  .lab-stat-grid{grid-template-columns:1fr !important;}
  .lab-banner{flex-direction:column;text-align:center;}
}



/* ══ WATER QUALITY PARAMETERS TABLE ══ */
.table-scroll-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 14px;
  box-shadow: 0 8px 40px rgba(12,36,97,0.10);
  /* subtle scroll hint on mobile */
  scrollbar-width: thin;
  scrollbar-color: var(--sky) var(--pale);
}

.table-scroll-wrap::-webkit-scrollbar { height: 5px; }

.table-scroll-wrap::-webkit-scrollbar-track { background: var(--pale); border-radius: 10px; }

.table-scroll-wrap::-webkit-scrollbar-thumb { background: var(--sky); border-radius: 10px; }


/* Pass badge */
.p-pass {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #E8F5E9;
  color: #2E7D32;
  font-size: 11px;
  font-weight: 800;
  padding: 6px 12px;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.3px;
}

.ph-h1 .cyan, .ph-h1 span { color: #00E5FF; }



/* ══ PURIFY: reduce overall size on large screens ══ */

/* Hero — less tall */
.purify-hero { padding: 52px 5% 44px !important; }

.ph-inner2{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}

.ph-sub2{font-size:16px;color:rgba(255,255,255,0.68);line-height:1.8;max-width:500px;margin-bottom:28px;font-weight:300;}

.drop-wrap{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;}


/* Intro strip — compact */
.intro-strip { padding: 22px 5% !important; }

.stages-inner{max-width:1080px;margin:0 auto;}


/* Stage images — constrain height so they don't fill the whole screen */
.si-img-wrap img { width:100%; height:auto; display:block; }

.quality-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}


/* Lab stats */
.lab-stat-grid { gap: 16px !important; }

.lab-stat{background:linear-gradient(135deg,var(--navy2),var(--navy));border-radius:14px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,0.08);transition:all .3s;}


/* CTA */
.purify-cta { padding: 52px 5% !important; }


@media(max-width:1280px){
  .si-img-wrap img { width:100%; height:auto; display:block; }
}

@media(max-width:960px){
  .si-img-wrap img { width:100%; height:auto; display:block; }
  .purify-hero { padding: 40px 5% 36px !important; }
}

@media(max-width:600px){
  .si-img-wrap img { width:100%; height:auto; display:block; }
  .purify-hero { padding: 32px 5% 28px !important; }
  .stages-sec { padding: 36px 5% !important; }
}



/* ══ PURIFY STAGES: scale down without cropping images ══ */
.stages-inner   { max-width: 860px !important; margin: 0 auto; }

.si-img-wrap img { width: 100% !important; height: auto !important; object-fit: unset !important; display: block !important; }

.si-img-wrap{border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(12,36,97,0.18);border:2px solid var(--border);transition:transform .35s,box-shadow .35s;cursor:pointer;}

.stages-header{text-align:center;margin-bottom:36px;}


/* Shrink the section heading too */
.stages-header .sec-h { font-size: clamp(22px, 3vw, 38px) !important; }

.stages-header .sec-sub { font-size: 16px !important; }


@media(max-width:960px){
  .stages-inner { max-width: 100% !important; }
}



/* ══ PURIFY INTRO STRIP: compact single row ══ */
.intro-strip { padding: 20px 5% !important; }

.is-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap;}


@media(max-width:768px){
  .is-inner { flex-wrap: wrap !important; gap: 16px !important; }
  .is-text { font-size: 14px !important; }
  .intro-strip { padding: 18px 5% !important; }
}



/* ── PURIFY: hero text white ── */
.ph-sub2 { color: #ffffff !important; font-size: 16px !important; }

.bc { color: rgba(255,255,255,0.6) !important; }

.bc a { color: var(--cyan) !important; }

/* Stats strip text white */
.is-text { color: #ffffff !important; }



/* ── PURIFY: intro strip horizontal on desktop ── */
.is-inner { flex-wrap: nowrap !important; }

@media(max-width:768px){ .is-inner { flex-wrap: wrap !important; flex-direction: column; } }

@keyframes glowP{0%,100%{opacity:.6;transform:scale(1);}50%{opacity:1;transform:scale(1.1);}}

@keyframes ringExp{0%{opacity:.6;transform:scale(.85);}100%{opacity:0;transform:scale(1.1);}}

@keyframes floatDrop{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}

    

@keyframes slideInRight {
  from { opacity:0; transform:translateX(60px); }
  to   { opacity:1; transform:translateX(0); }
}

@keyframes slideInLeft {
  from { opacity:0; transform:translateX(-60px); }
  to   { opacity:1; transform:translateX(0); }
}
/* ===== HOW WE VERIFY PAGE ===== */




/* ── HERO ── */
.verify-hero{
  background:linear-gradient(130deg,#041235 0%,#0A2461 38%,#0D47A1 68%,#0277BD 100%);
  padding:64px 5% 56px;position:relative;overflow:hidden;
}


.verify-hero::before{content:'';position:absolute;right:-80px;top:-80px;width:500px;height:500px;border-radius:50%;background:rgba(0,180,216,0.07);}


.verify-hero::after{content:'';position:absolute;left:-60px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.025);}


.vh-bc a{color:var(--cyan);}


.vh-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:blink 1.4s ease-in-out infinite;}





.vh-badges{display:flex;gap:10px;flex-wrap:wrap;}


.vhb{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:3px;padding:5px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,0.75);letter-spacing:0.4px;}


.vhb-dot{width:5px;height:5px;background:#69F0AE;border-radius:50%;flex-shrink:0;}



/* hero right, shield checkmark visual */
.vh-right{display:flex;align-items:center;justify-content:center;position:relative;}



/* ── INTRO STRIP ── */
.intro-strip{background:var(--navy2);padding:32px 5%;}


.is-text{font-size:15px;font-weight:600;color:#fff;max-width:600px;line-height:1.6;}


.is-text span{color:var(--cyan);}


.is-badges{display:flex;gap:16px;flex-wrap:wrap;}


.is-badge{background:rgba(0,180,216,0.13);border:1px solid rgba(0,180,216,0.28);border-radius:8px;padding:12px 18px;text-align:center;flex-shrink:0;min-width:100px;}


.is-num{font-size:24px;font-weight:900;color:var(--cyan);line-height:1;}


.is-label{font-size:10px;color:rgba(255,255,255,0.6);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-top:4px;}



/* ── INTRO PARAGRAPH ── */
.intro-para{background:var(--off);padding:56px 5%;}


.ip-inner{max-width:1000px;margin:0 auto;text-align:center;}


.ip-h{font-size:clamp(22px,3vw,36px);font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:-0.3px;margin-bottom:20px;}


.ip-h span{color:var(--sky);}


.ip-p{font-size:16px;color:var(--muted);line-height:1.85;margin-bottom:14px;font-weight:300;}



/* ── CHECKLIST SECTION ── */
.checklist-sec{background:#fff;padding:64px 5%;}


.cl-inner{max-width:1280px;margin:0 auto;}


.cl-header{text-align:center;margin-bottom:64px;}


.cl-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}


.cl-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:5px;background:linear-gradient(180deg,var(--navy),var(--cyan));
  transform:scaleY(0);transform-origin:top;transition:transform .4s ease;
  border-radius:5px 0 0 5px;
}


.cl-card:hover{
  border-color:var(--sky);
  box-shadow:0 16px 48px rgba(12,36,97,0.11);
  transform:translateY(-4px);
}


.cl-card:hover::before{transform:scaleY(1);}


.cl-check{
  width:52px;height:52px;flex-shrink:0;
  background:linear-gradient(135deg,var(--navy),var(--sky));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(21,101,192,0.35);
  transition:transform .3s;
}


.cl-card:hover .cl-check{transform:scale(1.1);}


.cl-check svg{width:22px;height:22px;}


.cl-num{
  position:absolute;top:14px;right:18px;
  font-size:40px;font-weight:900;color:rgb(12 36 97 / 25%);
  line-height:1;font-family:'Playfair Display',serif;
}


.cl-title{font-size:16px;font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:8px;}


.cl-desc{font-size:14px;color:var(--muted);line-height:1.75;}



/* ── PROMISE BANNER ── */
.promise-banner{
  background:linear-gradient(135deg,var(--navy2) 0%,var(--navy) 50%,#1565C0 100%);
  padding:60px 5%;text-align:center;position:relative;overflow:hidden;
}


.promise-banner::before{content:'';position:absolute;right:-80px;top:-80px;width:400px;height:400px;border-radius:50%;background:rgba(0,180,216,0.06);}


.promise-banner::after{content:'';position:absolute;left:-60px;bottom:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,0.03);}


.pb-inner{max-width:900px;margin:0 auto;position:relative;z-index:2;}


.pb-icon{font-size:56px;margin-bottom:20px;display:block;}


.pb-h{font-size:clamp(24px,4vw,46px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-0.5px;margin-bottom:16px;}


.pb-h span{color:var(--cyan);}


.pb-motto{
  display:inline-block;
  font-size:15px;font-weight:800;
  color:#fff;letter-spacing:1px;
  background:rgba(0,194,255,0.15);
  border:1px solid rgba(0,194,255,0.35);
  border-radius:4px;padding:12px 28px;
  margin-bottom:36px;
}


.pb-motto span{color:var(--cyan);}



/* ── CERT ROW ── */
.cert-row-sec{background:var(--off);padding:48px 5%;}


.cert-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}


.cert-pill{
  display:flex;align-items:center;gap:10px;
  background:#fff;border:1.5px solid var(--border);
  border-radius:10px;padding:14px 22px;
  transition:all .25s;
}


.cert-pill:hover{border-color:var(--sky);box-shadow:0 6px 20px rgba(21,101,192,0.1);transform:translateY(-3px);}


.cp-icon{font-size:22px;}


.cp-name{font-size:13px;font-weight:800;color:var(--navy);}


.cp-sub{font-size:14px;color:var(--muted);line-height:1.75;}



@media(max-width:960px){
  .vh-inner{grid-template-columns:1fr;}
  .vh-right{display:flex;}
  .cl-grid{grid-template-columns:1fr;}
  .is-inner{flex-direction:column;text-align:center;}
}






/* ── Dark text: light background sections ── */
.about-main p, .about-story p,
.sustain-sec p, .sv-desc, .sv-title,
.ls-info-card p, .ls-info-desc, .ls-info-title,
.cv2-item-desc, .cv2-item-num, .cv2-item-title,
.cvl-card-desc, .cvl-card-num, .cvl-card-title,
.why-choose-sec p, .wc-item .wc-text,
.sec-sub, .cv-desc, .ip-p,
.prod-card p, .pp-card p,
.cl-card p, .cl-desc,
.qtest .qtest-desc, .qtest .qtest-name,
.cert-pill .cp-name, .cert-pill .cp-sub,
.params-table td, .params-table th,
.stage-desc, .stage-name,
.wc-desc, .quality-sec p,
.about-main .about-desc,
.leadership-sec .ls-info-card p {
  color: var(--muted, #4a6080) !important;
}




@media(max-width:960px){
  .vh-inner{grid-template-columns:1fr;gap:40px;}
  .cl-grid{grid-template-columns:1fr !important;}
}


@media(max-width:768px){
  .verify-hero{padding:60px 5% 48px;}
  .is-inner{flex-direction:column;gap:24px;text-align:center;}
  .is-badges{justify-content:center;}
  .shield-wrap{width:180px;height:180px;}
}


@media(max-width:480px){
  
  .vh-sub{font-size:14px;}
  .cl-card{flex-direction:column;gap:12px;padding:18px 16px;}
  .cert-pill{padding:10px 14px;font-size:12px;}
  .shield-ring{display:none;}
}




/* ── VERIFY HERO: image replaces shield ── */
.vh-hero-img {
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0,0,0,0.45);
  border: 2px solid rgba(255,255,255,0.2);
  animation: slideInRight 1s cubic-bezier(0.22,1,0.36,1) 0.3s both;
  position: relative;
}


.vh-hero-img img {
  width: 100%;
  height: auto;
  display: block;
}


@media(max-width:960px) {
  .vh-hero-img { max-width: 100%; margin: 0 auto; }
}


@media(max-width:600px) {
  .vh-hero-img { width: 100%; }
  .vh-hero-img img { border-radius: 10px; }
}



/* Animation classes */
.slide-top        { animation: slideFromTop    0.85s cubic-bezier(0.22,1,0.36,1) both; }


.slide-top-1{animation-delay:0.05s;}


.slide-top-2      { animation-delay: 0.15s; }


.slide-top-3{animation-delay:0.25s;}


.slide-top-4{animation-delay:0.35s;}


.slide-top-5      { animation-delay: 0.45s; }



/* 3D tilt on hero image */
.vh-hero-img {
  perspective: 1000px;
  cursor: pointer;
}


.vh-hero-img img {
  transition: transform 0.15s ease, box-shadow 0.3s ease;
  will-change: transform;
}


.vh-hero-img:hover img {
  box-shadow: 0 32px 80px rgba(0,0,0,0.45);
}




/* ══ VERIFY: tighter spacing ══ */
.verify-hero { padding: 56px 5% 48px; }


.vh-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:2;}


.vh-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,194,255,0.12);border:1px solid rgba(0,194,255,0.3);border-radius:3px;padding:6px 14px;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7FDDFF;}



/* Tighter section paddings */
.intro-strip  { padding: 28px 5%; }


.intro-para   { padding: 52px 5%; }


.checklist-sec{ padding: 60px 5%; }


.promise-banner{ padding: 56px 5%; }


.cert-row-sec { padding: 44px 5%; }



/* Tighten cl-grid gap */
.cl-grid { gap: 20px; }


.cl-card{display:flex;gap:20px;align-items:flex-start;background:#fff;border:1.5px solid var(--border);border-radius:16px;padding:22px 22px;transition:all .35s;position:relative;overflow:hidden;}



@media(max-width:960px){
  .verify-hero { padding: 48px 5% 40px; }
  .vh-inner { gap: 32px; }
  
}


@media(max-width:600px){
  .verify-hero { padding: 36px 5% 32px; }
  
  .intro-para, .checklist-sec, .promise-banner, .cta-sec { padding: 40px 5%; }
  .cert-row-sec { padding: 32px 5%; }
}




/* ══ VH-H1: always single line ══ */
.vh-h1 {
  font-size: clamp(22px, 4vw, 66px);
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: -1px;
  line-height: 1.05;
  margin-bottom: 14px;
  white-space: nowrap;
}


.vh-h1 .cyan { color: #00E5FF; }


@media(max-width:600px){
  .vh-h1 { font-size: clamp(18px, 6.5vw, 32px); letter-spacing: -0.5px; }
}


@media(max-width:380px){
  .vh-h1 { font-size: clamp(16px, 6vw, 26px); }
}




/* ══ VERIFY HERO IMAGE: show on all screens ══ */
.vh-right { display: flex; align-items: center; justify-content: center; }



@media(max-width:960px) {
  .vh-inner { grid-template-columns: 1fr; gap: 32px; }
  .vh-right { display: flex; width: 100%; max-width: 560px; margin: 0 auto; }
  .vh-hero-img { width: 100%; max-width: 560px; margin: 0 auto; }
  .vh-hero-img img { border-radius: 12px; }
}


@media(max-width:600px) {
  .vh-right { max-width: 100%; }
  .vh-hero-img img { border-radius: 8px; }
}


.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 18px !important; line-height: 1.75; }


@media(max-width:768px){
  p { font-size: 16px; }
  .ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
  .wc-desc, .cl-desc, .stage-desc, .footer-about,
  .cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 16px !important; }
}


@media(max-width:480px){
  p { font-size: 15px; }
  .ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
  .wc-desc, .cl-desc, .stage-desc, .footer-about,
  .cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 15px !important; }
}




/* ── VERIFY: hero text white ── */
.vh-sub { color: #ffffff !important; font-size: 16px !important; }


.vh-bc a { color: var(--cyan) !important; }


.vh-bc{font-size:12px;font-weight:800;color:rgba(255,255,255,0.6);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;}




.vh-sub { margin-bottom: 28px !important; }



/* ══ PARAGRAPH FONT UPDATE ══ */
.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc {
  font-size: 16px !important;
  line-height: 1.4 !important;
}




.cl-card:last-child .cl-desc { color: #ffffff !important; }



.pb-p{font-size:16px;color:#ffffff;line-height:1.8;margin-bottom:32px;}



.intro-para .ip-p { color: #0c2461 !important; }



.cl-card:not(:last-child) .cl-desc { color: #0c2461 !important; }




.checklist-sec .sec-sub { color: #0c2461 !important; }















@media(max-width:600px){
  /* All button groups: stack with gap */
  .hero-btns, .cb-cta-btns, .cta-btns, .pb-btns {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  /* Individual buttons full width with proper sizing */
  .btn-main, .btn-out, .btn-cta, .btn-cta-out,
  .btn-order, .btn-submit, .btn-bulk {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: block !important;
  }
  /* Promise banner buttons specifically */
  .promise-banner .btn-cta,
  .promise-banner .btn-cta-out {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .promise-banner .btn-cta-out { margin-bottom: 0 !important; }
}
/* ===== ABOUT US PAGE ===== */

.tb-right{display:flex;gap:24px;}




/* ── TRAILBLAZERS HERO ── */
.tb-hero{
  background:linear-gradient(130deg,#041235 0%,#0A2461 40%,#1155AA 70%,#0288D1 100%);
  padding:56px 5% 60px;position:relative;overflow:hidden;
}

.tb-hero::before{content:'';position:absolute;right:-80px;top:-80px;width:500px;height:500px;border-radius:50%;background:rgba(0,180,216,0.07);}

.tb-hero::after{content:'';position:absolute;left:-60px;bottom:-60px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.03);}

.tb-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:2;}

.tb-breadcrumb{font-size:12px;font-weight:800;color:rgba(255,255,255,0.45);letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}

.tb-breadcrumb a{color:var(--cyan);}

.tb-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,194,255,0.12);border:1px solid rgba(0,194,255,0.3);border-radius:3px;padding:6px 14px;margin-bottom:20px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7FDDFF;}

.tb-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:blink 1.4s ease-in-out infinite;}

.tb-h1{font-size:clamp(34px,5vw,62px);font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:-1px;line-height:1.05;margin-bottom:16px;animation:slideInLeft 1s cubic-bezier(.22,1,.36,1) .1s both;}

.tb-h1 .cyan{color:#00E5FF;}

.tb-tagline{font-size:13px;font-weight:700;color:rgba(255,255,255,0.7);letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;}

.tb-desc{font-size:15px;color:#ffffff;line-height:1.8;margin-bottom:12px;font-weight:300;}

.tb-closer{font-size:14px;font-weight:700;color:var(--cyan);letter-spacing:0.3px;margin-top:12px;font-style:normal;animation:slideInLeft 1s cubic-bezier(.22,1,.36,1) .4s both;}

.tb-right-img:hover{
  transform:scale(1.025) translateY(-4px) rotate(0.3deg);
  box-shadow:0 44px 90px rgba(0,0,0,0.5);
}

.tb-right-img img{
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}

.tb-right-img:hover img{
  transform:scale(1.04);
}

.tb-right-img img{width:100%;display:block;}

.tb-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(7,20,64,0.9),transparent);padding:36px 24px 22px;}

.tb-img-brand{font-size:16px;font-weight:800;color:#fff;}

.tb-img-sub{font-size:11px;color:rgb(255, 255, 255);text-transform:uppercase;letter-spacing:1px;margin-top:2px;}


/* ── COMMITTED STRIP ── */
.committed-strip{background:var(--navy2);padding:22px 5%;overflow:hidden;}

.cs-label{font-size:11px;font-weight:800;color:rgba(255,255,255,0.5);letter-spacing:1.5px;text-transform:uppercase;margin-right:16px;flex-shrink:0;}

.cs-item.visible{opacity:1;transform:translateY(0) scale(1);}

.cs-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;}


/* ── MISSION VISION ── */
.mv-sec{margin-bottom:0;background:linear-gradient(160deg,var(--navy2) 0%,#0F3490 50%,#1565C0 100%);padding:60px 5%;position:relative;overflow:hidden;}

.mv-sec::before{content:'';position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:rgba(0,180,216,0.06);}

.mv-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:32px;position:relative;z-index:2;}

.mv-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:40px 34px;transition:all .3s;}

.mv-card:hover{background:rgba(0,180,216,0.1);border-color:rgba(0,180,216,0.35);transform:translateY(-4px);}

.mv-card-top{display:flex;align-items:center;gap:14px;margin-bottom:20px;}

.mv-icon-wrap{width:56px;height:56px;border-radius:14px;background:rgba(0,194,255,0.15);border:1px solid rgba(0,194,255,0.3);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}

.mv-title{font-size:20px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:0.5px;}

.mv-title span{color:var(--cyan);}

.mv-divider{height:2px;background:linear-gradient(90deg,var(--cyan),transparent);margin-bottom:20px;border-radius:2px;}

.mv-text strong{color:#fff;font-style:normal;}


@media(max-width:960px){
  .tb-inner,.story-grid,.mv-inner{grid-template-columns:1fr;}
  .cv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .proc-steps{grid-template-columns:repeat(2,1fr);}
  .cs-label{font-size:11px;font-weight:800;color:rgba(255,255,255,0.5);letter-spacing:1.5px;text-transform:uppercase;margin-right:16px;flex-shrink:0;}
  .cs-inner{flex-wrap:wrap;justify-content:center;text-align:center;}
}

.lifecycle-section {
    width: 100%;
    height: 800px;
    padding: 0 !important;
}


@media (max-width: 767px) {
    .lifecycle-section {
        height: 100%;
    }
}




.quote-marquee-wrap {
  background: linear-gradient(90deg, #071440 0%, #0C2461 40%, #1565C0 70%, #0288D1 100%);
  padding: 0;
  overflow: hidden;
  position: relative;
  border-top: 2px solid rgba(0,229,255,0.25);
  border-bottom: 2px solid rgba(0,229,255,0.25);
}

/* Left & right fade edges */
.quote-marquee-wrap::before,
.quote-marquee-wrap::after {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 120px;
  z-index: 2;
  pointer-events: none;
}

.quote-marquee-wrap::before {
  left: 0;
  background: linear-gradient(90deg, #071440, transparent);
}

.quote-marquee-wrap::after {
  right: 0;
  background: linear-gradient(-90deg, #0288D1, transparent);
}

.quote-marquee-track {
  display: flex;
  width: max-content;
  animation: quotescroll 28s linear infinite;
}

.quote-marquee-track:hover {
  animation-play-state: paused;
}

.quote-marquee-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 26px 48px;
  white-space: nowrap;
  flex-shrink: 0;
}

.quote-marquee-item .qm-icon {
  font-size: 22px;
  opacity: 0.7;
  flex-shrink: 0;
}

.quote-marquee-item .qm-text {
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.quote-marquee-item .qm-text .qm-hl {
  color: #00E5FF;
}

.quote-marquee-sep {
  display: flex;
  align-items: center;
  padding: 26px 0;
  flex-shrink: 0;
}

.quote-marquee-sep span {
  width: 6px;
  height: 6px;
  background: rgba(0,229,255,0.6);
  border-radius: 50%;
  display: block;
}

@media(max-width:768px){
  .quote-marquee-item { padding: 20px 32px; }
  .quote-marquee-item .qm-text { font-size: 14px; }
  .quote-marquee-wrap::before,
  .quote-marquee-wrap::after { width: 60px; }
}

@media(max-width:480px){
  .quote-marquee-item .qm-text { font-size: 13px; }
  .quote-marquee-item { gap: 14px; padding: 18px 24px; }
}


/* Sustainability */
.sustain-sec{background:var(--off);padding:56px 5%;}

.sustain-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}

.sustain-inner > div:first-child{padding-right:40px;}

.sustain-visual{display:flex;flex-direction:column;gap:16px;}

.sv-card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:24px 22px;display:flex;align-items:flex-start;gap:14px;transition:all .3s;}

.sv-card:hover{border-color:var(--sky);box-shadow:0 8px 24px rgba(21,101,192,0.1);transform:translateY(-3px);}

.sv-icon{font-size:22px;flex-shrink:0;width:46px;height:46px;border-radius:10px;background:var(--pale);display:flex;align-items:center;justify-content:center;}

.sv-title{font-size:15px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:6px;}

.ls-inner{max-width:1280px;margin:0 auto;}

.ls-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;}

.ls-quote-card{background:linear-gradient(150deg,var(--navy2),var(--navy));border-radius:18px;padding:40px 36px;position:relative;overflow:hidden;grid-column:1/-1;}

.ls-quote-card::before{content:'';position:absolute;top:-10px;left:20px;font-size:120px;font-weight:900;color:rgba(0,194,255,0.1);font-family:'Playfair Display',serif;line-height:1;}

.ls-quote-author{display:flex;align-items:center;gap:14px;position:relative;z-index:2;}

.ls-author-badge{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#0077B6);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;overflow:hidden;}

.ls-author-badge img{width:100%;height:100%;object-fit:cover;}

.ls-author-name{font-size:14px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.5px;}

.ls-author-sub{font-size:12px;color:rgba(255,255,255,0.55);margin-top:2px;}

.ls-info-card{background:var(--off);border:1.5px solid var(--border);border-radius:14px;padding:28px 24px;transition:all .3s;}

.ls-info-card:hover{border-color:var(--sky);box-shadow:0 10px 28px rgba(21,101,192,0.1);transform:translateY(-4px);}

.ls-info-icon{font-size:32px;margin-bottom:12px;display:block;}

.ls-info-title{font-size:15px;font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:0.3px;margin-bottom:8px;}


@media(max-width:960px){
  .wc-inner,.sustain-inner,.ls-grid{grid-template-columns:1fr;}
  .ls-quote-card{grid-column:auto;}
  .vs-label{font-size:11px;font-weight:800;color:rgba(255,255,255,0.5);letter-spacing:1.5px;text-transform:uppercase;margin-right:12px;flex-shrink:0;}
  .vs-inner{flex-direction:column;}
}



/* ── HERO IMAGE CARD 3D EFFECT ── */
.tb-right-wrap {
  perspective: 1200px;
}

.tb-right-img{border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,0.4);position:relative;border:2px solid rgba(255,255,255,0.15);cursor:pointer;transition:transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s ease;transform-style:preserve-3d;will-change:transform;}

/* Shine overlay on hover */
.tb-right-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.08) 50%,
    rgba(255,255,255,0) 100%
  );
  opacity: 0;
  transition: opacity .4s;
  border-radius: 14px;
  pointer-events: none;
}

.tb-right-img:hover::after {
  opacity: 1;
}

/* bottom gradient overlay on image */
.tb-right-img .img-overlay {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  background: linear-gradient(0deg, rgba(7,20,64,0.82) 0%, transparent 60%);
  padding: 32px 22px 18px;
  border-radius: 0 0 14px 14px;
}

.tb-right-img .img-overlay-title {
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
}

.tb-right-img .img-overlay-sub {
  font-size: 11px;
  color: rgba(255,255,255,0.55);
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.tb-anim-left{animation:slideInFromLeft  0.85s cubic-bezier(0.16,1,0.3,1) both;}

.tb-anim-right{animation:slideInFromRight 0.85s cubic-bezier(0.16,1,0.3,1) 0.15s both;}

.tb-anim-up-1  { animation: fadeSlideUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.1s  both; }

.tb-anim-up-2  { animation: fadeSlideUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.22s both; }

.tb-anim-up-3  { animation: fadeSlideUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.34s both; }

.tb-anim-up-4  { animation: fadeSlideUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.46s both; }

.tb-anim-up-5  { animation: fadeSlideUp 0.7s cubic-bezier(0.16,1,0.3,1) 0.56s both; }



/* ── Dark text: light background sections ── */
.about-main p, .about-story p,
.sustain-sec p, .sv-desc,
.ls-info-card p, .ls-info-desc, .ls-info-title,
.cv2-item-desc, .cv2-item-num, .cv2-item-title,
.cvl-card-desc, .cvl-card-num, .cvl-card-title,
.why-choose-sec p, .wc-item .wc-text,
.sec-sub, .cv-desc, .ip-p,
.prod-card p, .pp-card p,
.cl-card p, .cl-desc,
.qtest .qtest-desc, .qtest .qtest-name,
.cert-pill .cp-name, .cert-pill .cp-sub,
.params-table td, .params-table th,
.stage-desc, .stage-name,
.wc-desc, .quality-sec p,
.about-main .about-desc,
.leadership-sec .ls-info-card p {
  color: var(--muted, #4a6080) !important;
}

/* Section headings on light bg */
 .cv2-h em, .cvl-head-h em,
.ls-head-h, .ls-info-title,
.cv2-item-title, .cvl-card-title {
  color: var(--navy, #0C2461) !important;
}
 */


@media(max-width:960px){
  .tb-inner{grid-template-columns:1fr;gap:40px;}
  .mv-inner{grid-template-columns:1fr !important;}
  .cv-grid{grid-template-columns:repeat(2,1fr);}
  .story-grid{grid-template-columns:1fr;gap:40px;}
  .wc-inner{grid-template-columns:1fr;gap:40px;}
  .sustain-inner{grid-template-columns:1fr;gap:40px;}
  .proc-steps{grid-template-columns:1fr !important;}
  .ls-grid{grid-template-columns:1fr !important;}
}

@media(max-width:600px){
  .tb-h1{font-size:clamp(28px,7vw,40px);}
  .cv-grid{grid-template-columns:1fr;}
  .cs-inner{flex-wrap:wrap;justify-content:center;}
  .cs-items{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;}
}
 */


/* ══ TOPBAR RESPONSIVE FIX ══ */
/* Tablet (768–960px): single line, hide right side */
@media(max-width:960px){
  .topbar { padding:7px 4%; font-size:11px; }
  .tb-right { display:none; }
}



/* ══ COMMITTED STRIP: always horizontal ══ */
.committed-strip { padding: 20px 5%; }

.cs-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;flex-direction:row;}

.cs-items{display:flex;gap:12px;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:center;}

.cs-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff;letter-spacing:0.5px;background:rgba(0,180,216,0.1);border:1px solid rgba(0,180,216,0.25);border-radius:999px;padding:6px 16px;opacity:0;transform:translateY(20px) scale(0.8);transition:all 0.5s ease;white-space:nowrap;}


/* ══ MISSION TEXT: no italic ══ */
.mv-text { font-style: normal !important; }

.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 18px !important; line-height: 1.75; }

@media(max-width:768px){
  p { font-size: 16px; }
  .ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
  .wc-desc, .cl-desc, .stage-desc, .footer-about,
  .cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 16px !important; }
}

@media(max-width:480px){
  p { font-size: 15px; }
  .ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
  .wc-desc, .cl-desc, .stage-desc, .footer-about,
  .cinfo-val, .tb-desc, .hero-desc, .ab-desc { font-size: 15px !important; }
}



/* ══ ABOUT: dark section headings always white ══ */
.mv-sec .sec-h,
.mv-sec .sec-tag,
.certs-sec .sec-h,
.certs-sec .sec-tag { color: #fff !important; }

.mv-sec .sec-h span,
.certs-sec .sec-h span { color: var(--cyan) !important; }



/* ══ PARAGRAPH FONT UPDATE ══ */
.ph-sub, .vh-sub, .sec-sub, .ip-p, .pb-p, .cta-p,
.wc-desc, .cl-desc, .stage-desc, .footer-about,
.cinfo-val, .tb-desc, .hero-desc, .ab-desc {
  font-size: 16px !important;
  line-height: 1.4 !important;
}


.why-choose-section {
    width: 100%;
    height: 920px;
    padding: 0 !important;
}


@media (max-width: 767px) {
    .why-choose-section {
        height: 100%;
    }
}

.achieve-item:last-child { border-right: none; }

.achieve-num span { color: rgba(255,255,255,0.5); font-size: 22px; }

@media(max-width:768px){
  .achieve-inner { gap: 12px; justify-content: center; }
  .achieve-item { flex: 0 0 calc(50% - 6px); border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px 10px; }
  .achieve-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); }
  .achieve-num { font-size: 28px; }
}

@media(max-width:480px){
  .achieve-item { flex: 0 0 calc(50% - 6px); }
  .achieve-num { font-size: 24px; }
}


.sustain-sec .sec-sub { color: #0c2461 !important; }



.achieve-strip{background:linear-gradient(90deg, #020C24 0%, #0A2461 50%, #1565C0 100%);padding:36px 5%;border-top:1px solid rgba(0,229,255,0.15);border-bottom:1px solid rgba(0,229,255,0.15);}

.achieve-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}

.achieve-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:120px;padding:0 16px;border-right:1px solid rgba(255,255,255,0.1);}

.achieve-item:last-child { border-right: none; }

.achieve-num{font-size:36px;font-weight:900;color:#00E5FF;line-height:1;font-family:'Playfair Display', serif;}

.achieve-num span { color: rgba(255,255,255,0.5); font-size: 22px; }

.achieve-label{font-size:11px;font-weight:700;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:1px;margin-top:6px;}

@media(max-width:768px){
  .achieve-inner { gap: 12px; justify-content: center; }
  .achieve-item { flex: 0 0 calc(50% - 6px); border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); padding: 14px 10px; }
  .achieve-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); }
  .achieve-num { font-size: 28px; }
}

@media(max-width:480px){
  .achieve-item { flex: 0 0 calc(50% - 6px); }
  .achieve-num { font-size: 24px; }
}



.ls-info-desc{font-size:14px;color:#0c2461;line-height:1.7;}


.sv-desc{font-size:14px;color:#0c2461;margin-top:2px;line-height:1.65;}


.sustain-sec .sec-sub { color: #0c2461 !important; }


.mv-text{font-size:15px;color:#ffffff;line-height:1.8;font-style:normal;}
.ls-quote-text{font-size:17px;font-style:normal;color:#ffffff;line-height:1.8;margin-bottom:20px;position:relative;z-index:2;font-weight:400;}


.section-core-values {
    width: 100%;
    height: 920px;
    padding: 0 !important;
}


@media (max-width: 767px) {
    .section-core-values {
        height: 100%;
    }
}

@keyframes quotescroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@keyframes fadeSlideUp {
  from { opacity:0; transform:translateY(30px); }
  to   { opacity:1; transform:translateY(0); }
}
/* ===== PRODUCTS / WOOCOMMERCE SHOP PAGE ===== */

/* Touch targets */




.prod-tabs{display:flex;gap:4px;margin-bottom:40px;border-bottom:2px solid var(--border);}

.ptab{padding:12px 24px;font-size:13px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--muted);cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;font-family:'Montserrat',sans-serif;}

.ptab.active,.ptab:hover{color:var(--navy);border-bottom-color:var(--navy);}

.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px;}

.prod-card{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;transition:all .3s;}
.prod-card:hover{box-shadow:0 8px 32px rgba(12,36,97,0.12);transform:translateY(-3px);border-color:var(--sky);}
.prod-card-link{display:block;text-decoration:none;color:inherit;height:100%;}
.prod-img-wrap{position:relative;background:#fff;}
.prod-card img{width:100%;object-fit:cover;display:block;}

.prod-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(12,36,97,0.13);border-color:var(--sky);}

.prod-imgw{background:var(--off);padding:32px 20px;display:flex;align-items:center;justify-content:center;min-height:210px;position:relative;}

.prod-flag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase;}

.flag-blue{background:var(--navy);color:#fff;}

.flag-green{background:var(--green);color:#fff;}

.flag-orange{background:#E65100;color:#fff;}

.prod-body{padding:20px 8px 8px;}

.prod-name{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px;line-height:1.4;}

.prod-plats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}

.prod-footer{display:flex;align-items:center;justify-content:space-between;}

.prod-price small{font-size:11px;font-weight:400;color:var(--muted);}

.btn-order{padding:10px 20px;background:var(--navy);color:#fff;border:none;border-radius:10px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all .2s;font-family:'Montserrat',sans-serif;}

.btn-order:hover{background:var(--sky);}

.bulk-banner{background:linear-gradient(135deg,var(--navy2),var(--navy),#1565C0);border-radius:16px;padding:48px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:60px;position:relative;overflow:hidden;}

.bulk-banner::before{content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,0.05);}

.bulk-h{font-size:clamp(20px,3vw,32px);font-weight:800;color:#fff;text-transform:uppercase;margin-bottom:8px;}

.bulk-p{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.65;max-width:500px;}

.btn-bulk{padding:14px 32px;background:#fff;color:var(--navy);border:none;border-radius:4px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .25s;white-space:nowrap;flex-shrink:0;}

.btn-bulk:hover{background:var(--cyan);color:#fff;transform:translateY(-2px);}

@media(max-width:960px){.prod-grid{grid-template-columns:repeat(2,1fr);}}

@media(max-width:600px){.prod-grid{grid-template-columns:1fr;}.bulk-banner{flex-direction:column;}.prod-tabs{flex-wrap:wrap;}}






/* ── White text on dark hero ── */
.page-header p, .page-header h1, .page-header h2,
.page-header .ph-breadcrumb,
.page-header .ph-tag, .page-header .ph-sub,
.cta-sec p, .cta-sec h2,
.bulk-banner p, .bulk-banner h3 {
  color: #fff !important;
}

/* ── Dark text on white product cards ── */
.prod-name {
  color: var(--navy, #0C2461) !important;
}

.prod-desc{font-size:13px;color:var(--muted, #5a73a0);line-height:1.6;margin-bottom:14px;}

.prod-price{font-size:22px;font-weight:800;color:var(--navy, #0C2461);}

.plat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border:1px solid var(--border);border-radius:3px;color:var(--navy, #0C2461);transition:all .2s;}



@media(max-width:960px){
  .prod-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
}

@media(max-width:600px){
  .prod-grid{grid-template-columns:1fr;}
  .bulk-banner{flex-direction:column;text-align:center;padding:28px 20px;gap:16px;}
}

@media(max-width:480px){
  .ptab{font-size:12px;padding:10px 12px;}
  .prod-imgw{min-height:140px;}
  .btn-bulk{width:100%;}
}



@media(max-width:600px){
  /* All button groups: stack with gap */
  .hero-btns, .cb-cta-btns, .cta-btns, .pb-btns {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  /* Individual buttons full width with proper sizing */
  .btn-main, .btn-out, .btn-cta, .btn-cta-out,
  .btn-order, .btn-submit, .btn-bulk {
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    display: block !important;
  }
  /* Promise banner buttons specifically */
  .promise-banner .btn-cta,
  .promise-banner .btn-cta-out {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .promise-banner .btn-cta-out { margin-bottom: 0 !important; }
}

  .glass-bottle {
    color: brown;
    font-weight: 600;
    animation: blink 1.2s infinite;
}
/* 1. Make sure all cards in a row stretch to equal height */
ul.products {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch; /* forces every card to match the tallest one */
}

li.product {
  display: flex;
  height: auto;
}

/* 2. Card link fills the full height of its li */
.prod-card-link {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

/* 3. Body becomes a column so we can push footer down */
.prod-body {
  display: flex;
  flex-direction: column;
  flex: 1; /* fills remaining space inside the card */
  padding: 20px 8px 8px;
}

.prod-name {
  color: var(--navy, #0C2461) !important;
}

.prod-plats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.prod-desc {
  flex: 1; /* absorbs the extra space when text is short */
  font-size: 13px;
  color: var(--muted, #5a73a0);
  line-height: 1.6;
  margin-bottom: 14px;
}

/* 4. Footer always pinned to the bottom of the card */
.prod-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}


/* ===== SINGLE PRODUCT PAGE ===== */
.pd-section{padding:64px 5%;}
.pd-grid{display:grid !important;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start;}
.pd-img-col{position:sticky;top:100px;}
.pd-img-wrap{background:var(--off);border-radius:16px;padding:40px 32px;display:flex;align-items:center;justify-content:center;min-height:400px;position:relative;border:1.5px solid var(--border);}
.pd-img-wrap img{max-height:360px;width:100%;object-fit:contain;}
.pd-flag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase;}
.pd-flag.flag-blue{background:var(--navy);color:#fff;}
.pd-flag.flag-green{background:#388E3C;color:#fff;}
.pd-flag.flag-orange{background:#E65100;color:#fff;}
.pd-category-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--sky);border:1px solid var(--border);border-radius:3px;padding:5px 12px;margin-bottom:16px;}
.pd-name{font-size:clamp(20px,2.8vw,32px);font-weight:900;color:var(--navy);line-height:1.15;margin-bottom:10px;}
.pd-desc{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:28px;}
.pd-avail-label{font-size:11px;font-weight:800;color:var(--navy);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;}
.pd-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.pd-platforms .plat{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:6px 12px;border:1px solid var(--border);border-radius:4px;color:var(--muted);transition:all .2s;cursor:default;position:relative;}
.pd-platforms .plat:hover{background:var(--pale);border-color:var(--sky);color:var(--navy);}
.pd-platforms .plat::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:0;background:var(--navy);color:#fff;font-size:10px;font-weight:700;white-space:nowrap;padding:5px 10px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.18s;z-index:20;}
.pd-platforms .plat:hover::after{opacity:1;}
.pd-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;}
.pd-btns .woocommerce-Price-amount{display:none;}
.btn-pd-bulk{padding:14px 28px;background:#fff;color:var(--navy);border:2px solid var(--navy);border-radius:6px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all .2s;}
.btn-pd-bulk:hover{background:var(--navy);color:#fff;}
.pd-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--sky);letter-spacing:0.5px;text-transform:uppercase;margin-bottom:32px;text-decoration:none;transition:color .2s;}
.pd-back:hover{color:var(--navy);}
@media(max-width:860px){
  .pd-grid{grid-template-columns:1fr;gap:36px;}
  .pd-img-col{position:static;}
  .pd-img-wrap{min-height:260px;padding:24px 16px;}
  .pd-img-wrap img{max-height:230px;}
}
@media(max-width:600px){
  .btn-pd-bulk{width:100%;text-align:center;}
  .pd-btns{flex-direction:column;}
}
/* ===== PRIVACY POLICY / LEGAL PAGES ===== */
.policy-sec{background:#f8fafc;padding:60px 5% 80px;}
.policy-inner{max-width:860px;margin:0 auto;background:#fff;border-radius:16px;padding:48px 56px;box-shadow:0 2px 24px rgba(10,30,80,0.07);}
.policy-updated{font-size:13px;color:var(--muted);margin-bottom:28px;font-style:italic;}
.policy-inner p{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:16px;}
.policy-inner h2{font-size:20px;font-weight:800;color:var(--navy);text-transform:uppercase;letter-spacing:0.5px;margin:40px 0 14px;padding-top:24px;border-top:1px solid var(--border);}
.policy-inner h2:first-of-type{margin-top:24px;}
.policy-inner h3{font-size:15px;font-weight:700;color:var(--sky);margin:20px 0 10px;text-transform:uppercase;letter-spacing:0.5px;}
.policy-inner ul{margin:0 0 16px 0;padding-left:24px;}
.policy-inner ul li{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:6px;list-style:disc;}
.policy-highlight{background:rgba(0,180,216,0.07);border-left:3px solid var(--sky);padding:12px 16px;border-radius:0 8px 8px 0;font-weight:600;color:var(--navy);}
.policy-contact{background:var(--off);border-radius:12px;padding:24px 28px;margin:16px 0;}
.policy-contact p{margin-bottom:8px;}
.policy-contact a{color:var(--sky);font-weight:600;}
.policy-footer-tag{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-weight:800;color:var(--navy);font-size:14px;letter-spacing:1px;text-transform:uppercase;}
@media(max-width:700px){
  .policy-inner{padding:28px 20px;}
  .policy-inner h2{font-size:17px;}
}

/* ===== PRODUCT GRID CARDS (conflict-safe class names) ===== */
.op-pcard{border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;transition:all .3s;}
.op-pcard:hover{box-shadow:0 8px 32px rgba(12,36,97,0.12);transform:translateY(-3px);border-color:var(--sky);}
.op-pcard-link{display:block;text-decoration:none;color:inherit;}
.op-pcard-img{position:relative;background:#fff;}
.op-pcard-img img{width:100%;height:250px;object-fit:cover;display:block;}
.op-pflag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase;z-index:2;}
.op-flag-blue{background:var(--navy);color:#fff;}
.op-flag-green{background:#388E3C;color:#fff;}
.op-flag-orange{background:#E65100;color:#fff;}
.op-pcard-body{padding:20px;}
.op-pname{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:8px;line-height:1.3;}
.op-pdesc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:14px;}
.op-pplats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.op-pplats span{font-size:11px;font-weight:600;padding:4px 10px;border:1px solid var(--border);border-radius:4px;color:var(--muted);}
.op-pfoot{margin-top:auto;}
.op-pbtn{display:inline-block;padding:10px 22px;background:var(--navy);color:#fff;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;transition:all .2s;}
.op-pcard:hover .op-pbtn{background:var(--sky);}
@media(max-width:600px){
  .op-pcard-img img{height:200px;}
}

/* ===== SINGLE PRODUCT PAGE (conflict-safe op- classes) ===== */
.op-pd-section{padding:64px 5%;}
.op-pd-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start;}
.op-pd-img-col{position:sticky;top:100px;}
.op-pd-img-wrap{background:var(--off);display:flex;align-items:center;justify-content:center;padding:5px;position:relative;border:1.5px solid var(--border);}
.op-pd-flag{position:absolute;top:12px;left:12px;font-size:10px;font-weight:800;padding:4px 10px;border-radius:3px;letter-spacing:0.5px;text-transform:uppercase;z-index:2;}
.op-flag-blue{background:var(--navy);color:#fff;}
.op-flag-green{background:#388E3C;color:#fff;}
.op-flag-orange{background:#E65100;color:#fff;}
.op-pd-cat-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--sky);border:1px solid var(--border);border-radius:3px;padding:5px 12px;margin-bottom:16px;}
.op-pd-name{font-size:clamp(20px,2.8vw,32px);font-weight:900;color:var(--navy);line-height:1.15;margin-bottom:10px;}
.op-pd-pack{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:24px;padding-bottom:24px;border-bottom:1.5px solid var(--border);}
.op-pd-desc{font-size:15px;color:var(--text);line-height:1.8;margin-bottom:28px;}
.op-pd-avail-label{font-size:11px;font-weight:800;color:var(--navy);letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;}
.op-pd-platforms{display:flex;gap:8px;flex-wrap:wrap;}

.op-pd-platforms span{display:inline-flex;align-items:center;font-weight:700;transition:all .2s;}

.op-pd-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;margin-top:10px;}
.op-pd-bulk-btn{padding:14px 28px;background:#fff;color:var(--navy);border:2px solid var(--navy);border-radius:6px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;cursor:pointer;transition:all .2s;}
.op-pd-bulk-btn:hover{background:var(--navy);color:#fff;}
.op-pd-back{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--sky);letter-spacing:0.5px;text-transform:uppercase;margin-bottom:32px;text-decoration:none;transition:color .2s;}
.op-pd-back:hover{color:var(--navy);}
@media(max-width:860px){
  .op-pd-grid{grid-template-columns:1fr;gap:36px;}
  .op-pd-img-col{position:static;}

}
@media(max-width:600px){
  .op-pd-bulk-btn{width:100%;}
  .op-pd-btns{flex-direction:column;}
}

/* ===== VERIFY PAGE CHECKLIST FIX ===== */
.cl-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;}
.cl-card{display:flex !important;gap:20px !important;align-items:flex-start !important;background:#fff !important;border:1.5px solid var(--border) !important;border-radius:16px !important;padding:22px !important;position:relative !important;overflow:hidden !important;}
@media(max-width:960px){
  .cl-grid{grid-template-columns:1fr !important;}
}

/* ===== PURIFY PARAMS TABLE FIX ===== */
.params-sec{background:var(--off);padding:64px 5%;}
.params-inner{max-width:1280px;margin:0 auto;}
.table-scroll-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;box-shadow:0 8px 40px rgba(12,36,97,0.10);}
.params-table{width:100%;min-width:560px;border-collapse:collapse;background:#fff;}
.params-table thead tr{background:var(--navy);}
.params-table th{padding:16px 20px;text-align:left;font-size:11px;font-weight:800;color:#fff;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;}
.params-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s;}
.params-table tbody tr:last-child{border-bottom:none;}
.params-table tbody tr:hover{background:var(--off);}
.params-table td{padding:14px 20px;font-size:14px;color:var(--text);vertical-align:middle;}
.params-table td:first-child{font-weight:700;color:var(--navy);}
.params-table td:nth-child(2){color:var(--muted);font-size:13px;}
.p-pass{display:inline-flex;align-items:center;gap:5px;background:#E8F5E9;color:#2E7D32;font-size:11px;font-weight:800;padding:6px 12px;border-radius:999px;white-space:nowrap;}
@media(max-width:768px){
  .params-table{font-size:13px;}
  .params-table th,.params-table td{padding:11px 12px;}
  .form-row {grid-template-columns:1fr;}
  .contact-form{padding:16px;}
}

@media(max-width:768px){
.nav-right img {margin-right: -23px;}
.prod-plats {gap:0px;}
.store-flip-inner {width:98% !important;}
}
/* ===== PRODUCT IMAGE ZOOM ON HOVER ===== */
.op-pd-img-wrap{overflow:hidden;}
.op-pd-img-wrap img{transition:transform 0.4s ease;cursor:zoom-in;}
.op-pd-img-wrap:hover img{transform:scale(1.5);}

/* ===== PRODUCT USE CASES SECTION ===== */
.op-usecases-sec{padding:60px 5%;}
.op-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.op-usecase-card{background:var(--navy);border-radius:14px;padding:28px 24px;color:#fff;transition:all .3s;cursor:default;}
.op-usecase-card:hover{background:var(--sky);transform:translateY(-4px);box-shadow:0 16px 40px rgba(12,36,97,0.25);}
.op-usecase-icon{font-size:28px;margin-bottom:12px;}
.op-usecase-title{font-size:15px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:8px;}
.op-usecase-desc{font-size:13px;color:rgba(255,255,255,0.75);line-height:1.6;}
@media(max-width:960px){.op-usecases-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.op-usecases-grid{grid-template-columns:1fr;}}

/* ===== PRODUCT KEY FEATURES ===== */
.op-key-features{display:flex;flex-direction:column;gap:28px;margin:16px 0;}
.op-kf-title{font-size:20px;font-weight:900;color:var(--sky);margin-bottom:16px;}
.op-kf-list{list-style:none;display:flex;flex-direction:column;gap:12px;}
.op-kf-list li{font-size:15px;color:var(--text);line-height:1.6;display:flex;align-items:flex-start;gap:12px;}
.op-kf-list li::before{content:'🔵';font-size:14px;flex-shrink:0;margin-top:2px;}

.op-kf-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.op-kf-table thead tr{background:#fff;border-bottom:2px solid var(--border);}
.op-kf-table th{padding:14px 18px;text-align:left;font-size:12px;font-weight:800;color:var(--sky);text-transform:uppercase;letter-spacing:1px;}
.op-kf-table tbody tr{border-bottom:1px solid var(--border);}
.op-kf-table tbody tr:last-child{border-bottom:none;}
.op-kf-table tbody tr:hover{background:var(--off);}
.op-kf-table td{padding:14px 18px;color:var(--text);font-size:14px;vertical-align:top;}
.op-kf-table td:first-child{font-weight:700;color:var(--navy);}

/* ===== PERFECT FOR SECTION ===== */
.op-perfect-for{margin:24px 0;}
.op-pf-title{font-size:18px;font-weight:900;color:var(--sky);margin-bottom:16px;}
.op-pf-grid{display:flex;flex-wrap:wrap;gap:10px;}
.op-pf-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--pale);border:1.5px solid var(--border);border-radius:999px;font-size:13px;font-weight:700;color:var(--navy);transition:all .2s;}
.op-pf-tag::before{content:'✦';color:var(--sky);font-size:11px;}
.op-pf-tag:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

/* ===== FIX: usecases section full width inside product description ===== */
.woocommerce-Tabs-panel .op-usecases-sec,
.op-pd-desc .op-usecases-sec {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.pp-imgw {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 !important;
}

/* ══ FIX: align "Order Product" buttons across product cards ══ */
.pp-grid .pp-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.pp-grid .pp-body{
  display:flex;
  flex-direction:column;
  flex:1; /* body fills remaining card height */
}
.pp-grid .pp-vol{
  flex:1; /* description grows/shrinks, pushing footer down consistently */
}
.pp-grid .pp-footer{
  margin-top:auto; /* footer (button) always pinned to bottom */
}

.prod-plats img{width:52px}
.store-flip-card {
    display: inline-block;
    width: 56px;
    height: 22px;
    perspective: 1000px;
    text-decoration: none;
}

.store-flip-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;

    transition: transform 0.6s;
    transform-style: preserve-3d;
}

/* Flip on hover */
.store-flip-card:hover .store-flip-inner {
    transform: rotateY(180deg);
}

/* Both sides */
.store-flip-front,
.store-flip-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #102d6b;
    border-radius: 5px;
    box-sizing: border-box;

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* Front side */
.store-flip-front {
    background: #fff;
}



.store-flip-front img {
   border-radius:3px;
}

/* Back side */
.store-flip-back {
    background: #102d6b;
    color: #fff;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    transform: rotateY(180deg);
}

.orennpure-cta {
  padding: 80px 20px;
  background: #eaedef;
  text-align: center;
}

.orennpure-cta__content {
  max-width: 850px;
  margin: 0 auto;
}

.orennpure-cta h2 {
  margin: 0 0 20px;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.2;
  font-weight: 700;
  color: #0b2d45;
}

.orennpure-cta p {
  max-width: 720px;
  margin: 0 auto 32px;
  font-size: 18px;
  line-height: 1.7;
  color: #5f6f7a;
}

.orennpure-cta__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 14px 28px;
  border: 2px solid transparent;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Primary Button */
.cta-btn--primary {
  background: #0077b6;
  border-color: #0077b6;
  color: #ffffff;
}

.cta-btn--primary:hover {
  background: #005f8f;
  border-color: #005f8f;
  transform: translateY(-2px);
}

/* Secondary Button */
.cta-btn--secondary {
  background: transparent;
  border-color: #0077b6;
  color: #0077b6;
}

.cta-btn--secondary:hover {
  background: #0077b6;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Mobile Responsive */
@media (max-width: 576px) {
  .orennpure-cta {
    padding: 60px 20px;
  }

  .orennpure-cta h2 {
    font-size: 30px;
  }

  .orennpure-cta p {
    font-size: 16px;
  }

  .orennpure-cta__buttons {
    flex-direction: column;
  }

  .cta-btn {
    width: 100%;
    max-width: 320px;
  }
}
/* ===== CONTACT FORM: PRODUCT INTEREST ===== */
.pi-categories{display:flex;flex-direction:column;gap:20px;margin-top:8px;}
.pi-cat-group{border:1.5px solid var(--border);border-radius:12px;overflow:hidden;}
.pi-cat-title{background:var(--navy);color:#fff;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:10px 16px;}
.pi-products{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:4px 0;}
.pi-check{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;transition:background .2s;}
.pi-check:hover{background:var(--pale);}
.pi-check input{display:none;}
.pi-check-box{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.pi-check input:checked + .pi-check-box{background:var(--navy);border-color:var(--navy);}
.pi-check input:checked + .pi-check-box::after{content:'✓';color:#fff;font-size:11px;font-weight:800;}
.pi-check-label{font-size:13px;color:var(--text);line-height:1.4;}
@media(max-width:600px){.pi-products{grid-template-columns:1fr;}}

/* FIX STATE + CITY COLUMN WIDTH */

.contact-form .form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px !important;
    width: 100%;
}

.contact-form .form-group {
    width: 100% !important;
    min-width: 0 !important;
}

.contact-form .form-group select,
.contact-form .form-group input,
.contact-form .form-group textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#contactState,
#contactCity {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}


/* MOBILE */

@media (max-width: 768px) {

    .contact-form .form-row {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

}

/* =====================================
   FOOTER CONTACT INFORMATION
===================================== */

.footer-cinfo {
  margin-top: 20px;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.footer-contact-item:last-child {
  margin-bottom: 0;
}


/* Equal size container for every icon */

.footer-contact-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  flex: 0 0 22px;

  display: flex;
  align-items: center;
  justify-content: center;
}


/* Equal SVG icon size */

.footer-contact-icon svg {
  display: block;

  width: 19px;
  height: 19px;

  min-width: 19px;
  min-height: 19px;

  fill: #ffffff;
}


/* Contact text */

.footer-contact-item strong {
  display: block;
  line-height: 1.4;
}

.footer-contact-item a {
  color: inherit;
  text-decoration: none;
}

.footer-contact-item a:hover {
  opacity: 0.8;
}


/* =====================================
   MOBILE RESPONSIVE
===================================== */

@media (max-width: 768px) {

  .footer-contact-item {
    gap: 10px;
  }

  .footer-contact-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    flex-basis: 20px;
  }

  .footer-contact-icon svg {
    width: 18px;
    height: 18px;
  }
  
  .footer-qr img {
      width:60%;
  }
  
  .footer-qr p{font-size:14px !important;}
  

}

.blink {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}