/* Checkout, Payment and Thank-you pages: minimal "clean" chrome like the reference */
.sc-clean-head{display:none}
body.sc-clean .sc-clean-head{display:block;border-bottom:1px solid #e5e5e5;background:#fff}
body.sc-clean .sc-clean-head>div{max-width:1100px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;font:600 18px Arial,sans-serif}
body.sc-clean .sc-clean-bag svg{width:22px;height:22px;stroke:#0a58ca;fill:none;stroke-width:1.8}
body.sc-clean .sc-announce,body.sc-clean .sc-side,body.sc-clean header.sc-wrap,body.sc-clean .sc-nav,body.sc-clean #scNavSpacer,body.sc-clean .sc-footer,body.sc-clean .sc-top{display:none!important}
body.sc-clean .sc-main{padding:0;min-height:0}
body.sc-clean .sc-main>.sc-wrap{max-width:none;padding:0}
body.sc-clean{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#333;background:#fff}
body.sc-clean h1.entry-title{display:none}
.sc-muted{color:#707070;font-size:13px}

/* layout */
.sc-co{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 62px)}
.sc-co-left{padding:36px 56px 60px 24px;max-width:600px;justify-self:end;width:100%}
.sc-co-right{background:#f5f5f5;border-left:1px solid #e1e1e1;padding:36px 24px 40px 48px}
.sc-co-right>*{max-width:430px}
.sc-co-sec{margin-bottom:26px}
.sc-co-sec h2{font-size:19px;font-weight:600;margin:0 0 14px}
.sc-co-sec h3{font-size:15px;font-weight:600;margin:0 0 12px}
.sc-co-h{display:flex;justify-content:space-between;align-items:baseline}
.sc-co-h a{font-size:13px;color:#0a58ca;text-decoration:underline}
.sc-co-links{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #e1e1e1;padding-top:16px;font-size:13px}
.sc-co-links a{color:#0a58ca;text-decoration:underline}

/* fields (floating-label look) */
.sc-co .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.sc-co .form-row{margin:0 0 12px;padding:0;position:relative;width:auto;float:none;grid-column:1/-1}
.sc-co .woocommerce-billing-fields__field-wrapper .form-row{margin:0}
.sc-co #billing_first_name_field,.sc-co #billing_last_name_field{grid-column:span 3}
.sc-co #billing_first_name_field{grid-column:1/2}
.sc-co #billing_first_name_field{grid-column:1/span 1}
.sc-co #billing_city_field{grid-column:span 1}
.sc-co #billing_state_field,.sc-co #billing_postcode_field{grid-column:span 1}
.sc-co .form-row label{position:absolute;left:12px;top:6px;font-size:11px;color:#707070;z-index:1;margin:0;line-height:1}
.sc-co .form-row label .required{display:none}
.sc-co .form-row .woocommerce-input-wrapper{display:block}
.sc-co input.input-text,.sc-co select,.sc-co .select2-selection{width:100%;height:46px;border:1px solid #d9d9d9;border-radius:5px;padding:20px 12px 4px;font:14px Arial,sans-serif;background:#fff;box-sizing:border-box}
.sc-co .select2-container .select2-selection--single{padding:16px 6px 0}
.sc-co .select2-container .select2-selection__arrow{top:10px}
.sc-co input.input-text:focus,.sc-co select:focus{outline:2px solid #0a58ca;outline-offset:-1px}
.sc-co .form-row.woocommerce-invalid input{border-color:#e32c2b}
/* first/last name side by side */
.sc-co .woocommerce-billing-fields__field-wrapper{grid-template-columns:repeat(6,1fr)}
.sc-co #billing_first_name_field{grid-column:span 3}
.sc-co #billing_last_name_field{grid-column:span 3}
.sc-co #billing_city_field,.sc-co #billing_state_field,.sc-co #billing_postcode_field{grid-column:span 2}
.sc-co #billing_country_field,.sc-co #billing_address_1_field,.sc-co #billing_address_2_field,.sc-co #billing_phone_field{grid-column:1/-1}

/* shipping methods */
#sc-ship-methods{border:1px solid #d9d9d9;border-radius:5px;overflow:hidden}
.sc-ship-opt{display:flex;align-items:center;gap:12px;padding:14px 14px;cursor:pointer;border-top:1px solid #d9d9d9;background:#fff}
.sc-ship-opt:first-child{border-top:0}
.sc-ship-opt.on{background:#f0f5ff;box-shadow:inset 0 0 0 1px #0a58ca}
.sc-ship-l{flex:1;display:flex;flex-direction:column;gap:3px}
.sc-ship-l small{color:#707070;font-size:12px}
.sc-ship-p{font-weight:500}
#sc-ship-methods .sc-muted{padding:14px;margin:0;background:#f5f5f5}

/* payment */
.sc-co #payment{background:none;border-radius:0}
.sc-co ul.payment_methods{list-style:none;margin:0;padding:0;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden}
.sc-co ul.payment_methods li{margin:0;padding:0}
.sc-co ul.payment_methods li>input{position:absolute;opacity:0;pointer-events:none}
.sc-co ul.payment_methods li>label{display:block;background:#f0f5ff;box-shadow:inset 0 0 0 1px #0a58ca;padding:14px;font-size:13px;margin:0;cursor:default}
.sc-co ul.payment_methods li>label img{display:none}
.sc-co .payment_box{background:#f5f5f5;margin:0;padding:14px;font-size:13px;color:#333}
.sc-co .payment_box::before{display:none}
.sc-co .place-order{padding:0;margin-top:18px}
.sc-co #place_order{width:100%;background:#0a58ca;color:#fff;border:0;border-radius:5px;padding:18px;font:600 14px Arial,sans-serif;cursor:pointer}
.sc-co #place_order:hover{background:#0847a3}

/* summary */
.sc-sum-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;margin-bottom:14px}
.sc-sum-img{position:relative;width:64px;height:64px}
.sc-sum-img img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #ddd;background:#fff;display:block}
.sc-sum-img span{position:absolute;top:-8px;right:-8px;background:#333;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}
.sc-sum-name{font-size:13px;line-height:1.4}
.sc-sum-coupon-form{display:flex;gap:8px;margin:20px 0}
.sc-sum-coupon-form input{flex:1;min-width:0;height:44px;border:1px solid #d9d9d9;border-radius:5px;padding:0 12px;font:13px Arial}
.sc-sum-coupon-form button{padding:0 16px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#888;cursor:pointer}
.sc-sum-lines>div{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}
.sc-sum-lines b{font-weight:400}
.sc-sum-lines .sc-sum-total{margin-top:16px;font-size:16px;font-weight:600;align-items:baseline}
.sc-sum-lines .sc-sum-total b{font-weight:700;font-size:18px}
.sc-sum-lines .sc-sum-total small{font-size:11px;color:#707070;font-weight:400;margin-right:6px}
.sc-sum-lines a{color:#0a58ca;font-size:12px}

/* thank you */
.sc-ty{max-width:560px;margin:0 auto;padding:44px 20px 60px}
.sc-ty-head{display:flex;gap:14px;align-items:center;margin-bottom:22px}
.sc-ty-check{width:46px;height:46px;border:2px solid #0a58ca;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sc-ty-check svg{width:26px;height:26px;stroke:#0a58ca;fill:none;stroke-width:2}
.sc-ty-head small{color:#707070;font-size:13px}
.sc-ty-head h2{margin:2px 0 0;font-size:20px}
.sc-ty-box{border:1px solid #d9d9d9;border-radius:6px;padding:18px;margin-bottom:24px}
.sc-ty-box h3{margin:0 0 10px;font-size:15px}
.sc-ty-btn{display:inline-block;background:#0a58ca;color:#fff;padding:14px 22px;border-radius:5px;font-weight:600;margin:6px 0 10px}
.sc-ty-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sc-ty-btns .sc-ty-btn{margin:6px 0 10px}
.sc-ty-btn.sc-ty-pay{background:#fff;color:#0a58ca;border:2px solid #0a58ca;padding:12px 22px}
.sc-ty-btn.sc-ty-pay:hover{background:#0a58ca;color:#fff}
.sc-ty-h{font-size:15px;margin:22px 0 10px}
.sc-ty-ship{display:flex;justify-content:space-between;border:1px solid #d9d9d9;border-radius:6px;padding:14px}
.sc-ty-ship small{display:block;color:#707070;margin-top:3px}
.sc-ty-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sc-ty-details small{display:block;color:#707070;margin-top:12px}
.sc-ty-details p,.sc-ty-details address{margin:4px 0;font-style:normal;line-height:1.5}
.sc-ty-foot{display:flex;justify-content:space-between;align-items:center;margin-top:30px}
.sc-ty-foot a{color:#0a58ca}
.sc-ty-foot .sc-ty-btn{color:#fff}

/* payment page */
.sc-pay{max-width:1040px;margin:40px auto 60px;padding:0 20px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}
.sc-pay-hero{background:linear-gradient(135deg,#5e3a96,#4f46e5);border-radius:16px 16px 0 0;color:#fff;padding:28px 28px 45px}
.sc-pay-ico{display:flex;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.18);align-items:center;justify-content:center;margin-bottom:16px}
.sc-pay-ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2}
.sc-pay-hero h2{margin:0 0 4px;font-size:24px;font-weight:700}
.sc-pay-hero p{margin:0;font-size:15px;opacity:.9}
.sc-pay-card{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 16px 16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:24px 28px;position:relative;margin-top:-20px}
.sc-pay-fetch{display:flex;gap:0;flex-wrap:wrap;margin-bottom:20px}
.sc-pay-fetch input{flex:1;min-width:120px;height:48px;border:1px solid #cbd5e1;padding:0 14px;font:16px Arial;border-radius:6px 0 0 6px;outline:none}
.sc-pay-fetch input[type=email]{border-radius:0;border-left:0}
.sc-pay-fetch button{height:48px;padding:0 20px;border:0;background:#4f46e5;color:#fff;font:600 16px Arial;border-radius:0 6px 6px 0;cursor:pointer}
.sc-pay-err{color:#dc2626;margin:0 0 16px;font-size:14px}
.sc-pay-no{display:flex!important;gap:14px!important;align-items:center!important;margin-bottom:16px!important;padding-bottom:14px!important;border-bottom:1px solid #f1f5f9!important;width:100%!important;clear:both!important}
.sc-pay-no span{width:48px!important;height:48px!important;background:#eef2ff!important;color:#4f46e5!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;border-radius:8px!important}
.sc-pay-no small{display:block!important;color:#64748b!important;font-size:13px!important}
.sc-pay-no b{font-size:18px!important;font-weight:700!important;color:#0f172a!important}
.sc-pay-line{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;clear:both!important;padding:12px 0!important;font-size:16px!important;color:#475569!important;border-bottom:1px solid #f8fafc!important}
.sc-pay-line span{font-size:15px!important;color:#64748b!important}
.sc-pay-line b{font-size:16px!important;color:#0f172a!important;font-weight:600!important}
.sc-pay-total{border-top:1px dashed #cbd5e1!important;border-bottom:none!important;margin-top:8px!important;padding-top:16px!important}
.sc-pay-total span{font-size:17px!important;font-weight:700!important;color:#0f172a!important}
.sc-pay-total b{font-size:22px!important;font-weight:800!important;color:#4f46e5!important}
.sc-pay-right{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:36px 28px;text-align:center}
.sc-pay-amt{font-size:36px!important;line-height:1.2!important;color:#e04f38!important;font-weight:800!important}
.sc-pay-amt span{display:block!important;font-size:15px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#e04f38!important;font-weight:700!important;margin-top:6px!important}
.sc-pay-go{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:56px!important;box-sizing:border-box!important;margin-top:24px!important;background:#5855f4!important;color:#fff!important;border-radius:10px!important;padding:16px 20px!important;font:700 17px Arial,sans-serif!important;text-decoration:none!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 14px rgba(88,85,244,.35)!important}
.sc-pay-go:hover{background:#4a47e0!important;transform:translateY(-1px)!important;color:#fff!important}
.sc-pay-go.off{opacity:.5!important;pointer-events:none!important}
.sc-pay-done{margin-top:20px;color:#64748b;font-size:14px}

/* Button loader & spinner */
.sc-btn-spinner{display:inline-block!important;width:18px!important;height:18px!important;border:2.5px solid rgba(255,255,255,.35)!important;border-radius:50%!important;border-top-color:#fff!important;animation:sc-spin .65s linear infinite!important;-webkit-animation:sc-spin .65s linear infinite!important;vertical-align:middle!important;box-sizing:border-box!important;flex-shrink:0!important}
@keyframes sc-spin{to{transform:rotate(360deg)}}
@-webkit-keyframes sc-spin{to{-webkit-transform:rotate(360deg)}}
.sc-pay-go.is-loading,.sc-pay-btn-proceed.is-loading{opacity:.9!important;cursor:wait!important;pointer-events:none!important}

body.sc-clean .woocommerce-order-pay #order_review,body.sc-clean form#order_review{max-width:700px;margin:30px auto;padding:0 20px}

@media(max-width:900px){
 .sc-co{grid-template-columns:1fr}
 .sc-co-right{order:-1;border-left:0;border-bottom:1px solid #e1e1e1;padding:20px 16px}
 .sc-co-left{padding:20px 16px 40px;max-width:none}
 .sc-pay{grid-template-columns:1fr;padding:30px 14px}
 .sc-ty-details{grid-template-columns:1fr}
}

/* --- fixes after first render --- */
.sc-co .form-row-first,.sc-co .form-row-last,.sc-co .form-row-wide{width:auto!important;float:none!important;clear:none!important}
.sc-co .form-row label,.sc-co .form-row label.screen-reader-text{position:absolute!important;left:12px;top:7px;clip:auto!important;clip-path:none!important;height:auto!important;width:auto!important;overflow:visible!important;margin:0!important;font-size:11px;color:#707070;z-index:2;white-space:nowrap}
.sc-co .form-row input.input-text,.sc-co .form-row select{height:48px!important;padding:20px 12px 4px!important;font-size:14px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;box-shadow:none!important}
.sc-co .select2-container{width:100%!important}
.sc-co .select2-container .select2-selection--single{height:48px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;padding:14px 8px 0!important}
.sc-co .select2-container .select2-selection--single .select2-selection__rendered{padding:0;line-height:28px}
.sc-co .select2-container .select2-selection--single .select2-selection__arrow{height:48px!important}
.sc-co #place_order{text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
.sc-co .woocommerce-checkout-payment .payment_methods>li{display:block}
body.sc-clean .sc-ty .woocommerce-order-overview,body.sc-clean .sc-ty .woocommerce-notice--success{display:none}
.sc-co .payment_box{background:#f5f5f5!important;color:#333!important}
.sc-co .payment_box::before{display:none!important}
.sc-co ul.payment_methods li>label{border-bottom:0}
/* hide the blue "Pay with Credit/Debit Card..." title box; the grey description box below it stays */
.sc-co ul.payment_methods li>label{display:none!important}
.sc-co ul.payment_methods{border:0}
.sc-co .payment_box{margin-top:0}
.sc-zip-msg{display:block;color:#c0272d;font-size:12px;margin-top:6px}
.sc-co .form-row.woocommerce-invalid input.input-text{border-color:#c0272d!important}
.sc-co #billing_country_field strong{display:block;padding:20px 12px 4px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;font-weight:400;height:48px;box-sizing:border-box}

/* phone with country selector */
.sc-co .iti{display:block;width:100%}
.sc-co .iti input.input-text{padding-left:96px!important}
.sc-co #billing_phone_field label{left:96px!important}
.sc-co .iti__flag-container{top:0;bottom:0}
.sc-co .iti__selected-flag{padding:14px 8px 0 12px;border-radius:5px 0 0 5px}
.sc-co .iti__selected-dial-code{font-size:14px;color:#333}
.sc-co .iti__country-list{max-width:420px;font-size:13px;z-index:20}
.sc-co .iti__flag{box-shadow:0 0 1px rgba(0,0,0,.35)}
.sc-co #billing_country_field,.sc-co #billing_country_field .woocommerce-input-wrapper,.sc-co #billing_country_field strong{display:block;width:100%;box-sizing:border-box}

/* Error/notice boxes WooCommerce injects into the form must span both columns, not occupy a grid cell */
.sc-co>.woocommerce-NoticeGroup,.sc-co>.woocommerce-error,.sc-co>.woocommerce-message,.sc-co>.woocommerce-info{grid-column:1/-1;margin:0}
.sc-co>.woocommerce-NoticeGroup ul,.sc-co>.woocommerce-error{margin:0;padding:14px 24px 14px 48px;max-width:1100px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}