/* Smartness Era V5: scoped navigation and cart upgrade; existing content and V4 sections unaffected. */
:root{--se5-navy:#071f44;--se5-blue:#092e59;--se5-accent:#ffa315;--se5-green:#057350;--se5-muted:#596d81;--se5-border:#e4eaf0}
body.v2 .site-header,body.home-v4 .site-header{background:linear-gradient(111deg,#071b39,#123e70 64%,#07264b)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 9px 26px #081a3852!important}
body.v2 .site-header nav a,body.home-v4 .site-header nav a,body.v2 .site-header nav a[aria-current],body.home-v4 .site-header nav a[aria-current]{color:#fff!important;background:transparent!important}
body.v2 .site-header nav a:hover,body.home-v4 .site-header nav a:hover{color:#ffc561!important}
body.v2 .site-header nav a[aria-current]::after,body.home-v4 .site-header nav a[aria-current]::after{background:var(--se5-accent)!important}
body.v2 .site-header nav a[aria-current]{border-bottom-color:var(--se5-accent)!important}
body.v2 .site-header .brand,body.home-v4 .site-header .brand{background:#fff!important;border-radius:10px;padding:3px 9px;box-shadow:0 3px 10px #0001}
body.v2 .site-header .header-actions a,body.v2 .site-header .header-actions .icon-svg,body.home-v4 .site-header .header-actions a,body.home-v4 .site-header .header-actions .icon-svg{color:#fff!important;stroke:#fff!important}
body.v2 .site-header .language select,body.home-v4 .site-header .language select{background:transparent!important;color:#fff!important;border-color:#ffffff55!important}
body.v2 .site-header .language select option{background:#09284c!important;color:#fff!important}
body.v2 .site-header .lang-submit{color:#fff!important}
body.v2 .site-header .menu-toggle span,body.home-v4 .site-header .menu-toggle span{background:#fff!important}
body.v2 .site-header .cart-link sup{background:#ffa315!important;color:#07192e!important}
body.v2 .site-header .header-cta{border-color:#ffc46d!important;color:#fff!important}
@media(max-width:850px){body.v2 .site-header.menu-open nav,body.home-v4 .site-header.menu-open nav{background:#0a2b53!important;box-shadow:0 20px 35px #07172e65!important;border-color:#ffffff40!important}body.v2 .site-header.menu-open nav a,body.home-v4 .site-header.menu-open nav a{color:#fff!important}}
/* Product-level payment button appears independently of gateway activation; pay.php enforces checkout readiness server-side. */
.product-card .product-actions{display:flex;gap:7px;flex-wrap:wrap}
.product-card .product-actions .button{min-width:0;flex:1;text-align:center}
.product-card .product-actions .h5-pay-inline{background:linear-gradient(105deg,#ffb11d,#f38c0a)!important;color:#10284b!important;border:0!important;box-shadow:0 4px 12px #ffb31934;font-weight:800!important;transition:transform .2s,box-shadow .2s}
.product-card .product-actions .h5-pay-inline:hover{transform:translateY(-2px);box-shadow:0 8px 18px #ffb3195f}
.product-detail .actions .button.gold{background:#ff9d0a;color:#071b39;border-color:#ff9d0a}
.h5-cart-page{max-width:1380px;margin:auto;padding-top:42px!important;padding-bottom:60px!important;color:#0a1b38}
.h5-cart-heading{margin-bottom:25px}.h5-kicker{font-size:12px;color:#da7900;letter-spacing:.12em;font-weight:900;margin-bottom:9px}.h5-cart-heading h1{font-size:clamp(32px,4vw,54px);font-weight:900;letter-spacing:-.045em;margin:0 0 9px}.h5-cart-heading p{font-size:15px;color:#64758a}
.h5-cart-grid{display:grid;grid-template-columns:minmax(0,1fr) 365px;align-items:start;gap:24px}.h5-cart-left{min-width:0}
.h5-cart-list,.h5-quote-panel,.h5-cart-summary-card{background:#fff;border:1px solid var(--se5-border);border-radius:20px;box-shadow:0 11px 35px #081e3a0b}
.h5-cart-list{padding:18px 22px}.h5-cart-list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--se5-border)}.h5-cart-list-head h2{font-size:20px;letter-spacing:-.02em;margin:0}.h5-cart-list-head>a{font-size:12px;font-weight:800;color:var(--se5-green)}.h5-cart-count{display:inline-flex;align-items:center;justify-content:center;background:#fff0d5;color:#744b01;border-radius:999px;padding:1px 9px;font-size:12px;margin-left:7px}
.h5-cart-item{display:grid;grid-template-columns:126px minmax(0,1fr) 125px;gap:17px;padding:23px 0;border-bottom:1px solid var(--se5-border);align-items:center;animation:se5-rise .38s ease both}.h5-cart-item:last-of-type{border:0}.h5-cart-thumb{height:108px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:13px;background:#f3f6fa;border:1px solid #e6ecf2}.h5-cart-thumb img,.h5-cart-thumb .visual{width:100%!important;height:100%!important;max-width:100%!important;max-height:108px!important;object-fit:contain!important}.h5-cart-details h3{font-size:16px;margin:5px 0;font-weight:800}.h5-cart-details h3 a{color:#081f40}.h5-cart-details p{font-size:12px;line-height:1.45;color:#687a8a;margin:5px 0}.h5-cart-details strong{font-size:15px;color:#ed8500}.h5-cart-type{display:inline-flex;color:#006a48;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.h5-cart-controls{display:grid;gap:9px;align-items:end;justify-items:end}.h5-cart-controls label{font-size:11px;color:#657184;font-weight:700}.h5-cart-controls input{display:block;width:86px;height:37px;border:1px solid #cfd8e4;border-radius:9px;font-size:14px;padding:5px 10px;color:#081c37}.h5-remove{border:none;background:transparent;color:#b44335;font-weight:700;font-size:12px;cursor:pointer}.h5-cart-controls>strong{font-size:14px;white-space:nowrap}.h5-cart-update{padding-top:12px}
.h5-pill-primary,.h5-pill-outline{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 18px;border-radius:10px;text-decoration:none!important;font-size:13px;font-weight:800;transition:transform .22s,box-shadow .22s,border-color .22s;cursor:pointer}
.h5-pill-primary{background:linear-gradient(115deg,#ffa912,#f18b06);color:#081e3a!important;border:1px solid #fa9c08;box-shadow:0 7px 14px #ef92002e}.h5-pill-outline{background:#fff;color:#07563f!important;border:1px solid #057451}
.h5-pill-primary:hover,.h5-pill-outline:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1027441c}
.h5-quote-panel{margin-top:19px;padding:22px}.h5-quote-head{display:flex;gap:13px;align-items:center;margin-bottom:19px}.h5-quote-head h2{font-size:19px;margin:0 0 6px}.h5-quote-head p{font-size:12px;color:#6a7a8c;margin:0}.h5-quote-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#e1f6ec;border-radius:12px;color:#046e4d;font-size:22px}.h5-quote-form label{font-size:13px;color:#34465a}.h5-quote-form input:not([type=checkbox]),.h5-quote-form textarea{width:100%;border:1px solid #d1dbe6;background:#fcfdff;border-radius:9px;padding:11px 13px;font-size:13px;box-sizing:border-box}.h5-quote-form .check{display:flex;gap:8px;align-items:flex-start;margin:13px 0}.h5-quote-form .check input{margin-top:4px}
.h5-cart-summary{position:sticky;top:96px}.h5-cart-summary-card{padding:26px;background:linear-gradient(180deg,#fff,#fbfdff)}.h5-summary-kicker{font-size:11px;color:#d57b05;letter-spacing:.12em;font-weight:900;margin-bottom:9px}.h5-cart-summary h2{font-size:24px;font-weight:900;letter-spacing:-.02em;margin:0 0 18px}.h5-summary-row{display:flex;justify-content:space-between;padding:12px 0;color:#576e81;border-bottom:1px solid #e4eaf1}.h5-summary-row strong{color:#061d3c}.h5-summary-total{display:flex;justify-content:space-between;padding:19px 0 22px;font-size:16px;font-weight:800}.h5-summary-total strong{font-size:22px;color:#062445}.h5-pay-cart{width:100%;box-sizing:border-box}.h5-cart-help{font-size:11px;color:#6c7a87;line-height:1.55;margin:12px 0}.h5-payment-badges{display:grid;grid-template-columns:1fr 1fr;gap:6px}.h5-payment-badges span{font-size:11px;font-weight:800;background:#eff6fc;border:1px solid #dceaf6;border-radius:9px;text-align:center;padding:9px 4px;color:#0d456f}.h5-cart-alert{border-left:3px solid #f0a009;background:#fff6e4;padding:10px;font-size:11px;color:#754b00}.h5-separator{border-top:1px solid #e0e7ef;margin:17px 0}.h5-cart-summary h3{font-size:15px;margin:0 0 12px}.h5-quote-jump{width:100%;box-sizing:border-box}.h5-cart-empty{padding:70px 20px;text-align:center;background:#f6f9fd;border:1px solid #e4eaf1;border-radius:18px}.h5-cart-empty>span{font-size:54px;display:block;margin-bottom:14px}
@keyframes se5-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.h5-cart-grid{grid-template-columns:minmax(0,1fr) 300px}.h5-cart-item{grid-template-columns:105px minmax(0,1fr) 97px}.h5-cart-thumb{height:90px}}
@media(max-width:760px){.h5-cart-grid{grid-template-columns:1fr}.h5-cart-summary{position:static;grid-row:1}.h5-cart-list{padding:12px 14px}.h5-cart-page{padding:26px 14px 45px!important}.h5-cart-summary-card{padding:20px}.h5-cart-item{grid-template-columns:88px minmax(0,1fr);gap:10px}.h5-cart-thumb{height:82px}.h5-cart-controls{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;justify-items:auto}.h5-cart-controls label{display:flex;align-items:center;gap:8px}.h5-cart-controls input{width:65px}.h5-cart-controls strong{margin-left:auto}.h5-cart-heading h1{font-size:34px}.h5-quote-panel{padding:16px}}
/* Homepage V4: retain approved layout while making the hero truly interactive. */
.h5-hero{position:relative}.h5-slider{position:relative;min-height:inherit;isolation:isolate}.h5-slide{position:relative;animation:se5-fade .48s ease both}.h5-slide[hidden]{display:none!important}.h5-slide .h4-hero-inner{min-height:420px}.h5-slider-controls{position:absolute;z-index:8;bottom:38px;right:clamp(28px,5%,82px);display:flex;align-items:center;gap:8px;background:#061e3bbb;border:1px solid #ffffff35;border-radius:999px;padding:7px 10px;backdrop-filter:blur(9px);box-shadow:0 8px 16px #0003}.h5-slider-controls button{border:0;background:transparent;color:#fff;cursor:pointer;min-width:30px;min-height:30px;border-radius:20px;font-size:20px;display:inline-grid;place-items:center}.h5-slider-controls button:hover,.h5-slider-controls button:focus-visible{background:#ffffff2c;outline:2px solid #ffc254;outline-offset:2px}.h5-slider-controls [data-h5-toggle]{font-size:14px;border-left:1px solid #ffffff60;border-radius:0;padding-left:8px}.h5-slider-dots{display:flex;gap:7px}.h5-slider-dots button{width:9px;min-width:9px;height:9px;min-height:9px;border-radius:999px;background:#b8cde3;padding:0}.h5-slider-dots button.active{background:#ffa314;width:24px;min-width:24px}.h5-hero-video{width:100%;height:100%;max-height:100%;object-fit:cover;background:#02162b}.h5-video-launch{position:absolute;inset:auto auto 40% 45%;border-radius:999px;width:62px;height:62px;background:#ff9f10;color:#092341;border:2px solid #fff;z-index:6;font-size:25px;cursor:pointer;box-shadow:0 10px 30px #0006}.h5-embedded-video{position:absolute;inset:0;z-index:9;background:#011b34}.h5-embedded-video iframe{width:100%;height:100%;border:0}.h5-video-close{position:absolute;right:6px;top:6px;z-index:10;background:#fdad24;color:#001b36;border:0;border-radius:50%;font-size:25px;cursor:pointer;width:34px;height:34px}.h5-hero .h4-hero-photo{object-fit:cover!important}
@keyframes se5-fade{from{opacity:.1;filter:brightness(.8)}to{opacity:1;filter:brightness(1)}}
@media(max-width:850px){.h5-slider-controls{bottom:25px;right:15px}.h5-slide .h4-hero-inner{min-height:540px}}
@media(max-width:600px){.h5-slider-controls{bottom:17px;right:14px;padding:5px 9px}.h5-slide .h4-hero-inner{min-height:600px}.h5-slider-dots{gap:5px}.h5-video-launch{width:48px;height:48px;inset:auto auto 45% 44%}}
@media(prefers-reduced-motion:reduce){.h5-slide,.h5-cart-item,.h5-pill-primary,.h5-pill-outline{animation:none!important;transition:none!important}}

.h5-home-pay{font-size:10px;display:inline-flex;align-items:center;justify-content:center;color:#063f35!important;background:#e8fff3;border-radius:6px;padding:5px 6px;font-weight:900;white-space:nowrap}
.h5-home-pay:hover{background:#b6f7da}
.course-card .h5-course-pay{display:block;padding:9px 12px;text-align:center;font-weight:800;color:#113e31!important;background:#e5f7ee;text-decoration:none;border-radius:0 0 10px 10px}
.course-card .h5-course-pay:hover{background:#c7f4dd}
/* Compact commerce links in the five-up homepage grid. */
body.home-v4 .h4-product-bottom{flex-wrap:wrap;gap:5px}
body.home-v4 .h4-product-bottom .h5-home-pay{margin-left:auto}

/* Smartness Era V5.1 — targeted hero contrast + responsive navigation repair.
   Scoped to the existing slider and site header. No HTML, data, or design replacement. */
body.home-v4 .h5-hero::before { z-index:0; }
body.home-v4 .h5-hero .h5-slider { position:relative; z-index:2; }
body.home-v4 .h5-hero .h5-slide .h4-hero-copy,
body.home-v4 .h5-hero .h5-slide .h4-hero-feature-list {
  opacity:1!important; visibility:visible!important; filter:none!important;
}
body.home-v4 .h5-hero .h5-slide .h4-hero-copy.h4-not-visible {
  transform:none!important;
}
/* Preserve the navy / white / orange palette chosen for the homepage. */
body.home-v4 .h5-hero .h4-hero-copy h1,
body.home-v4 .h5-hero .h4-hero-intro,
body.home-v4 .h5-hero .h4-bullet-grid,
body.home-v4 .h5-hero .h4-hero-feature strong { color:#fff!important; }
body.home-v4 .h5-hero .h4-hero-copy h1 em { color:#ff9e10!important; }
body.home-v4 .h5-hero .h4-hero-feature small {color:#e4e9f3!important;}
body.home-v4 .h5-hero .h4-pill-title,
body.home-v4 .h5-hero .h4-btn-orange {color:#071932!important;}

/* Make hamburger/navigation reliably available at small tablet and phone widths.
   The existing assets/site.js remains the sole controller of aria-expanded/menu-open. */
@media (max-width:1100px) {
  body.v2 .site-header { position:sticky; overflow:visible; }
  body.v2 .site-header .brand { order:1; }
  body.v2 .site-header .header-actions { order:2; margin-left:auto; min-width:0; }
  body.v2 .site-header .menu-toggle {
    display:flex!important; order:3; flex:0 0 42px;
    width:42px; height:42px; padding:7px; margin:0;
    flex-direction:column; align-items:center; justify-content:center; gap:6px;
    border:1px solid rgba(255,255,255,.38); border-radius:10px;
    background:rgba(255,255,255,.09); color:#fff;
    position:relative; z-index:151; cursor:pointer;
  }
  body.v2 .site-header .menu-toggle span {
    display:block!important; width:23px; height:2px; min-height:2px;
    background:#fff!important; border-radius:3px; opacity:1!important;
  }
  body.v2 .site-header .menu-toggle:focus-visible {
    outline:3px solid #ffad28; outline-offset:3px;
  }
  body.v2 .site-header nav {
    display:none!important; order:4; position:absolute; top:100%;
    left:12px; right:12px; width:auto; max-width:none;
    max-height:calc(100dvh - 92px); overflow-y:auto;
    flex-direction:column; align-items:stretch; justify-content:flex-start;
    gap:3px; padding:12px; background:#092b50!important;
    border:1px solid rgba(255,255,255,.22); border-radius:0 0 15px 15px;
    box-shadow:0 20px 36px rgba(3,15,35,.32); z-index:150;
  }
  body.v2 .site-header.menu-open nav {display:flex!important;}
  body.v2 .site-header nav a {
    display:block; color:#fff!important; max-width:none;
    font-size:14px; line-height:1.35; padding:11px 13px;
    white-space:normal; border-radius:7px;
  }
  body.v2 .site-header nav a:hover,
  body.v2 .site-header nav a:focus-visible {background:rgba(255,255,255,.12)!important; color:#ffce71!important;}
  body.v2 .site-header nav a[aria-current=page] {background:rgba(255,163,21,.12)!important;}
}
@media (max-width:480px) {
  body.v2 .site-header { gap:5px!important; padding-left:9px!important; padding-right:9px!important; }
  body.v2 .site-header .brand {min-width:0!important; width:clamp(106px,32vw,136px); flex:0 1 auto;}
  body.v2 .site-header .brand img {width:100%!important; max-width:136px;}
  body.v2 .site-header .header-actions {gap:5px!important;}
  body.v2 .site-header .language select {max-width:49px; font-size:12px;}
  body.v2 .site-header .menu-toggle {width:39px; height:39px; flex-basis:39px;}
}