/* --- Sticky footer across the whole site --- */
html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main.container {
  flex: 1 0 auto;
}
#site-footer {
  margin-top: auto;
}

/* --- Page spacing --- */
.container{padding:1.2rem 4vw}
@media (max-width:640px){ .container{padding:1rem 4vw} }

/* --- Media blocks --- */
.product-img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  background:#151515;
  border-radius:12px;
}

/* --- Titles / actions --- */
.product-title{color:#fff;margin:.4rem 0}
.actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}

/* --- Selects & quantity fields --- */
select.size-picker{
  background:#0b0b0b;
  border:1px solid #2a2a2a;
  border-radius:10px;
  padding:.65rem .7rem;
  color:#fff;
}

/* Unified qty style */
input.qty,
#qty{
  width:78px;
  padding:.45rem;
  border-radius:8px;
  border:2px solid #2a2a2a;
  background:#111;
  color:#fff;
  font-weight:700;
  text-align:center;
  appearance:textfield;
}
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button,
#qty::-webkit-outer-spin-button,
#qty::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}

/* iOS no-zoom for qty fields */
@media (max-width:640px){
  input.qty,
  #qty{
    font-size:16px;   /* key line for iOS Safari */
    line-height:1.25;
  }
}

/* --- Cart: responsive card row --- */
.cart-card{
  display:grid;
  grid-template-columns:80px 1fr auto;
  gap:10px;
  padding:.6rem;
}
@media (max-width:640px){
  .cart-card{
    grid-template-columns:70px 1fr;
    grid-template-rows:auto auto;
    gap:8px;
  }
  .cart-card .price{
    grid-column:2/3;
    justify-self:end;
  }
}