.gbi-size-nav { margin: 28px 0; padding: 22px 24px; border: 1px solid #dde7df; border-radius: 8px; background: #f7faf8; }
.gbi-size-nav h2 { margin: 0 0 14px; font-size: 22px; line-height: 1.3; color: #263238; }
.gbi-size-nav > div, .gbi-size-context-links { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.gbi-size-nav a, .gbi-size-context-links a { color: #486b35; text-decoration: underline; text-underline-offset: 3px; }
.gbi-size-nav a:hover, .gbi-size-context-links a:hover { color: #263238; }
.gbi-size-price { margin: 0 0 24px; color: #263238; font-size: 20px; font-weight: 700; }
.gbi-size-price span { white-space: nowrap; }
.gbi-size-guide { padding: 24px 0 12px; }
.gbi-size-guide > .container > h2 { margin: 0 0 18px; color: #263238; font-size: 28px; line-height: 1.25; }
.gbi-size-guide > .container > p { max-width: 1040px; margin: 0 0 16px; color: #445c67; font-size: 17px; line-height: 1.6; }
.gbi-size-context-links { margin: 24px 0; }
.gbi-size-products .hits__block[hidden] { display: none !important; }
@media (max-width: 600px) {
    .gbi-size-nav { padding: 18px; }
    .gbi-size-nav h2 { font-size: 20px; }
    .gbi-size-nav > div { flex-direction: column; }
    .gbi-size-guide > .container > h2 { font-size: 24px; }
    .gbi-size-guide > .container > p { font-size: 16px; }
}

/* Keep the larger thickness filter set compact on phones. */
@media(max-width:600px){
 .gbi-size-page[data-collection-kind="thickness"] .seo-purpose-chips{padding:12px}
 .gbi-size-page[data-collection-kind="thickness"] .seo-purpose-chips__list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:thin;overscroll-behavior-x:contain}
 .gbi-size-page[data-collection-kind="thickness"] .seo-purpose-chip{flex:0 0 auto;width:auto;min-width:0;min-height:44px;padding:8px 10px;font-size:13px;white-space:nowrap}
}