/* Ненавязчивые промо-эффекты, совместимые со стилями сайта */
.gradient_bg { background: radial-gradient(120% 120% at 10% 10%, #f1f9f9 0%, #e8f6ff 40%, #ffffff 100%); }
.promo_hero { padding: 80px 0; position: relative; overflow: hidden; }
.promo_badge { font-weight:700; letter-spacing:.08em; text-transform:uppercase; border:2px solid #080245; padding:16px 26px; display:inline-block; border-radius:999px; }
.promo_badge.pulse { animation: promoPulse 2s ease-in-out infinite; }
@keyframes promoPulse { 0%{ transform:scale(1); box-shadow:0 0 0 0 rgba(8,2,69,.25);} 70%{ transform:scale(1.03); box-shadow:0 0 0 20px rgba(8,2,69,0);} 100%{ transform:scale(1); box-shadow:0 0 0 0 rgba(8,2,69,0);} }

.countdown_wrap { margin-top:20px; }
.countdown_label { font-size:14px; color:#666; margin-bottom:8px; }
.countdown { display:flex; align-items:center; gap:8px; }
.countdown .cd_box { background:#fff; border:1px solid #e6eef5; border-radius:12px; padding:10px 12px; text-align:center; min-width:68px; box-shadow:0 4px 12px rgba(0,0,0,0.04); }
.countdown .cd_num { font-size:24px; font-weight:700; color:#080245; }
.countdown .cd_lbl { font-size:12px; color:#666; }
.countdown .cd_sep { font-size:22px; color:#a0a6b0; }
.countdown.urgent .cd_box { animation: urgentBlink 1.5s ease-in-out infinite; }
@keyframes urgentBlink { 0%,100%{ border-color:#e6eef5;} 50%{ border-color:#ff3b30; } }
.countdown.expired .cd_num, .countdown.expired .cd_lbl { opacity:.65; }

.promo_cards { row-gap:30px; }
.promo_card { position:relative; background:#fff; border:1px solid #e8eef4; border-radius:20px; padding:28px; box-shadow:0 10px 30px rgba(0,0,0,0.06); transition: transform .2s ease, box-shadow .2s ease; }
.promo_card:hover { transform: translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.10); }
.promo_card .ribbon { position:absolute; top:16px; right:-6px; background:#3fd7d7; color:#080245; font-weight:700; padding:6px 14px; border-radius:14px; transform: rotate(6deg); }
.promo_card .ribbon.alt { background:#c8ffc8; }
.promo_card .ribbon.gold { background:#ffe39a; }
.promo_card h4 { margin-top:14px; margin-bottom:8px; color:#080245; font-weight:700; }
.promo_card .price { font-size:40px; font-weight:800; color:#080245; margin:8px 0 14px; }
.promo_card .price .currency { font-size:.6em; margin-right:2px; }
.promo_card .price .period { font-size:.4em; color:#666; margin-left:2px; }
.promo_card .features { list-style:none; padding-left:0; margin:12px 0 16px; }
.promo_card .features li { margin:6px 0; color:#444; font-size:14px; }
.promo_card .card_timer.small { margin:6px 0 16px; }

.btn_order { display:inline-block; padding:12px 20px; border-radius:12px; background:#080245; color:#fff !important; font-weight:700; text-decoration:none; transition: transform .15s ease, box-shadow .15s ease; box-shadow:0 6px 16px rgba(8,2,69,.2); }
.btn_order:hover { transform: translateY(-2px); box-shadow:0 10px 22px rgba(8,2,69,.28); }

.promo_feature { background:#fff; border:1px solid #e8eef4; border-radius:20px; padding:26px; box-shadow:0 8px 26px rgba(0,0,0,0.05); margin-bottom:24px; }

/* Мелкие адаптивы */
@media (max-width: 991px){
  .promo_hero { padding:50px 0; }
  .promo_card .price { font-size:34px; }
}
/* Универсально: все элементы с data-countdown ведут себя как флекс-таймер */
[data-countdown] { display:flex; align-items:center; gap:8px; flex-wrap:nowrap; }

/* Компактный вариант в карточках */
.promo_card .countdown { justify-content:space-between; }
.promo_card .countdown .cd_sep { display:none; }                 /* убираем двоеточия */
.promo_card .countdown .cd_box { min-width:58px; padding:8px 10px; }
.promo_card .countdown .cd_num { font-size:18px; line-height:1; }
.promo_card .countdown .cd_lbl { font-size:10px; margin-top:4px; color:#8a8fa1; }
.promo_card .countdown.urgent .cd_box { animation: urgentBlink 1.5s ease-in-out infinite; }

/* Для большого геро-таймера оставляем прежние размеры */
.promo_hero .countdown .cd_box { min-width:68px; padding:10px 12px; }
.promo_hero .countdown .cd_num { font-size:24px; }
.promo_hero .countdown .cd_lbl { font-size:12px; }

/* Сетка и карточки бонусов */
.guarantee_box { margin-bottom:24px; }

.dedicated_feature_box.promo_feature {
  position:relative;
  background:#fff;
  border:1px solid #e8eef4;
  border-radius:20px;
  padding:26px;
  text-align:center;
  min-height:220px;
  box-shadow:0 8px 26px rgba(0,0,0,0.05);
}

/* Центруем встроенные иконки из темы и фиксируем размеры */
.dedicated_feature_box.promo_feature .website_backup,
.dedicated_feature_box.promo_feature .secure_website,
.dedicated_feature_box.promo_feature .uptime_guarantee,
.dedicated_feature_box.promo_feature .live_support {
  position:absolute;
  left:50%;
  top:18px;
  transform:translateX(-50%);
  width:72px; height:72px;
  background-size:contain;
  background-repeat:no-repeat;
}

/* Делаем место под иконку, чтобы заголовок не наезжал */
.dedicated_feature_box.promo_feature h3 { 
  margin-top:110px;         /* ключевой отступ под иконку */
  margin-bottom:8px;
  line-height:1.25;
}

.dedicated_feature_box.promo_feature p { 
  margin-bottom:0; 
  color:#61667a;
}