/* Inventory-first layout, scoped to dedicated category pages. */
[data-seo-category] .header { position:relative; top:0; height:auto; min-height:82px; background:#0d100e; }
[data-seo-category] .header .nav { min-height:82px; }
[data-seo-category] .seo-category-intro { padding:26px 0 20px; background:#fff; color:#111; }
.seo-category-intro nav { font-size:12px; color:#69716d; }
.seo-category-intro h1 { margin:12px 0 0; font-size:clamp(24px,3vw,36px); line-height:1.35; }
[data-seo-category] #category { padding:0 0 20px; background:#fff; scroll-margin-top:20px; }
[data-seo-category] #category .section-head { display:none; }
[data-seo-category] #cats { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
[data-seo-category] #cats .cat-card { min-height:108px; padding:16px 8px 12px; border:0; border-right:1px solid var(--line); border-bottom:1px solid var(--line); border-radius:0; background:#fff; color:#111; font-size:13px; line-height:1.4; text-align:center; text-decoration:none; }
[data-seo-category] #cats .cat-card.active { background:var(--charcoal); color:#fff; }
[data-seo-category] #cats .cat-card.active:after { display:block; height:4px; }
[data-seo-category] #cats .cat-card:hover { background:#e7f2eb; color:#075c2d; }
[data-seo-category] #cats .cat-image { display:flex; width:58px; height:38px; }
[data-seo-category] #cats .cat-no { display:block; top:5px; left:8px; font-size:9px; }
[data-seo-category] #cats .all-mark { font-size:22px; }
[data-seo-category] #cats .sold-mark { font-size:15px; }
[data-seo-category] .finder { margin:0; padding:0 0 18px; background:var(--charcoal); color:#fff; }
[data-seo-category] .finder-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 160px; align-items:end; gap:16px; padding:16px; background:var(--charcoal); border-radius:0; }
[data-seo-category] .finder-grid .field { min-width:0; min-height:0; padding:0; border:0; }
[data-seo-category] .finder-grid [hidden] { display:none; }
[data-seo-category] .field label { margin-bottom:5px; color:#9da6a1; }
[data-seo-category] .field select, [data-seo-category] .field input { min-height:44px; padding:9px 12px; border:0; border-bottom:1px solid #69716d; border-radius:0; background:transparent; color:#fff; }
[data-seo-category] .field input::placeholder { color:#7d8994; }
[data-seo-category] .field select:focus-visible, [data-seo-category] .field input:focus-visible { outline:2px solid #0b7a3b; outline-offset:2px; }
[data-seo-category] .search-button { grid-column:auto; min-height:44px; padding:9px 16px; border-radius:0; background:#fff; color:#111; }
[data-seo-category] .search-button:hover { background:#e4f3e9; color:var(--brand-dark); }
[data-seo-category] #stock { padding-top:22px; padding-bottom:36px; scroll-margin-top:20px; }
[data-seo-category] #stock .section-head { align-items:center; margin-bottom:18px; gap:16px; }
[data-seo-category] #stock .section-head>div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
[data-seo-category] #stock .eyebrow { display:none; }
[data-seo-category] #stock .section-title { font-size:clamp(21px,2.4vw,28px); line-height:1.4; color:#111; }
.category-stock-count { color:#0b7a3b; font-weight:800; }
.category-stock-count .finder-number { font-size:25px; }
[data-seo-category] .stock-tools { margin:0; }
[data-seo-category] .stock-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
[data-seo-category] .product-card { min-width:0; border:1px solid var(--line); border-radius:0; overflow:hidden; }
[data-seo-category] .product-card h3 { overflow-wrap:anywhere; }
[data-seo-category] .seo-category-details { padding:24px 0; border-top:1px solid #e0e6e9; background:#fff; color:#69716d; }
.seo-category-details p { max-width:900px; margin:0 0 10px; font-size:14px; line-height:1.9; }
.seo-category-details p:last-child { margin-bottom:0; }
.seo-category-details a { color:#075c2d; text-decoration:underline; }
.stock-empty { grid-column:1/-1; padding:28px 0; }
@media(max-width:1200px) { [data-seo-category] .header .nav { gap:18px; } [data-seo-category] .nav-links { gap:16px; } }
@media(min-width:768px) and (max-width:1000px) { [data-seo-category] #cats { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:1000px) { [data-seo-category] .stock-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) {
  [data-seo-category] .header, [data-seo-category] .header .nav { min-height:110px; }
  [data-seo-category] .header .nav { position:relative; flex-wrap:wrap; gap:10px; padding:12px 0; }
  [data-seo-category] .header .lang-switcher { order:3; margin:0; }
  [data-seo-category] .header .menu { margin-left:auto; }
  body[data-seo-category] > .mobile-menu { top:110px; }
  [data-seo-category] .seo-category-intro { padding:18px 0 14px; }
  [data-seo-category] #category { padding-bottom:14px; }
  [data-seo-category] #cats { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:none; grid-auto-flow:row; grid-auto-columns:auto; overflow:visible; padding-bottom:0; }
  [data-seo-category] #cats .cat-card { min-height:100px; padding:14px 8px 10px; font-size:12px; }
  [data-seo-category] .finder-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:12px; }
  [data-seo-category] .finder-grid .search-button { grid-column:1/-1; min-height:44px; }
  [data-seo-category] #stock .section-head { display:flex; flex-wrap:wrap; }
  [data-seo-category] #stock .stock-tools { margin:0 0 0 auto; }
  [data-seo-category] .stock-tools select { max-width:100%; padding:8px 26px 8px 10px; }
  [data-seo-category] .stock-grid { grid-template-columns:minmax(0,1fr); gap:18px; }
}


/* Match desktop homepage icon size without changing the card's layout box. */
@media(min-width:1001px) {
  [data-seo-category] #cats .cat-image { position:relative; }
  [data-seo-category] #cats .cat-image img {
    position:absolute;
    left:50%;
    top:calc(50% - 8px);
    width:auto;
    height:auto;
    max-width:82.944px;
    max-height:55.296px;
    transform:translate(-50%,-50%);
  }
}
