/* ── Navbar: cart icon visible on mobile ──────────────────── */
@media(max-width:768px){
  .navbar-actions{display:flex!important;gap:2px!important}
  #auth-actions{display:none!important}
  /* Hide "Cart" label, show icon + badge only */
  .cart-btn>span:not(.cart-count){display:none!important}
  .cart-btn{padding:6px 8px!important}
}

/* ── Global mobile container & section tightening ─────────── */
@media(max-width:480px){
  .container{padding-left:14px!important;padding-right:14px!important}
  .section-sm{padding:36px 0!important}
  .section{padding:56px 0!important}
}

/* ── Cart page: prevent horizontal overflow ───────────────── */
@media(max-width:480px){
  .cart-layout{gap:20px!important}
  .cart-item{
    grid-template-columns:60px 1fr!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
    padding:10px!important;
  }
  /* Move price to second row, under the info column */
  .cart-item>div:last-child{
    grid-column:2!important;
    white-space:normal!important;
    font-size:.85rem!important;
    margin-top:-4px!important;
  }
  .cart-item-img{width:60px!important;height:60px!important}
  .cart-item-name{font-size:.88rem!important}
  .cart-item-price{font-size:.78rem!important}
  .cart-item-actions{flex-wrap:wrap!important;gap:8px!important}
  .cart-table{overflow-x:hidden!important}
  /* Order Summary */
  .cart-summary{padding:16px!important}
  .summary-row{font-size:.92rem!important}
}

/* ── Product detail: compact image so CTA is above fold ────── */
/* Product detail page price — pure white */
.price-big{color:#ffffff!important}

@media(max-width:768px){
  .price-orig{color:var(--taupe)!important}
}

@media(max-width:480px){
  /* Tighter section padding so more content fits above fold */
  .section-sm{padding:16px 0!important}
  .main-img,.main-img img{max-height:26vh!important}
  .thumb-row{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important}
  .thumb{width:54px!important;height:54px!important;flex-shrink:0!important}
  .product-detail-grid{gap:8px!important}
  /* Tighten all spacing in product-info */
  .product-info{padding-top:0!important}
  .product-info h1{font-size:1.1rem!important;margin-bottom:6px!important}
  .product-info .price-block{margin:6px 0!important}
  .product-info .qty-wrap{margin-bottom:10px!important}
  /* Tighter spacing for action buttons row */
  .product-info>div[style*="flex"]{flex-wrap:nowrap!important;gap:8px!important;margin-bottom:10px!important}
  .product-info>div[style*="flex"] .btn{flex:1!important;padding:10px 8px!important;font-size:.85rem!important}
}

/* ── Page banner: prevent overflow ───────────────────────── */
@media(max-width:768px){
  .page-photo-banner-img{width:100%!important;object-fit:cover!important}
  .page-photo-banner{overflow:hidden!important}
}