/* R44: shared layout resilience using the existing GITECH palette and typography. */
.skip-link{position:fixed;inset:10px auto auto 12px;z-index:10000;transform:translateY(-160%);padding:12px 18px;background:#082b1a;color:#fff;border-radius:10px;font-weight:650;text-decoration:none}
.skip-link:focus{transform:none;outline:3px solid #1bbd36;outline-offset:3px}
#main-content{min-width:0;scroll-margin-top:90px}
.page-head,.panel-header,.commerce-heading{flex-wrap:wrap}
.page-head>*,.panel-header>*,.commerce-heading>*{min-width:0;max-width:100%}
.page-head h1,.panel-header h2,.commerce-heading h1,.commerce-heading h2,.shop-detail h1{overflow-wrap:anywhere}
.page-head .actions,.panel-header .actions{display:flex;flex-wrap:wrap;gap:10px}
.form-grid>*,.commerce-two>*,.commerce-three>*,.commerce-split>*{min-width:0}
.commerce-table-wrap,.table-wrap{max-width:100%;overscroll-behavior-inline:contain}
.commerce-table-wrap:focus-visible,.table-wrap:focus-visible{outline:2px solid #168a38;outline-offset:3px}
.shop-card-content .shop-price strong,.commerce-totals dd{font-variant-numeric:tabular-nums}
.shop-category-description{overflow-wrap:anywhere}
.shop-card-content .shop-kicker{overflow-wrap:anywhere;max-width:100%}
.shop-breadcrumb{row-gap:6px}
.commerce-pagination{scroll-margin-top:90px}
.commerce-pagination [aria-current=page]{font-variant-numeric:tabular-nums;color:#294f3a}
.public-mobile-menu{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
.public-menu-heading>div,.public-mobile-menu nav a span{min-width:0;overflow-wrap:anywhere}
.public-menu-heading>[data-public-menu-close]{flex-shrink:0}
.field-validation-error{display:block;overflow-wrap:anywhere}
@media(max-width:760px){
    .commerce-heading{align-items:flex-start;gap:14px}
    .commerce-heading>.actions{width:100%}
    .commerce .commerce-filter .shop-search{min-width:0;flex-basis:100%}
    .commerce .commerce-filter .actions{flex-wrap:wrap;width:100%}
    .commerce .commerce-filter .actions .btn{flex:1 1 auto}
    .commerce-totals>div{min-width:0;gap:12px}
    .commerce-totals dt{min-width:0;overflow-wrap:anywhere}
    .commerce-totals dd{white-space:normal;text-align:right;overflow-wrap:anywhere;max-width:65%}
    .page-head .actions{width:100%}
    .shop-detail-art{min-height:0}
}
@media(max-width:380px){
    .public-topbar{padding-inline:10px;gap:8px}
    .public-mini-brand span{font-size:.8rem}
    .public-nav{gap:4px}
    .public-nav .apps-button,.public-nav .icon-button,.public-nav .shop-cart-top{width:44px;height:44px;min-width:44px}
    .public-mini-brand{gap:6px}
    .public-mini-brand img{width:24px;height:24px}
    .panel-header{padding:16px}
    .shop-category-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto!important}
    .shop-category,.shop-card,.public-mobile-menu,.skip-link{transition:none!important;animation:none!important}
}
