/* Mobile shopping: layered after brand and typography styles. */
.search-input{position:relative}
.search-clear{position:absolute;right:1px;top:0;width:44px;height:var(--control-height);border:0;border-radius:8px;background:transparent;color:#555;font:inherit;font-size:24px;line-height:1}
.search-clear[hidden]{display:none}
.search-clear:focus-visible{outline:2px solid var(--focus-color);outline-offset:-4px}
.catalog-search-row input{padding-right:46px}
.catalog-search-row input::-webkit-search-cancel-button{-webkit-appearance:none}
.mobile-sheet{color:var(--ink);background:#fff;border:0;padding:0;overscroll-behavior:contain;box-shadow:0 -12px 48px #0002}
.mobile-sheet:not([open]){display:none}
.mobile-sheet::backdrop{background:#16161680}
.mobile-sheet[open]{display:flex;flex-direction:column}
.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #eee;flex:none}
.sheet-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.02em}
.sheet-close{border:1px solid #e5e5e5;background:#f7f7f7;border-radius:50%;width:44px;height:var(--control-height);flex:none;font:inherit;font-size:28px;line-height:1}
.mobile-menu{inset:max(12px,env(safe-area-inset-top)) 12px auto auto;margin:0;width:min(380px,calc(100% - 24px));max-width:100%;height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:18px}
.mobile-menu .menu-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:8px 12px 12px}
.mobile-menu [data-menu-slot]{padding:0}
.mobile-menu .nav{display:flex;position:static;flex-direction:column;align-items:stretch;gap:2px;background:#fff;padding:0;box-shadow:none;border:0}
.mobile-menu .nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:10px;font-size:16px;line-height:1.5;font-weight:600}
.mobile-menu .nav>a[aria-current=page]{background:var(--yellow-light);color:var(--charcoal);box-shadow:inset 3px 0 var(--charcoal)}
.mobile-menu .nav>a[aria-current=page]:hover{background:#fff0a7;color:var(--charcoal)}
.filter-sheet{margin:auto auto 0;width:100%;max-width:620px;max-height:90vh;max-height:90dvh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}
.filter-sheet [data-filter-slot]{overflow-y:auto;padding:22px 20px;overscroll-behavior:contain}
.filter-sheet .catalog-filters{grid-template-columns:1fr;gap:22px;padding:0}
.filter-sheet .field label{display:block;margin-bottom:0;font-size:14px;font-weight:600}
.filter-sheet select{min-width:0;width:100%;min-height:50px;padding:12px 44px 12px 14px;border:1px solid #d8d8d8;border-radius:9px;background-color:#fff;font:inherit;font-size:16px;line-height:1.4;color:#333}
.sheet-actions{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:16px 20px;border-top:1px solid #eee;flex:none}
.sheet-actions .button{padding-inline:12px;min-height:50px;font-size:14px}
.catalog-return{display:none}
@media(max-width:800px){
 .menu-toggle{width:48px;height:48px;align-items:center;justify-content:center;flex:none;padding:10px;border-radius:10px}
 html:not(.mobile-enhanced) .header-main{flex-wrap:wrap}
 html:not(.mobile-enhanced) .header-main .nav{display:flex;position:static;order:3;flex:0 0 100%;flex-direction:row;flex-wrap:wrap;gap:4px;background:transparent;padding:4px 0 12px;border:0;box-shadow:none}
 html:not(.mobile-enhanced) .menu-toggle{display:none}
}
/* Keep the shared header geometry when the home hero supplies the locale marker. */
@media(min-width:621px){
 .header-actions>.locale-home{visibility:hidden}
}
@media(max-width:620px){
 :root{--catalog-tools-height:126px}
 .header-main{min-height:68px}
 .reference-kicker{display:none}
 .reference-hero-layout{padding-top:14px;padding-bottom:20px;gap:0 8px;grid-template-columns:minmax(0,1fr) clamp(120px,36vw,160px)}
 .reference-copy{display:contents}
 .reference-copy h1{grid-column:1;grid-row:1;align-self:center;font-size:clamp(26px,7.2vw,32px);line-height:1.14}
 .reference-copy h1 span{font-size:clamp(18px,4.8vw,20px);margin-top:8px}
 .reference-copy>p{grid-column:1/-1;grid-row:2;margin-top:10px}
 .reference-copy>.hero-catalog-scale{grid-column:1/-1;grid-row:3}
 .reference-copy>.home-search-block{grid-column:1/-1;grid-row:4;width:100%}
 .reference-copy>.hero-actions{grid-column:1/-1;grid-row:5}
 .reference-copy>.hero-facts{grid-column:1/-1;grid-row:6}
 .reference-copy h1{margin-bottom:0}
 .reference-copy>p{margin-bottom:14px}
 .reference-copy .home-product-search input{height:48px}
 .reference-copy .home-product-search .button{height:48px;min-height:48px}
 .hero-actions>a{min-height:var(--control-height);padding-block:10px;font-size:clamp(12px,3.34vw,13px)}
 .reference-visual{display:block;grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;max-width:none;height:auto;aspect-ratio:1;pointer-events:none}
 .reference-visual picture{display:block;width:100%;height:100%}
 .reference-visual img{width:100%;height:100%;max-height:none;object-fit:contain}
 .home-update-strip>.wrap{align-items:center;padding-block:3px}
 .home-update-strip .text-link{min-height:var(--control-height)}
 .home-products{order:3}.home-shortcuts{order:4}
 .home-products.section{margin-top:14px;padding-top:16px}
 .home-products .section-heading h2{font-size:22px}
 .home-shortcuts{padding-top:0}
 .product-bottom a{min-height:var(--control-height);font-size:14px}
 .product-info h3 a{min-height:var(--control-height)}
 .product-picture:hover img{transform:none}
 .button:hover{transform:none}
 .button:active,.product-bottom a:active,.category-pill:active,.menu-toggle:active{filter:brightness(.95)}
 .categories{scroll-snap-type:x proximity;scroll-padding-inline:2px;overscroll-behavior-x:contain}
 .category-pill{scroll-snap-align:start;min-height:48px}
 .catalog-page>.page-heading{padding-block:8px 10px;margin-bottom:10px}
 .catalog-page>.page-heading h1{font-size:28px}
 .catalog-page>.page-heading>p{font-size:14px;line-height:1.6}
 .catalog-page>.page-heading .date-line{margin-top:10px}
 .catalog-toolbar{position:sticky;top:0;z-index:12;background:#fff;padding:10px;margin-bottom:12px;gap:var(--control-gap);box-shadow:0 3px 10px #00000008;border-radius:12px}
 .catalog-toolbar .filter-toggle{grid-column:1/-1;justify-self:start;min-height:var(--control-height);min-width:0;height:auto;gap:var(--control-gap);padding:10px 12px;border-radius:8px;font-size:14px;background:#f6f6f6;border-color:#e5e5e5}
 .catalog-toolbar .filter-toggle>svg{margin-left:8px}
 .catalog-search-row input,.catalog-search-submit,.search-clear{height:48px;min-height:48px}
 .catalog-search-submit{font-size:14px;padding-inline:13px}
 .catalog-status{scroll-margin-top:calc(var(--catalog-tools-height) + 14px);margin-bottom:14px;gap:var(--control-gap)}
 .catalog-status:focus-visible{outline:2px solid var(--focus-color);outline-offset:4px;border-radius:8px}
 .view-controls button{min-height:var(--control-height);font-size:13px;padding:9px 10px}
 .catalog-status #result-count{font-size:12px;line-height:1.5}
 .catalog-return{display:inline-flex;gap:10px;align-items:center;min-height:var(--control-height);font-size:14px;font-weight:600;margin-bottom:10px}
 .catalog-return span{font-size:22px}
 .product-gallery .detail-image{height:auto;aspect-ratio:1.18;max-height:340px}
 .product-gallery .product-image-link{height:100%;min-height:0}
 .detail-actions{gap:10px}
 .detail-actions .button{min-height:50px}
 .mobile-buy-bar .button{min-height:50px}.context-links .text-link,.guide-jump-links a{min-height:var(--control-height);display:inline-flex;align-items:center}
 .faq-layout summary{min-height:52px}
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}
@media(max-width:370px){
 .header-actions{gap:var(--control-gap)}
 .sheet-heading{padding-inline:16px}.sheet-actions{padding-inline:14px;gap:var(--control-gap)}.sheet-actions .button{font-size:13px;padding-inline:10px}
 .home-products .section-heading h2{font-size:20px}
 .view-controls button{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.mobile-sheet,.mobile-sheet *{scroll-behavior:auto}}

@media(max-width:620px){html:not(.mobile-enhanced) .catalog-toolbar{position:static}}

/* Categories live in the main navigation instead of a second horizontal bar. */
.category-menu{position:relative;margin:0;padding:0;border:0;background:transparent}
.category-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:var(--control-height);padding:8px 12px;border-radius:6px;font-size:14px;line-height:1.5;font-weight:600;list-style:none;cursor:pointer;white-space:nowrap}
.category-toggle::-webkit-details-marker{display:none}
.category-menu>.category-toggle::after,.category-menu[open]>.category-toggle::after{content:none;display:none}
.category-toggle>svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.category-menu[open]>.category-toggle>svg{transform:rotate(180deg)}
.category-menu[open]>.category-toggle,.category-toggle:hover{background:#ffffff55}
.category-menu.is-current>.category-toggle{background:var(--yellow-light);color:var(--charcoal);box-shadow:inset 3px 0 var(--charcoal)}
.category-menu.is-current>.category-toggle:hover{background:#fff0a7}
.category-panel a:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}
.header-main>.nav>a:focus-visible,.mobile-menu .nav>a:focus-visible,.category-toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:-3px}
.header-main>.nav>a[aria-current=page]:focus-visible,.mobile-menu .nav>a[aria-current=page]:focus-visible,.category-menu.is-current>.category-toggle:focus-visible{outline-color:var(--focus-color)}
.category-panel{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:min(470px,calc(100vw - 32px));padding:20px;border:1px solid #e8e0bd;border-radius:14px;background:#fff;box-shadow:0 12px 32px #3332;color:#333;z-index:30}
.category-panel-label{padding:0;margin:0 0 12px;font-size:13px;font-weight:600;color:#666}
.category-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.nav .category-panel a{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px;border:0;border-radius:8px;white-space:normal;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;color:#333;background:transparent;box-shadow:none}
.nav .category-panel .category-illustration{width:30px;height:30px;flex:none}
.header-main .nav .category-panel a:hover,.header-main .nav .category-panel a[aria-current=page],.mobile-menu .nav .category-panel a:hover,.mobile-menu .nav .category-panel a[aria-current=page]{background:#fff2b9;color:#292929;box-shadow:none}
.nav .category-panel .category-all{justify-content:space-between;margin-top:14px;padding-top:14px;min-height:48px;border-top:1px solid #ececec;border-radius:0;font-weight:600}
.category-all>svg{width:17px;height:17px;flex:none}
@media(max-width:800px){
 .category-menu{width:100%}
 .category-toggle{justify-content:space-between;min-height:52px;padding:14px 16px;font-size:16px;border-radius:10px}
 .category-menu[open]:not(.is-current)>.category-toggle{background:#fff0ad;box-shadow:none}
 .category-panel{max-height:none;overflow:visible;position:static;transform:none;width:auto;margin:4px 0 12px 16px;padding:8px 8px 8px 12px;border:0;border-left:2px solid #ffc800;border-radius:0;box-shadow:none;background:#fffdf5}
 .category-panel-label{display:block;padding:4px 8px;font-size:12px;margin:0 0 6px}
 .category-links{grid-template-columns:1fr;gap:2px}
 .nav .category-panel a{min-height:50px;padding:8px;font-size:14px}
 .nav .category-panel .category-illustration{width:25px;height:25px}
 .nav .category-panel .category-all{margin-top:8px;padding-top:12px}
}

.category-external{display:inline-flex;margin-left:auto;flex:none;color:#777}.category-external>svg{width:12px;height:12px}

/* Give the spreadsheet its own direct entry without crowding compact desktop headers. */
@media(min-width:801px) and (max-width:1280px){
 .header-main{gap:12px}
 .header-main .nav{gap:2px}
 .header-main .nav>a{padding-inline:8px;font-size:13px;white-space:nowrap}
 .header-main .category-toggle{padding-inline:8px;font-size:13px;gap:5px}
}
@media(min-width:801px) and (max-width:1000px){.header-actions>.button{display:none}}

/* Identify the independent directory and the commercial nature of outgoing links. */
.brand{flex-direction:column;align-items:flex-start;gap:0;padding-block:5px}
.brand .brand-context{font-size:10px;line-height:1.3;font-weight:500;letter-spacing:0;padding:0;color:#4b421d;white-space:nowrap}
footer .brand .brand-context{color:#ddd;font-size:11px}
.ad-label{display:inline-block;padding:2px 5px;border:1px solid currentColor;border-radius:4px;font-size:10px;line-height:1.2;font-weight:500;white-space:nowrap;flex:none}
.header-register .ad-label{border:0;padding:0}
.directory-notice{margin:0 0 20px;padding:12px 0;border-bottom:1px solid #e8e8e8;font-size:13px;line-height:1.65;color:#5d5d5d}
.directory-notice strong{color:#333;font-weight:600}.directory-notice a{text-decoration:underline;text-underline-offset:3px}
.directory-purchase-note{font-size:13px;line-height:1.6;color:#56503b;margin:0 0 15px}
.detail-actions [data-primary-buy]{flex-wrap:wrap;justify-content:center}
.mobile-buy-bar .button{gap:7px}.mobile-buy-bar .ad-label{font-size:9px;padding:2px 3px}
@media(max-width:620px){.header-main{min-height:76px}.brand .brand-context{font-size:9px}.directory-notice{font-size:12px;line-height:1.5;margin-bottom:12px;padding-block:0 8px}.mobile-buy-bar{gap:var(--control-gap)}.mobile-buy-bar .button{padding-inline:10px}}

/* Compact footer: horizontal navigation, concise disclosures and accessible legal links. */
.site-footer{padding:20px 0 12px}
.site-footer .footer-top{display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.site-footer .brand{margin:0;padding:0;gap:3px;flex:none;align-self:center}
.site-footer .brand-logo{width:var(--brand-logo-width);height:auto}
.site-footer .brand .brand-context{font-size:10px;line-height:1.3;color:#d4d4d4}
.site-footer .footer-navigation{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0 14px;min-width:0}
.site-footer .footer-navigation a,.site-footer .footer-legal a{display:flex;align-items:center;gap:6px;min-height:var(--control-height);max-width:100%;padding:8px 4px;color:#d4d4d4;font-size:13px;line-height:1.5}
.site-footer .footer-navigation svg{flex:none;width:15px;height:15px}
.site-footer .footer-disclosures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;margin-top:10px}
.site-footer .footer-disclosures p{margin:0!important;font-size:13px!important;line-height:1.6!important;color:#c9c9c9}
.site-footer .affiliate-note strong{font-weight:600;color:#e3e3e3}
.site-footer .footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:12px;padding-top:8px;border-top:1px solid #484848;gap:4px 16px;font-size:13px;line-height:1.5}
.site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:0 12px}
.site-footer .footer-meta{display:flex;flex-wrap:wrap;gap:2px 14px;color:#bcbcbc;font-size:12px;line-height:1.6}
.site-footer .footer-meta>span{white-space:nowrap}
.site-footer .footer-navigation a:hover,.site-footer .footer-legal a:hover{color:#ffe277;text-decoration:underline;text-underline-offset:3px}
.site-footer a:focus-visible{outline:2px solid #ffda46;outline-offset:3px;border-radius:3px}
@media(max-width:1000px){
 .site-footer .footer-top{display:grid;grid-template-columns:var(--brand-logo-width) minmax(0,1fr);gap:24px}
 .site-footer .footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
 .site-footer .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
 .site-footer .footer-top{display:flex;flex-direction:column;align-items:stretch;gap:var(--control-gap)}
 .site-footer .brand{align-self:flex-start}
 .site-footer .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
 .site-footer .footer-disclosures{grid-template-columns:minmax(0,1fr)}
 .site-footer .footer-legal{display:flex;flex-wrap:wrap;gap:8px 12px;width:100%}
 .site-footer .footer-meta{flex-direction:column}
}

/* Empty search results stay local, with an explicit external search choice. */
#catalog-empty{scroll-margin-top:24px}
#catalog-empty:focus{outline:2px solid #947600;outline-offset:4px}
#catalog-empty h2{font-size:26px;line-height:1.3;letter-spacing:-.02em}
#catalog-empty-message{font-size:15px;line-height:1.65;max-width:620px;margin:12px auto 20px}
.catalog-empty-actions .button{min-height:var(--control-height);white-space:normal}
#catalog-empty .search-external-note{font-size:13px;line-height:1.6;color:#666;margin:12px 0 4px}
#catalog-empty [hidden]{display:none}
.search-reset{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:8px 4px;border:0;background:transparent;font:inherit;font-size:13px;line-height:1.5;color:#5b5b5b;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:620px){
 #catalog-empty{scroll-margin-top:calc(var(--catalog-tools-height) + 14px);padding:24px 16px}
 #catalog-empty h2{font-size:23px}
 #catalog-empty-message{font-size:14px;margin:12px auto 18px}
 .catalog-empty-actions .button{font-size:13px;padding-inline:12px}
 #catalog-empty .search-external-note{font-size:12px}
}

@media(min-width:621px){#catalog-form{scroll-margin-top:24px}}

/* Keep the header brand restrained, with the directory name in a small subtitle. */
:root{--brand-logo-width:140px}
.header-main{min-height:72px}
.header-main>.brand{gap:3px;flex-shrink:0}
.header-main>.brand .brand-logo{width:var(--brand-logo-width);height:auto}
.header-main>.brand .brand-context{font-size:10px;line-height:1.3;letter-spacing:0}
@media(max-width:800px){
 .header-main{min-height:68px}
 :root{--brand-logo-width:128px}
}

/* Counts describe the external complete spreadsheet, separately from our local selection. */
.catalog-scale{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;line-height:1.5}
.catalog-scale>span{white-space:nowrap}
.catalog-scale b{font-weight:700;font-variant-numeric:tabular-nums}
.hero-catalog-scale{margin:-4px 0 18px;color:#393421}
.hero-catalog-scale .catalog-scale{font-size:18px}
.catalog-curation-note{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#5c512d}
.more-products .catalog-scale{color:var(--on-charcoal);font-size:15px}
.catalog-more-footer p{margin:0 0 5px;font-size:15px}
.catalog-more-footer .catalog-scale{font-size:14px;color:#555}
#catalog-empty .empty-catalog-scale{font-size:13px;line-height:1.6;margin:0 auto 18px;color:#555}
.empty-catalog-scale .catalog-scale{justify-content:center;margin-top:4px;font-size:15px;color:#333}
@media(max-width:620px){
 .hero-catalog-scale{margin:-3px 0 14px}
 .hero-catalog-scale .catalog-scale{font-size:15px;gap:4px 12px}
 .more-products .catalog-scale{font-size:12px;gap:3px 9px}
 .catalog-more-footer .catalog-scale{justify-content:center}
 .empty-catalog-scale .catalog-scale{font-size:13px;gap:4px 12px}
}

/* Full German navigation labels, with Spreadsheet retained as the primary entry. */
@media(min-width:801px){
 .header-main>.nav{gap:4px}
 .header-main>.nav>a{padding-inline:10px;white-space:nowrap}
 .header-main>.nav .category-toggle{padding-inline:10px}
 .header-register{flex-shrink:0;gap:var(--control-gap);white-space:nowrap}
 .header-register .register-label>span{white-space:nowrap}
}
@media(min-width:801px) and (max-width:1360px){
 .header-main{gap:12px}
 .header-main>.nav{gap:2px}
 .header-main>.nav>a,.header-main>.nav .category-toggle{padding-inline:8px;font-size:13px}
}
@media(min-width:801px) and (max-width:880px){
 .header-main>.nav{gap:0}
 .header-main>.nav>a,.header-main>.nav .category-toggle{padding-inline:6px}
}
@media(min-width:1101px) and (max-width:1260px){
 .header-actions>.locale{display:none}
 .header-register{padding:8px 12px}
 .header-register .register-label{display:flex;flex-direction:column;line-height:1.25}
}

/* Compact mobile navigation and category discovery. */
.mobile-menu .category-toggle{min-height:46px;padding:10px 12px}
.menu-spreadsheet{margin-top:12px;padding:14px 12px 12px;border-top:1px solid #e8e8e8;background:#fffaf0;border-radius:10px}
.menu-spreadsheet p{font-size:13px;font-weight:600;margin:0 0 7px}
.menu-spreadsheet .catalog-scale{display:flex;gap:4px 12px;flex-wrap:wrap;font-size:12px;line-height:1.6;margin:0 0 10px}
.menu-spreadsheet .catalog-scale b{font-size:13px}
.menu-spreadsheet .menu-more{width:100%;min-height:var(--control-height);padding:10px 8px;gap:var(--control-gap);font-size:13px;border:0}
.mobile-category-picker{display:none}
.category-sheet{margin:auto auto 0;width:100%;max-width:620px;max-height:88vh;max-height:88dvh;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom)}
.category-sheet [data-category-slot]{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:16px}
.picker-options a{display:flex;align-items:center;gap:var(--control-gap);min-width:0;min-height:54px;padding:10px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;font-size:13px;line-height:1.4;text-decoration:none}
.picker-options a:hover{background:#fff9dc}
.picker-options a[aria-current=page]{background:#fff4b8;border-color:#e4c457;font-weight:600}
.picker-options a>span:first-of-type{flex:1;min-width:0;overflow-wrap:break-word}
.picker-options a>svg{width:24px;height:24px;flex:none}
.picker-options a>svg:last-child:not(:first-child){width:14px;height:14px}
.picker-options .picker-all{margin-bottom:10px}
.picker-count{font-size:12px;color:#666}
.picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--control-gap)}
.picker-external-label{display:flex;flex-direction:column;gap:4px;margin:18px 0 10px;padding:16px 0 0;border-top:1px solid #eee;font-size:12px;color:#666;line-height:1.5}
.picker-external-label strong{font-size:13px;color:#333}
@media(max-width:620px){
 .home-products .section-heading{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:12px}
 .home-products .section-heading h2{max-width:none}
 .home-products .section-heading>.text-link{max-width:100%;white-space:nowrap;gap:var(--control-gap);min-height:var(--control-height);font-size:13px;margin:0}
 .home-products .section-heading>.text-link svg{width:16px;height:16px;flex:none}
 .catalog-page>.categories{display:none}
 .mobile-category-picker{display:block;margin:0 0 14px;border:0}
 .picker-toggle{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 12px;background:#fff;border:1px solid #e3e3e3;border-radius:10px;list-style:none}
 .picker-toggle::after,.mobile-category-picker[open]>.picker-toggle::after{content:none}
 .picker-toggle>svg{width:24px;height:24px;flex:none}
 .picker-toggle>span{flex:1;min-width:0}
 .picker-toggle small{display:block;font-size:11px;font-weight:400;line-height:1.5;color:#666}
 .picker-toggle strong{display:block;font-size:14px;line-height:1.5}
 .picker-toggle>.picker-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
 .mobile-category-picker[open]>.picker-toggle{margin-bottom:10px}
 .mobile-category-picker[open] .picker-chevron{transform:rotate(180deg)}
}

/* State search scope before visitors submit, in the same position on all screens. */
.reference-copy .home-search-block{max-width:625px;margin-bottom:18px;min-width:0}
.reference-copy .home-search-block .home-product-search{margin:0}
.search-scope-label{display:block;font-size:13px;line-height:1.5;font-weight:600;color:var(--ink)}
.home-search-block>.search-scope-label{margin-bottom:8px}
.catalog-toolbar>.field>.search-scope-label{display:block}
@media(max-width:620px){.reference-copy .home-search-block{margin-bottom:12px}.catalog-toolbar>.field>.search-scope-label{font-size:13px}}

/* Keep the main keyword intact beside the mascot on narrow phones. */
@media(max-width:360px){.reference-hero-layout{grid-template-columns:minmax(0,1fr) 96px}}