/* ===== Bundle Calc базовый стиль ===== */

.bc-wrap{max-width:560px;margin:24px auto;padding:0 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.bc-head{background:#111;color:#fff;border-radius:14px;padding:16px}
.bc-title{font-weight:800;font-size:20px}
.bc-subtitle{opacity:.7;margin-top:6px}
.bc-btn{width:100%;margin-top:12px;padding:12px 14px;border:0;border-radius:12px;background:#ffde00;font-weight:800;cursor:pointer}
.bc-selected{margin-top:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.08)}
.bc-selected-name{font-weight:800;color:#ffde00}
.bc-selected-comment{margin-top:6px;opacity:.9;font-size:13px;line-height:1.3}

.bc-cards{display:grid;gap:12px;margin-top:12px}
.bc-card{background:#1b1b1b;color:#fff;border-radius:14px;padding:14px}
.bc-card-top{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.bc-pack{font-weight:900;font-size:22px}
.bc-economy{background:#f1f1f1;color:#000;border-radius:10px;padding:8px 10px;font-weight:800}

.bc-block{margin-top:10px}
.bc-block-title{font-weight:800;font-size:13px;opacity:.85;text-transform:uppercase;margin-bottom:6px}

.bc-item{display:flex;justify-content:space-between;gap:10px;background:#2a2a2a;border-radius:10px;padding:10px;margin-bottom:8px}
.bc-item span:last-child{color:#ffde00;font-weight:900}

.bc-gift{display:inline-block;background:#2a2a2a;border-radius:999px;padding:8px 10px;margin:6px 6px 0 0;font-size:12px}

.bc-summary{margin-top:12px;background:#ffde00;color:#000;border-radius:12px;padding:12px}
.bc-row{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px}
.bc-total{border-top:1px solid rgba(0,0,0,.25);padding-top:8px;margin-top:8px;font-weight:900}

.bc-buy{width:100%;margin-top:10px;padding:12px;border:0;border-radius:12px;background:#ffde00;font-weight:900;cursor:pointer}

/* ===== Модалка выбора авто ===== */
.bc-modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:99999}
.bc-hidden{display:none !important}
.bc-modal-inner{width:100%;max-width:560px;background:#fff;border-radius:14px;padding:12px}
.bc-search{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px;font-size:16px}
.bc-list{margin-top:10px;max-height:60vh;overflow:auto}
.bc-car-btn{width:100%;text-align:left;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#f9f9f9;margin-bottom:8px;cursor:pointer}
.bc-close{width:100%;margin-top:10px;padding:12px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:800;cursor:pointer}
/* ===== HERO как на старом сайте ===== */
.bc-hero{
  border-radius:18px;
  padding:26px 22px;
  color:#fff;
  text-align:center;
  position:relative;
  overflow:hidden;

  background: radial-gradient(120% 120% at 50% 0%, #2a2a2a 0%, #141414 55%, #0f0f0f 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.06);
}

/* лёгкий паттерн сверху */
.bc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 2px, rgba(255,255,255,0) 2px 10px);
  pointer-events:none;
}

.bc-hero-title{
  position:relative;
  font-weight:900;
  font-size:20px;
  letter-spacing:.2px;
}

.bc-hero-badges{
  position:relative;
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

.bc-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  letter-spacing:.4px;
}

.bc-badge::before{
  content:"";
  width:14px;
  height:14px;
  border-radius:999px;
  display:inline-block;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.35);
}

.bc-badge-air::before{ background: linear-gradient(#d69a63, #9b5a2f); }
.bc-badge-pro::before{ background: linear-gradient(#cfd5da, #8e9aa5); }
.bc-badge-max::before{ background: linear-gradient(#f5d36a, #c99b1b); }

.bc-badge-sep{
  opacity:.55;
  font-weight:800;
}

.bc-hero-car{
  position:relative;
  margin-top:18px;
  font-weight:900;
  font-size:18px;
}

.bc-hero-note{
  position:relative;
  margin-top:10px;
  opacity:.85;
  font-size:13px;
  line-height:1.35;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}

.bc-hero-btn{
  position:relative;
  margin-top:18px;
  width:100%;
  max-width:520px;
  padding:14px 16px;
  border:0;
  border-radius:12px;
  background:#ffde00;
  color:#000;
  font-weight:900;
  letter-spacing:.6px;
  cursor:pointer;
}
.bc-hero-btn{
  text-transform: uppercase;
  font-size:14px;
}
/* HERO: полупрозрачная карточка как на старом */
.bc-hero{
  border-radius:18px;
  padding:26px 22px;
  text-align:center;
  position:relative;
  overflow:hidden;

  /* важное: полупрозрачный фон */
  background: rgba(20,20,20,.72);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);

  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

/* паттерн как подложка */
.bc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    repeating-linear-gradient(45deg,
      rgba(255,255,255,.10) 0 2px,
      rgba(255,255,255,0) 2px 10px
    );
  pointer-events:none;
}

/* лёгкая виньетка внутри */
.bc-hero::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 50% 20%,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,0) 55%
  );
  opacity:.35;
  pointer-events:none;
}

.bc-hero *{ position:relative; } /* чтобы текст был над паттерном */
.bc-hero-title{
  font-weight:900;
  font-size:20px;
  color:#f2f2f2;
}

.bc-hero-car{
  margin-top:18px;
  font-weight:900;
  font-size:18px;
  color:#ffffff;
}

.bc-hero-note{
  margin-top:10px;
  font-size:13px;
  line-height:1.35;
  color: rgba(255,255,255,.82);
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}

.bc-badge, .bc-badge-sep{
  color: rgba(255,255,255,.9);
}
/* Монетки = webp */
.bc-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
  letter-spacing:.4px;
}

.bc-badge::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:999px;
  display:inline-block;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  box-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.bc-badge-air::before{
  background-image: url("http://bagazhnik-premium.ru/wp-content/uploads/2026/01/bronze.webp");
}

.bc-badge-pro::before{
  background-image: url("http://bagazhnik-premium.ru/wp-content/uploads/2026/01/silver.webp");
}

.bc-badge-max::before{
  background-image: url("http://bagazhnik-premium.ru/wp-content/uploads/2026/01/gold.webp");
}
.bc-hero-btn{
  margin-top:18px;
  width:100%;
  max-width:520px;
  padding:16px 18px;
  border:0;
  border-radius:10px;
  background:#ffde00;
  color:#000;
  font-weight:900;
  letter-spacing:.6px;
  text-transform: uppercase;
  cursor:pointer;
  box-shadow: 0 6px 0 rgba(0,0,0,.22);
}
.bc-hero-btn:active{
  transform: translateY(1px);
  box-shadow: 0 5px 0 rgba(0,0,0,.18);
}
/* ===== HERO: привести к виду как на старом сайте (перебить тему) ===== */
#bcWrap .bc-hero{
  border-radius:18px;
  padding:26px 22px;
  text-align:center;
  position:relative;
  overflow:hidden;

  /* темнее, без серой "плашки" */
  background:#151515 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.28) !important;

  /* убрать "стекло" */
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* мягкий паттерн как на старом (не полосы на весь блок) */
#bcWrap .bc-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,.10) 0 2px, rgba(255,255,255,0) 2px 14px);
  pointer-events:none;
}
#bcWrap .bc-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(120% 100% at 50% 0%,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,0) 55%
  );
  opacity:.35;
  pointer-events:none;
}

#bcWrap .bc-hero *{position:relative;}

/* типографика ближе к эталону */
#bcWrap .bc-hero-title{
  color:#fff !important;
  font-weight:900;
  font-size:20px;
  letter-spacing:.2px;
}

#bcWrap .bc-hero-badges{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}

#bcWrap .bc-badge,
#bcWrap .bc-badge-sep{
  color:rgba(255,255,255,.92) !important;
  font-weight:900;
}

#bcWrap .bc-hero-car{
  margin-top:18px;
  font-weight:900;
  font-size:18px;
  color:#fff !important;
}

#bcWrap .bc-hero-note{
  margin-top:10px;
  font-size:13px;
  line-height:1.35;
  color:rgba(255,255,255,.80) !important;
  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}

/* КНОПКА: делаем жёлтой как на старом и перебиваем стили темы */
#bcWrap .bc-hero-btn{
  margin-top:18px;
  width:100%;
  max-width:520px;

  padding:16px 18px;
  border:0 !important;
  border-radius:10px;

  background:#ffde00 !important;
  color:#000 !important;

  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;

  cursor:pointer;
  box-shadow:none !important;
  filter:none !important;
}

/* Ховер/актив */
#bcWrap .bc-hero-btn:hover{
  background:#ffde00 !important;
  filter:brightness(.98);
}
#bcWrap .bc-hero-btn:active{
  transform:translateY(1px);
}

/* монетки чуть крупнее, чтобы как в эталоне */
#bcWrap .bc-badge::before{
  width:18px;
  height:18px;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.35);
}
/* Серый фон как у верхних плашек */
#bcWrap .bc-hero{
  background: #5c5c5c !important; /* основной серый */
  border: 1px solid rgba(255,255,255,.08) !important;
}
/* Вернуть и показать текст-комментарий про установку */
#bcWrap #bcCarComment.bc-hero-note,
#bcWrap #bcCarComment{
  display:block !important;
  visibility:visible !important;
  opacity: .85 !important;

  margin-top:10px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color: rgba(255,255,255,.82) !important;

  max-width:520px;
  margin-left:auto;
  margin-right:auto;
}
/* ===== Свернутые плашки AIR/PRO/MAX ===== */
#bcWrap .bc-card{background:transparent;padding:0;border-radius:0}

#bcWrap .bc-packbar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  padding:14px 16px;
  border:0;
  border-radius:14px;

  background:#6a6a6a;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

#bcWrap .bc-packbar-left{display:flex;align-items:center;gap:10px}
#bcWrap .bc-packbar-right{opacity:.95}
#bcWrap .bc-packbar-right .js-benefit-bar{color:#ffde00}

/* медали */
#bcWrap .bc-medal{
  width:18px;height:18px;border-radius:999px;display:inline-block;
  box-shadow: inset 0 1px 2px rgba(255,255,255,.22), 0 1px 2px rgba(0,0,0,.35);
}
#bcWrap .bc-medal-air{background:linear-gradient(#d69a63,#9b5a2f)}
#bcWrap .bc-medal-pro{background:linear-gradient(#cfd5da,#8e9aa5)}
#bcWrap .bc-medal-max{background:linear-gradient(#f5d36a,#c99b1b)}

#bcWrap .bc-body{
  margin-top:10px;
  background:#1b1b1b;
  border-radius:18px;
  padding:16px;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

#bcWrap .bc-body-head{display:flex;flex-direction:column;gap:10px}
#bcWrap .bc-pack-title{display:flex;align-items:center;gap:10px}
#bcWrap .bc-pack-big{font-size:26px;font-weight:900;color:#fff}
#bcWrap .bc-pack-sub{color:rgba(255,255,255,.85);font-weight:700}

#bcWrap .bc-economy-big{
  background:#f1f1f1;
  color:#000;
  border-radius:10px;
  padding:10px 12px;
  font-weight:900;
}
#bcWrap .bc-economy-big .js-benefit{font-weight:900}

/* Заголовок секции */
#bcWrap .bc-section-title{
  margin-top:14px;
  font-weight:900;
  color:rgba(255,255,255,.9);
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.4px;
}

/* Элементы комплекта как на примере (серые карточки с линией) */
#bcWrap .bc-items .bc-item{
  background:#2a2a2a;
  border-radius:12px;
  padding:14px 14px;
  margin-top:10px;
  border:1px solid rgba(255,255,255,.08);
}
#bcWrap .bc-items .bc-item span:last-child{color:#ffde00;font-weight:900}

/* Подарки в 2 колонки */
#bcWrap .bc-gifts-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
#bcWrap .bc-gift{
  background:#2a2a2a;
  border-radius:12px;
  padding:12px;
  text-align:center;
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-weight:800;
}
#bcWrap .bc-gift .bc-gift-price{margin-top:6px;color:#ffde00;font-weight:900}

/* Жёлтая сводка */
#bcWrap .bc-summary{
  margin-top:14px;
  background:#ffde00;
  color:#000;
  border-radius:14px;
  padding:14px;
}
#bcWrap .bc-row{display:flex;justify-content:space-between;font-weight:800;margin-bottom:8px}
#bcWrap .bc-total{border-top:1px solid rgba(0,0,0,.25);padding-top:10px;margin-top:10px;font-weight:900}

/* Кнопки снизу */
#bcWrap .bc-actions{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
#bcWrap .bc-hide{
  padding:14px 14px;
  border-radius:12px;
  border:0;
  background:#f1f1f1;
  color:#000;
  font-weight:900;
  cursor:pointer;
}
#bcWrap .bc-buy{
  padding:14px 14px;
  border-radius:12px;
  border:0;
  background:#ffde00;
  color:#000;
  font-weight:900;
  cursor:pointer;
  text-transform:uppercase;
}

/* скрытие */
#bcWrap .bc-hidden{display:none !important;}
.bc-hidden { display: none !important; }

.bc-bar {
  width: 100%;
  border: none;
  border-radius: 16px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: #5f5f5f;
  color: #fff;
}

.bc-bar-left{
  display:flex;
  align-items:center;
  gap:12px;
  font-weight:800;
}

.bc-dot{
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-block;
}

.bc-dot-air{ background:#b07c55; }   /* бронза */
.bc-dot-pro{ background:#bfc5cc; }   /* серебро */
.bc-dot-max{ background:#d5b43b; }   /* золото */

.bc-bar-right{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}

.bc-bar-benefit{
  color:#ffd400;
}

.bc-body{
  margin-top:14px;
  border-radius:18px;
  padding:18px;
  background:#2d2d2d;
  color:#fff;
}

.bc-actions{
  margin-top:16px;
  display:flex;
  gap:12px;
}

.bc-hide{
  flex:1;
  padding:14px 16px;
  border-radius:14px;
  border:none;
  background:#f2f2f2;
  font-weight:800;
  cursor:pointer;
}

.bc-buy{
  flex:1;
  padding:14px 16px;
  border-radius:14px;
  border:none;
  background:#ffd400;
  font-weight:900;
  cursor:pointer;
}
/* ====== 1) Общая геометрия карточек (как на примере) ====== */
#bcWrap .bc-body{
  border-radius: 18px;
  padding: 18px;
  background: #2b2b2b !important;
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
}

/* паттерн как на старом (не диагональные полосы, а легкий рисунок) */
#bcWrap .bc-body::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.10;
  background-image: radial-gradient(rgba(255,255,255,.14) 1px, rgba(0,0,0,0) 1px);
  background-size: 26px 26px;
  pointer-events:none;
}
#bcWrap .bc-body *{position:relative;}

/* ====== 2) Верх карточки AIR: иконка + заголовки ====== */
#bcWrap .bc-pack-title{
  font-size: 28px;
  font-weight: 900;
  color:#fff;
}

#bcWrap .bc-pack-sub{
  margin-top: 2px;
  color: rgba(255,255,255,.85);
  font-weight: 700;
}

/* ====== 3) "ВЫ ЭКОНОМИТЕ" как на примере: белая плашка НЕ на всю ширину ====== */
#bcWrap .bc-economy-big{
  display:inline-block;
  width:auto;
  max-width: 100%;
  margin-top: 10px;

  background: #f2f2f2 !important;
  color:#000 !important;
  border-radius: 6px;
  padding: 6px 10px;

  font-weight: 900;
}

/* ====== 4) Заголовки секций ====== */
#bcWrap .bc-section-title{
  margin-top: 18px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .3px;
  color: rgba(255,255,255,.9);
}

/* ====== 5) Элементы комплекта (серые с линиями) ====== */
#bcWrap .bc-items .bc-item{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  padding: 14px 14px;
  margin-top: 10px;
}
#bcWrap .bc-items .bc-item span:first-child{
  color:#fff;
  font-weight: 800;
}
#bcWrap .bc-items .bc-item span:last-child{
  color:#ffde00;
  font-weight: 900;
}

/* ====== 6) Подарки: 2 карточки как в примере ====== */
#bcWrap .bc-gifts-grid{
  margin-top: 10px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#bcWrap .bc-gift{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  padding: 12px;
  text-align:center;
}
#bcWrap .bc-gift-name{
  color:#fff;
  font-weight: 800;
  font-size: 12px;
}
#bcWrap .bc-gift-price{
  margin-top: 6px;
  color:#ffde00;
  font-weight: 900;
}

/* ====== 7) Жёлтая сводка — как в примере ====== */
#bcWrap .bc-summary{
  background:#ffde00 !important;
  color:#000 !important;
  border-radius: 12px;
  padding: 14px;
  margin-top: 14px;
}
#bcWrap .bc-row{
  display:flex;
  justify-content: space-between;
  font-weight: 800;
  margin-bottom: 10px;
}
#bcWrap .bc-total{
  border-top: 1px solid rgba(0,0,0,.25);
  padding-top: 12px;
  margin-top: 12px;
  font-weight: 900;
}

/* ====== 8) Кнопки как на примере ====== */
#bcWrap .bc-actions{
  margin-top: 14px;
  display:flex;
  gap: 12px;
}
#bcWrap .bc-hide{
  flex:1;
  background:#f2f2f2 !important;
  color:#000 !important;
  border-radius: 12px;
  padding: 14px 14px;
  border:0 !important;
  font-weight: 900;
}
#bcWrap .bc-buy{
  flex:1;
  background:#ffde00 !important;
  color:#000 !important;
  border-radius: 12px;
  padding: 14px 14px;
  border:0 !important;
  font-weight: 900;
  text-transform: uppercase;
}

/* ====== 9) Свернутые плашки PRO/MAX более "плоские" как в примере ====== */
#bcWrap .bc-packbar{
  border-radius: 14px;
  background: #6a6a6a !important;
  box-shadow: none !important;
}
#bcWrap .bc-packbar-right{
  color: rgba(255,255,255,.85);
}
#bcWrap .bc-packbar-right .js-benefit-bar{
  color:#ffde00;
  font-weight: 900;
}

/* чтобы раскрытая карточка не добавляла лишние внешние отступы */
#bcWrap .bc-card{margin-top: 12px;}
/* webp-монетки вместо градиентов */
#bcWrap .bc-medal{
  width: 18px;
  height: 18px;
  border-radius: 0;           /* у картинки уже круг */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: none;
}

#bcWrap .bc-medal-air{ background-image: url("/wp-content/themes/partdo/assets/img/coin-air.webp"); }
#bcWrap .bc-medal-pro{ background-image: url("/wp-content/themes/partdo/assets/img/coin-pro.webp"); }
#bcWrap .bc-medal-max{ background-image: url("/wp-content/themes/partdo/assets/img/coin-max.webp"); }
#bcWrap .bc-medal{ width:22px; height:22px; }
/* Блок с кнопками */
#bcWrap .bc-actions{
  display: flex;
  gap: 14px;
  align-items: stretch;   /* обе кнопки одной высоты */
}

/* Обе кнопки одинаковые по высоте */
#bcWrap .bc-actions button{
  flex: 1;
  height: 56px;           /* можешь поменять на 60px если нужно как в примере */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 14px;
  line-height: 1;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
/* Одинаковая жирность и шрифт для BUY-кнопки во всех пакетах */
#bcWrap .bc-buy{
  font-weight: 900 !important;
  font-family: inherit;
}

/* На всякий случай: если где-то внутри .bc-buy есть span */
#bcWrap .bc-buy *{
  font-weight: 900 !important;
}
#bcWrap .bc-hide{
  font-weight: 700 !important;
  text-transform: none;
}
/* КНОПКИ ВНИЗУ: Скрыть / Купить */
#bcWrap .bc-actions{
  display: flex;
  gap: 14px;
  align-items: flex-end; /* прижимаем к низу */
}

/* обе кнопки одинаковые по размерам */
#bcWrap .bc-actions .bc-hide,
#bcWrap .bc-actions .bc-buy{
  flex: 1;
  height: 56px !important;
  min-height: 56px !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  line-height: 1 !important;

  border-radius: 14px;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  border: 0;
}

/* чтобы у белой кнопки не было "лишней" рамки */
#bcWrap .bc-actions .bc-hide{
  background: #f2f2f2;
  color: #111;
}

/* чтобы у жёлтой кнопки текст был всегда жирный */
#bcWrap .bc-actions .bc-buy{
  background: #ffd400;
  color: #111;
}

/* если внутри кнопок есть span/иконки — чтобы они не ломали высоту */
#bcWrap .bc-actions .bc-hide *,
#bcWrap .bc-actions .bc-buy *{
  line-height: 1 !important;
  font-weight: 900 !important;
}
/* правая часть плашки: выгода + подробнее */
#bcWrap .bc-packbar-right{
  display:flex;
  align-items:center;
  gap:12px;
}

#bcWrap .bc-packbar-benefit{
  color: rgba(255,255,255,.85);
  font-weight: 800;
  white-space: nowrap;
}

#bcWrap .bc-packbar-benefit .js-benefit-bar{
  color:#ffde00;
  font-weight: 900;
}

/* бейдж "Подробнее" */
#bcWrap .bc-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color:#fff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .4px;
  white-space: nowrap;
}

/* ховер, чтобы было понятно что это кликабельно */
#bcWrap .bc-packbar:hover .bc-more{
  background: rgba(255,255,255,.28);
}
/* ===== Верхний баннер "ВЫГОДА ДО ..." ===== */
#bcWrap .bc-top{
  max-width: 560px;           /* ширина как у bc-hero */
  margin: 0 auto 18px;        /* центр + отступ вниз */
  padding: 18px 22px;
  border-radius: 16px;

  /* фон как у калькулятора (в стиле 2-го фото) */
  background-color: #5f5f5f;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255,255,255,.06) 0px,
    rgba(255,255,255,.06) 2px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,0) 10px
  );

  box-shadow: 0 10px 24px rgba(0,0,0,.18);
  text-align: center;
}

#bcWrap .bc-top-title{
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.15;
  color: #ffdd00; /* жёлтый как на примере */
  margin-bottom: 6px;
}

#bcWrap .bc-top-sub{
  font-size: 16px;
  line-height: 1.25;
  color: rgba(255,255,255,.85);
}

/* мобилка */
@media (max-width: 520px){
  #bcWrap .bc-top{ max-width: 92%; padding: 16px 18px; }
  #bcWrap .bc-top-title{ font-size: 20px; }
  #bcWrap .bc-top-sub{ font-size: 14px; }
}
#bcWrap .bc-top{ max-width: 100%; }
#bcWrap .bc-hero{ max-width: 100%; }
#bcWrap{ max-width: 560px; margin: 0 auto; }
/* ===== BUY MODAL ===== */
.buy-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.buy-modal.is-open {
  display: block;
}

.buy-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.buy-modal__dialog {
  position: relative;
  width: min(520px, calc(100% - 24px));
  margin: 8vh auto 0;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(0,0,0,.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 18px;
}

.buy-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}

.buy-modal__title {
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 6px;
}

.buy-modal__subtitle {
  font-size: 14px;
  opacity: .9;
  margin-bottom: 6px;
}

.buy-modal__form {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.buy-modal__field span {
  display: block;
  font-size: 13px;
  margin-bottom: 6px;
  opacity: .9;
}

.buy-modal__field input {
  width: 100%;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.9);
  padding: 0 12px;
  outline: none;
}

.buy-modal__submit {
  height: 46px;
  border-radius: 14px;
  border: 0;
  background: #ffd400;
  font-weight: 800;
  cursor: pointer;
}

.buy-modal__note {
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

.buy-modal__status {
  font-size: 13px;
  margin-top: 6px;
}
/* Заголовок над "Сравни выгоду комплектов" */
.bc-hero-kicker{
  text-align: center;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 22px;
  color: #fff;
  margin: 0 0 6px 0;
}

.bc-hero-headline{
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  color: rgba(255,255,255,.85);
  margin: 0 0 14px 0;
}

/* на мобилке чуть компактнее */
@media (max-width: 480px){
  .bc-hero-kicker{ font-size: 18px; }
  .bc-hero-headline{ font-size: 14px; }
}
/* Старая/новая цена у строки "Багажник STORM" */
.bc-item-price{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  white-space:nowrap;
}

.bc-price-old{
  color:#ff3b3b;
  font-weight:800;
  font-size:14px;
  text-decoration:line-through;
  text-decoration-thickness:2px;
}

.bc-price-new{
  color:#FFE801;
  font-weight:900;
  font-size:16px;
}
.bc-price-old{
  position: relative;
  color:#ff4b4b !important;
  font-weight:900 !important;
  font-size:15px !important;
  opacity:1 !important;
}

.bc-price-old::after{
  content:"";
  position:absolute;
  left:-2px;
  right:-2px;
  top:55%;
  height:3px;
  background:#ff4b4b;
  border-radius:3px;
}
/* Фон самой модалки */
#bcCarModal .bc-modal-inner{
  background: #ffffff;
  border-radius: 16px;
}

/* Поле поиска */
#bcCarModal .bc-search{
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  border: 2px solid #e3e3e3;
  font-size: 16px;
  background: #ffffff;
  color: #111;
}

/* Контейнер списка */
#bcCarList{
  margin-top: 12px;
  max-height: 350px;
  overflow-y: auto;
}

/* Элемент списка */
#bcCarList .bc-item{
  background: #f3f3f3;
  color: #111 !important;
  padding: 14px;
  border-radius: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: all .15s ease;
}

/* Hover */
#bcCarList .bc-item:hover{
  background: #ffd400;
  color: #000 !important;
}

/* Кнопка закрыть */
#bcCarModal .bc-close{
  margin-top: 12px;
  width: 100%;
  padding: 14px;
  border-radius: 12px;
  background: #eaeaea;
  border: none;
  cursor: pointer;
}
/* ===== FIX: не даём bundle-calc стилям лезть на сайт ===== */
#bcWrap .bc-body{ margin-top:14px; border-radius:18px; padding:18px; background:#2d2d2d; color:#fff; }
#bcWrap .bc-actions{ margin-top:16px; display:flex; gap:12px; }
#bcWrap .bc-hide{ flex:1; padding:14px 16px; border-radius:14px; border:none; background:#f2f2f2; font-weight:800; cursor:pointer; }
#bcWrap .bc-buy{ flex:1; padding:14px 16px; border-radius:14px; border:none; background:#ffd400; font-weight:900; cursor:pointer; }

/* ВАЖНО: bc-hidden только внутри калькулятора, иначе может скрывать чужие элементы */
#bcWrap .bc-hidden{ display:none !important; }