/* ============================================================
   IBeta Market — Responsive
   Breakpoints: 1024 (tablet), 768 (large mobile), 480 (small)
   ============================================================ */

/* ============================================================
   TABLET (≤1024px)
   ============================================================ */
@media (max-width: 1024px) {

  /* Container */
  .ib-container,
  .ib-shop, .ib-pdp, .ib-cart, .ib-checkout, .ib-tracking, .ib-account,
  .ib-shop__toolbar, .ib-related, .ib-pdp__tabs {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* Header */
  .ib-header__row1 {
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    padding: 14px 20px;
  }
  .ib-header__row2 {
    padding: 0 20px 14px;
    grid-template-columns: 220px 1fr auto;
    gap: 14px;
  }
  .ib-header__util { gap: 14px; }
  .ib-header__util-item { display: none; }
  .ib-header__util-item:nth-child(2) { display: flex; } /* keep favorites */
  .ib-cart-btn { padding: 8px 12px; }
  .ib-cart-btn__label, .ib-cart-btn__total { display: none; }

  .ib-mainnav { gap: 18px; overflow-x: auto; scrollbar-width: none; }
  .ib-mainnav::-webkit-scrollbar { display: none; }
  .ib-mainnav__link { font-size: 13px; flex-shrink: 0; }
  .ib-user__name, .ib-user__greet { display: none; }

  /* Shop */
  .ib-shop {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ib-rail { display: none; } /* moved to drawer */
  .ib-mobile-filterbar { display: flex; }

  .ib-shop__hero-grid { grid-template-columns: 1fr; }
  .ib-shop__hero-trust {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .ib-shop__hero-trust::-webkit-scrollbar { display: none; }
  .ib-shop__hero-trust-card { flex-shrink: 0; min-width: 240px; }

  .ib-product-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .ib-pill-row { padding: 0 4px; }

  /* PDP */
  .ib-pdp {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .ib-pdp__main-img { min-height: 420px; }
  .ib-pdp__title { font-size: 28px; }
  .ib-pdp__price-now { font-size: 36px; }
  .ib-pdp__tab-pane--description { grid-template-columns: 1fr; }
  .ib-pdp__3d-wrap { height: 420px; }

  /* Checkout */
  .ib-checkout {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Tracking */
  .ib-tracking {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Account */
  .ib-account {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ib-stat-grid { grid-template-columns: repeat(2, 1fr); }
  .ib-account__nav {
    display: flex; gap: 6px;
    overflow-x: auto; scrollbar-width: none;
    padding: 12px;
  }
  .ib-account__nav::-webkit-scrollbar { display: none; }
  .ib-account__nav-link { flex-shrink: 0; }

  /* Drops */
  .ib-drops-grid { grid-template-columns: repeat(2, 1fr); padding: 0 20px; }
  .ib-whitelist-hero { padding: 40px 32px; margin: 16px 20px; }
  .ib-whitelist-hero h1 { font-size: 36px; }

  /* Footer */
  .ib-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  /* Show burger */
  .ib-burger { display: inline-flex; }
}

/* ============================================================
   LARGE MOBILE (≤768px)
   ============================================================ */
@media (max-width: 768px) {

  body { padding-bottom: var(--ib-bottomnav-h); }

  /* Header — collapse to single row + search bar */
  .ib-header__row1 {
    padding: 12px 16px;
  }
  .ib-header__row2 { display: none; } /* hide desktop nav row, surface in drawer */
  .ib-search { padding: 8px 12px; max-width: 100%; }
  .ib-search__kbd { display: none; }

  .ib-header__util { display: none; }

  /* Sticky search row on mobile */
  .ib-mobile-search {
    display: flex;
    padding: 0 16px 12px;
    background: #fff;
  }

  .ib-shop__toolbar { padding: 0 16px; }
  .ib-shop, .ib-pdp, .ib-cart, .ib-checkout, .ib-tracking, .ib-account, .ib-related, .ib-pdp__tabs {
    padding-left: 16px; padding-right: 16px;
  }

  .ib-mobile-filterbar { padding: 12px 16px; }

  .ib-product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ib-product-card { padding: 10px; gap: 8px; }
  .ib-product-card__title { font-size: 14px; }
  .ib-product-card__price-now { font-size: 16px; }
  .ib-product-card__cta .ib-btn { padding: 8px 6px; font-size: 11px; }

  /* PDP */
  .ib-pdp__gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ib-pdp__thumbs {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none;
    order: 2;
  }
  .ib-pdp__thumbs::-webkit-scrollbar { display: none; }
  .ib-pdp__thumb { width: 64px; height: 64px; }
  .ib-pdp__thumb-360 { font-size: 8px; }
  .ib-pdp__main-img { min-height: 320px; order: 1; }
  .ib-pdp__title { font-size: 22px; }
  .ib-pdp__price-now { font-size: 28px; }
  .ib-pdp__price-old { font-size: 16px; }
  .ib-pdp__highlights-grid { grid-template-columns: 1fr; }
  .ib-pdp__cta-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .ib-pdp__cta-row .ib-qty { justify-self: start; }
  .ib-pdp__specs-grid { grid-template-columns: 1fr; gap: 6px 0; }
  .ib-pdp__specs-grid dt { padding-top: 8px; border-top: 1px dashed var(--ib-line); }
  .ib-pdp__specs-grid dt:first-child { border-top: none; padding-top: 0; }
  .ib-pdp__3d-wrap { height: 320px; }

  /* Sticky CTA bar at bottom for PDP on mobile */
  .ib-pdp-sticky-cta {
    position: fixed;
    bottom: var(--ib-bottomnav-h);
    left: 0; right: 0;
    background: #fff;
    border-top: 1px solid var(--ib-line);
    padding: 10px 16px;
    z-index: 80;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    box-shadow: 0 -4px 12px rgba(10,22,40,0.06);
  }

  /* Cart */
  .ib-cart__item {
    grid-template-columns: 80px 1fr;
    grid-template-areas: 'img info' 'img right';
    gap: 12px;
  }
  .ib-cart__item-img { width: 80px; height: 80px; grid-area: img; }
  .ib-cart__item-info { grid-area: info; }
  .ib-cart__item-right { grid-area: right; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 8px; }

  .ib-summary { padding: 16px; }

  /* Checkout */
  .ib-checkout__steps {
    padding: 12px 16px 4px;
    gap: 6px;
  }
  .ib-checkout__step-line { width: 18px; }
  .ib-checkout__step span:not(.ib-checkout__step-num) { display: none; }
  .ib-checkout__panel { padding: 16px; }

  /* Confirmation */
  .ib-confirm { padding: 40px 16px; }
  .ib-confirm__title { font-size: 24px; }

  /* Tracking */
  .ib-tracking__map { height: 280px; }

  /* Account */
  .ib-stat-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ib-stat-card { padding: 14px; }
  .ib-account__greeting { padding: 18px 20px; }
  .ib-account__greeting h2 { font-size: 18px; }

  /* Drops */
  .ib-drops-grid { grid-template-columns: 1fr; padding: 0 16px; gap: 16px; }
  .ib-whitelist-hero { padding: 32px 22px; margin: 12px 16px; }
  .ib-whitelist-hero h1 { font-size: 28px; }
  .ib-whitelist-hero p { font-size: 14px; }

  /* Empty */
  .ib-empty { padding: 56px 24px; }
  .ib-empty__icon { width: 96px; height: 96px; }

  /* Footer */
  .ib-footer { padding-bottom: calc(var(--ib-bottomnav-h) + 24px); }
  .ib-footer__grid { grid-template-columns: 1fr; gap: 24px; }
  .ib-footer__bottom { flex-direction: column; gap: 12px; text-align: center; }

  /* Show bottom nav */
  .ib-bottomnav { display: block; }

  /* Trust strip */
  .ib-trust-strip {
    grid-template-columns: 1fr 1fr;
    padding: 14px;
    gap: 12px;
  }

  /* Hero */
  .ib-hero { padding: 28px 22px; min-height: 220px; }
  .ib-hero__title { font-size: 26px; }
  .ib-hero__cluster { display: none; }
}

/* ============================================================
   SMALL MOBILE (≤480px)
   ============================================================ */
@media (max-width: 480px) {
  .ib-product-card__price-now { font-size: 14px; }
  .ib-product-card__cta .ib-btn { display: none; }
  .ib-product-card__cta .ib-btn:first-child { display: flex; padding: 8px; font-size: 11px; }

  .ib-pdp__title { font-size: 20px; }
  .ib-pdp__price-now { font-size: 24px; }

  .ib-trust-strip { grid-template-columns: 1fr; }
  .ib-pill { padding: 8px 12px; font-size: 12px; }
}