/* =========================================================
   HUNEY BEEZ — RESPONSIVE.CSS
   All breakpoint / media-query rules live here only.
   ========================================================= */

/* Disable fixed-attachment parallax on touch devices: causes
   jitter/scroll-jank on iOS & most Android browsers. JS parallax
   (transform-based) takes over instead — see main.js */
@media (max-width:991px){
  .hb-parallax{ background-attachment:scroll !important; }
}

/* ---------- Tablet (≤ 991px) ---------- */
@media (max-width:991px){
  .hb-hero__row{ flex-direction:column; gap:36px; }
  .hb-hero__copy,.hb-hero__media{ flex:1 1 100%; max-width:100%; }
  .hb-hero__media{ position:static; }
  .hb-hero__title{ font-size:40px; }
  .hb-hero__frame img{ height:380px; }

  .hb-offer__card{ flex:1 1 calc(50% - 12px); }

  .hb-story__row{ flex-direction:column; }
  .hb-story__media{ width:100%; }
  .hb-story__copy{ order:2; }

  .hb-programs__item{ flex:1 1 33.333%; }

  .hb-why__item{ flex:1 1 calc(33.333% - 22px); }

  .hb-testi__card{ flex:1 1 calc(50% - 12px); }

  .hb-cta__row{ flex-direction:column-reverse; text-align:left; }
  .hb-cta__media img{ height:280px; }

  .hb-footer__grid{ gap:32px; }
}

/* ---------- Mobile (≤ 767px) ---------- */
@media (max-width:767px){
  .hb-header__inner{ padding:14px 20px; }
  .hb-nav{ position:fixed; top:66px; left:0; right:0; bottom:0; background:var(--hb-cream);
    flex-direction:column; align-items:flex-start; padding:24px; transform:translateX(-100%);
    transition:transform .25s ease; z-index:998; overflow-y:auto; }
  .hb-nav.is-open{ transform:translateX(0); }
  .hb-nav ul{ flex-direction:column; gap:18px; width:100%; margin-bottom:24px; }
  .hb-nav ul a{ font-size:18px; }
  .hb-header__actions{ display:none; }
  .hb-nav .hb-header__actions{ display:flex; flex-direction:column; width:100%; gap:10px; }
  .hb-nav .hb-btn{ width:100%; }
  .hb-burger{ display:block; }

  .hb-hero{ padding-top:36px; }
  .hb-hero__title{ font-size:30px; }
  .hb-hero__desc{ max-width:100%; }
  .hb-hero__ctas .hb-btn{ width:100%; }
  .hb-hero__ctas{ flex-direction:column; }
  .hb-hero__frame img{ height:240px; }
  .hb-hero__badges{ gap:14px 20px; }

  .hb-trust__row{ flex-direction:column; gap:22px; }

  .hb-offer{ padding:64px 0; }
  .hb-offer__head h2,.hb-story__copy h2,.hb-programs__head h2,.hb-why__head h2,.hb-testi__head h2,.hb-cta__copy h2{ font-size:26px; }
  .hb-offer__card{ flex:1 1 100%; }

  .hb-story{ padding:64px 0; }
  .hb-story__media{ min-height:280px; margin-bottom:40px; }
  .hb-story__points{ flex-direction:column; gap:12px; }

  .hb-programs{ padding:64px 0; }
  .hb-programs__item{ flex:1 1 50%; padding:20px 16px; }
  .hb-programs__gear{ flex-direction:column; align-items:flex-start; }

  .hb-why{ padding:64px 0; }
  .hb-why__item{ flex:1 1 100%; }

  .hb-testi{ padding:64px 0; }
  .hb-testi__card{ flex:1 1 100%; }

  .hb-cta{ padding:56px 0; }
  .hb-cta__actions .hb-btn{ width:100%; }
  .hb-cta__actions{ flex-direction:column; }
  .hb-cta__media img{ height:220px; transform:none; }

  .hb-footer{ padding-top:48px; }
  .hb-footer__grid{ flex-direction:column; gap:28px; }
  .hb-footer__bottom{ flex-direction:column; text-align:left; }
  .hb-footer__bottom a{ margin-left:0; margin-right:14px; }
}

/* ---------- Small phones (≤ 380px) ---------- */
@media (max-width:380px){
  .hb-hero__title{ font-size:26px; }
  .hb-container,.hb-home .hb-container{ padding:0 16px; }
}

/* ---------- Inner pages — tablet ---------- */
@media (max-width:991px){
  .hb-page-hero h1{ font-size:34px; }
  .hb-programs-detail__card{ flex:1 1 calc(50% - 12px); }
  .hb-mentorship-steps__item{ flex:1 1 calc(50% - 12px); }
  .hb-gallery-grid__item{ flex:1 1 calc(33.333% - 11px); }
  .hb-contact__row{ flex-direction:column; }
  .hb-contact__form-panel{ min-height:auto; }
}

/* ---------- Inner pages — mobile ---------- */
@media (max-width:767px){
  .hb-page-hero{ padding:56px 0 40px; }
  .hb-page-hero h1{ font-size:28px; }
  .hb-programs-detail__card{ flex:1 1 100%; }
  .hb-mentorship-steps{ flex-direction:column; }
  .hb-mentorship-steps__item{ flex:1 1 100%; }
  .hb-timeline{ padding-left:20px; }
  .hb-gallery-grid__item{ flex:1 1 calc(50% - 8px); }
  .hb-gallery-grid__item img{ height:160px; }
  .hb-testi__grid--wide .hb-testi__card{ flex:1 1 100%; }
  .hb-contact{ padding:56px 0; }
  .hb-contact__form-panel{ padding:24px; min-height:480px; }
  .hb-contact__form-panel iframe{ min-height:420px; }
}

@media (max-width:420px){
  .hb-gallery-grid__item{ flex:1 1 100%; }
}

/* ---------- WooCommerce — tablet ---------- */
@media (max-width:991px){
  .woocommerce ul.products li.product{ flex:1 1 calc(50% - 14px); }
  .woocommerce div.product{ flex-direction:column; gap:32px; }
  .woocommerce div.product .woocommerce-product-gallery{ max-width:100%; }
  .woocommerce-checkout .col2-set{ flex-direction:column; }
  .cart-collaterals{ justify-content:flex-start; }
  .cart-collaterals .cart_totals{ max-width:100%; }
}

/* ---------- WooCommerce — mobile ---------- */
@media (max-width:767px){
  .hb-shop-wrap{ padding:40px 0 64px; }
  .woocommerce ul.products{ gap:18px; }
  .woocommerce ul.products li.product{ flex:1 1 100%; }
  .woocommerce ul.products li.product a img{ height:220px; }
  .woocommerce div.product .summary h1.product_title{ font-size:24px; }
  .woocommerce div.product form.cart{ flex-direction:column; align-items:stretch; }
  .woocommerce div.product .single_add_to_cart_button{ width:100%; }
  table.shop_table{ display:block; overflow-x:auto; white-space:nowrap; }
  .woocommerce td.actions{ flex-direction:column; align-items:stretch; }
  .woocommerce td.actions .coupon{ flex-direction:column; }
  .woocommerce-account .woocommerce-MyAccount-navigation ul{ flex-direction:column; gap:0; }
}