/* Give navigation its own row instead of compressing labels beside actions. */
@media (min-width:981px) {
  .header-content { display:grid; grid-template-columns:minmax(190px,1fr) auto auto auto; gap:0 18px; padding-top:10px; }
  .header-content .brand { grid-column:1; grid-row:1; margin-right:0; justify-self:start; }
  .header-content .instagram-header-link { grid-column:2; grid-row:1; }
  .header-search-button { grid-column:3; grid-row:1; }
  .header-cart-button { grid-column:4; grid-row:1; }
  .header-content .main-nav { grid-column:1/-1; grid-row:2; justify-content:center; gap:clamp(24px,4vw,56px); border-top:1px solid #edf0ed; width:100%; }
  .main-nav a { padding:14px 0; }
  .main-nav a::after { bottom:8px; }
  .instagram-handle { display:grid; }
  .header-cart-button .cart-label { display:inline; }
  [id] { scroll-margin-top:145px; }
}
.header-content>.instagram-header-link,.header-content>button,.header-content>.brand { flex-shrink:0; }
@media(max-width:380px) {
  .header-content .menu-toggle { width:44px; padding:5px; }
  .header-content .brand-panel { width:88px; }
  .header-content .brand-panel img { width:86px; }
  .header-content { gap:3px; }
}
.detail-gallery { min-width:0; }
.detail-gallery .detail-image { min-height:320px; height:clamp(320px,40vw,500px); cursor:zoom-in; }
.detail-gallery .detail-image img { max-height:100%; width:100%; object-fit:contain; }
.gallery-navigation { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 0; }
.gallery-navigation button { min-height:44px; padding:8px 16px; border:1px solid #dae3dc; background:white; border-radius:12px; cursor:pointer; }
.product-thumbnails { display:flex; gap:10px; overflow-x:auto; padding:6px 2px 14px; }
.product-thumbnails button { flex:0 0 76px; height:76px; border:2px solid transparent; border-radius:12px; background:#f6f8f6; cursor:pointer; }
.product-thumbnails button[aria-pressed=true] { border-color:#2b9151; }
.product-thumbnails img { width:100%; height:100%; object-fit:contain; }
.gallery-zoom { width:min(1100px,96vw); max-height:94dvh; padding:20px; border:0; border-radius:20px; }
.gallery-zoom::backdrop { background:#07120ae6; }
.gallery-zoom img { display:block; width:100%; height:70dvh; object-fit:contain; }
.gallery-zoom button { min-height:44px; padding:8px 18px; float:right; }
@media(max-width:650px) { .detail-gallery .detail-image { height:330px; min-height:0; }.gallery-navigation button { padding:8px 10px; } }