:root{--ink:#15223a;--muted:#657188;--paper:#f3f5f1;--white:#fff;--gold:#c79a42;--gold-dark:#8b641c;--night:#101d33;--line:#dce1e7;--soft:#edf0ea;--shadow:0 20px 55px rgba(21,34,58,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;line-height:1.6}img{max-width:100%}a{color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.pilot-notice{padding:6px 20px;text-align:center;color:#694b13;background:#fff0c9;font-size:12px;font-weight:800;letter-spacing:.03em}.site-header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.header-inner{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;width:155px}.brand img{display:block;width:100%;height:auto}.header-nav{display:flex;align-items:center;gap:23px;margin-left:auto}.header-nav a,.phone{text-decoration:none;font-size:14px;font-weight:800}.header-nav a[aria-current=page]{color:var(--gold-dark)}.request-chip{padding:7px 11px;border-radius:999px;color:#fff;background:var(--night);font-size:12px;white-space:nowrap}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:13px}.breadcrumbs a{text-decoration:none}.eyebrow{margin:0 0 8px;color:var(--gold-dark);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.045em}h2{margin-bottom:13px;font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.03em}.hero-lead,.product-lead{max-width:760px;color:var(--muted);font-size:18px}.category-hero{padding:52px 0 60px;background:linear-gradient(135deg,#fff 0%,#f3efe3 100%)}.category-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;align-items:end}.category-hero .breadcrumbs{margin-bottom:55px}.category-aside{padding:25px;border:1px solid rgba(199,154,66,.35);border-radius:18px;background:rgba(255,255,255,.75)}.category-aside strong{display:block;font-size:38px;line-height:1}.category-aside span{color:var(--gold-dark);font-size:13px;font-weight:800}.category-aside p{margin:14px 0 0;color:var(--muted);font-size:14px}.catalog-section{padding:68px 0 84px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.section-heading h2{margin:0}.section-heading>p{max-width:450px;margin:0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 30px rgba(21,34,58,.05)}.card-media{height:265px;display:block;overflow:hidden;background:#f9faf8}.card-media img{width:100%;height:100%;display:block;object-fit:contain;padding:16px;transition:transform .35s ease}.card-media:hover img{transform:scale(1.035)}.image-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;border:2px dashed #cbbd9e;color:#755817;background:#fffaf0}.image-placeholder span{font-size:19px;font-weight:900}.image-placeholder small{margin-top:6px;color:var(--muted)}.card-body{padding:23px}.card-kicker{margin-bottom:3px;color:var(--gold-dark);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.card-body h2{margin:0 0 10px;font-size:26px}.card-body h2 a{text-decoration:none}.card-summary{min-height:76px;color:var(--muted);font-size:14px}.card-price-block{min-height:66px;display:flex;flex-direction:column;margin:18px 0}.card-price{font-size:25px;line-height:1.2}.card-price-missing{max-width:230px;font-size:17px}.price-caption{color:var(--muted);font-size:12px}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;padding:0 19px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer}.button-primary{color:#fff;background:linear-gradient(135deg,#c99a3d,#936719)}.button-secondary{color:var(--ink);border-color:var(--line);background:#fff}.text-link{color:var(--gold-dark);font-size:14px;font-weight:900;text-decoration:none}.planned-link{color:var(--muted)}.planned-note{display:block;margin-top:8px;color:var(--muted);font-size:11px}.pilot-footnote{margin:24px 0 0;padding:15px 18px;border-left:3px solid var(--gold);color:var(--muted);background:#fff;font-size:13px}.product-crumbs{padding:25px 0}.product-hero{padding:18px 0 70px}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:54px;align-items:center}.product-image-panel{min-height:540px;display:flex;align-items:center;justify-content:center;padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff}.product-image-panel img{width:100%;height:470px;object-fit:contain}.product-intro h1{margin-bottom:18px}.sunlight-callout{display:flex;gap:15px;margin:26px 0;padding:17px;border:1px solid rgba(199,154,66,.35);border-radius:13px;background:#fff9e9}.sunlight-callout>span{font-size:28px}.sunlight-callout strong{display:block}.sunlight-callout p{margin:2px 0 0;color:var(--muted);font-size:12px}.buy-row{display:grid;grid-template-columns:1fr 104px;gap:12px;align-items:end;padding-top:6px}.buy-row>div span{display:block;color:var(--muted);font-size:12px}.buy-row>div strong{font-size:34px;line-height:1}.buy-row .button{grid-column:1/-1}.quantity{color:var(--muted);font-size:12px;font-weight:700}.quantity input{width:100%;height:44px;display:block;margin-top:3px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.request-note,.source-note{margin:10px 0 0;color:var(--muted);font-size:12px}.content-section{padding:75px 0;background:#fff}.content-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px}.content-grid>div>p:not(.eyebrow){color:var(--muted)}.feature-card{padding:34px;border-radius:19px;color:#fff;background:var(--night)}.feature-card .eyebrow{color:#e8c478}.feature-card p:last-child{margin-bottom:0;color:rgba(255,255,255,.72)}.spec-section{padding:75px 0}.split-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px}.spec-list,.price-list{margin:24px 0 0;border-top:1px solid var(--line)}.spec-list>div,.price-list>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:800}.price-list dd{color:var(--gold-dark);text-align:right}.related-section{padding:50px 0;color:#fff;background:var(--night)}.related-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.related-inner h2{margin-bottom:6px}.related-inner p:last-child{margin-bottom:0;color:rgba(255,255,255,.65)}.related-links{display:flex;align-items:center;gap:20px}.light-link{color:#f0cc83}.site-footer{padding:30px 0;background:#fff}.footer-inner{display:grid;grid-template-columns:145px 1fr auto;gap:30px;align-items:center}.footer-inner img{width:145px}.footer-inner p{margin:2px 0 0;color:var(--muted);font-size:13px}.footer-links{display:flex;gap:18px}.footer-links a{text-decoration:none;font-size:13px;font-weight:800}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:min(360px,calc(100% - 48px));padding:13px 17px;border-radius:10px;color:#fff;background:var(--night);box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.is-visible{opacity:1;transform:translateY(0)}
.product-image-placeholder{width:100%;height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;border:2px dashed #cbbd9e;border-radius:16px;color:#755817;background:#fffaf0}.product-image-placeholder span{font-size:24px;font-weight:900}.product-image-placeholder small{margin-top:7px;color:var(--muted)}.missing-retail{display:flex;flex-direction:column}.missing-retail strong{font-size:23px!important}.missing-retail small{max-width:260px;margin-top:5px;color:var(--muted);font-size:11px}.missing-retail-row dd{color:var(--muted)}.feature-facts{margin:18px 0 0}.feature-facts>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid rgba(255,255,255,.16)}.feature-facts dt{color:rgba(255,255,255,.65)}.feature-facts dd{text-align:right}.related-links{flex-wrap:wrap}
@media(max-width:980px){.header-nav{display:none}.phone{margin-left:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero-grid{grid-template-columns:1fr;gap:35px}.product-image-panel{min-height:440px}.product-image-panel img,.product-image-placeholder{height:390px}.content-grid,.split-grid{gap:35px}}
@media(max-width:700px){.shell{width:min(100% - 28px,1180px)}.header-inner{min-height:66px;gap:12px}.brand{width:115px}.phone{display:none}.category-hero{padding:34px 0 45px}.category-hero-grid,.content-grid,.split-grid{grid-template-columns:1fr}.category-hero .breadcrumbs{margin-bottom:38px}.category-aside{display:none}.section-heading,.related-inner{align-items:flex-start;flex-direction:column}.section-heading>p{font-size:14px}.product-grid{grid-template-columns:1fr}.card-summary{min-height:auto}.product-hero{padding-bottom:50px}.product-image-panel{min-height:330px;padding:18px}.product-image-panel img,.product-image-placeholder{height:300px}.product-hero-grid{grid-template-columns:minmax(0,1fr)}h1{font-size:44px}.buy-row{grid-template-columns:1fr 95px}.spec-list>div{grid-template-columns:1fr;gap:3px}.related-links{align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.toast{right:14px;bottom:14px;max-width:calc(100% - 28px)}}

.request-chip{text-decoration:none}.request-chip:focus-visible,.button:focus-visible,.text-link:focus-visible,.text-button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e1b968;outline-offset:3px}.request-note a{color:var(--gold-dark);font-weight:800}.rfq-page{min-height:70vh}.rfq-hero{padding:48px 0 52px;background:linear-gradient(135deg,#fff 0%,#f3efe3 100%)}.rfq-hero .breadcrumbs{margin-bottom:42px}.rfq-section{padding:64px 0 90px}.rfq-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:28px;align-items:start}.rfq-lines-panel,.rfq-form-panel{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(21,34,58,.06)}.rfq-form-panel{position:sticky;top:96px}.rfq-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.rfq-panel-heading h2,.rfq-form-panel h2{margin-bottom:0}.text-button{padding:5px 0;border:0;color:var(--gold-dark);background:transparent;font:inherit;font-size:13px;font-weight:900;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-button.danger{color:#9c3535}.text-button:disabled{opacity:.4;cursor:not-allowed}.rfq-empty{padding:42px 10px;text-align:center}.rfq-empty[hidden],.rfq-summary[hidden],.payload-preview[hidden]{display:none}.rfq-empty h3{margin-bottom:8px;font-size:22px}.rfq-empty p{margin-bottom:22px;color:var(--muted)}.rfq-lines{display:grid}.rfq-line{display:grid;grid-template-columns:minmax(0,1fr) 116px auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.rfq-line h3{margin-bottom:8px;font-size:21px}.rfq-line p{margin-bottom:4px}.rfq-retail{font-size:14px}.rfq-wholesale,.rfq-price-note,.rfq-variant{color:var(--muted);font-size:12px}.rfq-line-quantity{color:var(--muted);font-size:12px;font-weight:800}.rfq-line-quantity input{width:100%;height:44px;margin-top:5px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.rfq-summary{display:grid;gap:13px;padding-top:25px}.rfq-summary>div{display:flex;justify-content:space-between;gap:20px}.rfq-summary>div span{color:var(--muted);font-size:13px}.rfq-summary>div strong{text-align:right}.rfq-summary>p:not(.source-note){margin:0;color:var(--muted);font-size:12px}.rfq-summary .button{margin-top:5px}.rfq-form-panel>p:not(.eyebrow){color:var(--muted);font-size:14px}.rfq-form-panel form{display:grid;gap:16px;margin-top:24px}.rfq-form-panel label{display:grid;gap:6px;font-size:13px;font-weight:900}.rfq-form-panel label span{color:var(--muted);font-size:11px;font-weight:500}.rfq-form-panel input,.rfq-form-panel textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}.rfq-form-panel textarea{resize:vertical}.rfq-form-panel button:disabled{opacity:.45;cursor:not-allowed}.form-status{min-height:20px;margin:0;color:var(--muted);font-size:12px}.payload-preview{margin-top:26px;padding-top:23px;border-top:1px solid var(--line)}.payload-preview h3{margin-bottom:7px}.payload-preview p{color:var(--muted);font-size:12px}.payload-preview pre{max-height:430px;overflow:auto;padding:15px;border-radius:10px;color:#e8ecf5;background:#101a2b;font:12px/1.45 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submit-result{margin-top:24px;padding:22px;border-radius:13px}.submit-result h3{margin-bottom:8px}.submit-result p{color:var(--muted);font-size:13px}.submit-result[hidden]{display:none}.submit-success{border:1px solid #9fc8a9;background:#f1fbf3}.submit-error{border:1px solid #d8aaa4;background:#fff4f2}.submit-result .button{margin-top:7px}

@media(max-width:980px){.rfq-layout{grid-template-columns:1fr}.rfq-form-panel{position:static}.rfq-line{grid-template-columns:minmax(0,1fr) 110px auto}}
@media(max-width:700px){.request-chip{margin-left:auto}.rfq-hero{padding:32px 0 38px}.rfq-hero .breadcrumbs{margin-bottom:30px}.rfq-section{padding:35px 0 65px}.rfq-lines-panel,.rfq-form-panel{padding:20px;border-radius:15px}.rfq-panel-heading{align-items:flex-start;flex-direction:column}.rfq-line{grid-template-columns:minmax(0,1fr) 92px}.rfq-line .danger{grid-column:1/-1;justify-self:start}.rfq-summary>div{align-items:flex-start;flex-direction:column;gap:4px}.rfq-summary>div strong{text-align:left}.rfq-page h1{font-size:40px}}




/* S2.7.2 — stable product visuals */
.product-visuals{
  min-width:0;
  width:100%;
}
.product-visuals .product-image-panel{
  width:100%;
}
.product-photo-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.product-photo-thumb{
  height:128px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
}
.product-photo-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
@media(max-width:700px){
  .product-photo-strip{gap:8px}
  .product-photo-thumb{height:105px;padding:8px}
}

/* S2.15.5 — readability: product descriptions only */
.product-lead{font-size:20px;line-height:1.6}
.card-summary{font-size:16px;line-height:1.55}
.content-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.65}
@media(max-width:700px){.product-lead{font-size:18px}.card-summary{font-size:16px}.content-grid>div>p:not(.eyebrow){font-size:16px}}


/* S2.15.9 approved global header typography */
.header-nav { gap: 28px; }
.header-nav a,
.site-header .phone {
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: 0;
}
.header-nav a[aria-current="page"] { font-weight: 650; }
.site-header .phone { white-space: nowrap; }
@media (max-width: 980px) {
  .site-header .phone { font-size: 15px; }
}

/* S2.15.10 — confirmed header typography, cache-fix */
.site-header .header-nav { gap: 28px !important; }
.site-header .header-nav a,
.site-header .phone {
  font-size: 15.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.site-header .header-nav a[aria-current="page"] { font-weight: 650 !important; }
.site-header .phone { white-space: nowrap; }
@media (max-width:980px){ .site-header .phone { font-size:15px !important; } }


/* S2.15.19 — compact desktop test for category pages.
   Header typography stays exactly as approved on U500. */
@media (min-width: 981px) {
  .category-hero {
    padding: 36px 0 44px;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 36px;
  }
  .category-hero-grid {
    grid-template-columns: minmax(0,1fr) 240px;
    gap: 44px;
  }
  .category-hero h1 {
    font-size: clamp(42px, 4.3vw, 54px);
    line-height: 1.02;
    margin-bottom: 16px;
  }
  .category-hero .hero-lead {
    max-width: 720px;
    font-size: 16px;
    line-height: 1.5;
  }
  .category-aside {
    padding: 21px;
    border-radius: 16px;
  }
  .category-aside strong {
    font-size: 30px;
  }
  .category-aside p {
    font-size: 13px;
    line-height: 1.5;
  }
  .catalog-section {
    padding: 52px 0 68px;
  }
  .section-heading {
    margin-bottom: 24px;
  }
  .section-heading h2 {
    font-size: 32px;
  }
  .section-heading > p {
    font-size: 14px;
    line-height: 1.5;
  }
  .card-media {
    height: 230px;
  }
  .card-body {
    padding: 20px;
  }
  .card-body h2 {
    font-size: 23px;
  }
  .card-summary {
    min-height: 66px;
    font-size: 14px;
    line-height: 1.5;
  }
  .card-price {
    font-size: 23px;
  }
  .button {
    min-height: 44px;
  }
}


/* S2.15.20 — additional compacting for laptop-width desktops.
   Header typography stays unchanged. */
@media (min-width: 981px) and (max-width: 1920px) {
  .category-hero { padding: 24px 0 32px; }
  .category-hero .breadcrumbs { margin-bottom: 24px; }
  .category-hero-grid {
    grid-template-columns: minmax(0,1fr) 210px;
    gap: 32px;
  }
  .category-hero h1 {
    font-size: clamp(36px, 3.35vw, 46px);
    line-height: 1.02;
    margin-bottom: 12px;
  }
  .category-hero .hero-lead {
    max-width: 650px;
    font-size: 14.5px;
    line-height: 1.46;
  }
  .category-aside {
    padding: 16px;
    border-radius: 14px;
  }
  .category-aside strong { font-size: 25px; }
  .category-aside p {
    font-size: 12px;
    line-height: 1.42;
  }
  .catalog-section { padding: 40px 0 52px; }
  .section-heading { margin-bottom: 18px; }
  .section-heading h2 { font-size: 27px; }
  .section-heading > p {
    font-size: 13px;
    line-height: 1.42;
  }
  .card-media { height: 200px; }
  .card-body { padding: 17px; }
  .card-body h2 { font-size: 20px; }
  .card-summary {
    min-height: 56px;
    font-size: 13px;
    line-height: 1.42;
  }
  .card-price { font-size: 20px; }
}


/* S2.15.21 — final vertical spacing trim for category pages.
   Typography and card sizes remain unchanged. */
@media (min-width: 981px) and (max-width: 1920px) {
  .category-hero {
    padding-top: 20px;
    padding-bottom: 22px;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 18px;
  }
  .catalog-section {
    padding-top: 28px;
  }
  .section-heading {
    margin-bottom: 14px;
  }
}


/* S2.15.22 — mobile vertical rhythm refinement for category pages.
   Desktop layout remains unchanged. */
@media (max-width: 700px) {
  .site-header .header-inner {
    min-height: 72px;
  }

  .category-hero {
    padding: 18px 0 28px;
  }

  .category-hero .breadcrumbs {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .category-hero-grid {
    gap: 18px;
  }

  .category-hero h1 {
    font-size: 42px;
    line-height: 1.05;
    margin-bottom: 14px;
  }

  .category-hero .hero-lead {
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 0;
  }

  .category-aside {
    display: none;
  }

  .catalog-section {
    padding: 34px 0 52px;
  }

  .section-heading {
    gap: 14px;
    margin-bottom: 18px;
  }

  .section-heading h2 {
    font-size: 30px;
    line-height: 1.08;
  }

  .section-heading > p {
    font-size: 15px;
    line-height: 1.5;
    margin-top: 0;
  }

  .catalog-grid {
    gap: 18px;
  }

  .card-media {
    height: 300px;
  }
}

@media (max-width: 430px) {
  .category-hero h1 {
    font-size: 38px;
  }

  .category-hero .hero-lead {
    font-size: 16px;
  }

  .catalog-section {
    padding-top: 30px;
  }

  .section-heading h2 {
    font-size: 28px;
  }

  .card-media {
    height: 280px;
  }
}

/* S2.15.18 — compact product layout test (R400 only)
   Goal: normal 100% browser zoom while keeping the approved header typography. */
@media (min-width: 901px) {
  .product-hero{padding:14px 0 46px}
  .product-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);
    gap:40px;
  }
  .product-image-panel{
    min-height:420px;
    padding:22px;
    border-radius:20px;
  }
  .product-image-panel img{height:360px}
  .product-intro h1{
    font-size:clamp(40px,4.2vw,52px);
    line-height:1.02;
    margin-bottom:15px;
  }
  .product-lead,.hero-lead{
    font-size:16px;
    line-height:1.5;
  }
  .buy-row>div strong{font-size:30px}
  .buy-row{grid-template-columns:1fr 96px}
  .button{min-height:44px}
  .breadcrumbs{font-size:12.5px}
  .eyebrow{font-size:11px}
  .spec-section{padding:56px 0}
  .content-grid{gap:52px}
  .split-grid{gap:50px}
}


/* S2.15.26 — FINAL GLOBAL SCALE.
   Exact approved compact scale from /priemniki/ + R400.
   These rules are intentionally last and use !important so all catalog pages
   render consistently regardless of older per-page CSS. */

/* DESKTOP — categories */
@media (min-width: 981px) {
  .category-hero {
    padding: 20px 0 22px !important;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 18px !important;
    font-size: 12.5px !important;
  }
  .category-hero-grid {
    grid-template-columns: minmax(0,1fr) 210px !important;
    gap: 32px !important;
  }
  .category-hero h1 {
    font-size: clamp(36px, 3.35vw, 54px) !important;
    line-height: 1.02 !important;
    margin-bottom: 12px !important;
  }
  .category-hero .hero-lead {
    max-width: 680px !important;
    font-size: 14.5px !important;
    line-height: 1.46 !important;
    margin-bottom: 0 !important;
  }
  .category-aside {
    padding: 16px !important;
    border-radius: 14px !important;
  }
  .category-aside strong {
    font-size: 25px !important;
    line-height: 1.05 !important;
  }
  .category-aside span {
    font-size: 11px !important;
  }
  .category-aside p {
    font-size: 12px !important;
    line-height: 1.42 !important;
  }

  .catalog-section {
    padding: 28px 0 52px !important;
  }
  .section-heading {
    margin-bottom: 14px !important;
    gap: 28px !important;
  }
  .section-heading h2 {
    font-size: 27px !important;
    line-height: 1.08 !important;
  }
  .section-heading > p {
    font-size: 13px !important;
    line-height: 1.42 !important;
  }

  .product-grid {
    gap: 24px !important;
  }
  .card-media {
    height: 200px !important;
  }
  .card-body {
    padding: 17px !important;
  }
  .card-body h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }
  .card-summary {
    min-height: 56px !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
  }
  .card-price {
    font-size: 20px !important;
  }

  /* DESKTOP — product pages */
  .product-crumbs {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    font-size: 12.5px !important;
  }
  .product-hero {
    padding: 10px 0 38px !important;
  }
  .product-hero-grid {
    grid-template-columns: minmax(0,1fr) minmax(360px,.88fr) !important;
    gap: 40px !important;
  }
  .product-image-panel {
    min-height: 420px !important;
    padding: 22px !important;
    border-radius: 20px !important;
  }
  .product-image-panel img {
    height: 360px !important;
    max-height: 360px !important;
  }
  .product-intro h1 {
    font-size: clamp(40px,4.2vw,52px) !important;
    line-height: 1.02 !important;
    margin-bottom: 15px !important;
  }
  .product-lead,
  .series-compat-line {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .buy-row {
    grid-template-columns: 1fr 96px !important;
    gap: 18px !important;
  }
  .buy-row > div strong {
    font-size: 30px !important;
  }
  .button {
    min-height: 44px !important;
  }
  .spec-section {
    padding: 46px 0 !important;
  }
  .content-grid,
  .split-grid {
    gap: 44px !important;
  }
  .content-grid h2,
  .split-grid h2 {
    font-size: 34px !important;
    line-height: 1.08 !important;
  }
  .content-grid > div > p:not(.eyebrow),
  .split-grid > div > p:not(.eyebrow) {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

/* MOBILE — category pages */
@media (max-width: 700px) {
  .site-header .header-inner {
    min-height: 72px !important;
  }
  .category-hero {
    padding: 18px 0 28px !important;
  }
  .category-hero .breadcrumbs {
    margin-bottom: 20px !important;
    font-size: 14px !important;
  }
  .category-hero-grid {
    gap: 18px !important;
  }
  .category-hero h1 {
    font-size: 42px !important;
    line-height: 1.05 !important;
    margin-bottom: 14px !important;
  }
  .category-hero .hero-lead {
    font-size: 17px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important;
  }
  .category-aside {
    display: none !important;
  }
  .catalog-section {
    padding: 34px 0 52px !important;
  }
  .section-heading {
    gap: 14px !important;
    margin-bottom: 18px !important;
  }
  .section-heading h2 {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }
  .section-heading > p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
  }
  .product-grid {
    gap: 18px !important;
  }

  /* Product pages — keep readable but remove excessive vertical air */
  .product-crumbs {
    margin-top: 14px !important;
    margin-bottom: 12px !important;
  }
  .product-hero {
    padding: 8px 0 30px !important;
  }
  .product-hero-grid {
    gap: 20px !important;
  }
  .product-intro h1 {
    font-size: 38px !important;
    line-height: 1.05 !important;
  }
  .product-lead,
  .series-compat-line {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .spec-section {
    padding: 34px 0 !important;
  }
}

@media (max-width: 430px) {
  .category-hero h1,
  .product-intro h1 {
    font-size: 36px !important;
  }
  .category-hero .hero-lead,
  .product-lead,
  .series-compat-line {
    font-size: 16px !important;
  }
  .catalog-section {
    padding-top: 30px !important;
  }
  .section-heading h2 {
    font-size: 28px !important;
  }
}

