:root{--blue:#0877c9;--deep:#063b68;--cyan:#14bde8;--ink:#102536;--muted:#647587;--line:#dce7ef;--soft:#f4f9fc;--white:#fff;--shadow:0 18px 50px rgba(8,55,90,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.topbar{background:#063b68;color:#fff;font-size:13px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 8px 25px rgba(8,55,90,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;color:#063b68}.logo img{width:55px;height:58px;object-fit:contain}.logo small{display:block;font-size:10px;letter-spacing:3px;color:#0a88d5}.header-actions{display:flex;align-items:center;gap:12px}.search{display:flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.search input{border:0;outline:0;padding:11px 13px;width:270px}.search button{border:0;background:#f0f7fb;padding:0 14px;color:var(--deep);font-size:20px}.cart-link{font-weight:700;padding:11px 14px;border:1px solid var(--line);border-radius:12px}.cart-link span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:99px;background:var(--blue);color:#fff;font-size:12px}.menu-toggle{display:none;border:0;background:transparent;font-size:26px}.mega-nav{border-top:1px solid #eef4f7}.nav-inner{display:flex;align-items:center;gap:28px;height:48px;font-size:14px;font-weight:700}.nav-inner>a,.nav-drop>a{padding:14px 0}.nav-drop{position:relative}.mega-menu{position:absolute;display:none;left:-40px;top:42px;width:720px;padding:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:1fr 1fr 1.25fr;gap:24px}.nav-drop:hover .mega-menu{display:grid}.mega-menu b{display:block;color:var(--deep);margin-bottom:12px}.mega-menu a:not(.btn){display:block;color:var(--muted);padding:7px 0}.mega-feature{background:var(--soft);padding:18px;border-radius:15px}.mega-feature p{color:var(--muted);font-size:13px;line-height:1.6}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:12px;padding:12px 18px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#0565ad;transform:translateY(-1px)}.btn-light{background:#fff;color:var(--deep)}.btn-outline{border-color:var(--blue);color:var(--blue);margin-left:8px}.btn-lg{padding:14px 20px;margin-top:12px}.full{width:100%}.hero{position:relative}.hero-slider{height:570px;position:relative;overflow:hidden;background:#dff3fb}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.03);transition:opacity .7s,transform 5s}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,42,73,.86),rgba(3,42,73,.35),rgba(3,42,73,.08))}.hero-inner{position:relative;z-index:2;color:#fff;padding-top:150px;max-width:1180px}.hero-inner h1{font:800 clamp(42px,6vw,72px)/.98 Manrope,sans-serif;max-width:720px;margin:13px 0 20px}.hero-inner p{font-size:18px;line-height:1.65;max-width:590px;color:#eef8ff}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--cyan)}.hero .eyebrow{color:#9fe8ff}.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:35px;cursor:pointer}.hero-arrow.prev{left:24px}.hero-arrow.next{right:24px}.hero-dots{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#fff8;padding:0}.hero-dots button.active{background:#fff;width:24px;border-radius:20px}.brand-strip{overflow:hidden;background:#073e6a;color:#fff}.brand-marquee{display:flex;gap:48px;padding:17px 0;animation:marquee 20s linear infinite;white-space:nowrap;font-weight:800}.brand-marquee span:before{content:"✦";color:#5fe0ff;margin-right:12px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-20%)}}.section{padding:86px 0}.section.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2,.page-hero h1{font:800 clamp(30px,4vw,48px)/1.05 Manrope,sans-serif;margin:8px 0}.text-link{color:var(--blue);font-weight:800}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.25s;box-shadow:0 4px 14px rgba(8,55,90,.04)}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{height:240px;background:#f4fbff;display:grid;place-items:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-content{padding:17px}.mini-cat{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#0b8ccf;font-weight:800}.product-card h3{font-size:16px;line-height:1.4;margin:7px 0 15px;min-height:45px}.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-bottom strong{font-size:20px;color:var(--deep)}.add-btn{border:0;background:#eaf7fd;color:var(--blue);font-weight:800;border-radius:9px;padding:9px 13px;cursor:pointer}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid>div{background:#fff;border:1px solid var(--line);padding:26px;border-radius:18px}.feature-grid b{font-size:13px;color:var(--blue)}.feature-grid h3{margin:14px 0 7px}.feature-grid p,.testimonial-grid blockquote,.blog-card p,.area-card p{color:var(--muted);line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid blockquote{margin:0;padding:28px;border:1px solid var(--line);border-radius:18px;font-size:16px;background:#fff}.testimonial-grid cite{display:block;margin-top:18px;color:var(--deep);font-size:13px;font-style:normal;font-weight:800}.cta-band{background:linear-gradient(110deg,#047bc9,#063b68);color:#fff;padding:58px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{font:800 32px/1.15 Manrope,sans-serif;max-width:760px;margin:8px 0}.page-hero{background:linear-gradient(115deg,#eaf8ff,#f8fcff);padding:80px 0}.page-hero p{max-width:700px;color:var(--muted);font-size:17px;line-height:1.7}.page-hero.compact{padding:55px 0}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.two-col p{line-height:1.8;color:var(--muted)}.info-card,.contact-card,.summary-card,.checkout-form{border:1px solid var(--line);padding:28px;border-radius:20px;box-shadow:0 10px 35px rgba(8,55,90,.06)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-card{padding:22px;border:1px solid var(--line);border-radius:17px}.area-card span{color:#13a87b;font-weight:900}.area-card h3{margin:10px 0 4px}.cta-strip{margin-top:40px;background:#063b68;color:#fff;border-radius:20px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-strip p{margin:5px 0 0;color:#d7e9f5}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{border:1px solid var(--line);border-radius:18px;padding:22px}.blog-art{height:180px;border-radius:14px;background:linear-gradient(135deg,#e6f8ff,#c5e9fa);display:grid;place-items:center;font-size:55px}.blog-card h3{font-size:21px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.contact-card h2{font:800 30px Manrope;margin-top:0}.contact-item{display:flex;flex-direction:column;gap:6px;padding:17px 0;border-bottom:1px solid var(--line);line-height:1.5}.contact-item b{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.contact-item a{color:var(--blue);font-weight:800}.map-card{overflow:hidden;border-radius:20px;border:1px solid var(--line);min-height:450px}.map-card iframe{width:100%;height:100%;min-height:450px}.product-detail{padding-top:70px}.product-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.product-main-image{border-radius:24px;overflow:hidden;background:#f5fbff;border:1px solid var(--line);box-shadow:var(--shadow)}.product-main-image img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-detail h1{font:800 clamp(35px,5vw,58px)/1.05 Manrope;margin:10px 0 16px}.product-desc{color:var(--muted);line-height:1.8}.price-big{font-size:35px;font-weight:900;color:var(--deep);margin-top:25px}.pack-badge{display:inline-block;margin:9px 0 12px;padding:7px 10px;background:#edf8fd;color:#0877c9;border-radius:8px;font-size:12px;font-weight:800}.qty-control{display:flex;width:max-content;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:7px 0}.qty-control button{width:40px;border:0;background:#f2f7fa;font-size:22px}.qty-control input{width:52px;text-align:center;border:0;outline:0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;color:#477087;font-size:13px;font-weight:700}.checkout-grid{display:grid;grid-template-columns:1fr .8fr;gap:28px}.checkout-form label{display:block;font-size:13px;font-weight:800;margin-bottom:15px}.checkout-form input,.checkout-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:7px;outline:0;font:inherit}.checkout-form textarea{min-height:100px;resize:vertical}.summary-card{height:max-content}.summary-item{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.summary-item img{width:65px;height:65px;border-radius:10px;object-fit:cover}.summary-item small{color:var(--muted)}.summary-total{display:flex;justify-content:space-between;padding-top:18px;font-size:20px;font-weight:900}.small-note{font-size:12px;color:var(--muted);line-height:1.6}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.footer{background:#061f34;color:#dcebf4;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1.3fr;gap:30px}.footer-logo{width:70px;height:70px;object-fit:contain;background:#fff;border-radius:12px}.footer p{color:#9eb7c8;line-height:1.7}.footer h4{color:#fff;margin-top:0}.footer-grid a{display:block;color:#b9cfdd;padding:6px 0}.footer-bottom{margin-top:40px;padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8fa9ba}.social-sticky{position:fixed;left:15px;bottom:20px;z-index:70;display:flex;flex-direction:column;gap:8px}.social-sticky a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#063b68;color:#fff;font-weight:900;box-shadow:0 7px 20px rgba(0,0,0,.16);animation:blink 1.8s infinite}.social-sticky a:nth-child(2){animation-delay:.3s}.social-sticky a:nth-child(3){animation-delay:.6s}@keyframes blink{0%,100%{transform:scale(1);box-shadow:0 7px 20px rgba(0,0,0,.16)}50%{transform:scale(1.08);box-shadow:0 0 0 8px rgba(20,189,232,.12)}}.live-chat{position:fixed;right:18px;bottom:20px;z-index:70;background:#16a34a;color:#fff;padding:12px 17px;border-radius:30px;font-weight:800;box-shadow:0 10px 28px rgba(0,0,0,.2);animation:blink 1.8s infinite}.live-chat span{margin-right:6px}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.area-grid{grid-template-columns:repeat(2,1fr)}.mega-menu{width:650px}.search input{width:190px}}@media(max-width:760px){.topbar .container{justify-content:center;text-align:center}.topbar span:nth-child(2){display:none}.nav-wrap{min-height:72px}.logo span{font-size:17px}.logo img{width:45px;height:48px}.search{display:none}.menu-toggle{display:block}.mega-nav{display:none}.mega-nav.open{display:block}.nav-inner{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.nav-inner>a,.nav-drop>a{display:block;padding:11px 0}.mega-menu{position:static;width:auto;display:grid;grid-template-columns:1fr 1fr;padding:15px;margin:0 0 8px;box-shadow:none}.mega-feature{grid-column:1/-1}.hero-slider{height:590px}.hero-inner{padding-top:155px}.hero-inner h1{font-size:45px}.hero-arrow{display:none}.section{padding:60px 0}.section-head{align-items:start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-image{height:190px}.product-content{padding:13px}.product-card h3{font-size:14px;min-height:auto}.card-bottom strong{font-size:17px}.feature-grid,.testimonial-grid,.blog-grid,.two-col,.contact-grid,.product-detail-grid,.checkout-grid{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr 1fr}.cta-band .container,.cta-strip{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.live-chat{right:12px;bottom:12px}.social-sticky{left:9px;bottom:12px}.product-detail-grid{gap:28px}.btn-outline{margin-left:0}.hero-slide{background-position:60% center}}@media(max-width:430px){.product-grid{grid-template-columns:1fr 1fr}.product-image{height:165px}.footer-grid{grid-template-columns:1fr}.area-grid{grid-template-columns:1fr}.mega-menu{grid-template-columns:1fr}.hero-inner h1{font-size:38px}}

/* v2 image and layout fixes */
.product-image{padding:14px;background:#f8fcff;position:relative}
.product-image img{object-fit:contain;object-position:center;width:100%;height:100%;max-width:100%;max-height:100%}
.product-main-image{padding:22px;background:#f8fcff}
.product-main-image img{object-fit:contain;object-position:center;background:#fff}
.hero-slide{background-repeat:no-repeat;background-color:#eaf8ff}
.hero-aqua{background-size:cover;background-position:center center}
.hero-talap{background-size:cover;background-position:center center}
.hero-jars{background-size:cover;background-position:center center}
.gmb-review-card{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:center;border:1px solid var(--line);border-radius:22px;padding:34px;background:linear-gradient(110deg,#f5fbff,#fff);box-shadow:var(--shadow)}
.gmb-score{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid var(--line);padding-right:30px}
.gmb-score strong{font:800 64px/1 Manrope;color:var(--deep)}
.gmb-score span{letter-spacing:4px;color:#f5a623;font-size:19px;margin:9px 0}
.gmb-score small{color:var(--muted)}
.gmb-review-card h3{font:800 28px Manrope;margin:0 0 8px}
.gmb-review-card p{color:var(--muted);line-height:1.75;max-width:700px}
.footer-brand h3{font:800 20px Manrope;color:#fff;margin:12px 0 0}
.footer-brand p{max-width:320px}
.footer-grid>div:not(.footer-brand) a{position:relative}
.footer-grid>div:not(.footer-brand) a:hover{color:#fff;transform:translateX(3px)}
.footer-map-link{margin-top:7px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px}
@media(max-width:760px){
 .gmb-review-card{grid-template-columns:1fr;gap:20px}
 .gmb-score{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
 .footer-bottom{flex-direction:column}
 .hero-slide{background-size:cover;background-position:60% center}
}

/* Product detail route stability */
.product-detail{min-height:620px;background:#fff}
.product-detail-grid{max-width:1180px;margin:0 auto}
.product-main-image{min-width:0;min-height:520px;display:flex;align-items:center;justify-content:center}
.product-main-image img{display:block;width:100%;height:520px;max-height:520px;object-fit:contain}
.product-detail-grid>div{min-width:0}
@media(max-width:760px){.product-main-image{min-height:360px}.product-main-image img{height:360px;max-height:360px}}

/* Product PNG presentation: complete bottle visible, no crop or overlap */
.product-image img {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px;
  background: #fff;
}
.product-main-image img {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 28px;
  background: #fff;
}

/* Hero v5: complete composition visible on desktop and mobile */
.hero-slide{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:760px){
  .hero-aqua{background-image:url('../images/aqua-hero-mobile.jpg')!important}
  .hero-talap{background-image:url('../images/talap-hero-mobile.jpg')!important}
  .hero-jars{background-image:url('../images/jars-hero-mobile.jpg')!important}
  .hero-slider{height:min(112vw,680px)!important}
  .hero-inner{padding-top:120px}
  .hero-inner h1{font-size:clamp(34px,9vw,46px);max-width:90%}
  .hero-inner p{font-size:15px;max-width:90%}
}

/* v6 product filters and isolated PNG presentation */
.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 28px;padding:8px;background:#f4f9fc;border:1px solid #dce7ef;border-radius:14px}
.filter-bar a{display:inline-flex;align-items:center;padding:10px 15px;border-radius:10px;color:#486176;font-weight:800;font-size:13px;white-space:nowrap}
.filter-bar a:hover,.filter-bar a.active{background:#0877c9;color:#fff}
.product-image{padding:12px !important;background:#f8fcff !important;overflow:hidden}
.product-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain !important;object-position:center center !important;padding:0 !important;background:transparent !important}
.product-main-image{padding:25px !important;background:#f8fcff !important;overflow:hidden}
.product-main-image img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain !important;object-position:center center !important;padding:0 !important;background:transparent !important}

/* Final product-image containment */
.product-image {
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.product-image img,
.product-main-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.upi-payment{margin:22px 0;padding:20px;border:1px solid #cfe5f4;border-radius:16px;background:#f5fbff}
.upi-payment h3{margin-top:0;color:#063b68}
.upi-payment p{line-height:1.6}
#upiQrWrap{text-align:center;margin:14px auto}
#upiQr{width:220px;height:220px;max-width:100%;object-fit:contain;background:#fff;padding:8px;border:1px solid #dce7ef;border-radius:12px}
.upi-payment input[type=file]{background:#fff}
button:disabled{opacity:.6;cursor:wait}

/* v9 cart interaction and responsive layout fixes */
.product-card { min-width: 0; display: flex; flex-direction: column; }
.product-image { flex: 0 0 240px; min-width: 0; }
.product-content { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.product-content h3 { overflow-wrap: anywhere; }
.card-bottom { margin-top: auto; gap: 10px; }
.add-btn, .js-add-cart { cursor: pointer; pointer-events: auto; position: relative; z-index: 2; }
.add-btn:active, .js-add-cart:active { transform: scale(.98); }
.product-detail-grid > div { min-width: 0; }
.checkout-grid > * { min-width: 0; }
@media(max-width:760px) {
  .product-image { flex-basis: 180px; }
  .product-detail-grid { grid-template-columns: 1fr; }
  .checkout-grid { grid-template-columns: 1fr; }
}

/* v11: full-width Talap Premium 20L hero and complete product PNG */
.hero-slide {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}
.product-image img,
.product-main-image img {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 12px !important;
  background: #fff !important;
}
@media (max-width: 760px) {
  .hero-slide {
    background-size: contain !important;
    background-position: center center !important;
    background-color: #eaf7ff !important;
  }
}

/* v12 hero, transparent product PNG and thank-you page */
.hero-slide.hero-talap { background-size: cover !important; background-position: center center !important; }
.hero-slide.hero-talap .hero-inner { display:none !important; }
.product-image img, .product-main-image img { object-fit:contain!important; object-position:center!important; }
.thankyou-section{padding:72px 0;background:linear-gradient(135deg,#eff9ff,#fff 55%,#e9f5ff);min-height:62vh;display:flex;align-items:center}
.thankyou-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #dcebf5;border-radius:28px;padding:48px 34px;text-align:center;box-shadow:0 22px 70px #073b6812}
.thankyou-check{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e2f8ec;color:#129454;font-size:46px;font-weight:800}
.thankyou-card h1{font:800 clamp(28px,4vw,42px)/1.15 Manrope,Inter,sans-serif;color:#063b68;margin:12px 0}
.thankyou-card p{color:#52687b;line-height:1.75}
.thankyou-card .thankyou-lead{font-size:19px;color:#123c60;font-weight:700}
.thankyou-steps{display:grid;gap:10px;max-width:420px;margin:24px auto;padding:18px;background:#f4fbff;border-radius:14px;text-align:left;color:#24516e}
.thankyou-steps span{padding:4px}
@media(max-width:760px){
 .hero-slide.hero-talap{background-size:contain!important;background-position:center top!important;background-color:#eaf7ff!important}
 .hero-slider{min-height:320px}
 .thankyou-card{padding:34px 20px}
}

/* v12 full-banner fit on desktop and mobile */
.hero-slide.hero-talap{background-size:100% 100%!important;background-position:center!important}
.hero-slide.hero-talap:before{display:none!important;background:none!important}
@media(min-width:761px){
 .hero-slider{height: min(56.25vw, 760px); min-height:520px}
}
@media(max-width:760px){
 .hero-slider{height:auto!important;aspect-ratio:16/9;min-height:0!important}
 .hero-slide.hero-talap{background-size:100% 100%!important;background-position:center top!important}
 .hero-arrow{width:32px;height:32px}
}

/* v13: accessible two-slide hero, desktop/mobile responsive */
.hero{width:100%;margin:0;padding:0}
.hero-slider{position:relative;width:100%;height:clamp(300px,39vw,610px);overflow:hidden;background:#eaf6ff}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .55s ease;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}
.hero-slide.active{opacity:1;visibility:visible}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:0;border-radius:50%;width:46px;height:46px;background:rgba(255,255,255,.92);color:#063b68;font-size:34px;line-height:1;cursor:pointer;box-shadow:0 5px 18px #00335a20}
.hero-arrow.prev{left:18px}.hero-arrow.next{right:18px}
.hero-dots{position:absolute;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.hero-dots button{width:10px;height:10px;border-radius:50%;border:1px solid #073b68;background:#fff;padding:0;cursor:pointer}
.hero-dots button.active{background:#0877d9;width:26px;border-radius:9px}
@media(max-width:760px){
 .hero-slider{height:auto;aspect-ratio:16/9;min-height:0}
 .hero-slide{background-size:100% 100%!important;background-position:center center!important}
 .hero-arrow{width:32px;height:32px;font-size:25px}
 .hero-arrow.prev{left:8px}.hero-arrow.next{right:8px}
 .hero-dots{bottom:8px;gap:7px}
 .hero-dots button{width:8px;height:8px}
 .hero-dots button.active{width:20px}
}

/* v14 hero responsive image rendering */
.hero-slider{height:clamp(300px,38vw,610px);aspect-ratio:auto}
.hero-slide{background:none!important;overflow:hidden}
.hero-slide picture{display:block;width:100%;height:100%}
.hero-slide picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){
 .hero-slider{height:auto!important;aspect-ratio:4/5;min-height:0!important;max-height:none}
 .hero-slide picture img{object-fit:contain;object-position:center;background:#eaf6ff}
}

/* v15: product route, image and add-to-cart interaction fixes */
.product-card,.product-content,.product-detail-grid>div{min-width:0}
.product-image img,.product-main-image img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important}
.js-add-cart,.add-btn{position:relative;z-index:10;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.js-add-cart.added{background:#dff7e8!important;color:#126a3a!important}


/* v16 Our Branches page and horizontal product slider */
.branches-hero{background:radial-gradient(circle at 85% 15%,#d3f0ff 0,transparent 32%),linear-gradient(115deg,#eaf8ff,#f8fcff)}
.branch-stats{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.branch-stats>div{display:flex;flex-direction:column;gap:5px;min-width:145px;padding:16px 20px;background:#fff;border:1px solid #dcecf5;border-radius:14px;box-shadow:0 8px 24px #063b6808}
.branch-stats strong{font-size:22px;color:#063b68}.branch-stats span{font-size:12px;color:var(--muted);font-weight:700}
.branches-section{padding-top:68px}.branches-intro{max-width:430px;margin:0;color:var(--muted);line-height:1.7}
.branches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.branch-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(8,55,90,.055)}
.branch-card-head{display:flex;align-items:flex-start;gap:14px;padding:24px 24px 0}.branch-number{flex:0 0 44px;height:44px;border-radius:13px;background:#e8f7ff;color:#0877c9;display:grid;place-items:center;font-weight:900}
.branch-card h3{margin:1px 0 7px;color:#063b68;font-size:21px;line-height:1.3}.branch-area{margin:0;color:#0877c9;font-size:13px;font-weight:800}
.branch-copy{padding:0 24px;margin:17px 0;color:var(--muted);line-height:1.7;min-height:72px}.branch-map{height:310px;margin:0 18px;overflow:hidden;border-radius:15px;background:#eef7fc}.branch-map iframe{display:block;width:100%;height:100%;min-height:310px;border:0}
.branch-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 24px}.branch-actions .btn{font-size:13px;padding:11px 13px}.branch-map-link{color:var(--blue);font-weight:800;font-size:13px;white-space:nowrap}
.branch-products-section{overflow:hidden}.branch-slider-controls{display:flex;gap:8px}.branch-slider-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--deep);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 5px 15px #063b680b}.branch-product-slider{overflow:hidden;width:100%}.branch-product-track{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:none}.branch-product-track::-webkit-scrollbar{display:none}.branch-product-track .product-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.branch-product-track .product-image{height:215px}.branch-slider-progress{display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:13px;margin-top:10px}
@media(max-width:900px){.branches-grid{grid-template-columns:1fr 1fr}.branch-product-track .product-card{flex-basis:calc((100% - 18px)/2)}.branch-copy{min-height:0}}
@media(max-width:620px){.branches-grid{grid-template-columns:1fr}.branch-card-head{padding:20px 18px 0}.branch-copy{padding:0 18px}.branch-map{height:280px;margin:0 12px}.branch-map iframe{min-height:280px}.branch-actions{padding:16px 18px 20px;flex-wrap:wrap}.branches-hero{padding:54px 0}.branch-stats{gap:8px}.branch-stats>div{min-width:calc(50% - 4px);padding:13px}.branch-slider-progress{align-items:flex-start;flex-direction:column}.branch-product-track .product-card{flex-basis:78%}.branch-product-track .product-image{height:220px}.branches-section{padding-top:48px}}


/* v18: user-provided homepage hero banners, desktop 16:9 and mobile 4:3.
   Keep all original banner text visible without cropping. */
.hero-slider{height:auto!important;aspect-ratio:16/9;max-height:none;min-height:0;background:#eaf6ff}
.hero-slide{background:none!important;overflow:hidden}
.hero-slide picture{display:block;width:100%;height:100%}
.hero-slide picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide:before{display:none!important}
@media(max-width:760px){
  .hero-slider{height:auto!important;aspect-ratio:4/3;min-height:0!important;max-height:none}
  .hero-slide picture img{object-fit:cover;object-position:center}
  .hero-arrow{width:32px;height:32px;font-size:24px;background:rgba(255,255,255,.86)}
  .hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}
  .hero-dots{bottom:7px}
}


/* v19 hero slider: show complete supplied artwork edge-to-edge on every screen. */
.hero{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.hero-slider{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1942 / 809!important;overflow:hidden!important;background:transparent!important;margin:0!important;padding:0!important;line-height:0}
.hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;background-image:none!important}
.hero-slide picture{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.hero-slide picture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important}
.hero-slide:before,.hero-slide:after{display:none!important;content:none!important}
.hero-arrow{line-height:1!important}
@media(max-width:760px){.hero-slider{aspect-ratio:1942 / 809!important;height:auto!important;min-height:0!important;max-height:none!important}.hero-slide picture img{object-fit:fill!important}.hero-arrow{width:32px;height:32px;font-size:24px;background:rgba(255,255,255,.86)}.hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}.hero-dots{bottom:7px}}


/* v20 hero banners: exact source ratio on desktop and mobile, no blur, crop, or blank bands. */
.hero{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.hero-slider{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1942 / 809!important;overflow:hidden!important;background:transparent!important;margin:0!important;padding:0!important;line-height:0}
.hero-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;background-image:none!important}
.hero-slide picture{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}
.hero-slide picture img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important}
.hero-slide:before,.hero-slide:after{display:none!important;content:none!important}
.hero-arrow{line-height:1!important}
@media(max-width:760px){.hero-slider{aspect-ratio:1942 / 809!important;height:auto!important;min-height:0!important;max-height:none!important}.hero-slide picture img{object-fit:fill!important}.hero-arrow{width:32px;height:32px;font-size:24px;background:rgba(255,255,255,.86)}.hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}.hero-dots{bottom:7px}}


/* v21: branch landing pages and complete blog article layouts */
.branch-card h3 a{color:inherit;text-decoration:none}.branch-card h3 a:hover{color:var(--blue)}
.blog-grid-linked .blog-card{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}.blog-grid-linked .blog-card h2{font:800 21px/1.35 Manrope,sans-serif;margin:7px 0 10px}.blog-grid-linked .blog-card h2 a{color:var(--deep);text-decoration:none}.blog-grid-linked .blog-card h2 a:hover{color:var(--blue)}.blog-grid-linked .blog-card>p:not(.blog-meta){line-height:1.75}.blog-meta{color:#0877c9;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:16px 0 0}.blog-read-more{margin-top:auto;padding-top:12px;color:var(--blue);font-weight:800;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px;align-items:start}.article-body{max-width:820px}.article-body section{margin-bottom:32px}.article-body h2{font:800 clamp(23px,3vw,30px)/1.25 Manrope,sans-serif;color:var(--deep);margin:0 0 12px}.article-body p,.branch-detail-copy>p{color:var(--muted);font-size:16px;line-height:1.85}.article-sidebar{position:sticky;top:25px;border:1px solid var(--line);border-radius:18px;padding:22px;background:#f7fcff}.article-sidebar h3{margin-top:0}.article-sidebar a{display:block;padding:11px 0;color:var(--blue);font-weight:800;border-top:1px solid var(--line)}.article-cta{margin-top:40px;padding:28px;border-radius:20px;background:#eaf8ff}.article-cta h2{font-size:25px}.branch-detail-hero .text-link{display:inline-block;margin-bottom:20px}.branch-detail-hero h1{max-width:900px}.branch-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.branch-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:42px;align-items:start}.branch-detail-copy h2{font:800 clamp(28px,3.5vw,38px)/1.2 Manrope,sans-serif;color:var(--deep)}.branch-detail-copy h3{margin-top:30px;color:var(--deep)}.branch-use-list{padding-left:22px;color:var(--muted);line-height:1.9}.branch-use-list li{padding:3px 0}.branch-detail-map{border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(8,55,90,.06)}.branch-detail-map h2{font:800 24px Manrope;margin:0 0 15px}.branch-detail-map iframe{width:100%;height:390px;border:0;border-radius:13px}.branch-detail-map .branch-map-link{display:inline-block;margin:15px 0 0}.related-branch-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-branch-links a{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff;text-decoration:none;color:var(--blue);font-weight:800}.related-branch-links strong{color:var(--deep);line-height:1.35}.related-branch-links span{font-size:12px;color:var(--muted);font-weight:600}
@media(max-width:900px){.related-branch-links{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.branch-detail-grid{grid-template-columns:1fr}.branch-detail-map iframe{height:340px}}
@media(max-width:600px){.related-branch-links{grid-template-columns:1fr}.branch-detail-hero{padding:48px 0}.branch-detail-actions .btn{width:100%;text-align:center}.branch-detail-map{padding:12px}.branch-detail-map iframe{height:300px}.blog-grid-linked .blog-card{padding:16px}.article-cta{padding:20px}}


/* v22: photo-led blog cards and polished contact footer */
.blog-grid-linked .blog-card{padding:0;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(8,55,90,.07);transition:transform .2s ease,box-shadow .2s ease}
.blog-grid-linked .blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,55,90,.13)}
.blog-image-link{display:block;width:100%;overflow:hidden;background:#eef8fc}
.blog-card-image{display:block;width:100%;height:220px;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card-image{transform:scale(1.035)}
.blog-grid-linked .blog-card>.blog-meta,.blog-grid-linked .blog-card>h2,.blog-grid-linked .blog-card>p:not(.blog-meta),.blog-grid-linked .blog-card>.blog-read-more{margin-left:22px;margin-right:22px}
.blog-grid-linked .blog-card>.blog-meta{margin-top:19px}
.blog-grid-linked .blog-card>.blog-read-more{margin-bottom:22px}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:35px;align-items:center;margin-top:16px}
.article-hero-grid h1{font:800 clamp(34px,4.3vw,54px)/1.12 Manrope,sans-serif;color:var(--deep);margin:10px 0 14px}
.article-hero-grid>img{width:100%;height:300px;object-fit:cover;border-radius:22px;box-shadow:0 16px 38px rgba(8,55,90,.14)}
.footer{background:radial-gradient(ellipse at 15% 0%,#10496c 0%,transparent 42%),linear-gradient(135deg,#041827,#062b45 58%,#073b5b);padding-top:58px;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;right:-100px;top:-170px;width:330px;height:330px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);pointer-events:none}
.footer-grid{position:relative;z-index:1;gap:36px;padding-bottom:12px}
.footer-logo{width:82px;height:82px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:18px;padding:5px;box-shadow:0 12px 30px rgba(0,0,0,.2);display:block;margin-bottom:20px}
.footer-brand p{max-width:300px;font-size:14px;line-height:1.85}
.footer h4{font:800 16px Manrope,sans-serif;letter-spacing:.01em;margin:8px 0 18px;position:relative;padding-bottom:12px}
.footer h4:after{content:"";position:absolute;bottom:0;left:0;width:38px;height:3px;border-radius:3px;background:#27b6e6}
.footer-grid>div:not(.footer-brand) a{transition:color .2s ease,transform .2s ease}
.footer-grid>div:not(.footer-brand)>a{font-size:14px;padding:7px 0}
.footer-grid>div:not(.footer-brand)>a:hover{color:#fff;transform:translateX(4px)}
.footer-contact-item{display:flex;gap:12px;align-items:flex-start;margin:0 0 17px}
.footer-contact-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(89,202,241,.32);border-radius:12px;background:rgba(39,182,230,.12);color:#65d7fa;font-size:19px;font-weight:800}
.footer-contact-item small{display:block;color:#80a9bf;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800;margin:1px 0 4px}
.footer-contact-item a{display:inline-block;color:#f2fbff;font-weight:700;font-size:14px;padding:0}
.footer-contact-item p{font-size:13px;line-height:1.65;margin:0;color:#c0d7e4}
.footer-map-link{display:inline-flex!important;align-items:center;gap:8px;margin-top:4px;padding:10px 13px!important;border:1px solid rgba(89,202,241,.3);border-radius:10px;color:#8ce5ff!important;background:rgba(39,182,230,.08);font-size:12px!important;font-weight:800}
.footer-map-link:hover{background:rgba(39,182,230,.18)!important}
.footer-bottom{margin-top:32px;padding:21px 0;border-top:1px solid rgba(255,255,255,.13);color:#91b0c2}
@media(max-width:760px){.article-hero-grid{grid-template-columns:1fr;gap:20px}.article-hero-grid>img{height:230px}.blog-card-image{height:210px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-logo{width:76px;height:76px}.footer:before{right:-180px}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-contact{grid-column:auto}.blog-card-image{height:195px}.article-hero-grid>img{height:205px}}