/* LCSC Electronics — radiokomponent.com.ua */

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --blue: #2163d5;
  --blue-dark: #1a4fa8;
  --blue-navy: #002952;
  --blue-light: #eef3fb;
  --blue-tab-1: #ffffff;
  --blue-tab-2: #d6e4f7;
  --blue-tab-3: #7ba3db;
  --blue-tab-4: #1a4a8a;
  --green: #00a87e;
  --orange: #ff6600;
  --red: #e53935;
  --text: #333333;
  --text-muted: #666666;
  --text-light: #999999;
  --border: #e0e0e0;
  --bg: #f5f5f5;
  --white: #ffffff;
  --footer-bg: #f8f9fa;
  --max: 1400px;
  --radius: 4px;
  --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --rk-scrollbar: #9bb8dc;
  --rk-scrollbar-hover: #7a9fc4;
  --rk-scrollbar-track: #e8eaed;
}

/*
 * Global scrollbars (site-wide).
 * Do not set scrollbar-color in Chrome — it disables ::-webkit-scrollbar-thumb.
 */
html {
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

@supports not selector(::-webkit-scrollbar) {
  html {
    scrollbar-color: #9bb8dc #e8eaed;
  }
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track {
  background-color: #e8eaed;
}

::-webkit-scrollbar-thumb {
  background-color: #9bb8dc;
  border: 2px solid #e8eaed;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #7a9fc4;
}

::-webkit-scrollbar-thumb:vertical {
  min-height: 28px;
}

::-webkit-scrollbar-thumb:horizontal {
  min-width: 28px;
}

::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

::-webkit-scrollbar-corner {
  background-color: #e8eaed;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--blue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* White text on blue buttons (overrides default.shop.css button:not([type=submit])) */
button.cat-filters-toggle,
button.cat-filters-panel__apply,
.catalog-btn,
#catalogBtn.catalog-btn,
.btn-add,
.btn-add--mob,
.btn-toolbar--add-cart:not(:disabled),
.search-row__submit,
.float-chat,
.newsletter__btn,
.rk-checkout__btn,
.rk-cart-empty__btn,
.pd-buy__cart,
.pd-buy__quote-btn {
  color: var(--white) !important;
}

button.cat-filters-toggle:hover,
button.cat-filters-panel__apply:hover,
.catalog-btn:hover,
.catalog-btn.is-active,
#catalogBtn.catalog-btn:hover,
#catalogBtn.catalog-btn.is-active,
.btn-add:hover,
.btn-add--mob:hover,
.btn-toolbar--add-cart:not(:disabled):hover,
.search-row__submit:hover,
.float-chat:hover,
.newsletter__btn:hover,
.rk-checkout__btn:hover,
.rk-cart-empty__btn:hover,
.pd-buy__cart:hover,
.pd-buy__quote-btn:hover {
  color: var(--white) !important;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.container {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 16px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.rk-main {
  min-height: 40vh;
}

.rk-home-empty {
  margin: 24px 0;
  padding: 16px;
  text-align: center;
  color: var(--text-muted);
  font-size: 13px;
  background: var(--white);
  border: 1px dashed var(--border);
  border-radius: var(--radius);
}

.rk-theme .poweredby,
.rk-theme .currency-toggle {
  display: none;
}

.rk-shop--home .content {
  padding: 0;
  max-width: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
  .hero-grid {
    grid-template-columns: 200px 1fr 180px;
  }

  .hero-actions {
    grid-column: 1 / -1;
    flex-direction: row;
  }

  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .hero-sidebar {
    display: none;
  }

  .reco-catalog__panel {
    position: static;
    width: 100%;
    border-left: 1px solid var(--border);
    border-radius: 0 0 var(--radius) var(--radius);
  }

  .reco-catalog.is-open .reco-catalog__nav {
    border-radius: var(--radius) var(--radius) 0 0;
    border-right: 1px solid var(--border);
  }

  .reco-panel__cols {
    grid-template-columns: 1fr;
  }

  .parts-tables {
    grid-template-columns: 1fr;
  }

  .service-row {
    grid-template-columns: 1fr;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .trust-bar__grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .pd-top {
    grid-template-columns: 1fr !important;
  }

  .pd-specs-row,
  .pd-compliance__grid {
    grid-template-columns: 1fr;
  }

  .pd-compliance__grid .pd-spec-table + .pd-spec-table {
    border-left: 1px solid var(--border);
    margin-top: -1px;
  }

  .cat-filters--stacked .filter-box {
    flex: 0 0 calc(50% - 1px);
  }

  .cat-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width: 768px) {
  .trust-bar__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .service-cards {
    grid-template-columns: 1fr;
  }

  .category-links-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: 1fr;
  }

  .product-tabs {
    grid-template-columns: 1fr;
  }
}