:root{
  --vip-radius: 18px;
}
body{ background:#f6f7fb; }
.vip-card{
  border:0;
  border-radius: var(--vip-radius);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.vip-btn{
  border-radius: 14px;
  padding: .65rem 1rem;
  font-weight: 600;
}
.vip-badge{
  border-radius: 999px;
  padding: .35rem .6rem;
  font-weight: 600;
}

/* CART buttons - mobile clean layout */
.cart-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.cart-actions .btn{
  border-radius:6px !important;      /* rectangle look */
  padding:.40rem .70rem !important;   /* small size */
  font-size:.88rem !important;
  line-height:1.1 !important;
  min-height:36px;
}

/* Mobile: buttons tidy in 2 columns */
@media (max-width: 576px){
  .cart-actions .btn{
    flex:1 1 calc(50% - 8px);  /* 2 per row */
    width:auto;
  }
  .cart-actions .btn.wide{
    flex:1 1 100%;             /* full width if needed */
  }
}

/* Qty input smaller + neat */
.cart-qty{
  max-width:90px;
  height:36px;
  padding:.35rem .5rem;
  border-radius:6px;
  font-size:.9rem;
}
/* Header action buttons - mobile tidy */
.hdr-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.hdr-actions .btn{
  border-radius:6px !important;      /* rectangle */
  padding:.38rem .70rem !important;  /* small */
  font-size:.88rem !important;
  line-height:1.1 !important;
  min-height:36px;
}

@media (max-width: 576px){
  .hdr-actions .btn{
    flex:1 1 calc(50% - 8px);   /* 2 per row */
    width:auto;
  }
  .hdr-actions .btn.wide{
    flex:1 1 100%;              /* full width if needed */
  }
  .hdr-actions .badge{
    flex:1 1 100%;
    text-align:center;
  }
}