.product-detail-media{
  width:100%;
  height:520px;
  min-width:0;
  min-height:0;
  padding:28px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.product-detail-media img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
.product-placeholder{font-size:140px}
.cart-remove{
  border:0;
  background:none;
  color:#b53636;
  padding:5px 0 0;
  font-size:12px;
  font-weight:700;
}
.cart-remove:hover{text-decoration:underline}
.payment-option{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:11px;
  margin-top:12px;
  background:#fff;
  cursor:pointer;
  transition:border-color .18s,background .18s,box-shadow .18s;
}
.payment-option:hover{
  border-color:#93ab99;
  box-shadow:0 6px 18px #17251b0b;
}
.payment-option:has(input:checked){
  border-color:var(--green);
  background:#f2f8f3;
  box-shadow:inset 3px 0 0 var(--green);
}
.payment-option input[type="radio"]{
  flex:0 0 auto;
  width:19px;
  height:19px;
  margin:0;
  accent-color:var(--green);
}
.payment-option b{display:inline-block;margin-bottom:3px}
.customer-qr{width:250px;margin:22px auto;display:flex;flex-direction:column;gap:9px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.customer-qr img{display:block;width:220px;height:220px;object-fit:contain}
.customer-qr span{font-size:12px;font-weight:800;color:var(--green)}
.hero-photo{position:absolute;inset:0;border-radius:28px;overflow:hidden;border:1px solid #526856;background:#24382b;box-shadow:0 30px 80px #0006}
.hero-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.brand-logo{display:block;max-width:190px;height:42px;object-fit:contain;object-position:left center}
.category-with-image{position:relative;height:190px;padding:0!important;overflow:hidden;display:flex;align-items:flex-end}
.category-with-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.category-with-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#102018dd)}
.category-with-image strong{position:relative;z-index:1;color:#fff;font-size:17px;padding:20px}
.category-with-image:hover img{transform:scale(1.04)}
.footer-logo{filter:brightness(0) invert(1);max-width:210px;height:48px}
.checkout-layout>aside{position:sticky;top:96px}
@media(max-width:900px){
  .product-detail-media{height:min(500px,70vh)}
  .checkout-layout>aside{position:static}
}
@media(max-width:600px){
  .product-detail-media{height:360px;padding:18px}
}