/* Globex V8 — visual system faithfully adapted from the supplied Meditec reference package. */
:root{
  --globex:#156bbc;
  --globex-dark:#081c33;
  --globex-soft:#f5f9fc;
  --globex-accent:#16cfb7;
  --ref-navy:#081c33;
  --ref-footer:#041927;
  --ref-blue:#156bbc;
  --ref-blue-hover:#065496;
  --ref-teal:#16cfb7;
  --ref-text:#173047;
  --ref-muted:#647b8f;
  --ref-border:#e5edf6;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',Arial,sans-serif;color:var(--ref-text);background:#fff}
h1,h2,h3,h4{font-family:Manrope,'DM Sans',Arial,sans-serif}
.wrap{width:min(1200px,calc(100% - 80px));margin-left:auto;margin-right:auto}

/* Reference top strip + white sticky navigation. */
.topline{background:#081c33!important;color:#b9cddd!important;font-size:11px;letter-spacing:.035em;padding:10px 0!important}
.topline .dot{background:#16cfb7!important}
.topline a{color:#b9cddd!important}
.topline a:hover{color:#fff!important}
.header{position:sticky!important;top:0;z-index:100;background:#fff!important;border-bottom:1px solid #eaf0f5!important;box-shadow:0 4px 16px rgba(8,28,51,.035)}
.navrow{height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important}
.header .logo{display:flex;align-items:center;white-space:nowrap}
.header .official-logo{width:76px!important;max-width:76px!important;height:76px!important;max-height:76px!important;object-fit:contain!important;display:block}
.header .logo.globex-logo-wrap{min-width:76px!important}
.header .nav{display:flex;align-items:center;gap:22px!important}
.header .nav>a{font-size:12px!important;font-weight:700!important;color:#364d64!important;transition:color .2s ease,background .2s ease}
.header .nav>a:hover,.header .nav>a.active{color:#008ab0!important}
.header .nav .nav-quote{display:inline-flex!important;align-items:center;gap:8px;color:#fff!important;background:#0c5db0!important;padding:14px 17px!important;border-radius:3px!important}
.header .nav .nav-quote:hover{background:#065496!important;color:#fff!important}
.header .mobile-menu{display:none;border:0;background:transparent;color:#082e4a;font-size:24px}

/* Meditec reference palette for links, buttons, headings and section backgrounds. */
.btn-primary{background:#156bbc!important;color:#fff!important;border-color:#156bbc!important}
.btn-primary:hover{background:#065496!important;border-color:#065496!important}
.btn-outline{color:#fff!important;border-color:#b0cad6!important;background:#ffffff10!important}
.text-link,.gallery-detail,.product-links a,.home-featured-link{color:#1467b5}
.eyebrow{color:#078aae}
.section-heading h2,.why-copy h2,.partner-strip h2,.catalog-toolbar h2,.brand-title h2{color:#092d4e}
.section-heading p,.why-copy p,.partner-strip p{color:#647b8f}
.offwhite{background:#f5f9fc!important}

/* Consistent reference-style inner page headers: navy gradient, no random background photos. */
.pagehero,.pagehero.hero-image{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#061e34 0%,#0b3558 58%,#103f63 100%)!important;color:#fff!important;padding:86px 0 82px!important}
.pagehero:before{content:"";position:absolute;z-index:-1;right:-145px;top:-245px;width:520px;height:520px;border:1px solid rgba(98,215,233,.2);border-radius:50%;box-shadow:0 0 0 48px rgba(98,215,233,.045),0 0 0 102px rgba(98,215,233,.025)}
.pagehero .wrap{position:relative;z-index:2}
.pagehero .eyebrow{color:#70d7e6!important}
.pagehero h1{font-size:clamp(40px,4.7vw,62px)!important;line-height:1.14!important;letter-spacing:-2.6px!important;max-width:850px!important;color:#fff!important;margin-bottom:16px!important}
.pagehero h1 em{font-style:normal;color:#62d7e9!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.pagehero p{font-size:15px!important;line-height:1.85!important;color:#bfd6e5!important;max-width:700px!important}
.hero-orbit{display:none!important}

/* Homepage hero keeps Globex photography but uses the reference's deep-navy visual language. */
.home-hero-v7{background:radial-gradient(circle at 83% 15%,rgba(22,207,183,.12),transparent 29%),linear-gradient(125deg,#061e34 0%,#0b3558 60%,#10486b 100%)!important;color:#fff!important}
.home-hero-v7:before{border-color:rgba(98,215,233,.2)!important;box-shadow:0 0 0 52px rgba(98,215,233,.035),0 0 0 108px rgba(98,215,233,.022)!important}
.home-hero-copy-v7 .eyebrow{color:#70d7e6!important}
.home-hero-copy-v7 h1{color:#fff!important}
.home-hero-copy-v7 h1 em{color:#62d7e9!important}
.home-hero-copy-v7>p{color:#c4d8e5!important}
.home-hero-proof-v7{border-top-color:#45677b!important}
.home-hero-proof-v7>div{border-right-color:#45677b!important}
.home-hero-proof-v7 strong{color:#fff!important}
.home-hero-proof-v7 small{color:#b9cddd!important}
.home-hero-outline-v7{color:#fff!important;border-color:#b0cad6!important;background:rgba(255,255,255,.06)!important}
.home-hero-outline-v7:hover{background:rgba(255,255,255,.14)!important}
.home-hero-stamp-v7{border-color:#e3edf4!important}

/* Compact featured product row on the homepage — based on Meditec's six-card collection layout. */
.home-featured-products-section{padding:82px 0 88px!important}
.home-featured-heading{align-items:flex-end!important;margin-bottom:22px!important}
.home-featured-heading .section-heading{margin-bottom:0!important;max-width:720px}
.home-featured-heading .text-link{margin:0 0 10px!important;white-space:nowrap}
.home-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.home-featured-card{min-width:0;background:#fff;border:1px solid #deebf4;border-radius:17px;overflow:hidden;box-shadow:0 10px 25px rgba(7,35,67,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-featured-card:hover{transform:translateY(-4px);border-color:#9fc1de;box-shadow:0 18px 36px rgba(7,35,67,.12)}
.home-featured-card-link{height:100%;display:flex;flex-direction:column;color:#0b2c50!important;text-decoration:none!important}
.home-featured-image{height:220px;aspect-ratio:1.35/1;background:linear-gradient(180deg,#fbfdff,#f1f6fa);overflow:hidden;display:grid;place-items:center;padding:18px;border-bottom:1px solid #e8eff4}
.home-featured-image img{width:100%;height:100%;max-height:184px;object-fit:contain;display:block;transition:transform .35s ease}
.home-featured-card:hover .home-featured-image img{transform:scale(1.035)}
.home-featured-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:16px 18px 18px}
.home-featured-brand{display:flex;align-items:center;gap:9px;min-height:30px;margin-bottom:12px}
.home-featured-brand img{max-width:66px;max-height:27px;object-fit:contain}
.home-featured-brand span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#0c5b91;text-transform:uppercase}
.home-featured-brand-wordmark{font-size:12px;font-weight:900;color:#0c5b91}
.home-featured-index{font-size:9px;letter-spacing:.14em;font-weight:800;color:#078aae;margin-bottom:8px}
.home-featured-copy h3{font-size:17px;line-height:1.35;color:#0b3151;margin:0 0 8px;min-height:46px}
.home-featured-copy p{font-size:12px;line-height:1.65;color:#6a7f93;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-featured-link{margin-top:auto;padding-top:12px;border-top:1px solid #e8eff4;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800}
.home-featured-link b{font-size:16px;font-weight:700}

/* Product catalogue: the supplied Meditec reference uses compact four-column square-image cards. */
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}
.catalog-toolbar h2{font-size:26px;color:#0c3554;margin:0 0 7px}
.catalog-toolbar>div>span{font-size:12px;color:#71879a}
.search{display:flex;align-items:center;gap:10px;background:#fff;padding:0 16px;border:1px solid #dbe8ef;border-radius:3px;min-width:min(360px,42vw);height:48px;color:#5693a9}
.search input{width:100%;min-width:0;border:0;outline:0;padding:10px 0;color:#173047;background:transparent}
.batch-filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.filter-btn{cursor:pointer;border:1px solid #dae6f3;background:#fff;color:#234461;padding:10px 14px;border-radius:999px;font-weight:600;font-size:.78rem;transition:background .18s,border-color .18s,color .18s}
.filter-btn.active,.filter-btn:hover{background:#176bce;color:#fff;border-color:#176bce}
.brand-block{margin:0 0 52px;scroll-margin-top:120px}
.v6-brand-block{padding-top:22px;margin-top:20px;border-top:1px solid #dce8f1}
.brand-title{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #d8e6ef;padding:0 0 14px;margin:0 0 20px}
.brand-title h2{font-size:clamp(23px,2.5vw,31px);font-weight:800;margin:0;color:#0a2e4b}
.pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#e7f4fa;color:#12618f;font-size:10px;font-weight:800;letter-spacing:.045em}
.product-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-top:24px!important;align-items:stretch}
.product-card.product-card-v6{display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;background:#fff!important;border:1px solid #e5edf6!important;border-radius:16px!important;box-shadow:0 10px 26px rgba(8,28,51,.055)!important;transition:transform .2s,box-shadow .2s!important}
.product-card.product-card-v6:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px rgba(8,28,51,.12)!important}
.product-card-v6 .product-image{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1.12/1!important;padding:16px!important;overflow:hidden!important;background:#f7faff!important;border:0!important;border-bottom:1px solid #e8eff4!important}
.product-card-v6 .product-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:185px!important;object-fit:contain!important;filter:none!important;transition:transform .35s ease}
.product-card-v6:hover .product-image img{transform:scale(1.035)}
.product-body{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;padding:16px 17px 17px!important}
.product-brand-mark{display:flex;align-items:center;gap:8px;min-height:27px;margin:0 0 10px}
.product-brand-mark img{width:auto!important;max-width:70px!important;max-height:27px!important;object-fit:contain!important}
.product-brand-mark span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#0b5c91}
.product-body>.pill{align-self:flex-start;margin-bottom:8px;font-size:9px;padding:6px 9px;max-width:100%;white-space:normal;line-height:1.35}
.product-body h3{font-size:15px!important;line-height:1.38!important;color:#0b3151!important;margin:4px 0 8px!important;min-height:42px;letter-spacing:-.015em}
.product-body p{font-size:12px!important;line-height:1.65!important;color:#667d90!important;margin:0 0 14px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.product-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #e8eff4}
.product-links a{font-size:11px!important;font-weight:800!important;color:#1467b5!important}
.product-links a:hover{color:#065496!important;text-decoration:underline}

/* Product detail pages and supporting cards. */
.product-detail-grid{align-items:start;gap:42px}
.product-photo-panel{background:#f7faff!important;border:1px solid #e5edf6!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(8,28,51,.055)!important;padding:16px!important}
.product-photo-panel>img.product-big-photo,.product-photo-panel .product-big-photo{height:420px!important;max-height:420px!important;object-fit:contain!important;background:#fff!important;border:1px solid #edf2f5;border-radius:12px!important;padding:12px!important;box-shadow:none!important}
.product-detail-copy h2{color:#092d4e}
.detail-pill{display:inline-flex;padding:7px 12px;border-radius:999px;background:#e7f4fa;color:#12618f;font-size:11px;font-weight:800}
.detail-features{border-top:1px solid #e5edf6;border-bottom:1px solid #e5edf6;margin:22px 0;padding:18px 0}
.detail-features>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;font-size:13px}
.detail-features b{color:#173047}.detail-features span{color:#647b8f;text-align:right}

/* Footer matches Meditec's deep navy corporate footer; retain original Globex logo. */
.footer,.footer-globex{background:#041927!important;color:#aec1d0!important;padding:65px 0 22px!important}
.footer-top{display:grid!important;grid-template-columns:minmax(250px,1.8fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(190px,1.25fr)!important;gap:42px!important}
.footer-top h4{font-size:13px!important;color:#fff!important;margin:10px 0 22px!important}
.footer-top p{font-size:12px!important;line-height:1.9!important;color:#b9cddd!important;max-width:360px}
.footer-top a{display:block;color:#b9cddd!important;font-size:12px!important;margin-bottom:12px!important;line-height:1.7}
.footer-top a:hover{color:#70d7e6!important}
.footer-brand--single{margin-bottom:22px!important}
.footer-globex .footer-brand--single img{width:158px!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;background:#fff!important;border:1px solid rgba(255,255,255,.6);border-radius:8px!important;padding:8px!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
.footer-top .footer-social{display:inline-flex!important;align-items:center;justify-content:center;min-width:120px;padding:9px 13px;border:1px solid #29485c;border-radius:3px;background:#08263b;color:#d6e5ef!important;margin:8px 8px 0 0!important}
.footer-bottom{border-top:1px solid #244050!important;padding-top:22px!important;margin-top:42px!important;color:#aebfce!important;font-size:11px!important;line-height:1.8}
.footer-bottom a{display:inline!important;color:#70d7e6!important}

/* Responsive behaviour mirrors the reference breakpoints. */
@media(max-width:1100px){
  .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px!important}
}
@media(max-width:760px){
  .wrap{width:min(100% - 36px,1200px)}
  .topline .flexbetween{flex-direction:column;gap:8px;align-items:flex-start}
  .navrow{height:74px!important}
  .header .official-logo{width:68px!important;max-width:68px!important;height:68px!important;max-height:68px!important}
  .header .mobile-menu{display:block!important;margin-left:auto}
  .header .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0!important;padding:12px 22px 22px;background:#fff;border-top:1px solid #eaf0f5;box-shadow:0 18px 28px rgba(8,28,51,.12)}
  .header .nav.open{display:flex!important}
  .header .nav>a{padding:13px 0;border-bottom:1px solid #edf2f6;font-size:14px!important}
  .header .nav .nav-quote{margin-top:12px;padding:13px 16px!important;justify-content:center;border:0}
  .pagehero{padding:62px 0 58px!important}
  .pagehero h1{font-size:clamp(35px,8vw,48px)!important;letter-spacing:-1.7px!important}
  .home-featured-products-section{padding:58px 0 64px!important}
  .home-featured-heading{display:block!important}
  .home-featured-heading .text-link{margin:12px 0 0!important}
  .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .home-featured-image{height:165px;padding:12px}
  .home-featured-image img{max-height:140px}
  .home-featured-copy{padding:13px}
  .home-featured-copy h3{font-size:13px;min-height:0}
  .home-featured-copy p{font-size:11px;-webkit-line-clamp:2}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .product-card-v6 .product-image{aspect-ratio:1.08/1!important;padding:10px!important}
  .product-card-v6 .product-image img{max-height:145px!important}
  .product-body{padding:12px!important}
  .product-body h3{font-size:13px!important;min-height:0}
  .product-body p{font-size:11px!important;-webkit-line-clamp:2}
  .catalog-toolbar{display:block}
  .search{margin-top:16px;min-width:0;width:100%}
  .footer{padding-top:52px!important}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
  .footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}
  .footer-bottom{margin-top:28px!important}
  .product-detail-grid{grid-template-columns:1fr!important;gap:24px!important}
  .product-photo-panel>img.product-big-photo,.product-photo-panel .product-big-photo{height:330px!important;max-height:330px!important}
}
@media(max-width:460px){
  .home-featured-grid{grid-template-columns:1fr}
  .home-featured-image{height:205px}
  .product-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .product-card-v6 .product-image{aspect-ratio:1/1!important}
  .product-body{padding:10px!important}
  .product-brand-mark img{max-width:52px!important}
  .product-body h3{font-size:12px!important}
  .product-links{gap:8px}
  .product-links a{font-size:10px!important}
  .footer-top{grid-template-columns:1fr!important}
  .footer-top>div{grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-featured-card,.home-featured-image img,.product-card-v6,.product-card-v6 .product-image img{transition:none!important}}

/* Eight-item Globex navigation needs the reference mobile menu before tablet widths. */
@media(max-width:980px){
  .navrow{height:76px!important}
  .header .official-logo{width:76px!important;max-width:76px!important;height:76px!important;max-height:76px!important}
  .header .mobile-menu{display:block!important;margin-left:auto}
  .header .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0!important;padding:12px 22px 22px;background:#fff;border-top:1px solid #eaf0f5;box-shadow:0 18px 28px rgba(8,28,51,.12)}
  .header .nav.open{display:flex!important}
  .header .nav>a{padding:13px 0;border-bottom:1px solid #edf2f6;font-size:14px!important}
  .header .nav .nav-quote{margin-top:12px;padding:13px 16px!important;justify-content:center;border:0}
}


/* 404 fallback page uses the same Meditec-derived header/footer palette. */
.utility{background:#081c33!important;color:#b9cddd!important}
.utility a{color:#b9cddd!important}
.site-header{position:sticky!important;top:0;z-index:100;background:#fff!important;border-bottom:1px solid #eaf0f5!important;box-shadow:0 4px 16px rgba(8,28,51,.035)}
.header-inner{width:min(1200px,calc(100% - 80px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{display:flex;align-items:center;min-width:76px}
.site-header .brand img{width:76px;height:76px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a{color:#364d64;font-size:12px;font-weight:700}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#008ab0}
.site-header .header-cta{display:inline-flex;align-items:center;background:#0c5db0;color:#fff;padding:14px 17px;border-radius:3px}
.site-header .hamburger{display:none}
.page-hero{position:relative;background:linear-gradient(125deg,#061e34 0%,#0b3558 58%,#103f63 100%)!important;color:#fff!important;padding:86px 0 82px!important}
.page-hero .container{width:min(1200px,calc(100% - 80px));margin:auto}
.page-hero .eyebrow{color:#70d7e6!important}
.page-hero h1{font:800 clamp(40px,4.7vw,62px)/1.14 Manrope,'DM Sans',sans-serif;color:#fff;letter-spacing:-2.6px}
.page-hero p{color:#bfd6e5;max-width:700px;line-height:1.85}
.footer .footer-brand>a img{width:158px;height:auto;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:8px;padding:8px}
@media(max-width:980px){
 .header-inner{height:76px;width:min(100% - 36px,1200px)}
 .site-header .hamburger{display:flex;margin-left:auto;border:0;background:transparent;color:#082e4a}
 .site-header .header-cta{display:none}
 .site-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px;background:#fff;border-top:1px solid #eaf0f5;box-shadow:0 18px 28px rgba(8,28,51,.12)}
 .site-nav.open{display:flex}
 .site-nav a{padding:13px 0;border-bottom:1px solid #edf2f6;font-size:14px}
}