/* STA Supply second-pass refinements. */
:root {
  --sta-black:#0c0f13;
  --sta-deep:#101419;
  --sta-charcoal:#151a20;
  --sta-panel:#1a2027;
}

body,
.sta-home,
.sta-products,
.sta-product-loop { background:#0c0f13!important; }
.sta-site-header,.sta-footer { background:#101419; }
.sta-utility { background:#0c0f13; }
.sta-primary-nav,.sta-bike-section { background:#151a20; }
.sta-categories,.sta-trust { background:#13181e; }
.sta-benefits { background:#12171d; }
.sta-category-card,.woocommerce ul.products li.product,.sta-entry-card { background:#1a2027; }

/* Wider, cleaner logo treatment without the visible black image box. */
.sta-header-main { grid-template-columns:290px minmax(480px,1fr) auto; gap:20px; }
.sta-logo { width:282px; height:68px; overflow:visible; }
.sta-logo img { mix-blend-mode:screen; }

/* Preserve room for the wider search field. */
.sta-search { width:100%; max-width:none; }
.sta-search select { width:160px; }

/* Useful utility information only. */
.sta-utility .sta-shell { justify-content:flex-end; gap:22px; }
.sta-utility .sta-shell span:first-child { margin-right:0; color:#aeb8c2; }

/* Show more of the upper Brembo/fork assembly. */
.sta-hero {
  background-image:linear-gradient(90deg,#0c0f13 0%,#0c0f13 34%,rgba(12,15,19,.9) 48%,rgba(12,15,19,.06) 78%),url('/wp-content/themes/stasuplu/assets/hero-brembo.jpg');
  background-size:100% 100%,auto 86%;
}
.sta-hero h1 em { display:block; font-size:.87em; line-height:1.02; }

/* Four equal titanium-benefit items. */
.sta-benefits__grid { grid-template-columns:repeat(4,1fr); }
.sta-benefits article { min-height:104px; padding:20px 24px; gap:16px; }
.sta-benefits svg { width:38px; height:38px; }
.sta-benefits h3 { font-size:15px; white-space:nowrap; }

/* Compact fitment section so the brand grid appears sooner. */
.sta-bike-section { padding:46px 0 50px; }
.sta-bike-section .sta-section__heading { margin-bottom:20px; padding-bottom:13px; }
.sta-brand-grid a { height:72px; }

@media(max-width:1180px) {
  .sta-header-main { grid-template-columns:230px minmax(320px,1fr) auto; gap:15px; }
  .sta-logo { width:225px; height:62px; }
  .sta-search select { width:138px; }
  .sta-benefits h3 { white-space:normal; }
}

@media(max-width:900px) {
  .sta-header-main { grid-template-columns:1fr auto auto; }
  .sta-logo { width:196px; height:56px; }
  .sta-search { grid-column:1/-1; }
  .sta-benefits__grid { grid-template-columns:repeat(2,1fr); }
  .sta-benefits article { border-bottom:1px solid var(--sta-line); }
  .sta-benefits article:nth-child(2) { border-right:1px solid var(--sta-line); }
  .sta-hero {
    background-image:linear-gradient(0deg,rgba(12,15,19,.99) 0%,rgba(12,15,19,.9) 40%,rgba(12,15,19,.05) 80%),url('/wp-content/themes/stasuplu/assets/hero-brembo.jpg');
    background-size:100% 100%,auto 64%;
  }
  .sta-bike-section { padding:40px 0 44px; }
}

@media(max-width:560px) {
  .sta-logo { width:160px; height:49px; }
  .sta-benefits__grid { grid-template-columns:repeat(2,1fr); }
  .sta-benefits article { min-height:106px; align-items:flex-start; padding:16px 12px; gap:10px; }
  .sta-benefits svg { width:30px; height:30px; }
  .sta-benefits h3 { font-size:12px; }
  .sta-benefits p { font-size:9px; }
  .sta-brand-grid a { height:62px; }
}