/* HERO */
.aquavit-hero {
    background: #f7f8fb;
}

.aquavit-hero h1 {
    font-size: clamp(2.4rem, 4vw, 3.5rem);
    margin-bottom: 12px;
}

.aquavit-hero p {
    font-size: 1rem;
    max-width: 520px;
}

.aquavit-hero .wp-block-button__link {
    border-radius: 999px;
}

/* STATS */
.aquavit-stats {
    background: #ffffff;
}

/* Сетка счётчика */
.aquavit-stats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

/* Каждая карточка счётчика */
.aquavit-stat-box {
    flex: 1 1 200px;
    /* на десктопе выстроятся в строку */
    text-align: center;
    background: #f8f9fc;
    border-radius: 16px;
    padding: 18px;
}

/* UPDATES */
.aquavit-updates {
    background: #f7f8fb;
}

.aquavit-timeline {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    border-left: 2px solid rgba(0, 0, 0, 0.08);
    padding-left: 16px;
}

.aquavit-timeline li {
    position: relative;
    margin-bottom: 10px;
}

.aquavit-timeline li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #0076ff;
}

/* COUNTRIES GRID */
.aquavit-countries {
    background: #ffffff;
}

.aquavit-country-card {
    background: #f8f9fc;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    cursor: pointer;
}

.aquavit-country-card p {
    margin: 0;
    font-weight: 600;
}

.aquavit-country-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

/* FEATURED */
.aquavit-featured {
    background: #f7f8fb;
}

.aquavit-featured-scroll {
    gap: 16px;
    overflow-x: auto;
    padding-bottom: 8px;
}

.aquavit-featured-scroll::-webkit-scrollbar {
    height: 6px;
}

.aquavit-featured-scroll::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.15);
}

.aquavit-aq-card {
    min-width: 200px;
    padding: 18px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

/* ABOUT SHORT */
.aquavit-about-short {
    background: #ffffff;
}

.aquavit-about-image {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

/* CTA */
.aquavit-cta {
    text-align: center;
    background: #101827;
    color: #ffffff;
    border-radius: 24px;
    margin-bottom: 40px;
}

.aquavit-cta h2,
.aquavit-cta p {
    color: #ffffff;
}

/* RESPONSIVE */
@media (max-width: 781px) {

    .aquavit-hero,
    .aquavit-stats,
    .aquavit-updates,
    .aquavit-countries,
    .aquavit-featured,
    .aquavit-about-short,
    .aquavit-cta {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .aquavit-hero {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
}


/* Один элемент карусели (внутри лежит .aq-card) */
.aqv-latest-item {
    flex: 0 0 400px;
    /* ширина карточки на десктопе */
    max-width: 400px;
    scroll-snap-align: start;
}

/* На всякий случай — карточка заполняет весь айтем и не вылезает */
.aqv-latest-item .aq-card {
    height: 100%;
    box-sizing: border-box;
}

/* Делаем блок с каруселью full-width (выезжает из контентной колонки) */
.aqv-latest-wrapper {
    width: 100%;
    margin: 0;
}
/* Делает серую секцию с каруселью на всю ширину окна */
.aqv-latest-section {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    /* опционально чуть отступы слева/справа, чтобы карточки не липли к краю */
    padding-left: 5vw;
    padding-right: 5vw;
}

/* Планшет – 2 карточки */
@media (min-width: 640px) and (max-width: 1023px) {
  .aqv-latest-item {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}

/* Мобилка оставь как было – 70% */
@media (max-width: 639px) {
  .aqv-latest-item {
    flex: 0 0 70%;
    max-width: 70%;
  }
}

.aqv-latest-container {
   width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 5vw;   /* такие же боковые отступы, как у .aqv-latest-columns */
    padding-right: 5vw;
    box-sizing: border-box;
}

/* Внешняя группа Latest aquavits — full-width */
.aqv-latest-columns {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 5vw;
    padding-right: 5vw;
}

/* планшет */
@media (min-width: 640px) and (max-width: 1023px) {
  .aqv-latest-item {
    flex: 0 0 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}
/* мобилка — будем переписываться чуть ниже */
@media (max-width: 639px) {
  .aqv-latest-item {
    flex: 0 0 70%;
    max-width: 70%;
  }
}
/* === МОБИЛЬНАЯ ВЕРСИЯ КАРУСЕЛИ (до 639px) === */
@media (max-width: 639px) {

  /* сама дорожка карусели: поменьше отступы и gap между карточками */
  .aqv-latest-carousel {
      padding: 8px 6px 8px;
      gap: 10px;              /* было 24px → карточки ближе друг к другу */
  }

  /* ширина одной карточки в карусели */
  .aqv-latest-item {
      flex: 0 0 95% !important;
      max-width: 85% !important;
  }

  /* можно чуть уменьшить общие паддинги внутри карточки,
     чтобы тексту было комфортнее и меньше рвал слова */
  .aqv-latest-item .aq-card {
      padding: 12px !important;
  }
}
/* ==== Catalog in numbers: оформление цифр и подписи ==== */
.aquavit-stat-number {
    font-size: clamp(1.8rem, 2.5vw, 2.3rem); /* крупные цифры */
    font-weight: 600;
    margin: 0 0 4px;
}

.aquavit-stat-label {
    font-size: 0.9rem;
    margin: 0;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

/* чуть компактнее на мобильном */
@media (max-width: 768px) {
    .aquavit-stat-number {
        font-size: 1.8rem;
    }
    .aquavit-stat-label {
        font-size: 0.8rem;
    }
}
/* ==== Catalog in numbers – мобильная версия компактнее ==== */
@media (max-width: 768px) {

  /* уменьшаем общий верх/низ секции */
  .aquavit-stats {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* меньше расстояние между коробками */
  .aquavit-stats-grid {
    gap: 8px !important;
    margin-top: 8px !important;
  }

  /* сами коробки ниже и без лишних внешних отступов */
  .aquavit-stat-box {
    padding: 10px 0 !important;
    margin: 0 !important;
  }

  /* цифра чуть меньше на мобиле */
  .aquavit-stat-number {
    font-size: 1.2rem !important;
    margin-bottom: 2px;
  }

  /* подпись тоже компактнее */
  .aquavit-stat-label {
    font-size: 0.75rem !important;
  }
}