
/* ==========================================================
   OHGS PRO STABLE LAUNCH CSS
   Final no-stuck, responsive, light/dark, image-safe build.
   ========================================================== */
:root{--bg:#07111f;--bg2:#0c2037;--card:#0b1829;--text:#f7fbff;--muted:#b8c4d6;--line:rgba(255,255,255,.13);--brand:#00bfff;--brand2:#0077b6;--green:#16d46b;--accent:#d32f36;--shadow:0 18px 48px rgba(0,0,0,.25);--radius:24px;--header:76px}body.light,html[data-theme="light"] body{--bg:#f6f9fc;--bg2:#eaf3fb;--card:#ffffff;--text:#0f172a;--muted:#475569;--line:rgba(15,23,42,.14);--shadow:0 18px 44px rgba(15,23,42,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:88px!important}html,body{margin:0!important;min-height:100%!important;opacity:1!important;visibility:visible!important;overflow-x:hidden!important;background:var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;line-height:1.55!important}body{background:radial-gradient(circle at 18% 0%,rgba(0,191,255,.10),transparent 34%),linear-gradient(135deg,var(--bg),#07111f)!important}body.light{background:#f6f9fc!important}.loader,#loader,.ohgs-loader-screen,[class*="preloader"],[class*="loading-screen"]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:-1!important}main{display:block!important;opacity:1!important;visibility:visible!important;min-height:60vh!important;padding-top:var(--header)!important}.section,.hero,.card,img,video{content-visibility:visible!important;contain:none!important}img{display:block!important;max-width:100%!important;height:auto;opacity:1!important;visibility:visible!important;object-position:center!important}video{max-width:100%!important;height:auto!important;display:block!important;background:#000!important}.wrap,.hero .wrap,.section>.wrap,.footer .wrap{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}.site-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:999999!important;height:76px!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:10px 20px!important;background:rgba(3,10,22,.96)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 38px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;transform:translateY(0)!important;opacity:1!important;visibility:visible!important;transition:height .28s ease,min-height .28s ease,padding .28s ease,box-shadow .28s ease,background .28s ease!important}body.light .site-header,html[data-theme="light"] .site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(15,23,42,.12)!important;box-shadow:0 12px 34px rgba(15,23,42,.10)!important}.site-header.hide,.site-header.hidden,.site-header.is-hidden,.site-header.nav-hidden,.site-header.header-hidden{display:flex!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.site-header.ohgs-header-compact{height:62px!important;min-height:62px!important;padding-top:6px!important;padding-bottom:6px!important;box-shadow:0 14px 38px rgba(0,0,0,.28)!important;border-bottom-color:rgba(0,191,255,.24)!important}.brand,.ohgs-final-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:205px!important;max-width:285px!important;text-decoration:none!important;color:var(--text)!important;flex:0 0 auto!important}.brand img,.ohgs-final-brand-icon{width:50px!important;height:50px!important;min-width:50px!important;object-fit:contain!important;border-radius:999px!important;background:#fff!important;padding:0!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;transition:width .28s ease,height .28s ease,min-width .28s ease!important}.brand-copy,.ohgs-final-brand-copy{display:flex!important;flex-direction:column!important;min-width:0!important}.brand-copy strong,.ohgs-final-brand-title{font-size:30px!important;line-height:.88!important;letter-spacing:.16em!important;font-weight:950!important;color:var(--text)!important}.brand-copy small,.ohgs-final-brand-subtitle{font-size:8px!important;line-height:1!important;letter-spacing:.34em!important;font-weight:950!important;color:var(--brand)!important;margin-top:5px!important}.site-header.ohgs-header-compact .brand img,.site-header.ohgs-header-compact .ohgs-final-brand-icon{width:40px!important;height:40px!important;min-width:40px!important}.site-header.ohgs-header-compact .brand-copy strong,.site-header.ohgs-header-compact .ohgs-final-brand-title{font-size:23px!important}.site-header.ohgs-header-compact .brand-copy small,.site-header.ohgs-header-compact .ohgs-final-brand-subtitle{font-size:7px!important}.nav-links{display:flex!important;align-items:center!important;gap:8px!important}.nav-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 14px!important;border-radius:999px!important;color:var(--text)!important;text-decoration:none!important;font-size:13px!important;font-weight:850!important;opacity:.88!important;white-space:nowrap!important}.nav-links a.active,.nav-links a:hover{opacity:1!important;background:rgba(0,191,255,.16)!important;color:#fff!important;border:1px solid rgba(0,191,255,.25)!important}body.light .nav-links a.active,body.light .nav-links a:hover{color:#07111f!important}.header-actions{display:flex!important;align-items:center!important;gap:8px!important}.menu-toggle{display:none!important}.theme-toggle,.lang-toggle,.whatsapp{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;min-height:40px!important;height:40px!important;padding:0 14px!important;border:1px solid var(--line)!important;background:rgba(255,255,255,.08)!important;color:var(--text)!important;text-decoration:none!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important}.theme-toggle{width:44px!important;min-width:44px!important;max-width:44px!important;padding:0!important;font-size:0!important}.theme-toggle::before,.theme-toggle::after{display:none!important;content:none!important}.theme-icon,.ohgs-theme-icon{font-size:19px!important;line-height:1!important}.lang-toggle{font-size:11px!important}.whatsapp{background:var(--green)!important;border-color:transparent!important;color:#fff!important;font-size:12px!important}.hero{padding:58px 0 48px!important;min-height:auto!important}.hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;gap:clamp(28px,4vw,56px)!important;align-items:center!important}.kicker{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 14px!important;color:var(--brand)!important;font-size:13px!important;font-weight:950!important;letter-spacing:.16em!important;text-transform:uppercase!important}.kicker::before{content:"";width:42px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),transparent)}h1,h2,h3,p{margin-top:0!important}h1{font-size:clamp(42px,6vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;margin-bottom:18px!important;color:var(--text)!important}h2{font-size:clamp(30px,4.8vw,52px)!important;line-height:1.05!important;letter-spacing:-.04em!important;margin-bottom:14px!important;color:var(--text)!important}h3{font-size:clamp(20px,2.8vw,28px)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin-bottom:8px!important;color:var(--text)!important}.lead,p{font-size:clamp(15px,2vw,18px)!important;color:var(--muted)!important}.actions,.card-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:18px!important}.btn{min-height:46px!important;padding:0 20px!important;border-radius:16px!important;border:1px solid rgba(0,191,255,.34)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--brand),var(--brand2))!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:14px!important;line-height:1!important}.btn.ghost{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important}.btn.wa,.wa{background:var(--green)!important;color:#fff!important;border-color:transparent!important}.hero-media{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;min-height:420px!important}.hero-media img{width:100%!important;height:100%!important;min-height:206px!important;object-fit:cover!important;border-radius:24px!important;border:1px solid var(--line)!important;background:linear-gradient(135deg,#0d1f35,#07111f)!important;box-shadow:var(--shadow)!important}.hero-media img:first-child{grid-row:span 2!important;min-height:426px!important}.section{padding:52px 0!important}.soft{background:rgba(255,255,255,.025)!important}body.light .soft{background:rgba(15,23,42,.035)!important}.grid,.products-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin-top:24px!important}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))!important}.card,.product-card,.ohgs-new-stock-card,.ohgs-product-showcase-card,.ohgs-customer-story-card{height:100%!important;min-width:0!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:24px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:var(--shadow)!important}.card img,.product-card img,.ohgs-new-stock-card img,.ohgs-product-showcase-card img,.ohgs-customer-story-card img{width:100%!important;height:240px!important;object-fit:cover!important;object-position:center!important;background:#fff!important}.card.poster img{object-fit:contain!important}.card-body,.ohgs-new-stock-body,.ohgs-product-showcase-body,.ohgs-customer-story-body{padding:19px!important;display:flex!important;flex-direction:column!important;gap:10px!important;flex:1!important}.tag,.ohgs-stock-tag{width:max-content!important;max-width:100%!important;border:1px solid rgba(0,191,255,.35)!important;color:var(--brand)!important;border-radius:999px!important;padding:6px 12px!important;font-size:12px!important;font-weight:900!important;background:rgba(0,191,255,.09)!important}.price{color:var(--text)!important;font-size:19px!important;font-weight:950!important}.mini-list{margin:0!important;padding-left:18px!important;color:var(--muted)!important;font-size:14px!important}.split,.brand-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:32px!important;align-items:center!important}.feature-list{display:grid!important;gap:12px!important}.feature-list div{padding:14px 16px!important;border-radius:18px!important;background:var(--card)!important;border:1px solid var(--line)!important;color:var(--text)!important}.gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:24px!important}.gallery img{width:100%!important;height:240px!important;object-fit:cover!important;border-radius:22px!important;border:1px solid var(--line)!important;background:#fff!important}.quick-contact{position:fixed!important;left:18px!important;bottom:92px!important;display:flex!important;flex-direction:column!important;gap:10px!important;z-index:900!important}.quick-contact a{width:50px!important;height:50px!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important;background:#0077b6!important}.quick-contact a:first-child{background:#16c75b!important}.footer{padding:56px 0 28px!important;background:#050d18!important;border-top:1px solid var(--line)!important}body.light .footer{background:#eaf4fd!important}.footer-grid{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;gap:24px!important}.footer a{display:block!important;margin:7px 0!important;text-decoration:none!important;color:var(--muted)!important}.footer img{width:56px!important;height:56px!important;border-radius:50%!important;background:#fff!important;padding:4px!important}.footer-bottom,.copyright{color:var(--muted)!important;margin-top:24px!important;font-size:14px!important}@media(max-width:1100px){.hero-grid,.split,.brand-panel{grid-template-columns:1fr!important}.grid,.products-grid,.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:980px){:root{--header:64px}html{scroll-padding-top:76px!important}.wrap,.hero .wrap,.section>.wrap,.footer .wrap{width:min(100% - 24px,720px)!important}.site-header,.site-header.ohgs-header-compact{height:64px!important;min-height:64px!important;padding:8px 10px!important;display:grid!important;grid-template-columns:minmax(116px,1fr) 42px auto!important;grid-template-areas:"brand menu actions"!important;gap:8px!important}.brand,.ohgs-final-brand{grid-area:brand!important;min-width:0!important;max-width:150px!important;gap:7px!important}.brand img,.ohgs-final-brand-icon,.site-header.ohgs-header-compact .brand img,.site-header.ohgs-header-compact .ohgs-final-brand-icon{width:38px!important;height:38px!important;min-width:38px!important}.brand-copy strong,.ohgs-final-brand-title,.site-header.ohgs-header-compact .brand-copy strong,.site-header.ohgs-header-compact .ohgs-final-brand-title{font-size:17px!important;letter-spacing:.12em!important}.brand-copy small,.ohgs-final-brand-subtitle,.site-header.ohgs-header-compact .brand-copy small,.site-header.ohgs-header-compact .ohgs-final-brand-subtitle{font-size:5.8px!important;letter-spacing:.20em!important}.menu-toggle{grid-area:menu!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important;border:1px solid var(--line)!important;color:var(--text)!important;font-size:20px!important}.header-actions{grid-area:actions!important;justify-self:end!important;gap:5px!important}.theme-toggle{width:36px!important;min-width:36px!important;max-width:36px!important;height:34px!important;min-height:34px!important}.lang-toggle{width:54px!important;min-width:54px!important;max-width:54px!important;height:34px!important;min-height:34px!important;font-size:8px!important;padding:0!important}.whatsapp{width:68px!important;min-width:68px!important;max-width:68px!important;height:34px!important;min-height:34px!important;font-size:8px!important;padding:0!important}.nav-links{position:fixed!important;left:12px!important;right:12px!important;top:72px!important;display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;background:rgba(3,10,22,.98)!important;border:1px solid var(--line)!important;border-radius:22px!important;padding:14px!important;box-shadow:var(--shadow)!important;max-height:calc(100vh - 90px)!important;overflow:auto!important}body.light .nav-links{background:rgba(255,255,255,.98)!important}.nav-links.open,.nav-links.show,.nav-links.active{display:flex!important}.nav-links a{width:100%!important;height:auto!important;min-height:44px!important;justify-content:flex-start!important;font-size:14px!important}.hero{padding:34px 0!important}.section{padding:40px 0!important}.hero-grid,.split,.brand-panel,.grid,.products-grid,.grid.two,.grid.four,.footer-grid{grid-template-columns:1fr!important;gap:18px!important}.hero-media{grid-template-columns:1fr!important;min-height:auto!important}.hero-media img,.hero-media img:first-child{grid-row:auto!important;min-height:0!important;height:225px!important}.card img,.product-card img,.ohgs-new-stock-card img,.ohgs-product-showcase-card img,.ohgs-customer-story-card img,.gallery img{height:220px!important}.card-body{padding:17px!important}.actions,.card-actions{flex-direction:column!important}.btn{width:100%!important}.quick-contact{left:12px!important;bottom:76px!important}.quick-contact a{width:44px!important;height:44px!important}}@media(max-width:430px){.wrap,.hero .wrap,.section>.wrap,.footer .wrap{width:calc(100% - 20px)!important}h1{font-size:34px!important}h2{font-size:29px!important}h3{font-size:21px!important}.lead,p{font-size:15px!important}.site-header{grid-template-columns:minmax(112px,1fr) 38px auto!important}.brand,.ohgs-final-brand{max-width:134px!important}.brand img,.ohgs-final-brand-icon{width:35px!important;height:35px!important;min-width:35px!important}.brand-copy strong,.ohgs-final-brand-title{font-size:15px!important}.brand-copy small,.ohgs-final-brand-subtitle{font-size:5px!important}.menu-toggle{width:38px!important;min-width:38px!important;max-width:38px!important;height:36px!important}.theme-toggle{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important}.lang-toggle{width:46px!important;min-width:46px!important;max-width:46px!important;height:32px!important;min-height:32px!important;font-size:7px!important}.whatsapp{width:56px!important;min-width:56px!important;max-width:56px!important;height:32px!important;min-height:32px!important;font-size:7px!important}.hero-media img,.hero-media img:first-child,.card img,.product-card img,.gallery img{height:205px!important}.section{padding:34px 0!important}.quick-contact{display:none!important}}
@media(max-width:360px){.site-header,.site-header.ohgs-header-compact{padding-left:8px!important;padding-right:8px!important;grid-template-columns:minmax(80px,1fr) 36px auto!important;gap:6px!important}.brand,.ohgs-final-brand{max-width:112px!important;gap:5px!important}.brand img,.ohgs-final-brand-icon,.site-header.ohgs-header-compact .brand img,.site-header.ohgs-header-compact .ohgs-final-brand-icon{width:32px!important;height:32px!important;min-width:32px!important}.brand-copy strong,.ohgs-final-brand-title,.site-header.ohgs-header-compact .brand-copy strong,.site-header.ohgs-header-compact .ohgs-final-brand-title{font-size:13px!important}.brand-copy small,.ohgs-final-brand-subtitle{display:none!important}.menu-toggle{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}.header-actions{gap:3px!important}.theme-toggle{width:32px!important;min-width:32px!important;max-width:32px!important}.lang-toggle{width:44px!important;min-width:44px!important;max-width:44px!important}.whatsapp{width:56px!important;min-width:56px!important;max-width:56px!important;font-size:7px!important}}

/* ==========================================================
   PROFESSIONAL ALIGNMENT + GOOGLE MAPS PASS
   Equal controls, stable product imagery and location layout.
   ========================================================== */
.btn,
button.btn,
a.btn{
  min-height:48px!important;
  height:auto!important;
  padding:12px 20px!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.actions{align-items:stretch!important}
.actions .btn{min-width:180px!important}
.product-card .card-body{align-items:stretch!important}
.product-card .card-body>h3{min-height:2.24em!important;display:flex!important;align-items:flex-start!important}
.product-card .card-body>p{margin-bottom:0!important}
.product-card .card-body>.card-actions{
  margin-top:auto!important;
  padding-top:8px!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
}
.product-card .card-actions .btn{
  width:100%!important;
  min-width:0!important;
  min-height:50px!important;
  padding-inline:12px!important;
}
.product-card img,
.card img,
.gallery img{
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
}
.product-card img[src*="edon-ed-"],
.product-card img[src*="edon-ad-"],
.product-card img[src*="edon-submersible"],
.product-card img[src*="edon-pressure-washer"],
.product-card img[src*="ingco-plate-compactor"],
.product-card img[src*="ingco-drill"],
.product-card img[src*="ingco-tool-kit"],
.product-card img[src*="vackson-silent-generator"]{
  object-fit:contain!important;
  padding:10px!important;
  background:#fff!important;
}
.detail-grid>img{
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:clamp(8px,1.5vw,16px)!important;
}
.footer a.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:240px!important;
  margin:10px 0 0!important;
  color:#fff!important;
}
.footer a.btn.ghost{color:var(--text)!important}
.footer-contact-actions{display:grid!important;gap:10px!important;max-width:240px!important;margin-top:12px!important}
.footer-contact-actions .btn{margin:0!important;max-width:none!important}

.location-section{padding-top:22px!important}
.location-heading{max-width:760px!important;margin-bottom:24px!important}
.location-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
.map-card,
.location-card{
  min-width:0!important;
  border:1px solid var(--line)!important;
  border-radius:26px!important;
  overflow:hidden!important;
  background:var(--card)!important;
  box-shadow:var(--shadow)!important;
}
.map-card{min-height:430px!important}
.map-card iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:430px!important;
  border:0!important;
  background:var(--bg2)!important;
}
.location-card{
  padding:clamp(22px,3vw,34px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.location-card h3{margin-bottom:18px!important}
.location-details{display:grid!important;gap:14px!important;margin-bottom:8px!important}
.location-detail{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  padding:13px 14px!important;
  border:1px solid var(--line)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.035)!important;
}
body.light .location-detail{background:rgba(15,23,42,.025)!important}
.location-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:rgba(0,191,255,.12)!important;font-size:20px!important}
.location-detail span,.location-detail strong{display:block!important}
.location-detail span{color:var(--muted)!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.location-detail strong{color:var(--text)!important;font-size:15px!important;line-height:1.35!important}
.location-card .actions{display:grid!important;grid-template-columns:1fr!important;margin-top:18px!important}
.location-card .actions .btn{width:100%!important;min-width:0!important}
.contact-grid{align-items:stretch!important}
.contact-form,.contact-grid>.card{height:100%!important}
.contact-form .btn{width:100%!important;margin-top:auto!important}
.contact-grid>.card .card-body{justify-content:center!important}

@media(max-width:980px){
  .product-card .card-body>h3{min-height:0!important}
  .product-card .card-body>.card-actions{grid-template-columns:1fr!important}
  .actions .btn{min-width:0!important}
  .location-grid{grid-template-columns:1fr!important}
  .map-card,.map-card iframe{min-height:360px!important}
}
@media(max-width:430px){
  .btn,button.btn,a.btn{min-height:48px!important;padding:12px 16px!important}
  .product-card img,.card img,.gallery img{aspect-ratio:4/3!important;height:auto!important}
  .map-card,.map-card iframe{min-height:310px!important}
  .location-card{padding:18px!important}
  .location-detail{grid-template-columns:38px minmax(0,1fr)!important;padding:11px!important}
  .location-icon{width:38px!important;height:38px!important}
}
