/* Shared Tehmo storefront layer. Loaded by components/header.js after web1.css. */
:root {
  --sf-ink: #101828;
  --sf-muted: #475467;
  --sf-line: #d0d5dd;
  --sf-control-border: #667085;
  --sf-surface: #f4f6f8;
  --sf-blue: #175cd3;
  --sf-blue-dark: #104ca8;
  --sf-radius: 4px;
}

.storefront-shell {
  background: #fff;
  color: var(--sf-ink);
  font-family: Inter, Arial, sans-serif;
  padding-top: 0 !important;
  height: auto;
  min-height: 100vh;
  font-size: 14px;
  line-height: 1.45;
}
body.storefront-shell > header.header,
body.storefront-shell > footer.footer { flex: 0 0 auto; height: auto !important; }
body.storefront-shell > main,
body.storefront-shell > .main-content { flex: 1 0 auto; min-width: 0; }
/* Consent is a normal-flow shell element between page content and footer, never an overlay. */
body.storefront-shell > #cookieConsentBar { flex: 0 0 auto; position: static !important; width: 100%; }
.storefront-shell.has-topbar { --header-h: 72px; --topbar-h: 0px; --header-sticky-offset: 0; }
.storefront-shell .topbar {
  display: none !important;
}
.storefront-shell .topbar-inner { height: 32px; justify-content: flex-end; }
.storefront-shell .topbar-right { display: none; }
.storefront-shell .topbar .lang-toggle { color: var(--sf-ink); background: transparent; border: 0; padding: 4px 0; }
.storefront-shell .topbar .lang-toggle:hover { color: var(--sf-blue); }
.storefront-shell .topbar .lang-menu { background: #fff; color: var(--sf-ink); border: 1px solid var(--sf-line); border-radius: var(--sf-radius); box-shadow: 0 8px 20px rgba(10, 31, 75, .12); }
.storefront-shell .topbar .lang-item:hover, .storefront-shell .topbar .lang-item.active { background: #edf5ff; }

.storefront-shell .header {
  position: static !important; height: auto !important; min-height: 0; padding: 0; background: #fff !important;
  border: 0 !important; box-shadow: none !important; width: auto;
}
.storefront-shell .header > .container { min-height: 72px; padding-top: 0; padding-bottom: 0; }
.storefront-shell .header-content { gap: 22px; transform: none; }
.storefront-shell .brand { height: 44px; color: var(--sf-ink); }
.storefront-shell .brand-text { color: var(--sf-ink); font-size: 28px; letter-spacing: -.055em; font-weight: 900; text-transform: uppercase; }
.storefront-shell .header .search-container {
  height: 40px; max-width: 680px; flex: 1 1 440px; margin: 0 auto; border: 1px solid var(--sf-control-border) !important;
  border-radius: var(--sf-radius) !important; box-shadow: none !important; background: var(--sf-surface) !important;
}
.storefront-shell .header .search-container:focus-within { border-color: var(--sf-blue) !important; box-shadow: 0 0 0 2px rgba(8, 104, 245, .2) !important; }
.storefront-shell .header .search-container .search-input { background: transparent !important; color: var(--sf-ink); border: 0 !important; border-radius: var(--sf-radius) 0 0 var(--sf-radius) !important; font-size: 14px; }
.storefront-shell .header .search-container .search-input::placeholder { color: var(--sf-muted); opacity: 1; }
.storefront-shell .header .search-container > .search-btn { width: 44px !important; min-width: 44px !important; height: 44px !important; border-radius: 0 var(--sf-radius) var(--sf-radius) 0 !important; color: var(--sf-ink) !important; }
.storefront-shell .header .search-container > .search-btn:hover { color: var(--sf-blue) !important; }
.storefront-shell .assistant-header-btn { display: inline-flex !important; width: 36px; height: 36px; min-width: 36px; min-height: 36px; margin: 0; font-size: 13px; box-shadow: none !important; }
.storefront-shell .auth-buttons { gap: 12px; }
.storefront-shell .header .auth-buttons button, .storefront-shell #cartBtn.cart-flat, .storefront-shell .auth-buttons .profile-wrapper { color: var(--sf-ink) !important; min-height: 40px; }
.storefront-shell .header .auth-buttons button:hover, .storefront-shell #cartBtn.cart-flat:hover, .storefront-shell .auth-buttons .profile-wrapper:hover { color: var(--sf-blue) !important; }
.storefront-shell #cartBtn.cart-flat .cart-icon circle { fill: currentColor !important; }
.storefront-category-nav { border-top: 1px solid var(--sf-line); border-bottom: 1px solid var(--sf-line); }
.storefront-category-nav__inner { min-height: 38px; display: flex; align-items: center; gap: 12px; overflow: auto; }
.storefront-category-nav a { color: var(--sf-ink); text-decoration: none; font-size: 13px; font-weight: 650; white-space: nowrap; }
.storefront-category-nav a:hover { color: var(--sf-blue); text-decoration: underline; }
.storefront-category-nav span { color: #98a9c5; }
.catalog-nav-button { display: none; min-height: 44px; padding: 0 14px; border: 1px solid var(--sf-control-border); border-radius: var(--sf-radius); background: #fff; color: var(--sf-ink); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.catalog-drawer { display: none; position: fixed; inset: 0; z-index: 1000001; }
.catalog-drawer.show { display: flex; }
.catalog-drawer__scrim { position: absolute; inset: 0; background: rgba(16, 24, 40, .48); }
.catalog-drawer__panel { position: relative; display: flex; flex-direction: column; width: min(360px, 100%); height: 100%; background: #fff; box-shadow: 10px 0 28px rgba(16, 24, 40, .18); }
.catalog-drawer__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid var(--sf-line); }
.catalog-drawer__header h2 { margin: 0; color: var(--sf-ink); font-size: 22px; line-height: 28px; font-weight: 700; }
.catalog-drawer__close { width: 44px; height: 44px; border: 1px solid var(--sf-control-border); border-radius: var(--sf-radius); background: #fff; color: var(--sf-muted); font-size: 28px; cursor: pointer; }
.catalog-drawer__content { overflow-y: auto; padding: 10px 20px 28px; }
.catalog-drawer__content a { display: block; padding: 12px 0; border-bottom: 1px solid #eaecf0; color: var(--sf-ink); font-size: 15px; font-weight: 600; text-decoration: none; }
.catalog-drawer__content a:hover { color: var(--sf-blue); }
.catalog-drawer__category-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 8px; }
.catalog-drawer__category-toggle, .catalog-drawer__retry { min-width: 44px; min-height: 44px; border: 1px solid var(--sf-control-border); border-radius: var(--sf-radius); background: #fff; color: var(--sf-ink); font: inherit; font-weight: 700; cursor: pointer; }
.catalog-drawer__children { padding-left: 16px; }

.storefront-shell :is(a, button, input, select, textarea):focus-visible { outline: 2px solid var(--sf-blue) !important; outline-offset: 2px; }
.storefront-shell .footer { position: static !important; margin-top: auto; background: #fff !important; color: var(--sf-ink); border-top: 1px solid var(--sf-line); box-shadow: none; }
.storefront-shell .footer .container { padding-top: 22px; padding-bottom: 20px; }
.storefront-shell .footer-inner { grid-template-columns: minmax(160px, 1fr) minmax(260px, 2fr); gap: 32px; }
.storefront-shell .footer-brand { color: var(--sf-ink); font-size: 24px; letter-spacing: -.04em; font-weight: 900; text-transform: uppercase; }
.storefront-shell .footer-tagline { color: var(--sf-muted); opacity: 1; line-height: 1.35; margin-top: 4px; }
.storefront-shell .footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.storefront-shell .footer-title { margin: 0 0 7px; color: var(--sf-ink); letter-spacing: 0; text-transform: none; font-size: 13px; }
.storefront-shell .footer-links { gap: 4px; }
.storefront-shell .footer-links a { color: var(--sf-muted); line-height: 1.35; font-weight: 500; }
.storefront-shell .footer-links a:hover { color: var(--sf-blue); }
.storefront-shell .footer-bottom { background: #fff; border-top: 0; color: var(--sf-muted); }
.storefront-shell .footer-bottom-inner { padding: 0 20px 16px; font-size: 12px; }
.storefront-shell .footer-language { color: var(--sf-muted); }
.storefront-shell .footer-lang-item { border: 0; padding: 2px 5px; color: var(--sf-muted); background: transparent; font: inherit; cursor: pointer; }
.storefront-shell .footer-lang-item:hover { color: var(--sf-blue); }

/* Home has a compact entry point; category data remains entirely server-provided. */
.storefront-shell .storefront-home { width: min(1320px, 100%); margin: 0 auto; padding: 28px 20px 48px; box-sizing: border-box; }
.storefront-shell .home-intro { display: flex; align-items: end; justify-content: space-between; gap: 28px; padding-bottom: 22px; border-bottom: 1px solid var(--sf-line); }
.storefront-shell .home-intro h1 { margin: 0; color: var(--sf-ink); font-size: 26px; line-height: 32px; letter-spacing: 0; font-weight: 700; }
.storefront-shell .home-intro p { margin: 8px 0 0; color: var(--sf-muted); max-width: 620px; }
.storefront-shell .categories { padding: 0; background: transparent; }
.storefront-shell .categories > .container { max-width: none; padding: 0; }
.storefront-shell .categories-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.storefront-shell .categories-grid .category-box { border: 1px solid var(--sf-line); border-radius: var(--sf-radius); background: #fff; box-shadow: none; min-height: 0; }
.storefront-shell .categories-grid .category-box:hover { border-color: #a9bedf; box-shadow: none; transform: none !important; }
.storefront-shell .categories-grid .category-box-inner { padding: 14px; }
.storefront-shell .categories-grid .category-title { color: var(--sf-ink); font-size: 15px; font-weight: 700; }

/* Login keeps current API and recovery capability while behaving as an accessible compact dialog. */
.storefront-shell .modal-overlay { background: rgba(7, 25, 80, .52); padding: 20px; box-sizing: border-box; }
.storefront-shell .modal { width: 440px; max-width: 100%; padding: 32px; border: 1px solid var(--sf-line); border-radius: 6px !important; box-shadow: 0 18px 54px rgba(7, 25, 80, .22) !important; overflow: visible; }
.storefront-shell .modal h2 { padding: 0; margin: 0; color: var(--sf-ink); text-align: left; font-size: 27px; }
.storefront-shell .modal-context { margin: 6px 0 22px; color: var(--sf-muted); line-height: 1.45; }
.storefront-shell .modal form { padding: 0; gap: 7px; }
.storefront-shell .modal form label { color: var(--sf-ink); font-size: 14px; font-weight: 650; margin-top: 7px; }
.storefront-shell .modal input { min-height: 44px; padding: 10px 12px; border: 1px solid var(--sf-control-border) !important; border-radius: var(--sf-radius) !important; background: #fff; color: var(--sf-ink); }
.storefront-shell .modal input:focus { border-color: var(--sf-blue) !important; box-shadow: 0 0 0 2px rgba(8, 104, 245, .18); }
.storefront-shell .modal button[type="submit"] { min-height: 44px; margin-top: 15px; background: var(--sf-blue); border-radius: var(--sf-radius); }
.storefront-shell .modal button[type="submit"]:hover { background: var(--sf-blue-dark); }
.storefront-shell .modal-links { padding: 18px 0 0; gap: 12px; border-top: 1px solid var(--sf-line); }
.storefront-shell .modal-links :is(a, span) { color: var(--sf-blue); font-size: 14px; }
.storefront-shell .modal-close { top: 15px; right: 15px; width: 44px; height: 44px; border: 1px solid var(--sf-control-border); border-radius: var(--sf-radius); color: var(--sf-muted); }

/* Registration: normal-flow content guarantees the final field, messages and footer remain reachable. */
.storefront-shell .register-shell { min-height: 0; display: block; width: 100%; max-width: none; padding: 30px 20px 48px; background: #fff; box-sizing: border-box; }
.storefront-shell .register-card { width: min(768px, 100%); max-width: 768px; margin: 0 auto; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.storefront-shell .register-card h2 { color: var(--sf-ink); font-size: 22px; letter-spacing: 0; line-height: 28px; font-weight: 700; margin: 0 0 22px; }
.storefront-shell .client-type-radio-group { justify-content: flex-start !important; gap: 12px !important; margin-bottom: 20px !important; }
.storefront-shell .client-tile-label { min-height: 44px; min-width: 0; padding: 8px 14px; border: 1px solid var(--sf-control-border); border-radius: var(--sf-radius); background: #fff; color: var(--sf-ink); box-shadow: none; font-size: 14px; }
.storefront-shell .register-card .client-tile-label input[type="radio"] { display: block !important; width: 18px; height: 18px; margin: 0 9px 0 0; flex: 0 0 auto; accent-color: var(--sf-blue); }
.storefront-shell .client-tile-label.selected { border-color: var(--sf-blue); background: #edf5ff; color: var(--sf-ink); }
.storefront-shell .client-form { margin: 0; }
.storefront-shell .register-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; padding: 18px; background: var(--sf-surface); border: 1px solid #e6edf6; border-radius: var(--sf-radius); }
.storefront-shell .register-column { width: auto; min-width: 0; max-width: none; row-gap: 14px; }
.storefront-shell .register-card label { color: var(--sf-ink); font-size: 14px; font-weight: 600; }
.storefront-shell .register-card input { min-height: 44px !important; height: auto !important; border: 1px solid #667085 !important; border-radius: var(--sf-radius) !important; color: var(--sf-ink); background: #fff; }
.storefront-shell .register-card input:focus { border-color: var(--sf-blue) !important; box-shadow: 0 0 0 2px rgba(8, 104, 245, .18); outline: 0 !important; }
.storefront-shell .register-submit { width: 100%; min-height: 44px; margin: 22px 0 0 !important; border-radius: var(--sf-radius); background: var(--sf-blue); }
.storefront-shell .register-submit:hover { background: var(--sf-blue-dark); }
body.storefront-shell .register-submit { color: #fff; border: 1px solid var(--sf-blue); border-radius: 4px; white-space: normal; overflow-wrap: anywhere; }
body.storefront-shell .register-card .client-tile-label input[type="radio"] { height: 18px !important; min-height: 18px !important; padding: 0; }
body.storefront-shell .client-tile-label span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.storefront-shell .error-message { line-height: 1.4; }

@media (max-width: 1199px) {
  .storefront-shell .header-content { flex-wrap: wrap; padding: 12px 0; gap: 10px 18px; }
  .storefront-shell .header > .container { min-height: 0; }
  .storefront-shell .header .search-container { order: 3; flex-basis: 100%; max-width: none; }
  .storefront-shell .storefront-category-nav__inner { min-height: 42px; }
  .storefront-shell .storefront-category-nav__category { display: none; }
  .storefront-shell .storefront-category-nav a[data-storefront-catalog-link] { display: none; }
  .storefront-shell .catalog-nav-button { display: inline-flex; align-items: center; }
  .storefront-shell .categories-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  body.storefront-shell > #cookieConsentBar { padding: 8px 12px; gap: 6px 10px; font-size: 13px; }
  body.storefront-shell > #cookieConsentBar > span { flex: 1 1 100%; max-width: none !important; text-align: center; }
  body.storefront-shell > #cookieConsentBar > a,
  body.storefront-shell > #cookieConsentBar > button { min-height: 40px; }
  .storefront-shell.has-topbar { --header-h: 0; }
  .storefront-shell .topbar { height: 28px; }
  .storefront-shell .topbar-inner { height: 28px; }
  .storefront-shell .header-content { padding: 9px 0 10px; gap: 8px; }
  .storefront-shell .brand-text { font-size: 25px; }
  .storefront-shell .auth-buttons { gap: 5px; }
  .storefront-shell .profile-btn-label { max-width: 88px; }
  .storefront-shell .header .search-container { height: 44px; margin-top: 1px; }
  .storefront-shell .header .search-container > .search-btn { height: 44px !important; }
  .storefront-category-nav__inner { min-height: 42px; }
  .storefront-shell .home-intro { display: block; padding-bottom: 17px; }
  .storefront-shell .home-intro p { font-size: 15px; }
  .storefront-shell .storefront-home { padding: 22px 16px 36px; }
  .storefront-shell .categories-grid { grid-template-columns: 1fr; gap: 10px; }
  .storefront-shell .categories-grid .category-box-inner { display: grid; grid-template-columns: 74px 1fr; align-items: center; gap: 12px; }
  .storefront-shell .categories-grid .category-image { width: 74px; height: 56px; object-fit: contain; }
  .storefront-shell .footer .container { padding: 20px 16px; }
  .storefront-shell .footer-inner, .storefront-shell .footer-columns { grid-template-columns: 1fr; gap: 18px; }
  .storefront-shell .footer-bottom-inner { padding: 0 16px 16px; align-items: flex-start; flex-direction: column; gap: 5px; }
  .storefront-shell .modal-overlay { align-items: flex-start; overflow-y: auto; padding: 0; }
  .storefront-shell .modal { width: 100%; min-height: 100%; margin: 0; padding: 28px 20px; border: 0; border-radius: 0 !important; }
  .storefront-shell .register-shell { padding: 22px 16px 40px; }
  .storefront-shell .register-card h2 { margin-bottom: 18px; }
  .storefront-shell .client-type-radio-group { display: grid; grid-template-columns: 1fr 1fr; }
  .storefront-shell .client-tile-label { width: 100%; box-sizing: border-box; justify-content: flex-start; }
  .storefront-shell .register-columns { grid-template-columns: 1fr; padding: 14px; gap: 14px; }
  .catalog-drawer__panel { width: 100%; }
}

body.storefront-shell *, body.storefront-shell *::before, body.storefront-shell *::after { box-sizing:border-box; }
body.storefront-shell .breadcrumb-link { color:#175cd3; }

body.storefront-shell.theme-b2b input:not([type=radio]):not([type=checkbox]), body.storefront-shell.theme-b2b select, body.storefront-shell.theme-b2b textarea, body.storefront-shell.theme-b2b .btn-primary, body.storefront-shell.theme-b2b button[type=submit] { border-radius:4px!important; }
body.storefront-shell.theme-b2b .cart-page-container { border-radius:4px; box-shadow:none; }

body.storefront-shell .breadcrumbs { margin-top:0; margin-bottom:12px; font-size:13px; }

body.storefront-shell .toast-success { background:#175cd3; }
body.storefront-shell .btn-secondary { color:#175cd3; border-color:#667085; border-radius:4px; }

body.storefront-shell .assistant-header-btn { background:#fff!important; background-image:none!important; border:1px solid #667085!important; border-radius:4px!important; color:#175cd3!important; min-height:44px!important; min-width:44px!important; }

body.storefront-shell .assistant-header-btn { clip-path:none!important; flex:0 0 44px!important; }
body.storefront-shell .assistant-header-btn::after { display:none!important; }

/* Let short homepage content expand within the normal-flow viewport shell. */
body.storefront-shell.storefront-home-page > main { flex:1 0 auto; padding-bottom:32px; }
body.storefront-shell.storefront-home-page .categories { margin-top:24px; margin-bottom:0; }
body.storefront-shell.storefront-home-page > .footer { margin-top:auto; }
body.storefront-shell.storefront-home-page .category-box:hover .category-title { background:#eff4ff!important; color:#175cd3!important; }

/* v2 catalog shell refinements: one search control, direct language choices, quieter navigation. */
@media (min-width:1200px) {
  .storefront-shell .brand-text { font-size:36px; letter-spacing:-.045em; }
  .storefront-shell .header-content { gap:18px; }
}
.storefront-shell .brand { flex:0 0 auto; align-items:center; }
.storefront-shell .header-language { display:flex; flex:0 0 auto; align-items:center; gap:2px; }
.storefront-shell .header-language .lang-item { min-width:34px; min-height:36px; padding:0 6px; border:0; border-radius:3px; background:transparent; color:var(--sf-muted); font:600 12px/1 Inter,Arial,sans-serif; cursor:pointer; }
.storefront-shell .header-language .lang-item:hover { background:#f2f4f7; color:var(--sf-ink); }
.storefront-shell .header-language .lang-item[aria-current="true"] { background:#eff4ff; color:var(--sf-blue); font-weight:800; }
.storefront-shell .header .search-container { height:44px!important; display:flex!important; align-items:center!important; overflow:hidden; background:#fff!important; }
.storefront-shell .header .search-container:focus-within { border-color:var(--sf-blue)!important; box-shadow:0 0 0 2px rgba(23,92,211,.16)!important; }
.storefront-shell .header .search-container .search-input { height:42px!important; min-height:42px!important; align-self:center; padding:0 12px!important; line-height:20px!important; outline:0!important; box-shadow:none!important; }
.storefront-shell .header .search-container > .search-btn { align-self:stretch; height:42px!important; min-height:42px!important; margin:0!important; background:transparent!important; display:grid!important; place-items:center!important; }
.storefront-shell .storefront-category-nav__inner { scrollbar-width:none; }
.storefront-shell .storefront-category-nav__inner::-webkit-scrollbar { display:none; }
.storefront-shell .breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:7px; color:#475467; font-size:13px; line-height:20px; }
.storefront-shell .breadcrumbs a,.storefront-shell .breadcrumb-link { color:#475467!important; text-decoration:none!important; }
.storefront-shell .breadcrumbs a:hover { color:#175cd3!important; text-decoration:underline!important; }
.storefront-shell .breadcrumb-sep { color:#98a2b3; }
.storefront-shell .breadcrumb-current { color:#101828; font-weight:650; }
.storefront-shell .catalog-tree-wrap h3 { color:#101828; font-size:14px; font-weight:700; }
.storefront-shell .catalog-tree,.storefront-shell .catalog-tree ul { list-style:none; margin:0; padding:0; }
.storefront-shell .catalog-tree-category { margin:0; }
.storefront-shell .catalog-tree-heading { display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:4px; min-height:38px; }
.storefront-shell .catalog-tree-heading button { position:relative; display:grid; place-items:center; width:28px; height:32px; border:0; background:transparent; color:#475467; cursor:pointer; font-size:0!important; }
.storefront-shell .catalog-tree-heading button::before { width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; content:""; transform:rotate(-45deg); transition:transform .15s ease; }
.storefront-shell .catalog-tree-heading button[aria-expanded="true"]::before { transform:rotate(45deg); }
.storefront-shell .catalog-tree-heading a,.storefront-shell .catalog-tree li li a { display:block; min-width:0; padding:8px 9px; border-radius:3px; color:#344054; text-decoration:none!important; overflow-wrap:anywhere; }
.storefront-shell .catalog-tree-heading a { font-weight:650; }
.storefront-shell .catalog-tree li ul { margin:0 0 5px 16px; padding-left:9px; border-left:1px solid #eaecf0; }
.storefront-shell .catalog-tree li li a { min-height:34px; padding:7px 8px; color:#475467; font-size:13px; }
.storefront-shell .catalog-tree a:hover { background:#f2f4f7; color:#175cd3; }
.storefront-shell .catalog-tree a[aria-current="page"] { background:#eff4ff; color:#175cd3; font-weight:700; }
.storefront-shell .catalog-layout { display:block; }
@media (min-width:1200px) { .storefront-shell.subcategory-page .catalog-layout { display:grid; grid-template-columns:minmax(240px,260px) minmax(0,1fr); gap:24px; align-items:start; } }
.storefront-shell.subcategory-page .filter-range { display:none!important; }
.storefront-shell.subcategory-page .filter-block--stroke .filter-select,.storefront-shell.subcategory-page .filter-block--diameter .filter-select { width:100%; min-width:0; }
.storefront-shell.subcategory-page .series-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(160px,220px); gap:18px; align-items:center; margin:0 0 14px; padding:14px 16px; border:1px solid #d0d5dd; border-radius:4px; background:#fff; box-shadow:none; }
.storefront-shell.subcategory-page .series-gallery { width:100%; max-width:220px; }
.storefront-shell.subcategory-page .series-hero[hidden],.storefront-shell.subcategory-page .series-gallery[hidden] { display:none!important; }
.storefront-shell.subcategory-page .series-main { height:150px; border:1px solid #eaecf0; background:#f9fafb; }
.storefront-shell.subcategory-page .series-main img { object-fit:contain; }
.storefront-shell.subcategory-page .series-thumbs { gap:5px; margin-top:6px; }
.storefront-shell.subcategory-page .series-thumb { width:42px; height:42px; border-radius:3px; border-color:#d0d5dd; }
.storefront-shell.subcategory-page #pageTitle { margin:0 0 10px; color:#101828; font-size:21px; line-height:28px; }
.storefront-shell.subcategory-page.group-page #pageTitle { display:none; }
.storefront-shell .catalog-sidebar .filters-panel { display:flex!important; flex-direction:column!important; margin:12px 0 0; padding:12px 0; border-top:1px solid #eaecf0; }
.storefront-shell .catalog-sidebar .filter-block { display:flex!important; width:100%!important; box-sizing:border-box; margin:0 0 10px!important; }
.storefront-shell .filter-block summary { min-height:38px; padding:8px 0; color:#344054; }
.storefront-shell .filter-select,.storefront-shell .filter-range-input,.storefront-shell .facet-search { box-sizing:border-box; width:100%; min-width:0; min-height:40px; border:1px solid #98a2b3; border-radius:3px; background:#fff; color:#101828; }
.storefront-shell .mobile-filter-trigger { min-height:44px; padding:0 12px; border:1px solid #667085; border-radius:4px; background:#fff; color:#101828; font:600 14px/20px Inter,Arial,sans-serif; cursor:pointer; }
.storefront-shell .mobile-filter-trigger:hover { border-color:#175cd3; background:#f8faff; }
.storefront-shell .product-detail-title { color:#101828!important; }
@media (max-width:1199px) {
  .storefront-shell .header-language .lang-item { min-width:32px; min-height:36px; }
  .storefront-shell.subcategory-page .series-hero { grid-template-columns:minmax(0,1fr) 180px; }
  .storefront-shell.subcategory-page .series-main { height:120px; }
}
@media (min-width:1200px) {
  body.storefront-shell.subcategory-page.group-page .catalog-column-head,
  body.storefront-shell.subcategory-page.group-page .products-list[data-layout="list"] .product-card {
    grid-template-columns:48px minmax(140px,1fr) minmax(140px,1.1fr) minmax(75px,.6fr) minmax(86px,.7fr) minmax(88px,.7fr) minmax(165px,.9fr)!important;
  }
  body.storefront-shell.subcategory-page.group-page .product-actions { gap:5px!important; }
  body.storefront-shell.subcategory-page.group-page .product-actions .btn-wide { min-width:124px!important; }
}
@media (max-width:600px) {
  .storefront-shell .brand-text { font-size:25px; }
  .storefront-shell .header-language { margin-left:auto; }
  .storefront-shell .header-language .lang-item { min-width:31px; padding:0 4px; }
  .storefront-shell.subcategory-page .series-hero { grid-template-columns:minmax(0,1fr); gap:10px; padding:12px; }
  .storefront-shell.subcategory-page .series-gallery { max-width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; }
  .storefront-shell.subcategory-page .series-main { height:120px; }
  .storefront-shell.subcategory-page .series-thumbs { display:flex!important; flex-direction:column; margin:0; }
}