/* KB Popup Skins — 5 treatments for the signup modal. Selected via body.kbps-N.
Modal DOM: #marianatek_signup_popup_marianatek_modal > .marianatek_modal-content
> .close_btn + .modal-body > #step1 (.search_location_tab: .top_tab h2/p,
.form_tab_container, .preloaded_locations li.location_select_btn) |
.sign_frm_section (.top_tab h2 + .back_arrar, .already_login_tab, .form_tab
label/input/select, .detail_selected_membership, .marianatek_btn a) |
#payment_section .contract_information (.card_detail_heading h2, h3, p, p.price, iframe) */
/* ---------- shared resets every skin builds on ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal { -webkit-font-smoothing: antialiased; }
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { border: none !important; box-shadow: 0 30px 80px rgba(0,0,0,.55) !important; max-height: 94vh !important; margin: 3vh auto !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab { margin: 10px 0 !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab label { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; letter-spacing: .02em; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] { width: auto; display: inline-block; margin: 0 8px 0 0; vertical-align: middle; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { display: inline; font-weight: 400; font-size: 12.5px; line-height: 1.45; }
body.kbps #marianatek_signup_popup_marianatek_modal .password-requirements { font-size: 11.5px !important; opacity: .75; }
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_btn { margin-top: 12px; }
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_btn a,
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_btn button { display: block !important; width: 100% !important; box-sizing: border-box; text-align: center !important; text-decoration: none !important; cursor: pointer; transition: transform .12s ease, background .15s ease; }
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_btn a:hover,
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_btn button:hover { transform: translateY(-1px); }
body.kbps #marianatek_signup_popup_marianatek_modal .preloaded_locations ul { padding: 0; margin: 12px 0 0; }
body.kbps #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { list-style: none; transition: transform .12s ease, box-shadow .15s ease; }
body.kbps #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { transform: translateY(-2px); }
body.kbps #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { font-weight: 700; font-size: 17px; margin: 0 0 4px; }
body.kbps #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { font-size: 13.5px; opacity: .75; }
body.kbps #marianatek_signup_popup_marianatek_modal .contract_information h3 { font-size: 18px !important; font-weight: 800 !important; margin: 14px 0 4px; }
body.kbps #marianatek_signup_popup_marianatek_modal .contract_information p.price { font-size: 34px; font-weight: 800; margin: 6px 0 14px; }
body.kbps #marianatek_signup_popup_marianatek_modal .contract_information iframe { border-radius: 10px; }
body.kbps #marianatek_signup_popup_marianatek_modal .close_btn { top: 14px; right: 16px !important; width: 34px; height: 34px; line-height: 32px; text-align: center; border-radius: 50%; font-size: 24px !important; opacity: 1 !important; }
/* ================= 1 · CORNERMAN — red band header, cream body ================= */
body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { background: #fff !important; border-radius: 16px !important; padding: 0 !important; overflow-y: auto !important; font-family: "Rubik", sans-serif; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .modal-body { padding: 0 24px 24px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .sign_frm_section .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .login_frm_section > .top_tab:first-child { background: #c0392b; margin: 0 -24px 0; padding: 22px 60px 22px 24px; align-items: center; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { color: #fff !important; font-style: italic; font-weight: 800; text-transform: uppercase; font-size: 22px; letter-spacing: .02em; margin: 0; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal span.back_arrar { color: #fff !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .close_btn { color: #fff !important; background: rgba(0,0,0,.25); }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { margin: 18px 0 4px; color: #55504a; font-size: 15px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .already_login_tab { background: #faf6f1; margin: 0 -24px; padding: 10px 24px; text-align: center; border-bottom: 1px solid #eee6de; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .already_login_tab p { margin: 0; font-size: 14px; color: #55504a; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .already_login_tab a { color: #b40200; font-weight: 700; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .form_tab label { color: #16130f; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-1 #marianatek_signup_popup_marianatek_modal select { background: #f6f2ee !important; border: 1.5px solid #f6f2ee !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 15px; color: #16130f !important; width: 100%; box-sizing: border-box; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal input:focus, body.kbps-1 #marianatek_signup_popup_marianatek_modal select:focus { outline: none; border-color: #b40200 !important; background: #fff !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { background: #fff; border: 1.5px solid #eee6de !important; border-radius: 12px; padding: 14px 16px !important; margin: 10px 0; box-shadow: 0 2px 8px rgba(0,0,0,.04); }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { border-color: #b40200 !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { color: #b40200 !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { color: #55504a; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #faf6f1; border-radius: 10px; padding: 12px 14px; margin: 4px 0 8px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal label.membership_name_label { color: #16130f !important; font-size: 15px !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { color: #55504a; font-size: 13.5px; margin: 4px 0 0; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { background: #b40200 !important; color: #fff !important; border-radius: 999px !important; padding: 15px 24px !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: .1em; text-transform: uppercase; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn a:hover, body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn button:hover { background: #cf0300 !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .card_detail_heading h2 { color: #fff !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .contract_information { padding-top: 8px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .contract_information p.price { color: #b40200; }
/* ================= 2 · STUDIO NIGHT — dark modal, photo band ================= */
body.kbps-2 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { background: #141114 !important; color: #fff; border-radius: 18px !important; padding: 0 !important; overflow-y: auto !important; font-family: "Rubik", sans-serif; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .modal-body { padding: 0 26px 26px; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child,
body.kbps-2 #marianatek_signup_popup_marianatek_modal .login_frm_section > .top_tab:first-child { margin: 0 -26px 14px; padding: 46px 60px 20px 26px; align-items: flex-end; min-height: 120px; box-sizing: border-box; background: linear-gradient(180deg, rgba(20,17,20,.15) 0%, rgba(20,17,20,.92) 100%), url("../kb-ads/bg-studio.jpg") center 40% / cover no-repeat; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { color: #fff !important; font-weight: 800; font-size: 24px; margin: 0; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal span.back_arrar, body.kbps-2 #marianatek_signup_popup_marianatek_modal .close_btn { color: #fff !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .close_btn { background: rgba(255,255,255,.14); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { color: rgba(255,255,255,.75); font-size: 15px; margin: 0 0 6px; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .already_login_tab p { color: rgba(255,255,255,.7); font-size: 14px; margin: 0 0 4px; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .already_login_tab a { color: #ff8583; font-weight: 700; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .form_tab label { color: rgba(255,255,255,.7); text-transform: uppercase; font-size: 11.5px; letter-spacing: .1em; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-2 #marianatek_signup_popup_marianatek_modal select { background: #201b20 !important; border: 1.5px solid #342c33 !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 15px; color: #fff !important; width: 100%; box-sizing: border-box; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal input::placeholder { color: rgba(255,255,255,.35); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal input:focus, body.kbps-2 #marianatek_signup_popup_marianatek_modal select:focus { outline: none; border-color: #e4544e !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal select option { color: #16130f; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { color: rgba(255,255,255,.7); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .form_tab a { color: #ff8583; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .password-requirements { color: rgba(255,255,255,.6) !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .fa-eye { color: rgba(255,255,255,.6) !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { background: #1c181c; border: 1.5px solid #2e272d !important; border-left: 4px solid #b40200 !important; border-radius: 12px; padding: 14px 16px !important; margin: 10px 0; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { border-color: #e4544e !important; background: #221d22; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { color: #fff !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { color: rgba(255,255,255,.65); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #1c181c; border: 1px solid #2e272d; border-radius: 10px; padding: 12px 14px; margin: 4px 0 8px; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal label.membership_name_label { color: #fff !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { color: rgba(255,255,255,.7); font-size: 13.5px; margin: 4px 0 0; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-2 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { background: #b40200 !important; color: #fff !important; border-radius: 12px !important; padding: 15px 24px !important; font-weight: 800 !important; font-size: 14px !important; letter-spacing: .08em; text-transform: uppercase; box-shadow: 0 10px 30px rgba(180,2,0,.35); }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .contract_information, body.kbps-2 #marianatek_signup_popup_marianatek_modal .contract_information h3, body.kbps-2 #marianatek_signup_popup_marianatek_modal .contract_information p, body.kbps-2 #marianatek_signup_popup_marianatek_modal .card_detail_heading h2 { color: #fff !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .contract_information p.price { color: #ff8583 !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .contract_information iframe { background: #fff; }
/* ================= 3 · SPLIT PANEL — brand panel + form ================= */
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { background: #fff !important; border-radius: 18px !important; padding: 0 !important; overflow-y: auto !important; max-width: 940px !important; width: 92% !important; display: grid; grid-template-columns: 300px minmax(0, 1fr); font-family: "Rubik", sans-serif; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content::before { content: "KICKBOXING CLUB\A\A The Best Kickboxing Workout In SoCal.\A\A ✓ All Levels Welcome\A ✓ Coach-Led 50-Minute Classes\A ✓ Heavy Bags — Zero Contact\A ✓ Three Studios, One Membership"; white-space: pre-line; grid-row: 1 / span 2; grid-column: 1; padding: 34px 26px; color: #fff; font-size: 14.5px; line-height: 1.6; background: linear-gradient(160deg, rgba(10,8,10,.55) 0%, rgba(10,8,10,.92) 100%), url("../kb-ads/bg-studio-alt.jpg") center / cover no-repeat; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content::before { font-weight: 500; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content::first-line { font-weight: 800; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .modal-body { grid-column: 2; padding: 30px 30px 26px; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .close_btn { grid-column: 2; color: #16130f !important; background: #f1ece6; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { color: #16130f !important; font-weight: 800; font-size: 24px; margin: 0 0 6px; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal span.back_arrar { color: #b40200 !important; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { color: #55504a; font-size: 15px; margin: 0 0 6px; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .already_login_tab p { color: #55504a; font-size: 14px; margin: 0 0 4px; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .already_login_tab a { color: #b40200; font-weight: 700; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .form_tab label { color: #16130f; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-3 #marianatek_signup_popup_marianatek_modal select { background: #fff !important; border: 1.5px solid #e3ddd6 !important; border-radius: 10px !important; padding: 12px 14px !important; font-size: 15px; color: #16130f !important; width: 100%; box-sizing: border-box; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal input:focus, body.kbps-3 #marianatek_signup_popup_marianatek_modal select:focus { outline: none; border-color: #b40200 !important; box-shadow: 0 0 0 3px rgba(180,2,0,.12); }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { border: 1.5px solid #e3ddd6 !important; border-radius: 12px; padding: 14px 16px 14px 40px !important; margin: 10px 0; position: relative; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li::before { content: ""; position: absolute; left: 16px; top: 20px; width: 12px; height: 12px; border-radius: 50%; background: #b40200; box-shadow: 0 0 0 4px rgba(180,2,0,.15); }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { border-color: #b40200 !important; box-shadow: 0 8px 20px rgba(0,0,0,.08); }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { color: #16130f !important; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { color: #6b655d; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { border-left: 3px solid #b40200; padding: 4px 0 4px 14px; margin: 4px 0 8px; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { color: #55504a; font-size: 13.5px; margin: 4px 0 0; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { background: #b40200 !important; color: #fff !important; border-radius: 10px !important; padding: 15px 24px !important; font-weight: 800 !important; font-size: 15px !important; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .card_detail_heading h2 { color: #16130f !important; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .contract_information p.price { color: #b40200; }
@media (max-width: 820px) {
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { grid-template-columns: 1fr; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content::before { grid-row: 1; grid-column: 1; padding: 18px 22px; font-size: 13px; content: "KICKBOXING CLUB\A All Levels Welcome · Coach-Led · Zero Contact"; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .modal-body, body.kbps-3 #marianatek_signup_popup_marianatek_modal .close_btn { grid-column: 1; }
}
/* ================= 4 · CLEAN CARD — light, modern checkout ================= */
body.kbps-4 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { background: #fff !important; border-radius: 22px !important; padding: 30px 32px 28px !important; font-family: "Rubik", sans-serif; box-shadow: 0 40px 100px rgba(0,0,0,.4) !important; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .close_btn { color: #16130f !important; background: #f1ece6; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .close_btn:hover { background: #e6dfd7; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { color: #16130f !important; font-weight: 800; font-size: 26px; letter-spacing: -.01em; margin: 0 0 6px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child::before { content: "Kickboxing Club"; display: block; width: 100%; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #b40200; font-weight: 700; margin-bottom: 6px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child { flex-wrap: wrap; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal span.back_arrar { color: #b40200 !important; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { color: #55504a; font-size: 15px; margin: 0 0 8px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .already_login_tab { background: #faf6f1; border-radius: 10px; padding: 10px 14px; margin: 10px 0 4px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .already_login_tab p { margin: 0; color: #55504a; font-size: 14px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .already_login_tab a { color: #b40200; font-weight: 700; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .form_tab label { color: #6b655d; text-transform: uppercase; font-size: 11.5px; letter-spacing: .1em; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-4 #marianatek_signup_popup_marianatek_modal select { background: #fff !important; border: 1.5px solid #e3ddd6 !important; border-radius: 12px !important; padding: 13px 15px !important; font-size: 15px; color: #16130f !important; width: 100%; box-sizing: border-box; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal input:focus, body.kbps-4 #marianatek_signup_popup_marianatek_modal select:focus { outline: none; border-color: #b40200 !important; box-shadow: 0 0 0 4px rgba(180,2,0,.1); }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { text-transform: none; letter-spacing: 0; color: #55504a; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { background: #fff; border: 1.5px solid #e3ddd6 !important; border-radius: 14px; padding: 16px 18px !important; margin: 12px 0; display: flex; flex-direction: column; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { border-color: #b40200 !important; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { color: #16130f !important; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name::after { content: "Choose →"; float: right; color: #b40200; font-size: 13px; font-weight: 700; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { color: #6b655d; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #faf6f1; border-radius: 12px; padding: 12px 14px; margin: 4px 0 8px; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { color: #55504a; font-size: 13.5px; margin: 4px 0 0; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-4 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { background: linear-gradient(135deg, #cf0300, #b40200) !important; color: #fff !important; border-radius: 999px !important; padding: 16px 24px !important; font-weight: 700 !important; font-size: 15.5px !important; box-shadow: 0 10px 26px rgba(180,2,0,.32); }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .card_detail_heading h2 { color: #16130f !important; }
body.kbps-4 #marianatek_signup_popup_marianatek_modal .contract_information p.price { color: #b40200; }
/* ================= 5 · FIGHT POSTER — black, red slash, uppercase ================= */
body.kbps-5 #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { background: #0d0d0d !important; color: #fff; border-radius: 6px !important; padding: 0 !important; overflow-y: auto !important; font-family: "Rubik", sans-serif; box-shadow: 0 0 0 3px #b40200, 0 30px 80px rgba(0,0,0,.7) !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .modal-body { padding: 0 26px 26px; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child,
body.kbps-5 #marianatek_signup_popup_marianatek_modal .login_frm_section > .top_tab:first-child { margin: 0 -26px 16px; padding: 26px 60px 26px 26px; align-items: center; background: linear-gradient(105deg, #b40200 0 72%, #0d0d0d 72.3%); }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { color: #fff !important; font-style: italic; font-weight: 900; text-transform: uppercase; font-size: 26px; letter-spacing: .01em; margin: 0; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal span.back_arrar { color: #fff !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .close_btn { color: #fff !important; background: rgba(255,255,255,.12); }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { color: rgba(255,255,255,.8); font-size: 15px; margin: 0 0 6px; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .already_login_tab p { color: rgba(255,255,255,.7); font-size: 14px; margin: 0 0 4px; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .already_login_tab a { color: #ff8583; font-weight: 700; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .form_tab label { color: #ff8583; text-transform: uppercase; font-size: 11.5px; letter-spacing: .14em; font-weight: 700; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-5 #marianatek_signup_popup_marianatek_modal select { background: transparent !important; border: none !important; border-bottom: 2px solid rgba(255,255,255,.28) !important; border-radius: 0 !important; padding: 10px 2px !important; font-size: 16px; color: #fff !important; width: 100%; box-sizing: border-box; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal input::placeholder { color: rgba(255,255,255,.35); }
body.kbps-5 #marianatek_signup_popup_marianatek_modal input:focus, body.kbps-5 #marianatek_signup_popup_marianatek_modal select:focus { outline: none; border-bottom-color: #b40200 !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal select option { color: #16130f; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { color: rgba(255,255,255,.7); text-transform: none; letter-spacing: 0; font-weight: 400; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .form_tab a { color: #ff8583; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .password-requirements { color: rgba(255,255,255,.55) !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .fa-eye { color: rgba(255,255,255,.6) !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li { background: transparent; border: 2px solid rgba(255,255,255,.18) !important; padding: 14px 16px !important; margin: 10px 0; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li:hover { border-color: #b40200 !important; background: rgba(180,2,0,.12); }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .location_name { color: #fff !important; text-transform: uppercase; letter-spacing: .06em; font-size: 16px; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .preloaded_locations ul li .full_address { color: rgba(255,255,255,.65); }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { border: 1px solid rgba(255,255,255,.16); padding: 12px 14px; margin: 4px 0 8px; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal label.membership_name_label { color: #fff !important; text-transform: uppercase; letter-spacing: .04em; font-size: 14px !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { color: rgba(255,255,255,.7); font-size: 13.5px; margin: 4px 0 0; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-5 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { background: #b40200 !important; color: #fff !important; border-radius: 4px !important; padding: 16px 24px !important; font-weight: 900 !important; font-style: italic; font-size: 15px !important; letter-spacing: .12em; text-transform: uppercase; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .marianatek_btn a:hover, body.kbps-5 #marianatek_signup_popup_marianatek_modal .marianatek_btn button:hover { background: #cf0300 !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information, body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information h3, body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information p, body.kbps-5 #marianatek_signup_popup_marianatek_modal .card_detail_heading h2 { color: #fff !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information h3 { text-transform: uppercase; font-style: italic; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information p.price { color: #ff8583 !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .contract_information iframe { background: #fff; }
/* ---------- selects: native controls ignore padding — give them real height + a chevron ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal select { -webkit-appearance: none; appearance: none; height: auto !important; min-height: 46px; line-height: 1.3; padding-right: 40px !important; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal select { min-height: 42px; padding-right: 30px !important; background-position: right 4px center !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal select, body.kbps-5 #marianatek_signup_popup_marianatek_modal select { background-image: url("data:image/svg+xml;utf8,") !important; }
/* ---------- compact rhythm (all skins): inputs + offer block + header bands ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps #marianatek_signup_popup_marianatek_modal select { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 14.5px !important; }
body.kbps #marianatek_signup_popup_marianatek_modal select { min-height: 42px; }
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership { margin: 2px 0 6px !important; padding: 10px 12px !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership p { font-size: 13px !important; line-height: 1.4; }
body.kbps #marianatek_signup_popup_marianatek_modal label.membership_name_label { font-size: 14px !important; margin: 0; }
body.kbps #marianatek_signup_popup_marianatek_modal .password-requirements { margin-top: 2px !important; line-height: 1.3; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { font-size: 12px; line-height: 1.35; }
body.kbps #marianatek_signup_popup_marianatek_modal .already_login_tab { padding-top: 7px !important; padding-bottom: 7px !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .sign_frm_section .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .login_frm_section > .top_tab:first-child { padding-top: 16px; padding-bottom: 16px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab h2 { font-size: 20px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .modal-body { padding-bottom: 18px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn a, body.kbps-1 #marianatek_signup_popup_marianatek_modal .marianatek_btn button { padding: 13px 24px !important; }
/* ---------- desktop: name / contact fields side by side so the whole form fits one screen ---------- */
@media (min-width: 640px) {
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab_container { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; align-items: start; }
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab_container > * { grid-column: 1 / -1; min-width: 0; }
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#first_name_marianatek),
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#email_marianatek) { grid-column: 1; }
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#last_name_marianatek),
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#phone_marianatek) { grid-column: 2; }
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#agree_marianatek) { margin-bottom: 4px !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .sign_frm_section .form_tab:has(#sms_agree_marianatek) { margin-top: 4px !important; }
}
/* ---------- last inch: fit the full form on an 800px-tall screen ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { max-height: 96vh !important; margin: 2vh auto !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab { margin: 8px 0 !important; }
/* the bold offer name repeats the dropdown text when the dropdown is showing — hide the duplicate */
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab_container:has(> .form_tab:not([style*="display: none"]):not([style*="display:none"]) > select[name="glofox_selected_subscription_trial"]) .membership_name_label { display: none; }
body.kbps #marianatek_signup_popup_marianatek_modal .form_tab input[type=checkbox] + label { font-size: 11.5px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .sign_frm_section .search_location_tab > .top_tab:first-child,
body.kbps-1 #marianatek_signup_popup_marianatek_modal .login_frm_section > .top_tab:first-child { padding-top: 13px; padding-bottom: 13px; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal .search_location_tab > .top_tab + .top_tab p { margin-top: 12px; }
/* ---------- vertical centering: the overlay gets display:block inline from jQuery fadeIn ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal[style*="display: block"],
body.kbps #marianatek_signup_popup_marianatek_modal[style*="display:block"] { display: flex !important; align-items: center; justify-content: center; }
body.kbps #marianatek_signup_popup_marianatek_modal .marianatek_modal-content { margin: 0 auto !important; }
@media (max-width: 576px) {
body.kbps #marianatek_signup_popup_marianatek_modal[style*="display: block"],
body.kbps #marianatek_signup_popup_marianatek_modal[style*="display:block"] { align-items: flex-start; }
}
/* ---------- skin 1: white fields with a light border (no grey fill) ---------- */
body.kbps-1 #marianatek_signup_popup_marianatek_modal input:not([type=checkbox]),
body.kbps-1 #marianatek_signup_popup_marianatek_modal select { background-color: #fff !important; border: 1.5px solid #e3ddd6 !important; }
body.kbps-1 #marianatek_signup_popup_marianatek_modal input:focus,
body.kbps-1 #marianatek_signup_popup_marianatek_modal select:focus { border-color: #b40200 !important; box-shadow: 0 0 0 3px rgba(180,2,0,.1); }
body.kbps-1 #marianatek_signup_popup_marianatek_modal input::placeholder { color: #a39c95; }
/* ---------- offer details block: tidy card with an eyebrow, no leftover gap ---------- */
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership { position: relative; padding: 10px 14px 11px 16px !important; margin: 4px 0 10px !important; border-radius: 10px !important; border-left: 3px solid #b40200 !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership::before { content: "Offer details"; display: block; font-size: 10.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #b40200; margin: 0 0 4px; line-height: 1.2; }
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership p,
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership p.top_tab { display: block !important; margin: 0 !important; padding: 0 !important; font-size: 13.5px !important; line-height: 1.5 !important; }
body.kbps #marianatek_signup_popup_marianatek_modal .detail_selected_membership label.membership_name_label { display: block; margin: 0 0 3px !important; line-height: 1.3; }
/* when the dropdown is hidden (single-offer card), the name shows here instead — keep the eyebrow above it */
body.kbps-1 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #faf6f1 !important; }
body.kbps-3 #marianatek_signup_popup_marianatek_modal .detail_selected_membership,
body.kbps-4 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #faf6f1 !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: #1c181c !important; border-left-color: #e4544e !important; }
body.kbps-2 #marianatek_signup_popup_marianatek_modal .detail_selected_membership::before { color: #ff8583; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .detail_selected_membership { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.14) !important; border-left: 3px solid #b40200 !important; }
body.kbps-5 #marianatek_signup_popup_marianatek_modal .detail_selected_membership::before { color: #ff8583; }