.maxheight_hight {
    max-height: initial;
    max-height: 1700px
}

.ts1 {
    overflow-y: auto
}

.kostamaster325 {
    border: none
}

.kostamaster325 {
    padding: 0
}

.kostamaster326 {
    font-weight: 100;
    font: inherit
}

.currency_info {
    display: inline-block;
    width: 100%;
    text-align: right
}

.kostamaster271 {
    position: fixed
}

.kostamaster327 {
    position: relative;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    bottom: 2px
}

.delivery_time_preloader .kostamaster009 {
    width: 45px;
    height: 45px
}

.ok_icon,
.delivery_time_item {
    vertical-align: top
}

.ok_icon {
    color: #199471;
    width: 18px;
    height: 18px
}

.kostamaster328 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -3.5px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-color: currentcolor transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0
}

.kostamaster329 {
    padding-top: 20px
}

.kostamaster330 {
    cursor: pointer
}

#blockscroll {
    transition: all .7s ease 0s
}

.cart_visible {
    display: block
}

.kostamaster328.arrow_rotate {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.kos.mtt {
    pointer-events: none;
    opacity: .75
}

.new_bg {
    background-color: #f9f9f9 !important
}

.suggestions-promo svg {
    display: none !important
}

.suggestions-promo {
    display: none !important
}

.suggestions-nowrap {}

.suggestions-input {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.suggestions-input::-ms-clear {
    display: none
}

.suggestions-wrapper {
    position: relative;
    margin: 0;
    vertical-align: top;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions {
    background: #fff;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    left: 0;
    -webkit-box-shadow: 0 0 20px #cecece;
    box-shadow: 0 0 20px #cecece;
    box-shadow: 0 0 20px #cecece;
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    z-index: 99;
    cursor: pointer;
    max-height: 200px;
    overflow: auto;
    transition: all .33s;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-text-size-adjust: 100%
}

.suggestions-suggestions::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 3px
}

.suggestions-suggestions::-webkit-scrollbar-track-piece {
    background: #fff
}

.suggestions-suggestions::-webkit-scrollbar {
    width: 3px;
    max-height: 10px;
    height: 10px
}

.suggestions-suggestions strong {
    font-weight: 400;
    color: #e2a733
}

.preloader_delivery_time_wrapper {
    width: 100%;
    margin-bottom: 20px
}

.delivery_time_preloader {}

.delivery_time_preloader .kostamaster009 {}

.delivery_time_item {
    color: #199471;
    font-size: 15px;
    margin-left: 5px;
    white-space: initial;
    width: calc(100% - 30px)
}

.suggestions-suggestion {
    padding: 10px 16px;
    overflow: hidden
}

.suggestions-suggestion:hover {
    background: #f7f7f7
}

.suggestions-selected {
    background: #f0f0f0;
    transition: all .33s
}

.suggestions-selected:hover {
    background: #f0f0f0
}

.suggestions-hint {
    padding: 4px;
    white-space: nowrap;
    overflow: hidden;
    color: #70544f;
    font-size: 16px;
    display: none;
    line-height: 20px
}

.suggestions-subtext {
    color: #70544f
}

.suggestions-subtext_inline {
    display: inline-block;
    min-width: 6em;
    vertical-align: bottom;
    margin: 0 .5em 0 0
}

.suggestions-subtext-delimiter {
    display: inline-block;
    width: 2px
}

.suggestions-subtext_label {
    margin: 0 0 0 .25em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0 3px;
    background: #f5f5f5;
    font-size: 16px
}

.suggestions-value[data-suggestion-status=LIQUIDATED] {
    position: relative
}

.suggestions-value[data-suggestion-status=LIQUIDATED]:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid rgba(0, 0, 0, .4);
    content: ""
}

.OrderDelivTime .bottom_hide {
    display: none
}

.preloader_delivery_time_wrapper {
    margin-bottom: 10px
}

.preloader_delivery_time_wrapper_after_preloader {
    background: #fae1e1;
    padding: 10px;
    border-radius: 5px;
    white-space: nowrap
}

.PayFieldGroup .OrderDelivTime {
    margin-bottom: 0
}

.reltive {
    position: relative;
    top: 2px
}

.backlink_main {
    display: none
}

.pointer_opacity {
    pointer-events: none;
    opacity: .4
}

#ordCCName {
    text-transform: uppercase
}

.timeDigit {
    white-space: nowrap
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 50px
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f5f5f5;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    padding: 8px 30px 8px 20px;
    font-weight: 500;
    color: #70544f;
    line-height: 2;
    border-radius: 2px
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    top: 23px;
    right: 25px
}

.select-styled:hover {}

.select-styled:active,
.select-styled.active {}

.select-styled:active:after,
.select-styled.active:after {
    top: 18px;
    border-color: transparent transparent #000 transparent
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    max-height: 200px;
    overflow: auto;
    color: #70544f;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 0 20px #cecece;
    box-shadow: 0 0 20px #cecece;
    box-shadow: 0 0 20px #cecece
}

.select-options::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 3px
}

.select-options::-webkit-scrollbar-track-piece {
    background: #fff
}

.select-options::-webkit-scrollbar {
    width: 3px;
    max-height: 10px;
    height: 10px
}

.select-options li {
    margin: 0;
    padding: 12px 20px;
    -moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;
    font-size: 15px
}

.lotbtm {
    margin-bottom: 20px !important
}

.select-options li:hover {
    color: #e2a733;
    background: #f5f5f5
}

.select-options li[rel=hide] {
    display: none
}

.adress_not_listed {
    width: 100%;
    text-decoration: underline;
    margin-top: 10px;
    text-align: center;
    cursor: pointer
}

.mentior {
    width: 100%
}

.mh_yes {
    min-height: 160px
}

.maxheight_low {
    max-height: 1700px
}

.kostamaster331 #adress_suggest {
    padding-right: 40px;
    background-color: #f5f5f5;
    background-image: url("placesearch.svg.html");
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 16px
}

.kostamaster331 #adress_suggest:focus {
    background-color: #eee
}

.pac-icon {
    display: none !important
}

.pac-container {
    z-index: 100 !important;
    -webkit-box-shadow: 0 0 20px #cecece !important;
    box-shadow: 0 0 20px #cecece !important;
    box-shadow: 0 0 20px #cecece !important
}

.pac-item {
    cursor: pointer !important;
    text-overflow: initial !important;
    overflow: hidden;
    white-space: initial !important;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 12px;
    color: #989898 !important;
    line-height: 1.2 !important;
    padding: 15px !important
}

.pac-item-query {
    color: #70544f !important
}

.pac-logo:after {
    display: none !important
}

.kostamaster038 {
    padding-top: 30px
}

.kostamaster038-index {
    padding-top: 60px
}

label.error,
input[type=file] {
    font-size: .75em;
    margin-top: .5em
}

.kostamaster332 {
    padding-top: 8px;
    color: #c21313
}

.disablekostamaster {
    cursor: default
}

.disableclass2 {
    opacity: .25
}

label.error {
    font-weight: 400;
    display: block;
    width: 100%;
    color: #c21313;
    font-size: 14px
}

label.error.valid {
    display: none !important
}

.arrowicon {
    height: 10px
}

.cc-container {
    position: relative
}

.nearbutton_preloader {
    margin-right: 30px
}

.nearbutton_preloader .kostamaster009 {
    width: 40px;
    height: 40px
}

.kostamaster160 {
    position: relative;
    display: inline-block;
    padding-left: 28px
}

.kostamaster164 {
    top: 0
}

.promocode_alert {
    background: #fae1e1;
    padding: 10px 15px;
    border-radius: 5px;
    color: #941919
}

.sltvs {
    margin-bottom: 35px
}

@media(max-width:1279px) {
    .backlink_main {
        position: fixed;
        top: 80px;
        display: block;
        left: 0;
        width: 100%;
        padding: 10px 0 12px;
        background-color: #f8f8f8;
        border-top: 2px solid #f8f8f8;
        z-index: 1000;
        height: 40px;
        -webkit-box-shadow: 0 2px 12px 0 rgba(41, 44, 51, .1);
        box-shadow: 0 2px 12px 0 rgba(41, 44, 51, .1)
    }
    .kostamaster333 {
        padding-bottom: 24px
    }
}

@media(max-width:768px) {
    .currency_info {
        margin-top: 15px
    }
    .backlink_main {
        top: 50px
    }
    .kostamaster334>div:first-child {
        margin-bottom: 0
    }
    .kostamaster096 {
        display: block;
        margin-bottom: 16px
    }
    .deliverytime_wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .kostamaster096>.kostamaster098.deliverytime_checkbox:not(:last-child) {
        margin-bottom: 0
    }
    .kostamaster098.deliverytime_checkbox {
        width: 50%
    }
    .kostamaster098 {
        width: 100%
    }
    .kostamaster096>.kostamaster098:not(:last-child) {
        margin-bottom: 16px
    }
    .firstDeliveryLabel {
        display: none
    }
    .sltmno {
        margin-bottom: 0
    }
}

@media(max-width:660px) {
    .kostamaster056 {
        -ms-flex-pack: justify
    }
    .kostamaster331 #adress_suggest {
        background-position: 96% center
    }
}

@media(max-width:520px) {
    .kostamaster326 {
        margin-right: 10px
    }
    .kostamaster335 {
        min-width: 0
    }
}

@media(max-width:430px) {
    .kostamaster336 {
        margin-right: 1px
    }
}

@media(max-width:370px) {
    .kostamaster096>.kostamaster098.deliverytime_checkbox:not(:last-child) {
        margin-bottom: 0;
        padding-right: 10px
    }
    .kostamaster096>.kostamaster098.deliverytime_checkbox:last-child {
        margin-bottom: 0;
        padding-left: 10px
    }
    .kostamaster160 {
        padding-left: 25px
    }
    .kostamaster326 {
        margin-right: 5px
    }
    .kostamaster331 #adress_suggest {
        background-position: 95% center;
        background-size: 15px;
        padding-right: 30px
    }
}

@media(max-width:345px) {
    .kostamaster326 {
        font-size: 12px
    }
}

@media(max-width:339px) {
    .pric_new {
        font-size: 16px
    }
    .arrowicon {
        width: 20px
    }
    .arrowicon .kostamaster328 {
        margin-left: -7px
    }
}

.phone{
	width: 100% !important;
    height: 49px !important;
    border-radius: 2px !important;
    border: none !important;
    font-size: 16px !important;
    color: #70544f !important;
    -webkit-transition: background-color .35s !important;
    transition: background-color .35s !important;
}

/* Tavuk Dünyası checkout theme */
.checkout-page,
.checkout-page .Layout_theme_primary {
    background: var(--td-page) !important;
    color: var(--td-ink) !important;
}

.checkout-page .kostamaster329 {
    padding-top: 28px;
}

.checkout-page ._243jm-40 {
    align-items: flex-start;
    gap: 24px;
}

.checkout-page ._7UXLY-40,
.checkout-page .XiMJO-40 .promo_active {
    overflow: hidden;
    border: 1px solid var(--td-line) !important;
    border-radius: 16px !important;
    background: var(--td-paper) !important;
    box-shadow: 0 10px 28px rgba(99, 0, 41, .08) !important;
}

.checkout-page .OrderCart .kostamaster330 {
    padding: 4px 0;
}

.checkout-page .OrderCart .kostamaster036,
.checkout-page .OrderCart .kostamaster326,
.checkout-page .kostamaster095,
.checkout-page ._11muw-40 {
    color: var(--td-plum) !important;
}

.checkout-page .OrderCart .kostamaster327 {
    background: var(--td-orange) !important;
    color: #fff !important;
}

.checkout-page .smart-basket__product-name,
.checkout-page .smart-basket__product-price-common,
.checkout-page .smart-basket__product-quantity-state,
.checkout-page .kostamaster110,
.checkout-page .i50rn-40 {
    color: var(--td-ink) !important;
}

.checkout-page .smart-basket__product-price-common,
.checkout-page .pric_new,
.checkout-page .price_new_span {
    color: var(--td-orange) !important;
}

.checkout-page .smart-basket__add-item,
.checkout-page .smart-basket__remove-item {
    border-color: #eadce3 !important;
    background: #fff !important;
    color: var(--td-plum) !important;
}

.checkout-page .kostamaster094 {
    padding: 24px;
}

.checkout-page .kostamaster095,
.checkout-page ._11muw-40 {
    font-weight: 700;
}

.checkout-page .kostamaster112,
.checkout-page .phone,
.checkout-page ._2i_R3-40,
.checkout-page .kostamaster015 {
    min-height: 50px;
    border: 1px solid #ded6da !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    color: var(--td-ink) !important;
    outline: none !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

.checkout-page ._2i_R3-40 {
    min-height: 108px;
    padding: 14px 16px;
}

.checkout-page .kostamaster112:focus,
.checkout-page .phone:focus,
.checkout-page ._2i_R3-40:focus,
.checkout-page .kostamaster015:focus {
    border-color: var(--td-plum) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(150, 0, 75, .1) !important;
}

.checkout-page .react-tel-input,
.checkout-page .flag-dropdown,
.checkout-page .selected-flag {
    border-radius: 10px 0 0 10px !important;
}

.checkout-page .adress_not_listed,
.checkout-page ._2W9FQ-40 a,
.checkout-page .kostamaster139 {
    color: var(--td-plum) !important;
}

.checkout-page .adress_not_listed:hover,
.checkout-page ._2W9FQ-40 a:hover {
    color: var(--td-plum-dark) !important;
}

.checkout-page .kostamaster333 ._3k_V3-40 {
    border: 1px solid rgba(255, 60, 0, .18) !important;
    border-radius: 10px !important;
    background: #fff3ee !important;
    color: #a52900 !important;
}

.checkout-page .delivery_time_item,
.checkout-page .ok_icon {
    color: var(--td-plum) !important;
}

.checkout-page .XiMJO-40 .border_top_item {
    background: var(--td-plum) !important;
}

.checkout-page .XiMJO-40 .kostamaster015,
.checkout-page .XiMJO-40 .kostamaster015.dsblt,
.checkout-page .XiMJO-40 .bt_enter_code,
.checkout-page .XiMJO-40 .bt_remove_code,
.checkout-page .XiMJO-40 .T0SrG-40,
.checkout-page .XiMJO-40 .ctuFC-40 {
    color: var(--td-plum) !important;
}

.checkout-page .XiMJO-40 ._2q-x6-40 {
    background: var(--td-orange) !important;
    color: #fff !important;
}

.checkout-page ._2W9FQ-40 {
    margin: 18px 4px 30px;
    color: var(--td-muted) !important;
    line-height: 1.5;
}

.checkout-page label.error,
.checkout-page .kostamaster332,
.checkout-page .Form__error {
    color: #b3261e !important;
}

.checkout-page .td-footer {
    margin-top: 48px;
}

@media (max-width: 768px) {
    .checkout-page .kostamaster329 {
        padding-top: 18px;
    }

    .checkout-page ._243jm-40 {
        gap: 16px;
    }

    .checkout-page ._7UXLY-40,
    .checkout-page .XiMJO-40 .promo_active {
        border-radius: 14px !important;
    }

    .checkout-page .kostamaster094 {
        padding: 20px 16px;
    }

    .checkout-page ._2W9FQ-40 {
        margin: 14px 2px 24px;
        font-size: 13px;
    }
}

/* Responsive card payment form */
.checkout-page .payment-card--hidden {
    display: none !important;
}

.checkout-page .payment-card {
    margin-top: 18px;
}

.checkout-page .payment-fieldset {
    min-width: 0;
}

.checkout-page .payment-intro {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 2px 0 24px;
    padding: 15px 16px;
    border: 1px solid rgba(150, 0, 75, .12);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(150, 0, 75, .055), rgba(255, 60, 0, .045));
}

.checkout-page .payment-intro__icon {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    background: var(--td-plum);
    color: #fff;
}

.checkout-page .payment-intro__icon svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.checkout-page .payment-intro strong,
.checkout-page .payment-intro span {
    display: block;
}

.checkout-page .payment-intro strong {
    margin-bottom: 3px;
    color: var(--td-ink);
    font-size: 16px;
    line-height: 1.25;
}

.checkout-page .payment-intro span {
    color: var(--td-muted);
    font-size: 13px;
    line-height: 1.45;
}

.checkout-page .payment-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 18px 16px;
}

.checkout-page .payment-grid__wide {
    grid-column: 1 / -1;
}

.checkout-page .checkout-field {
    min-width: 0;
}

.checkout-page .checkout-field label {
    display: block;
    margin: 0 0 8px;
    color: var(--td-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.checkout-page .payment-input-wrap {
    position: relative;
}

.checkout-page .payment-input {
    width: 100%;
    height: 52px;
    padding: 0 15px;
    border: 1px solid #ded6da;
    border-radius: 10px;
    background: #fff;
    color: var(--td-ink);
    font: inherit;
    font-size: 16px;
    line-height: 1;
    outline: none;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.checkout-page .payment-input-wrap .payment-input {
    padding-right: 48px;
}

.checkout-page .payment-input::placeholder {
    color: #a89fa4;
    opacity: 1;
}

.checkout-page .payment-input:focus {
    border-color: var(--td-plum);
    box-shadow: 0 0 0 3px rgba(150, 0, 75, .1);
}

.checkout-page .checkout-field.is-invalid .payment-input {
    border-color: #b3261e;
    background: #fffafa;
    box-shadow: 0 0 0 3px rgba(179, 38, 30, .08);
}

.checkout-page .payment-input-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 23px;
    height: 23px;
    transform: translateY(-50%);
    fill: none;
    stroke: #8c8287;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    pointer-events: none;
}

.checkout-page .payment-help {
    position: absolute;
    top: 50%;
    right: 13px;
    display: grid;
    width: 25px;
    height: 25px;
    padding: 0;
    transform: translateY(-50%);
    place-items: center;
    border: 1px solid #b8afb4;
    border-radius: 50%;
    background: #fff;
    color: var(--td-plum);
    font-size: 13px;
    font-weight: 700;
    cursor: help;
}

.checkout-page .payment-help-text,
.checkout-page .payment-error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    line-height: 1.35;
}

.checkout-page .payment-help-text {
    color: var(--td-muted);
}

.checkout-page .payment-error {
    display: none;
    color: #b3261e;
}

.checkout-page .checkout-field.is-invalid .payment-error {
    display: block;
}

.checkout-page .payment-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 22px 0 18px;
    padding-top: 17px;
    border-top: 1px solid #eee7ea;
}

.checkout-page .payment-brands {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkout-page .payment-brand {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    min-width: 45px;
    padding: 0 8px;
    border: 1px solid #e2dce0;
    border-radius: 6px;
    background: #fff;
    color: #1c1c1f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: -.2px;
}

.checkout-page .payment-brand--visa {
    color: #153b8f;
    font-size: 13px;
    font-style: italic;
}

.checkout-page .payment-brand--mastercard {
    position: relative;
    min-width: 47px;
}

.checkout-page .payment-brand--mastercard i {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #eb001b;
}

.checkout-page .payment-brand--mastercard i + i {
    margin-left: -5px;
    background: rgba(247, 158, 27, .9);
}

.checkout-page .payment-brand--troy {
    color: #096a57;
    letter-spacing: .4px;
}

.checkout-page .payment-security {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--td-muted);
    font-size: 12px;
    white-space: nowrap;
}

.checkout-page .payment-security svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #16815c;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.checkout-page .checkout-pay {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 54px;
    padding: 14px 20px;
    border: 0;
    border-radius: 10px;
    background: var(--td-plum);
    box-shadow: 0 8px 18px rgba(99, 0, 41, .18);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .25px;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.checkout-page #pay {
    width: 100%;
    min-height: 54px;
    padding: 14px 20px;
    border-radius: 10px;
    background: var(--td-plum);
}

.checkout-page .checkout-pay:hover {
    background: var(--td-plum-dark);
    box-shadow: 0 10px 22px rgba(99, 0, 41, .24);
    transform: translateY(-1px);
}

.checkout-page .checkout-pay:active {
    transform: translateY(0);
}

.checkout-page .checkout-pay:focus-visible {
    outline: 3px solid rgba(255, 60, 0, .32);
    outline-offset: 3px;
}

.checkout-page .checkout-pay svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.checkout-page .payment-form-message {
    min-height: 18px;
    margin: 9px 0 0;
    color: var(--td-muted);
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
}

.checkout-page .payment-form-message.is-error {
    color: #b3261e;
}

.checkout-page .payment-form-message.is-success {
    color: #16815c;
}

@media (max-width: 600px) {
    .checkout-page .payment-card {
        margin-top: 14px;
    }

    .checkout-page .payment-intro {
        align-items: flex-start;
        margin-bottom: 20px;
        padding: 13px;
    }

    .checkout-page .payment-intro__icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .checkout-page .payment-grid {
        gap: 16px 12px;
    }

    .checkout-page .payment-input {
        height: 50px;
        font-size: 16px;
    }

    .checkout-page .payment-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .checkout-page .checkout-pay {
        min-height: 52px;
    }
}

@media (max-width: 430px) {
    .checkout-page .payment-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .checkout-page .payment-grid__wide {
        grid-column: auto;
    }
}