/* =========================================================
   ORBIT GEAR SHOP
   Collection tabs + cart + WhatsApp checkout overlay
   Loaded by index.html (#gear section) and gear.html
   ========================================================= */

/* ---------- COLLECTION TABS ---------- */
.gear-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:1200px;
  margin:0 auto;
  padding:0 32px 26px;
}
.gear-tab{
  font-family:var(--font-body);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--stardust);
  background:transparent;
  border:2px solid rgba(231,228,234,0.28);
  padding:9px 15px;
  cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.gear-tab:hover{ border-color:var(--pink); transform:translateY(-1px); }
.gear-tab.is-active{
  background:var(--pink);
  border-color:var(--pink);
  color:var(--ink);
}
.gear-tab:focus-visible{ outline:2px solid var(--pink); outline-offset:3px; }

.gear-page-main .gear-tabs{ padding:0 32px 22px; }
@media(max-width:699px){
  .gear-tabs{ padding:0 20px 20px; gap:8px; }
  .gear-page-main .gear-tabs{ padding:0 20px 18px; }
  .gear-tab{ font-size:10.5px; padding:8px 12px; }
}

.product-card[hidden]{ display:none !important; }

/* ---------- CART ROW THUMBNAIL ---------- */
.cart-row-art{ background-size:cover !important; background-position:center center !important; }

/* ---------- CHECKOUT OVERLAY ---------- */
/* Sits above the cart drawer (z-index 260) so delivery details
   pop over the open cart. */
#checkoutModal{ z-index:300; }
#checkoutModal .modal-card{ max-width:420px; }
#checkoutModal .modal-sub{ font-family:var(--font-body); font-weight:700; }
#checkoutModal .modal-sub span{ color:var(--ink); }