/* FOOTBALLERS — оновлений вигляд поверх теми Хорошопу (v1, 03.10.2026).
 * Окремий файл: вимикається видаленням одного <link> у полі «перед </body>».
 * ПК-тема: catalogCard*, product-price*, filter-*, .btn.__special
 * Мобільна тема: catalog-card__*, product-card__*, filter-group*, .btn--primary
 */
:root {
  --ftb-card: #272b2a;
  --ftb-card-2: #2d3230;
  --ftb-line: rgba(255, 255, 255, .07);
  --ftb-line-2: rgba(255, 255, 255, .14);
  --ftb-text: #f2f3e2;
  --ftb-muted: rgba(242, 243, 226, .55);
  --ftb-red: #ef3e33;
  --ftb-red-d: #d4322a;
  --ftb-olive: #d5d883;
}

/* ── Кнопки покупки: червоні, як логотип ─────────────────────────────── */
.btn.__special.j-buy-button-add,
.btn.btn--primary {
  background: var(--ftb-red) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .2px;
  box-shadow: 0 6px 18px rgba(239, 62, 51, .32);
  transition: background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.btn.__special.j-buy-button-add:hover,
.btn.btn--primary:hover {
  background: var(--ftb-red-d) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(239, 62, 51, .4);
}
.btn.__special.j-buy-button-add { height: 48px !important; min-width: 180px; padding: 0 28px !important; font-size: 17px !important; }
.btn.__special.j-buy-button-add * { color: #fff !important; }

/* ── Ціна на сторінці товару: нова — головна, стара — поруч і приглушена ── */
.product-price__box { display: flex !important; align-items: baseline; flex-wrap: wrap; column-gap: 14px; }
.product-price .product-price__item.product-price__item--new, .product-price__item--new { color: #fff !important; font-weight: 700 !important; font-size: 32px !important; letter-spacing: -.3px; }
.product-price__old-price { color: var(--ftb-muted) !important; font-size: 18px !important; }
.product-card__price--new { color: #fff !important; font-weight: 700 !important; }
.product-card__old-price { color: var(--ftb-muted) !important; }

/* ── Картки товарів (ПК) ─────────────────────────────────────────────── */
.catalogCard-box {
  background: var(--ftb-card) !important;
  border: 1px solid var(--ftb-line);
  border-radius: 16px !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.catalogCard:hover .catalogCard-box {
  transform: translateY(-4px);
  border-color: var(--ftb-line-2);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .38);
}
.catalogCard-image-i { border-radius: 12px; overflow: hidden; }
.catalogCard-title, .catalogCard-title a { font-weight: 500 !important; line-height: 1.35 !important; }
.catalogCard-priceBox { display: flex !important; align-items: baseline; justify-content: center; gap: 8px; }
.catalogCard-price { color: #fff !important; font-weight: 700 !important; font-size: 16px !important; }
.catalogCard-oldPrice { color: var(--ftb-muted) !important; font-size: 13px !important; }

/* ── Картки товарів (мобільна тема) ──────────────────────────────────── */
.catalog-card {
  background: var(--ftb-card) !important;
  border: 1px solid var(--ftb-line);
  border-radius: 14px !important;
  overflow: hidden;
}
.catalog-card__image { border-radius: 10px; overflow: hidden; }
.catalog-card__price--new { color: #fff !important; font-weight: 700 !important; }
.catalog-card__old-price { color: var(--ftb-muted) !important; }
.catalog-card__buy-button .btn { height: 40px; }

/* ── Фільтри ─────────────────────────────────────────────────────────── */
.filter-section {
  background: var(--ftb-card);
  border: 1px solid var(--ftb-line);
  border-radius: 14px;
  padding: 12px 10px !important;
  margin-bottom: 10px !important;
}
.filter-section-h { font-weight: 700 !important; letter-spacing: .2px; }
.filter-lv1-i { border-radius: 8px; transition: background .15s ease; }
.filter-lv1-i:hover { background: rgba(255, 255, 255, .04); }
.filter-count { color: var(--ftb-muted) !important; }
.filter-group { border-radius: 12px; }
.filter-group__title-text { font-weight: 600 !important; }

/* ── Пагінація ───────────────────────────────────────────────────────── */
.pager__item { border-radius: 10px !important; }
.pager__item.__active, .pager__item.is-active { background: var(--ftb-red) !important; color: #fff !important; }

/* ── Липка панель «Купити» на телефоні (src/buybar.js) ───────────────── */
.ftb-buybar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom));
  background: rgba(32, 35, 34, .96);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid var(--ftb-line-2);
  box-shadow: 0 -8px 24px rgba(0, 0, 0, .35);
  transform: translateY(110%); transition: transform .25s ease;
  font-family: inherit;
}
.ftb-buybar.is-on { transform: none; }
.ftb-buybar__price { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.ftb-buybar__new { color: #fff; font-weight: 700; font-size: 19px; white-space: nowrap; }
.ftb-buybar__old { color: var(--ftb-muted); font-size: 13px; text-decoration: line-through; white-space: nowrap; }
.ftb-buybar__btn {
  flex: 1; height: 48px; border: 0; border-radius: 12px; cursor: pointer;
  background: var(--ftb-red); color: #fff; font-family: inherit; font-size: 17px; font-weight: 600; line-height: 1;
  box-shadow: 0 6px 18px rgba(239, 62, 51, .35);
}
.ftb-buybar__btn:active { background: var(--ftb-red-d); }
body.ftb-buybar-on .mess-wrapper { bottom: 86px !important; transition: bottom .25s ease; }

/* ── Кнопка чату: спокійна, не перекриває товари ───────────────────── */
.mess-wrapper { opacity: 1 !important; }
.mess-main-btn {
  background: var(--ftb-card) !important;
  border: 1px solid var(--ftb-line-2);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .45) !important;
  min-width: 0 !important;
  padding: 12px 18px !important;
}
.mess-icon-box svg { stroke: var(--ftb-red) !important; }
#messText { color: var(--ftb-text) !important; font-weight: 600 !important; font-family: Montserrat, sans-serif; }
.mess-main-btn::after {                         /* зелена крапка «онлайн» */
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: #2ecc71;
  box-shadow: 0 0 0 3px rgba(46, 204, 113, .2); margin-left: 2px;
}
@media (max-width: 768px) {
  .mess-main-btn { width: 52px; height: 52px; padding: 0 !important; border-radius: 50% !important; transform: none !important; position: relative; }
  .mess-main-btn::after { position: absolute; top: 4px; right: 4px; margin: 0; }
  #messText { display: none !important; }
}

/* ── «Каталог товарів» на мобільній головній: головна дія екрана ─────── */
.btn.btn--catalog-nav {
  background: var(--ftb-red) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 14px !important;
  height: 56px; font-weight: 700 !important; font-size: 17px !important;
  box-shadow: 0 8px 22px rgba(239, 62, 51, .35);
  position: relative;
}
.btn.btn--catalog-nav .btn__text { color: #fff !important; }
.btn.btn--catalog-nav .btn__icon, .btn.btn--catalog-nav .btn__icon svg { color: #fff !important; fill: #fff !important; }
.btn.btn--catalog-nav::after { content: "›"; position: absolute; right: 20px; font-size: 28px; line-height: 1; color: rgba(255, 255, 255, .85); }

/* ── Переваги (site-fixes.js) ──────────────────────────────────────── */
.ftb-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; max-width: 1380px; margin: 18px auto; padding: 0 30px; box-sizing: border-box; }
.ftb-benefit { display: flex; align-items: center; gap: 12px; background: var(--ftb-card); border: 1px solid var(--ftb-line); border-radius: 14px; padding: 14px 16px; }
.ftb-benefit__icon { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; background: rgba(213, 216, 131, .1); display: flex; align-items: center; justify-content: center; }
.ftb-benefit__icon svg { width: 22px; height: 22px; fill: none; stroke: var(--ftb-olive); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ftb-benefit__text { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.ftb-benefit__text b { color: var(--ftb-text); font-size: 14px; font-weight: 700; }
.ftb-benefit__text small { color: var(--ftb-muted); font-size: 12px; margin-top: 2px; }
@media (max-width: 900px) {
  .ftb-benefits { grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px; margin: 12px 0; }
  .ftb-benefit { padding: 10px; gap: 9px; border-radius: 12px; }
  .ftb-benefit__icon { flex-basis: 34px; width: 34px; height: 34px; border-radius: 10px; }
  .ftb-benefit__icon svg { width: 19px; height: 19px; }
  .ftb-benefit__text b { font-size: 12.5px; }
  .ftb-benefit__text small { font-size: 11px; }
}

/* ── Мобільний каталог: «Фільтри» + чіпси сортування ───────────────── */
.ftb-has-sort .catalog-controls__item--sorting { display: none !important; }
.catalog-controls__item--filter .btn {
  background: var(--ftb-text) !important; color: #1b1d1c !important;
  border-radius: 999px !important; height: 44px; padding: 0 22px !important; font-weight: 700 !important;
}
.catalog-controls__item--filter .btn .icon, .catalog-controls__item--filter .btn svg { fill: #1b1d1c !important; color: #1b1d1c !important; }
.catalog-controls__item--filter .btn__text { color: #1b1d1c !important; }
.ftb-sort { display: flex; gap: 8px; padding: 10px 0 4px; }
.ftb-sort__chip {
  flex: 1; text-align: center; padding: 10px 6px; border-radius: 999px;
  border: 1px solid var(--ftb-line-2); color: var(--ftb-text) !important; text-decoration: none !important;
  font-size: 14px; font-weight: 600; background: transparent;
}
.ftb-sort__chip.is-active { background: var(--ftb-text); color: #1b1d1c !important; border-color: var(--ftb-text); }

/* ── Стара ціна: червона, перекреслена (03.10.2026) ────────────────── */
.catalogCard-oldPrice, .catalog-card__old-price,
.product-price__old-price, .product-card__old-price, .ftb-buybar__old {
  color: #ff6b5e !important;
  text-decoration: line-through !important;
  text-decoration-color: rgba(255, 107, 94, .9) !important;
  text-decoration-thickness: 1.5px !important;
  opacity: .9;
}

/* ── Відгуки про магазин (головна; ПК .top-reviews, мобільна .recent-reviews) ── */
.top-reviews__item .review-item,
.recent-reviews__list .review-item {
  background: var(--ftb-card) !important;
  border: 1px solid var(--ftb-line);
  border-radius: 18px !important;
  padding: 22px 22px 20px !important;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  transition: border-color .2s ease, transform .2s ease;
}
.top-reviews__item .review-item:hover { border-color: var(--ftb-line-2); transform: translateY(-2px); }
.top-reviews__item .review-item::before,
.recent-reviews__list .review-item::before {          /* велика лапка */
  content: "\201C"; position: absolute; right: 18px; top: 4px;
  font: 700 64px/1 Georgia, serif; color: rgba(213, 216, 131, .14); pointer-events: none;
}
.review-item__avatar {
  width: 40px !important; height: 40px !important; border-radius: 50% !important;
  background: rgba(213, 216, 131, .12) !important; display: inline-flex !important;
  align-items: center; justify-content: center; overflow: hidden;
}
.review-item__avatar svg { width: 22px !important; height: 22px !important; fill: var(--ftb-olive) !important; opacity: .9; }
.review-item__name { font-weight: 700 !important; color: #fff !important; }
.review-item__date { color: var(--ftb-muted) !important; font-size: 12px !important; }
.review-item .reviews-rating__star--active svg, .review-item .product-rating__stars { fill: #f5c542 !important; color: #f5c542 !important; }
.review-item__text { color: rgba(242, 243, 226, .88) !important; line-height: 1.55 !important; }
.review-item__more-link { color: var(--ftb-red) !important; font-weight: 600; }
.top-reviews .btn, .recent-reviews .btn {
  border-radius: 999px !important; border: 1px solid var(--ftb-line-2) !important;
  padding: 0 26px !important; font-weight: 600 !important;
}

/* ── Наліпки в блоках головної: у «Хітах» лише Хіт + знижка, у «Новинках» лише Новинка + знижка ── */
.catalogTabs:has(.catalogTabs-nav-i[rel="hits"]) .productSticker-item.__new,
.tabs:has(> h2[rel="hits"]) .product-sticker__item--new { display: none !important; }
.catalogTabs:has(.catalogTabs-nav-i[rel="novelties"]) .productSticker-item.__popular,
.tabs:has(> h2[rel="novelties"]) .product-sticker__item--popular { display: none !important; }