/* Hoard Haulers shared site styles — v1 (2026-08-30). Palette from logo: royal blue + safety orange + ice white. */
#wptime-plugin-preloader,#preloader,.preloader,.the-preloader,#loader,.loader-wrapper,#de-preloader{display:none!important;visibility:hidden!important;opacity:0!important}
body{background:#0F2A4A!important;margin:0}
.elementor-widget{margin-bottom:0!important}
.hh-page{--ink:#0F2A4A;--surface:#17406B;--surface-2:#1F5187;--line:rgba(120,180,255,0.30);--sand:#F2F7FC;--sand-dim:#C3D6E8;--safety:#F5731F;--safety-ink:#2B1305;--rust:#1E4DB0;--rust-deep:#163C8C;--sea:#3B71D8;--wrap:1120px;background:var(--ink);color:var(--sand);font-family:'IBM Plex Sans',sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.hh-page *{box-sizing:border-box}
.hh-page h1,.hh-page h2,.hh-page h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;margin:0;color:var(--sand)}
.hh-page a{color:inherit}
.hh-page .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.hh-page nav{border-bottom:1px solid var(--line);padding:6px 0;position:sticky;top:0;background:rgba(18,38,58,.94);backdrop-filter:blur(6px);z-index:50}
.hh-page nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hh-page .brand{display:flex;align-items:center}
.hh-page .brand img{height:80px;width:auto;display:block;content:url(https://hoardhaulers.com/wp-content/uploads/2026/09/Hoard-Haulers-logo-orange-windows-and-wheels.png)}
.hh-page .nav-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hh-page .nav-links{display:flex;align-items:center;gap:22px}
.hh-page .nav-links a{font-size:13px;color:var(--sand-dim);text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent;white-space:nowrap}
.hh-page .nav-links a:hover{color:var(--sand)}
.hh-page .nav-links a.active{color:var(--safety);border-color:var(--safety)}
.hh-page .phone{font-family:'IBM Plex Mono';font-size:15px;color:var(--sand-dim);text-decoration:none}
.hh-page .btn,.hh-cart-bar .btn,.hh-modal .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#FF8E45,#F5731F);color:#2B1305;box-shadow:0 4px 14px rgba(245,115,31,.35);font-weight:700;font-size:14px;letter-spacing:.01em;padding:11px 20px;border-radius:999px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-family:'IBM Plex Sans',sans-serif}
.hh-page .btn:hover,.hh-cart-bar .btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(245,115,31,.5)}
.hh-page header.hero{position:relative;overflow:hidden;padding:64px 0 40px;display:block}
.hh-page .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%;z-index:0}
.hh-page .hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,42,74,.60) 0%,rgba(15,42,74,.50) 45%,rgba(15,42,74,.95) 100%)}
.hh-page header.hero .wrap{position:relative;z-index:2}
.hh-page .eyebrow{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.12em;color:var(--safety);text-transform:uppercase;margin-bottom:14px}
.hh-page h1.headline{font-size:clamp(38px,6vw,72px);line-height:.98}
.hh-page h1.headline .accent{color:var(--safety)}
.hh-page .sub{max-width:560px;color:var(--sand-dim);font-size:17px;margin-top:18px}
.hh-page .hero-ctas{display:flex;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.hh-page .link-arrow{font-size:14px;color:var(--sand-dim);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.hh-page .gauge-panel{margin-top:56px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px clamp(20px,4vw,44px) 28px}
.hh-page .gauge-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.hh-page .gauge-label{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.1em;color:var(--sand-dim);text-transform:uppercase}
.hh-page .gauge-readout{font-family:'IBM Plex Mono';font-size:clamp(28px,4vw,40px);color:var(--safety);font-weight:600}
.hh-page .gauge-readout .price-tag{color:var(--sand);font-size:.5em;display:block;margin-top:2px;font-weight:400}
.hh-page .gauge-track-wrap{position:relative;padding-top:34px}
.hh-page .gauge-needle{position:absolute;top:0;left:0%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--safety);transition:left .5s cubic-bezier(.2,.8,.2,1)}
.hh-page .gauge-track{position:relative;height:14px;border-radius:999px;background:var(--ink);border:1px solid var(--line);overflow:hidden;display:flex}
.hh-page .gauge-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--sea),var(--safety));width:0%;transition:width .5s cubic-bezier(.2,.8,.2,1);border-radius:999px}
.hh-page .gauge-ticks{display:flex;margin-top:14px}
.hh-page .tick{flex:1;text-align:center;background:transparent;border:none;cursor:pointer;color:var(--sand-dim);font-family:'IBM Plex Mono';padding:8px 4px 0;border-top:2px solid var(--line)}
.hh-page .tick:first-child{flex:0 0 4%}
.hh-page .tick .t-label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.hh-page .tick .t-price{display:block;font-size:14px;font-weight:600;margin-top:3px;color:var(--sand)}
.hh-page .tick.active{color:var(--safety);border-color:var(--safety)}
.hh-page .tick.active .t-price{color:var(--safety)}
.hh-page .tick:hover{color:var(--sand)}
.hh-page .gauge-note{margin-top:22px;font-size:13px;color:var(--sand-dim);border-top:1px solid var(--line);padding-top:16px}
.hh-page .gauge-note strong{color:var(--sand)}
.hh-page section.intro{padding:72px 0;border-top:1px solid var(--line);display:block}
.hh-page .intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hh-page .intro-grid h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:18px}
.hh-page .intro-grid p{color:var(--sand-dim);font-size:16px;max-width:52ch;margin:0}
.hh-page .intro-photo{border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;background:var(--surface)}
.hh-page .intro-photo img{width:100%;height:100%;object-fit:cover;display:block}
.hh-page .chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.hh-page .chip{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:13px;color:var(--sand);background:var(--surface)}
.hh-page .chip-heading{font-family:'IBM Plex Mono';font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-dim);margin:26px 0 12px;display:block}
.hh-page section.pricing{padding:72px 0;border-top:1px solid var(--line);display:block}
.hh-page .section-head{max-width:640px;margin-bottom:40px}
.hh-page .section-head h2{font-size:clamp(28px,3.6vw,40px)}
.hh-page .section-head p{color:var(--sand-dim);margin-top:12px;font-size:16px}
.hh-page details.category{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;background:var(--surface);overflow:hidden}
.hh-page details.category>summary{list-style:none;cursor:pointer;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hh-page details.category>summary::-webkit-details-marker{display:none}
.hh-page details.category summary .cat-name{font-family:'Anton';font-size:19px;letter-spacing:.01em}
.hh-page details.category summary .cat-meta{font-family:'IBM Plex Mono';font-size:12px;color:var(--sand-dim);display:flex;align-items:center;gap:10px;white-space:nowrap}
.hh-page .caret{transition:transform .2s ease;font-size:14px}
.hh-page details[open] .caret{transform:rotate(90deg)}
.hh-page .cat-body{padding:0 24px 24px}
.hh-page .sub-name{font-family:'IBM Plex Mono';font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--safety);margin:18px 0 6px}
.hh-page .item-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.hh-page .item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.hh-page .item-left{display:flex;align-items:center;gap:10px;min-width:0}
.hh-page .item-left span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hh-page .item-row .price{font-family:'IBM Plex Mono';color:var(--safety);font-weight:600;white-space:nowrap;flex:0 0 auto}
.hh-page .cat-footnote{margin-top:16px;font-size:12.5px;color:var(--sand-dim);font-style:italic}
.hh-page .item-right{display:flex;align-items:center;gap:14px}
.hh-page .qty-control{display:flex;align-items:center;gap:8px}
.hh-page .qty-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);color:var(--sand);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono';padding:0}
.hh-page .qty-btn:hover{border-color:var(--safety);color:var(--safety)}
.hh-page .qty-count{font-family:'IBM Plex Mono';min-width:14px;text-align:center;font-size:13px}
.hh-page .hh-loading{color:var(--sand-dim);font-family:'IBM Plex Mono';font-size:13px;padding:20px 0}
.hh-page section.special{padding:72px 0;border-top:1px solid var(--line);display:block}
.hh-page .special-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}
.hh-page .special-card{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:18px 18px 22px}
.hh-page .special-card h3{font-family:'IBM Plex Sans';font-weight:600;text-transform:none;font-size:16px;margin-bottom:8px}
.hh-page .special-card .range{font-family:'IBM Plex Mono';color:var(--safety);font-size:15px;font-weight:600}
.hh-page .special-card .sub-rows{margin-top:10px;font-size:13px;color:var(--sand-dim);line-height:1.6}
.hh-page .special-note{margin-top:24px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;color:var(--sand-dim);background:var(--surface)}
.hh-page .special-note strong{color:var(--sand)}
.hh-page section.gtk{padding:56px 0;border-top:1px solid var(--line);display:block}
.hh-page .gtk-strip{display:flex;flex-wrap:wrap;gap:12px}
.hh-page .gtk-chip{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:10px;padding:14px 18px;background:var(--surface);min-width:150px;flex:1 1 150px}
.hh-page .gtk-chip .k{font-family:'IBM Plex Mono';font-size:11px;color:var(--sand-dim);text-transform:uppercase;letter-spacing:.06em}
.hh-page .gtk-chip .v{font-weight:600;font-size:15px;color:var(--safety)}
.hh-page section.jobs{padding:64px 0;border-top:1px solid var(--line);display:block}
.hh-page .jobs h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}
.hh-page .jobs p.lead{color:var(--sand-dim);margin:0 0 28px;max-width:60ch}
.hh-page .photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hh-page .photo-strip figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}
.hh-page .photo-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hh-page .photo-strip figcaption{font-size:12.5px;color:var(--sand-dim);padding:10px 14px}
.hh-page footer{padding:72px 0 56px;border-top:1px solid var(--line);background:var(--surface);display:block}
.hh-page .cta-box{background:linear-gradient(135deg,var(--rust),var(--rust-deep));border-radius:18px;padding:clamp(28px,5vw,52px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.hh-page .cta-box h2{font-size:clamp(26px,3.6vw,38px);color:var(--sand)}
.hh-page .cta-box p{color:rgba(234,242,249,.85);margin-top:8px;max-width:44ch}
.hh-page .cta-box .btn{background:var(--sand);color:var(--ink)}
.hh-page .service-area{margin-top:36px;font-size:13px;color:var(--sand-dim);text-align:center}
.hh-page .service-area .cities{margin-top:8px}
.hh-page .fine-print{text-align:center;margin-top:20px;font-size:12px;color:var(--sand-dim);font-family:'IBM Plex Mono'}
.hh-page .foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:13px}
.hh-page .foot-links a{color:var(--sand-dim);text-decoration:none}
.hh-page .foot-links a:hover{color:var(--sand)}
body.has-cart{padding-bottom:96px}
.hh-cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:99999;background:#1D323A;border-top:1px solid rgba(234,242,249,.14);box-shadow:0 -8px 24px rgba(0,0,0,.35);display:none;color:#EAF2F9;font-family:'IBM Plex Sans',sans-serif}
.hh-cart-bar.visible{display:block}
.hh-cart-bar .cart-bar-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hh-cart-bar .cart-summary{display:flex;align-items:center;gap:16px}
.hh-cart-bar .cart-total{font-family:'IBM Plex Mono';font-size:20px;color:#F5731F;font-weight:600}
.hh-cart-bar .cart-note{font-size:11.5px;color:#A3B6C6;margin-top:2px}
.hh-cart-bar .cart-count{font-family:'IBM Plex Mono';font-size:12.5px;color:#A3B6C6}
.hh-cart-bar .btn:disabled{opacity:.45;cursor:default}
.hh-cart-bar .load-savings-banner{max-width:1120px;margin:0 auto;padding:10px 24px;background:rgba(245,115,31,.14);border-bottom:1px solid rgba(245,115,31,.5);font-size:13px;line-height:1.4;color:#EAF2F9}
.hh-cart-bar .load-savings-banner strong,.hh-cart-bar .load-savings-banner a{color:#F5731F}
.hh-modal{display:none;position:fixed;inset:0;z-index:999998;background:rgba(10,18,22,.86);align-items:center;justify-content:center;padding:16px;overflow-y:auto;font-family:'IBM Plex Sans',sans-serif}
.hh-modal.open{display:flex}
.hh-modal .box{background:#1D323A;border:1px solid rgba(234,242,249,.18);border-radius:16px;max-width:480px;width:100%;padding:26px 22px;color:#EAF2F9;max-height:92vh;overflow-y:auto}
.hh-modal .head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}
.hh-modal h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;font-size:22px;margin:0;color:#EAF2F9}
.hh-modal .x{background:none;border:none;color:#A3B6C6;font-size:22px;cursor:pointer;line-height:1}
.hh-modal .sums{font-family:'IBM Plex Mono',monospace;font-size:13px;color:#A3B6C6;margin-bottom:16px}
.hh-modal .sums b{color:#EAF2F9;font-weight:600}
.hh-modal .sums .due{color:#F5731F;font-weight:600}
.hh-modal .form{display:grid;gap:10px}
.hh-modal .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hh-modal .row21{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.hh-modal input,.hh-modal select,.hh-modal textarea{padding:12px;border-radius:8px;border:1px solid rgba(234,242,249,.25);background:#14232B;color:#EAF2F9;font-size:15px;font-family:inherit;width:100%}
.hh-modal textarea{font-size:14px;resize:vertical}
.hh-modal .err{display:none;background:rgba(30,77,176,.18);border:1px solid #3B71D8;border-radius:8px;padding:10px 12px;font-size:13.5px;color:#EAF2F9}
.hh-modal .pay{font-size:16px;padding:14px}
.hh-modal .fine{font-size:12px;color:#A3B6C6;text-align:center}
.hh-success{position:fixed;top:0;left:0;right:0;z-index:999999;background:#1E4DB0;color:#EAF2F9;font-family:'IBM Plex Sans',sans-serif;font-weight:600;text-align:center;padding:14px 18px;font-size:15px}
.hh-success a{color:#EAF2F9;text-decoration:underline;margin-left:8px}
@media (max-width:900px){.hh-page nav .wrap{flex-direction:column;align-items:flex-start;gap:14px}.hh-page .nav-links{order:2;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.hh-page .nav-right{order:3}}
@media (max-width:760px){.hh-page .intro-grid{grid-template-columns:1fr}.hh-page .intro-photo{aspect-ratio:4/3}.hh-page .special-grid{grid-template-columns:1fr 1fr}.hh-page .item-grid{grid-template-columns:1fr}.hh-page .photo-strip{grid-template-columns:1fr}.hh-page .cta-box{flex-direction:column;align-items:flex-start;text-align:left}}
@media (max-width:480px){.hh-page .special-grid{grid-template-columns:1fr}.hh-page .tick .t-label{font-size:9.5px}.hh-page .tick .t-price{font-size:12px}.hh-page .brand img{height:64px}}
@media (prefers-reduced-motion:reduce){.hh-page .gauge-needle,.hh-page .gauge-fill{transition:none}}

/* ---- v2 (15 Sep 2026) ITEM ROW + PHOTO SIZING ----
   These rules used to live in hh-catalog.css, which the category pricing pages DO NOT load
   any more. Without them the <img class="item-thumb"> that hh.js injects into every item row
   renders at its full natural size, blowing the row far wider than a phone screen and pushing
   the price and the + / - buttons off the right edge with no way to scroll to them.
   Keep them HERE, in the stylesheet every category page actually loads. */
.hh-page .item-thumb{width:52px;height:36px;object-fit:cover;border-radius:5px;flex:none;background:var(--surface-2);cursor:zoom-in}
.hh-page .item-thumb-ph{width:52px;height:36px;border-radius:5px;flex:none;background:var(--surface-2);opacity:.45}
.hh-page .sub-head{display:flex;align-items:center;gap:12px;margin:22px 0 8px}
.hh-page .sub-head img{width:72px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.hh-page .sub-head .sub-name{margin:0;font-size:12px}
.hh-page .cat-thumb{width:56px;height:38px;object-fit:cover;border-radius:6px;flex:none;margin-right:4px}
.hh-page details.category summary .cat-left{display:flex;align-items:center;gap:12px}
.hh-page .hh-lightbox{position:fixed;inset:0;background:rgba(20,35,43,.92);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;padding:24px;margin:0}
.hh-page .hh-lightbox img{max-width:min(920px,100%);max-height:100%;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hh-page .hh-lightbox figcaption{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:var(--sand);font-family:'IBM Plex Mono';font-size:13px}

/* Safety net: no image may ever be wider than its container. This is what allowed an
   unsized .item-thumb to push the price and the +/- buttons off the right edge in Safari
   on iPhone. Deliberately NOT paired with height:auto, so explicit thumb heights still hold. */
.hh-page img{max-width:100%}

/* the row must never be able to push its controls off screen */
.hh-page .item-row{flex-wrap:wrap}
/* flex-basis 240px is the whole trick: the name asks for 240px, the price + buttons need
   about 145px. On a phone the row cannot fit 385px, so the price and buttons WRAP onto
   their own line instead of being shoved off the right edge. On desktop each grid column
   is ~500px wide, so 385px still fits on one line and nothing changes there.
   This works off the space actually available, so it does NOT depend on a media query
   matching — which is what made the earlier attempt fragile. */
.hh-page .item-left{flex:1 1 240px;min-width:0}
.hh-page .item-right{flex:0 0 auto;margin-left:auto}
.hh-page .qty-control{flex:none}
.hh-page .qty-btn{flex:none}

@media (max-width:640px){
  .hh-page .item-thumb,.hh-page .item-thumb-ph{width:44px;height:30px}
  .hh-page .item-left{flex:1 1 100%}
  .hh-page .item-left span:last-child{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
  .hh-page .item-right{width:100%;justify-content:flex-end;gap:14px}
  .hh-page .qty-btn{width:36px;height:36px;font-size:17px}
  .hh-page .qty-count{min-width:22px;font-size:15px}
}
.hh-page :focus-visible{outline:2px solid var(--safety);outline-offset:2px}

/* 2026-09-16 (later): livelier site-wide look — royal navy gradients, orange/blue accent bars, glowing buttons */
.hh-page{background:linear-gradient(180deg,#0F2A4A 0%,#0C2340 100%)}
.hh-page nav{border-bottom:0;box-shadow:inset 0 -3px 0 0 var(--safety),0 6px 20px rgba(0,0,0,.25);background:linear-gradient(90deg,rgba(15,42,74,.96),rgba(23,64,107,.94))}
.hh-page a.card,.hh-page div.t-card,.hh-page div.special-card,.hh-page div.gauge-panel,.hh-page details.category,.hh-page div.special-note{background:linear-gradient(160deg,#1B4A7C 0%,#153A62 100%);border-color:rgba(120,180,255,.30);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.hh-page a.card:hover{border-color:var(--safety);box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(245,115,31,.45)}
.hh-page .section-head h2::after,.hh-page section.why .why-list h2::after,.hh-page section.final-cta h2::after,.hh-page section.jobs h2::after{content:'';display:block;width:64px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--safety),var(--sea));margin-top:14px}
.hh-page .section-head.center h2::after,.hh-page section.final-cta h2::after{margin-left:auto;margin-right:auto}
.hh-page section.services,.hh-page section.pricing,.hh-page section.intro,.hh-page section.special{background:radial-gradient(1200px 500px at 15% 0%,rgba(59,113,216,.22),transparent 60%)}
.hh-page section.commercial-cta,.hh-page section.testimonials,.hh-page section.gtk{background:linear-gradient(180deg,#153A62,#0F2A4A);border-color:rgba(120,180,255,.30)}
.hh-page section.final-cta{background:radial-gradient(900px 420px at 50% 100%,rgba(245,115,31,.20),transparent 65%)}
.hh-page footer{background:linear-gradient(180deg,#0C2340,#081A30);border-top:2px solid rgba(245,115,31,.55)}
.hh-page .eyebrow{color:#FF9A57}
.hh-page .chip{background:linear-gradient(135deg,rgba(59,113,216,.35),rgba(30,77,176,.25));border-color:rgba(120,180,255,.45)}
.hh-page .item-row .price,.hh-page .card .go,.hh-page .special-card .range{color:#FF9A57}
.hh-page details.category summary{background:linear-gradient(90deg,rgba(59,113,216,.18),transparent)}
.hh-page .why-item h3::before{content:'\25B8  ';color:var(--safety)}
.hh-page .foot-col a:hover{color:#FF9A57}
.hh-page .link-arrow:hover{color:#FF9A57;border-color:#FF9A57}

/* 2026-09-16 (3rd pass, rewritten 5x): ROYAL BLUE content bands. Dark navy stays on nav, heroes, jobs strip, testimonials, final CTA, footer; main content sections are a royal-blue band with white text; commercial-cta is an orange band. */
.hh-page section.services,.hh-page section.why,.hh-page section.pricing,.hh-page section.intro,.hh-page section.special,.hh-page section.gtk,.hh-page section.ministry,.hh-page section.block{--sand:#F4F8FD;--sand-dim:#CBDAF0;--surface:#1A44A0;--surface-2:#2757B8;--line:rgba(255,255,255,.22);--ink:#163C8C;background:linear-gradient(180deg,#2A5BC0 0%,#1E4DB0 100%);color:#F4F8FD;border-top:0;border-bottom:0}
.hh-page section.services h1,.hh-page section.services h2,.hh-page section.services h3,.hh-page section.services h4,.hh-page section.why h1,.hh-page section.why h2,.hh-page section.why h3,.hh-page section.why h4,.hh-page section.pricing h1,.hh-page section.pricing h2,.hh-page section.pricing h3,.hh-page section.pricing h4,.hh-page section.intro h1,.hh-page section.intro h2,.hh-page section.intro h3,.hh-page section.intro h4,.hh-page section.special h1,.hh-page section.special h2,.hh-page section.special h3,.hh-page section.special h4,.hh-page section.gtk h1,.hh-page section.gtk h2,.hh-page section.gtk h3,.hh-page section.gtk h4,.hh-page section.ministry h1,.hh-page section.ministry h2,.hh-page section.ministry h3,.hh-page section.ministry h4,.hh-page section.block h1,.hh-page section.block h2,.hh-page section.block h3,.hh-page section.block h4{color:#FFFFFF}
.hh-page section.services a.card,.hh-page section.pricing details.category,.hh-page section.special div.special-card,.hh-page section.pricing div.gauge-panel,.hh-page section.special div.special-note,.hh-page section.block a.card{background:linear-gradient(160deg,#1A44A0,#163C8C);border-color:rgba(255,255,255,.22);box-shadow:0 10px 28px rgba(0,0,0,.25);color:#F4F8FD}
.hh-page section.services a.card:hover,.hh-page section.block a.card:hover{border-color:#FFB077;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,176,119,.5)}
.hh-page section.services .eyebrow,.hh-page section.services .item-row .price,.hh-page section.services .card .go,.hh-page section.services .special-card .range,.hh-page section.services .sub-name,.hh-page section.services .gauge-readout,.hh-page section.services .tick.active,.hh-page section.services .tick.active .t-price,.hh-page section.why .eyebrow,.hh-page section.why .item-row .price,.hh-page section.why .card .go,.hh-page section.why .special-card .range,.hh-page section.why .sub-name,.hh-page section.why .gauge-readout,.hh-page section.why .tick.active,.hh-page section.why .tick.active .t-price,.hh-page section.pricing .eyebrow,.hh-page section.pricing .item-row .price,.hh-page section.pricing .card .go,.hh-page section.pricing .special-card .range,.hh-page section.pricing .sub-name,.hh-page section.pricing .gauge-readout,.hh-page section.pricing .tick.active,.hh-page section.pricing .tick.active .t-price,.hh-page section.intro .eyebrow,.hh-page section.intro .item-row .price,.hh-page section.intro .card .go,.hh-page section.intro .special-card .range,.hh-page section.intro .sub-name,.hh-page section.intro .gauge-readout,.hh-page section.intro .tick.active,.hh-page section.intro .tick.active .t-price,.hh-page section.special .eyebrow,.hh-page section.special .item-row .price,.hh-page section.special .card .go,.hh-page section.special .special-card .range,.hh-page section.special .sub-name,.hh-page section.special .gauge-readout,.hh-page section.special .tick.active,.hh-page section.special .tick.active .t-price,.hh-page section.gtk .eyebrow,.hh-page section.gtk .item-row .price,.hh-page section.gtk .card .go,.hh-page section.gtk .special-card .range,.hh-page section.gtk .sub-name,.hh-page section.gtk .gauge-readout,.hh-page section.gtk .tick.active,.hh-page section.gtk .tick.active .t-price,.hh-page section.ministry .eyebrow,.hh-page section.ministry .item-row .price,.hh-page section.ministry .card .go,.hh-page section.ministry .special-card .range,.hh-page section.ministry .sub-name,.hh-page section.ministry .gauge-readout,.hh-page section.ministry .tick.active,.hh-page section.ministry .tick.active .t-price,.hh-page section.block .eyebrow,.hh-page section.block .item-row .price,.hh-page section.block .card .go,.hh-page section.block .special-card .range,.hh-page section.block .sub-name,.hh-page section.block .gauge-readout,.hh-page section.block .tick.active,.hh-page section.block .tick.active .t-price{color:#FFB077}
.hh-page section.pricing details.category summary{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}
.hh-page section.pricing .item-row{border-bottom-color:rgba(255,255,255,.18)}
.hh-page section.pricing .qty-btn{background:#2757B8;border-color:rgba(255,255,255,.3);color:#fff}
.hh-page section.pricing .gauge-track{background:#163C8C}
.hh-page section.services input,.hh-page section.services textarea,.hh-page section.services select,.hh-page section.why input,.hh-page section.why textarea,.hh-page section.why select,.hh-page section.pricing input,.hh-page section.pricing textarea,.hh-page section.pricing select,.hh-page section.intro input,.hh-page section.intro textarea,.hh-page section.intro select,.hh-page section.special input,.hh-page section.special textarea,.hh-page section.special select,.hh-page section.gtk input,.hh-page section.gtk textarea,.hh-page section.gtk select,.hh-page section.ministry input,.hh-page section.ministry textarea,.hh-page section.ministry select,.hh-page section.block input,.hh-page section.block textarea,.hh-page section.block select{background:rgba(255,255,255,.12)!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.35)!important}
.hh-page section.services input::placeholder,.hh-page section.services textarea::placeholder,.hh-page section.why input::placeholder,.hh-page section.why textarea::placeholder,.hh-page section.pricing input::placeholder,.hh-page section.pricing textarea::placeholder,.hh-page section.intro input::placeholder,.hh-page section.intro textarea::placeholder,.hh-page section.special input::placeholder,.hh-page section.special textarea::placeholder,.hh-page section.gtk input::placeholder,.hh-page section.gtk textarea::placeholder,.hh-page section.ministry input::placeholder,.hh-page section.ministry textarea::placeholder,.hh-page section.block input::placeholder,.hh-page section.block textarea::placeholder{color:rgba(255,255,255,.6)!important}
.hh-page section.services .chip,.hh-page section.why .chip,.hh-page section.pricing .chip,.hh-page section.intro .chip,.hh-page section.special .chip,.hh-page section.gtk .chip,.hh-page section.ministry .chip,.hh-page section.block .chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.35);color:#FFFFFF}
.hh-page section.services a:not(.btn):not(.card),.hh-page section.why a:not(.btn):not(.card),.hh-page section.pricing a:not(.btn):not(.card),.hh-page section.intro a:not(.btn):not(.card),.hh-page section.special a:not(.btn):not(.card),.hh-page section.gtk a:not(.btn):not(.card),.hh-page section.ministry a:not(.btn):not(.card),.hh-page section.block a:not(.btn):not(.card){color:#FFD9BE}
.hh-page section.services .btn,.hh-page section.why .btn,.hh-page section.pricing .btn,.hh-page section.intro .btn,.hh-page section.special .btn,.hh-page section.gtk .btn,.hh-page section.ministry .btn,.hh-page section.block .btn{box-shadow:0 6px 18px rgba(0,0,0,.3)}
.hh-page section.why .why-item{border-top-color:rgba(255,255,255,.2)}
.hh-page section.block.alt:not(.never){--sand:#F2F7FC;--sand-dim:#C3D6E8;--surface:#17406B;--surface-2:#1F5187;--line:rgba(120,180,255,.30);--ink:#0F2A4A;background:linear-gradient(180deg,#123A64,#0F2A4A);color:#F2F7FC}
.hh-page section.block.alt a.card{background:linear-gradient(160deg,#1B4A7C,#153A62);border-color:rgba(120,180,255,.30);color:#F2F7FC}
.hh-page section.commercial-cta:not(.never){background:linear-gradient(135deg,#FF8E45 0%,#F5731F 100%);border-color:transparent;color:#2B1305}
.hh-page section.commercial-cta h2{color:#2B1305}
.hh-page section.commercial-cta .eyebrow{color:#7A2E00}
.hh-page section.commercial-cta p{color:#4A1F08}
.hh-page section.commercial-cta .btn{background:linear-gradient(135deg,#1E4DB0,#163C8C);color:#FFFFFF;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hh-page section.final-cta{background:linear-gradient(180deg,#0F2A4A 0%,#123A64 100%)}

/* 2026-09-16: big Home button in the top bar on EVERY page — the first link in .nav-links is always Home (hh.js a.hh-home, home-page company tabs, commercial.js industry pages) */
.hh-page .nav-links > a:first-child{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:11px 26px;border-radius:999px;background:linear-gradient(135deg,#2757B8,#1E4DB0);border:2px solid #FFB077;color:#FFFFFF!important;font-size:16px;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;border-bottom-width:2px;white-space:nowrap}
.hh-page .nav-links > a:first-child::before{content:'\2302';font-size:20px;line-height:1}
.hh-page .nav-links > a:first-child:hover{transform:translateY(-1px);background:linear-gradient(135deg,#FF8E45,#F5731F);border-color:#FFFFFF;color:#2B1305!important;box-shadow:0 8px 22px rgba(245,115,31,.45)}
.hh-page .nav-links > a:first-child.active{border-color:var(--safety)}
@media (max-width:900px){.hh-page .nav-links > a:first-child{min-width:130px;padding:10px 20px;font-size:15px}}

/* 2026-09-16: promo strip under the nav (hh.js promoAd) — new-customer coupon */
.hh-page .hh-promo-ad{background:linear-gradient(90deg,#FF8E45,#F5731F);color:#2B1305;font-size:15px;font-weight:600;border-bottom:1px solid rgba(0,0,0,.15)}
.hh-page .hh-promo-ad .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.hh-page .hh-promo-ad .pa-tag{display:inline-block;background:#0F2A4A;color:#FFB077;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;white-space:nowrap}
.hh-page .hh-promo-ad b{color:#1A0A00}
.hh-page .hh-promo-ad a{margin-left:auto;color:#0F2A4A;font-weight:700;text-decoration:none;border-bottom:2px solid #0F2A4A;white-space:nowrap}
.hh-page .hh-promo-ad a:hover{color:#163C8C;border-color:#163C8C}
@media (max-width:700px){.hh-page .hh-promo-ad{font-size:14px}.hh-page .hh-promo-ad a{margin-left:0}}

/* 2026-09-16: coupon visibility — booking modal discount line, cart-bar strike-through, Special Deals links */
.hh-modal .hh-disc-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;background:linear-gradient(90deg,#FF8E45,#F5731F);color:#2B1305;border-radius:10px;padding:12px 16px;margin:0 0 12px;font-size:14px}
.hh-modal .hh-disc-line .dl-was s{opacity:.75}
.hh-modal .hh-disc-line .dl-off b{font-size:18px;color:#1A0A00}
.hh-modal .hh-disc-line .dl-now{margin-left:auto}
.hh-modal .hh-disc-line .dl-now b{font-size:20px;color:#1A0A00}
.hh-cart-bar .cart-total s.was{font-size:.6em;opacity:.7;margin-right:6px;font-weight:400}
.hh-cart-bar .cart-total .cpn{display:inline-block;vertical-align:middle;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#FF8E45,#F5731F);color:#2B1305;padding:4px 9px;border-radius:999px;margin-left:8px;font-weight:700}
.hh-page .lane-menu-in a.deals,.hh-page .hh-menu-panel a[href*='special-deals'],.hh-side a[href*='special-deals']{color:#FFB077!important;font-weight:700}

/* 2026-09-16: coupon mentions inside page copy are bold + orange */
.hh-page strong.hh-coupon{font-weight:700;color:#FFB077}
.hh-page .hh-way strong.hh-coupon,.hh-page section.pricing strong.hh-coupon,.hh-page section.intro strong.hh-coupon{color:#FFB077}
.hh-page .gauge-note strong.hh-coupon{color:#FF9A57}

.hh-modal .hh-disc-line .dl-note{flex-basis:100%;font-size:12px;color:#4A1F08;opacity:.9;margin-top:2px}

/* 2026-09-16: site search — small bubble to the LEFT of the logo (hh-search.js) */
.hh-page nav .hh-search{position:relative;flex:0 0 auto;width:170px;margin:0 12px 0 0;order:-1}
.hh-page nav .hh-search .hs-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.85;pointer-events:none}
.hh-page nav .hh-search input{width:100%;box-sizing:border-box;padding:7px 12px 7px 30px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.14);color:#fff;font-family:'IBM Plex Sans',sans-serif;font-size:13px;outline:none;transition:width .15s ease,background .15s ease}
.hh-page nav .hh-search input::placeholder{color:rgba(255,255,255,.75)}
.hh-page nav .hh-search input:focus{border-color:var(--safety);background:rgba(255,255,255,.2);box-shadow:0 0 0 3px rgba(245,115,31,.3)}
.hh-page nav .hh-search:focus-within{width:260px}
.hh-page nav .hh-search input::-webkit-search-cancel-button{filter:invert(1)}
.hh-page nav .hh-search-res{position:absolute;top:calc(100% + 8px);left:0;width:min(360px,calc(100vw - 32px));background:#0F2A4A;border:1px solid var(--safety);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:80;max-height:70vh;overflow:auto;padding:8px;text-align:left}
.hh-page nav .hh-search-res .hs-h{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#FFB077;padding:8px 10px 4px}
.hh-page nav .hh-search-res .hs-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;text-decoration:none;color:#F2F7FC;font-size:14.5px}
.hh-page nav .hh-search-res .hs-row:hover,.hh-page nav .hh-search-res .hs-row:focus{background:rgba(59,113,216,.3)}
.hh-page nav .hh-search-res .hs-t{flex:1;font-weight:600}
.hh-page nav .hh-search-res .hs-m{font-size:12px;color:#B9CCE6;white-space:nowrap}
.hh-page nav .hh-search-res .hs-p{font-family:'IBM Plex Mono',monospace;color:#FFB077;font-weight:600;white-space:nowrap}
.hh-page nav .hh-search-res .hs-empty{padding:12px 10px;font-size:14px;color:#D6E3F2}
.hh-page nav .hh-search-res .hs-empty a{color:#FFB077}
.hh-page nav .hh-search-res .hs-foot{font-family:'IBM Plex Mono',monospace;font-size:11px;color:#8FA9C9;padding:8px 10px 4px;border-top:1px solid rgba(255,255,255,.12);margin-top:4px}
@media (max-width:900px){.hh-page nav .hh-search{order:-1;width:100%;margin:0 0 4px}.hh-page nav .hh-search:focus-within{width:100%}.hh-page nav .hh-search-res{width:100%}}