#payment-screen{
  min-height:100vh;
  padding:32px clamp(14px,4vw,56px) 64px;
  background:
    radial-gradient(circle at 85% 8%,rgba(222,192,112,.23),transparent 30%),
    linear-gradient(150deg,#10200e 0%,#20391a 52%,#11220f 100%);
}
#payment-screen.screen--active{display:block}
#payment-screen .back-button{max-width:780px;margin:0 auto 18px;color:#f5e7bd;background:transparent;border-color:rgba(225,198,118,.5)}
#payment-screen .payment-card{
  max-width:780px;margin:0 auto;padding:clamp(24px,5vw,48px);
  border:1px solid rgba(196,162,77,.72);border-radius:28px;
  background:linear-gradient(145deg,rgba(255,252,242,.98),rgba(246,235,205,.98));
  box-shadow:0 30px 90px rgba(4,12,3,.42);color:#193017;
}
#payment-screen .city-pill{display:inline-flex;padding:8px 14px;border-radius:999px;background:#173016;color:#f0d891;font:700 11px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
#payment-screen h2{margin:18px 0 8px;font:400 clamp(34px,6vw,54px)/1 Georgia,serif;color:#132810}
#payment-screen .payment-card__intro{max-width:520px;margin:0 0 26px;color:#526049}
#payment-screen .payment-summary{padding:22px;border:1px solid #d7bd76;border-radius:20px;background:#173016;color:#f8edcf}
#payment-screen .payment-summary>span{color:#d9c182;letter-spacing:.08em;text-transform:uppercase}
#payment-screen #payment-price{font:400 clamp(38px,8vw,58px)/1 Georgia,serif;color:#f4d778}
#payment-screen .promo-box,#payment-screen .payment-options,#payment-screen .payment-form{margin-top:22px}
#payment-screen .promo-box,#payment-screen .payment-picker,#payment-screen .payment-form>label:not(.legal-check){padding:17px;border:1px solid #d7c9a3;border-radius:16px;background:rgba(255,255,255,.66)}
#payment-screen .promo-box label,#payment-screen .payment-options>label,#payment-screen .payment-form>label{color:#294126;font-weight:700}
#payment-screen input,#payment-screen textarea{border-color:#b9aa7d!important;background:#fffdf7!important;color:#173016!important}
#payment-screen input:focus,#payment-screen textarea:focus{border-color:#8b6c20!important;box-shadow:0 0 0 3px rgba(191,152,52,.16)!important}
#payment-screen .promo-box input:disabled{opacity:1;background:#eee8d8!important;color:#777!important;cursor:not-allowed}
#payment-screen .promo-box button:disabled{opacity:.48;cursor:not-allowed}
#payment-screen #promo-note{display:block;margin-top:10px;color:#795d18;font-size:12px;line-height:1.45}
#payment-screen .payment-picker summary{color:#173016}
#payment-screen .payment-option-item{border-color:#d7c9a3;background:#fffdf7}
#payment-screen .payment-delivery-note{margin:20px 0 12px;padding:13px 15px;border-left:3px solid #b69138;background:#f5ead0;color:#53604b;font-size:12px;line-height:1.45}
#payment-screen .payment-delivery-note strong{display:block;color:#294126;font-size:13px}
#payment-screen .payment-submit--sbp,#payment-screen .payment-submit-alt{border-radius:999px;min-height:58px;font-weight:800}
#payment-screen .payment-submit--sbp{background:linear-gradient(180deg,#edd783,#cda846);color:#132510;box-shadow:0 10px 28px rgba(117,85,16,.22)}
#payment-screen .payment-submit-alt{border-color:#b79a50;color:#23401f;background:transparent}
#payment-screen .payment-note{color:#68725f;font-size:11px;text-align:center}
#payment-screen h2,#payment-screen .payment-card__intro{text-align:center}
#payment-screen h2{margin-top:4px}
#payment-screen .payment-card__intro{margin-right:auto;margin-left:auto}
#payment-screen select{
  width:100%;min-height:52px;margin-top:8px;border:1px solid #b9aa7d!important;border-radius:12px;
  padding:0 44px 0 14px;color:#173016!important;background-color:#fffdf7!important;
  background-image:linear-gradient(45deg,transparent 50%,#7d652b 50%),linear-gradient(135deg,#7d652b 50%,transparent 50%)!important;
  background-position:calc(100% - 19px) 22px,calc(100% - 13px) 22px!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;
  font:600 15px/1.2 Arial,sans-serif;appearance:none;cursor:pointer;
}
#payment-screen input[type="checkbox"]{accent-color:#284a24!important}
#payment-screen .legal-check{border:1px solid #d8c9a1!important;background:#f8f0dc!important;color:#2b4327!important}
#payment-screen .legal-check a{color:#47623e!important}
#payment-screen .payment-submit--sbp{
  border:1px solid #b69138!important;background:linear-gradient(180deg,#eedb8d,#cfaa49)!important;
  color:#183016!important;box-shadow:0 10px 28px rgba(117,85,16,.22)!important;
}
#payment-screen .payment-submit--sbp:hover{background:linear-gradient(180deg,#f4e4a3,#d9b655)!important;box-shadow:0 12px 30px rgba(117,85,16,.27)!important}
#payment-screen .payment-submit-alt{border:1px solid #b79a50!important;color:#23401f!important;background:#fff8e6!important}
#payment-screen .promo-box button{border:1px solid #284a24!important;background:#284a24!important;color:#fff8e4!important}
#payment-screen .promo-box button:disabled{border-color:#c8bea5!important;background:#e4ddca!important;color:#817966!important}
#payment-screen .payment-selected-list strong{color:#f1d57e!important}
#payment-screen .payment-picker svg,#payment-screen .payment-picker summary svg{stroke:#6f5923!important;color:#6f5923!important}
#payment-screen .payment-picker summary::after{color:#6f5923!important}
#payment-screen .payment-option-item input{accent-color:#284a24!important}
.toast{border-color:#49633f!important;background:rgba(31,57,27,.94)!important;color:#fff8e4!important}
.cookie-banner{border-color:#d7c79b!important;color:#263d20!important;background:#fffaf0!important;box-shadow:0 16px 44px rgba(20,43,17,.2)!important}
.cookie-banner a{color:#3e6137!important}
.cookie-banner button{border-color:#d7c79b!important;color:#263d20!important;background:#f2ead6!important}
.cookie-banner #cookie-accept{border-color:#30462a!important;color:#fff8e4!important;background:#30462a!important}
@media(max-width:600px){
  #payment-screen{padding:18px 10px 44px}
  #payment-screen .payment-card{padding:22px 15px;border-radius:22px}
  #payment-screen h2{font-size:36px}
  #payment-screen .payment-summary{padding:18px}
  #payment-screen .promo-box__row{grid-template-columns:1fr}
  #payment-screen .promo-box__row button{width:100%}
}