/* =========================================
   RESPONSIVE — Shared/global rules only
   (Homepage-specific breakpoints live in home.css,
   shop/PDP-specific breakpoints live in shop.css)
   ========================================= */

/* ---- Laptop 1199px ---- */
@media only screen and (max-width: 1199px) {
  .spacing { padding: 80px 0; }
  .web-title h2 { font-size: 36px; }
  .main-menu ul li a { padding: 20px 16px; font-size: 11px; }

  .inner-about-img img { height: 380px; }
  .inner-about-img { margin-right: 0; }
  .faq-img { margin-left: 10px; }
  .faq-img img { height: 420px; }

  .useful-links { margin-left: 20px; }
  .footer-links ul li a { font-size: 13px; }
  .newsletter-main p { font-size: 13px; }
  .copyright-text h4 { font-size: 12px; }
}

/* ---- Tablet 991px ---- */
@media only screen and (max-width: 991px) {
  .spacing { padding: 70px 0; }
  .web-title h2 { font-size: 30px; }
  .web-title h4 { font-size: 13px; }
  .header-icons ul { justify-content: flex-end; }

  footer.main-footer .row { row-gap: 36px; }
  .footer-title { margin-bottom: 22px; }
  .useful-links { margin-left: 0; }

  section.inner-about .row, section.faqs .row { row-gap: 28px; }
  .inner-about-img img { height: 320px; }
  .faq-img { margin: 0; }
}

/* ---- Landscape mobile 767px ---- */
@media only screen and (max-width: 767px) {
  .spacing { padding: 60px 0; }
  .web-title h2 { font-size: 26px; }

  .header-bottom-right { justify-content: flex-end; }
  .header-bottom { padding: 12px 0; }

  .result-count-main p.woocommerce-result-count, .result-count-main form.woocommerce-ordering select { font-size: 12px; }

  .inner-about-img img { height: 260px; }
  .inner-about-content h2 { margin-bottom: 10px; font-size: 26px; }
  .inner-about-content p { font-size: 14px; }
  .faq-main-item .accordion-button { font-size: 14px; padding: 14px 18px; }
  .faq-main-item .accordion-body { font-size: 13px; padding: 0 18px 16px; }
  .faq-title { margin-bottom: 30px; }

  .useful-links { margin-left: 0; }
  .footer-title h2 { font-size: 18px; }
  .footer-title { margin-bottom: 20px; }
  .footer-links ul li a { font-size: 13px; }
  .copyright-text h4 { font-size: 12px; }
  .footer-social ul li a { width: 34px; height: 34px; font-size: 12px; }
}

/* ---- Mobile 575px ---- */
@media only screen and (max-width: 575px) {
  .spacing { padding: 48px 0; }
  .web-title h2 { font-size: 22px; }
  .web-title h4 { font-size: 12px; margin-top: 8px; }

  .container { width: 96%; }
  .header-bottom { padding: 10px 0; }
  .header-icons ul li a { font-size: 17px; width: 38px; height: 38px; }
  .main-logo a { font-size: 20px; letter-spacing: 0.15em; }

  .footer-top.spacing { padding: 56px 0 48px; }
  .footer-logo img { width: 110px; }
  .footer-info p { font-size: 13px; margin: 16px 0; }
  .footer-bottom { padding: 16px 0; }

  .inner-about-img img { height: 230px; }
  .faq-img img { height: 260px; }

  .result-count-main { flex-direction: column; align-items: flex-start; gap: 10px; }

  .responsive-menu { width: 290px; }
  .responsive-links ul li a { font-size: 18px; }
  .responsive-logo a { font-size: 19px; }
}