/* Тема «Кошелёк (B)»: магазин (resources/lk-themes/wallet/views/panel/general/store/include.blade.php).
 * Перекрывает shop.css и HUD (border-radius:0 !important), поэтому классы lk-b-* + !important. Mobile-first. */

html.dark .lk-b-store-box.box,
html.dark .lk-b-store-box {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html.dark .lk-b-store-box .box-title,
html.dark .lk-b-store-box h2:first-child {
  font-family: "Unbounded", "Onest", system-ui, sans-serif !important;
  font-size: 1.5rem !important;
  color: #ececee !important;
}
html.dark.lk-theme-wallet .lk-b-store-lead {
  margin: 0 0 12px;
  color:#a6a7ad !important;
  font-size:0.9rem !important;
}
html.dark.lk-theme-wallet .lk-b-store-lead b { color: #f2b94b; }

html.dark .lk-shop.lk-b-store {
  --shop-text: #ececee;
  --shop-muted: #a6a7ad;
  --shop-accent: #f2b94b;
  font-family:"Onest", system-ui, sans-serif !important;
  margin-top: 0;
}

/* Категории: пилюли, на телефоне — горизонтальная прокрутка без скролла страницы */
html.dark .lk-b-store .lk-shop__cats.lk-b-store-cats {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0 0 16px;
  padding:0 0 4px !important;
  overflow-x: auto;
  scrollbar-width: none;
  border: 0 !important;
  background: none !important;
}
html.dark .lk-b-store .lk-shop__cats::-webkit-scrollbar { display: none; }
html.dark .lk-b-store .lk-shop__cat {
  flex: 0 0 auto;
  min-height: 44px;
  padding: 10px 16px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #26272c !important;
  color: #ececee !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html.dark .lk-b-store .lk-shop__cat:hover { background: #2c2d33 !important; }
html.dark .lk-b-store .lk-shop__cat.is-active {
  background: #f2b94b !important;
  color: #1a1408 !important;
}
html.dark .lk-b-store .lk-shop__cat:focus-visible { outline: 2px solid #f2b94b; outline-offset: 2px; }

/* Сетка: 1 колонка → 2 (≥640) → 3 (≥1024) */
html.dark .lk-b-store .lk-shop__grid.lk-b-store-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}
html.dark .lk-b-store .lk-shop__ones-wrap { grid-column: 1 / -1; }
html.dark .lk-b-store .lk-shop__ones-title {
  font-family:"Unbounded", "Onest", system-ui, sans-serif !important;
  font-size:1.05rem !important;
  color:#ececee !important;
}
html.dark .lk-b-store .lk-shop__ones-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

/* Карточка товара */
html.dark .lk-b-store .lk-shop-card {
  width: auto !important;
  max-width: 100% !important;
  min-width: 0;
  padding: 18px !important;
  gap: 12px;
  border-radius: 20px !important;
  border: 1px solid #2c2d33 !important;
  background: #1d1e23 !important;
  box-shadow: none !important;
  color:#ececee !important;
}
html.dark .lk-b-store .lk-shop-card:hover { border-color: #3a3b42 !important; }
html.dark .lk-b-store .lk-shop-card.is-unavailable { background: #18191d !important; opacity: 0.85; }
html.dark .lk-b-store .lk-shop-card__title {
  margin: 0;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #ececee !important;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
html.dark .lk-b-store .lk-shop-card__ribbon {
  border-radius: 999px !important;
  background: #173326 !important;
  color: #7fd6a3 !important;
  font-weight:700 !important;
  box-shadow: none !important;
}
html.dark .lk-b-store .lk-shop-card--one { flex-direction: row; align-items: center; }
html.dark .lk-b-store .lk-shop-card--one .lk-shop-card__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
html.dark .lk-b-store .lk-shop-card__media {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 14px !important;
  background: #26272c !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
html.dark .lk-b-store .lk-shop-card__icon { width: 40px; height: 40px; border-radius: 6px !important; }

/* Набор: превью содержимого */
html.dark .lk-b-store .shop-bundle {
  border-radius: 14px !important;
  border: 0 !important;
  background: #26272c !important;
}
html.dark .lk-b-store .shop-bundle__heading { color: #a6a7ad; font-size: 0.8rem; }
html.dark .lk-b-store .shop-bundle__preview {
  border-radius: 12px !important;
  background: transparent !important;
  color: #ececee !important;
  min-height: 44px;
}
html.dark .lk-b-store .shop-bundle__hint { color: #a6a7ad !important; }
html.dark .lk-b-store .shop-bundle__arrow {
  min-width: 36px;
  min-height: 36px;
  border-radius: 10px !important;
  background: #1d1e23 !important;
  border: 0 !important;
  color: #ececee !important;
}
html.dark .lk-b-store .shop-bundle__icons img { border-radius: 6px !important; }

/* Таймер / остаток / лимит */
html.dark .lk-b-store .lk-shop-card__timer,
html.dark .lk-b-store .lk-shop-card__limit {
  border-radius: 999px !important;
  background: #26272c !important;
  border: 0 !important;
  color: #a6a7ad !important;
  padding:4px 10px !important;
  font-size:0.8rem !important;
  align-self: flex-start;
}
html.dark .lk-b-store .lk-shop-card__timer-value { color: #f2b94b !important; }
html.dark .lk-b-store .lk-shop-card__stock-meta { color: #a6a7ad; font-size: 0.8rem; }
html.dark .lk-b-store .lk-shop-card__stock-bar {
  height: 6px;
  border-radius: 999px !important;
  background: #26272c !important;
  overflow: hidden;
}
html.dark .lk-b-store .lk-shop-card__stock-bar i { border-radius: 999px !important; background: #f2b94b !important; }

/* Цена и кнопка */
html.dark .lk-b-store .lk-shop-card__footer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
html.dark .lk-b-store .lk-shop-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
html.dark .lk-b-store .lk-shop-card__price-now {
  font-family:"Unbounded", "Onest", system-ui, sans-serif !important;
  font-size:1.3rem !important;
  font-weight:700 !important;
  color: #f2b94b !important;
  font-variant-numeric: tabular-nums;
}
html.dark .lk-b-store .lk-shop-card__price-old { color: #6f7077 !important; text-decoration: line-through; }
html.dark .lk-b-store .lk-shop-card__save {
  padding:3px 10px !important;
  border-radius: 999px !important;
  background: #173326 !important;
  color: #7fd6a3 !important;
  font-size:0.78rem !important;
  font-weight:700 !important;
}
html.dark .lk-b-store .lk-shop-card__actions button,
html.dark .lk-b-store .lk-shop-card__actions .btn,
html.dark .lk-b-store .lk-shop-card__actions a {
  width: 100%;
  min-height: 48px;
  border-radius: 14px !important;
  border: 0 !important;
  background: #f2b94b !important;
  color: #1a1408 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  justify-content: center;
}
html.dark .lk-b-store .lk-shop-card__actions button:hover,
html.dark .lk-b-store .lk-shop-card__actions .btn:hover { background: #ffd27a !important; }
html.dark .lk-b-store .lk-shop-card__status {
  display: block;
  width: 100%;
  padding:12px !important;
  border-radius: 14px !important;
  background: #26272c !important;
  color: #a6a7ad !important;
  text-align: center;
  font-weight:700 !important;
}

/* Модалка покупки (форма строится в ShopPage.php: send_product_form) */
html.dark .modal form[name="send_product_form"] { font-family: "Onest", system-ui, sans-serif; }
html.dark .modal:has(form[name="send_product_form"]) .modal-content,
html.dark .modal:has(form[name="send_product_form"]) .modal-dialog > * {
  border-radius: 22px !important;
  background: #1d1e23 !important;
  border: 1px solid #2c2d33 !important;
}
html.dark form[name="send_product_form"] select,
html.dark form[name="send_product_form"] input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html.dark form[name="send_product_form"] .choices__inner {
  min-height: 46px;
  border-radius: 12px !important;
  background: #131417 !important;
  border: 1px solid #3a3b42 !important;
  color: #ececee !important;
}
html.dark form[name="send_product_form"] button[type="submit"],
html.dark form[name="send_product_form"] .btn-primary {
  width: 100%;
  min-height: 50px;
  border-radius: 14px !important;
  background: #f2b94b !important;
  border: 0 !important;
  color: #1a1408 !important;
  font-weight: 700 !important;
}
html.dark form[name="send_product_form"] .shop-bundle,
html.dark form[name="send_product_form"] .shop-bundles__common {
  border-radius: 14px !important;
  background: #26272c !important;
  border: 0 !important;
}
html.dark form[name="send_product_form"] .shop-bundle__items li { border-radius: 10px !important; }

@media (min-width: 640px) {
  html.dark .lk-b-store .lk-shop__grid.lk-b-store-grid,
  html.dark .lk-b-store .lk-shop__ones-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.dark .lk-b-store .lk-shop-card__footer { flex-direction: row; align-items: center; justify-content: space-between; }
  html.dark .lk-b-store .lk-shop-card__actions { width: auto; flex: 0 0 auto; }
  html.dark .lk-b-store .lk-shop-card__actions button,
  html.dark .lk-b-store .lk-shop-card__actions .btn { width: auto; padding: 0 22px; }
}
@media (min-width: 1024px) {
  html.dark .lk-b-store .lk-shop__grid.lk-b-store-grid,
  html.dark .lk-b-store .lk-shop__ones-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.dark .lk-b-store .lk-shop-card__footer { flex-direction: column; align-items: stretch; }
  html.dark .lk-b-store .lk-shop-card__actions button,
  html.dark .lk-b-store .lk-shop-card__actions .btn { width: 100%; }
}

/* ---------- Чистовая правка магазина ---------- */
html.dark.lk-theme-wallet .lk-b-store-box { padding: 22px !important; }
html.dark.lk-theme-wallet .lk-b-store-box > div:first-child { margin-bottom: 2px; }
html.dark.lk-theme-wallet .lk-b-store-box .box-title { font-size: 26px !important; }