/* ═══════════════════════════════════════════════
   TargetWeb — Checkout Page (WooCommerce Checkout block)
═══════════════════════════════════════════════ */

/* The Checkout block's own stylesheet
   (plugins/woocommerce/assets/client/blocks/checkout.css) sets
   .wp-block-woocommerce-checkout{margin:0;padding-top:24px}, so the top padding
   below needs !important to win. Padding values mirror assets/css/cart.css. */
.wp-block-woocommerce-checkout {
    padding-top: 50px !important;
    padding-left: 140px;
    padding-right: 140px;
}

/* ── Tablet (max 1024px) ─────────────────────────────────── */
@media (max-width: 1024px) {
    .wp-block-woocommerce-checkout {
        padding-top: 40px !important;
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* ── Mobile (max 767px) ──────────────────────────────────── */
@media (max-width: 767px) {
    .wp-block-woocommerce-checkout {
        padding-top: 24px !important;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ── Small mobile (max 480px) ────────────────────────────── */
@media (max-width: 480px) {
    .wp-block-woocommerce-checkout {
        padding-top: 16px !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}