html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #333e48;
    text-align: left;
    background-color: #f5f7fb;
    max-width: 100%;
    /*min-width: 380px;*/
    width: 100%;
    user-select: none;
}

a,
a:hover,
a:focus {
    color: #333e48;
    text-decoration: none !important;
    word-break: break-word;
}

p>a:-webkit-any-link {
    color: #007bff;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
    background-color: #212121;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #212121;
}


main {
    min-height: 75vh;
}

.container-fluid {
    padding: 0;
}

.navbg {
    background: white;
    border-bottom: 1px solid #dedede;
    padding: 0;
}

.navbar {
    padding: 0px 5px 1px 0px;
}

.logo a img {
    height: 59px;
    max-width: 120px;
    border-radius: 8px;
    object-fit: contain;
}


ul.menuli {
    margin: 0;
    padding: 0;
    list-style: none;
}


ul.menuli li {
    display: inline-block;
    height: 100%;
}

ul.menuli li .login-btn i {
    /* width: 30px; */
    /* height: 30px; */
    /* border-radius: 30px; */
    /* background-color: #D80027; */
    /* color: white; */
    /* text-align: center; */
    /* line-height: 30px; */
}

ul.menuli li a.login-btn {
    color: #333e48;
    line-height: 30px;
    font-size: 25px;
}

ul.menuli li a {
    position: relative;
    display: block;
    height: 45px;
    padding: 10px;
    font-weight: 600;
}

ul.menuli li a {
    border-left: 1px solid #ebebeb;
}

ul.menuli li a.sepet-btn {
    /* border-right: 1px solid #ebebeb; */
    padding-right: 15px;
}

ul.menuli li a.sepet-btn i {
    font-size: 25px;
}

ul.menuli li a.sepet-btn span {
    position: absolute;
    right: 3px;
    top: 18px;
    width: 27px;
    height: 27px;
    background-color: #d80027;
    border-radius: 27px;
    text-align: center;
    color: white;
    font-size: 15px;
    line-height: 27px;
    font-weight: 600;
}


/* index rest */
section.restaurant-banner {
    position: relative;
    max-height: 265px;
    overflow: hidden;
    height: 100vh;
}


.restaurant-detailed-header {
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: white;
    padding-bottom: 10px;
    background: linear-gradient(to bottom, rgb(0 0 0 / 5%) 0%, rgb(0 0 0 / 92%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d4000000', GradientType=0);
}


img.bg {
    width: 100%;
    object-fit: cover;
    height: 100%;
    pointer-events: none;
    user-select: none;
}

.bg {
    animation: move 15s linear infinite;
}

@keyframes move {
    0% {
        transform: scale(1) translateY(0px);
    }

    50% {
        transform: scale(1.15) translateY(-30px);
    }

    100% {
        transform: scale(1) translateY(0px);
    }
}

.restaurant-detailed-header-left img {
    width: 85px;
    height: 80px;
    border-radius: 15px;
    object-fit: contain;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    pointer-events: none;
    user-select: none;
}

.restaurant-detailed-ratings .generator-bg {
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    margin: 0 4px 0 0;
    padding: 3px 6px;
}

.generator-bg {
    background: #dd646e;
    background: -moz-linear-gradient(-45deg, #dd646e 1%, #fe792b 100%);
    background: -webkit-linear-gradient(-45deg, #dd646e 1%, #fe792b 100%);
    background: linear-gradient(135deg, #dd646e 1%, #fe792b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd646e', endColorstr='#fe792b', GradientType=1);
}

.rounded {
    border-radius: 6px !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.btn-success,
.badge-success {
    background-color: #00c9a7 !important;
    border-color: #00c9a7 !important;
    color: #fff !important;
}

.restaurant-detailed-ratings {
    margin: 0;
}

.restaurant-detailed-ratings a {
    color: white;
    padding-left: 10px;
}

.restaurant-detailed-ratings a b {
    font-weight: 600;
}

.restaurant-detailed-header-left>h1 {
    font-size: 22px;
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.restaurant-detailed-header-left>h1>span {
    font-size: 13px;
    padding: 5px 15px;
    margin-left: 10px;
    text-transform: capitalize;
}

.yemek_card {
    display: block;
    background-color: white;
    border: solid 1px #dfdfdf;
    border-radius: 10px;
    padding: 15px 15px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.yemek_card:hover {
    background-color: #e0e0e0;
    cursor: pointer;
}

.yemek_card .info {
    padding-right: 155px;
    display: block;
    position: relative;
}

.yemek_card .info h3 {
    font-size: 16px;
    font-weight: 600;
}

.yemek_card .info h3 i {
    padding-left: 5px;
}

.yemek_card .info h4 {
    font-size: 14px;
}

.yemek_card .info h5 {
    font-size: 13px;
}

.yemek_card .info span {
    font-size: 20px;
    font-weight: 600;
}

.yemek_card img {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 12px;
    right: 57px;
    border-radius: 5px;
    pointer-events: none;
    user-select: none;
}



i.addbtn {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 35px;
    height: 35px;
    background-color: #e0e0e0;
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    line-height: 32px;
    border-radius: 35px;
    border: solid #e0e0e0 1px;
    font-style: normal;
}



/* Extra card */
.modal-dialog {
    min-height: calc(100vh - 5px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
    .modal-dialog {
        min-height: calc(100vh - 100px);
    }
}

.modal {
    padding: 0 !important;
    height: auto;
}

.modal .modal-dialog {
    min-width: 400px;
    max-width: 800px;
}

.modal-content.yemek_modal {
    border-radius: 20px;
    overflow: hidden;
}

.modal_page {
    max-height: 75vh;
    overflow: auto;
}

.yemek_modal .modal-header {
    padding: 0px;
    display: block;
    position: relative;
    border: 0;
}

.yemek_modal .modal-title {
    font-size: 17px;
    font-weight: 600;
    margin-right: 50px;
    word-break: break-word;
    margin-top: 15px;
    padding: 0 15px;
}

.yemek_modal .modal-header .close {
    position: absolute;
    top: 11px;
    right: 18px;
    font-size: 30px;
    opacity: 1;
    z-index: 9999;
}

.yemek_modal .modal-header .close>svg {
    background-color: white;
    opacity: 1;
    border-radius: 30px;
    padding: 4px;
}


.yemek_info {
    min-height: 70px;
    padding: 0px 15px 0 15px;
}

a.yemek_img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.yemek_img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.swiper_yemek_imgs {
    margin-top: -5px;
}

.yemek_modal .modal-header p {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.yemek_modal span.modal_price {
    font-size: 20px;
    font-weight: 600;
}

.yemek_modal .modal-body {
    background-color: #f5f3f1;
    padding-bottom: 5px;
}

.yemek_modal b.extra_label {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    margin-top: 7px;
}

.yemek_modal .form-check input[type=checkbox] {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.yemek_modal .form-check .form-check-input {
    margin-top: 5px;
    cursor: pointer;
}

.yemek_modal label.form-check-label {
    padding-left: 7px;
    font-size: 16px;
    cursor: pointer;
}

.yemek_modal .form-check {
    margin: 15px;
    cursor: pointer;
}


.yemek_modal select.form-control {
    height: 45px;
    border-radius: 10px;
    padding-right: 20px;
}

.yemek_card .info.noimg {
    padding-right: 40px;
}

.modal-footer {
    display: block;
    width: 100%;
    padding: 15px 10px;
}





.modal-eklecikar {
    width: 100%;
    display: block;
    margin-bottom: 15px;
    height: 45px;
}

.adet-btn.disabled {
    fill: #898888;
    cursor: no-drop;
}

.adet {
    /* width: 32%; */
    position: relative;
    text-align: center;
    /* float: left; */
    min-width: 130px;
}

.adet-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 40px;
    font-size: 20px;
    background-color: #efedea;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.sayi {
    display: inline-block;
    padding: 5px 5px;
    font-size: 17px;
    pointer-events: none;
    user-select: none;
}

button.ekle-btn {
    width: 100%;
    float: right;
    border: 0;
    padding: 7px;
    font-size: 20px;
    background-color: #cd2846;
    color: white;
    border-radius: 20px;
    display: block;
}



footer {
    width: 100%;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

img.logo-footer {
    height: 60px;
}


footer.bg-white {
    padding: 10px 0px 0px 0px;
    border-top: solid 1px #e9e9e9;
}

footer ul {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

footer ul li {
    display: inline-block;
    padding-left: 12px;
    list-style: circle;
}

footer ul li a {
    display: inline-block;
    padding: 7px 0px;
}

.bgmaxfooter {
    background-color: #f5f7fb;
    padding: 30px;
    display: block;
}



.footer_iletisim a {
    display: inline;
    padding: 5px 0px;
    /* width: 100%; */
    /* margin: 0; */
}

.footer_iletisim a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #333e48;
    border-radius: 30px;
    color: white;
    font-size: 17px;
    margin-right: 10px;
}




.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

hr.footerhr {
    margin-bottom: 5px;
}

.footer_iletisim {
    margin-top: 15px;
}

/* Kontakt */

.card.kontakt-card ul {
    display: block;
    list-style: none;
    background: #f5f7fb;
    padding: 15px 20px;
    border-radius: 10px;
}

.card.kontakt-card ul li a {
    position: relative;
    padding: 7px 7px 7px 7px;
    display: block;
}

.card.kontakt-card ul li a i {
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 9px;
    width: 20px;
    text-align: center;
    display: block;
}

.card.kontakt-card ul.kontakt-details-li li a {
    padding-left: 30px;
}

.card.kontakt-card ul li a {
    display: block;
}

ul.kontakt-teslimat-li li {
    border-bottom: solid 1px #c3c3c3;
    padding-bottom: 5px;
}

.card.kontakt-card ul li a b {
    position: absolute;
    right: 0;
    top: 8px;
    background: black;
    color: white;
    padding: 2px 8px;
    border-radius: 5px;
    font-size: 13px;
}


.card.kontakt-card ul li a b.closed {
    background: brown;
}


.card.kontakt-card ul li a span {
    padding-right: 75px;
    display: block;
}

/* Swiper */

html {
    scroll-behavior: smooth;
}

.sticky {
    position: sticky;
    top: 0px;
    background-color: white;
    border-bottom: solid 1px #d7d7d7;
    overflow: hidden;
    z-index: 2;
    padding-bottom: 5px;
    box-shadow: -1px 5px 17px 0px #d6d7d9;
}

.sticky .swiper-container {
    width: 100%;
}

.sticky .swiper-slide {
    padding: 5px 25px;
    width: auto !important;
    background-color: white;
    margin: 5px;
    border-radius: 20px;
    border: solid 1px #262626;
}

.sticky .swiper-slide-active2 {
    background-color: #262626 !important;
    color: white !important;
}

.sticky .swiper-container .swili {
    list-style: none;
    padding: 0;
    margin: 0;
    display: contents;
}

.sticky .swiper-container .swili a {
    color: #262626;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 600;
    font-size: 14px;
}

.sticky .swiper-slide-active2>a {
    color: white;
}


img.katimg {
    width: 100%;
    border-radius: 15px;
    margin: 20px 0px 15px 0px;
    max-height: 150px;
    object-fit: cover;
}

.menu_section {
    margin: 20px 0px;
}


.yemek_card .info h3 span {
    font-size: 14px;
    background-color: #333e48;
    width: 38px;
    height: 25px;
    line-height: 15px;
    color: white;
    text-align: center;
    border-radius: 4px;
    padding: 5px;
    display: inline-block;
    margin-left: 5px;
}


i.yemek_hesap {
    display: block;
    font-style: normal;
    font-size: 12px;
}


ul.hesabim_li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.hesabim_li li a {
    padding: 8px 10px;
    display: block;
    position: relative;
    border-top: solid #d7d7d7 1px;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

ul.hesabim_li li a i {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #333e48;
    color: white;
    line-height: 30px;
    margin-right: 10px;
    border-radius: 5px;
    font-size: 17px;
}

ul.hesabim_li li a:hover {
    background-color: #333e48;
    color: white;
}


.row.hesabim_btn_li {
    margin: 0;
    width: 100%;
}

.hesabim_btn_li a {
    display: block;
    text-align: center;
    padding: 10px 10px;
    color: white;
    border-radius: 5px;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

a.loginbtn {
    background-color: #333e48;
    border-color: #333e48;
}

a.registerbtn {
    background-color: #00c9a7;
    border-color: #00c9a7;
}


.border-color-1 {
    border-color: #dddddd !important;
}

.mb-6,
.my-6 {
    margin-bottom: 2.5rem !important;
}

.border-bottom {
    border-bottom: 1px solid #e7eaf3 !important;
}

.section-title {
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}

.section-title::after {
    content: ' ';
    height: 2px;
    width: 114px;
    display: block;
    background-color: #333e48;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.card.max-w600 {
    max-width: 600px;
    width: 100%;
}

.form-label {
    display: block;
    text-transform: initial;
    font-size: 0.875rem;
    font-weight: 700;
    /* text-transform: capitalize; */
}

.form-control {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0.67rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5;
    color: black;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dddddd;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #818181;
    background-color: #fff;
    border-color: #66afe9;
    outline: 0;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: #818181;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #818181;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #818181;
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    color: #818181;
    opacity: 1;
}

.form-control::placeholder {
    color: #818181;
    opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f8fafd;
    opacity: 1;
}

select.form-control:focus::-ms-value {
    color: #818181;
    background-color: #fff;
}



.custom-control.custom-checkbox label {
    padding-left: 5px;
    cursor: pointer;
    font-size: 15px;
    padding-top: 0px;
    font-weight: normal;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #000000;
    background-color: #000000;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #66afe9;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

.custom-control-input:disabled~.custom-control-label {
    color: #8c98a4;
}

.custom-control-input:disabled~.custom-control-label::before {
    background-color: #f8fafd;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.20625rem;
    left: -1.3rem;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #dfdfdf solid 2px;
}

.custom-control-label::after {
    position: absolute;
    top: 1px;
    left: -23px;
    display: block;
    width: 25px;
    height: 25px;
    content: "";
    background: no-repeat 50% / 50% 50%;
}


.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 10px 5px;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 1px;
    border-radius: 7px;
    transition: all 0.2s ease-in-out;
}

.btn-dark {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-danger {
    color: #fff;
    background-color: #de4437;
    border-color: #de4437;
}

.btn-primary-dark {
    color: #fff;
    background-color: #333e48;
    border-color: #333e48;
}

.btn-primary-dark:hover {
    background-color: #333e48;
    border-color: #333e48;
    color: #fff;
}

.btn-soft-secondary-w {
    color: #333e48;
    background-color: #efecec;
    border-color: #efecec;
}

.btn-soft-secondary-w:hover {
    background-color: #333e48;
    border-color: #333e48;
    color: #fff;
}

.btn-primary-dark-w {
    color: #ffffff;
    background-color: #333e48;
    border-color: #333e48;
}

.btn-primary-dark-w:hover {
    background-color: #333e48;
    border-color: #333e48;
    color: #fff;
}

.btn-primary-dark[type]:hover,
.btn-primary-dark[type]:active,
.btn-primary-dark[type]:focus,
.btn-primary-dark[href]:hover,
.btn-primary-dark[href]:active,
.btn-primary-dark[href]:focus {
    box-shadow: 0 4px 11px rgba(51, 62, 72, 0.25);
}

.btn.btn-max {
    width: 100%;
    border: 0;
}


.custom-control.custom-checkbox label a {
    color: #007bff;
}

.footer_ek {
    position: fixed;
    z-index: 2;
    text-align: center;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 4px;
    padding: 0px 15px;
    justify-items: center;
}

.footer_sepet,
.footer_sepet:hover {
    border: 0;
    padding: 8px;
    font-size: 18px;
    background-color: #cd2846;
    color: white;
    border-radius: 20px;
    width: 100%;
    display: block;
    max-width: 400px;
}

.footer_sepet .icon {
    display: inline-block;
    position: relative;
}

.footer_sepet .footer_price {
    display: inline-block;
}

.footer_sepet .icon i {
    position: absolute;
    left: 1px;
    top: 2px;
    line-height: 32px;
    z-index: 0;
    font-size: 25px;
}

.footer_sepet .icon span {
    width: 27px;
    height: 27px;
    border-radius: 27px;
    line-height: 27px;
    font-size: 14px;
    text-align: center;
    background-color: black;
    display: inline-block;
    margin-left: 20px;
    z-index: 3;
    position: relative;
}

/* sepet*/
ul.sepet_li {
    display: block;
    list-style: none;
    padding: 0;
}

ul.sepet_li li {
    border-bottom: solid 1px #e3e3e3;
    padding-top: 15px;
}


ul.sepet_li li .sepet_li_head {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}


ul.sepet_li li .sepet_li_head>p>i {
    display: block;
    font-size: 12px;
    line-height: 9px;
    font-style: normal;
}

ul.sepet_li li .sepet_li_head>p {
    margin: 0;
    width: 100%;
    padding: 0;
}

ul.sepet_li li .sepet_li_head>p>span {
    float: left;
    width: 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: black;
    color: white;
    text-align: center;
    display: block;
    max-width: 30px;
    margin-right: 10px;
    margin-top: -1px;
}

ul.sepet_li li .sepet_li_head>i {
    float: right;
    min-width: 82px;
    text-align: end;
    font-style: normal;
    font-weight: 500;
}


.sepet_li_footer {
    display: block;
    position: relative;
}


.sepet_li_footer>p {
    margin: 2px 0px 2px 0px;
    font-size: 14px;
    position: relative;
}

.sepet_li_footer.min40 {
    min-height: 40px;
}


.sepet_ekle_cikar {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 89px;
    text-align: right;
}

.sepet_ekle_cikar .sepet_cikar,
.sepet_ekle_cikar .sepet_ekle {
    width: 35px;
    height: 35px;
    background-color: #e0e0e0;
    text-align: center;
    font-size: 35px;
    font-weight: 400;
    line-height: 32px;
    border-radius: 35px;
    border: solid #e0e0e0 1px;
    font-style: normal;
    display: inline-block;
    cursor: pointer;
}

.sepet_ekle_cikar .sepet_cikar {
    margin-right: 5px;
    line-height: 25px;
    font-size: 45px;
}

.total_ozetl>a {
    width: 100%;
    display: inline-block;
    font-size: 17px;
    margin-bottom: 2px;
}

.total_ozetl>a>span {
    float: left;
    display: inline-block;
    text-transform: capitalize;
    font-size: 13px;
}

.total_ozetl>a>i {
    float: right;
    display: inline-block;
    font-style: normal;
    font-size: 13px;
}

.total_ozetl>a>i.badge {
    font-size: 12px;
}

.total_ozetl a.total_label {
    font-weight: 600;
}


.sepet_bos {
    text-align: center;
}

.sepet_bos span {
    font-size: 3pc;
    fill: #333e48;
}


label.kupon_msg {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #de4437;
    text-align: right;
}

.kupon_msg.color-success {
    color: #00c9a7;
}

/* THANKS */

.siparis_okeyicon {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.siparis_okeyicon .fa {
    color: #33ae52;
    font-size: 40px;
    border: 3px solid #33ae52;
    border-radius: 50%;
    padding: 15px;
    background-color: white;
}

p.siparis-title {
    text-align: center;
    color: #33ae52;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: 600;
}



.okeyicon {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.okeyicon .fa {
    color: #3c393c;
    font-size: 40px;
    border: 3px solid #3c393c;
    border-radius: 50%;
    padding: 15px;
    background-color: white;
}

p.okeytitle {
    text-align: center;
    color: #3c393c;
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 25px;
    font-weight: 600;
}


.orderHead {
    border-top: 1px solid #dedede;
    background-color: #f7f7f7;
    border-bottom: 1px solid #dedede;
}

.sipli {
    font-size: 13px;
    border: 1px solid #dedede;
    border-top: 0 solid #dedede;
    margin-bottom: 15px;
}

.orderHead p {
    padding: 0px;
    margin: 10px;
}

.orderBody img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    text-align: center;
    display: block;
}

.orderBody p {
    margin: 3px 10px;
    padding: 0;
}

.orderBody .btn,
.orderHead .btn {
    width: 100%;
    border-radius: 2px;
    padding: 5px;
    margin-bottom: 5px;
    background-color: #171717;
    max-width: 200px;
    float: right;
}

.orderBody .name {
    color: #646464;
    font-weight: bold;
    font-size: 15px;
}

.orderBody {
    padding: 10px;
}


ul.sec_thanks_li {
    list-style: none;
    padding: 0 0 0 10px;
}

ul.thanks_info_li {
    list-style: none;
    margin-bottom: 15px;
    background-color: #f5f7fb;
    padding: 10px 10px 0px 10px;
    border: solid 1px #dfdfdf;
}




ul.thanks_info_li li {
    padding-bottom: 10px;
}

/* Siparis li */

.siparis_li {
    display: block;
    width: 100%;
    position: relative;
    padding: 5px 10px;
    border-bottom: solid 1px #d9d9d9;
    min-height: 95px;
}

a.siparis_li:hover {
    background-color: #f5f7fb;
}

.siparis_li>img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    border: solid #cbcbcb 1px;
    padding: 2px;
    position: absolute;
    top: 14px;
}

.siparis_li_right {
    display: block;
    padding-left: 85px;
    padding-top: 5px;
}

.siparis_li_right>h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
    position: relative;
    padding-right: 110px;
}

.siparis_li_right>h3>span {
    position: absolute;
    top: 0px;
    right: 0;
}

.siparis_li_right>h4>i {
    font-size: 13px;
    font-style: normal;
}

.siparis_li_right h5 {
    font-size: 14px;
    margin-bottom: 0px;
}

.siparis_li_right p {}

.siparis_li_right>h4>span {
    font-size: 12px;
    text-align: right;
    line-height: 13px;
}

.siparis_li_right>h4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    font-size: 12px;
}

.siparis_li_right h5 span.badge {
    font-size: 12px;
    letter-spacing: 1px;
    /* padding: 5px; */
}


.siparis_li_right>p {
    margin-bottom: 0px;
    padding: 5px 0px 5px 0px;
    font-size: 14px;
}


img.img_cover {
    object-fit: cover;
    object-position: center;
}

.badge {
    padding: 7px 10px;
}

.bg-eleska {
    background-color: #f5f7fb;
}

/* Hesabım li */

.hesabimleft ul {
    width: 100%;
    padding: 0;
    display: block;
    margin-top: 20px;
}

.hesabimleft ul li {
    list-style: none;
    color: black;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 2px 1px;
}

.hesabimleft ul li a {
    width: 90%;
    text-align: left;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    padding-left: 10px;
    line-height: 15px;
    color: inherit;
}

.hesabimleft ul li i.left-icon {
    width: 5%;
    font-size: 18px;
    color: inherit;
}

i.right-icon.fa.fa-angle-right {
    width: 5%;
    font-size: 17px;
    color: inherit;
}


.hesabimleft ul li:hover,
.hesabimleft ul li.active {
    background-color: black;
    color: white;
    padding-left: 15px;
    border-radius: 5px;
}

.hesabimleft ul li:hover i,
.hesabimleft ul li.active i {
    padding-right: 15px;
}

a.btn.fright {
    width: 100px;
    padding: 7px 5px;
    border-radius: 2px;
}

a.btn.fright i {
    padding-right: 5px;
}

.fright {
    float: right;
}

#scrolltop {
    position: fixed;
    bottom: 55px;
    right: 10px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    font-size: 35px;
    line-height: 40px;
    background-color: #262626;
    color: white;
    display: none;
    border: 0;
    text-align: center;
    cursor: pointer;
}



.total_ozetl a i.badge.badge-dark {
    color: white;
}


a.page-link {
    width: 35px;
    height: 35px;
    margin: 0 3px;
    display: inline-block;
    background-color: #fff;
    line-height: 18px;
    color: #121521;
    -webkit-box-shadow: 0 2px 10px 0 #d8dde6;
    box-shadow: 0 2px 10px 0 #d8dde6;
    border-radius: 35px;
    text-align: center;
}

a.page-link.current,
a.page-link:hover,
a.page-link:focus {
    background: #121521;
    color: #fff !important;
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px
}

.page-item:last-child .page-link {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
}


/* STAR RATING */

.rating-group {
    display: inline-flex;
}

.rating__icon {
    pointer-events: none;
}

.rating {
    position: absolute !important;
    left: -9999px !important;
}

.rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 27px;
}

.rating__icon--star {
    color: orange;
}

.rating__icon--none {
    color: #eee;
}

.rating--none:checked+.rating__label .rating__icon--none {
    color: red;
}

.rating:checked~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating__label .rating__icon--star {
    color: orange;
}

.rating:hover~.rating__label .rating__icon--star {
    color: #ddd;
}

.rating-group:hover .rating--none:not(:hover)+.rating__label .rating__icon--none {
    color: #eee;
}

.rating--none:hover+.rating__label .rating__icon--none {
    color: red;
}


/* YORUMLAR */

.yorum_ozet {
    display: block;
    background-color: #313d3f;
    color: white;
    position: relative;
}

.rank_ortalama {
    display: block;
    width: 100px;
    height: 80px;
    font-size: 40px;
    text-align: center;
    line-height: 95px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

.yorum_detay {
    padding: 10px 10px 10px 110px;
}

.yorum_detay p {
    margin: 0;
    padding: 0;
    font-size: 15px;
}

.yorum_bilgi {
    font-size: 13px;
}

.yildiz_mega .fa {
    font-size: 30px;
    margin-right: 5px;
    color: orange;
}


/* Yorumlar li */
ul.yorumlar {
    list-style: none;
    padding: 0;
    overflow: scroll;
    max-height: 50vh;
}

ul.yorumlar li {
    border-bottom: solid 1px #ebebeb;
    display: block;
    margin-bottom: 10px;
    background-color: white;
    padding: 10px;
}

ul.yorumlar li .user {
    font-size: 17px;
}

ul.yorumlar li .user span {
    font-size: 14px;
}

ul.yorumlar li h5 {
    margin: 0;
    font-size: 16px;
    border-top: solid 1px #d9d9d9;
    padding-top: 5px;
    margin-top: 5px;
    display: block;
}

ul.yorumlar li p {
    margin: 10px 0px;
    background-color: #f5f7fb;
    padding: 5px;
}

ul.yorumlar li .yorum_uruname {
    font-size: 13px;
}

ul.yorumlar li .yorum_star {
    font-size: 20px;
}

ul.yorumlar li .yorum_star .fa {
    color: orange;
}

/* Slider Phone */
a.slider_phone {
    padding: 6px 18px 6px 8px;
    background: #00c9a7;
    color: white;
    font-size: 14px;
    border-radius: 35px;
    position: relative;
    display: inline-block;
}

.slider_phone b {
    letter-spacing: 1px;
    padding-left: 30px;
}

.slider_phone i {
    width: 25px;
    height: 25px;
    background-color: #089f85;
    line-height: 28px;
    border-radius: 25px;
    font-size: 14px;
    position: absolute;
    text-align: center;
    top: 4px;
}


/* Search */

.search_input {
    display: block;
    position: relative;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.search_input i.fa.fa-search {
    position: absolute;
    width: 35px;
    height: 35px;
    line-height: 35px;
    top: 3px;
    left: 5px;
    font-size: 19px;
    text-align: center;
    z-index: 2;
}

.search_input input.search {
    width: 100%;
    height: 40px;
    padding: 6px 40px 7px 40px;
    margin: 0px;
    border: solid 1px #c3c3c3;
    border-radius: 70px;
    overflow: hidden;
}

.search_input input.search:focus-visible {
    outline-color: #e9e9e9;
    background-color: #f5f7fb;
}

.search_input .search_kapat {
    position: absolute;
    width: 40px;
    height: 45px;
    top: 1px;
    right: 1px;
    cursor: pointer;
    z-index: 2;
    padding: 4px;
    display: none;
}

.search_input .search_kapat i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #e7e7e7;
    border-radius: 30px;
    font-size: 17px;
    text-align: center;
    font-style: normal;
    font-weight: 100;
    color: #000000;
}

.active .search_kapat {
    display: block;
}

.btnradio {
    width: 100%;
}

.btn.btn-radio.active:before {
    content: "\f00c";
    font-family: FontAwesome;
    padding-right: 5px;
}

.btn.btn-radio {
    background-color: #f5f7fb;
    color: #212529;
    border: solid 1px #cdcdcd;
    cursor: pointer;
    font-weight: 500;
}

.btn.btn-radio.active {
    background-color: #00c9a7;
    color: white;
    border: solid 1px #00c9a7;
}



.select_all {
    margin-top: -5px;
    padding-left: 12px;
    color: #106ab7;
    padding-bottom: 10px;
    font-size: 14px;
    cursor: pointer;
}


.select_iconlu {
    position: relative;
}


.select_iconlu .fa {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #212529;
    font-size: 25px;
    background-color: #f5f7fb;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 29px;
    border-radius: 30px;
    /* border: solid 1px #dddddd; */
    /* overflow: hidden; */
}

.select_iconlu .form-control {
    padding-left: 45px;
    padding-right: 30px;
    background-color: #f5f7fb;
    border-radius: 30px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


.alert i {
    font-size: 20px;
    padding-right: 10px;
}


img.paylogo {
    width: 100%;
    object-fit: contain;
    height: 85px;
}






ul.free_uruns {
    background-color: #f5f7fb;
    padding: 0px;
    list-style: none;
    border: solid 1px #d9d9d9;
    border-bottom: 0px;

}

ul.free_uruns li a {
    display: block;
    width: 100%;
    padding: 10px 20px 10px 10px;
    position: relative;
    padding-right: 10px;
    border-bottom: solid 1px #d9d9d9;
}

ul.free_uruns li a span {
    position: absolute;
    right: 10px;
    top: 5px;
    background-color: #05c8a7;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    width: 32px;
    height: 32px;
    line-height: 35px;
    text-align: center;
    border-radius: 30px;
}

ul.free_uruns li a:hover {
    background-color: white;
}


.yildiz_home .fa {
    font-size: 19px;
    margin-right: 5px;
    color: orange;
}

.yildiz_home {
    margin-bottom: 5px;
}

.badge-star {
    background-color: white;
}



p.ana_uyari {
    color: #ffffff;
    width: auto;
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    text-shadow: 4px 3px 6px black;
    text-align: center;
    margin: 5px 5px 0px 5px;
}

.badge-white {
    color: #333e48;
    background: white;
}


.cookie_alert {
    position: fixed;
    bottom: 0;
    background-color: white;
    z-index: 2;
    padding: 15px 15px;
    border-top: solid 1px #dadada;
    text-align: center;
    width: 100%;
}

a.hrefterms {
    color: #007bff;
}

a.btn.btn-white.btn-block.cookiebtn {
    border: solid 1px gray;
    margin-top: 10px;
    cursor: pointer;
    max-width: 300px;
}



ul.notification {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

ul.notification li a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: solid 1px #eeeeee;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

ul.notification li a:hover,
ul.notification li a.active {
    background-color: #f5f7fb;
}

ul.notification li a span {
    font-size: 12px;
    text-align: center;
}

ul.notification li a i {
    font-size: 27px;
    padding-left: 7px;
}

a.bosli {
    height: 45px;
    width: 50px;
    /* height: 8px; */
}


a.blogli {
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 20px;
    border-radius: 5px;
}

a.blogli img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.blogli span {
    position: absolute;
    top: 5px;
    z-index: 2;
    left: 3px;
    background-color: #fffffff7;
    border-radius: 5px;
    padding: 3px 7px;
    max-width: 100%;
    font-size: 10px;
}

a.blogli h4 {
    position: absolute;
    bottom: 0;
    background-color: #000000b5;
    width: 100%;
    text-align: center;
    color: white;
    margin: 0;
    padding: 8px 5px;
    font-size: 17px;
}



.checkscroll {
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    border: solid 1px #dbdbdb;
}


.page_no_ajax .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.page_no_ajax .yemek_modal .modal-header .close {
    display: none;
}

.katlist .btn.btn-radio.active {
    background-color: #262626;
    color: white;
    border: solid 1px #262626;
}

.katlist .btn.btn-radio {
    padding: 8px 5px;
}


footer ul.langli li a img {
    padding-right: 5px;
    height: 22px;
}

.notadd {
    margin-right: 85px;
    margin-top: 3px;
}

.notadd span {
    text-decoration: underline;
    color: #23272b;
    cursor: pointer;
    font-size: 12px;
}

.notadd .notbody textarea {
    width: 100%;
    padding: 6px;
    font-size: 14px;
    border-color: #cfcfcf;
}

.notadd .notbody {
    margin-top: 2px;
    display: none;
}

.notbtn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-bottom: 5px;
}

.notbtn .save_note {
    background-color: #23272b;
    color: white;
    padding: 3px 20px;
    font-size: 14px;
    border-radius: 5px;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
}



ul.sepet_li>li>.sepet_li_footer>.notadd>p {
    width: 100%;
    position: relative;
    padding: 8px 10px 8px 40px;
    background-color: #ebf6fa;
    font-size: 13px;
    border-radius: 10px;
    margin: 5px 0px;
    display: inline-block;
    cursor: pointer;
}


ul.sepet_li>li>.sepet_li_footer>.notadd>p:before {
    content: "\f040";
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    left: 7px;
    top: 7px;
    background-color: #333e48;
    color: #ebf6fa;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 25px;
}


.note_msg {
    padding: 8px;
    background-color: #ebf6fa;
    font-size: 12px;
    border-radius: 10px;
    margin: 5px 0px;
    display: inline-block;
}


ul.varyant_list {
    list-style: disc;
}

ul.varyant_list>li {
    padding: 5px;
    margin-right: 85px;
    font-size: 14px;
}

ul.varyant_list>li>b {
    color: #23272b;
    font-weight: bolder;
    font-size: 14px;
}


.animate-charcter {
    background-image: linear-gradient(-225deg,
            #ffffff 0%,
            #ffffff 29%,
            #f4ff13 67%,
            #fff800 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite, moveRight 1s infinite alternate, moveLeft 1s infinite alternate;
    display: inline-block;
    font-size: 21px;
    font-weight: bolder;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 5px 0px 5px 0px;
    border-bottom: solid 1px #cccccc;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.animate_charcter_bg {
    background-color: #ffffff;
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    animation: textclip 3s linear infinite;
    background-color: #d70228;
}


@keyframes moveRight {
    to {
        transform: translateX(20%);
    }
}

@keyframes moveLeft {
    to {
        transform: translateX(-5%);
    }
}


.loadingdiv img {
    width: 100%;
    max-height: 97px;
    display: block;
    text-align: center;
    object-fit: contain;
}

.loadingdiv h3 {
    text-align: center;
}



a.title_btn {
    position: relative;
    float: right;
    margin-top: -7px;
    width: 35px;
    height: 35px;
    line-height: 37px;
    box-shadow: 0 2px 10px 0 #d8dde6;
    border-radius: 35px;
    text-align: center;
    font-size: 20px;
    margin-right: 0px;
}

ul.islem_li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

ul.islem_li li {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: solid 1px #eeeeee;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

ul.islem_li li:hover {
    background-color: #f5f7fb;
}



.islem_li li a.url {
    display: block;
    margin-right: 30px;
    word-wrap: break-word;
    width: 100%;
}

.islem_li .ibtn {
    position: absolute;
    top: 5px;
    right: 0;
    width: 35px;
    height: 35px;
    font-size: 18px;
    line-height: 6px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    background-color: #dc3545;
}

.islem_li .ibtn i {
    padding-top: 9px;
}

.select_iconlu.select_btn_add {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.select_iconlu.select_btn_add select.form-control {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* flag search */
.select_flag ul {
    display: none;
}

.select_flag ul.open {
    display: block;
    width: 200px;
    z-index: 2222;
    margin: 0;
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 5px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 250px;
    -webkit-overflow-scrolling: touch;
}

.flag_input {
    position: relative;
    display: flex;
}

.select_flag {
    width: 40px;
    position: absolute;
    color: gray;
}

.select_flag .fi {
    background-size: 36px 56px;
    width: 30px;
    height: 30px;
    padding-top: 7px;
    margin-right: 5px;
}

.select_flag ul.open li:hover,
.select_flag .selected:hover {
    background-color: #f2f2f2;
    cursor: pointer;
}

.select_flag ul.open li {
    color: #787474;
    font-size: 13px;
    max-height: 40px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
    padding: 5px 5px 5px 3px;
}

.select_flag .selected {
    padding: 7px 0px 5px 7px;
    height: 40px;
    width: 45px;
    overflow: hidden;
    margin: 2px 2px 2px 2px;
    font-size: 14px;
}

.flag_input input {
    padding-left: 45px;
}


.input-group-append a i {
    font-size: 20px;
    margin-top: 2px;
}




section.galeri a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.galeri a {
    position: relative;
    height: 200px;
    width: 100%;
    display: block;
    background-color: white;
    margin-bottom: 15px;
}

section.galeri a h4 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    background: #000000bf;
    color: white;
    margin: 0;
    padding: 5px;
    font-size: 15px;
}

.sip_detay_hesap>a {
    width: 100%;
    display: flex;
    font-size: 17px;
    margin-bottom: 2px;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
}

.sip_detay_hesap a span {
    text-transform: capitalize;
    font-size: 15px;
    color: #404c56;
    font-weight: 400;
    font-style: normal;
}

.sip_detay_hesap>a>i {
    color: #404c56;
    font-weight: 400;
    font-style: normal;
}

.sip_detay_hesap a.total_label {
    font-weight: 600;
}


/*sip detay list */
.kat>.eat_li {
    padding-left: 10px;
    padding-bottom: 5px;
    position: relative;
}

.sepet_li_head {
    position: relative;
}

.sepet_li_head>b {
    width: 100%;
    display: block;
    margin-right: 174px;
    word-wrap: break-word;
}

.sepet_li_head>a>i {
    position: absolute;
    right: 0px;
    top: 0px;
    font-style: normal;
}

.kat {
    position: relative;
    border-bottom: solid 1px #e3e3e3;
    padding: 5px 10px 0px 0px;
}


.sepet_li_head>a>span {
    padding: 0px 80px 0px 0px;
    display: block;
    word-wrap: break-word;
    font-size: 14px;
    color: #737373 !important;
    font-weight: 400;
}

.sepet_li_footer p span {
    position: absolute;
    right: 0;
    top: 0;
}

.kat>h4 {
    font-size: 15px;
    margin: 0px;
    color: #4b4646;
}

/* sip list */


.swiper-button-next,
.swiper-button-prev {
    margin-top: 0px;
    background-image: none !important;
    font: 35px / 1 FontAwesome;
    font-size: 30px;
    color: #0e0e0e;
    background-color: #e5e5e5;
    width: 35px !important;
    height: 35px !important;
    text-align: center;
    line-height: 35px !important;
    border-radius: 35px !important;
}

.swiper-button-next:before {
    content: "\f105";
    padding-left: 2px;
}

.swiper-button-prev:before {
    content: "\f104";
    padding-right: 2px;
}

.swiper-button-next {
    right: 18px;
}

.swiper-button-prev {
    left: 18px;
}

.swiper-pagination-bullet {
    background: #f5f3f1 !important;
}

.swiper-pagination-bullet-active {
    background: #e5e5e5 !important;
}


.modal_control_sticky {
    position: absolute;
    display: none;
    z-index: 9;
    background-color: white;
    padding: 5px 0px 10px 0px;
    border-bottom: solid 2px #dfdfdf;
    left: 0;
    right: 0;
    top: 0;
}

.modal_control_sticky>h4 {
    padding: 0px 0px 0px 18px !important;
    width: 100%;
    padding-right: 55px !important;
    display: block;
    margin-top: 9px !important;
}

.modal_control_sticky>a {
    position: absolute;
    top: 14px;
    right: 22px;
    opacity: 1;
    font-size: 22px;
}

button#kuponuygula {
    z-index: 0;
}

.page_no_ajax .modal-dialog {
    min-height: auto;
    display: block;
}


/* Mobile Tabbar */
ul.mobile_tabbar {
    position: fixed;
    bottom: 0;
    z-index: 1;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 6px 0px 15px 0px;
    background-color: white;
    text-align: center;
    margin-block: 0;
    padding-inline-start: 0;
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    border-top: solid 1px #eaeaea;
    display: none;
}

ul.mobile_tabbar li {
    display: inline-block;
    width: 24%;
}

ul.mobile_tabbar li a {
    display: block;
    color: #4b4949;
    text-transform: capitalize;
}

ul.mobile_tabbar li a span {
    display: block;
    font-size: 12px;
    text-align: center;
}

ul.mobile_tabbar li a i {
    display: block;
    font-size: 18px;
    text-align: center;
}

ul.mobile_tabbar li a:hover {
    color: #000000;
}

ul.mobile_tabbar li a.active {
    color: #000000;
}



ul.mobile_tabbar>li>a>b {
    position: absolute;
    top: -12px;
    width: 27px;
    height: 27px;
    background-color: #d80027;
    border-radius: 27px;
    text-align: center;
    color: white;
    font-size: 10px;
    line-height: 27px;
    font-weight: 600;
}

/* Ticker / Duyuru Şeridi */
.site-ticker {
    overflow: hidden;
    background-color: #d70228;
    color: #fff;
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
}

.site-ticker-track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    animation: ticker-scroll 14s linear infinite;
}

.site-ticker-track span {
    display: inline-block;
    min-width: 100vw;
    padding: 0 40px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 34px;
    text-align: center;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}



/* Restoran */

section.firma_card {
    background-color: white;
    margin: 10px 0px 0px 0px;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;
    display: flex;
    justify-content: space-between;
    min-height: 112px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.firma_info {
    position: relative;
    display: inline-block;
}


.firma_info img.firma_img {
    width: 75px;
    height: 75px;
    object-fit: contain;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 5px;
    z-index: 1;
}

.firma_info .firma_stats {
    display: inline-block;
    position: relative;
    padding-left: 85px;
    padding-top: 18px;
}

.firma_info .firma_stats h1 {
    font-size: 18px;
    margin: 0;
    position: relative;
    padding-right: 30px;
}

.firma_info .firma_stats h1 img {
    height: 25px;
}

.firma_info .firma_stats h1 img {
    margin-top: -5px;
}

.firma_info .firma_stats .stat {
    margin-top: 5px;
}

.firma_info .firma_stats .stat>a {
    padding-left: 5px;
    display: inline-block;
    font-size: 14px;
    color: gray;
    text-decoration: underline !important;
    margin-bottom: 5px;
}

.firma_btns {
    display: inline-block;
    padding-top: 18px;
}

section.firma_card .firma_btns .sikayet {
    background-color: #3ad08f;
    color: white !important;
    display: block;
    text-align: center;
    padding: 5px 20px;
    border-radius: 25px;
    margin-bottom: 10px;
}

section.firma_card .firma_btns .dogrula {
    display: block;
    text-decoration: underline !important;
    text-align: center;
}






.card.smart {
    padding: 15px 15px 10px 15px;
}

.card.smart>h5 {
    position: relative;
    font-size: 17px;
    cursor: pointer;
}

.card.smart>.body {
    margin: 0;
    padding: 10px;
    display: block;
    background: #f5f7fb;
    border-radius: 10px;
}

.card.smart>.body>ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.card.smart>.body>ul>li>a {
    display: block;
    padding: 5px 0px 5px 25px;
    position: relative;
}

.card.smart>.body>ul>li>a>i {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 15px;
    text-align: center;
}


.card.smart>h5>span.dropdown {
    position: absolute;
    right: 0;
    top: 0;
}


.yorum_star {
    font-size: 18px;
    padding: 10px 0px;
}

.yorum_star .fa {
    color: orange;
}

.firma_info .firma_stats .stat>.total {
    background-color: #212529bf;
    display: inline-block;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 0px 12px;
    margin-left: 0px;
    font-size: 13px;
}

.firma_info .firma_stats .stat>.yorum_star {
    display: inline-block;
    padding: 0;
    margin: 0;
}



.videobg {
    position: absolute;
    width: 100%;
    height: 40vh;
    z-index: 0;
    object-fit: cover;
    top: 0;
}



.videoblur {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    user-select: none;
}

.btn-radius {
    border-radius: 80px !important;
}

.center {
    text-align: center;
}

.btn-radius i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
}

.btn-white {
    background-color: white;
    border: solid 1px gray;
    color: black !important;
}


.btn.btn-sm {
    padding: 2px;
    display: inline-block;
}

.fasteat-premium-box {
    position: relative;
    background: #09090b;
    border-radius: 24px;
    padding: 32px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    color: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.15);
}

.fasteat-premium-box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    background: radial-gradient(circle at top right, rgba(212, 175, 55, 0.2) 0%, transparent 70%);
    pointer-events: none;
}

.fasteat-premium-box::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.03) 0%, transparent 70%);
    pointer-events: none;
}

.fasteat-premium-badge {
    display: inline-flex;
    align-items: center;
    background: rgba(212, 175, 55, 0.15);
    color: #d4af37;
    padding: 8px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 24px;
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.1);
}

.fasteat-premium-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fasteat-premium-features li {
    display: flex;
    align-items: flex-start;
    font-size: 15px;
    color: #a1a1aa;
    margin-bottom: 14px;
    line-height: 1.5;
}

.fasteat-premium-features li i {
    color: #d4af37;
    margin-right: 12px;
    font-size: 18px;
    margin-top: 3px;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.4);
}

.fasteat-premium-btn {
    background: linear-gradient(135deg, #d4af37 0%, #ffd655 100%);
    color: #000;
    font-weight: 700;
    padding: 16px 0;
    width: 100%;
    border-radius: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: none;
    letter-spacing: 0.5px;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25);
}

.fasteat-premium-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(212, 175, 55, 0.4);
    color: #000;
    text-decoration: none;
}

.fasteat-price-box {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 20px;
    padding: 28px 24px;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    backdrop-filter: blur(12px);
}



/* Ana sayfa menü kategori başlığı */
.restaurant-menu h4.rp-kat-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 18px 0 12px !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
    color: #111827;
    text-transform: none;
    border: 0 !important;
    background: none !important
}

.restaurant-menu h4.rp-kat-title::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #252525;
    flex: 0 0 auto
}

.restaurant-menu h4.rp-kat-title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e7eb
}

@media (max-width:576px) {
    .restaurant-menu h4.rp-kat-title {
        font-size: 15px !important;
        margin: 14px 0 10px !important
    }
}

/* === pages.css (birleştirildi) === */
/* Restoran teması — sayfa tasarımları (blog, galeri, hızlı giriş, değerlendirmeler) */
:root {
    --rp-ink: #0f172a;
    --rp-muted: #64748b;
    --rp-line: #e8ecf2;
    --rp-soft: #f6f8fb;
    --rp-accent: #d92546;
    --rp-radius: 16px
}

/* Sayfa başlığı */
.rp-hero {
    padding: 28px 0 18px
}

.rp-hero h1 {
    font-size: 28px;
    font-weight: 800;
    color: var(--rp-ink);
    margin: 0 0 6px;
    letter-spacing: -.02em
}

.rp-hero p {
    color: var(--rp-muted);
    margin: 0;
    font-size: 15px
}

.rp-hero .rp-count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 4px 12px;
    border-radius: 30px;
    background: var(--rp-soft);
    border: 1px solid var(--rp-line);
    font-size: 12px;
    font-weight: 600;
    color: var(--rp-muted)
}

/* BoÅŸ durum */
.rp-empty {
    text-align: center;
    padding: 56px 24px;
    background: #fff;
    border: 1px dashed var(--rp-line);
    border-radius: var(--rp-radius)
}

.rp-empty-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rp-soft);
    color: #94a3b8;
    font-size: 30px
}

.rp-empty h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--rp-ink);
    margin: 0 0 6px
}

.rp-empty p {
    font-size: 14px;
    color: var(--rp-muted);
    margin: 0 auto;
    max-width: 360px;
    line-height: 1.55
}

.rp-empty .rp-btn {
    margin-top: 18px
}

.rp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 22px;
    border-radius: 30px;
    border: 0;
    background: var(--rp-accent);
    color: #fff !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(217, 37, 70, .25);
    transition: transform .15s, box-shadow .15s;
    cursor: pointer
}

.rp-btn:hover {
    box-shadow: 0 6px 18px rgba(217, 37, 70, .35);
    transform: translateY(-1px)
}

.rp-btn:disabled {
    opacity: .6;
    transform: none
}

.rp-btn-block {
    width: 100%
}

/* Blog */
.rp-blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
    margin-bottom: 28px
}

.rp-post {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid var(--rp-line);
    border-radius: var(--rp-radius);
    overflow: hidden;
    text-decoration: none !important;
    transition: transform .2s, box-shadow .2s
}

.rp-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08)
}

.rp-post-img {
    position: relative;
    aspect-ratio: 16/10;
    background: var(--rp-soft);
    overflow: hidden
}

.rp-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s
}

.rp-post:hover .rp-post-img img {
    transform: scale(1.04)
}

.rp-post-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.rp-post-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--rp-muted);
    margin-bottom: 8px
}

.rp-post h2 {
    font-size: 17px;
    font-weight: 700;
    color: var(--rp-ink);
    line-height: 1.35;
    margin: 0 0 8px
}

.rp-post-excerpt {
    font-size: 14px;
    color: var(--rp-muted);
    line-height: 1.55;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.rp-post-more {
    margin-top: auto;
    font-size: 13px;
    font-weight: 700;
    color: var(--rp-accent)
}

.rp-pagination .pagination {
    gap: 6px
}

.rp-pagination .page-link {
    border-radius: 10px !important;
    border: 1px solid var(--rp-line);
    color: var(--rp-ink);
    min-width: 40px;
    text-align: center
}

.rp-pagination .page-link.current {
    background: var(--rp-ink);
    border-color: var(--rp-ink);
    color: #fff
}

/* Galeri */
.rp-gallery {
    columns: 3 260px;
    column-gap: 16px;
    margin-bottom: 28px
}

.rp-shot {
    position: relative;
    display: block;
    margin: 0 0 16px;
    border-radius: 14px;
    overflow: hidden;
    break-inside: avoid;
    background: var(--rp-soft)
}

.rp-shot img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .45s
}

.rp-shot:hover img {
    transform: scale(1.05)
}

.rp-shot-cap {
    position: absolute;
    inset: auto 0 0 0;
    padding: 28px 14px 12px;
    background: linear-gradient(transparent, rgba(15, 23, 42, .75));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transition: opacity .25s;
    display: flex;
    align-items: center;
    gap: 8px
}

.rp-shot:hover .rp-shot-cap {
    opacity: 1
}

.rp-shot-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    color: var(--rp-ink);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(.8);
    transition: all .25s
}

.rp-shot:hover .rp-shot-zoom {
    opacity: 1;
    transform: scale(1)
}

/* Hızlı giriş */
.rp-auth {
    max-width: 440px;
    margin: 28px auto 48px
}

.rp-auth-card {
    background: #fff;
    border: 1px solid var(--rp-line);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06);
    padding: 30px 28px
}

.rp-auth-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(217, 37, 70, .08);
    color: var(--rp-accent);
    font-size: 26px;
    margin-bottom: 16px
}

.rp-auth h1 {
    font-size: 22px;
    font-weight: 800;
    color: var(--rp-ink);
    margin: 0 0 6px
}

.rp-auth-sub {
    font-size: 14px;
    color: var(--rp-muted);
    margin: 0 0 22px;
    line-height: 1.5
}

.rp-steps {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px
}

.rp-step {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8
}

.rp-step b {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rp-soft);
    border: 1px solid var(--rp-line);
    font-size: 12px
}

.rp-step.is-active {
    color: var(--rp-ink)
}

.rp-step.is-active b {
    background: var(--rp-accent);
    border-color: var(--rp-accent);
    color: #fff
}

.rp-step.is-done b {
    background: #22c55e;
    border-color: #22c55e;
    color: #fff
}

.rp-step-line {
    flex: 1;
    height: 2px;
    background: var(--rp-line);
    border-radius: 2px
}

.rp-auth .form-label {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    margin-bottom: 6px
}

.rp-auth .form-control {
    height: 48px;
    border-radius: 12px;
    border: 1px solid #dfe5ee;
    font-size: 15px
}

.rp-auth .form-control:focus {
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .18)
}

.rp-auth .flag_input {
    margin-bottom: 14px
}

.rp-auth .alert {
    border-radius: 12px;
    font-size: 13px
}

.rp-auth-note {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin-top: 16px;
    font-size: 12px;
    color: var(--rp-muted);
    line-height: 1.5
}

.rp-auth-foot {
    text-align: center;
    margin-top: 18px;
    font-size: 13px;
    color: var(--rp-muted)
}

.rp-auth-foot a {
    font-weight: 700;
    color: var(--rp-ink)
}

.rp-code-input {
    letter-spacing: .5em;
    text-align: center;
    font-size: 22px !important;
    font-weight: 700
}

/* Değerlendirmeler modalı — boş durum */
.rp-reviews-empty {
    text-align: center;
    padding: 36px 20px 30px
}

.rp-reviews-empty .rp-stars {
    display: flex;
    justify-content: center;
    gap: 4px;
    color: #e2e8f0;
    font-size: 22px;
    margin-bottom: 14px
}

.rp-reviews-empty h5 {
    font-size: 17px;
    font-weight: 700;
    color: var(--rp-ink);
    margin: 0 0 6px
}

.rp-reviews-empty p {
    font-size: 14px;
    color: var(--rp-muted);
    margin: 0 auto;
    max-width: 320px;
    line-height: 1.55
}

@media (max-width:575px) {
    .rp-hero h1 {
        font-size: 23px
    }

    .rp-gallery {
        columns: 2 150px;
        column-gap: 10px
    }

    .rp-shot {
        margin-bottom: 10px;
        border-radius: 10px
    }

    .rp-shot-cap {
        opacity: 1;
        font-size: 12px;
        padding: 20px 10px 8px
    }

    .rp-auth-card {
        padding: 24px 18px;
        border-radius: 16px
    }
}

/* Hızlı giriş — aranabilir ülke kodu seçici */
.rp-phone {
    display: flex;
    align-items: stretch;
    margin-bottom: 14px;
    position: relative;
    height: 48px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #fff;
    transition: border-color .15s, box-shadow .15s
}

.rp-phone:focus-within {
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, .18)
}

.rp-auth .rp-phone .form-control {
    flex: 1;
    min-width: 0;
    height: 46px;
    border: 0 !important;
    border-radius: 0 12px 12px 0;
    box-shadow: none !important;
    padding-left: 12px;
    background: transparent
}

.rp-cc {
    position: relative;
    flex-shrink: 0
}

.rp-cc-toggle {
    height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 0;
    border-right: 1px solid #dfe5ee;
    border-radius: 12px 0 0 12px;
    background: transparent;
    font-size: 15px;
    font-weight: 600;
    color: var(--rp-ink);
    cursor: pointer;
    white-space: nowrap
}

.rp-cc-toggle:hover,
.rp-cc-toggle[aria-expanded="true"] {
    background: var(--rp-soft)
}

.rp-cc-toggle .fi {
    width: 22px;
    height: 16px;
    border-radius: 3px;
    background-size: cover;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .08)
}

.rp-cc-toggle .fa {
    color: #94a3b8;
    font-size: 14px
}

.rp-cc-panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 50;
    width: min(320px, 86vw);
    background: #fff;
    border: 1px solid var(--rp-line);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .14);
    overflow: hidden
}

.rp-cc-panel[hidden] {
    display: none
}

.rp-cc-search {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid var(--rp-line)
}

.rp-cc-search .fa {
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 13px
}

.rp-cc-search input {
    width: 100%;
    height: 40px;
    border: 1px solid #dfe5ee;
    border-radius: 10px;
    padding: 0 12px 0 34px;
    font-size: 14px;
    outline: none
}

.rp-cc-search input:focus {
    border-color: #94a3b8
}

.rp-cc-list {
    list-style: none;
    margin: 0;
    padding: 6px;
    max-height: 260px;
    overflow-y: auto
}

.rp-cc-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 9px;
    cursor: pointer;
    font-size: 14px;
    color: var(--rp-ink)
}

.rp-cc-item[hidden] {
    display: none
}

.rp-cc-item .fi {
    width: 22px;
    height: 16px;
    border-radius: 3px;
    background-size: cover;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, .08)
}

.rp-cc-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rp-cc-code {
    color: var(--rp-muted);
    font-weight: 600;
    font-size: 13px
}

.rp-cc-item:hover,
.rp-cc-item.is-active {
    background: var(--rp-soft)
}

.rp-cc-item.is-selected {
    background: rgba(217, 37, 70, .07)
}

.rp-cc-item.is-selected .rp-cc-code {
    color: var(--rp-accent)
}

.rp-auth-foot a {
    display: inline-flex;
    align-items: center;
    gap: 6px
}

/* Form sayfaları (rezervasyon) — giriş sayfasıyla aynı dil */
.rp-form-wrap {
    max-width: 480px;
    margin: 35px auto 60px
}

.rp-form-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .04)
}

.rp-form-head {
    text-align: center;
    margin-bottom: 22px
}

.rp-form-head .rp-auth-icon {
    margin: 0 auto 12px
}

.rp-form-head h1 {
    font-size: 22px;
    font-weight: 800;
    color: var(--rp-ink);
    margin: 0
}

.rp-field {
    margin-bottom: 18px
}

.rp-field label {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 6px
}

.rp-input {
    position: relative;
    display: flex;
    align-items: center
}

.rp-input>.fa {
    position: absolute;
    left: 14px;
    color: #94a3b8;
    font-size: 15px;
    pointer-events: none;
    z-index: 2
}

.rp-input .form-control {
    height: 48px;
    padding-left: 42px !important;
    border-radius: 10px;
    border: 1.5px solid #cbd5e1;
    font-size: 14.5px;
    color: var(--rp-ink);
    transition: all .18s
}

.rp-input .form-control:focus {
    border-color: var(--rp-ink);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .12)
}

.rp-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.rp-stepper {
    display: flex;
    align-items: center;
    height: 48px;
    border: 1.5px solid #cbd5e1;
    border-radius: 10px;
    overflow: hidden
}

.rp-stepper button {
    width: 52px;
    height: 100%;
    border: 0;
    background: #f8fafc;
    color: #475569;
    font-size: 13px;
    cursor: pointer;
    transition: background .15s
}

.rp-stepper button:hover {
    background: #eef2f7
}

.rp-stepper span {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-left: 1.5px solid #e2e8f0;
    border-right: 1.5px solid #e2e8f0;
    height: 100%;
    color: #94a3b8
}

.rp-stepper input {
    width: 48px;
    border: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--rp-ink);
    outline: none;
    -moz-appearance: textfield;
    background: transparent
}

.rp-stepper input::-webkit-outer-spin-button,
.rp-stepper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.rp-form-btn {
    height: 48px;
    width: 100%;
    border: 0;
    border-radius: 10px;
    background: var(--rp-ink);
    color: #fff !important;
    font-size: 15px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all .18s;
    margin-top: 4px
}

.rp-form-btn:hover {
    background: #1e293b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, .15)
}

.rp-form-alert {
    border-radius: 10px;
    font-size: 14px;
    display: flex;
    gap: 8px;
    align-items: center
}

.rp-form-success {
    text-align: center
}

.rp-form-success-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #22c55e;
    color: #fff;
    font-size: 28px;
    box-shadow: 0 8px 20px rgba(34, 197, 94, .3)
}

.rp-form-success p {
    font-size: 15px;
    color: #334155;
    margin: 0 0 16px;
    line-height: 1.5
}

.rp-form-summary {
    list-style: none;
    padding: 12px 16px;
    margin: 0 0 18px;
    background: var(--rp-soft);
    border: 1px solid var(--rp-line);
    border-radius: 12px;
    text-align: left
}

.rp-form-summary li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
    font-size: 14px;
    color: var(--rp-ink);
    font-weight: 600
}

.rp-form-summary .fa {
    width: 16px;
    color: #94a3b8;
    text-align: center
}

@media (max-width:575px) {
    .rp-form-card {
        padding: 22px 18px
    }

    /* Dar ekranda tarih ve saat yan yana sığmıyor: alt alta gelir */
    .rp-field-row {
        grid-template-columns: 1fr;
        gap: 0
    }
}

/* Hızlı giriş başlığı ortalı */
.rp-auth-card>.rp-auth-icon {
    margin-left: auto;
    margin-right: auto
}

.rp-auth-card>h1 {
    text-align: center;
    margin-bottom: 18px
}

/* Doğrulama kodu adımı */
.rp-otp-head {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 16px;
    text-align: center
}

.rp-otp-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    background: var(--rp-soft);
    border-radius: 30px;
    padding: 6px 14px;
    font-size: 15px;
    font-weight: 700;
    color: var(--rp-ink);
    cursor: pointer;
    letter-spacing: .02em
}

.rp-otp-phone .fa {
    font-size: 12px;
    color: #94a3b8
}

.rp-otp-phone:hover .fa {
    color: var(--rp-accent)
}

.rp-otp {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 6px 0 18px
}

.rp-otp input {
    width: 46px;
    height: 56px;
    border: 1.5px solid #dfe5ee;
    border-radius: 12px;
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: var(--rp-ink);
    background: #fff;
    outline: none;
    transition: border-color .15s, box-shadow .15s, background .15s;
    caret-color: var(--rp-accent);
    padding: 0
}

.rp-otp input:focus {
    border-color: var(--rp-accent);
    box-shadow: 0 0 0 3px rgba(217, 37, 70, .15)
}

.rp-otp input.is-filled {
    background: var(--rp-soft);
    border-color: #cbd5e1
}

.rp-otp-sep {
    width: 10px;
    height: 2px;
    background: #cbd5e1;
    border-radius: 2px;
    flex-shrink: 0
}

.rp-otp.is-error {
    animation: rpShake .4s
}

.rp-otp.is-error input {
    border-color: #ef4444
}

@keyframes rpShake {

    0%,
    100% {
        transform: translateX(0)
    }

    20%,
    60% {
        transform: translateX(-6px)
    }

    40%,
    80% {
        transform: translateX(6px)
    }
}

.rp-otp-resend {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 14px auto 0;
    border: 0;
    background: transparent;
    color: var(--rp-ink);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: 8px
}

.rp-otp-resend:disabled {
    color: #94a3b8;
    cursor: default
}

.rp-otp-resend:not(:disabled):hover {
    background: var(--rp-soft)
}

.rp-btn.is-loading {
    opacity: .85;
    cursor: progress
}

@media (max-width:380px) {
    .rp-otp {
        gap: 5px
    }

    .rp-otp input {
        width: 40px;
        height: 50px;
        font-size: 21px
    }
}

/* Uyarı kutusu (hızlı giriş) */
.rp-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    margin: 0 0 16px;
    border-radius: 12px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    animation: rpAlertIn .25s ease-out
}

.rp-alert .fa {
    font-size: 17px;
    margin-top: 1px;
    flex-shrink: 0
}

.rp-alert span {
    flex: 1;
    min-width: 0;
    word-break: break-word
}

@keyframes rpAlertIn {
    from {
        opacity: 0;
        transform: translateY(-4px)
    }

    to {
        opacity: 1;
        transform: none
    }
}

/* Hesap sayfaları (bilgilerim, adresler, adres ekle/düzenle) */
.rp-acc-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px
}

.rp-acc-title h1 {
    font-size: 22px;
    font-weight: 800;
    color: var(--rp-ink);
    margin: 0
}

.rp-acc-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .03);
    margin-bottom: 18px
}

.rp-acc-card h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    font-weight: 800;
    color: var(--rp-ink);
    margin: 0 0 16px
}

.rp-acc-card h2 .fa {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(217, 37, 70, .08);
    color: var(--rp-accent);
    font-size: 14px
}

.rp-acc-note {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: 14px;
    font-weight: 600
}

.rp-acc-ok {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-size: 14px;
    font-weight: 600
}

.rp-input textarea.form-control {
    height: auto;
    min-height: 96px;
    padding-top: 12px;
    resize: vertical;
    line-height: 1.5
}

.rp-input.is-top>.fa {
    top: 15px
}

.rp-input select.form-control {
    padding-left: 42px !important;
    appearance: auto;
    -webkit-appearance: menulist
}

.rp-input input[readonly] {
    background: #f8fafc;
    color: #64748b
}

.rp-input-readonly {
    opacity: .85;
    cursor: default
}

.rp-input-readonly .form-control[readonly] {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0;
    cursor: default
}

.rp-input-readonly>.fa {
    color: #64748b
}

.rp-form-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px
}

.rp-form-actions .rp-form-btn {
    flex: 1;
    margin-top: 0
}

.rp-btn-ghost {
    height: 48px;
    padding: 0 18px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: #fff;
    color: #475569 !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none !important
}

.rp-btn-ghost:hover {
    background: #f8fafc
}

.rp-btn-danger-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dc2626 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important
}

.rp-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    transition: all .15s
}

.rp-icon-btn:hover {
    background: #f8fafc;
    color: var(--rp-ink) !important
}

.rp-icon-btn.is-danger:hover {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626 !important
}

.rp-icon-btn.is-primary {
    background: var(--rp-ink);
    border-color: var(--rp-ink);
    color: #fff !important
}

/* Adres kartları */
.rp-addr-list {
    display: grid;
    gap: 12px
}

.rp-addr {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    transition: border-color .15s
}

.rp-addr:hover {
    border-color: #cbd5e1
}

.rp-addr.is-default {
    border-color: var(--rp-ink);
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .06)
}

.rp-addr-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rp-soft);
    color: #475569;
    font-size: 17px
}

.rp-addr.is-default .rp-addr-icon {
    background: var(--rp-ink);
    color: #fff
}

.rp-addr-body {
    flex: 1;
    min-width: 0
}

.rp-addr-text {
    font-size: 15px;
    font-weight: 600;
    color: var(--rp-ink);
    line-height: 1.45;
    margin: 0 0 6px;
    word-break: break-word
}

.rp-addr-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.rp-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 30px;
    background: var(--rp-soft);
    border: 1px solid var(--rp-line);
    font-size: 12px;
    font-weight: 600;
    color: #475569
}

.rp-chip.is-dark {
    background: var(--rp-ink);
    border-color: var(--rp-ink);
    color: #fff
}

.rp-addr-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0
}

.rp-addr-add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    border: 1.5px dashed #cbd5e1;
    border-radius: 14px;
    color: #475569 !important;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .15s
}

.rp-addr-add:hover {
    border-color: var(--rp-ink);
    color: var(--rp-ink) !important;
    background: var(--rp-soft)
}

@media (max-width:575px) {
    .rp-acc-card {
        padding: 18px
    }

    .rp-addr {
        padding: 14px;
        gap: 10px
    }

    .rp-addr-actions {
        flex-direction: column
    }
}

/* Adres penceresi */
.rp-addr.ajaxModal {
    cursor: pointer;
    transition: border-color .15s, box-shadow .15s
}

.rp-addr.ajaxModal:hover {
    border-color: #cbd5e1;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .06)
}

.rp-am {
    border: 0;
    border-radius: 18px;
    overflow: hidden
}

.rp-am-head {
    position: relative;
    text-align: center;
    padding: 26px 24px 6px
}

.rp-am-head .rp-auth-icon {
    margin: 0 auto 10px
}

.rp-am-head h4 {
    margin: 0;
    font-size: 19px;
    font-weight: 700
}

.rp-am-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #f3f4f6;
    font-size: 22px;
    line-height: 1;
    color: #374151;
    cursor: pointer
}

.rp-am-close:hover {
    background: #e5e7eb
}

.rp-am-body {
    padding: 16px 24px 4px
}

.rp-am-foot {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 16px 24px 24px
}

.rp-am-foot .rp-form-btn {
    flex: 1;
    margin: 0
}

.pac-container {
    z-index: 2000 !important
}

/* Adres penceresi: kaydet butonu */
.rp-am-foot {
    justify-content: flex-end;
    padding: 12px 24px 22px
}

.rp-am .rp-am-save {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    min-width: 140px;
    height: 42px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    background: var(--rp-ink, #0f172a);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .2px;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .18);
    transition: transform .15s, box-shadow .15s, opacity .15s
}

.rp-am .rp-am-save i {
    font-size: 13px;
    margin: 0
}

.rp-am .rp-am-save:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(15, 23, 42, .22)
}

.rp-am .rp-am-save:disabled {
    opacity: .7;
    transform: none
}

@media (max-width:480px) {
    .rp-am .rp-am-save {
        width: 100%
    }
}

/* Sepet satırı: adet solda, kategori + ürün adı ayrı satırda, fiyat sağda sabit */
ul.sepet_li li .sepet_li_head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

ul.sepet_li li .sepet_li_head>p {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 0;
}

ul.sepet_li li .sepet_li_head>p>span {
    flex: 0 0 auto;
}

ul.sepet_li li .sepet_li_head>p>em {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    font-style: normal;
    overflow-wrap: anywhere;
}

ul.sepet_li li .sepet_li_head>p>em>i {
    display: block;
    font-style: normal;
    font-size: 11px;
    font-weight: normal;
}

ul.sepet_li li .sepet_li_head>p>em>b {
    display: block;
    font-weight: 400;
}

ul.sepet_li li .sepet_li_head>i {
    flex: 0 0 auto;
    white-space: nowrap;
    float: none;
}
/* Adres silme: onay bekleyen buton */
.rp-addr-del.is-confirm {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}