@font-face {font-family: Poppins;src: url(fonts/Poppins/Poppins-Regular.ttf);}
@font-face {font-family: RadioCanada;src: url(fonts/Radio_Canada/static/RadioCanada-Medium.ttf);}
@font-face {font-family: Roboto;src: url(fonts/Roboto_Slab/RobotoSlab-VariableFont_wght.ttf);}
:root {
    --primary-color: #FF8309;
    --pink-color: #FF009FF0;
    --green-color: #02cf40eb;
    --insta-gradient-color: linear-gradient(94.79deg,#f6ec32 -53.82%,#df2e80 79.03%,#132ef7 201.25%),#d9d9d9;
    --red-color: #FF009FF0;
    --yellow-color: #FF009FF0;
    --gray-color: #FF009FF0;
    --purple-color: #FF009FF0;
    --light-color: #FF009FF0;
    --secondary-color: #ec1e28;
    --yt-color: #ff0000f0;
    --third-color: #333;
    --light-black-color:#54595f;
    --fourth-color: #fff;
    --font-size: 15px;
}

body{background: var(--primary-color);font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;color: #3d3d3d;overflow-x: hidden;font-size: var(--font-size);line-height: 1.7;}
* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
img {max-width: 100%;-webkit-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
a:focus, input:focus, textarea:focus, button:focus, .slick-initialized .slick-slide:focus, .btn:focus, select:focus {text-decoration: none;outline: none;-webkit-box-shadow: none;box-shadow: none;}
input, textarea, button, select {border: none;}
.btn-orange {background-color: var(--primary-color);color: white;border: none;padding: 10px 30px;font-size: 16px;font-family: Poppins, sans-serif;border-radius: 3px;transition: 0.3s;display: block;margin: 0 auto;}

.checkout-container {max-width: 700px;background-color: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);border-radius: 10px;overflow: hidden;margin: 20px auto;}

/* Header Styles */
.header {display: flex;justify-content: space-between;align-items: center;padding: 15px 20px;border-bottom: 1px solid #eee;}
.back-link {color: #666;text-decoration: none;font-size: 14px;}
.logo img {height: 30px;}

/* User Info Styles */
.socialDataRow {display: flex;align-items: center;padding: 20px;border-bottom: 1px solid #eee;justify-content: space-between;}
.socialDataCol{display: flex;align-items: center;gap: 20px;}
.socialDataCol img {width: 50px;;border-radius: 50%;object-fit: cover;}
.socialDataCol h3 {margin: 0;font-size: 16px;font-weight: 500;}
.socialDataCol p {margin: 0;font-size: 11px;}
.product-slider-box {padding:10px;color: var(--primary-color);}
.allServices {padding: 20px 40px !important;}
.product-slider-box h4{font-size: 18px;}
.product-slider-box input{width: 100%;background: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 5px;font-size: 16px;}
.product-info-box {border-radius: 6px;margin: 0 !important;font-size: 20px;display: flex;justify-content: space-between;align-items: center;}
.product-info-box .product-qty, .product-info-box .product-price{margin: 0;font-size: 16px;}
/* Base style for the slider */
input[type=range].product-slider {-webkit-appearance: none;width: 100%;height: 6px;background: #e0e0e0;border-radius: 3px;outline: none;}
input[type=range].product-slider::-webkit-slider-runnable-track {background: #ff8309; /* Tailwind blue-500 */height: 6px;border-radius: 3px;}
input[type=range].product-slider::-webkit-slider-thumb {-webkit-appearance: none;height: 16px;width: 16px;border-radius: 50%;background: #ff8000; /* Tailwind blue-900 */margin-top: -5px;cursor: pointer;}
input[type=range].product-slider::-moz-range-track {background: #ff8309;height: 6px;border-radius: 3px;}
input[type=range].product-slider::-moz-range-thumb {height: 16px;width: 16px;border-radius: 50%;background: #ff8309;border: none;cursor: pointer;}
input[type=range].product-slider::-ms-track {background: transparent;border-color: transparent;color: transparent;}
input[type=range].product-slider {-webkit-appearance: none;width: 100%;height: 6px;border-radius: 3px;background: linear-gradient(to right, #d90000 0%, #e0e0e0 0%);outline: none;transition: background 300ms ease-in-out;}
input[type=range].product-slider::-webkit-slider-thumb {-webkit-appearance: none;width: 16px;height: 16px;background: #d90000;border-radius: 50%;margin-top: -5px;cursor: pointer;}
input[type=range].product-slider::-moz-range-thumb {width: 16px;height: 16px;background: #d90000;border-radius: 50%;border: none;cursor: pointer;}

.picRows {display: flex;gap: 5px;}
.singlePicWrap {width: 50px;height: 50px;background-repeat: no-repeat;position: relative;background-size: cover;}
.selectMedia {position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.singlePicWrap.selected {border: 3px solid #ff8309;box-shadow: 0 0 10px rgba(255, 131, 9, 0.6);}
.singlePicWrap .checkmark-icon {display: none;position: absolute;top: 10px;right: 10px;background: var(--primary-color);color: #fff;border-radius: 50%;padding: 4px;font-size: 14px;z-index: 5;}
.singlePicWrap.selected .checkmark-icon {display: block;}


.order-total {text-align: right;}
.order-total span {display: block;font-size: 12px;color: #666;}
.order-total h3 {margin: 0;font-size: 18px;font-weight: 600;}

/* Section Styles */
.checkout-section {margin-bottom: 10px;background-color: #fff;border-radius: 10px;overflow: hidden;}
.section-header {padding: 15px 20px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #eee;}
.section-header h3 {margin: 10px 0;font-size: 16px;font-weight: 600;}
.section-header input{width: 100%;}
.section-content {padding: 15px 20px;}
.hidden {display: none;}
.reviews-header {display: flex;align-items: center;justify-content: space-between;}
/* Service Item Styles */
.total-row {display: flex;justify-content: space-between;padding: 15px 0;border-top: 1px solid #eee;margin-top: 15px;font-weight: 600;}
.total-price {font-size: 16px;}

/* Button Styles */
.select-posts-btn {width: 100%;padding: 12px;background-color: #9333ea;color: white;border: none;border-radius: 5px;font-size: 14px;font-weight: 500;cursor: pointer;margin-top: 10px;}
.payment-btn {width: 100%;padding: 12px;background-color: #9333ea;color: white;border: none;border-radius: 5px;font-size: 14px;font-weight: 500;cursor: pointer;margin-top: 20px;}


/* Form Styles */
.form-group {margin-bottom: 15px;}
.form-group input,
.form-group select {width: 100%;padding: 12px;border: 1px solid #ddd;border-radius: 5px;font-size: 14px;}


/* Refills Section */
.refills-section {background-color: #f8f9fa;border-radius: 8px;padding: 15px;margin-bottom: 20px;}
.refills-section h4 {font-size: 14px;font-weight: 500;margin-bottom: 5px;}
.refills-section p {font-size: 13px;color: #666;}
.checkbox-container {display: flex;align-items: center;position: relative;padding-left: 30px;cursor: pointer;font-size: 14px;}
.checkbox-container input {position: absolute;opacity: 0;cursor: pointer;}
.checkbox-checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border: 1px solid #ddd;border-radius: 3px;}
.checkbox-container input:checked ~ .checkbox-checkmark {background-color: #9333ea;border-color: #9333ea;}
.checkbox-checkmark:after {content: "";position: absolute;display: none;}
.checkbox-container input:checked ~ .checkbox-checkmark:after {display: block;}
.checkbox-container .checkbox-checkmark:after {left: 7px;top: 3px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}

/* Footer Icons */
.footer-icons {display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px;}
.icon-item {display: flex;flex-direction: column;align-items: center;width: 20%;margin-bottom: 15px;}
.icon-item i {font-size: 18px;color: #9333ea;margin-bottom: 5px;}
.icon-item span {font-size: 10px;color: #666;text-align: center;}
/* Terms Text */
.terms-text {font-size: 12px;color: #666;text-align: center;margin-top: 20px;}
.terms-text a {color: #9333ea;text-decoration: none;}
.proceed-btn-wrap{text-align: center;}
form input[type="submit"]{background-color: var(--primary-color);border: 1px solid var(--primary-color);display: inline-block;width: 150px;height: 60px;font-size: 18px;font-weight: 600;margin: 0 auto;}
form input[type="submit"]:hover{background-color: var(--secondary-color);border: 1px solid var(--secondary-color);}

/* Payment Options */
.payment-container{padding: 20px;}
.payment-container label{display: block;margin-bottom: 10px;font-size: 16px;font-weight: 600;width: 100%;margin-left: 3px;}
.payment-container input{margin-right: 10px;height: 50px;border-radius: 5px;}
#paymentOptionsAccordion .accordion-button{width: 100%;text-align: left;padding: 10px 20px;font-size: 16px;background: #E9E9ED;position: relative;}
#paymentOptionsAccordion .accordion-button::after{position: absolute;content: "\f126";font-family: "Ionicons";right: 20px;}
#paymentOptionsAccordion .accordion-button.collapsed::after{content: "\f123";}

.checkout-stepper {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 22px 28px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

/* SocialBuddy checkout refresh */
:root { --primary-color: #3399eb; --primary-dark: #1d82d3; --checkout-bg: #f2f8fc; --checkout-ink: #152231; }
body { min-height: 100vh; background: linear-gradient(145deg, #eaf5fd 0%, #f8fbfe 52%, #edf7fd 100%); color: var(--checkout-ink); }
.checkout-container { max-width: 780px; margin: 32px auto; border: 1px solid #dceaf4; border-radius: 18px; box-shadow: 0 18px 55px rgba(24, 79, 119, .12); }
.header { padding: 17px 28px; border-color: #e7eff5; }
.logo img { height: 38px; }
.checkout-stepper { padding: 20px 34px; background: #f8fbfe; border-color: #e6eff6; }
.checkout-step-indicator.active { color: var(--primary-dark); }
.checkout-step-indicator.active span { border-color: var(--primary-color); background: var(--primary-color); }
.checkout-step-indicator.complete { color: var(--primary-dark); }
.checkout-step-indicator.complete span, .checkout-step-line.complete { border-color: var(--primary-color); background: var(--primary-color); }
.checkout-step-panel { padding: 0 32px 30px; }
.checkout-step-heading { padding: 28px 0 18px; }
.checkout-step-heading span { color: var(--primary-dark); letter-spacing: .04em; }
.checkout-step-heading h2 { color: var(--checkout-ink); font-size: 26px; }
.checkout-account-area { margin: 0 0 24px; }
.instagram-verify-form { margin: 0; padding: 20px; border-color: #dce9f3; border-radius: 14px; background: #f7fbfe; }
.instagram-verify-form label { color: #263747; font-size: 14px; }
.instagram-verify-form > div { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 0; overflow: hidden; padding: 4px; border: 1px solid #cfdfea; border-radius: 11px; background: #fff; }
.instagram-verify-form > div:focus-within { border-color: var(--primary-color); box-shadow: 0 0 0 4px rgba(51,153,235,.12); }
.instagram-verify-form .username-at { align-self: center; padding-left: 12px; color: var(--primary-color); font-weight: 800; }
.instagram-verify-form input { width: 100%; padding: 11px 8px; border: 0; background: transparent; }
.instagram-verify-form .btn-orange { min-height: 42px; margin: 0; padding: 8px 18px; border-radius: 8px; background: var(--primary-color); }
.instagram-verify-form .btn-orange.is-loading i { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: checkout-spin .7s linear infinite; font-size: 0; }
.instagram-verify-form small { min-height: 18px; margin-top: 7px; color: #c43d3d; }
@keyframes checkout-spin { to { transform: rotate(360deg); } }
.socialDataRow { position: relative; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 22px; padding: 20px 22px; border: 1px solid #d7e7f2; border-radius: 14px; background: linear-gradient(135deg,#f5fbff,#fff); box-shadow: 0 7px 20px rgba(33,104,153,.08); }
.socialDataCol { gap: 14px; min-width: 0; }
.socialDataCol img { width: 66px; height: 66px; border: 3px solid #fff; border-radius: 50%; background: #e7f2fa; box-shadow: 0 0 0 2px var(--primary-color); object-fit: cover; }
.socialDataCol h3 { overflow: hidden; color: var(--checkout-ink); font-size: 17px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.socialDataCol p { color: #647586; font-size: 13px; }
.social-profile-stats { display: flex; gap: 20px; }
.social-profile-stats span { color: #71808d; font-size: 11px; text-align: center; }
.social-profile-stats strong { display: block; color: var(--checkout-ink); font-size: 15px; }
.change-social-account { padding: 7px 10px; border: 0; border-radius: 7px; color: var(--primary-dark); background: #e9f5fd; font-size: 12px; font-weight: 700; }
.allServices { padding: 0 !important; border: 0; }
.product-slider-box { padding: 18px 0; color: var(--primary-dark); border-top: 1px solid #e8eff4; }
.product-slider-box:first-child { border-top: 0; }
.product-slider-box h4 { color: #263747; font-size: 16px; font-weight: 700; }
input[type=range].product-slider::-webkit-slider-runnable-track { height: 6px; background: transparent; }
input[type=range].product-slider::-webkit-slider-thumb { background: var(--primary-color); }
input[type=range].product-slider::-moz-range-thumb { background: var(--primary-color); }
.product-info-box .product-qty, .product-info-box .product-price { color: var(--primary-dark); font-weight: 700; }
.instagram-posts { display: flex; gap: 10px; margin-top: 14px; padding: 4px 2px 10px; overflow-x: auto; overflow-y: hidden; cursor: grab; scroll-snap-type: x proximity; scrollbar-color: #a9cde6 transparent; scrollbar-width: thin; touch-action: pan-y; user-select: none; }
.instagram-posts[hidden] { display: none !important; }
.instagram-posts:active { cursor: grabbing; }
.instagram-post { flex: 0 0 104px; width: 104px; height: 104px; aspect-ratio: 1; border-radius: 11px; scroll-snap-align: start; }
.instagram-post.selected { border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(51,153,235,.18); }
.instagram-post i { background: var(--primary-color); }
.total-row { margin: 14px 0 0; padding: 20px 4px; border-top: 1px solid #dce8f1; border-bottom: 1px solid #dce8f1; color: var(--checkout-ink); }
.checkout-step-actions { padding: 22px 0 0; }
.btn-orange { border-radius: 9px; background: var(--primary-color); box-shadow: 0 7px 17px rgba(51,153,235,.2); }
.btn-orange:hover { background: var(--primary-dark); }
.checkout-fields { display: grid; gap: 18px; padding: 4px 0 10px; }
.checkout-fields .input-group, .checkout-step-panel > .checkout-section > .input-group { display: block; width: 100%; }
.checkout-fields .input-group label, .checkout-step-panel > .checkout-section > .input-group label { display: flex; justify-content: space-between; width: 100%; margin-bottom: 7px; color: #263747; font-size: 13px; font-weight: 700; }
.checkout-fields .input-group label span { color: #82909d; font-size: 11px; font-weight: 500; }
.checkout-fields .form-control, .checkout-step-panel > .checkout-section > .input-group .form-control { display: block; width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #cfdee9; border-radius: 9px !important; background: #fbfdff; box-shadow: none; }
.checkout-fields textarea.form-control { min-height: 105px; resize: vertical; }
.checkout-fields .form-control:focus { border-color: var(--primary-color); background: #fff; box-shadow: 0 0 0 4px rgba(51,153,235,.1); }
.checkout-order-summary { padding: 22px; margin: 2px 0 24px; border-color: #dbe8f2; border-radius: 12px; background: #f6fbff; }
.summary-total-row { border-color: #d7e5ef; color: var(--primary-dark); }
.payment-method-heading { margin-bottom: 16px; color: var(--checkout-ink); }
#paymentOptionsAccordion .payment-option-card { border-color: #d8e6f0; border-radius: 12px; }
#paymentOptionsAccordion .payment-option-card.is-selected { border-color: var(--primary-color); box-shadow: 0 0 0 2px rgba(51,153,235,.13); }
#paymentOptionsAccordion .payment-option-trigger, #paymentOptionsAccordion .payment-option-trigger:not(.collapsed) { min-height: 92px; padding: 16px 18px; }
.payment-option-card.is-selected .payment-option-radio { border-color: var(--primary-color); color: var(--primary-color); }
.payment-option-icon { color: var(--primary-color); }
.payment-option-title { font-size: 18px; }
.payment-option-badges span { border-color: #b8d8ef; color: #197cc8; background: #f3faff; }
#paymentOptionsAccordion .payment-option-body { padding: 0 18px 18px 66px; }
.payment-form .btn-orange { min-width: 150px; min-height: 46px; }
.checkout-security-note { padding-top: 18px; border-top: 1px solid #e6eef4; }

@media (max-width: 576px) {
    body { background: #fff; }
    .checkout-container { margin: 0; border: 0; }
    .checkout-step-panel { padding: 0 18px 24px; }
    .socialDataRow { grid-template-columns: 1fr auto; gap: 14px; }
    .social-profile-stats { grid-column: 1 / -1; justify-content: space-around; order: 3; padding-top: 12px; border-top: 1px solid #dfebf3; }
    .instagram-verify-form { padding: 15px; }
    .instagram-verify-form > div { grid-template-columns: auto minmax(0,1fr); }
    .instagram-verify-form .btn-orange { grid-column: 1 / -1; margin-top: 4px; }
    .instagram-post { flex-basis: 88px; width: 88px; height: 88px; }
    #paymentOptionsAccordion .payment-option-body { padding: 0 14px 16px; }
}

.checkout-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.checkout-security-note {
    margin: 24px 0 0;
    color: #667085;
    font-size: 14px;
    text-align: center;
}

.checkout-security-note i { margin-right: 6px; color: #1d9b62; }

.instagram-verify-form { padding: 22px; margin: 18px 0; border: 1px solid #e7e9ee; border-radius: 14px; background: #fafbfc; }
.instagram-verify-form label { display: block; margin-bottom: 8px; font-weight: 700; }
.instagram-verify-form > div { display: flex; gap: 10px; }
.instagram-verify-form input { flex: 1; min-width: 0; padding: 12px 14px; border: 1px solid #d0d5dd; border-radius: 8px; }
.instagram-verify-form small { display: block; margin-top: 8px; color: #c62828; }
.instagram-posts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 18px; }
.instagram-post { position: relative; aspect-ratio: 1; border: 3px solid transparent; border-radius: 9px; background-position: center; background-size: cover; overflow: hidden; }
.instagram-post i { display: none; position: absolute; right: 6px; top: 6px; width: 24px; height: 24px; padding-top: 3px; border-radius: 50%; color: #fff; background: #ff8309; }
.instagram-post.selected { border-color: #ff8309; }
.instagram-post.selected i { display: block; }

@media (max-width: 640px) {
    .checkout-info-grid { grid-template-columns: 1fr; gap: 0; }
}
.checkout-step-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8a8f98;
    white-space: nowrap;
}
.checkout-step-indicator span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #cfd3d8;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
}
.checkout-step-indicator strong {
    font-size: 13px;
    font-weight: 600;
}
.checkout-step-indicator.active {
    color: #20242a;
}
.checkout-step-indicator.active span {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}
.checkout-step-indicator.complete {
    color: #16784a;
}
.checkout-step-indicator.complete span {
    border-color: #16784a;
    background: #16784a;
    color: #fff;
}
.checkout-step-line {
    height: 2px;
    background: #e5e7ea;
}
.checkout-step-line.complete {
    background: #16784a;
}
.checkout-step-panel[hidden],
[data-checkout-payment-container][hidden] {
    display: none !important;
}
.checkout-step-heading {
    padding: 24px 28px 10px;
}
.checkout-step-heading span {
    display: block;
    color: #747b85;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.checkout-step-heading h2 {
    margin: 4px 0;
    color: #20242a;
    font-size: 24px;
    font-weight: 700;
}
.checkout-step-heading p {
    margin: 0;
    color: #68707a;
    font-size: 14px;
}
.service-category-title {
    margin: 8px 28px 0;
    font-size: 16px;
    color: var(--primary-color);
}
.checkout-step-actions {
    display: flex;
    justify-content: flex-end;
    padding: 8px 20px 24px;
}
.checkout-step-actions.split-actions {
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
}
.checkout-step-actions .btn-orange {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    margin: 0;
}
.checkout-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 8px 12px;
    color: #505761;
    background: transparent;
    font-weight: 600;
}
.payment-container .checkout-step-panel {
    padding: 0 20px 10px;
}
.checkout-account-box,
.checkout-account-status {
    padding: 16px;
    margin: 8px 0 18px;
    border: 1px solid #dfe3e7;
    border-radius: 8px;
    background: #f8f9fb;
}
.checkout-account-status,
.checkout-account-required {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.checkout-account-status i,
.checkout-account-required i {
    margin-top: 3px;
    color: #16784a;
    font-size: 20px;
}
.checkout-account-status strong,
.checkout-account-required strong {
    display: block;
    color: #262b31;
}
.checkout-account-status span,
.checkout-account-required span {
    display: block;
    margin-top: 2px;
    color: #69717b;
    font-size: 13px;
}
.checkout-account-choice {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 16px;
}
.checkout-account-choice-btn {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 74px;
    padding: 12px;
    border: 1px solid #d4d9df;
    border-radius: 6px;
    background: #fff;
    color: #252a31;
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.checkout-account-choice-btn i {
    margin-top: 3px;
    color: #69717b;
    font-size: 18px;
}
.checkout-account-choice-btn strong,
.checkout-account-choice-btn small {
    display: block;
}
.checkout-account-choice-btn strong {
    font-size: 14px;
}
.checkout-account-choice-btn small {
    margin-top: 2px;
    color: #69717b;
    font-size: 12px;
    line-height: 1.35;
}
.checkout-account-choice-btn.active {
    border-color: var(--primary-color);
    background: #fff8f1;
    box-shadow: 0 0 0 2px rgba(255, 131, 9, .12);
}
.checkout-account-choice-btn.active i {
    color: var(--primary-color);
}
.checkout-account-toggle {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
}
.payment-container .checkout-account-toggle input {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 3px 0 0;
}
.checkout-account-toggle span {
    display: block;
}
.checkout-account-toggle strong,
.checkout-account-toggle small {
    display: block;
}
.checkout-account-toggle small {
    margin-top: 2px;
    color: #69717b;
    font-weight: 400;
}
.checkout-optional-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    margin-left: 7px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef5ff;
    color: #1f69ad;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
}
#checkout-account-fields {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #dfe3e7;
}
#checkout-account-fields[hidden] {
    display: none !important;
}
#checkout-account-fields .input-group {
    display: block;
}
#checkout-account-fields .input-group label {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}
#checkout-account-fields .input-group .form-control {
    display: block;
    width: 100%;
    min-height: 50px;
    flex: none;
    border-radius: 5px;
}
.checkout-account-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.checkout-account-login {
    margin: 12px 0 0;
    color: #68707a;
    font-size: 13px;
}
.checkout-account-help {
    display: block;
    margin-top: 6px;
    color: #69717b;
    font-size: 12px;
    line-height: 1.35;
}
.checkout-account-verification {
    padding: 14px;
    margin: 2px 0 8px;
    border: 1px solid #dfe3e7;
    border-radius: 6px;
    background: #fff;
}
.checkout-account-verification-copy strong,
.checkout-account-verification-copy span {
    display: block;
}
.checkout-account-verification-copy strong {
    color: #20242a;
    font-size: 14px;
}
.checkout-account-verification-copy span {
    margin-top: 2px;
    color: #69717b;
    font-size: 12px;
    line-height: 1.4;
}
.checkout-account-verification-actions {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    margin-top: 12px;
}
.checkout-send-otp-btn,
.checkout-verify-otp-btn {
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    background: var(--primary-color);
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
}
.checkout-send-otp-btn {
    background: #fff;
    color: var(--primary-color);
}
.checkout-send-otp-btn:disabled,
.checkout-verify-otp-btn:disabled {
    cursor: not-allowed;
    opacity: .65;
}
.checkout-account-otp-entry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}
.checkout-account-otp-entry .form-control {
    min-height: 44px;
}
.checkout-account-otp-status {
    min-height: 18px;
    margin: 8px 0 0;
    color: #69717b;
    font-size: 12px;
}
.checkout-account-otp-status.success {
    color: #16784a;
}
.checkout-account-otp-status.error {
    color: #b42318;
}
.checkout-account-otp-status.info {
    color: #506076;
}
.checkout-account-login a {
    color: var(--primary-color);
    font-weight: 600;
}
.checkout-order-summary {
    padding: 18px;
    margin: 8px 0 22px;
    border: 1px solid #e2e5e9;
    border-radius: 8px;
    background: #f8f9fb;
}
.coupon-entry {
    padding-bottom: 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e1e4e8;
}
.coupon-entry label {
    margin-bottom: 7px;
    color: #30353b;
    font-size: 14px;
}
.coupon-control {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}
.payment-container .coupon-control input {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #cfd4da;
    text-transform: uppercase;
}
.coupon-control button {
    min-width: 90px;
    padding: 0 16px;
    border-radius: 5px;
    background: #252a31;
    color: #fff;
    font-weight: 600;
}
.coupon-control button:disabled {
    opacity: .65;
}
.coupon-feedback {
    min-height: 20px;
    margin-top: 6px;
    font-size: 12px;
}
.coupon-feedback.success {
    color: #16784a;
}
.coupon-feedback.error {
    color: #bd2530;
}
.summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 6px 0;
}
.summary-row span {
    color: #626a74;
}
.summary-row strong {
    color: #252a31;
}
.discount-row strong {
    color: #16784a;
}
.summary-total-row {
    padding-top: 12px;
    margin-top: 8px;
    border-top: 1px solid #d9dde2;
    font-size: 18px;
}
.payment-method-heading {
    margin: 0 0 14px;
    color: #071120;
    font-size: 17px;
    font-weight: 700;
}
.payment-method-heading span {
    color: #d62d46;
}
#paymentOptionsAccordion {
    display: grid;
    gap: 12px;
}
#paymentOptionsAccordion .payment-option-card {
    overflow: hidden;
    border: 1px solid #dce2ea;
    border-radius: 6px;
    background: #fff;
    transition: border-color .2s ease, box-shadow .2s ease;
}
#paymentOptionsAccordion .payment-option-card.is-selected {
    border-color: #18bf55;
    box-shadow: 0 0 0 1px #18bf55;
}
#paymentOptionsAccordion .payment-option-trigger,
#paymentOptionsAccordion .payment-option-trigger:not(.collapsed) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 106px;
    padding: 18px 16px;
    border: 0;
    background: #fff;
    color: #071120;
    box-shadow: none;
    text-align: left;
}
#paymentOptionsAccordion .payment-option-trigger::after,
#paymentOptionsAccordion .payment-option-trigger.collapsed::after {
    display: none;
}
.payment-option-radio {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid #071120;
    border-radius: 50%;
    color: #18bf55;
    font-size: 11px;
}
.payment-option-radio i {
    opacity: 0;
}
.payment-option-card.is-selected .payment-option-radio {
    border-color: #18bf55;
}
.payment-option-card.is-selected .payment-option-radio i {
    opacity: 1;
}
.payment-option-content {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.payment-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #2364ff;
    font-size: 22px;
}
.payment-option-copy {
    display: block;
    min-width: 0;
}
.payment-option-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #071120;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.15;
}
.payment-option-description {
    display: block;
    margin-top: 6px;
    color: #5e6b82;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}
.payment-option-badges {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 220px;
}
.payment-option-badges span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #a9c4ef;
    border-radius: 3px;
    background: #f8fbff;
    color: #0759b8;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}
.wallet-discount-pill {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    background: #bff2d2;
    color: #037236;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}
.wallet-discount-notice,
.wallet-payment-note {
    align-items: flex-start;
    background: #f1fbf5;
    border: 1px solid #b9e3ca;
    border-radius: 6px;
    color: #16784a;
    display: flex;
    gap: 10px;
    line-height: 1.45;
    margin-top: 12px;
    padding: 12px 14px;
}
.wallet-discount-notice i {
    margin-top: 2px;
}
.wallet-payment-note {
    display: block;
    margin: 0;
}
.wallet-payment-note strong,
.wallet-payment-note span {
    display: block;
}
.wallet-payment-note span {
    color: #51605a;
    font-size: 13px;
    margin-top: 3px;
}
#paymentOptionsAccordion .payment-option-body {
    padding: 0 18px 18px 66px;
}
.crypto-guest-notice {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px;
    margin-bottom: 10px;
    border: 1px solid #b9e3ca;
    border-radius: 6px;
    background: #f1fbf5;
}
.crypto-guest-notice strong {
    color: #16784a;
    font-size: 14px;
}
.crypto-guest-notice span {
    color: #51605a;
    font-size: 13px;
    line-height: 1.45;
}



/* Responsive Styles */
@media (max-width: 576px) {
.checkout-container {border-radius: 0;box-shadow: none;}
.icon-item {width: 33.33%;}
.socialDataRow {flex-direction: column;gap: 20px;}
.checkout-stepper {gap: 6px;padding: 16px 12px;}
.checkout-step-indicator {flex-direction: column;gap: 3px;text-align: center;}
.checkout-step-indicator strong {font-size: 10px;}
.checkout-step-indicator span {width: 28px;height: 28px;}
.checkout-step-heading {padding: 20px 18px 8px;}
.checkout-step-heading h2 {font-size: 21px;}
.service-category-title {margin-left: 18px;margin-right: 18px;}
.allServices {padding: 16px 18px !important;}
.payment-container .checkout-step-panel {padding-left: 14px;padding-right: 14px;}
.checkout-step-actions.split-actions {align-items: stretch;flex-direction: column-reverse;gap: 8px;}
.checkout-step-actions .btn-orange, .checkout-back {width: 100%;justify-content: center;}
.coupon-control {grid-template-columns: 1fr;}
.coupon-control button {height: 42px;}
.checkout-account-grid {grid-template-columns: 1fr;}
.checkout-account-choice {grid-template-columns: 1fr;}
.checkout-account-verification-actions,
.checkout-account-otp-entry {grid-template-columns: 1fr;}
.checkout-send-otp-btn,
.checkout-verify-otp-btn {width: 100%;}
#paymentOptionsAccordion .payment-option-trigger,
#paymentOptionsAccordion .payment-option-trigger:not(.collapsed) {grid-template-columns: auto minmax(0, 1fr);align-items: flex-start;min-height: auto;padding: 15px 14px;}
.payment-option-content {grid-template-columns: 28px minmax(0, 1fr);align-items: flex-start;}
.payment-option-icon {width: 28px;height: 28px;font-size: 19px;}
.payment-option-title {font-size: 16px;}
.payment-option-description {font-size: 12px;}
.payment-option-badges {grid-column: 2;justify-content: flex-start;max-width: none;}
#paymentOptionsAccordion .payment-option-body {padding: 0 14px 16px 48px;}
}