@import url('mhh-fonts.css'); /* self-hosted Carlito (Apache2.0) + Oswald (OFL) — NO external CDN */
/* ===================================================================
   MHH Auto Shop — "Forum-native" theme for OpenCart 4  (approved concept B)
   Dark forum chrome (#0a0c10 / #14171c) + WHITE content, brand blue #153e7e,
   amber #f2b40e CTAs, red #c11b17 HOT, light-blue #8fb4d6 forum sub-bars.
   =================================================================== */
:root{
  --mhh-blue:#153e7e; --mhh-blue-2:#25587e; --mhh-blue-lite:#3f78c4;
  --ink:#14171c; --ink-2:#1b1f26; --ink-3:#232833;
  --amber:#f2b40e; --green:#57a800; --red:#c11b17;
  --paper:#ffffff; --paper-2:#eef1f5; --paper-3:#e2e7ee;
  --text:#1c2530; --muted:#66707d; --line:#d7dde5; --line-dark:rgba(255,255,255,.09);
  --disp:'Oswald',system-ui,sans-serif; --body:'Carlito','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#0a0c10;color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;}
a{color:var(--mhh-blue-2);text-decoration:none;transition:color .2s;}
a:hover{color:var(--mhh-blue-lite);}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4{font-family:var(--disp);line-height:1.12;letter-spacing:.01em;color:var(--text);}
#container{background:#0a0c10;}
img{max-width:100%;}

/* ============ top utility strip (OC4 #top) ============ */
#top{background:#0d1015;color:#93a0b2;font-size:13px;padding:5px 0;border:0;min-height:auto;border-bottom:1px solid var(--line-dark);}
#top a,#top .dropdown-toggle{color:#93a0b2!important;text-decoration:none;}
#top a:hover{color:#fff!important;}
#top .dropdown-menu{background:#fff;}
#top .dropdown-menu a{color:var(--text)!important;}
#top .dropdown-menu a:hover{background:var(--paper-2);}

/* ============ news ticker (added in header.twig) ============ */
.newsbar{background:var(--ink);color:#cbd3df;border-bottom:1px solid var(--line-dark);font-size:13px;white-space:nowrap;}
.newsbar .in{display:flex;align-items:center;gap:0;height:38px;overflow:hidden;}
.newsbar .flame{color:var(--red);font-weight:700;font-family:var(--disp);letter-spacing:.1em;text-transform:uppercase;flex:none;background:var(--ink);position:relative;z-index:2;height:100%;display:flex;align-items:center;padding-right:18px;box-shadow:12px 0 12px -4px var(--ink);white-space:nowrap;}
.newsbar .run{display:inline-block;animation:tick 30s linear infinite;}
.newsbar .run a{color:#cbd3df;margin:0 22px;text-transform:uppercase;font-family:var(--disp);font-size:12.5px;letter-spacing:.04em;}
.newsbar .run a:hover{color:#fff;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============ header (OC4 <header>) ============ */
header{background:var(--ink);color:#fff;position:relative;box-shadow:0 2px 0 var(--mhh-blue);padding:14px 0;}
header .row{align-items:center;}
#logo img{max-height:48px;width:auto;}
#logo h1 a{color:#fff;font-family:var(--disp);}
/* OC4 search component (header) */
#mhh-search{position:relative;display:flex;align-items:center;}
#mhh-search .input-group{width:100%;margin:0!important;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.03);transition:border-color .18s;}
#mhh-search .input-group:focus-within{border-color:rgba(255,255,255,.36);}
#mhh-search .form-control{height:50px;border:0;border-radius:0;background:transparent;color:#e7ecf3;font-size:17px;padding-left:18px;box-shadow:none!important;}
#mhh-search .form-control::placeholder{color:#8b94a1;opacity:1;}
#mhh-search .form-control:focus{background:transparent;color:#fff;}
#mhh-search .btn{height:50px;background:transparent;border:0;border-radius:0;color:#8b94a1;width:52px;box-shadow:none!important;}
#mhh-search .btn:hover{background:rgba(255,255,255,.06);color:#fff;}
#mhh-search .btn i{color:inherit;font-size:17px;}
/* OC4 cart */
#cart .btn,#cart>button{height:46px;background:var(--mhh-blue);border:1px solid var(--mhh-blue-lite);border-radius:0;color:#fff!important;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;}
#cart .btn:hover{background:var(--mhh-blue-lite);}
#cart .dropdown-menu{min-width:340px;background:#fff;border:1px solid var(--line);border-radius:0;}
#cart strong,#cart .text-black{color:var(--text);}

/* ============ main menu (OC4 {{ menu }} #menu navbar) ============ */
#menu,.navbar{background:var(--ink-2)!important;border:0;border-radius:0;border-bottom:3px solid var(--mhh-blue);padding:0;}
#menu .navbar-nav{gap:0;}
#menu .navbar-nav>li>a,#menu .nav-link,#menu .dropdown-item{color:#d3dae4!important;font-family:var(--disp);text-transform:uppercase;font-size:14px;letter-spacing:.05em;padding:12px 16px;position:relative;background:transparent;}
#menu .nav-link:hover,#menu .navbar-nav>li>a:hover,#menu .nav-item:hover>.nav-link{color:#fff!important;background:var(--ink-3);}
#menu .dropdown-menu{background:var(--ink-2);border:1px solid #000;border-radius:0;box-shadow:0 16px 40px rgba(0,0,0,.5);}
#menu .dropdown-item:hover{background:var(--mhh-blue);color:#fff!important;}
#menu .navbar-toggler{color:#fff;border-color:var(--line-dark);margin:8px;}
/* the main category menu relocated into the home "Shop by Category" block (under the ECU Wizard) */
#mhh-menu-slot{padding:2px 8px;}
#mhh-menu-slot #menu,#mhh-menu-slot .navbar{background:transparent!important;border:0!important;}
#mhh-menu-slot #menu .container{max-width:none;padding:0;}
#mhh-menu-slot .navbar-nav>li>a,#mhh-menu-slot .nav-link{padding:11px 14px;}

/* ============ inner-page content = white/paper forum panel ============ */
main{display:block;padding-bottom:20px;}
main > .container{background:var(--paper-2);border:1px solid var(--line-dark);margin:22px auto;padding:22px clamp(14px,2.4vw,26px);}
/* the top menu is wrapped in a bare main>.container — keep it OUT of the paper panel (else empty light bar),
   but KEEP the horizontal auto-margins so the menu row stays CENTERED (margin:0 broke centering) */
main > .container:has(> #menu){background:transparent;border:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
main > .container #content{background:transparent;}
main > .container h1,main > .container h2,main > .container h3{color:var(--text);}
/* forum-style block-head on inner-page titles (category/product/etc) — matches the home block-heads */
main > .container #content > h1{background:linear-gradient(180deg,#2a3039,#1d222b);color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(18px,2.4vw,24px);line-height:1.25;padding:12px 18px;margin:0;border-bottom:1px solid #000;}
main > .container #content > h1 .ic{color:#8fb4d6;margin-right:7px;}
main > .container #content > h1 + .forum-subhead{margin-bottom:18px;}
/* product page: right-align the product data (brand, model, code, availability, price, tax, points) + rating */
#content .mhh-prodinfo > .list-unstyled,
#content .mhh-prodinfo > .rating,
#content .mhh-prodinfo > form{text-align:right;}
/* ===== unified product description template (#tab-description) ===== */
#tab-description{color:var(--text);font-family:var(--body);font-size:15px;line-height:1.62;}
#tab-description .pd-h{font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:16px;color:var(--mhh-blue);border-left:4px solid var(--amber);padding:3px 0 3px 12px;margin:26px 0 13px;}
#tab-description .pd-h:first-child{margin-top:2px;}
#tab-description .pd-lead{font-size:16px;color:#28303c;margin:0 0 4px;}
#tab-description .pd-lead b{color:var(--mhh-blue);}
#tab-description .pd-genuine{display:flex;align-items:center;gap:12px;background:#eef6e2;border:1px solid #cfe6b7;border-left:4px solid var(--green);padding:12px 16px;color:#38510f;font-weight:600;margin:18px 0;}
#tab-description .pd-genuine .chk{flex:none;width:25px;height:25px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700;}
#tab-description .pd-feats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 28px;}
#tab-description .pd-feats li{position:relative;padding-left:22px;line-height:1.5;}
#tab-description .pd-feats li::before{content:"\25B9";position:absolute;left:0;top:1px;color:var(--amber);font-weight:700;}
#tab-description .pd-spec{width:100%;border-collapse:collapse;margin-top:4px;}
#tab-description .pd-spec th{text-align:left;background:#fff;color:var(--mhh-blue);padding:11px 15px;width:34%;border:1px solid var(--line);font-family:var(--disp);text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;vertical-align:top;font-weight:500;}
#tab-description .pd-spec td{padding:11px 15px;border:1px solid var(--line);background:#fff;}
#tab-description .pd-note{background:#fff6da;border:1px solid #f0dfa8;border-left:4px solid var(--amber);padding:11px 15px;color:#6a5600;font-size:14px;margin-top:20px;}
#tab-description .pd-steps{margin:6px 0 0;padding-left:22px;}
#tab-description .pd-steps li{margin:7px 0;padding-left:6px;line-height:1.5;}
@media(max-width:640px){#tab-description .pd-feats{grid-template-columns:1fr;}}
/* home stays fully custom (dark) — neutralize the panel there */
#common-home{background:#0a0c10;}
.breadcrumb{background:#fff;border:1px solid var(--line);border-radius:0;padding:9px 15px;font-size:13.5px;}
.breadcrumb a{color:var(--mhh-blue-2);}
.card{border-radius:0;border:1px solid var(--line);}
.card-header{background:var(--paper-3);color:var(--text);font-family:var(--disp);}
.list-group-item.active{background:var(--mhh-blue);border-color:var(--mhh-blue);}
.form-control:focus,.form-select:focus{border-color:var(--mhh-blue);box-shadow:0 0 0 .2rem rgba(21,62,126,.18);}
.nav-tabs .nav-link.active{color:var(--mhh-blue);border-bottom:2px solid var(--amber);}
.page-item.active .page-link{background:var(--mhh-blue);border-color:var(--mhh-blue);}
.page-link{color:var(--mhh-blue-2);}

/* ============ buttons ============ */
.btn-primary{background:var(--mhh-blue);border-color:var(--mhh-blue);border-radius:0;}
.btn-primary:hover{background:var(--mhh-blue-lite);border-color:var(--mhh-blue-lite);}
#button-cart,.btn-warning{background:var(--amber);border-color:var(--amber);color:var(--ink);border-radius:0;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-weight:600;}
#button-cart:hover,.btn-warning:hover{background:#ffc933;border-color:#ffc933;color:var(--ink);}
.btn-danger{background:var(--red);border-color:var(--red);border-radius:0;}
.btn-light,.btn-secondary,.btn-outline-secondary{border-radius:0;}

/* ============ product cards (OC4 .product-thumb -> concept white .card) ============ */
.product-thumb{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:0;overflow:hidden;height:100%;display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s;}
.product-thumb:hover{transform:translateY(-6px);box-shadow:0 22px 44px -22px rgba(21,62,126,.55);border-color:var(--mhh-blue-lite);}
.product-thumb .image{background:#fff;border-bottom:1px solid var(--line);}
.product-thumb .image img{transition:transform .5s cubic-bezier(.2,.7,.3,1);width:100%;}
.product-thumb:hover .image img{transform:scale(1.06);}
.product-thumb .caption{padding:14px 15px 6px;flex:1;}
.product-thumb .caption h4{font-family:var(--body);font-weight:700;font-size:15.5px;line-height:1.3;margin:0 0 8px;}
.product-thumb .caption h4 a{color:var(--text);}
.product-thumb .caption h4 a:hover{color:var(--mhh-blue);}
.product-thumb .description{color:var(--muted);font-size:13px;}
.product-thumb .rating,.rating .fa-star,.rating .fa-star-half-stroke{color:var(--amber);}
.product-thumb .price{font-family:var(--disp);font-size:22px;color:var(--mhh-blue);padding:0 15px 4px;}
.product-thumb .price-new{color:var(--mhh-blue);}
.product-thumb .price-old{color:var(--muted);text-decoration:line-through;font-size:13px;font-weight:400;margin-right:6px;}
.product-thumb .price-tax{color:var(--muted);font-size:12px;font-family:var(--body);}
.product-thumb .button-group{display:flex;border-top:1px solid var(--line);background:var(--paper-2);}
.product-thumb .button-group button{flex:1;background:transparent;border:0;color:var(--text);padding:11px 6px;font-family:var(--disp);text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;transition:.2s;}
.product-thumb .button-group button:first-child{background:var(--mhh-blue);color:#fff;}
.product-thumb .button-group button:first-child:hover{background:var(--amber);color:var(--ink);}
.product-thumb .button-group button:hover{color:var(--mhh-blue);}

/* product page price */
#product .price-new,.product-info h2.price,#content h2.price{color:var(--mhh-blue);font-family:var(--disp);}

/* ==================================================================
   HOME  (custom sections — mirror the approved concept)
   ================================================================== */
.mwrap{max-width:1200px;margin:0 auto;padding:0 clamp(14px,3vw,28px);}
.mhh-hero,.hbanner,.hero,.brands,.band{}

/* HUD banner */
.hbanner{position:relative;background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 38%,#0c1e3d 70%,#0a1830 100%);overflow:hidden;border-bottom:1px solid var(--line-dark);}
.hbanner::after{content:"";position:absolute;right:0;top:0;bottom:0;width:52%;background:radial-gradient(closest-side at 62% 50%,rgba(63,143,255,.5),transparent 70%);opacity:.9;}
.hbanner .circuit{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:min(380px,40vw);opacity:.85;z-index:2;}
.hbanner .circuit .spin{transform-origin:center;animation:spin 18s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.hbanner .pulse{animation:hbp 2.6s ease-in-out infinite;}
@keyframes hbp{0%,100%{opacity:.35}50%{opacity:1}}
.hb-in{position:relative;z-index:3;padding:clamp(26px,4vw,44px) 0 clamp(30px,4vw,48px);}
.hb-in .welcome{font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(22px,3vw,34px);color:#fff;max-width:18ch;line-height:1.12;}
.hb-in .welcome b{color:var(--mhh-blue-lite);}
.fsearch{margin-top:20px;max-width:520px;display:flex;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px -10px rgba(0,0,0,.6);}
.fsearch input{flex:1;border:none;outline:none;padding:0 16px;font-family:var(--body);font-size:15px;color:var(--text);height:46px;}
.fsearch button{background:var(--mhh-blue);color:#fff;border:none;width:54px;cursor:pointer;font-size:18px;transition:.2s;}
.fsearch button:hover{background:var(--mhh-blue-lite);}

/* home breadcrumb */
.crumbs{background:var(--ink-2);border-bottom:1px solid var(--line-dark);color:#93a0b2;font-size:13.5px;padding:9px 0;}
.crumbs .in{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.crumbs a{color:#93a0b2;}.crumbs a:hover{color:#fff;}
.crumbs .sep{opacity:.5;}

/* hero */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;border:1px solid #2a2f38;margin-top:14px;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 340px at 82% 20%,rgba(21,62,126,.75),transparent 65%),repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 9px);}
.hero .in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,52px);align-items:center;padding:clamp(28px,3.6vw,50px) clamp(20px,3vw,38px);}
.hero-l h1{margin-top:0;}
.hero-r{text-align:right;}
.hero .hero-r p{max-width:none;margin-bottom:20px;}
.hero-r .cta{justify-content:flex-end;}
.mhh-tag{display:inline-flex;align-items:center;gap:9px;background:rgba(242,180,14,.14);border:1px solid rgba(242,180,14,.4);color:var(--amber);font-family:var(--disp);letter-spacing:.14em;text-transform:uppercase;font-size:12px;padding:6px 13px;border-radius:0;}
.hero h1{font-size:clamp(28px,4.2vw,46px);margin:12px 0 12px;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.05;}
.hero h1 em{font-style:normal;color:var(--amber);}
.hero p{color:#b9c2ce;max-width:50ch;font-size:16px;margin-bottom:26px;}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;}
.mbtn{font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:15px;padding:14px 26px;border:none;cursor:pointer;transition:.22s;display:inline-flex;align-items:center;gap:9px;}
.mbtn-amber{background:var(--amber);color:var(--ink);font-weight:600;}
.mbtn-amber:hover{background:#ffc933;color:var(--ink);transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(242,180,14,.6);}
.mbtn-out{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3);}
.mbtn-out:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.06);color:#fff;}
.hero-card{background:var(--paper);color:var(--text);border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);}
.hero-card .cap{background:var(--mhh-blue);color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:11px 16px;display:flex;justify-content:space-between;align-items:center;}
.hero-card .hrow{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);font-size:14px;}
.hero-card .hrow:last-child{border-bottom:none;}
.hero-card .hrow b{font-family:var(--disp);font-size:20px;color:var(--mhh-blue);}
.hero-card .hrow small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;}

/* brands strip */
.brands{background:var(--ink-2);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:16px 0;}
.brands .in{display:flex;gap:clamp(16px,4vw,44px);justify-content:center;align-items:center;flex-wrap:wrap;}
.brands span{font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;color:#8b97a6;font-size:15px;}
.brands a{color:#8b97a6;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:15px;transition:.25s;}
.brands a:hover{color:#fff;}

/* forum block shell */
.block{margin:24px 0;border:1px solid #2a2f38;background:var(--ink-2);}
.block-head{background:linear-gradient(180deg,#2a3039,#1d222b);color:#fff;padding:12px 18px;display:flex;align-items:center;gap:10px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:16px;border-bottom:1px solid #000;}
.block-head .ic{color:#8fb4d6;}
.block-head .more{margin-left:auto;font-family:var(--body);font-size:13px;color:#9fb4d6;text-transform:none;letter-spacing:0;}
.forum-subhead{background:#8fb4d6;color:#0e2a4a;font-family:var(--disp);text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:8px 18px;display:flex;align-items:center;gap:10px;}
.forum-subhead .r{margin-left:auto;opacity:.75;font-size:13px;}
.subbar{padding:7px 18px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.06em;font-size:13.5px;color:#3a2f00;}
.subbar.amber{background:var(--amber);}
.subbar.green{background:var(--green);color:#0e2400;}
.block .pad{padding:16px 18px 20px;}
/* the OC4 Featured module heading is redundant (block-head titles it) */
.block .pad > h3:first-child{display:none;}
.block .pad .row{--bs-gutter-x:16px;}

/* ECU Wizard spotlight */
.spotlight{margin:24px 0;border:1px solid #2a2f38;background:var(--ink-2);overflow:hidden;}
.spot-in{display:grid;grid-template-columns:1fr 1.15fr;gap:0;align-items:stretch;}
.spot-media{position:relative;background:radial-gradient(circle at 40% 40%,rgba(63,120,196,.22),transparent 65%),linear-gradient(160deg,#12233f,#0a0f18);display:grid;place-items:center;overflow:hidden;min-height:280px;}
.spot-media::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 2px,transparent 2px 10px);}
.spot-media img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;}
.spot-media .flag{position:absolute;top:16px;left:16px;z-index:3;background:var(--amber);color:#1a1400;font-family:var(--disp);text-transform:uppercase;letter-spacing:.1em;font-size:12px;padding:6px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.spot-copy{padding:clamp(26px,3vw,42px);display:flex;flex-direction:column;justify-content:center;}
.spot-copy .brand{font-family:var(--disp);text-transform:uppercase;letter-spacing:.18em;font-size:13px;color:#8fb4d6;}
.spot-copy h2{font-size:clamp(28px,4vw,48px);color:#fff;margin:10px 0 8px;text-transform:uppercase;}
.spot-copy h2 em{font-style:normal;color:var(--amber);}
.spot-copy .sub{color:#aeb8c6;font-size:16px;max-width:46ch;margin-bottom:18px;}
.spot-feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0 0 22px;padding:0;}
.spot-feats li{display:flex;gap:9px;align-items:center;font-size:14.5px;color:#cdd5e0;}
.spot-feats li::before{content:"\25B9";color:var(--amber);font-weight:700;}
.spot-buy{display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.spotlight .forum-subhead{margin-bottom:0;}
.spot-buy .spot-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.spot-buy .was{font-family:var(--disp);font-size:19px;color:#8792a3;text-decoration:line-through;text-decoration-color:var(--red);}
.spot-buy .now{font-family:var(--disp);font-size:34px;color:#fff;line-height:1;}
.spot-buy .off{background:var(--red);color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:12px;padding:5px 10px;align-self:center;}

/* trust band */
.band{background:var(--mhh-blue);color:#fff;text-align:center;padding:clamp(38px,6vw,60px) 0;margin-top:28px;position:relative;overflow:hidden;}
.band::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px);}
.band .in{position:relative;}
.band h2{font-size:clamp(24px,3.6vw,40px);color:#fff;text-transform:uppercase;}
.band p{max-width:54ch;margin:14px auto 24px;color:#cfe0f6;}

/* categories tiles */
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cat{position:relative;background:var(--ink);color:#fff;padding:22px;overflow:hidden;display:flex;align-items:center;gap:16px;border:1px solid var(--ink-3);transition:.3s;}
.cat:hover{color:#fff;transform:translateY(-4px);border-color:var(--mhh-blue-lite);}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(21,62,126,.55));opacity:0;transition:opacity .3s;}
.cat:hover::after{opacity:1;}
.cat .ci{width:52px;height:52px;flex:none;background:var(--mhh-blue);display:grid;place-items:center;position:relative;z-index:2;transform:skewX(-8deg);color:#fff;font-size:22px;}
.cat .ci span{transform:skewX(8deg);}
.cat .cx{position:relative;z-index:2;}
.cat h3{font-size:18px;color:#fff;text-transform:uppercase;}
.cat p{color:#9fb0c4;font-size:13px;margin:2px 0 0;}
.cat .n{margin-left:auto;position:relative;z-index:2;font-family:var(--disp);font-size:32px;color:rgba(255,255,255,.08);}

/* text category picker (no pictures) */
.mhh-catpick{display:flex;flex-wrap:wrap;gap:10px;}
.mhh-catpick a{font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;font-size:13.5px;color:#d3dae4;background:var(--ink);border:1px solid var(--ink-3);padding:10px 16px;transition:.2s;}
.mhh-catpick a:hover{background:var(--mhh-blue);border-color:var(--mhh-blue-lite);color:#fff;transform:translateY(-2px);}

/* magic-search live suggestions */
.mhh-suggest{display:none;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--line);border-top:0;box-shadow:0 22px 44px -16px rgba(0,0,0,.55);max-height:70vh;overflow:auto;}
.mhh-suggest .mhh-sg{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--paper-3);color:var(--text);}
.mhh-suggest .mhh-sg:last-child{border-bottom:0;}
.mhh-suggest .mhh-sg:hover{background:var(--paper-2);color:var(--mhh-blue);}
.mhh-suggest .mhh-sg img{width:44px;height:44px;flex:0 0 44px;object-fit:contain;background:#fff;border:1px solid var(--line);}
.mhh-suggest .mhh-sg .n{flex:1;font-family:var(--body);font-size:14px;line-height:1.3;}
.mhh-suggest .mhh-sg .p{font-family:var(--disp);color:var(--mhh-blue);font-size:16px;white-space:nowrap;}

/* ============ footer ============ */
footer{background:var(--ink);color:#9aa5b3;font-size:14px;padding:44px 0 26px;border-top:3px solid var(--mhh-blue);margin-top:0;}
footer h5,footer h4{font-family:var(--disp);color:#fff;font-size:15px;letter-spacing:.08em;margin-bottom:13px;text-transform:uppercase;}
footer a{color:#9aa5b3;}
footer a:hover{color:var(--amber);}
footer hr{border-color:var(--line-dark);}
footer .list-unstyled li{padding:3px 0;}

/* reveal-on-scroll */
.reveal{opacity:0;transform:translateY(24px);transition:.6s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:none;}

@media(max-width:1000px){
  .hero .in{grid-template-columns:1fr;}
  .spot-in{grid-template-columns:1fr;}
  .spot-feats{grid-template-columns:1fr;}
  .cats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){.cats{grid-template-columns:1fr;}}

.mhh-shopcat > .container{padding-top:14px;}
.mhh-shopcat .block{margin-top:0;}

/* ===== information pages (Terms/Privacy/About/Delivery): clean readable document typography — TEXT/WORDING UNCHANGED, styling only ===== */
#information-information #content{max-width:940px;}
#information-information #content > h1{margin-bottom:22px;}
#information-information #content p{margin:0 0 15px;line-height:1.85;font-size:15.5px;color:#2b3644;}
#information-information #content a{color:var(--mhh-blue-2);text-decoration:underline;}
#information-information #content strong,#information-information #content b{color:var(--ink);font-weight:700;}
#information-information #content em,#information-information #content i{color:#3a4757;}
#information-information #content ul,#information-information #content ol{margin:0 0 16px 26px;line-height:1.85;}
#information-information #content li{margin-bottom:8px;}
#information-information #content h2,#information-information #content h3,#information-information #content h4{color:var(--mhh-blue);font-family:var(--disp);text-transform:uppercase;letter-spacing:.02em;margin:26px 0 10px;font-size:19px;}
#information-information #content table{width:100%;border-collapse:collapse;margin:0 0 18px;}
#information-information #content table td,#information-information #content table th{border:1px solid var(--line);padding:8px 10px;}
/* info pages: safe spacing cleanup (no content change) */
#information-information #content p > br:last-child{display:none;}   /* drop redundant trailing line-breaks */
#information-information #content p{margin:0 0 13px;}
#information-information #content p:empty{display:none;}
#information-information #content{color:#2b3644;}