body.varesh-checkout-runtime-active {
    --vcr-blue: #0b72f6;
    --vcr-blue-dark: #075bc5;
    --vcr-navy: #061d42;
    --vcr-text: #102342;
    --vcr-muted: #71839d;
    --vcr-border: #dce8f7;
}

body.varesh-checkout-runtime-active .main-header { display: none !important; }
body.varesh-checkout-runtime-active .main-body { padding-top: 24px !important; }
body.varesh-checkout-runtime-active .main-body > .container { max-width: 1180px !important; }

.vcr-hero { position: relative; min-height: 154px; margin-bottom: 18px; padding: 25px 28px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 18px; overflow: hidden; border: 1px solid rgba(55,145,248,.28); border-radius: 20px; color: #fff; background: radial-gradient(circle at 18% 10%,rgba(53,151,255,.28),transparent 30%),linear-gradient(115deg,#061d42 0%,#08336e 58%,#0b72f6 125%); box-shadow: 0 18px 44px rgba(5,42,91,.16); }
.vcr-hero::after { content: ''; position: absolute; inset: auto -42px -90px auto; width: 250px; height: 190px; border: 28px solid rgba(255,255,255,.055); border-radius: 50%; transform: rotate(-15deg); }
.vcr-hero * { box-sizing: border-box; }
.vcr-hero svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vcr-hero-icon { width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); border-radius: 16px; background: rgba(255,255,255,.1); }
.vcr-hero-icon svg { width: 29px; height: 29px; }
.vcr-hero-copy { min-width: 0; }
.vcr-hero-copy > span { color: #8fc5ff; font-size: 11px; font-weight: 800; }
.vcr-hero h1 { margin: 3px 0 5px; color: #fff; font-size: 25px; font-weight: 900; line-height: 1.45; }
.vcr-hero p { margin: 0; color: #c6d9ee; font-size: 12px; line-height: 1.85; }
.vcr-hero-status { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,minmax(105px,1fr)); gap: 9px; }
.vcr-hero-status > div { min-height: 78px; padding: 12px 15px; display: flex; flex-direction: column; justify-content: center; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(2,24,55,.38); }
.vcr-hero-status small { color: #9fb9d5; font-size: 9px; }
.vcr-hero-status strong { color: #fff; font-size: 22px; font-weight: 900; }
.vcr-hero-status .vcr-secure { align-items: center; gap: 5px; }
.vcr-secure svg { width: 24px; height: 24px; }
.vcr-secure span { color: #fff; font-size: 10px; font-weight: 850; }

body.varesh-checkout-runtime-active .main-grid { gap: 18px !important; }
body.varesh-checkout-runtime-active .main-grid .main-content,
body.varesh-checkout-runtime-active .main-grid .main-sidebar { min-width: 0; }
body.varesh-checkout-runtime-active .message-no-data { min-height: 300px; padding: 42px 24px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 1px solid var(--vcr-border) !important; border-radius: 18px !important; background: linear-gradient(145deg,#fff,#f8fbff) !important; box-shadow: 0 14px 40px rgba(29,78,140,.09) !important; }
body.varesh-checkout-runtime-active .message-no-data .message-title { margin-top: 16px !important; color: var(--vcr-text) !important; font-size: 18px !important; font-weight: 900 !important; }
body.varesh-checkout-runtime-active .message-no-data .btn-primary { min-height: 44px; padding: 10px 18px !important; border: 0 !important; border-radius: 10px !important; background: linear-gradient(135deg,#1687ff,#0968df) !important; box-shadow: 0 10px 24px rgba(11,114,246,.2) !important; }

body.varesh-checkout-runtime-active .section { margin-bottom: 18px !important; }
body.varesh-checkout-runtime-active .section-header { margin-bottom: 9px !important; }
body.varesh-checkout-runtime-active .section-title { color: var(--vcr-text) !important; font-size: 16px !important; font-weight: 900 !important; }
body.varesh-checkout-runtime-active .panel-default,
body.varesh-checkout-runtime-active .section-body > .panel,
body.varesh-checkout-runtime-active .view-cart-items { overflow: hidden; border: 1px solid var(--vcr-border) !important; border-radius: 17px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(29,78,140,.08) !important; }
body.varesh-checkout-runtime-active .panel-body { padding: 21px !important; }
body.varesh-checkout-runtime-active .form-control { min-height: 45px !important; padding: 10px 13px !important; border: 1px solid #d8e4f2 !important; border-radius: 11px !important; color: #263e5b !important; background-color: #fbfdff !important; box-shadow: none !important; }
body.varesh-checkout-runtime-active .form-control:focus { border-color: #8abfff !important; box-shadow: 0 0 0 3px rgba(11,114,246,.09) !important; }
body.varesh-checkout-runtime-active .alert { overflow: hidden; border-radius: 13px !important; }

body.varesh-checkout-runtime-active .panel-summary { overflow: hidden; border: 1px solid var(--vcr-border) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 14px 40px rgba(29,78,140,.1) !important; }
body.varesh-checkout-runtime-active .panel-summary .panel-heading { min-height: 64px; padding: 18px 19px !important; border-bottom: 1px solid #e7eef7 !important; background: linear-gradient(180deg,#fff,#f8fbff) !important; }
body.varesh-checkout-runtime-active .panel-summary .panel-title { color: var(--vcr-text) !important; font-size: 18px !important; font-weight: 900 !important; }
body.varesh-checkout-runtime-active .panel-summary .panel-body { padding: 8px 19px !important; }
body.varesh-checkout-runtime-active .summary-list .list-item { min-height: 45px; padding: 11px 0 !important; border-bottom: 1px solid #edf2f8 !important; color: #50657f !important; }
body.varesh-checkout-runtime-active .summary-list .item-value { color: var(--vcr-text); font-weight: 850; }
body.varesh-checkout-runtime-active .panel-summary .panel-footer { padding: 17px 19px !important; border-top: 1px solid #e7eef7 !important; background: #f8fbff !important; }
body.varesh-checkout-runtime-active .price-amount { color: var(--vcr-text) !important; font-size: 24px !important; font-weight: 950 !important; }
body.varesh-checkout-runtime-active .btn-checkout { min-height: 48px !important; border: 0 !important; border-radius: 11px !important; background: linear-gradient(135deg,#1687ff,#0968df) !important; box-shadow: 0 10px 24px rgba(11,114,246,.2) !important; font-weight: 900 !important; }
body.varesh-checkout-runtime-active .btn-checkout.disabled,
body.varesh-checkout-runtime-active .btn-checkout:disabled { color: #99a6b7 !important; background: #edf1f6 !important; box-shadow: none !important; }
body.varesh-checkout-runtime-active .order-checkbox { margin-top: 12px; padding: 12px 14px; border: 1px solid #dce7f4; border-radius: 11px; background: #f8fbff; }

@media (max-width: 991px) {
    .vcr-hero { grid-template-columns: 50px minmax(0,1fr); padding: 21px; }
    .vcr-hero-icon { width: 50px; height: 50px; }
    .vcr-hero-status { grid-column: 1/-1; width: 100%; }
}

@media (max-width: 575px) {
    body.varesh-checkout-runtime-active .main-body { padding-top: 14px !important; }
    .vcr-hero { grid-template-columns: 43px minmax(0,1fr); gap: 12px; padding: 18px 15px; border-radius: 16px; }
    .vcr-hero-icon { width: 43px; height: 43px; border-radius: 12px; }
    .vcr-hero-icon svg { width: 23px; height: 23px; }
    .vcr-hero h1 { font-size: 20px; }
    .vcr-hero p { font-size: 11px; }
    .vcr-hero-status { grid-template-columns: 1fr 1fr; }
    .vcr-hero-status > div { min-height: 64px; padding: 10px 12px; }
    body.varesh-checkout-runtime-active .panel-body { padding: 15px !important; }
}