/* ============================================================
   POOLPARTY.ME — Responsive / Media Queries
   Breakpoints:
   lg:  1024px
   md:  768px
   sm:  576px
   xs:  480px
   ============================================================ */


/* ============================================================
   LG: up to 1024px
   ============================================================ */
@media (max-width: 1024px) {

  /* Header */
  .pp-header__nav { display: none; }
  .pp-burger      { display: flex; }

  /* Shop — стак, слайдер на всю ширину секции */
  .pp-shop__inner       { flex-direction: column; align-items: flex-start; gap: 28px; }
  .pp-shop__text        { flex: none; width: 100%; }
  .pp-shop__slider-wrap { flex: none; width: calc(100% + 20px); margin-right: -20px; }

  /* Commissions — стак, слайдер до края экрана */
  .pp-commissions__inner       { flex-direction: column; align-items: flex-start; gap: 28px; }
  .pp-commissions__text        { flex: none; width: 100%; }
  .pp-commissions__slider-wrap { flex: none; width: calc(100% + 20px); margin-right: -20px; }

  /* Platforms */
  .pp-platforms__inner { flex-wrap: wrap; }
  .pp-platforms__intro { flex: 0 0 100%; }
  .pp-platform-card    { flex: 1 1 calc(33.333% - 16px); min-width: 200px; }

  /* Gallery — до края */
  .pp-gallery__inner { max-width: none; }
}


/* ============================================================
   MD: up to 768px
   ============================================================ */
@media (max-width: 768px) {

  /* Hero */
  .pp-hero__content { padding: 0 20px; }
  .pp-hero__title   { font-size: 52px; }
  .pp-hero__buttons { flex-direction: column; align-items: flex-start; }

  /* Drops header */
  .pp-drops__header { flex-direction: column; align-items: flex-start; gap: 10px; }

  /* Platforms */
  .pp-platform-card { flex: 1 1 calc(50% - 12px); }
}


/* ============================================================
   SM: up to 576px
   ============================================================ */
@media (max-width: 576px) {

  :root { --header-height: 60px; }

  /* Hero */
  .pp-hero           { padding: 48px 0; min-height: 480px; }
  .pp-hero__title    { font-size: 38px; }
  .pp-hero__subtitle { font-size: 13px; }

  /* Section titles */
  .pp-section-title { font-size: 22px; }

  /* Drops — равные отступы с обеих сторон */
  .pp-drops              { padding-left: 0; padding-right: 0; }
  .pp-drops__header      { padding: 0 16px; }
  .pp-drops__slider-wrap { padding: 0 16px; }

  /* Shop — текст с отступом, слайдер до края */
  .pp-shop           { padding: 48px 0 48px 16px; }
  .pp-shop__slider-wrap { width: 100%; margin-right: 0; }

  /* Platforms */
  .pp-platforms     { padding: 48px 16px; }
  .pp-platform-card { flex: 0 0 100%; }

  /* Gallery */
  .pp-gallery        { padding: 48px 0 48px 16px; }
  .pp-gallery__inner { max-width: none; }

  /* Commissions — текст с отступом, слайдер до края */
  .pp-commissions              { padding: 48px 0 48px 16px; }
  .pp-commissions__slider-wrap { width: 100%; margin-right: 0; }

  /* Footer */
  .pp-footer__top    { padding: 32px 16px 28px; }
  .pp-footer__inner  { flex-direction: column; gap: 20px; }
  .pp-footer__brand  { flex: none; }
  .pp-logo--footer .pp-logo__text { font-size: 20px; }

  .pp-footer__bottom-inner {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}


/* ============================================================
   XS: up to 480px
   ============================================================ */
@media (max-width: 480px) {

  .pp-hero__title { font-size: 32px; }
  .pp-btn         { padding: 10px 16px; font-size: 12px; }

  /* Стрелки чуть меньше */
  .pp-swiper-prev,
  .pp-swiper-next { width: 30px !important; height: 30px !important; }

  .pp-swiper-prev::after,
  .pp-swiper-next::after { font-size: 11px !important; }
}

/* Gallery page */
@media (max-width: 1024px) {
  .pp-gallery-page__grid { grid-template-columns: repeat(4, 1fr); }
  .pp-gallery-page__want-more { flex: 0 0 300px; }
}

@media (max-width: 768px) {
  .pp-gallery-page__header { flex-direction: column; }
  .pp-gallery-page__want-more { flex: none; width: 100%; }
  .pp-gallery-page__want-btns { flex-wrap: wrap; }
}

@media (max-width: 768px) {
  .pp-gallery-page__grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
}

@media (max-width: 480px) {
  .pp-gallery-page__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 0 16px; }
}