/* HORIZON HAWK 1.4.3 — compact navigation + mobile catalogue refinement */

/* Desktop navigation: keep dropdowns useful, but remove the oversized mega-menu feeling. */
@media(min-width:1051px){
  .hh-header{height:76px}
  .hh-nav{width:min(1380px,calc(100% - 48px))}
  .hh-logo{flex-basis:205px}
  .hh-logo img{height:38px}
  .hh-menu-list{gap:18px}
  .hh-menu-list>li>a,.hh-nav-parent>a{min-height:40px;font-size:13px}
  .hh-mega{top:76px;border-radius:0 0 16px 16px;box-shadow:0 18px 46px rgba(6,36,25,.14)}
  .admin-bar .hh-mega{top:108px}

  /* Products: category chooser only. No large featured/product-image wall in the header. */
  .hh-mega-products{
    left:50%;
    width:min(700px,calc(100% - 56px));
    max-height:none;
    padding:20px;
    overflow:visible;
    transform:translateX(-50%);
  }
  .hh-mega-products .hh-mega-grid{grid-template-columns:1fr;gap:0}
  .hh-mega-products .hh-mega-grid>section:nth-child(2),
  .hh-mega-products .hh-mega-grid>section:nth-child(3){display:none}
  .hh-mega-products .hh-mega-title{margin-bottom:10px}
  .hh-mega-products .hh-mega-category-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .hh-mega-products .hh-mega-category-list>a{
    min-height:44px;
    padding:9px 11px;
    border:1px solid #e2ece6;
    border-radius:10px;
  }
  .hh-mega-products .hh-mega-category-list img{display:none}
  .hh-mega-products .hh-mega-category-list strong{font-size:13px}
  .hh-mega-products .hh-mega-footer{justify-content:space-between;margin-top:12px;padding-top:12px}
  .hh-mega-products .hh-mega-footer .hh-btn{min-height:38px;padding:8px 14px;font-size:12px}

  /* Applications: compact two-column text dropdown. */
  .hh-mega-small{right:36px;width:520px;padding:20px}
  .hh-dropdown-columns{gap:24px}
  .hh-dropdown-columns .hh-mega-title{margin-bottom:8px}
  .hh-dropdown-columns a{padding:7px 0;font-size:12.5px}
  .hh-dropdown-bottom{margin-top:10px;padding-top:10px;font-size:12.5px}

  /* Solutions / Resources: concise 2×2 panels instead of a near full-width overlay. */
  .hh-simple-panel{
    left:auto!important;
    right:36px!important;
    width:520px!important;
    padding:16px!important;
    transform:none!important;
  }
  .hh-simple-panel-grid{gap:8px}
  .hh-simple-panel-grid>a{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:11px!important;border-radius:11px}
  .hh-simple-panel-grid>a>span:first-child{width:30px;height:30px;border-radius:9px;font-size:12px}
  .hh-simple-panel-grid strong{margin-bottom:2px;font-size:13px}
  .hh-simple-panel-grid small{font-size:10.5px;line-height:1.35}
}

/* Catalogue section copy should be buyer-facing and compact. */
#category-vehicles .hh-section-head{align-items:end}
#category-vehicles .hh-section-head>p{max-width:540px}

/* Product cards: consistent white media area and balanced image scale. */
.hh-vcard{min-width:0}
.hh-vcard-image{background:#fff!important}
.hh-vcard-image img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:5%!important;object-fit:contain!important;object-position:center!important}
.hh-vcard-body>p:not(.hh-eyebrow):not(.hh-model){margin-top:8px}

/* Tablet: two balanced products per row. */
@media(max-width:1050px) and (min-width:621px){
  .hh-vcard-grid,
  .hh-vcard-grid-count-4,
  .hh-vcard-grid-count-3,
  .hh-vcard-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}
}

/* Mobile catalogue: two products side by side, compact enough for fast B2B browsing. */
@media(max-width:620px){
  .hh-container{width:calc(100% - 24px)}
  .hh-header{height:60px}
  .hh-logo{flex-basis:158px}
  .hh-logo img{height:30px}
  .hh-menu-toggle{transform:scale(.9);transform-origin:right center}
  .hh-menu{padding:70px 18px 22px}

  /* Category hero and section rhythm: much less vertical dominance. */
  .hh-page-hero{min-height:440px;padding:94px 0 42px}
  .hh-page-hero h1{font-size:clamp(36px,10.5vw,46px);line-height:1.02}
  .hh-page-lead{max-width:34em;font-size:14px;line-height:1.55}
  .hh-page-hero .hh-actions{gap:9px;margin-top:20px}
  .hh-page-hero .hh-btn{min-height:46px;padding:11px 15px;font-size:13px}
  .hh-section{padding:54px 0}
  .hh-section-head{margin-bottom:20px}
  .hh-section-head h2,.hh-copy-narrow h2,.hh-media-split h2,.hh-final-cta h2,.hh-contact-band h2{font-size:31px;line-height:1.06}
  #category-vehicles .hh-section-head h2{font-size:29px}
  #category-vehicles .hh-section-head>p{display:none}

  /* Two-column vehicle grid. Do not let count helpers force it back to one column. */
  .hh-vcard-grid,
  .hh-vcard-grid-count-4,
  .hh-vcard-grid-count-3,
  .hh-vcard-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:none!important}
  .hh-vcard-grid-count-1{grid-template-columns:minmax(0,1fr)!important;max-width:72%;margin-inline:auto}
  .hh-vcard{border-radius:14px;box-shadow:none}
  .hh-vcard:hover{transform:none;box-shadow:none}
  .hh-vcard-image,
  .hh-vcard-grid-count-3 .hh-vcard-image{aspect-ratio:1.08!important}
  .hh-vcard-image img{padding:4%!important}
  .hh-vcard-body,
  .hh-vcard-grid-count-3 .hh-vcard-body{padding:11px!important}
  .hh-vcard .hh-eyebrow{margin:0 0 6px;font-size:8px;line-height:1.25;letter-spacing:.09em}
  .hh-vcard h3,
  .hh-vcard-grid-count-3 .hh-vcard h3{display:-webkit-box;overflow:hidden;margin:0 0 6px;font-size:14px!important;line-height:1.22;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;min-height:2.44em}
  .hh-vcard .hh-model{margin:0;color:var(--hh-deep);font-size:9.5px;line-height:1.3}
  .hh-vcard .hh-model{font-size:0}
  .hh-vcard .hh-model::before{content:"Ref: ";font-size:9.5px;font-weight:800}
  .hh-vcard .hh-model::after{content:attr(data-ref);font-size:9.5px}
  .hh-vcard-body>p:not(.hh-eyebrow):not(.hh-model){display:none!important}
  .hh-card-actions{display:block;margin-top:9px}
  .hh-card-actions .hh-text-link{font-size:10.5px;line-height:1.3}
  .hh-card-actions .hh-text-link:last-child{display:none}

  /* Product archive filter remains horizontally scrollable instead of wrapping into a tall block. */
  .hh-vehicle-filter{flex-wrap:nowrap;gap:7px;margin:0 -12px 18px;padding:0 12px 6px;overflow-x:auto;scrollbar-width:none}
  .hh-vehicle-filter::-webkit-scrollbar{display:none}
  .hh-vehicle-filter button{flex:0 0 auto;padding:8px 11px;font-size:10px}

  /* Product-detail mobile scale. */
  .hh-product-hero{padding:86px 0 44px}
  .hh-product-summary h1{font-size:37px;line-height:1.02}
  .hh-gallery-main{min-height:0;aspect-ratio:1.14}
  .hh-gallery-thumbs button{height:62px}
  .hh-product-summary .hh-actions{grid-template-columns:1fr;gap:8px}

  /* Contact and forms: compact but still finger-friendly. */
  .hh-contact-wide-v142{padding-bottom:52px}
  .hh-contact-wide-shell{padding:14px;border-radius:18px}
  .hh-contact-wide-v142 .hh-contact-direct-panel h1{font-size:35px;line-height:1.02}
  .hh-contact-support-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .hh-contact-support-strip article{min-height:0;padding:11px 9px;border-radius:12px}
  .hh-contact-support-strip b{font-size:10.5px}
  .hh-contact-support-strip span{font-size:9px;line-height:1.35}
  .hh-contact-form-wide-v142{padding:16px!important}

  /* Floating quote: a small pill, not a full-width content blocker. */
  .hhb-floating-quote{
    left:auto!important;
    right:12px!important;
    bottom:12px!important;
    width:auto!important;
    min-width:142px!important;
    min-height:46px!important;
    padding:11px 18px!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1!important;
    box-shadow:0 10px 28px rgba(9,73,45,.20)!important;
  }
}

/* Extra-narrow phones: keep two columns but trim typography slightly. */
@media(max-width:380px){
  .hh-vcard-grid,
  .hh-vcard-grid-count-4,
  .hh-vcard-grid-count-3,
  .hh-vcard-grid-count-2{gap:8px!important}
  .hh-vcard-body,.hh-vcard-grid-count-3 .hh-vcard-body{padding:9px!important}
  .hh-vcard h3,.hh-vcard-grid-count-3 .hh-vcard h3{font-size:13px!important}
  .hh-vcard .hh-eyebrow{font-size:7.5px}
}

/* HORIZON HAWK 1.5.0 — integrated site rhythm, navigation and catalogue polish */

/* Reduce excessive vertical whitespace while preserving clear B2B hierarchy. */
@media(min-width:1051px){
  .hh-section{padding:76px 0}
  .hh-section-head{margin-bottom:28px}
  .hh-page-hero{min-height:500px;padding-top:118px;padding-bottom:62px}
  .hh-page-hero h1{max-width:980px}
  .hh-category-overview{gap:34px}
  .hh-vcard-grid{gap:18px}

  /* Header dropdowns are intentionally concise text panels. */
  .hh-mega-products{width:min(640px,calc(100% - 48px));padding:18px}
  .hh-mega-products .hh-mega-category-list{gap:6px 8px}
  .hh-mega-products .hh-mega-category-list>a{min-height:42px;padding:8px 10px;background:#fff}
  .hh-mega-products .hh-mega-category-list>a:hover,
  .hh-mega-products .hh-mega-category-list>a:focus-visible{background:#f2f8f4}
  .hh-menu-text-panel{width:470px!important;padding:18px!important}
  .hh-menu-text-panel .hh-dropdown-columns{gap:22px}
  .hh-menu-text-panel .hh-dropdown-columns a{padding:6px 0}
}

/* Keep product imagery consistent and avoid the 'tiny vehicle inside a huge card' look. */
.hh-vcard-image{overflow:hidden}
.hh-vcard-image img{transform:none!important}
.hh-vcard-grid-count-4 .hh-vcard-image{aspect-ratio:1.12}
.hh-vcard-grid-count-3 .hh-vcard-image{aspect-ratio:1.18}
.hh-vcard-grid-count-2 .hh-vcard-image{aspect-ratio:1.25}

/* Contact/quote page: wide composition with no stranded empty column. */
.hh-contact-wide-v142 .hh-contact-direct-panel{max-width:1080px;margin-inline:auto}
.hh-contact-wide-v142 .hh-contact-support-strip{max-width:1080px;margin-inline:auto}
.hh-contact-wide-v142 .hh-contact-form-wide-v142{max-width:1080px;margin-inline:auto}

/* Tablet rhythm. */
@media(max-width:1050px) and (min-width:621px){
  .hh-section{padding:64px 0}
  .hh-page-hero{min-height:470px;padding-top:105px;padding-bottom:52px}
  .hh-menu{width:min(400px,90vw);padding:78px 20px 26px}
  .hh-menu-list>li>a,.hh-nav-parent>a{min-height:50px}
  .hh-mega{padding-bottom:14px}
  .hh-mega-category-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hh-mega-category-list>a{min-height:42px;padding:7px 8px;border-radius:9px}
  .hh-mega-footer{margin-top:10px;padding-top:10px}
}

/* Phone-specific catalogue density and navigation. */
@media(max-width:620px){
  body{overflow-x:hidden}
  .hh-nav{width:calc(100% - 24px)}
  .hh-menu{width:min(340px,88vw);padding:66px 16px 22px}
  .hh-menu-close{top:12px;right:14px;width:38px;height:38px;font-size:24px}
  .hh-menu-list>li>a,.hh-nav-parent>a{min-height:46px;font-size:14px}
  .hh-submenu-toggle{width:42px;height:46px}
  .hh-nav-cta{padding:12px 0}
  .hh-mega{padding:0 0 12px}
  .hh-mega-title{margin:8px 0 6px;font-size:9px;letter-spacing:.11em}
  .hh-mega-category-list{grid-template-columns:1fr!important;gap:0}
  .hh-mega-category-list>a{min-height:37px;padding:6px 2px!important;border:0!important;border-radius:0!important}
  .hh-mega-category-list strong{font-size:12px!important}
  .hh-mega-footer{gap:12px;margin-top:7px;padding-top:8px}
  .hh-mega-footer>a:not(.hh-btn){font-size:11px}
  .hh-mega-footer .hh-btn{min-height:36px!important;padding:8px 11px!important;font-size:10px!important}
  .hh-dropdown-columns{gap:5px!important}
  .hh-dropdown-columns section{gap:0}
  .hh-dropdown-columns a{padding:6px 2px!important;font-size:11.5px!important}
  .hh-dropdown-bottom{margin-top:6px;padding-top:8px;font-size:11px!important}

  /* Smaller category hero: buyer sees products sooner. */
  .hh-page-hero{min-height:360px!important;padding:84px 0 32px!important}
  .hh-page-hero h1{font-size:clamp(32px,9.8vw,42px)!important;line-height:1.01!important}
  .hh-page-lead{font-size:13px!important;line-height:1.48!important}
  .hh-breadcrumbs{font-size:9px}
  .hh-section{padding:44px 0!important}
  .hh-section-head{margin-bottom:16px!important}
  .hh-section-head h2,.hh-copy-narrow h2,.hh-media-split h2,.hh-final-cta h2,.hh-contact-band h2{font-size:27px!important}
  #category-vehicles .hh-section-head h2{font-size:25px!important}
  .hh-category-overview{gap:18px}
  .hh-category-overview aside{padding:16px;border-radius:14px}

  /* Exactly two catalogue cards per row on normal phones. */
  .hh-vcard-grid,
  .hh-vcard-grid-count-4,
  .hh-vcard-grid-count-3,
  .hh-vcard-grid-count-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .hh-vcard{min-width:0;border-radius:12px}
  .hh-vcard-image,.hh-vcard-grid-count-3 .hh-vcard-image{aspect-ratio:1.05!important}
  .hh-vcard-image img{padding:3%!important}
  .hh-vcard-body,.hh-vcard-grid-count-3 .hh-vcard-body{padding:9px!important}
  .hh-vcard .hh-eyebrow{margin-bottom:5px;font-size:7px!important;letter-spacing:.07em}
  .hh-vcard h3,.hh-vcard-grid-count-3 .hh-vcard h3{margin-bottom:5px;font-size:12.5px!important;line-height:1.2!important;min-height:2.4em}
  .hh-vcard .hh-model::before,.hh-vcard .hh-model::after{font-size:8.5px!important}
  .hh-card-actions{margin-top:7px}
  .hh-card-actions .hh-text-link{font-size:9.5px!important}

  /* Compact forms and fixed quote button should never cover a full content row. */
  .hhb-floating-quote{right:10px!important;bottom:10px!important;min-width:126px!important;min-height:42px!important;padding:10px 15px!important;font-size:12px!important}
}

@media(max-width:360px){
  .hh-container{width:calc(100% - 18px)}
  .hh-vcard-grid,.hh-vcard-grid-count-4,.hh-vcard-grid-count-3,.hh-vcard-grid-count-2{gap:6px!important}
  .hh-vcard-body,.hh-vcard-grid-count-3 .hh-vcard-body{padding:8px!important}
  .hh-vcard h3,.hh-vcard-grid-count-3 .hh-vcard h3{font-size:11.5px!important}
}