/* 724Takipçi /odeme/ — shared theme colors and aligned existing checkout. */
body.site-shell-724.checkout-align724-v12 {
    --c20-bg: var(--c724-bg);
    --c20-surface: var(--c724-panel);
    --c20-surface-soft: var(--c724-panel-2);
    --c20-text: var(--c724-text);
    --c20-muted: var(--c724-muted);
    --c20-line: var(--c724-line);
    --c20-line-strong: var(--c724-line);
    --c20-primary: var(--c724-accent);
    --c20-blue: var(--c724-accent);
    --c20-success: var(--c724-success);
    --c20-danger: var(--c724-error);
    --c20-shadow: var(--c724-shadow);
    --c20-shadow-soft: var(--c724-shadow);
    background: var(--c724-bg) !important;
    color: var(--c724-text);
    color-scheme: var(--c724-mode);
}
body.checkout-align724-v12.checkout-724 :is(.checkout20-hero, .checkout20-page) > .container {
    width: calc(100% - 48px) !important;
    max-width: 1240px !important;
    min-width: 0;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 38px 0 32px !important;
    background: radial-gradient(ellipse at 12% 0, var(--c724-soft), transparent 65%), var(--c724-bg) !important;
    background-size: auto !important;
    border-bottom: 1px solid var(--c724-line);
    overflow: visible !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero .intro--head.checkout20-hero-inner {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero .checkout20-hero-icon {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    border-radius: 18px !important;
    color: var(--c724-accent) !important;
    background: var(--c724-soft) !important;
    box-shadow: none !important;
    font-size: 28px !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero .intro--head > .text.checkout20-hero-copy {
    align-items: flex-start !important;
    text-align: left !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero h1 {
    font-size: clamp(30px, 3.3vw, 42px) !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
    letter-spacing: -.03em !important;
}
body.checkout-align724-v12.checkout-724 .checkout20-hero p {
    max-width: 780px !important;
    margin: 9px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}
/* The base #orderPage margin was -70px and covered the hero copy. */
body.checkout-align724-v12 #orderPage.checkout20-page {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 28px 0 52px !important;
    transform: none !important;
    background: var(--c724-bg) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-form {
    max-width: none !important;
    padding: 0 !important;
}
body.checkout-align724-v12 #orderPage .checkout20-grid {
    grid-template-columns: minmax(0, 1fr) 380px !important;
    align-items: start !important;
    gap: 24px !important;
}
body.checkout-align724-v12 #orderPage :is(.checkout20-main, .checkout20-sidebar) { grid-template-columns: minmax(0, 1fr) !important; gap: 24px !important; }
body.checkout-align724-v12 #orderPage input[type="hidden"] { display: none !important; }
body.checkout-align724-v12 #orderPage .checkout20-card {
    padding: 24px !important;
    border-radius: 22px !important;
    border: 1px solid var(--c724-line) !important;
    background: var(--c724-panel) !important;
    box-shadow: var(--c724-shadow) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-summary-card { position: static !important; top: auto !important; }
body.checkout-align724-v12 #orderPage .checkout20-card-head {
    min-height: 64px;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 0 18px !important;
    margin: 0 0 20px !important;
}
body.checkout-align724-v12 #orderPage .checkout20-card-head h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere;
}
body.checkout-align724-v12 #orderPage .checkout20-card-head > div { flex: 1 1 auto; min-width: 0; }
body.checkout-align724-v12 #orderPage :is(.checkout20-order-count, .checkout20-secure-badge) {
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    background: var(--c724-soft) !important;
    border-color: var(--c724-line) !important;
    color: var(--c724-accent) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-secure-badge {
    color: var(--c724-success) !important;
    background: var(--c724-success-bg) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-lock {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px;
    background: var(--c724-soft) !important;
}
body.checkout-align724-v12 #orderPage #sepet-items {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 12px !important;
}
body.checkout-align724-v12 #orderPage .checkout20-cart-item {
    grid-template-columns: 60px minmax(0, 1fr) auto !important;
    grid-template-areas: "media copy actions";
    min-height: 96px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 16px !important;
}
body.checkout-align724-v12 #orderPage :is(.checkout20-cart-media, .checkout20-platform-icon) {
    grid-area: media;
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}
body.checkout-align724-v12 #orderPage .checkout20-cart-media.is-fallback .checkout20-media-fallback { display: flex !important; align-items: center; justify-content: center; }
body.checkout-align724-v12 #orderPage .checkout20-cart-copy { grid-area: copy; overflow: hidden; }
body.checkout-align724-v12 #orderPage .checkout20-platform-name {
    color: var(--c724-accent) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
}
body.checkout-align724-v12 #orderPage .checkout20-package-name { min-width: 0; width: 100%; white-space: normal; font-size: 15px !important; font-weight: 650 !important; line-height: 1.45 !important; }
body.checkout-align724-v12 #orderPage .checkout20-target { min-width: 0; width: 100%; font-size: 12px !important; }
body.checkout-align724-v12 #orderPage .checkout20-target span { flex: 1 1 0%; overflow-wrap: anywhere; }
body.checkout-align724-v12 #orderPage .checkout20-cart-actions { grid-area: actions; gap: 8px !important; }
body.checkout-align724-v12 #orderPage .checkout20-price {
    min-height: 40px !important;
    padding: 0 11px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    background: var(--c724-soft) !important;
    color: var(--c724-accent) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-remove {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    color: var(--c724-error) !important;
    background: var(--c724-error-bg) !important;
    border-color: transparent !important;
}
body.checkout-align724-v12 #orderPage .checkout20-remove:hover { border-color: var(--c724-error) !important; transform: none !important; }
body.checkout-align724-v12 #orderPage .checkout20-quantity { background: var(--c724-soft); color: var(--c724-muted); }
body.checkout-align724-v12 #orderPage .checkout20-combo-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin-top: 6px; font-size: 11px; color: var(--c724-muted); }
body.checkout-align724-v12 #orderPage .checkout20-combo-meta > span { display: inline-flex; align-items: center; gap: 4px; max-width: 100%; }
body.checkout-align724-v12 #orderPage .checkout20-combo-thumbs { flex-wrap: wrap; }
body.checkout-align724-v12 #orderPage .checkout20-combo-thumb { width: 28px; height: 28px; object-fit: cover; border-radius: 6px; }
body.checkout-align724-v12 #orderPage :is(.checkout20-empty, .checkout20-loading) {
    min-height: 164px !important;
    padding: 24px 16px !important;
    border-radius: 16px !important;
    font-size: 14px;
}
body.checkout-align724-v12 #orderPage .checkout20-fields { display: flex !important; flex-wrap: wrap; gap: 18px !important; }
body.checkout-align724-v12 #orderPage .checkout20-field { flex: 1 1 calc(50% - 9px); width: calc(50% - 9px); }
body.checkout-align724-v12 #orderPage .checkout20-field-full { flex-basis: 100%; width: 100%; }
body.checkout-align724-v12 #orderPage .checkout20-field > label { color: var(--c724-muted) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.45; }
body.checkout-align724-v12 #orderPage .checkout20-input-wrap {
    display: flex !important;
    min-height: 52px !important;
    border-radius: 12px !important;
    background: var(--c724-bg) !important;
}
body.checkout-align724-v12 #orderPage .checkout20-input-wrap:focus-within { border-color: var(--c724-selected-line) !important; box-shadow: 0 0 0 3px var(--c724-soft) !important; }
body.checkout-align724-v12 #orderPage .checkout20-input-wrap > i { width: 44px !important; min-width: 44px !important; color: var(--c724-muted) !important; }
body.checkout-align724-v12 #orderPage .checkout20-field .form-control {
    flex: 1 1 0%;
    width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    padding: 0 13px !important;
    border-radius: 0 12px 12px 0 !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: normal !important;
    font-weight: 400 !important;
    color: var(--c724-text) !important;
}
body.checkout-align724-v12 #orderPage input::placeholder { color: var(--c724-muted); opacity: .82; }
body.checkout-align724-v12 #orderPage .checkout20-save-contact { margin-top: 20px !important; padding-top: 18px !important; }
body.checkout-align724-v12 #orderPage :is(.checkout20-save-label, .checkout20-contract) { position: relative; align-items: flex-start !important; gap: 10px !important; }
body.checkout-align724-v12 #orderPage :is(.checkout20-save-box, .checkout20-contract-box) {
    flex: 0 0 22px;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    margin-top: 1px;
    border-radius: 6px !important;
    background: var(--c724-bg) !important;
}
body.checkout-align724-v12 #orderPage :is(#saveContact724, #success):checked + span {
    background: var(--c724-cta) !important;
    border-color: var(--c724-selected-line) !important;
    color: var(--c724-cta-text) !important;
}
body.checkout-align724-v12 #orderPage :is(#saveContact724, #success):focus-visible + span { outline: 2px solid var(--c724-accent); outline-offset: 3px; }
body.checkout-align724-v12 #orderPage .checkout20-save-copy strong { font-weight: 600 !important; line-height: 1.5 !important; }
body.checkout-align724-v12 #orderPage .checkout20-save-copy small { line-height: 1.6 !important; }
body.checkout-align724-v12 #orderPage #totals > li {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: baseline !important;
    gap: 12px !important;
    min-height: 38px !important;
    padding: 8px 0 !important;
}
body.checkout-align724-v12 #orderPage #totals li :is(strong, span:last-child) { color: var(--c724-text) !important; text-align: right; font-variant-numeric: tabular-nums; font-weight: 650 !important; }
body.checkout-align724-v12 #orderPage :is(#amountProduct, #amountService, #amountTotal):empty::before { content: "—"; }
body.checkout-align724-v12 #orderPage #totals :is(.checkout20-total-row, .checkout724-total-row) { padding-top: 15px !important; margin-top: 8px !important; min-height: 48px !important; }
body.checkout-align724-v12 #orderPage #totals :is(.checkout20-total-row, .checkout724-total-row) :is(strong, span:last-child) { color: var(--c724-accent) !important; font-size: 20px !important; font-weight: 750 !important; }
body.checkout-align724-v12 #orderPage .checkout20-divider { margin: 20px 0; }
body.checkout-align724-v12 #orderPage .checkout20-method-title { align-items: baseline !important; flex-wrap: wrap; gap: 4px 12px !important; }
body.checkout-align724-v12 #orderPage .checkout20-method-title > span { font-weight: 650 !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods > ul {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.checkout-align724-v12 #orderPage .checkout20-methods li {
    position: relative !important;
    inset: auto !important;
    grid-template-columns: 40px minmax(0, 1fr) 20px !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 0 !important;
    min-height: 76px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 13px !important;
    border: 1px solid var(--c724-line) !important;
    border-radius: 14px !important;
    color: var(--c724-text) !important;
    background: var(--c724-panel-2) !important;
    box-shadow: none !important;
    transform: none !important;
}
body.checkout-align724-v12 #orderPage .checkout20-methods li:is(:hover, .selected) { border-color: var(--c724-selected-line) !important; background: var(--c724-selected-bg) !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods li::before,
body.checkout-align724-v12 #orderPage .checkout20-methods li::after { display: none !important; content: none !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods li.d-none,
body.checkout-align724-v12 #orderPage .checkout20-methods li[hidden] { display: none !important; }
body.checkout-align724-v12 #orderPage .checkout20-method-icon { width: 40px !important; min-width: 40px !important; height: 40px !important; border-radius: 11px !important; color: var(--c724-accent) !important; background: var(--c724-soft) !important; font-size: 23px !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods li .top span { color: var(--c724-text) !important; font-size: 14px !important; font-weight: 650 !important; white-space: normal !important; overflow-wrap: anywhere; line-height: 1.4 !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods li .bottom span { font-size: 11px !important; color: var(--c724-muted) !important; line-height: 1.4 !important; }
body.checkout-align724-v12 #orderPage .checkout20-methods li .bottom .selected { color: var(--c724-accent) !important; }
body.checkout-align724-v12 #orderPage .checkout20-method-radio { width: 20px !important; min-width: 20px !important; height: 20px !important; margin: 0 !important; border: 2px solid var(--c724-muted) !important; background: var(--c724-bg) !important; justify-self: end; }
body.checkout-align724-v12 #orderPage .checkout20-methods li.selected .checkout20-method-radio { border: 6px solid var(--c724-accent) !important; }
body.checkout-align724-v12 #orderPage .checkout20-payment-detail { padding: 12px !important; border-color: var(--c724-line) !important; background: var(--c724-panel-2) !important; color: var(--c724-muted) !important; }
body.checkout-align724-v12 #orderPage .checkout20-payment-detail p { overflow-wrap: anywhere; line-height: 1.65 !important; }
body.checkout-align724-v12 #orderPage .checkout20-payment-detail a { color: var(--c724-accent); }
body.checkout-align724-v12 #orderPage .checkout20-contract-copy { line-height: 1.7 !important; }
body.checkout-align724-v12 #orderPage .checkout20-contract-copy a { color: var(--c724-accent) !important; font-weight: 600 !important; text-decoration: underline; text-underline-offset: 3px; }
body.checkout-align724-v12 #orderPage .checkout20-submit {
    min-height: 52px !important;
    margin-top: 18px !important;
    padding: 13px 18px !important;
    border-radius: 13px !important;
    color: var(--c724-cta-text) !important;
    background: var(--c724-cta) !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    transform: none !important;
}
body.checkout-align724-v12 #orderPage .checkout20-submit.is-loading { color: transparent !important; }
body.checkout-align724-v12 #orderPage .checkout20-submit.is-loading::after { border-color: var(--c724-cta-text); border-right-color: transparent; }
body.checkout-align724-v12 #orderPage .checkout20-security-note { justify-content: flex-start !important; text-align: left !important; line-height: 1.65 !important; }
body.checkout-align724-v12 #orderPage :is(button, a, [role="radio"]):focus-visible { outline: 2px solid var(--c724-accent); outline-offset: 3px; }
/* Self-contained contract dialog; does not rely on a missing Bootstrap handler. */
body.checkout-align724-v12.checkout724-modal-open { overflow: hidden !important; }
body.checkout-align724-v12 #myModal.checkout724-dialog {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1100 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    background: #060b17b8 !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: auto !important;
    transform: none !important;
}
body.checkout-align724-v12 #myModal.checkout724-dialog[hidden] { display: none !important; }
body.checkout-align724-v12 #myModal .modal-dialog {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 740px !important;
    min-width: 0 !important;
    margin: auto !important;
    padding: 0 !important;
    transform: none !important;
}
body.checkout-align724-v12 #myModal .modal-content {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 40px);
    max-height: calc(100dvh - 40px);
    padding: 0 !important;
    border: 1px solid var(--c724-line) !important;
    border-radius: 20px !important;
    color: var(--c724-text) !important;
    background: var(--c724-panel) !important;
    overflow: hidden !important;
}
body.checkout-align724-v12 #myModal :is(.modal-header, .modal-footer) { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; background: var(--c724-panel); border: 0; }
body.checkout-align724-v12 #myModal .modal-header { border-bottom: 1px solid var(--c724-line); }
body.checkout-align724-v12 #myModal .modal-title { color: var(--c724-text); margin: 0; font-size: 20px; line-height: 1.4; }
body.checkout-align724-v12 #myModal .modal-body { flex: 1 1 auto; min-width: 0; width: 100%; max-width: 100%; min-height: 0; max-height: none !important; padding: 20px 22px !important; overflow: auto !important; overflow-wrap: anywhere; overscroll-behavior: contain; color: var(--c724-muted) !important; background: var(--c724-panel); font-size: 14px !important; line-height: 1.75 !important; }
body.checkout-align724-v12 #myModal .modal-body p { color: inherit !important; font: inherit; margin: 0 0 14px; }
body.checkout-align724-v12 #myModal .modal-footer { justify-content: flex-end; border-top: 1px solid var(--c724-line); }
body.checkout-align724-v12 #myModal .btn-close { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; padding: 0; border: 1px solid var(--c724-line); border-radius: 10px; background: var(--c724-panel-2); color: var(--c724-text); cursor: pointer; }
body.checkout-align724-v12 #myModal .btn-close svg { width: 18px; height: 18px; }
body.checkout-align724-v12 #myModal .modalbtn { min-height: 40px; padding: 8px 18px; border: 1px solid var(--c724-line); border-radius: 10px; background: var(--c724-soft); color: var(--c724-accent); cursor: pointer; }
body.checkout-align724-v12 #myModal :focus-visible { outline: 2px solid var(--c724-accent); outline-offset: 3px; }
@media (max-width: 1100px) {
    body.checkout-align724-v12 #orderPage .checkout20-grid { grid-template-columns: minmax(0, 1fr) 340px !important; gap: 20px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-card { padding: 20px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-cart-item { display: flex !important; flex-wrap: wrap; }
    body.checkout-align724-v12 #orderPage :is(.checkout20-cart-media, .checkout20-platform-icon) { flex: 0 0 52px; width: 52px !important; min-width: 52px !important; height: 52px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-cart-copy { flex: 1 1 60%; width: auto !important; }
    body.checkout-align724-v12 #orderPage .checkout20-cart-actions { flex: 0 0 100% !important; justify-content: space-between !important; width: 100% !important; padding-top: 12px !important; border-top: 1px solid var(--c724-line) !important; }
}
@media (max-width: 960px) {
    body.checkout-align724-v12 #orderPage .checkout20-grid { grid-template-columns: minmax(0, 1fr) !important; }
    body.checkout-align724-v12 #orderPage :is(.checkout20-main, .checkout20-sidebar) { gap: 20px !important; }
}
@media (max-width: 800px) {
    body.checkout-align724-v12.checkout-724 :is(.checkout20-hero, .checkout20-page) > .container { width: calc(100% - 28px) !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero { padding: 26px 0 !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero .intro--head.checkout20-hero-inner { grid-template-columns: 50px minmax(0, 1fr) !important; gap: 14px !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero .checkout20-hero-icon { width: 50px !important; min-width: 50px !important; height: 50px !important; border-radius: 14px !important; font-size: 24px !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero h1 { font-size: 32px !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero p { font-size: 13px !important; }
    body.checkout-align724-v12 #orderPage.checkout20-page { padding: 20px 0 32px !important; }
}
@media (max-width: 600px) {
    body.checkout-align724-v12 #orderPage .checkout20-card { padding: 18px !important; border-radius: 18px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-card-head { min-height: 58px; margin-bottom: 16px !important; padding-bottom: 15px !important; gap: 8px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-card-head h2 { font-size: 19px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-fields { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-field { flex-basis: 100%; width: 100%; grid-column: auto !important; }
    body.checkout-align724-v12 #orderPage .checkout20-cart-item { gap: 12px !important; padding: 13px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-methods li { grid-template-columns: 36px minmax(0, 1fr) 20px !important; gap: 10px !important; padding: 12px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-method-icon { width: 36px !important; min-width: 36px !important; height: 36px !important; font-size: 21px !important; }
    body.checkout-align724-v12 #myModal.checkout724-dialog { padding: 12px !important; }
    body.checkout-align724-v12 #myModal .modal-content { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); border-radius: 16px !important; }
    body.checkout-align724-v12 #myModal :is(.modal-header, .modal-footer) { padding: 15px 16px; }
    body.checkout-align724-v12 #myModal .modal-body { padding: 16px !important; }
    body.checkout-align724-v12 #myModal .modal-title { font-size: 18px; }
}
@media (max-width: 360px) {
    body.checkout-align724-v12 #orderPage .checkout20-card { padding: 14px !important; }
    body.checkout-align724-v12 #orderPage :is(.checkout20-order-count, .checkout20-secure-badge) { padding: 4px 7px !important; font-size: 10px !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero .intro--head.checkout20-hero-inner { grid-template-columns: 44px minmax(0, 1fr) !important; gap: 11px !important; }
    body.checkout-align724-v12.checkout-724 .checkout20-hero .checkout20-hero-icon { width: 44px !important; min-width: 44px !important; height: 44px !important; }
    body.checkout-align724-v12 #orderPage .checkout20-methods li .top span { font-size: 13px !important; }
}
@media (prefers-reduced-motion: reduce) {
    body.checkout-align724-v12 #orderPage *, body.checkout-align724-v12 #myModal * { transition: none !important; }
}