:root{
  --navy:#071b4f;--blue:#123c9c;--electric:#0f7bff;--cyan:#18d3ff;--red:#e32835;--orange:#ff8a22;
  --ink:#10213f;--muted:#64748b;--line:#e6ecf5;--soft:#f3f8ff;--soft2:#eef4ff;--white:#fff;
  --grad:linear-gradient(135deg,#071b4f 0%,#123c9c 48%,#18d3ff 100%);
  --hot:linear-gradient(135deg,#e32835 0%,#ff8a22 100%);
  --glass:rgba(255,255,255,.12);--shadow:0 22px 60px rgba(7,27,79,.16);--shadow2:0 12px 35px rgba(7,27,79,.10);
  --radius:22px;--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),90vw);margin:auto}.topbar{background:var(--grad);color:#fff;padding:9px 0;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar a{font-weight:800}.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,236,245,.8)}.header-inner{width:min(var(--max),90vw);margin:auto;display:flex;align-items:center;gap:22px;padding:14px 0}.logo{font-size:28px;font-weight:950;color:var(--navy);letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:2px}.logo b{background:var(--hot);-webkit-background-clip:text;background-clip:text;color:transparent}.main-nav{display:flex;gap:6px;align-items:center;margin-left:auto;font-weight:800}.main-nav a,.dropdown button{font:inherit;border:0;background:transparent;color:var(--navy);cursor:pointer;padding:12px 13px;border-radius:999px}.main-nav a:hover,.dropdown button:hover{background:var(--soft2);color:var(--blue)}.header-cta,.btn{border:0;border-radius:999px;padding:13px 22px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.25s ease;box-shadow:0 10px 25px rgba(227,40,53,.18)}.primary,.header-cta{background:var(--hot);color:#fff}.secondary{background:var(--grad);color:#fff}.light{background:#fff;color:var(--blue);box-shadow:0 10px 30px rgba(7,27,79,.12)}.btn:hover,.header-cta:hover{transform:translateY(-2px);filter:saturate(1.08)}.dropdown{position:relative}.dropdown-panel{display:none;position:absolute;background:#fff;box-shadow:var(--shadow);padding:18px;min-width:300px;top:48px;border:1px solid var(--line);border-radius:18px}.dropdown:hover .dropdown-panel{display:grid}.mega{grid-template-columns:1fr;gap:5px}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--grad);color:#fff;width:44px;height:44px;border-radius:12px;font-size:22px}.hero{position:relative;isolation:isolate;min-height:720px;display:grid;align-items:center;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(24,211,255,.25),transparent 32%),linear-gradient(90deg,rgba(7,27,79,.93),rgba(7,27,79,.58)),url('../../images/banners/hero.jpg');background-size:cover;background-position:center;padding:100px 0 140px;overflow:hidden}.hero:after{content:'';position:absolute;inset:auto -10% -1px -10%;height:120px;background:#fff;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);z-index:-1}.hero-grid{width:min(var(--max),90vw);margin:auto;display:grid;grid-template-columns:1.12fr .66fr;gap:40px;align-items:center}.hero h1{font-size:clamp(40px,6vw,72px);line-height:.98;margin:12px 0 18px;letter-spacing:-2px}.hero p{font-size:20px;max-width:680px;color:#edf6ff}.eyebrow{font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--cyan)}.red{color:var(--red)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-card,.feature-panel,.contact-card,.cart-box,.checkout-form,.category-card,.product-card,.glass-card{background:rgba(255,255,255,.94);color:var(--ink);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow2);border:1px solid rgba(230,236,245,.9)}.hero-card{background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.22);color:#fff}.hero-card h3{font-size:28px;margin-top:0}.hero-badges{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.hero-badges span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);padding:14px;border-radius:16px;font-weight:900}.trust-strip{width:min(var(--max),90vw);margin:-100px auto 50px;background:#fff;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;text-align:center;padding:18px;border-radius:26px;position:relative;z-index:2}.trust-strip div{padding:22px;border-radius:18px}.trust-strip div:hover{background:var(--soft)}.trust-strip b{display:block;font-size:30px;background:var(--hot);-webkit-background-clip:text;background-clip:text;color:transparent}.trust-strip span{color:var(--muted);font-weight:700}.section{padding:86px 0}.grey{background:linear-gradient(180deg,#f5f9ff,#eef5ff)}.intro-grid,.faq-contact,.shop-layout,.checkout-grid{width:min(var(--max),90vw);margin:auto;display:grid;gap:42px}.intro-grid{grid-template-columns:1fr .82fr;align-items:center}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.1;margin:10px 0 18px;letter-spacing:-1px}.section-title{text-align:center;max-width:820px;margin:0 auto 44px;padding:0 20px}.check-list{padding-left:0;list-style:none}.check-list li{margin:13px 0;padding-left:34px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#fff;background:var(--hot);font-weight:900;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:13px}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-features span{background:var(--soft);padding:15px;border-radius:16px;font-weight:900;border:1px solid var(--line)}.category-grid,.product-grid{width:min(var(--max),90vw);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.category-card,.product-card{transition:.28s ease;overflow:hidden}.category-card{position:relative}.category-card:before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:var(--hot)}.category-card:hover,.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.category-card h3,.product-card h3{color:var(--navy);font-size:22px;line-height:1.18}.product-card{padding:18px}.product-card img{width:100%;height:230px;object-fit:contain;background:linear-gradient(180deg,#f8fbff,#edf4ff);border-radius:18px;padding:12px}.price{color:var(--red);font-weight:950;font-size:18px}.product-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.small{padding:10px 15px;font-size:13px}.split-banner{min-height:430px;color:#fff;background:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.20)),url('../../images/banners/factory.jpg');background-size:cover;background-position:center;display:flex;align-items:center;position:relative}.split-banner .container{display:grid;grid-template-columns:.7fr 1fr}.split-banner div div{background:rgba(7,27,79,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:26px;padding:36px}.faq-contact{grid-template-columns:1.25fr .75fr}details{background:#fff;margin:13px 0;padding:18px 22px;box-shadow:var(--shadow2);border-radius:16px;border:1px solid var(--line)}summary{font-weight:900;cursor:pointer}.site-footer{background:linear-gradient(135deg,#f6f9ff 0%,#d9e5f4 45%,#0b254f 100%);padding:62px 0 34px;color:#10213f}.footer-grid{width:min(var(--max),90vw);margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:40px}.site-footer a{display:block;margin:8px 0}.site-footer small{grid-column:1/-1;text-align:center;border-top:1px solid rgba(255,255,255,.45);padding-top:25px}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border-radius:50%;background:var(--hot);color:#fff;display:grid;place-items:center;font-weight:900}.whatsapp{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;border-radius:999px;padding:13px 18px;font-weight:950;z-index:99;box-shadow:0 10px 25px rgba(0,0,0,.18)}.page-hero{min-height:560px;padding:140px 0 130px;background:radial-gradient(circle at 85% 15%,rgba(24,211,255,.25),transparent 30%),linear-gradient(90deg,rgba(7,27,79,.92),rgba(227,40,53,.55)),url('../../images/banners/inner.jpg');color:#fff;background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;overflow:hidden}.page-hero .container{width:min(var(--max),90vw)}.page-hero h1{font-size:clamp(38px,5vw,62px);margin:0;line-height:1}.filter-tabs{text-align:center;margin-bottom:35px}.filter-tabs button{border:1px solid var(--line);background:#fff;padding:11px 20px;margin:5px;border-radius:999px;cursor:pointer;font-weight:900;color:var(--navy)}.filter-tabs button:hover{background:var(--grad);color:#fff}.shop-layout,.checkout-grid{grid-template-columns:1fr 360px}.cart-box{position:sticky;top:96px;align-self:start}.cart-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:10px 0}.cart-line button{border:0;background:#fee;color:var(--red);border-radius:50%;width:26px;height:26px}.full{width:100%;text-align:center;margin-top:18px}.checkout-form input,.checkout-form textarea,.checkout-form select{width:100%;padding:15px;border:1px solid #dbe4f0;border-radius:14px;margin:8px 0;font:inherit;background:#fff}.checkout-form textarea{min-height:120px}.bank-box{display:none;background:#f8fbff;border:1px dashed var(--blue);padding:18px;margin:12px 0;border-radius:16px}.gateway-note{font-size:13px;color:var(--muted)}.center{text-align:center;margin-top:32px}.compact{display:block;text-align:center}.reveal{opacity:1!important;transform:none!important;transition:.25s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.main-nav{gap:0}.main-nav a,.dropdown button{padding:10px 9px}.header-cta{padding:12px 17px}}
@media(max-width:900px){.topbar{display:none}.header-inner{padding:12px 0}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:5vw;right:5vw;top:72px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:14px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a,.dropdown button{text-align:left;border-radius:14px}.dropdown-panel{position:static;box-shadow:none;min-width:0;border-radius:14px;margin-top:6px;background:var(--soft);padding:8px}.dropdown:hover .dropdown-panel{display:grid}.header-cta{display:none}.hero{min-height:auto;padding:70px 0 120px;background-position:center}.hero-grid{grid-template-columns:1fr}.hero-card{max-width:560px}.trust-strip{grid-template-columns:1fr 1fr;margin-top:-70px}.intro-grid,.faq-contact,.shop-layout,.checkout-grid,.footer-grid{grid-template-columns:1fr}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.section{padding:62px 0}.split-banner .container{grid-template-columns:1fr}.cart-box{position:static}.site-footer{background:linear-gradient(180deg,#f6f9ff,#d9e5f4)}}
@media(max-width:560px){.container,.header-inner,.intro-grid,.faq-contact,.shop-layout,.checkout-grid,.category-grid,.product-grid,.footer-grid,.trust-strip{width:92vw}.logo{font-size:24px}.hero h1{letter-spacing:-1px}.hero p{font-size:17px}.hero-badges,.trust-strip,.category-grid,.product-grid,.mini-features{grid-template-columns:1fr}.hero-actions .btn{width:100%}.product-card img{height:190px}.section-title{padding:0}.page-hero{min-height:420px;padding:95px 0 85px;background-position:center center}.whatsapp{right:14px;bottom:14px;padding:11px 14px;font-size:14px}}

/* Shop page cart overflow fix */
.shop-layout{
  align-items:start;
  grid-template-columns:minmax(0,1fr) 340px;
}
.shop-layout .product-grid{
  width:100%;
  max-width:100%;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.shop-layout .cart-box{
  width:100%;
  min-width:0;
}
@media(max-width:1100px){
  .shop-layout{grid-template-columns:1fr;}
  .shop-layout .cart-box{position:static;}
}


/* Premium homepage slideshow */
.hero-slider{
  overflow:hidden;
  background:#071b4f;
}
.hero-slider .slide-track,
.hero-slider .hero-slide{
  position:absolute;
  inset:0;
  z-index:-2;
}
.hero-slider .hero-slide{
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.05);
  transition:opacity 1s ease, transform 5.5s ease;
}
.hero-slider .hero-slide.active{
  opacity:1;
  transform:scale(1);
}
.hero-slider::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 78% 18%,rgba(24,211,255,.28),transparent 32%),linear-gradient(180deg,rgba(7,27,79,.08),rgba(7,27,79,.38));
}
.slider-content{
  position:relative;
  z-index:2;
}
.hero-content h1,.hero-content p,.hero-content .eyebrow,.hero-actions{
  transition:opacity .35s ease, transform .35s ease;
}
.hero-content.changing h1,.hero-content.changing p,.hero-content.changing .eyebrow,.hero-content.changing .hero-actions{
  opacity:0;
  transform:translateY(12px);
}
.slider-controls{
  position:absolute;
  left:50%;
  bottom:42px;
  transform:translateX(-50%);
  display:flex;
  gap:12px;
  z-index:3;
}
.slider-dot{
  width:13px;
  height:13px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.85);
  background:rgba(255,255,255,.25);
  cursor:pointer;
  transition:.25s ease;
}
.slider-dot.active{
  width:42px;
  background:linear-gradient(135deg,#e32835,#ff8a22);
  border-color:#fff;
}
@media(max-width:900px){
  .hero-slider{padding-bottom:145px;}
  .slider-controls{bottom:92px;}
  .hero-slider .hero-slide{background-position:center top;}
}
@media(max-width:560px){
  .slider-dot{width:11px;height:11px;}
  .slider-dot.active{width:34px;}
}


/* Final SEO + Conversion Upgrade */
.seo-cta{width:min(var(--max),90vw);margin:-58px auto 70px;position:relative;z-index:5;background:linear-gradient(135deg,#ffffff,#f4f9ff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:1.25fr auto;gap:20px;align-items:center}.seo-cta h2{margin:0 0 8px;font-size:clamp(24px,3vw,38px);line-height:1.15}.seo-cta p{margin:0;color:var(--muted)}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.trust-icons{width:min(var(--max),90vw);margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-icon{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow2)}.trust-icon strong{display:block;color:var(--navy);font-size:18px}.trust-icon span{color:var(--muted);font-size:14px}.seo-content{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-content .container{display:grid;grid-template-columns:1fr 1fr;gap:32px}.keyword-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.keyword-links a{background:var(--soft2);color:var(--blue);padding:9px 13px;border-radius:999px;font-weight:800;font-size:14px}.conversion-band{background:var(--grad);color:#fff;border-radius:30px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;box-shadow:var(--shadow)}.conversion-band h2{margin:0 0 8px}.conversion-band p{margin:0;color:rgba(255,255,255,.85)}.request-quote-btn{position:fixed;right:20px;bottom:78px;z-index:95;background:linear-gradient(135deg,#e32835,#ff8a22);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 15px 35px rgba(227,40,53,.3)}.badge-hot{display:inline-block;background:rgba(227,40,53,.1);color:var(--red);border:1px solid rgba(227,40,53,.18);border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px;margin-bottom:10px}.product-card .seo-mini{font-size:13px;color:var(--blue);font-weight:800;margin-top:4px}.form-note{font-size:13px;color:var(--muted);margin-top:8px}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:12px}.breadcrumb a{color:var(--blue);font-weight:800}.lead-magnet{background:linear-gradient(135deg,#fff6ed,#eef8ff);border:1px solid var(--line);border-radius:24px;padding:26px}.lead-magnet ul{margin:12px 0 0;padding-left:20px}.lead-magnet li{margin:7px 0}.image-folder-note{background:#f8fbff;border:1px dashed #aac4ec;border-radius:18px;padding:18px;color:#475569;font-size:14px}.sitemap-links{columns:2}.sitemap-links a{display:block;padding:5px 0;color:var(--blue);font-weight:700}
@media(max-width:900px){.seo-cta,.conversion-band,.seo-content .container{grid-template-columns:1fr}.trust-icons{grid-template-columns:1fr 1fr}.seo-cta{margin-top:-35px}.request-quote-btn{bottom:72px;right:14px;padding:11px 14px;font-size:14px}.sitemap-links{columns:1}}
@media(max-width:560px){.trust-icons{grid-template-columns:1fr}.seo-cta,.conversion-band{padding:22px}.cta-buttons .btn{width:100%;text-align:center}.request-quote-btn{display:none}}


/* Final product image integration + visible cart upgrade */
.spec-list{margin:12px 0 0;padding-left:18px;color:#42526b;font-size:14px;line-height:1.55}.spec-list li{margin:3px 0}.filter-tabs button.active{background:var(--grad);color:#fff}.mini-cart-link{display:inline-flex!important;gap:8px;align-items:center}.mini-cart-link span{background:#fff;color:var(--red);border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:13px;padding:0 7px}.floating-cart{position:fixed;right:20px;bottom:136px;z-index:98;display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;background:linear-gradient(135deg,#061739,#0b4ea2);color:#fff;border-radius:18px;padding:12px 15px;box-shadow:0 18px 40px rgba(7,27,79,.28);border:1px solid rgba(255,255,255,.22)}.floating-cart b{background:#e32835;border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:13px}.floating-cart small{grid-column:1/-1;color:#dcecff;font-weight:800}.cart-toast{position:fixed;right:20px;bottom:205px;z-index:120;width:min(330px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-left:5px solid #e32835;border-radius:20px;box-shadow:0 20px 55px rgba(7,27,79,.22);padding:16px;transform:translateX(120%);opacity:0;transition:.35s ease}.cart-toast.show{transform:translateX(0);opacity:1}.cart-toast strong{display:block;color:var(--navy);font-size:17px}.cart-toast span{display:block;color:var(--muted);margin:4px 0 12px}.cart-toast div{display:flex;gap:8px;flex-wrap:wrap}.product-modal{position:fixed;inset:0;background:rgba(2,8,23,.62);z-index:150;display:none;place-items:center;padding:20px}.product-modal.show{display:grid}.modal-card{background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.32);width:min(920px,96vw);max-height:90vh;overflow:auto;position:relative;padding:28px}.modal-close{position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;font-size:28px;cursor:pointer;background:#f3f7fc;color:#0b254f}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.modal-grid img{width:100%;max-height:470px;object-fit:contain;background:#fff;border-radius:22px;padding:20px;border:1px solid #eef2f7;filter:brightness(1.04) contrast(1.04) saturate(1.02)}.modal-grid h2{font-size:clamp(26px,3vw,42px);margin:10px 0}.modal-specs{columns:1;background:#f8fbff;border-radius:16px;padding:16px 16px 16px 34px}.site-footer{background:radial-gradient(circle at 15% 0%,rgba(24,211,255,.22),transparent 28%),linear-gradient(135deg,#061739 0%,#0b254f 48%,#102f6a 100%)!important;color:#dbeafe!important}.site-footer p,.site-footer small{color:#cbd5e1}.site-footer a{color:#eff6ff}.site-footer h4{color:#fff}.site-footer .logo{background:#fff;color:#0b254f;padding:8px 10px;border-radius:12px;display:inline-flex}.site-footer small{border-top:1px solid rgba(255,255,255,.16)!important}.site-footer .socials a{background:linear-gradient(135deg,#e32835,#ff8a22);color:#fff}.product-card img{object-fit:contain;background:#fff;padding:10px;border:1px solid #eef2f7;filter:brightness(1.04) contrast(1.04) saturate(1.02)}.cart-box{border:1px solid rgba(11,78,162,.16);box-shadow:0 18px 42px rgba(7,27,79,.12)}@media(max-width:900px){.modal-grid{grid-template-columns:1fr}.floating-cart{bottom:128px;right:14px}.cart-toast{right:14px;bottom:196px}.site-footer{background:linear-gradient(180deg,#061739,#0b254f)!important}.mini-cart-link{display:none!important}}@media(max-width:560px){.floating-cart{bottom:70px;right:12px;border-radius:16px;padding:10px 12px}.cart-toast{bottom:132px;right:12px;width:calc(100vw - 24px)}.modal-card{padding:20px}.modal-grid img{max-height:320px}.whatsapp{bottom:14px}.request-quote-btn{display:none}}


/* Final optimized transparent WebP product images */
.product-card img,
.modal-grid img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  object-fit:contain!important;
}
.product-card{
  background:#fff!important;
}
.product-grid,
#shopProducts,
#allProducts,
#featuredProducts{
  opacity:1!important;
  visibility:visible!important;
}
.shop-layout{
  opacity:1!important;
  visibility:visible!important;
}


/* Premium logo, WhatsApp icon, product zoom and form upgrade */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.logo img{max-width:170px;max-height:54px;width:auto;height:auto;object-fit:contain;display:block}
.logo .logo-fallback{display:inline-flex;align-items:baseline;gap:3px}
.logo .logo-fallback span{font-weight:900;color:var(--red)}
.logo .logo-fallback b{font-weight:900;color:var(--navy)}
.site-footer .logo img{background:#fff;border-radius:12px;padding:8px;max-width:185px;max-height:64px}
.site-footer .logo .logo-fallback{background:#fff;color:#0b254f;padding:8px 10px;border-radius:12px}
.site-footer .logo .logo-fallback b{color:#0b254f}

.whatsapp{width:58px!important;height:58px!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;background:#25D366!important;color:#fff!important;box-shadow:0 18px 38px rgba(37,211,102,.35)!important;border:2px solid rgba(255,255,255,.85)!important;font-size:0!important;transition:.25s ease!important}
.whatsapp svg{width:34px;height:34px;fill:#fff;display:block}
.whatsapp:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 24px 52px rgba(37,211,102,.45)!important;background:#1ebe5d!important}

.product-image-wrap{position:relative;display:block;width:100%;height:245px;border:1px solid #eef2f7;border-radius:20px;background:radial-gradient(circle at 50% 45%,#fff 0%,#fff 50%,#f4f8ff 100%);overflow:hidden;cursor:zoom-in;padding:12px;margin:0 0 16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);appearance:none;-webkit-appearance:none}
.product-image-wrap img{width:100%;height:100%;object-fit:contain;background:transparent!important;border:0!important;padding:0!important;filter:drop-shadow(0 12px 18px rgba(7,27,79,.12));transition:transform .45s ease,filter .45s ease}
.product-image-wrap span{position:absolute;right:12px;bottom:12px;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:rgba(7,27,79,.82);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 9px;opacity:0;transform:translateY(8px);transition:.3s ease;pointer-events:none}
.product-card:hover .product-image-wrap img,.product-image-wrap:hover img{transform:scale(1.22);filter:drop-shadow(0 18px 26px rgba(7,27,79,.18)) brightness(1.03) contrast(1.03)}
.product-card:hover .product-image-wrap span,.product-image-wrap:hover span{opacity:1;transform:translateY(0)}
.product-card>img{display:none!important}
.modal-grid img{cursor:zoom-in;transition:transform .35s ease;transform-origin:center}.modal-grid img:hover{transform:scale(1.12)}

.form-card{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;border:1px solid rgba(18,60,156,.14)!important;border-radius:28px!important;padding:30px!important;box-shadow:0 24px 60px rgba(7,27,79,.12)!important;position:relative;overflow:hidden}
.form-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--red),var(--orange),var(--electric));}
.form-card h2{margin-top:0;color:var(--navy);font-size:clamp(24px,2.4vw,34px)}
.form-card label{display:block;color:#10213f;font-weight:800;margin:15px 0 8px;font-size:14px;letter-spacing:.01em}
.form-card input,.form-card textarea,.form-card select{width:100%;margin-top:7px;border:1px solid #dbe6f5!important;background:#fff!important;border-radius:16px!important;padding:15px 16px!important;outline:none!important;color:#10213f!important;font:inherit!important;box-shadow:0 10px 24px rgba(7,27,79,.05)!important;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.form-card textarea{min-height:130px;resize:vertical}
.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--electric)!important;box-shadow:0 0 0 4px rgba(15,123,255,.13),0 14px 30px rgba(7,27,79,.09)!important;transform:translateY(-1px)}
.form-card input::placeholder,.form-card textarea::placeholder{color:#94a3b8}
.checkout-grid .lead-magnet,.contact-card{border:1px solid rgba(18,60,156,.12);box-shadow:0 18px 44px rgba(7,27,79,.10)}

@media(max-width:900px){.logo img{max-width:145px;max-height:48px}.product-image-wrap{height:220px}.whatsapp{width:54px!important;height:54px!important}.whatsapp svg{width:31px;height:31px}}
@media(max-width:560px){.logo img{max-width:132px;max-height:44px}.product-image-wrap{height:210px}.form-card{padding:22px!important;border-radius:22px!important}.whatsapp{width:52px!important;height:52px!important}.whatsapp svg{width:30px;height:30px}}

/* Final logo fix: show only uploaded image logo, no text duplicate */
.logo .logo-fallback{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important}
.logo img{display:block!important;width:auto!important;height:auto!important;max-width:240px!important;max-height:70px!important;object-fit:contain!important}
.site-footer .logo{background:transparent!important;padding:0!important}
.site-footer .logo img{background:#fff;border-radius:12px;padding:8px;max-width:220px!important;max-height:76px!important}
@media(max-width:900px){.logo img{max-width:190px!important;max-height:58px!important}}
@media(max-width:560px){.logo img{max-width:155px!important;max-height:50px!important}}
/* PRODUCTS PAGE HERO */

.products-hero{
    position: relative;
    min-height: 620px;
    padding: 130px 0 120px;
    display: flex;
    align-items: center;
    background-image: url('../../images/hero/products-hero.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.products-hero .hero-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(3,12,45,0.88) 0%,
        rgba(3,12,45,0.72) 45%,
        rgba(3,12,45,0.35) 100%
    );
}

.products-hero .hero-content{
    position: relative;
    z-index: 2;
    color: #fff;
}

.products-hero h1{
    font-size: 64px;
    line-height: 1.05;
    margin-bottom: 18px;
    color: #fff;
    font-weight: 800;
}

.products-hero p{
    max-width: 720px;
    font-size: 20px;
    line-height: 1.7;
    color: rgba(255,255,255,0.92);
}

.products-hero .breadcrumb{
    margin-bottom: 18px;
    color: rgba(255,255,255,0.8);
}

.products-hero .breadcrumb a{
    color: #ffffff;
}

/* MOBILE */

@media(max-width:768px){

    .products-hero{
        min-height: 480px;
        padding: 95px 0 90px;
        background-position: center center;
    }

    .products-hero h1{
        font-size: 42px;
    }

    .products-hero p{
        font-size: 16px;
        line-height: 1.6;
    }

}

/* Final hero height fix: prevents inner-page products from being cropped at the bottom */
@media(max-width:900px){.page-hero{min-height:460px;padding:100px 0 90px;background-position:center center}.products-hero{min-height:500px;padding:105px 0 95px;background-position:center center}}
@media(max-width:560px){.page-hero{min-height:400px;padding:90px 0 80px}.products-hero{min-height:440px;padding:90px 0 85px}.page-hero h1,.products-hero h1{font-size:38px!important;line-height:1.1}}


/* Final inner-page hero image mapping */
.page-hero{background-image:radial-gradient(circle at 85% 15%,rgba(24,211,255,.25),transparent 30%),linear-gradient(90deg,rgba(7,27,79,.92),rgba(227,40,53,.45)),url('../../images/hero/inner.webp')!important;background-size:cover;background-position:center center;background-repeat:no-repeat}
.shop-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/shop-hero.webp')!important}
.support-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/support-hero.webp')!important}
.about-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/about-hero.webp')!important}
.distributors-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/distributors-hero.webp')!important}
.blog-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/blog-hero.webp')!important}
.contact-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/contact-hero.webp')!important}
.checkout-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/checkout-hero.webp')!important}
.sitemap-hero{background-image:linear-gradient(90deg,rgba(7,27,79,.88),rgba(7,27,79,.42)),url('../../images/hero/sitemap-hero.webp')!important}
.products-hero{background-image:url('../../images/hero/products-hero.webp')!important}


/* Inquiry Form Action Feedback */
.inquiry-form .form-helper{
  margin: -4px 0 18px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}
.form-status{
  display: none;
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 14px;
  font-weight: 800;
  line-height: 1.5;
}
.form-status.show{display:block;}
.form-status.success{
  color:#065f46;
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);
  border:1px solid #a7f3d0;
}
.form-status.error{
  color:#991b1b;
  background:linear-gradient(135deg,#fef2f2,#fee2e2);
  border:1px solid #fecaca;
}


/* Premium top utility bar - social, search, language */
.topbar{
  background:linear-gradient(90deg,#f7fbff 0%,#eef6ff 48%,#f8fbff 100%);
  color:#08245a;
  padding:8px 0;
  font-size:14px;
  border-bottom:1px solid rgba(8,36,90,.08);
}
.topbar .container.topbar-utilities{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:16px;
}
.topbar-spacer{flex:1}
.topbar-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.topbar .top-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#6c7a93;
  background:#fff;
  border:1px solid rgba(8,36,90,.10);
  box-shadow:0 5px 15px rgba(8,36,90,.06);
  transition:transform .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
  font-weight:800;
}
.topbar .top-icon svg{
  width:16px;
  height:16px;
  fill:currentColor;
}
.topbar .top-icon:hover{
  transform:translateY(-2px);
  color:#0b3f92;
  border-color:rgba(11,63,146,.25);
  box-shadow:0 9px 22px rgba(8,36,90,.12);
}
.topbar .whatsapp-top:hover{color:#25d366}
.top-search{
  width:250px;
  height:38px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(8,36,90,.12);
  display:flex;
  align-items:center;
  padding:0 8px 0 16px;
  box-shadow:0 5px 15px rgba(8,36,90,.06);
}
.top-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#08245a;
  font:inherit;
  min-width:0;
}
.top-search input::placeholder{color:#74839b}
.top-search button{
  border:0;
  background:transparent;
  color:#74839b;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:color .25s ease, transform .25s ease;
}
.top-search button:hover{
  color:#0b3f92;
  transform:scale(1.08);
}
.top-search button svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
.language-globe{
  width:36px;
  height:36px;
  border:0;
  border-radius:999px;
  display:grid;
  place-items:center;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,#ff4b2b,#ff8a00);
  box-shadow:0 8px 20px rgba(255,75,43,.22);
  animation:globePulse 2.6s ease-in-out infinite;
}
.language-globe svg{
  width:20px;
  height:20px;
  fill:currentColor;
}
@keyframes globePulse{
  0%,100%{transform:translateY(0) rotate(0deg);box-shadow:0 8px 20px rgba(255,75,43,.22)}
  50%{transform:translateY(-2px) rotate(8deg);box-shadow:0 12px 26px rgba(255,75,43,.32)}
}
@media (max-width:900px){
  .topbar .container.topbar-utilities{justify-content:center}
  .topbar-spacer{display:none}
  .topbar-actions{justify-content:center}
  .top-search{width:min(100%,230px)}
}
@media (max-width:560px){
  .topbar{padding:7px 0}
  .topbar .top-icon{width:30px;height:30px}
  .topbar .top-icon svg{width:14px;height:14px}
  .top-search{width:100%;order:2}
  .language-globe{width:32px;height:32px}
}


/* Final language dropdown and search result UI */
.language-selector-wrap{position:relative;display:inline-flex;align-items:center;z-index:130}.language-globe{min-width:46px;height:38px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;display:inline-flex;align-items:center;gap:7px;padding:0 12px;cursor:pointer;transition:.25s ease;font-weight:900}.language-globe svg{width:20px;height:20px;fill:currentColor;animation:nataGlobePulse 2.2s ease-in-out infinite}.language-current{font-size:13px;white-space:nowrap}.language-caret{font-size:12px;opacity:.9}.language-selector-wrap.open .language-globe,.language-globe:hover{background:#fff;color:var(--blue);box-shadow:0 12px 28px rgba(7,27,79,.18)}.language-menu{position:absolute;top:48px;right:0;width:224px;background:#fff;color:var(--ink);border:1px solid rgba(15,123,255,.14);border-radius:18px;box-shadow:0 22px 60px rgba(7,27,79,.22);padding:10px;display:none;overflow:hidden}.language-selector-wrap.open .language-menu{display:grid;gap:4px;animation:languageDrop .18s ease both}.language-menu button{border:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer;font:inherit}.language-menu button:hover,.language-menu button.active{background:linear-gradient(135deg,#eef6ff,#fff4f4);color:var(--blue)}.language-menu button b{font-size:14px}#google_translate_element{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.goog-te-banner-frame,.goog-te-gadget-icon{display:none!important}.goog-te-gadget{font-size:0!important}.search-results-status{width:min(var(--max),90vw);margin:0 auto 26px;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid var(--line);border-left:5px solid var(--red);border-radius:18px;padding:16px 20px;box-shadow:0 12px 30px rgba(7,27,79,.08)}.search-results-status strong{display:block;color:var(--navy);font-size:20px}.search-results-status span{color:var(--muted);font-weight:700}.no-search-results{grid-column:1/-1;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow2)}@keyframes languageDrop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nataGlobePulse{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(12deg) scale(1.08)}}@media(max-width:900px){.language-current{display:none}.language-menu{right:-8px}.topbar .container.topbar-utilities{width:96vw}.topbar-actions{gap:5px}.top-search{max-width:150px}}@media(max-width:560px){.top-search{display:none}.language-menu{right:0;width:210px}.language-globe{width:38px;min-width:38px;padding:0;justify-content:center}.language-caret{display:none}}
body{top:0!important}.skiptranslate iframe{display:none!important}.goog-te-combo{display:none!important}

/* Final language button visibility + animation fix */
.language-selector-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  z-index:999!important;
}
.language-selector-wrap .language-globe{
  min-width:132px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#e32835 0%,#ff8a22 52%,#18d3ff 100%)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  cursor:pointer!important;
  font-weight:900!important;
  box-shadow:0 12px 32px rgba(227,40,53,.24),0 0 0 4px rgba(255,255,255,.4)!important;
  animation:nataLanguageFloat 2.4s ease-in-out infinite!important;
  opacity:1!important;
  filter:none!important;
}
.language-selector-wrap .language-globe svg{
  width:20px!important;
  height:20px!important;
  fill:#fff!important;
  animation:nataLanguageSpin 5.5s linear infinite!important;
}
.language-selector-wrap .language-current,
.language-selector-wrap .language-caret{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
}
.language-selector-wrap.open .language-globe,
.language-selector-wrap .language-globe:hover{
  background:linear-gradient(135deg,#123c9c 0%,#18d3ff 100%)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 38px rgba(18,60,156,.28),0 0 0 4px rgba(255,255,255,.55)!important;
}
.language-selector-wrap .language-menu{
  top:50px!important;
  right:0!important;
  width:230px!important;
  background:#fff!important;
  color:#10213f!important;
  border:1px solid rgba(15,123,255,.18)!important;
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(7,27,79,.24)!important;
  padding:10px!important;
  overflow:hidden!important;
}
.language-selector-wrap.open .language-menu{display:grid!important;gap:4px!important;animation:languageDrop .18s ease both!important}
.language-selector-wrap .language-menu button{
  border:0!important;
  background:transparent!important;
  color:#10213f!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
}
.language-selector-wrap .language-menu button:hover,
.language-selector-wrap .language-menu button.active{
  background:linear-gradient(135deg,#eef6ff,#fff4f4)!important;
  color:#123c9c!important;
}
@keyframes nataLanguageFloat{
  0%,100%{transform:translateY(0);box-shadow:0 12px 32px rgba(227,40,53,.24),0 0 0 4px rgba(255,255,255,.4)}
  50%{transform:translateY(-3px);box-shadow:0 18px 42px rgba(255,138,34,.35),0 0 0 6px rgba(24,211,255,.14)}
}
@keyframes nataLanguageSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@media(max-width:900px){
  .language-selector-wrap .language-current{display:none!important}
  .language-selector-wrap .language-globe{min-width:44px!important;width:44px!important;padding:0!important}
}


/* Final fixed utility bar + header sticky offset */
:root{--topbar-height:54px}
.topbar{position:sticky!important;top:0!important;z-index:150!important;background:linear-gradient(90deg,#f4f9ff,#ffffff,#eef7ff)!important;border-bottom:1px solid rgba(11,78,162,.08)!important;box-shadow:0 8px 24px rgba(7,27,79,.06)!important;color:var(--navy)!important}
.site-header{position:sticky!important;top:var(--topbar-height)!important;z-index:140!important}
html[dir="rtl"] .main-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .topbar-actions{direction:ltr}
html[dir="rtl"] .hero-grid,html[dir="rtl"] .intro-grid,html[dir="rtl"] .checkout-grid,html[dir="rtl"] .shop-layout{text-align:right}

/* Final request: image-based animated rotating globe language selector */
.language-selector-wrap .language-globe,
.language-globe{
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  padding:0!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.95)!important;
  background:rgba(255,255,255,.92)!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(7,27,79,.16),0 0 0 4px rgba(24,211,255,.10)!important;
  animation:nataGlobeButtonFloat 2.6s ease-in-out infinite!important;
}
.language-selector-wrap .language-globe:hover,
.language-selector-wrap.open .language-globe{
  background:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:0 16px 36px rgba(18,60,156,.22),0 0 0 5px rgba(227,40,53,.12)!important;
}
.language-globe-img{
  width:48px!important;
  height:48px!important;
  display:block!important;
  object-fit:contain!important;
  animation:nataWorldGlobeRotate 5.5s linear infinite!important;
  transform-origin:center center!important;
}
.language-selector-wrap .language-current,
.language-selector-wrap .language-caret{
  display:none!important;
}
.language-selector-wrap .language-menu{
  top:66px!important;
  right:0!important;
}
@keyframes nataWorldGlobeRotate{
  from{transform:rotate(0deg) scale(1)}
  to{transform:rotate(360deg) scale(1)}
}
@keyframes nataGlobeButtonFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@media(max-width:900px){
  .language-selector-wrap .language-globe,.language-globe{width:46px!important;min-width:46px!important;height:46px!important}
  .language-globe-img{width:39px!important;height:39px!important}
  .language-selector-wrap .language-menu{top:54px!important}
}

/* Final request: remove checkout card from home hero and let content breathe */
.home-page .hero-grid,
.hero-slider .hero-grid{
  grid-template-columns:minmax(0,760px) 1fr!important;
}
.hero-slider .hero-card{display:none!important;}

/* Mobile responsive fix: keep language/social bar visible on phones */
@media (max-width: 900px){
  .topbar{
    display:block!important;
    position:sticky!important;
    top:0!important;
    z-index:200!important;
    padding:6px 0!important;
    overflow:visible!important;
  }
  .topbar .container.topbar-utilities{
    width:100%!important;
    max-width:none!important;
    padding:0 8px!important;
    margin:0!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
  }
  .topbar-actions{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .topbar .top-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  .top-search{
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:90px!important;
    max-width:160px!important;
    height:34px!important;
    padding-left:10px!important;
  }
  .top-search input{
    font-size:13px!important;
  }
  .language-selector-wrap{
    display:inline-flex!important;
    position:relative!important;
    flex:0 0 auto!important;
    z-index:220!important;
  }
  .language-selector-wrap .language-globe,
  .language-globe{
    display:inline-grid!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .language-globe-img{
    width:32px!important;
    height:32px!important;
  }
  .language-selector-wrap .language-menu{
    position:absolute!important;
    top:46px!important;
    right:0!important;
    left:auto!important;
    width:210px!important;
    z-index:250!important;
  }
  .site-header{
    top:var(--topbar-height, 48px)!important;
  }
}

@media (max-width: 480px){
  .topbar-actions{gap:4px!important;}
  .topbar .top-icon:nth-of-type(n+4){display:none!important;}
  .top-search{max-width:130px!important;}
  .topbar .top-icon{width:28px!important;height:28px!important;min-width:28px!important;}
  .language-selector-wrap .language-globe,.language-globe{width:36px!important;min-width:36px!important;height:36px!important;}
  .language-globe-img{width:30px!important;height:30px!important;}
}


/* FINAL LIVE FIX: force top social/language icons to stay normal size on live/mobile */
.topbar{
  min-height:54px!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
}
.topbar .container.topbar-utilities{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
}
.topbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}
.topbar .top-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  overflow:hidden!important;
}
.topbar .top-icon svg,
.topbar-actions svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  max-width:16px!important;
  min-height:16px!important;
  max-height:16px!important;
  display:block!important;
  flex:none!important;
}
.topbar .top-search{
  width:250px!important;
  max-width:250px!important;
  height:38px!important;
  flex:0 1 250px!important;
}
.topbar .top-search button,
.topbar .top-search button svg{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  max-width:20px!important;
}
.language-selector-wrap .language-globe,
.topbar .language-globe{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  padding:0!important;
  overflow:hidden!important;
}
.language-globe-img,
.topbar .language-globe-img{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  object-fit:contain!important;
  display:block!important;
}
@media(max-width:900px){
  :root{--topbar-height:50px!important;}
  .topbar{min-height:50px!important;padding:5px 0!important;}
  .topbar .container.topbar-utilities{min-height:40px!important;width:100%!important;padding:0 8px!important;}
  .topbar-actions{justify-content:center!important;gap:5px!important;}
  .topbar .top-icon{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;flex-basis:30px!important;}
  .topbar .top-icon svg,.topbar-actions svg{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;min-height:14px!important;max-height:14px!important;}
  .topbar .top-search{width:150px!important;max-width:150px!important;height:34px!important;flex:0 1 150px!important;}
  .language-selector-wrap .language-globe,.topbar .language-globe{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;flex-basis:38px!important;}
  .language-globe-img,.topbar .language-globe-img{width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;min-height:32px!important;max-height:32px!important;}
  .site-header{top:50px!important;}
}
@media(max-width:480px){
  .topbar .top-icon:nth-of-type(n+5){display:none!important;}
  .topbar .top-search{width:120px!important;max-width:120px!important;}
}

/* FINAL FIX: clickable animated globe language selector */
.language-selector-wrap,
.topbar .language-selector-wrap{
  position:relative!important;
  z-index:9999!important;
  pointer-events:auto!important;
}
.language-globe,
.topbar .language-globe,
.language-globe-img,
.topbar .language-globe-img{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.language-selector-wrap .language-menu,
.topbar .language-selector-wrap .language-menu{
  z-index:10000!important;
  pointer-events:auto!important;
}
.language-selector-wrap.open .language-menu,
.topbar .language-selector-wrap.open .language-menu{
  display:grid!important;
}


/* FINAL LIVE CLICK FIX: make rotating globe language button clickable on hosted website */
.topbar, .topbar-utilities, .topbar-actions{overflow:visible!important;}
.language-selector-wrap,.topbar .language-selector-wrap{position:relative!important;z-index:999999!important;pointer-events:auto!important;}
.language-globe,.topbar .language-globe{position:relative!important;z-index:1000000!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;}
.language-globe-img,.topbar .language-globe-img{pointer-events:none!important;user-select:none!important;}
.language-selector-wrap .language-menu,.topbar .language-selector-wrap .language-menu{z-index:1000001!important;pointer-events:auto!important;}
.language-selector-wrap.open .language-menu,.topbar .language-selector-wrap.open .language-menu{display:grid!important;}


/* FINAL ROBUST FIX: native clickable globe language dropdown */
.language-selector-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;z-index:1000000!important;overflow:visible!important;}
details.language-selector-wrap{display:inline-flex!important;}
.language-selector-wrap>summary.language-globe{list-style:none!important;}
.language-selector-wrap>summary.language-globe::-webkit-details-marker{display:none!important;}
.language-selector-wrap[open] .language-menu,
.language-selector-wrap.open .language-menu{display:grid!important;gap:4px!important;}
.language-selector-wrap .language-menu{position:absolute!important;top:52px!important;right:0!important;z-index:1000002!important;}
.language-globe,.topbar .language-globe{pointer-events:auto!important;cursor:pointer!important;}
.language-globe-img,.topbar .language-globe-img{pointer-events:none!important;animation:nataWorldRotate 4.5s linear infinite!important;transform-origin:center center!important;}
@keyframes nataWorldRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:560px){.language-selector-wrap .language-menu{right:0!important;top:46px!important;width:210px!important;}}

/* FINAL SLIM TOP BAR FIX: reduce social/language bar height while keeping globe clickable */
:root{--topbar-height:42px!important;}
.topbar{
  min-height:42px!important;
  height:42px!important;
  max-height:42px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
}
.topbar .container.topbar-utilities{
  min-height:42px!important;
  height:42px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}
.topbar-actions{
  gap:6px!important;
  align-items:center!important;
}
.topbar .top-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  flex:0 0 28px!important;
}
.topbar .top-icon svg,
.topbar-actions svg{
  width:13px!important;
  height:13px!important;
  min-width:13px!important;
  max-width:13px!important;
  min-height:13px!important;
  max-height:13px!important;
}
.topbar .top-search{
  height:30px!important;
  width:220px!important;
  max-width:220px!important;
  flex:0 1 220px!important;
  padding:0 7px 0 13px!important;
}
.topbar .top-search input{font-size:13px!important;}
.topbar .top-search button,
.topbar .top-search button svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  min-height:18px!important;
  max-height:18px!important;
}
.language-selector-wrap .language-globe,
.topbar .language-globe,
.language-globe{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  border-width:1px!important;
}
.language-globe-img,
.topbar .language-globe-img{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  min-height:28px!important;
  max-height:28px!important;
}
.site-header{top:42px!important;}
.language-selector-wrap .language-menu{top:40px!important;}
@media(max-width:900px){
  :root{--topbar-height:40px!important;}
  .topbar{min-height:40px!important;height:40px!important;max-height:40px!important;}
  .topbar .container.topbar-utilities{min-height:40px!important;height:40px!important;padding:0 6px!important;}
  .topbar-actions{gap:4px!important;}
  .topbar .top-icon{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;flex-basis:26px!important;}
  .topbar .top-icon svg,.topbar-actions svg{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;}
  .topbar .top-search{height:28px!important;width:136px!important;max-width:136px!important;flex:0 1 136px!important;padding-left:9px!important;}
  .topbar .top-search input{font-size:12px!important;}
  .language-selector-wrap .language-globe,.topbar .language-globe,.language-globe{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;flex-basis:32px!important;}
  .language-globe-img,.topbar .language-globe-img{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;}
  .site-header{top:40px!important;}
  .language-selector-wrap .language-menu{top:38px!important;}
}
@media(max-width:480px){
  .topbar .top-search{width:106px!important;max-width:106px!important;}
  .topbar .top-icon:nth-of-type(n+5){display:none!important;}
}

/* FINAL OVERLAP FIX: keep globe language selector inside slim top bar */
:root{--topbar-height:42px!important;}
.topbar{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  padding:0!important;
  overflow:visible!important;
  display:block!important;
}
.topbar .container.topbar-utilities{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding-top:0!important;
  padding-bottom:0!important;
  overflow:visible!important;
}
.topbar-actions{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
details.language-selector-wrap,
.topbar details.language-selector-wrap,
.language-selector-wrap{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:visible!important;
  line-height:1!important;
}
details.language-selector-wrap>summary.language-globe,
.topbar details.language-selector-wrap>summary.language-globe,
.language-selector-wrap .language-globe,
.topbar .language-globe,
.language-globe{
  width:32px!important;
  min-width:32px!important;
  max-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 32px!important;
  border-radius:50%!important;
  border:1px solid rgba(8,36,90,.10)!important;
  background:#ffffff!important;
  box-shadow:0 5px 15px rgba(8,36,90,.08)!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  transform:none!important;
  animation:none!important;
  cursor:pointer!important;
  line-height:1!important;
}
.language-globe-img,
.topbar .language-globe-img,
.language-selector-wrap .language-globe-img{
  width:26px!important;
  min-width:26px!important;
  max-width:26px!important;
  height:26px!important;
  min-height:26px!important;
  max-height:26px!important;
  display:block!important;
  object-fit:contain!important;
  animation:nataWorldRotate 4.5s linear infinite!important;
  transform-origin:center center!important;
}
.language-selector-wrap .language-menu,
.topbar .language-selector-wrap .language-menu{
  top:38px!important;
  right:0!important;
}
.site-header{top:42px!important;}
@media(max-width:900px){
  :root{--topbar-height:40px!important;}
  .topbar{height:40px!important;min-height:40px!important;max-height:40px!important;}
  .topbar .container.topbar-utilities,.topbar-actions{height:40px!important;min-height:40px!important;max-height:40px!important;}
  details.language-selector-wrap,.topbar details.language-selector-wrap,.language-selector-wrap{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex-basis:30px!important;}
  details.language-selector-wrap>summary.language-globe,.topbar details.language-selector-wrap>summary.language-globe,.language-selector-wrap .language-globe,.topbar .language-globe,.language-globe{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;flex-basis:30px!important;}
  .language-globe-img,.topbar .language-globe-img,.language-selector-wrap .language-globe-img{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;max-height:24px!important;}
  .language-selector-wrap .language-menu,.topbar .language-selector-wrap .language-menu{top:36px!important;}
  .site-header{top:40px!important;}
}


/* FINAL FIX: uploaded transparent globe icon kept compact inside topbar */
.topbar details.language-selector-wrap,
.topbar .language-selector-wrap{
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  flex:0 0 32px!important;margin:0!important;padding:0!important;
}
.topbar details.language-selector-wrap>summary.language-globe,
.topbar .language-selector-wrap .language-globe,
.topbar .language-globe{
  width:32px!important;min-width:32px!important;max-width:32px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
}
.topbar .language-globe-img,
.language-globe-img{
  width:26px!important;min-width:26px!important;max-width:26px!important;
  height:26px!important;min-height:26px!important;max-height:26px!important;
  object-fit:contain!important;display:block!important;
  animation:nataWorldRotate 5s linear infinite!important;
}
@media(max-width:900px){
  .topbar details.language-selector-wrap,.topbar .language-selector-wrap,
  .topbar details.language-selector-wrap>summary.language-globe,.topbar .language-selector-wrap .language-globe,.topbar .language-globe{
    width:30px!important;min-width:30px!important;max-width:30px!important;
    height:30px!important;min-height:30px!important;max-height:30px!important;flex-basis:30px!important;
  }
  .topbar .language-globe-img,.language-globe-img{
    width:24px!important;min-width:24px!important;max-width:24px!important;
    height:24px!important;min-height:24px!important;max-height:24px!important;
  }
}


/* URGENT MOBILE TOPBAR FIX 2026-05-24
   Keeps all social icons + globe visible in row 1 and moves search to row 2 on phones. */
@media (max-width: 900px){
  :root{--topbar-height:86px!important;}
  body{overflow-x:hidden!important;}
  .topbar{
    display:block!important;
    position:relative!important;
    top:auto!important;
    min-height:86px!important;
    height:auto!important;
    max-height:none!important;
    padding:6px 0 8px!important;
    overflow:visible!important;
  }
  .topbar .container.topbar-utilities{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 10px!important;
    display:block!important;
  }
  .topbar-spacer{display:none!important;}
  .topbar-actions{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    overflow:visible!important;
  }
  .topbar .top-icon{
    order:1!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    display:inline-grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .language-selector-wrap{
    order:1!important;
    flex:0 0 42px!important;
    display:inline-flex!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .language-selector-wrap .language-globe,
  .topbar .language-globe{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    display:inline-grid!important;
    place-items:center!important;
  }
  .language-globe-img,
  .topbar .language-globe-img{
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
  }
  .topbar .top-search{
    order:2!important;
    flex:0 0 min(330px, calc(100vw - 24px))!important;
    width:min(330px, calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    height:34px!important;
    margin-top:2px!important;
    padding:0 10px 0 14px!important;
  }
  .topbar .top-search input{font-size:14px!important;}
  .site-header{top:0!important;}
}
@media (max-width: 380px){
  .topbar .top-icon{
    flex-basis:31px!important;
    width:31px!important;min-width:31px!important;max-width:31px!important;
    height:31px!important;min-height:31px!important;max-height:31px!important;
  }
  .topbar .top-icon svg{width:14px!important;height:14px!important;}
  .topbar-actions{gap:5px!important;}
  .language-selector-wrap{flex-basis:38px!important;}
  .language-selector-wrap .language-globe,.topbar .language-globe{
    width:38px!important;min-width:38px!important;max-width:38px!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
  }
}


/* Final mobile header language placement fix - keeps desktop unchanged */
@media (max-width: 900px){
  .site-header{top:0!important;z-index:150!important;}
  .site-header .header-inner{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 0!important;
  }
  .site-header .logo{
    flex:1 1 auto!important;
    min-width:0!important;
    margin-right:0!important;
  }
  .site-header .logo img{
    max-width:155px!important;
    max-height:50px!important;
  }
  .site-header .mobile-header-language{
    order:2!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:6px!important;
    position:relative!important;
    z-index:220!important;
  }
  .site-header .mobile-header-language .language-globe{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:#ffffff!important;
    border:1px solid rgba(8,36,90,.12)!important;
    box-shadow:0 8px 20px rgba(8,36,90,.10)!important;
  }
  .site-header .mobile-header-language .language-globe-img{
    width:30px!important;
    height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    object-fit:contain!important;
    display:block!important;
  }
  .site-header .menu-toggle{
    order:3!important;
    flex:0 0 44px!important;
    margin-left:0!important;
  }
  .site-header .mobile-header-language .language-menu{
    right:0!important;
    left:auto!important;
    top:50px!important;
  }
  .topbar .language-selector-wrap.mobile-header-language{display:none!important;}
}
@media (min-width: 901px){
  .language-selector-wrap.mobile-header-language{display:inline-flex!important;}
}