/* Keep storefront navigation available and primary account/cart actions visible. */
.flash { margin-bottom: 16px; }
.contact-enquiry { margin-bottom: 36px; padding: 24px; border: 1px solid #d9dee6; border-radius: 6px; background: #fff; }
.contact-enquiry__form { display: grid; gap: 16px; }
.contact-enquiry__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.contact-enquiry__form label { display: block; margin-bottom: 8px; font-weight: 700; }
.contact-enquiry__form input, .contact-enquiry__form textarea { width: 100%; box-sizing: border-box; }
.contact-enquiry__form .button { justify-self: start; }
.contact-enquiry__form ul { color: #a31528; }
.contact-enquiry__honeypot { display: none; }
@media (max-width: 600px) { .contact-enquiry { padding: 18px; } .contact-enquiry__fields { grid-template-columns: minmax(0, 1fr); } }

.page-order-portal .portal-hero:not(.portal-hero--compact) .portal-hero__grid {
    grid-template-columns: minmax(0, 1fr);
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    box-shadow: 0 3px 12px rgb(23 25 29 / 10%);
}
html { scroll-padding-top: calc(var(--site-header-height, 180px) + 16px); }
.site-header .header-search input { font-size: 16px; }
.site-header .shortcut--account,
.site-header .shortcut--cart {
    min-height: 44px;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    text-decoration: none;
    line-height: 1.2;
}
.site-header .shortcut--account { background: #252930; border-color: #252930; color: #fff; }
.site-header .shortcut--account:hover { background: #414751; border-color: #414751; color: #fff; }
.site-header .shortcut--cart { background: #b9152d; border-color: #b9152d; color: #fff; }
.site-header .shortcut--cart:hover { background: #991126; border-color: #991126; color: #fff; }
.site-header .shortcut--cart [data-cart-count] { margin-left: 0; background: #fff; color: #991126; }
.site-header .header-shortcuts--desktop { gap: 10px; }
.brand-directory__letters { top: var(--site-header-height, 180px); }
@media (min-width: 961px) {
    .summary-card { top: calc(var(--site-header-height, 180px) + 24px); }
}
@media (max-width: 720px) {
    .site-header .wrapper-header {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: 'brand shortcuts';
        gap: 8px;
        padding: 10px 0;
    }
    .site-header .brand-column { min-width: 0; gap: 8px; }
    .site-header .site-logo { min-width: 0; padding: 0; }
    .site-header .site-logo img { max-width: 100%; object-fit: contain; }
    .site-header .header-shortcuts--mobile { display: flex; width: auto; gap: 0; }
    .site-header .header-shortcuts--mobile .shortcut--account,
    .site-header .header-shortcuts--mobile .shortcut--phone { display: none; }
    .site-header .header-shortcuts--mobile .shortcut--cart { font-size: 13px; padding: 8px 10px; }
    .site-header .header-shortcuts--mobile .shortcut__label--full { display: none; }
    .site-header .header-shortcuts--mobile .shortcut__label--compact { display: inline; }
    .mobile-header-search { padding-top: 12px; padding-bottom: 12px; }
    .mobile-header-search .header-search input { font-size: 16px; }
    .site-header .subnav.is-mobile-open { max-height: 70dvh; overflow-y: auto; }
    .site-header .subnav.is-mobile-open .subnav__inner { display: flex; flex-direction: column; align-items: stretch; }
    .site-header .subnav.is-mobile-open .header-shortcuts--desktop { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 12px 0; }
    .site-header .subnav.is-mobile-open .header-shortcuts--desktop .shortcut--account { display: inline-flex; }
}
/* iOS zooms focused controls below 16px. Keep pinch-to-zoom available. */
@media (max-width: 960px), (hover: none) and (pointer: coarse) {
    input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not([type='submit']):not([type='button']):not([type='range']):not([type='color']),
    select,
    textarea { font-size: max(16px, 1rem) !important; }
}

.cart-mobile-checkout { display: none; }
.page-cart .sfx-garage-bar,
.page-checkout .sfx-garage-bar { display: none; }
@media (max-width: 720px) {
    .page-cart .mobile-header-search,
    .page-checkout .mobile-header-search { display: none; }
    .page-cart .cart-mobile-checkout { display: block; margin-bottom: 20px; }
}