/* Original payment styles from Tilda page 225392309. */
@font-face{font-family:'MND Payment Manrope';src:url('/app-offer/fonts/payment-manrope-light.ttf') format('truetype');font-weight:300;font-display:swap;}
@font-face{font-family:'MND Payment Manrope';src:url('/app-offer/fonts/payment-manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap;}
@font-face{font-family:'MND Payment Manrope';src:url('/app-offer/fonts/payment-manrope-medium.ttf') format('truetype');font-weight:500;font-display:swap;}

/* One visual system for all three payment forms, including the native Tilda form. */
.dk-pay-shell{box-sizing:border-box!important;width:520px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;min-height:0!important;height:fit-content!important;margin:auto!important;padding:36px 28px 24px!important;border:0!important;border-radius:12px!important;background:#fff!important;color:#1a1a1a!important;font-family:'MND Payment Manrope',Arial,sans-serif!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;box-shadow:0 20px 70px #0002;scrollbar-width:thin;scrollbar-color:#d7c8c8 transparent}
.dk-pay-shell *{box-sizing:border-box!important}
.dk-pay-dialog::backdrop{background:rgba(0,0,0,.65)}
.dk-pay-shell .dk-pay-close{position:absolute!important;right:8px!important;left:auto!important;top:8px!important;width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;margin:0!important;border:0!important;background:transparent!important;color:#1a1a1a!important;cursor:pointer;z-index:3}
.dk-pay-shell .dk-pay-close svg{width:20px!important;height:20px!important;display:block;stroke:currentColor;stroke-width:1.7;fill:none}
.dk-pay-shell .dk-pay-header{margin:0 0 16px!important;padding:0!important;text-align:center!important}
.dk-pay-shell .dk-pay-title{font:400 30px/36px 'MND Payment Manrope',Arial,sans-serif!important;letter-spacing:-.025em!important;text-align:center!important;margin:0 12px 8px!important;padding:0!important;min-height:36px}
.dk-pay-shell .dk-pay-terms{font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important;color:#5d5152!important;text-align:center!important;margin:0!important;padding:0!important}
.dk-pay-shell .dk-pay-price{display:block!important;font:500 17px/24px 'MND Payment Manrope',Arial,sans-serif!important;color:#1a1a1a!important;margin:0 0 4px!important}
.dk-pay-shell .dk-pay-renew{display:block;margin:0 0 12px;font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif;color:#5d5152}
.dk-pay-shell .dk-payment-form{margin:0!important;padding:0!important}
.dk-pay-shell .dk-pay-group{margin:0 0 12px!important;padding:0!important;border:0!important;min-width:0!important;width:100%!important}
.dk-pay-shell .dk-pay-label{display:block!important;font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important;color:#1a1a1a!important;margin:0 0 6px!important;padding:0!important}
.dk-pay-shell input.dk-pay-email{display:block!important;width:100%!important;height:48px!important;margin:0!important;padding:0 16px!important;border:1px solid #e8dfdc!important;border-radius:10px!important;background:#f7f5f3!important;color:#1a1a1a!important;font:400 16px/24px 'MND Payment Manrope',Arial,sans-serif!important;caret-color:#930f1d}
.dk-pay-shell input.dk-pay-email::placeholder{color:#756c6d;opacity:1}
.dk-pay-shell .dk-card-options{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important}
.dk-pay-shell .dk-card-type{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:44px!important;min-height:44px!important;padding:10px 16px!important;margin:0!important;border:1px solid #e8dfdc!important;border-radius:10px!important;background:#f7f5f3!important;color:#1a1a1a!important;font:400 14px/20px 'MND Payment Manrope',Arial,sans-serif!important;cursor:pointer}
.dk-pay-shell .dk-card-type:has(input:checked){border-color:#930f1d!important;background:#fbf3f1!important}
.dk-pay-shell input.dk-pay-radio,.dk-pay-shell input.dk-pay-checkbox{appearance:none!important;-webkit-appearance:none!important;position:relative!important;z-index:0!important;opacity:1!important;display:block!important;visibility:visible!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;padding:0!important;border:1px solid #807476!important;background:#fff!important;cursor:pointer}
.dk-pay-shell input.dk-pay-radio{border-radius:50%!important}
.dk-pay-shell input.dk-pay-radio:checked{border-color:#930f1d!important;background:#930f1d!important;box-shadow:inset 0 0 0 4px #fff!important}
.dk-pay-shell input.dk-pay-checkbox{border-radius:3px!important}
.dk-pay-shell input.dk-pay-checkbox:checked{border-color:#930f1d!important;background:#930f1d!important}
.dk-pay-shell input.dk-pay-checkbox:checked:after{content:'';display:block;width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;transform:translate(4px,4px) rotate(-45deg)}
.dk-pay-shell .dk-pay-consent{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:0!important;margin:0!important;font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important;color:#1a1a1a!important;cursor:pointer}
.dk-pay-shell a{color:#821e25!important;text-decoration:underline!important;text-underline-offset:2px;border:0!important;box-shadow:none!important}
.dk-pay-shell .dk-pay-footer{position:sticky!important;bottom:-24px!important;background:#fff!important;margin:0!important;padding:0!important;z-index:2}
.dk-pay-shell .dk-pay-note{display:flex;align-items:center;justify-content:center;min-height:0;margin:0 0 8px!important;padding:0!important;font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important;color:#655557!important;text-align:center}
.dk-pay-shell .dk-pay-submit{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:48px!important;height:48px!important;border:0!important;border-radius:30px!important;background:#930f1d!important;color:#fff!important;font:400 15px/20px 'MND Payment Manrope',Arial,sans-serif!important;padding:12px 16px!important;margin:0!important;cursor:pointer;box-shadow:none!important}
.dk-pay-shell .dk-pay-submit:disabled{background:#c7838b!important;cursor:not-allowed;opacity:1!important}
.dk-pay-shell :is(button,input,a):focus-visible{outline:2px solid #b65360!important;outline-offset:3px!important}
html.dk-pay-open{overflow:hidden}
/* Tilda keeps its original form nodes, validation and payment hooks. */
#rec3617214101{zoom:1!important}
#rec3617214101 .t-popup{padding:12px!important;box-sizing:border-box!important;background:rgba(0,0,0,.65)!important}
#rec3617214101 .t-popup.t-popup_show{display:flex!important;align-items:center;justify-content:center}
#rec3617214101 .t-popup__container{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}
#rec3617214101 .t702__wrapper,#rec3617214101 .t-form__inputsbox,#rec3617214101 .t-input-block{display:block!important;width:100%!important;margin:0!important;padding:0!important;min-height:0!important}
#rec3617214101 .t-radio__indicator,#rec3617214101 .t-checkbox__indicator{display:none!important}
#rec3617214101 .t-popup__close{position:static!important;width:0!important;height:0!important;padding:0!important;background:none!important;display:block!important}
#rec3617214101 .t-input-error{font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important}
#rec3617214101 .t-form__errorbox-wrapper{padding:8px 12px!important;margin:8px 0!important}
#rec3617214101 .t-form__errorbox-text{font-size:12px!important;line-height:18px!important}
@media(max-width:560px){.dk-pay-shell{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:32px 20px 20px!important}.dk-pay-shell .dk-pay-title{font-size:26px!important;line-height:32px!important;min-height:32px}.dk-pay-shell .dk-pay-footer{bottom:-20px!important}#rec3617214101 .t-popup{padding:10px!important}}
@media(max-height:650px){.dk-pay-shell{padding-top:28px!important}.dk-pay-shell .dk-pay-header{margin-bottom:12px!important}.dk-pay-shell .dk-pay-group{margin-bottom:8px!important}}
@media(prefers-reduced-motion:no-preference){.dk-pay-dialog[open]{animation:dk-pay-in .2s cubic-bezier(.23,1,.32,1)}@keyframes dk-pay-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
.dk-pay-shell .dk-email-hint{margin:7px 0 0!important;font:400 12px/18px 'MND Payment Manrope',Arial,sans-serif!important;color:#930f1d!important}


.dk-pay-shell .dk-pay-support{margin:12px 0 0!important;padding:0!important;text-align:center!important;font-size:12px!important;line-height:18px!important;font-weight:400!important;color:#655b5b!important;}
.dk-pay-shell .dk-pay-support a{color:#930f1d!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:3px;}

/* Empty payment status must not reserve a gap above the submit button. */
.dk-pay-shell .dk-pay-note:empty{display:none!important;margin:0!important}

/* Payment states must override the visual display rules above. */
.dk-pay-shell [hidden]{display:none!important}
