/* V228: desktop-only eCommerce checkout balance. */
@media (min-width: 981px) {
  .pkg115--commerce .pkg115-hero__grid { align-items: center; }
  .pkg115--commerce .pkg115-visual {
    min-height: clamp(486px, 34vw, 558px);
    transform: scale(.91);
    transform-origin: center;
  }
  .pkg115--commerce .pkg115-hero { padding-bottom: clamp(40px, 3.5vw, 58px); }
}

.pkg115--commerce .pkg115-checkout-section {
  padding: clamp(28px, 3.25vw, 46px) 0 clamp(32px, 3.5vw, 52px);
  background: #fff;
  border-top: 1px solid #dce9f7;
}

.pkg115--commerce .pkg115-checkout-panel {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: clamp(24px, 3vw, 50px);
  align-items: center;
  padding: clamp(20px, 2.25vw, 32px);
  border: 1px solid #c9ddf3;
  border-radius: 20px;
  background: linear-gradient(135deg, #f5faff 0%, #edf6ff 100%);
  box-shadow: 0 14px 32px rgba(13, 69, 133, .08);
}

.pkg115--commerce .pkg115-checkout-panel__qr { display: flex; justify-content: center; }
.pkg115--commerce .pkg115-checkout-panel .package-qr-panel { margin: 0; }
.pkg115--commerce .pkg115-checkout-panel .paypal-payment-options { margin: 0; }
.pkg115--commerce .pkg115-checkout-panel__fee {
  max-width: 68ch;
  margin: 14px 0 0;
  color: #365b85;
}

.pkg115--commerce .pkg115-checkout-features {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.pkg115--commerce .pkg115-checkout-features .pkg115-chip {
  min-height: 100%;
  align-items: center;
  padding: 15px 16px;
}

@media (min-width: 981px) and (max-width: 1320px) {
  .pkg115--commerce .pkg115-visual { transform: scale(.92); }
  .pkg115--commerce .pkg115-checkout-panel { grid-template-columns: minmax(220px, .68fr) minmax(0, 1.32fr); gap: 28px; }
}

@media (max-width: 980px) {
  .pkg115--commerce .pkg115-checkout-panel { grid-template-columns: 1fr; }
  .pkg115--commerce .pkg115-checkout-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .pkg115--commerce .pkg115-checkout-panel__qr { display: none; }
}

@media (max-width: 640px) {
  .pkg115--commerce .pkg115-checkout-section { padding: 24px 0 32px; }
  .pkg115--commerce .pkg115-checkout-panel { padding: 18px; border-radius: 16px; }
  .pkg115--commerce .pkg115-checkout-features { grid-template-columns: 1fr; gap: 10px; margin-top: 14px; }
}