/* 1.22: consistent navigation, focus, motion and responsive presentation. */
html{scroll-padding-top:calc(var(--header-height,88px) + 24px)}
main [id]{scroll-margin-top:calc(var(--header-height,88px) + 24px)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #c4122f;outline-offset:4px}
.site-header :where(a,button):focus-visible,.site-footer a:focus-visible{outline-color:currentColor}
.site-header a,.mobile-nav a,.site-footer a{overflow-wrap:anywhere}
.mobile-nav{overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:env(safe-area-inset-bottom,0px)}
.mobile-nav__categories a{min-height:44px;gap:10px}.mobile-category-icon{flex-shrink:0}
.mobile-nav__languages a{min-width:44px;min-height:44px;justify-content:center}
.site-search__close{flex-shrink:0;min-width:44px;min-height:44px}
.site-search__panel{scrollbar-gutter:stable}.site-search__results a{min-width:0}.site-search__results strong{min-width:0;overflow-wrap:anywhere}
.site-search h2{overflow-wrap:anywhere;hyphens:auto}
.has-site-ui .desktop-nav__item--products:not(.is-open) .nav-mega{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px)}
.has-site-ui .desktop-nav__item--products.is-open .nav-mega{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-mega{max-height:calc(100dvh - var(--header-height,88px));overflow-y:auto;overscroll-behavior:contain}
html:not(.has-reveal-motion) .reveal{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:767px){.site-search{padding:12px}.site-search__panel{max-height:calc(100dvh - 24px);padding:26px 18px}.site-search h2{font-size:clamp(24px,7vw,36px)}.site-search__results a{padding:16px 12px}.site-search__field input{font-size:16px}}
/* A definite media box prevents intrinsic grid sizing from cropping tall packs. */
.product-grid--premium .product-card .product-card__media{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0}
.product-grid--premium .product-card .product-card__media img{width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;min-width:0;object-fit:contain;filter:none}
.product-grid--premium .product-card:hover,.product-grid--premium .product-card:focus-within{background:#fff;border-color:#c4122f}
.category-tile__media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:#fff}
.category-matrix .category-tile .category-tile__media img{width:auto;height:auto;max-width:100%;max-height:200px;object-fit:contain;transform:none;filter:none}
.category-matrix--compact .category-tile .category-tile__media img{max-height:168px}
.product-grid--premium .product-card .product-card__icon img{width:100%;height:100%;max-height:none}
.category-tile:focus-within,.product-card:focus-visible{outline:2px solid #c4122f;outline-offset:-4px}
.official-showcase--air img[src$="Totachi_Filter_Air.gif"]{width:100%;max-width:1000px;height:auto;margin-inline:auto;display:block}
/* Search labels and long product names occupy separate rows at every width. */
.site-search__results a{display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:12px;row-gap:6px;align-items:start}
.site-search__results a > span{grid-column:1;grid-row:1;display:block;overflow-wrap:anywhere;font-size:10px;line-height:1.4}
.site-search__results a > strong{grid-column:1;grid-row:2;display:block;line-height:1.45}
.site-search__results a > i{grid-column:2;grid-row:1 / span 2;align-self:center}
.site-search__results small{display:block;line-height:1.5;margin-top:5px}
