.msrr-hidden-field,
.msrr-hidden-phone {
  display: none !important;
}

.msrr-quote-options {
  margin: 18px 0;
  padding: 18px;
  border: 1px solid currentColor;
  border-radius: 12px;
}

.msrr-quote-options h2 {
  margin: 0 0 12px;
}

.msrr-option-list {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.msrr-option-list label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}

.msrr-option-list small {
  display: block;
  opacity: .75;
  margin-top: 2px;
}

.msrr-saving {
  font-size: 13px;
  opacity: .75;
  display: none;
  margin-top: 8px;
}

.msrr-saving.is-visible {
  display: block;
}

/* Hide native WooCommerce shipping UI because delivery is handled by Rental Request options. */
.wp-block-woocommerce-checkout-shipping-address-block,
.wp-block-woocommerce-checkout-shipping-method-block,
.wc-block-checkout__shipping-address,
.wc-block-checkout__shipping-method,
.wc-block-components-shipping-rates-control,
.wc-block-components-totals-shipping {
  display: none !important;
}

/*
 * Remove the duplicate "Order summary" title that WooCommerce's checkout block
 * shows at the top on mobile. The block is responsive via CSS container queries
 * (not viewport media queries), so this must use @container to match.
 */
@container (max-width: 699px) {
  .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    display: none !important;
  }
}

/* Static Delivery & Installation note — replaces the old tier radios. */
.msrr-quote-options .msrr-delivery-note {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.7;
  color: #55524e;
  max-width: 640px;
}