/* ============================================================
   Hünkar Turizm — Responsive Styles
   ============================================================ */

@media (max-width: 1280px) {
  .month-form { grid-template-columns: repeat(3, 1fr); }
  .category-section { grid-template-columns: 240px 1fr; }
}

@media (max-width: 1199px) {
  .category-section { grid-template-columns: 1fr; }
  .category-section-left.mobile-none { display: none; }
  .mobile-none { display: none; }
  .ds-none { display: block !important; }

  .detail-info-section { grid-template-columns: 1fr; }
  .vize-section { grid-template-columns: 1fr; }
  .contact-section { grid-template-columns: 1fr; }

  .tab-buttons { display: flex; overflow-x: auto; }

  .download-button a, .call-now a { font-size: 12px; padding: 10px 16px; }

  .detail-section-title.uk-flex.uk-flex-between.uk-flex-center.uk-margin-medium-top {
    width: 100%;
    flex-direction: column;
    align-items: flex-start !important;
    gap: var(--space-md);
  }

  .buttonSection { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 991px) {
  :root { --header-height: 70px; }

  .site-header__nav,
  .menu-top { display: none !important; }

  .site-header__burger,
  .header-section .uk-button-default.ds-none { display: flex !important; }

  .site-header__rates,
  .phone { display: none; }

  .tour-box {
    grid-template-columns: 1fr;
  }

  .tour-image {
    min-height: 140px;
  }

  .tour-image img {
    height: 140px;
    min-height: 140px;
  }

  .tour-details { padding: 14px 16px; }

  .tour-pricing {
    width: 100%;
    min-width: 0;
    border-left: none;
    border-top: 1px solid var(--line);
    flex-direction: row;
    padding: 12px 16px;
  }

  .tour-pricing-inner {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .filters {
    flex-direction: column;
    align-items: stretch;
  }

  .filters .uk-flex { flex-wrap: wrap; }

  .detail-img { height: 360px; }

  .tourDetail {
    position: relative;
    transform: none;
    left: auto;
    padding: var(--space-lg);
    background: var(--color-primary-dark);
  }

  .detail-img-section .overlay { display: none; }

  .detail-section-title span { font-size: 24px; }

  .content-section { flex-direction: column; align-items: flex-start; gap: var(--space-md); }

  .footer { grid-template-columns: repeat(2, 1fr); }
  .footer-top { flex-direction: column; gap: var(--space-lg); text-align: center; }

  .acenta-panel { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .banner .uk-slideshow-items,
  .slide-height,
  .slide-height img { min-height: 380px; max-height: 420px; }

  .month-form { grid-template-columns: repeat(3, 1fr); }

  .list-title { font-size: 1.25rem; }

  .tour-details h3 { font-size: 18px; }

  .box-inner { flex-direction: column; gap: var(--space-xs); }

  .footer { grid-template-columns: 1fr; }

  .footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }

  .social-media ul { flex-wrap: wrap; justify-content: center; }

  .tours-section__toolbar,
  .category-section-right > .uk-flex.uk-flex-right {
    flex-direction: column;
    align-items: stretch;
  }

  .filtre-button { text-align: center; }
  .filtre-button a { width: 100%; justify-content: center; }
}

@media (max-width: 480px) {
  .site-header__inner,
  .header-section { padding: 0 var(--space-md); }

  .month-form { grid-template-columns: repeat(2, 1fr); }

  .tour-pricing span { font-size: 20px; }

  .login a,
  .site-header__cta { padding: 8px 14px; font-size: 11px; }

  .banner_text_cont h1.baner_txt { font-size: 1.75rem; }
}

@media (min-width: 992px) {
  .site-header__burger { display: none !important; }
  .header-section .uk-button-default { display: none !important; }
}