#dkxModal.dkx__modal { box-sizing: border-box !important; overflow: hidden !important; } #dkxModal .dkx__modal-card, #dkxModal .dkx__modal-card * { box-sizing: border-box !important; } #dkxModal .dkx__modal-card { width: min(520px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 28px !important; border-radius: 30px !important; color: #1a1818 !important; background: radial-gradient(circle at 92% 0%, rgba(153,0,17,.12), transparent 30%), linear-gradient(180deg, rgba(252,246,245,.98), rgba(237,229,218,.98)) !important; border: 1px solid rgba(153,0,17,.34) !important; box-shadow: 0 0 0 1px rgba(252,246,245,.46), 0 18px 46px rgba(26,24,24,.18), 0 26px 86px rgba(26,24,24,.28) !important; } #dkxModal .dkx__modal-card h3 { color: #1a1818 !important; margin: 0 52px 10px 0 !important; font-size: clamp(28px, 4.6vw, 38px) !important; line-height: .95 !important; letter-spacing:0 !important; text-shadow: none !important; } #dkxModal .dkx__modal-card p { color: rgba(26,24,24,.72) !important; font-size: 15px !important; line-height: 1.45 !important; margin: 0 0 18px !important; } #dkxModal .dkx__modal-close { color: #1a1818 !important; background: rgba(252,246,245,.66) !important; border-color: rgba(153,0,17,.26) !important; } #dkxModal .dkx__form { display: grid !important; gap: 12px !important; width: 100% !important; } #dkxModal .dkx__input { width: 100% !important; height: 58px !important; padding: 0 18px !important; border-radius: 17px !important; border: 1px solid rgba(153,0,17,.26) !important; background: rgba(252,246,245,.72) !important; color: #1a1818 !important; font-size: 16px !important; font-weight: 750 !important; outline: none !important; box-shadow: none !important; } #dkxModal .dkx__input::placeholder { color: rgba(26,24,24,.42) !important; opacity: 1 !important; } #dkxModal .dkx__input:focus { border-color: rgba(153,0,17,.66) !important; box-shadow: 0 0 0 3px rgba(153,0,17,.12) !important; background: rgba(252,246,245,.92) !important; } #dkxModal .dkx__car-grid { display: block !important; width: 100% !important; min-width: 0 !important; } #dkxModal .dkx__car-grid .dkx__input { width: 100% !important; } #dkxModal .dkx__agree { display: grid !important; grid-template-columns: 18px 1fr !important; gap: 10px !important; align-items: start !important; color: rgba(26,24,24,.72) !important; font-size: 13px !important; line-height: 1.35 !important; font-weight: 650 !important; margin: 2px 0 0 !important; } #dkxModal .dkx__agree input { width: 18px !important; height: 18px !important; margin: 1px 0 0 !important; accent-color: #990011 !important; } #dkxModal .dkx__agree a { color: #1a1818 !important; text-decoration: underline !important; text-underline-offset: 3px !important; } #dkxModal .dkx__form-error { color: #1a1818 !important; background: rgba(153,0,17,.10) !important; border-color: rgba(153,0,17,.34) !important; } #dkxModal .dkx__btn[type="submit"] { width: 100% !important; min-height: 58px !important; color: #FCF6F5 !important; background: linear-gradient(135deg, #1a1818 0%, #1a1818 52%, #990011 100%) !important; border: 1px solid rgba(252,246,245,.10) !important; box-shadow: 0 7px 0 #1a1818, 0 0 24px rgba(153,0,17,.18), 0 18px 44px rgba(26,24,24,.20) !important; } #dkxModal .dkx__success { color: #1a1818 !important; background: rgba(153,0,17,.10) !important; border: 1px solid rgba(153,0,17,.28) !important; border-radius: 18px !important; padding: 16px !important; font-size: 16px !important; line-height: 1.4 !important; font-weight: 850 !important; } @media (max-width: 640px) { #dkxModal .dkx__modal-card { width: min(100%, calc(100vw - 24px)) !important; max-width: calc(100vw - 24px) !important; padding: 22px 18px !important; border-radius: 26px !important; } #dkxModal .dkx__car-grid { display: block !important; } #dkxModal .dkx__input { height: 56px !important; padding: 0 12px !important; font-size: 14px !important; } }