/* =================================================================
   Moso International - Corporate theme (v3). Clean white + navy.
   Loaded LAST on public pages (includes/header.php).
   ================================================================= */
:root{
  --c-navy:#0B2545;--c-navy2:#13315C;--c-ink:#14202E;--c-muted:#5B6B7B;
  --c-line:#E3E8EF;--c-soft:#F4F6F9;--c-white:#fff;
  --c-acc:#D9822B;--c-acc-d:#B45F06;
  --primary-color:#0B2545;--primary-dark:#071a31;--secondary-color:#D9822B;
  --page-hero-gradient-start:#F4F6F9;--page-hero-gradient-end:#F4F6F9;
}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--c-ink);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,.section-title{font-family:'Inter',system-ui,sans-serif;letter-spacing:-.02em;color:var(--c-navy);font-weight:700}
h1,h2{font-weight:800}
a{color:var(--c-navy2)}
a:hover{color:var(--c-acc-d)}

/* Buttons */
.mp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.mp-btn--gold{background:var(--c-navy);color:#fff!important}
.mp-btn--gold:hover{background:var(--c-navy2);color:#fff!important}
.mp-btn--line{border-color:var(--c-navy);color:var(--c-navy)!important;background:transparent}
.mp-btn--line:hover{background:var(--c-navy);color:#fff!important}
.btn{border-radius:10px;font-weight:600}
.btn-primary,.btn-warning,.btn-buy-now,.btn-success{background:var(--c-navy)!important;border-color:var(--c-navy)!important;color:#fff!important}
.btn-primary:hover,.btn-warning:hover,.btn-buy-now:hover,.btn-success:hover{background:var(--c-navy2)!important;border-color:var(--c-navy2)!important;color:#fff!important}
.btn-outline-primary{border:1.5px solid var(--c-navy);color:var(--c-navy)}
.btn-outline-primary:hover{background:var(--c-navy);color:#fff}

/* ---------- Header ---------- */
.mp-hd{position:sticky;top:0;z-index:1040;background:#fff;color:var(--c-ink);border-bottom:1px solid var(--c-line)}
.mp-hd__bar{display:flex;align-items:center;gap:28px;max-width:1280px;margin:0 auto;padding:12px 24px}
.mp-hd__brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--c-navy);margin-right:auto}
.mp-hd__logo{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:none}
.mp-hd__logo img{width:46px;height:46px;object-fit:contain}
.mp-hd__word{font-weight:800;font-size:20px;letter-spacing:.02em;line-height:1;display:flex;flex-direction:column;color:var(--c-navy)}
.mp-hd__word small{font-weight:500;font-size:10px;letter-spacing:.24em;color:var(--c-muted);margin-top:4px}
.mp-hd__nav{display:flex;gap:26px;font-size:14.5px;font-weight:500}
.mp-hd__nav a{color:var(--c-ink);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}
.mp-hd__nav a:hover{color:var(--c-navy);border-bottom-color:var(--c-line)}
.mp-hd__nav a.on{color:var(--c-navy);border-bottom-color:var(--c-acc);font-weight:600}
.mp-hd__burger{display:none;width:44px;height:44px;border:1.5px solid var(--c-line);background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;padding:0}
.mp-hd__burger span{display:block;width:20px;height:2px;background:var(--c-navy);transition:transform .2s,opacity .2s}
.mp-hd.is-open .mp-hd__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mp-hd.is-open .mp-hd__burger span:nth-child(2){opacity:0}
.mp-hd.is-open .mp-hd__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mp-hd__drawer{display:none}
html.mp-lock{overflow:hidden}
@media (max-width:1180px){.mp-hd__nav{gap:18px;font-size:14px}.mp-hd__bar{padding:12px 20px;gap:18px}}
@media (max-width:960px){
  .mp-hd__nav,.mp-hd__cta{display:none}
  .mp-hd__burger{display:flex}
  .mp-hd__bar{padding:10px 16px}
  .mp-hd.is-open .mp-hd__drawer{display:flex;flex-direction:column;position:fixed;top:67px;left:0;right:0;bottom:0;background:#fff;padding:8px 20px 32px;overflow-y:auto;border-top:1px solid var(--c-line)}
  .mp-hd__drawer a:not(.mp-btn){font-weight:600;font-size:18px;color:var(--c-navy);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--c-line)}
  .mp-hd__drawer .mp-btn{margin-top:20px;min-height:52px}
  .mp-hd__drawer .mp-hd__tel{border:0;font-size:15px;font-weight:500;color:var(--c-muted);text-align:center;margin-top:8px}
}

/* ---------- Footer ---------- */
.mp-ft{background:var(--c-navy);color:#C5D0DE}
.mp-ft a{color:#C5D0DE;text-decoration:none}
.mp-ft a:hover{color:#fff}
.mp-ft__cta{background:var(--c-soft);color:var(--c-navy);padding:48px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--c-line)}
.mp-ft__cta h2{font-size:clamp(26px,3.4vw,38px);line-height:1.1;margin:0;color:var(--c-navy)}
.mp-ft__cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.mp-ft__cta .mp-btn--gold{background:var(--c-navy);color:#fff!important}
.mp-ft__cta .mp-btn--line{border-color:var(--c-navy);color:var(--c-navy)!important}
.mp-ft__cta .mp-btn--line:hover{background:var(--c-navy);color:#fff!important}
.mp-ft__grid{max-width:1280px;margin:0 auto;padding:56px 24px 36px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:32px}
.mp-ft__word{font-weight:800;font-size:22px;color:#fff;margin:0 0 14px;line-height:1;display:flex;flex-direction:column;letter-spacing:.02em}
.mp-ft__word small{font-weight:500;font-size:10px;letter-spacing:.24em;color:#8FA3BD;margin-top:5px}
.mp-ft__col p{margin:0 0 8px;font-size:14.5px;line-height:1.6;overflow-wrap:anywhere}
.mp-ft__col h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 16px;font-weight:700}
.mp-ft__col ul{list-style:none;margin:0;padding:0}
.mp-ft__col li{margin-bottom:10px;font-size:14.5px}
.mp-ft__bar{max-width:1280px;margin:0 auto;padding:20px 24px;border-top:1px solid #23406a;display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;font-size:13px;color:#8FA3BD}
.mp-ft__bar p{margin:0}
.mp-ft__social a{margin-right:16px}
@media (max-width:960px){.mp-ft__grid{grid-template-columns:1fr 1fr;padding:40px 16px 20px}.mp-ft__col--brand{grid-column:1/-1}.mp-ft__cta{padding:36px 16px}.mp-ft__bar{padding:18px 16px}}
@media (max-width:520px){.mp-ft__grid{grid-template-columns:1fr}.mp-ft__cta-btns{width:100%}.mp-ft__cta-btns .mp-btn{flex:1}}

/* Floating buttons */
.footer__scroll-top{background:var(--c-navy)!important;color:#fff!important}

/* ---------- Inner page heroes -> light band ---------- */
.page-header,body .cert-page-hero{background:var(--c-soft)!important;border-bottom:1px solid var(--c-line)!important;color:var(--c-ink)}
.page-header h1,body .cert-page-hero h1{color:var(--c-navy)!important}
.page-header p,.page-header .breadcrumb-item,.page-header .breadcrumb a,body .cert-page-hero p{color:var(--c-muted)!important}
.page-header .breadcrumb-item.active{color:var(--c-navy)!important}
.section-title::after{background:var(--c-acc)!important}
.section-badge{color:var(--c-acc-d)}

/* Surfaces and forms */
body .bg-light,body .bg-light-gray{background:var(--c-soft)!important}
body .form-control,body .form-select,body input[type=text],body input[type=email],body input[type=tel],body input[type=number],body textarea,body select{border:1.5px solid #CBD5E1;border-radius:10px;background:#fff;color:var(--c-ink)}
body .form-control:focus,body .form-select:focus,body textarea:focus,body select:focus{border-color:var(--c-navy);box-shadow:0 0 0 3px rgba(11,37,69,.15);outline:0}
body label{font-weight:600;color:var(--c-navy)}
.card,.product-card{border-radius:14px}
body .product-card{border:1px solid var(--c-line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 1px 3px rgba(11,37,69,.06);transition:box-shadow .2s,transform .2s,border-color .2s}
body .product-card:hover{transform:translateY(-3px);border-color:#C9D3E0;box-shadow:0 12px 28px rgba(11,37,69,.12)}
body .product-card h3,body .product-card h4,body .product-card .product-title{color:var(--c-navy);font-weight:700}

/* ---------- Homepage intro ---------- */
.mp-intro{background:#fff;color:var(--c-ink);padding:84px 0 72px}
.mp-eyebrow{display:block;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-acc-d);font-weight:700;margin-bottom:14px}
.mp-h2{font-size:clamp(32px,4.6vw,56px);line-height:1.05;color:var(--c-navy);margin:0 0 16px;max-width:860px}
.mp-lead{font-size:clamp(16px,1.5vw,19px);color:var(--c-muted);max-width:620px;margin:0 0 44px}
.mp-rows{border-bottom:1px solid var(--c-line);margin-bottom:56px}
.mp-row{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1.3fr) 40px;gap:20px;align-items:center;padding:26px 0;border-top:1px solid var(--c-line);color:var(--c-ink);text-decoration:none;transition:background .2s}
.mp-row:hover{background:var(--c-soft);color:var(--c-ink)}
.mp-row__n{font-weight:700;color:var(--c-acc-d);font-size:15px}
.mp-row__t{font-weight:700;font-size:clamp(22px,2.6vw,32px);letter-spacing:-.02em;color:var(--c-navy)}
.mp-row__d{color:var(--c-muted)}
.mp-row__a{font-size:26px;color:var(--c-navy);text-align:right}
.mp-years{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--c-navy);padding-top:22px}
.mp-years b{display:block;font-weight:800;font-size:clamp(34px,5vw,64px);line-height:1;color:var(--c-navy)}
.mp-years span{display:block;margin-top:8px;color:var(--c-muted);font-size:15px}
.mp-years>div{padding-right:18px}
@media (max-width:767.98px){
  .mp-intro{padding:44px 0 36px}
  .mp-row{grid-template-columns:1fr;gap:4px;padding:18px 0}
  .mp-row__a{text-align:left}
  .mp-years{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}

/* Homepage legacy sections */
.sf-trust-bar{background:var(--c-soft)!important;color:var(--c-navy)!important;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.sf-trust-bar *{color:var(--c-navy)!important}
.sf-section-head__title{font-weight:800;color:var(--c-navy)}
.bulk-order{background:var(--c-navy)!important;color:#fff}
.bulk-order h2,.bulk-order h3,.bulk-order p{color:#fff!important}

/* Product detail */
.product-info .product-title{font-weight:800;font-size:clamp(26px,3.6vw,40px);line-height:1.12;color:var(--c-navy);margin-bottom:16px}
.product-info .category-tag{display:inline-block;background:var(--c-soft)!important;color:var(--c-navy)!important;border:1px solid var(--c-line);border-radius:6px;padding:4px 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.product-description{color:#34465A;line-height:1.7}
.product-features h4{font-weight:700;color:var(--c-navy)}
.product-features .feature-item{border-bottom:1px solid var(--c-line);padding:10px 0}
.product-features .feature-item i{color:var(--c-acc-d)!important}
.product-pricing{background:var(--c-soft);border:1px solid var(--c-line);border-radius:12px;padding:18px 20px}
.product-pricing h4{color:var(--c-navy)}
.product-actions .btn-share{border:1.5px solid var(--c-navy)!important;color:var(--c-navy)!important;background:transparent!important}
.product-actions .btn-share:hover{background:var(--c-navy)!important;color:#fff!important}
.product-thumb.active{outline:2px solid var(--c-navy)}
@media (max-width:767.98px){
  .product-actions{position:sticky;bottom:0;z-index:20;background:#fff;padding:10px 12px;margin:0 -12px;border-top:1px solid var(--c-line);box-shadow:0 -6px 16px rgba(11,37,69,.08)}
  .product-actions .action-buttons{display:flex;gap:10px}
  .product-actions .action-buttons .btn{flex:1;min-height:48px}
}

/* About */
body .our-story-section,body .timeline-section{background:#fff}
body .stats-section{background:var(--c-navy)!important;color:#fff}
body .stats-section h2,body .stats-section h3,body .stats-section h4,body .stats-section .stat-number,body .stats-section .counter{color:#fff!important;font-weight:800}
body .stats-section p,body .stats-section span{color:#C5D0DE!important}
body .mission-vision-section{background:var(--c-soft)!important}
body .timeline-marker{background:var(--c-navy)!important;color:#fff!important;border:3px solid #fff!important;box-shadow:0 0 0 2px var(--c-navy);font-weight:800}
body .timeline-content{border-radius:12px;border:1px solid var(--c-line);box-shadow:0 1px 3px rgba(11,37,69,.06)}

/* Contact / Export / Certs / Gallery / Blog */
body .contact-info,body .contact-faq,body .cert-page-section,body .blog-grid,body .blog-post,body .policy-content-section{background:#fff!important}
body .contact-form-section,body .b2b-inquiry-section,body .popular-topics{background:var(--c-soft)!important}
body .contact-form-section .btn,body .contact-form-section button[type=submit],body .b2b-inquiry-section .btn,body .b2b-inquiry-section button[type=submit]{background:var(--c-navy)!important;border-color:var(--c-navy)!important;color:#fff!important;border-radius:10px;font-weight:600;min-height:50px}
body .gallery-filters .btn,body .gallery-filters button{border-radius:8px}
body .gallery-grid img{border-radius:12px}
body .virtual-tour-cta{background:var(--c-navy)!important;color:#fff}
body .virtual-tour-cta h2,body .virtual-tour-cta p{color:#fff!important}
body .blog-post,body .policy-content-section{line-height:1.75}
body .blog-post h2,body .blog-post h3,body .policy-content-section h2,body .policy-content-section h3{font-weight:700;color:var(--c-navy)}