/* DryGems Mobile CSS — loaded at ≤767px */
@media (max-width: 767px) {
  body { padding-bottom: 72px; -webkit-tap-highlight-color: transparent; }

  /* Bottom nav */
  .dg-bottom-nav { display:flex !important; }

  /* Top nav on mobile */
  .dg-nav { padding:0 16px; height:56px; }
  .dg-nav-links, .dg-nav-right .bnav { display:none; }
  .dg-mobile-toggle { display:flex; }
  .dg-nav-right { gap:14px; }

  /* Hero */
  .dg-hero { grid-template-columns:1fr; min-height:auto; }
  .dg-hero-visual { display:none; }
  .dg-hero-content { padding:32px 20px 36px; }
  .dg-hero-content h1 { font-size:clamp(32px,9vw,44px); }
  .dg-hero-sub { font-size:14px; margin-bottom:22px; }
  .dg-hero-ctas { flex-direction:column; gap:10px; }
  .dg-btn { padding:15px 20px; font-size:13px; }
  .dg-hero-stats { gap:0; }
  .dg-hero-stat { flex:1; text-align:center; }
  .dg-hero-stat .num { font-size:22px; }

  /* Trust strip */
  .dg-trust-item { padding:11px 20px; font-size:10.5px; }

  /* Categories — horizontal scroll */
  .dg-cats { padding:28px 0 28px 18px; }
  .dg-cats-header { padding-right:18px; margin-bottom:18px; }
  .dg-cats-grid { display:flex !important; gap:12px; overflow-x:auto; padding-right:18px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
  .dg-cats-grid::-webkit-scrollbar { display:none; }
  .dg-cat-card { flex-shrink:0; width:148px; transform:none !important; }
  .dg-cat-img { height:108px; font-size:44px; }
  .dg-cat-name { font-size:13px; }

  /* USP — horizontal scroll */
  .dg-usp { padding:20px 0 20px 18px; overflow-x:auto; }
  .dg-usp-grid { display:flex !important; gap:0; width:max-content; }
  .dg-usp-item { flex-shrink:0; min-width:130px; padding:0 16px 0; }
  .dg-usp-grid::-webkit-scrollbar { display:none; }

  /* Products */
  .dg-products { padding:28px 16px; }
  .dg-products-header { flex-direction:column; gap:14px; align-items:flex-start; }
  .dg-filter-wrap { overflow-x:auto; flex-wrap:nowrap; width:100%; padding-bottom:4px; }
  .dg-filter-wrap::-webkit-scrollbar { display:none; }
  .dg-filter-btn { flex-shrink:0; padding:7px 14px; font-size:11px; }
  .dg-products-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .dg-product-img { height:150px; font-size:56px; }
  .dg-product-name { font-size:13px; }
  .dg-product-price { font-size:17px; }
  .dg-add-to-cart { font-size:10px; padding:8px 10px; }
  .dg-product-card:hover { transform:none; }

  /* Reels — horizontal scroll */
  .dg-reels { padding:28px 0 28px 18px; }
  .dg-reels-header { padding-right:18px; margin-bottom:18px; }
  .dg-reels-scroll { padding-right:18px; }
  .dg-reel-card { width:164px; height:292px; }
  .dg-reel-bg { font-size:64px; }
  .dg-reels-footer { flex-wrap:wrap; justify-content:center; gap:8px; margin-top:20px; padding-right:18px; }
  .dg-reel-nav { padding:10px 18px; font-size:12px; }
  .dg-reels-footer .dg-btn { width:calc(100% - 36px); text-align:center; }

  /* Custom Box */
  .dg-custom-sec { padding:28px 16px; }
  .dg-custom-wrap { grid-template-columns:1fr; gap:16px; }
  .dg-summary { position:static; order:-1; }
  .dg-step-header { padding:14px 16px; }
  .dg-step-body { padding:0 16px 16px; }
  .dg-size-grid { grid-template-columns:repeat(3,1fr); gap:8px; }
  .dg-size-opt { padding:12px 8px; }
  .dg-size-icon { font-size:24px; margin-bottom:7px; }
  .dg-size-name { font-size:11px; }
  .dg-size-items { font-size:9px; }
  .dg-size-price { font-size:14px; }
  .dg-items-grid { grid-template-columns:1fr; gap:8px; }
  .dg-pack-grid { gap:8px; }
  .dg-pack-icon { font-size:22px; }
  .dg-pack-name { font-size:11px; }
  .dg-next-btn { padding:13px 20px; font-size:12px; width:100%; }

  /* Story */
  .dg-story { grid-template-columns:1fr; }
  .dg-story-visual { min-height:200px; padding:32px; }
  .dg-story-circle { width:160px; height:160px; font-size:70px; }
  .dg-story-content { padding:28px 20px 32px; }

  /* Why grid */
  .dg-why { padding:28px 16px; }
  .dg-why-grid { grid-template-columns:1fr; gap:12px; margin-top:24px; }

  /* Reviews */
  .dg-reviews { padding:28px 16px; }
  .dg-reviews-header { flex-direction:column; gap:16px; }
  .dg-reviews-grid { grid-template-columns:1fr; gap:0; display:flex; overflow-x:auto; gap:12px; margin:0 -16px; padding:0 16px; }
  .dg-reviews-grid::-webkit-scrollbar { display:none; }
  .dg-review-card { flex-shrink:0; width:280px; }

  /* Certs */
  .dg-certs { padding:18px 0 18px 18px; overflow-x:auto; flex-wrap:nowrap; }
  .dg-certs::-webkit-scrollbar { display:none; }
  .dg-cert { flex-shrink:0; padding:0 16px; }
  .dg-cert .ci { font-size:20px; }
  .dg-cert .cl { font-size:9px; }
  .dg-cert-div { flex-shrink:0; }

  /* Blog — horizontal scroll */
  .dg-blog { padding:28px 0 28px 18px; }
  .dg-blog-grid { display:flex !important; gap:12px; overflow-x:auto; padding-right:18px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; margin-top:18px; }
  .dg-blog-grid::-webkit-scrollbar { display:none; }
  .dg-blog-card { flex-shrink:0; width:240px; scroll-snap-align:start; transform:none !important; }

  /* Newsletter */
  .dg-newsletter { flex-direction:column; padding:28px 18px; gap:20px; }
  .dg-nl-form { width:100%; }
  .dg-newsletter .dg-title { font-size:22px !important; }

  /* Footer */
  .dg-footer { padding:28px 18px 20px; }
  .dg-footer-grid { grid-template-columns:1fr 1fr; gap:20px; }
  .dg-footer-brand { grid-column:1/-1; padding-bottom:16px; border-bottom:1px solid rgba(245,237,224,.07); }
  .dg-footer-bottom { flex-direction:column; gap:12px; text-align:center; }

  /* WooCommerce mobile */
  .woocommerce ul.products { grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  .woocommerce ul.products li.product a img { height:150px; }
  .woocommerce-cart-form table { font-size:13px; }
  .woocommerce-cart-form table td { padding:8px 6px; }
  .woocommerce div.product { padding:20px 16px !important; }
  .woocommerce div.product .product_title { font-size:24px !important; }
  .woocommerce-checkout .col2-set { display:block; }
  .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding:16px !important; }

  /* Touch targets */
  .dg-add-to-cart, .dg-btn, .dg-filter-btn, .dg-reel-shop-btn, .dg-next-btn, .dg-summary-cta, .dg-nl-btn { min-height:44px; }
  .dg-cat-card, .dg-product-card, .dg-reel-card { -webkit-tap-highlight-color:transparent; }
  .dg-product-card:active { transform:scale(.98) !important; }
  .dg-cat-card:active { transform:scale(.97) !important; }

  /* Promo banner */
  .dg-promo-banner { margin:0 16px 20px; }
}
