/* Texture frames the site; neutral surfaces keep catalog information clear. */
:root {
  color-scheme: light;
  --dark: #101312;
  --dark-2: #171b19;
  --panel: #202623;
  --light: #f3f4f1;
  --white: #ffffff;
  --text: #202622;
  --text-muted: #58635d;
  --green-soft: #e7f2e8;
  --green-link: #216b3d;
  --border: #dce1dc;
}
body { background: var(--white); }
.hero, .page-hero {
  background: linear-gradient(90deg, rgba(12,18,14,.96), rgba(12,18,14,.84) 55%, rgba(12,18,14,.4)),
    url("../assets/images/brand-network.png") center / cover no-repeat;
}
.hero { padding-top: 64px; padding-bottom: 40px; }
.hero p { color: #d3dbd5; }
.page-hero .lead { color: #cbd4ce; }
.hero .benefits { border-color: rgba(255,255,255,.18); }
.hero .benefit span { color: #c5cec7; }
.site-header { background: #141916; }
.brand, .footer-logo { background: none; border: 0; }
.footer-logo { width: min(100%,230px); aspect-ratio: auto; justify-content: flex-start; overflow: visible; border-radius: 0; }
.footer-logo img { width: 100%; height: auto; }
.site-footer {
  background: linear-gradient(rgba(13,19,15,.93), rgba(13,19,15,.95)),
    url("../assets/images/brand-network.png") center / cover no-repeat;
}
.main-nav a.is-active { background: rgba(71,216,111,.09); }
.section--tint { background: #edf1ec; }
.section--dark { background: #191f1b; }
.section--dark .lead, .section--dark .muted { color: #c5cec7; }
.card, .pf-card, .fresh-card, .brand-group { box-shadow: 0 3px 14px rgba(17,27,20,.045); }
.card--link:hover, .pf-card:hover { border-color: #9eafa1; }
.hardware-hero { background: #1d2420; border-color: #465249; }
.hardware-hero-label, .hardware-hero figcaption { border-color: #465249; }
.category-visual { background: #202824; border-color: #465249; }
.pline-card .category-visual { border-color: #465249; }
.category-visual svg, .hardware-hero > img { filter: saturate(.35) brightness(1.3); }
.pf-side { background: #f3f4f1; }
.brand-chip.is-featured { background: #f8faf7; border-color: #bacabb; }
.pill--amber { background: #fff0d6; color: #80500b; }
.stock-toolbar { padding: 22px; border: 1px solid var(--border); border-radius: 8px; background: #f3f4f1; }
.filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.filters .field { min-width: 0; }
.filters select { width: 100%; min-width: 0; min-height: 46px; background-size: 12px 12px; }
.search-box input, .filters select { border-color: #aab7ae; }
.stock-meta { padding: 8px 0; }
table.data th { background: #e9ede7; }
table.data tbody tr:nth-child(even) { background: #f7f8f5; }
table.data tbody tr:hover { background: #edf3ec; }
.legal { max-width: 860px; }
.legal p { line-height: 1.8; }
.legal a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 960px) {
  .filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .main-nav { background: #141916; visibility: hidden; }
  .main-nav.is-open { visibility: visible; }
}
@media (max-width: 720px) {
  .hero, .page-hero { background-position: 64% center; }
  .hero { padding-top: 36px; padding-bottom: 24px; }
  .hero p { font-size: 1rem; line-height: 1.65; }
  .hero-grid { gap: 24px; }
  .stock-toolbar { padding: 16px; }
}
@media (max-width: 640px) {
  table.data tbody tr:nth-child(even), table.data tbody tr:hover { background: #fff; }
}
@media (max-width: 420px) {
  .filters { grid-template-columns: 1fr; }
}