:root {
  --kg-bg: #111217;
  --kg-panel: #1b1d25;
  --kg-panel-soft: #22252f;
  --kg-text: #f5f5f7;
  --kg-muted: #b9bbc5;
  --kg-line: rgba(255, 255, 255, .12);
  --kg-orange: #ff7a18;
  --kg-orange-2: #ff9b45;
}

html { background: var(--kg-bg) !important; }
body.kg-shop-page,
body.boton-catalog-page {
  min-width: 320px;
  background: var(--kg-bg) !important;
  color: var(--kg-text) !important;
}

.kg-shop-page .ref-top,
body.boton-catalog-page .boton-catalog-top {
  background: rgba(17, 18, 23, .97) !important;
  color: var(--kg-text) !important;
  border-bottom: 1px solid var(--kg-line) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, .18) !important;
}
.kg-shop-page .ref-top__inner,
body.boton-catalog-page .boton-catalog-top__inner {
  min-height: 68px;
  max-width: 1240px;
  padding-left: 20px;
  padding-right: 20px;
}
.kg-shop-brand,
.kg-shop-page .ref-brand,
body.boton-catalog-page .boton-catalog-brand {
  color: var(--kg-text) !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  letter-spacing: .035em;
}
.kg-brand-mark {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(145deg, var(--kg-orange-2), var(--kg-orange));
  color: #17130f;
  font-size: 13px;
  font-weight: 1000;
  letter-spacing: -.04em;
  box-shadow: 0 5px 18px rgba(255, 122, 24, .22);
}
.kg-shop-page .ref-nav,
body.boton-catalog-page .boton-catalog-topnav { gap: 8px !important; }
.kg-shop-page .ref-nav a,
body.boton-catalog-page .boton-catalog-topnav a {
  color: var(--kg-text) !important;
  border-radius: 10px;
  padding: 10px 12px !important;
  text-decoration: none !important;
  font-weight: 750;
}
.kg-shop-page .ref-nav a:hover,
body.boton-catalog-page .boton-catalog-topnav a:hover { background: var(--kg-panel-soft) !important; }
.kg-shop-cta,
.kg-shop-page .ref-btn.kg-shop-cta,
body.boton-catalog-page .kg-shop-cta {
  background: linear-gradient(135deg, var(--kg-orange-2), var(--kg-orange)) !important;
  color: #17130f !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 950 !important;
  box-shadow: 0 7px 20px rgba(255, 122, 24, .2) !important;
}
.kg-shop-cta:hover { filter: brightness(1.06); transform: translateY(-1px); }
.kg-shop-page .ref-menu-btn,
body.boton-catalog-page .boton-catalog-menu {
  border-color: var(--kg-line) !important;
  background: var(--kg-panel) !important;
  color: var(--kg-text) !important;
}
.kg-shop-page .ref-menu-panel,
body.boton-catalog-page .boton-catalog-menu-panel {
  background: #191a20 !important;
  border: 1px solid var(--kg-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .42) !important;
}
.kg-shop-page .ref-menu-panel a,
body.boton-catalog-page .boton-catalog-menu-panel a { color: var(--kg-text) !important; }

.kg-shop-page main,
body.boton-catalog-page main { color: var(--kg-text); }
.kg-shop-page .ref-hero,
.kg-shop-page .ref-section,
.kg-shop-page .ref-footer,
body.boton-catalog-page .t-store,
body.boton-catalog-page .t-store__parts-switch-wrapper,
body.boton-catalog-page .t-store__filter,
body.boton-catalog-page .boton-catalog-page__content {
  background: var(--kg-bg) !important;
  color: var(--kg-text) !important;
}
.kg-shop-page .ref-title,
.kg-shop-page h1, .kg-shop-page h2, .kg-shop-page h3,
body.boton-catalog-page h1, body.boton-catalog-page h2, body.boton-catalog-page h3,
body.boton-catalog-page .t-name, body.boton-catalog-page .t-typography__title {
  color: var(--kg-text) !important;
}
.kg-shop-page .ref-lead,
.kg-shop-page .ref-muted,
body.boton-catalog-page .t-descr,
body.boton-catalog-page .boton-product-card__descr,
body.boton-catalog-page .boton-product-card__meta { color: var(--kg-muted) !important; }
.kg-shop-page .ref-card,
.kg-shop-page .ref-line,
.kg-shop-page .checkout-card,
body.boton-catalog-page .boton-product-card,
body.boton-catalog-page .t-store__card,
body.boton-catalog-page .t-catalog__parts,
body.boton-catalog-page .boton-catalog-filter,
body.boton-catalog-page .boton-filter-actions {
  background: var(--kg-panel) !important;
  color: var(--kg-text) !important;
  border-color: var(--kg-line) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .16) !important;
}
.kg-shop-page .ref-card a,
.kg-shop-page .ref-line a,
body.boton-catalog-page .boton-product-card a { color: inherit; }
.kg-shop-page .ref-chip,
body.boton-catalog-page .boton-product-card__chip {
  background: rgba(255, 122, 24, .12) !important;
  color: #ffc08b !important;
  border: 1px solid rgba(255, 122, 24, .26) !important;
}
.kg-shop-page .ref-price,
body.boton-catalog-page .boton-product-card__price { color: var(--kg-orange-2) !important; }
.kg-shop-page .ref-btn,
.kg-shop-page .checkout-btn,
body.boton-catalog-page .boton-product-card__bottom button,
body.boton-catalog-page .boton-product-card__bottom .ref-btn {
  background: var(--kg-orange) !important;
  color: #17130f !important;
  border: 0 !important;
  border-radius: 11px !important;
  font-weight: 900 !important;
}
.kg-shop-page input,
.kg-shop-page select,
.kg-shop-page textarea,
body.boton-catalog-page input,
body.boton-catalog-page select {
  background: #111319 !important;
  border: 1px solid var(--kg-line) !important;
  border-radius: 10px !important;
  color: var(--kg-text) !important;
}
.kg-shop-page input::placeholder,
body.boton-catalog-page input::placeholder { color: #9699a5 !important; }
.kg-shop-page .ref-footer,
.kg-shop-footer {
  border-top: 1px solid var(--kg-line) !important;
  color: var(--kg-muted) !important;
}
.kg-shop-page .ref-footer__links a { color: var(--kg-muted) !important; }
.kg-checkout-wrap { max-width: 1040px; margin: 0 auto; padding: 28px 20px 72px; }
.kg-checkout-card { max-width: 720px; margin: 0 auto; padding: clamp(22px, 5vw, 40px); }
.kg-checkout-form { display: grid; gap: 16px; margin-top: 24px; }
.kg-checkout-form label { display: grid; gap: 8px; font-weight: 800; }
.kg-payment-notice { padding: 15px 17px; border: 1px solid rgba(255, 122, 24, .35); border-radius: 13px; background: rgba(255, 122, 24, .1); color: #ffd1ad; line-height: 1.55; }
.kg-checkout-error { padding: 14px 16px; border: 1px solid rgba(255, 110, 110, .35); border-radius: 13px; background: rgba(255, 75, 75, .1); color: #ffc4c4; }

@media (max-width: 760px) {
  .kg-shop-page .ref-top__inner,
  body.boton-catalog-page .boton-catalog-top__inner { min-height: 60px; padding-left: 14px; padding-right: 14px; }
  .kg-shop-page .ref-nav,
  body.boton-catalog-page .boton-catalog-topnav { display: none !important; }
  .kg-shop-page .ref-menu-btn,
  body.boton-catalog-page .boton-catalog-menu { display: inline-flex !important; }
  .kg-shop-page .ref-menu-panel,
  body.boton-catalog-page .boton-catalog-menu-panel { width: min(280px, calc(100vw - 24px)) !important; right: 12px !important; }
  .kg-checkout-wrap { padding: 20px 14px 52px; }
}

@media (max-width: 420px) {
  .kg-brand-mark { width: 34px; height: 34px; }
  .kg-shop-brand { font-size: 13px !important; }
  .kg-shop-page .ref-card,
  .kg-checkout-card { padding: 17px !important; }
}
