body.shop-page .shop-header { background: #fff; border-bottom: 1px solid #dce2df; }
body.shop-page .shop-header .shop-header-inner { display: grid; grid-template-columns: 185px minmax(220px, 1fr) auto; grid-template-areas: "brand search actions" "nav nav nav"; padding: 10px 0 0; gap: 8px 18px; background: transparent; }
body.shop-page .shop-header .shop-brand { grid-area: brand; min-width: 0; }
body.shop-page .shop-header .tugs-logo-mark { width: 34px; height: 34px; }
body.shop-page .shop-header .brand-name { font-size: 19px; line-height: 1.15; }
body.shop-page .shop-header .brand-domain { font-size: 8px; }
body.shop-page .shop-header .storefront-search { grid-area: search; min-width: 0; }
body.shop-page .shop-header .storefront-search form { height: 36px; background: #f4f6f5; border: 1px solid #e6ebe8; border-radius: 6px; }
body.shop-page .shop-header .storefront-search input { height: 34px; min-height: 0; background: transparent; font-size: 13px; }
body.shop-page .shop-header .storefront-search button { min-height: 34px; padding: 6px 10px; }
body.shop-page .shop-header .ask-tugs { min-height: 36px; border-radius: 4px; font-size: 11px; padding: 6px 10px; }
body.shop-page .shop-header .shop-header-actions { grid-area: actions; display: flex; flex-wrap: nowrap; gap: 4px; align-items: center; justify-content: flex-end; }
body.shop-page .shop-header .shop-header-actions :is(.btn, .shop-theme-toggle, .shop-icon-button, .shop-cart-trigger) { min-height: 36px; height: 36px; padding: 6px 9px; font-size: 12px; border-radius: 4px; box-shadow: none; }
body.shop-page .shop-header .shop-primary-nav { grid-area: nav; display: flex; align-items: center; justify-content: flex-start; gap: 24px; padding: 0; margin: 0; min-height: 38px; border-top: 1px solid #edf0ee; }
body.shop-page .shop-header .shop-primary-nav > a { min-height: 36px; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; padding: 5px 0; }
body.shop-page .shop-header .shop-primary-nav > .shop-mobile-nav-only { display: none; }
body.shop-page .shop-header .shop-primary-nav { position: static; flex-direction: row; min-width: 0; width: 100%; background: transparent; border-radius: 0; box-shadow: none; backdrop-filter: none; }
body.shop-page .shop-header .ask-tugs svg { display: block; }
body.shop-page .shop-header .shop-category-menu summary { min-height: 36px; padding: 6px 12px; background: transparent; color: #27372f; font-weight: 600; }
body.shop-page .shop-header .shop-service-link { margin-left: auto; color: #17654e; }
body.shop-page .shop-header .shop-primary-nav > a[aria-current] { color: #17654e; box-shadow: inset 0 -2px #17654e; }
html[data-theme="dark"] body.shop-page .shop-header { background: #202624; border-color: #414b46; }
html[data-theme="dark"] body.shop-page .shop-header .shop-primary-nav { border-color: #414b46; }
html[data-theme="dark"] body.shop-page .shop-header .shop-category-menu summary,
html[data-theme="dark"] body.shop-page .shop-header .shop-service-link { color: #c0e6d3; }
html[data-theme="dark"] body.shop-page .shop-header .storefront-search form { background: #303a34; border-color: #536258; }
html[data-theme="dark"] body.shop-page .shop-header .storefront-search input { color: #f2f5f3; }
html[data-theme="dark"] body.shop-page .shop-header .shop-primary-nav > a,
html[data-theme="dark"] body.shop-page .shop-header .shop-header-actions .shop-login-trigger { color: #e1ebe5 !important; }
html[data-theme="dark"] body.shop-page .shop-header .storefront-search input::placeholder { color: #bcc9c1; }
@media (max-width: 1150px) {
    body.shop-page .shop-header .shop-header-inner { grid-template-columns: 170px minmax(180px, 1fr) auto; gap: 8px 12px; }
    body.shop-page .shop-header .ask-tugs span { display: none; }
    body.shop-page .shop-header .shop-primary-nav { gap: 18px; }
}
@media (max-width: 760px) {
    body.shop-page .shop-header .shop-header-inner { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "brand actions" "search search" "nav nav"; gap: 8px; padding-top: 8px; }
    body.shop-page .shop-header .shop-brand { max-width: 180px; }
    body.shop-page .shop-header .shop-header-actions { gap: 0; }
    body.shop-page .shop-header .shop-header-actions :is(.shop-cart-menu, .shop-theme-toggle) { display: none; }
    body.shop-page .shop-header .shop-primary-nav { overflow-x: auto; gap: 18px; scrollbar-width: none; }
    body.shop-page .shop-header .shop-primary-nav > a { flex-shrink: 0; white-space: nowrap; }
    body.shop-page .shop-header .shop-service-link { margin-left: 0; order: -1; }
    body.shop-page .shop-header .shop-category-menu { order: -2; }
    body.shop-page .shop-header .shop-category-menu-items { position: fixed; left: 12px; top: 140px; width: min(320px, calc(100vw - 24px)); }
    body.shop-page .shop-header .storefront-search input { font-size: 16px; }
    body.shop-page .shop-header .shop-brand .brand-name { font-size: 17px; }
}