/* ============================================================
   TABLET FIX (769px - 1024px) - clean, consistent rendering
   ============================================================ */
@media (min-width: 769px) and (max-width: 1024px) {

  /* 1. ONE header only - force mobile header, hide ALL desktop nav */
  .pad-deskbar,
  .elementor-element-c6026c5,
  .elementor-element-9c9b4a1,
  .padiham-nav-dropdown,
  .pad-desktop-nav { display: none !important; }
  .pmn-mobile-section,
  .pmn-wrap { display: block !important; }

  /* 2. Product grids - clean 3 columns on tablet */
  .woocommerce ul.products,
  .related.products ul.products,
  .pclub-shop ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
  }

  /* 3. Section grids - 2 columns on tablet where 3+ on desktop */
  .pbs-grid, .psp-grid, .pwork-grid, .pcl-grid, .pwc-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* 4-box category grid: 2 across */
  .pcat-grid { grid-template-columns: repeat(2, 1fr) !important; }

  /* 4. Containers - full comfortable width, no overflow */
  .elementor-section .elementor-container,
  .e-con-inner {
    max-width: 96% !important;
  }
  body { overflow-x: hidden !important; }

  /* 5. Hero text sizing for tablet */
  .phero-title { font-size: 44px !important; }
  .pqc-title, .pclub-title { font-size: 34px !important; }

  /* 6. Two-column layouts (quote/contact, FAQ, club hero) stack nicely */
  .pqc-grid { grid-template-columns: 300px 1fr !important; }
  .pfaq-wrap { grid-template-columns: 1fr !important; }
  .pclub-hero { grid-template-columns: 1fr 1fr !important; }

  /* 7. Bundle comparison - side by side still fits */
  .pbc-grid { grid-template-columns: 1fr auto 1fr !important; }
}

/* Tablet PORTRAIT specifically (769-834) - tighter */
@media (min-width: 769px) and (max-width: 834px) {
  .woocommerce ul.products,
  .related.products ul.products,
  .pclub-shop ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .pbc-grid { grid-template-columns: 1fr !important; }
  .pqc-grid { grid-template-columns: 1fr !important; }
}
/* ============================================================
   BULLETPROOF DRAWER STYLING - applies at ANY width the drawer shows
   (not tied to a media query, so no breakpoint gaps)
   ============================================================ */
.pmn-drawer {
  position: fixed !important; top: 0 !important; left: 0 !important;
  width: 82% !important; max-width: 340px !important;
  height: 100vh !important; height: 100dvh !important;
  background: #fff !important; z-index: 100011 !important;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.25,.8,.25,1) !important;
  display: flex !important; flex-direction: column !important;
  overflow-y: auto !important;
  box-shadow: 0 0 40px rgba(0,0,0,.2) !important;
}
.pmn-drawer.open { transform: translateX(0) !important; }
.pmn-overlay { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,.5) !important; z-index: 100010 !important; display: none; }
.pmn-overlay.open { display: block !important; }

.pmn-drawer-head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 18px 20px !important; background: #15171b !important; color: #fff !important; }
.pmn-drawer-head span { font-family: Oswald, sans-serif !important; font-weight: 600 !important; letter-spacing: 1px !important; font-size: 15px !important; }
.pmn-drawer-head button { background: rgba(255,255,255,.12) !important; border: none !important; color: #fff !important; width: 36px !important; height: 36px !important; border-radius: 8px !important; font-size: 22px !important; cursor: pointer !important; line-height: 1 !important; }

.pmn-account { background: #f8f9fa !important; border-bottom: 1px solid #e3e5e9 !important; padding: 16px 20px !important; flex-shrink: 0 !important; }
.pmn-account-row { display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; color: #15171b !important; margin-bottom: 12px !important; }
.pmn-account-icon { color: #e2641f !important; }
.pmn-account-label { font-family: Montserrat, sans-serif !important; font-weight: 700 !important; font-size: 16px !important; color: #15171b !important; }
.pmn-account-btns { display: flex !important; gap: 10px !important; }
.pmn-account-btns a { flex: 1 !important; text-align: center !important; padding: 10px !important; border-radius: 8px !important; font-family: Oswald, sans-serif !important; font-weight: 600 !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: .5px !important; text-decoration: none !important; }
.pmn-account-btns a:first-child { background: #fff !important; border: 1.5px solid #d0d0d0 !important; color: #15171b !important; }
.pmn-account-btns a:last-child { background: #e2641f !important; color: #fff !important; }

.pmn-list { list-style: none !important; margin: 0 !important; padding: 8px 0 !important; flex: 1 !important; }
.pmn-list li { border-bottom: 1px solid #f4f5f7 !important; }
.pmn-link, .pmn-parent { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 15px 20px !important; font-family: Montserrat, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #15171b !important; text-decoration: none !important; background: none !important; border: none !important; cursor: pointer !important; text-align: left !important; }
.pmn-chevron { color: #c0c4ca !important; font-size: 18px !important; }
.pmn-sub { list-style: none !important; margin: 0 !important; padding: 0 !important; max-height: 0 !important; overflow: hidden !important; background: #f8f9fa !important; transition: max-height .3s ease !important; }
.pmn-sub.open { max-height: 800px !important; }
.pmn-sub-link { display: block !important; padding: 12px 20px 12px 36px !important; font-family: Inter, sans-serif !important; font-size: 14px !important; color: #5a5f68 !important; text-decoration: none !important; border-bottom: 1px solid #eceef0 !important; }
.pmn-sub-link:hover { color: #e2641f !important; background: #fff !important; }

/* The MENU label + close button that leaked (from screenshot) - hide the stray text version */
.pmn-drawer > span:first-child { display: none !important; }
/* ============================================================
   CLEAN HEADER SWITCH - mobile header <=1024, desktop >1024
   Consistent single boundary, no overlap
   ============================================================ */
@media (max-width: 1024px) {
  /* Hide ALL desktop header parts */
  .pad-deskbar,
  .elementor-element-c6026c5,
  .elementor-element-9c9b4a1,
  .padiham-nav-dropdown { display: none !important; }
  /* Show mobile header */
  .pmn-mobile-section, .pmn-wrap { display: block !important; }
}
@media (min-width: 1025px) {
  /* Hide mobile header + drawer on desktop */
  .pmn-mobile-section, .pmn-wrap, .pmn-drawer, .pmn-overlay { display: none !important; }
}