/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤ 1100px)
══════════════════════════════════════ */
@media (max-width: 1100px) {
  .col-grid  { grid-template-columns: repeat(2, 1fr); }
  .pgrid     { grid-template-columns: repeat(3, 1fr); }
  .tgrid     { grid-template-columns: 1fr 1fr; }
  .fg        { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hl-grid   { grid-template-columns: 1fr; }

  .story-grid  { grid-template-columns: 1fr; gap: 40px; }
  .story-imgw  { max-width: 500px; }

  .shop-layout { grid-template-columns: 220px 1fr; gap: 28px; }

  .product-layout { gap: 40px; }
}


/* ══════════════════════════════════════
   RESPONSIVE — MOBILE (≤ 768px)
══════════════════════════════════════ */
@media (max-width: 768px) {
  /* Header */
  nav { display: none; }
  .hico:not(:last-of-type) { display: none; }
  .ham { display: flex; }
  header { padding: 0 4%; }

  /* Grids */
  .pgrid    { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .col-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .tgrid    { grid-template-columns: 1fr; }

  /* Story */
  .story-feats { grid-template-columns: 1fr; }

  /* Footer */
  .fg { grid-template-columns: 1fr; }
  .f-bottom { flex-direction: column; text-align: center; }
  .f-pays   { justify-content: center; }

  /* Newsletter */
  .nl-form { flex-direction: column; border: none; gap: 10px; box-shadow: none; }
  .nl-inp  { border: 1.5px solid rgba(201,168,76,.3); border-radius: 4px; background: #fff; }
  .nl-btn  { border-radius: 4px; }

  /* Section */
  .sec { padding: 64px 4%; }

  /* Product card — always show add button on mobile */
  .pcard-addw { transform: translateY(0) !important; }

  /* Shop */
  .shop-layout {
    grid-template-columns: 1fr;
  }

  .shop-sidebar {
    position: static;
    order: -1;
  }

  .shop-page { padding: 40px 4% 64px; }

  /* Product Detail */
  .product-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .product-images { position: static; }

  .product-actions { flex-direction: column; }

  .product-perks { grid-template-columns: 1fr; }

  .product-page { padding-top: 24px; }

  /* Cart Sidebar */
  .cart-sidebar { width: 100%; }

  /* Search */
  .search-overlay { padding-top: 40px; }
  .search-input   { font-size: 16px; }
}


/* ══════════════════════════════════════
   RESPONSIVE — SMALL MOBILE (≤ 480px)
══════════════════════════════════════ */
@media (max-width: 480px) {
  .pgrid    { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .col-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }

  .hero h1 { font-size: 36px; }
  .hero-btns { flex-direction: column; align-items: center; }
  .btn-gold, .btn-outline { width: 100%; text-align: center; }

  .toast { right: 8px; left: 8px; max-width: none; bottom: 12px; }

  .product-thumbs .thumb { width: 56px; height: 56px; }

  .product-price { font-size: 22px; }

  .tab-btn { padding: 10px 12px; font-size: 11px; }

  .shop-toolbar { flex-direction: column; align-items: flex-start; gap: 12px; }
  .sort-select  { width: 100%; }

  .hl-item { padding: 36px 24px; }
}