/* Tail of Palu — responsive & mobile polish */

@supports (padding: max(0px)) {
  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .fixed.bottom-0 { padding-bottom: env(safe-area-inset-bottom); }
}

/* Mobile bottom nav clearance */
@media (max-width: 767px) {
  body { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)); }
  main { min-height: calc(100vh - 5rem); }
}

/* Fluid section spacing */
.py-section-gap {
  padding-top: clamp(3rem, 8vw, 7.5rem);
  padding-bottom: clamp(3rem, 8vw, 7.5rem);
}

/* Touch targets */
@media (hover: none) and (pointer: coarse) {
  .add-to-cart,
  .buy-it-now,
  .wishlist-toggle,
  #mobile-menu-btn,
  .tab-btn,
  .mobile-bottom-nav a {
    min-height: 44px;
    min-width: 44px;
  }
}

/* Hero — shorter on small phones */
@media (max-width: 640px) {
  .top-hero {
    min-height: min(100svh, 720px) !important;
    height: auto !important;
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
  .top-hero h1 { font-size: clamp(2rem, 9vw, 2.75rem) !important; }
}

/* Bento grid heights */
@media (max-width: 767px) {
  .top-bento-image { height: clamp(220px, 55vw, 360px) !important; }
  .top-bento-card { min-height: 260px !important; }
}

/* Product tabs — horizontal scroll */
.top-tab-list {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.top-tab-list::-webkit-scrollbar { display: none; }

/* Spec tables on mobile */
@media (max-width: 640px) {
  .top-spec-table th,
  .top-spec-table td {
    display: block;
    width: 100% !important;
    padding: 0.75rem 1rem !important;
  }
  .top-spec-table tr { display: block; border-bottom: 1px solid #dbc1b9; }
  .top-spec-table th { background: #f6f3f2; border-bottom: none; }
}

/* Search overlay mobile */
@media (max-width: 480px) {
  .search-close-btn { top: 1rem; right: 1rem; font-size: 2rem; }
  .search-input-wrapper input { font-size: 1.125rem; }
  .search-overlay .container { padding-top: 3.5rem; }
}

/* Shop category pills */
.top-category-scroll {
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.top-category-scroll a { scroll-snap-align: start; }

/* Line clamp utility (Tailwind CDN may omit) */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Mobile nav open — lock scroll */
body.mobile-nav-open { overflow: hidden; }

/* Sticky checkout summary */
@media (min-width: 1024px) {
  .top-sticky-summary { position: sticky; top: 6rem; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .reveal, .float-animation, .bento-card,
  .top-product-card img {
    animation: none !important;
    transition: none !important;
  }
}