/* ════════════════════════════════════════
   RESPONSIVE — Bloome Florist Pro
════════════════════════════════════════ */

@media (max-width: 1200px) {
  .bl-prod-grid { grid-template-columns: repeat(3, 1fr); }
  .bl-occ-grid { grid-template-columns: repeat(4, 1fr); }
  .bl-footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
}

@media (max-width: 1024px) {
  .bl-hero-inner { grid-template-columns: 1fr; gap: 40px; text-align: center; }
  .bl-hero-bg-shape { display: none; }
  .bl-hero-content { order: 1; }
  .bl-hero-visual { display: none; }
  .bl-hero-desc { margin: 0 auto 32px; }
  .bl-hero-btns { justify-content: center; }
  .bl-hero-social-proof { justify-content: center; }
  .bl-about-inner { grid-template-columns: 1fr; gap: 40px; }
  .bl-about-visual { max-width: 400px; margin: 0 auto; }
  .bl-deals-inner { grid-template-columns: 1fr; }
  .bl-deals-visual { display: none; }
  .bl-promo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --bl-container: 100%; }
  .bl-section { padding: 56px 0; }
  .bl-nav { display: none; }
  .bl-hamburger { display: flex; }
  .bl-topbar-left { display: none; }
  .bl-topbar-center { font-size: 12px; }
  .bl-hero-title { font-size: clamp(34px, 8vw, 52px); letter-spacing: -1.5px; }
  .bl-hero-stats { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px; }
  .bl-stat-divider { display: none; }
  .bl-occ-grid { grid-template-columns: repeat(4, 1fr); }
  .bl-prod-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .bl-testi-grid { grid-template-columns: 1fr; }
  .bl-trust-bar { grid-template-columns: 1fr; }
  .bl-footer-grid { grid-template-columns: 1fr; }
  .bl-footer-bottom-inner { flex-direction: column; text-align: center; }
  .bl-nl-form { flex-direction: column; }
  .bl-section-header { flex-direction: column; align-items: flex-start; gap: 12px; }
  .bl-navbar-inner { height: 64px; }
  .bl-nav-wa-btn span { display: none; }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
  .bl-about-stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 480px) {
  .bl-occ-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .bl-occ-card { padding: 14px 8px; }
  .bl-occ-icon { font-size: 24px; }
  .bl-occ-name { font-size: 11px; }
  .bl-occ-desc { display: none; }
  .bl-prod-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .bl-prod-body { padding: 12px; }
  .bl-prod-name { font-size: 13px; }
  .bl-prod-price .current { font-size: 15px; }
  .bl-countdown { gap: 6px; }
  .bl-cd-block { padding: 10px 14px; min-width: 60px; }
  .bl-cd-num { font-size: 26px; }
  .bl-hero-badge { display: none; }
  .bl-about-stats { grid-template-columns: 1fr; }
  .bl-footer-grid { grid-template-columns: 1fr; }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
}

/* Print */
@media print {
  .bl-topbar, .bl-header, .bl-wa-float, .bl-footer { display: none !important; }
}

/* City & Profile responsive */
@media (max-width: 1024px) {
  .bl-cities-grid { grid-template-columns: repeat(2, 1fr); }
  .bl-profile-inner { grid-template-columns: 1fr; gap: 40px; }
  .bl-profile-img-wrap { max-width: 320px; margin: 0 auto; }
  .bl-faq-layout { grid-template-columns: 1fr; }
  .bl-faq-sidebar { position: static; display: flex; gap: 8px; flex-wrap: wrap; }
  .bl-faq-cat-btn { width: auto; }
  .bl-faq-contact-box { display: none; }
  .bl-proddetail-inner { grid-template-columns: 1fr; }
  .bl-landing-features { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .bl-cities-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .bl-city-name { font-size: 14px; }
  .bl-landing-features { grid-template-columns: 1fr; }
  .bl-landing-area-list { grid-template-columns: repeat(2, 1fr); }
  .bl-landing-cta { padding: 32px 20px; }
  .bl-landing-cta h2 { font-size: 24px; }
  .bl-proddetail-price { font-size: 28px; }
}