/* cz/12.html BuyGoods look + CC Address 3 / Payment Option */
html{scroll-behavior:smooth}
body{position:relative;background:#fff;color:#212529;margin:0;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
  font-size:1rem;font-weight:400;line-height:1.5}
@media (min-width:1200px){.container{max-width:960px!important}}
.contact a,#terms li a{color:#2986b8!important}
.form-group input:focus,.fk-shopify-form-field input:focus,.fk-card-payment-field input:focus{background-color:#fff7d8}
.form-group select,.form-select,.fk-shopify-form-select select{font-size:.9rem!important;height:42px!important}
.floating-label{
  font-size:14px;position:absolute;pointer-events:none;left:12px;top:10px;
  transition:.2s ease all;color:#616161;z-index:1;margin:0}
main input[type="checkbox"]{width:20px;height:20px;margin:3px 10px 0 0}
.form-group{position:relative}
.form-control{
  display:block;width:100%;height:42px;padding:14px 12px 6px;
  font-size:.9rem;line-height:1.5;color:#212529;background-color:#fff;
  border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box}
.form-select{
  display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;
  font-size:.9rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;
  border:1px solid #ced4da;border-radius:.25rem;appearance:none;height:42px;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}
input:focus~.floating-label,
input:not(:placeholder-shown)~.floating-label,
input:not(:focus):valid~.floating-label{top:2px;left:12px;font-size:9px;opacity:1}
i{color:#303030}
.pay-box{
  border-radius:15px;padding:15px 15px 30px;color:#0d0d0d;border:1px solid #ddd;
  box-shadow:0 -7px 13px rgb(0 0 0 / .1);background-color:#f8f9fa!important}
footer{box-shadow:.125rem .125rem .5rem rgb(0 0 0 / .18);background:#fff}
#top-banner{margin:0 auto;max-width:960px;width:100%;padding:0}
#top-banner img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto}
.navbar{border-bottom:1px solid #eee;background:#fff}
#product-image{max-height:250px;object-fit:contain}
@media (min-width:768px){
  .aside.col-md-5{position:sticky;top:12px;align-self:flex-start}
}
.cc-viz-only,.cc-sr-clip{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}
.cc-cart-session-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.cc-offer-bind-radio{position:absolute;top:4px;right:4px;width:14px;height:14px;margin:0;opacity:0;z-index:5;cursor:pointer}
.fk-product-section{position:relative}
.ps-5{padding-left:3rem!important}
.me-1{margin-right:.25rem!important}
.me-2{margin-right:.5rem!important}
.me-3{margin-right:1rem!important}
.g-2{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}
.card-brands img{height:21px;width:auto;vertical-align:middle}
.section-title{font-size:1.25rem;font-weight:500;margin:0 0 1rem;line-height:1.2}

/* Payment tabs — 12.html 2x2 select (not instant wallet submit) */
.payment-btn{
  cursor:pointer;font-size:.82rem;min-height:42px;user-select:none;margin:0;
  background:#fff!important;color:#212529!important;border:1px solid #dee2e6!important;
  border-radius:.25rem;display:flex;align-items:center;justify-content:center;
  width:100%;padding:.5rem .25rem;font-weight:400}
.payment-btn i{color:#303030}
.payment-btn.selected{
  background-color:#2986b8!important;color:#fff!important;border-color:#2986b8!important}
.payment-btn.selected i{color:#fff!important}
.payment-btn .fk-headline{display:inline}

/* Address 3 chrome → 12 form-group look */
.fk-shopify-form-wrapper{padding:0;margin:0}
.fk-shopify-form-container{padding:0;margin:0}
.fk-shopify-form-icon-header{display:none}
.fk-shopify-form-header{display:none}
.fk-shopify-form-field{margin:0 0 1rem;padding:0;position:relative}
.fk-shopify-form-field input{
  box-sizing:border-box;width:100%;height:42px;padding:14px 12px 6px;
  font-size:.9rem;border:1px solid #ced4da;border-radius:.25rem;background:#fff}
.fk-shopify-form-select-container{padding:0;width:100%;margin-bottom:1rem}
.fk-shopify-form-select{position:relative;border:0;background:transparent;height:auto}
.fk-shopify-form-select select{
  border:1px solid #ced4da;outline:none;background-color:#fff;appearance:none;width:100%;
  box-sizing:border-box;padding:.375rem 2.25rem .375rem .75rem;font-size:.9rem;height:42px;border-radius:.25rem;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}
.fk-shopify-form-select:after{display:none!important;content:none!important}
.fk-shopify-form-checkbox-container{display:flex;align-items:center;margin:4px 0 16px}
.fk-shopify-form-checkbox input{position:relative;width:20px;height:20px;margin:0;flex-shrink:0}
.fk-shopify-form-checkbox-label{margin:0 0 0 8px;font-size:14px;text-align:left}

.fk-payment-option-wrapper{padding:0}
.fk-payment-header-main,.fk-payment-header-sub,.fk-payment-header{display:none!important}
.fk-payment-option-container{position:relative;margin-bottom:0}
/* CC radios stay in DOM for Payment Option; clipped — tabs drive UX */
.cc-pay-radios{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.fk-card-payment-bg-icon-container{display:none!important}
#payment-fields .fk-payment-option-body{display:none;padding:12px 0 0;border:0;background:transparent;width:100%}
#payment-fields #fkCreditCard{display:block}
#payment-fields #fkPayPal{display:none}
.fk-card-payment-field{margin-bottom:1rem;position:relative}
.fk-card-payment-field input{
  width:100%;height:42px;padding:14px 12px 6px;border:1px solid #ced4da;border-radius:.25rem;box-sizing:border-box;background:#fff}
.fk-card-multiple-payment-field{display:flex;flex-wrap:wrap;margin:0 -.5rem}
.fk-card-multiple-payment-field .fk-card-payment-field{flex:0 0 50%;max-width:50%;padding:0 .5rem;box-sizing:border-box}
.fk-payment-option-body-content{display:none}

/* CTA zone — one visible submit matching selected tab */
#pay-cta-zone{margin-top:.5rem}
#pay-cta-zone .pay-cta{display:none;width:100%;min-height:48px;border-radius:.3rem;font-size:1.15rem;font-weight:700}
#pay-cta-zone .pay-cta.is-active{display:block}
#checkoutSubmitBtn{
  background-color:#2986b8!important;border:1px solid #2986b8!important;color:#fff!important;
  box-shadow:0 2px 2px 0 rgb(0 0 0 / .14),0 1px 5px 0 rgb(0 0 0 / .12),0 3px 1px -2px rgb(0 0 0 / .2)}
#checkoutSubmitBtn:hover{box-shadow:0 5px 11px 0 rgb(0 0 0 / .18),0 4px 15px 0 rgb(0 0 0 / .15)}
#paypalSubmitBtn{
  background-color:#2986b8!important;border:1px solid #2986b8!important;color:#fff!important;
  box-shadow:0 2px 2px 0 rgb(0 0 0 / .14),0 1px 5px 0 rgb(0 0 0 / .12)}
#paypalSubmitBtn .pp-mark{font-style:italic;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700}
#applePaySubmitBtn{
  background:#000!important;border:1px solid #000!important;color:#fff!important;
  font-weight:500;letter-spacing:.02em}
#applePaySubmitBtn i{color:#fff!important}
#googlePaySubmitBtn{
  background:#000!important;border:1px solid #000!important;color:#fff!important;
  font-weight:500}
#googlePaySubmitBtn .gpay-g{color:#4285F4;font-weight:700;margin-right:2px}
.cc-coupon-row{display:flex;gap:8px;align-items:stretch}
.cc-coupon-row .fk-element-container{flex:1}
.cc-coupon-row input{width:100%;height:42px;padding:10px 12px;border:1px solid #ced4da;border-radius:4px}
.cc-coupon-row .apply-coupon{margin:0;white-space:nowrap;font-size:14px;padding:8px 16px}
#encrypted{color:#6c757d}
#terms{font-size:.875rem;color:#6c757d}
#terms ul{padding-left:1.2rem}
body.lt-pay-cc #fkCreditCard{display:block!important}
body.lt-pay-cc #fkPayPal{display:none!important}
body.lt-pay-paypal #fkCreditCard{display:none!important}
body.lt-pay-paypal #fkPayPal{display:block!important}
body.lt-pay-apple #fkCreditCard,body.lt-pay-google #fkCreditCard{display:none!important}
body.lt-pay-apple #fkPayPal,body.lt-pay-google #fkPayPal{display:none!important}

@media (max-width:767.98px){
  .fk-card-multiple-payment-field .fk-card-payment-field{flex:0 0 100%;max-width:100%}
}