@media only screen and (max-width: 1500px) {
	 
	.business-main.home-main .slick-sliders{
		padding: 0 50px;
	}
	.business-main .slick-nav>div{
		left: 0 !important;
	}
	.business-main .slick-nav .slick-nav__next{
		right: 0 !important;
	}
	.business-main.home-main .site-banner:after{
		content: '';
		background-size: 125%;
	}
	.site__search.layout-02{
		max-width: 400px;
	}
	.site-banner__search.layout-02 .field-input:nth-child(1),
	.site-banner__search.layout-02 .field-input:nth-child(2){
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.site__search.layout-02 .site-banner__search.layout-02 .field-input label{
		display: none !important;
	}
	.site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::placeholder{
		opacity: 1;
		color: #2d2d2d;
    	font-family: "Jost";
	}
	.site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input:-ms-input-placeholder{
		opacity: 1;
		color: #2d2d2d;
    	font-family: "Jost";
	}
	.site__search.layout-02 .site-banner__search.layout-02 .site-banner__search__input::-ms-input-placeholder{
		opacity: 1;
		color: #2d2d2d;
    	font-family: "Jost";
	}
	.site__search.layout-02 .site-banner__search.layout-02 .search-suggestions li a{
		padding: 8px 10px;
	}
	.archive-city .col-left{
		padding: 40px 20px 60px;
		margin: 0;
	}
	 

	
}

@media only screen and (max-width: 1440px) {
	.contribute-button {
		font-size: 10px !important;
		right: -73rem !important;  
		bottom: 3rem !important;
	}
}
@media only screen and (min-width: 1200px) {
	.container{
		max-width: 1200px;
	}
}
@media only screen and (max-width: 1200px) {
	.site__search{
		max-width: 200px;
	}
	.right-header > div{
		margin-right: 18px;
	}
	.widget-post .post img{
		width: 100px;
		height: 100px;
	}
	.widget-post .post .post__info h3{
		font-size: 15px;
	}
	.place-04 .hightlight-grid .place__amenities,
	.place-04 .hightlight-grid .hightlight-count{
		margin-right: 0;
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	    text-align: center;
	}
	.place-04 .hightlight-grid .place__button{
		margin-top: 15px;
	}
	.place-04 .hightlight-grid .place__amenities:nth-child(4){
		margin-right: 0;
	}
	.company-info>img {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.area-places .place-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	/* .page-title.layout-2:after{
		background-image: radial-gradient(circle at 91% 3%, transparent calc(400px + 1px), #00B8C0 calc(400px + 2px));
	} */
	.place-04 .hightlight-grid{
		flex-wrap: wrap;
	}
	.pricing-item .btn{
		padding: 0 25px;
	}
	.member-place-list th,
	.member-place-list td{
		padding: 15px 10px;
	}
	.member-place-list.owner-booking td.place-action a{
		margin-bottom: 10px;
	}
	.business-main.home-main .site-banner:after{
		content: '';
		background-size: 145%;
		height: 35px;
	}
	.main-primary .top-area-filter{
		flex-wrap: wrap;
	    justify-content: flex-end;
	    line-height: 40px;
	}
	.select-box .filter-control:after{
		line-height: 27px;
	}
	.filter.layout-02 .select-box .filter-control:after{
		line-height: normal;
	}
	.site__search.layout-02{
		max-width: 280px;
	}
	.site__search.layout-02 .site-banner__search.layout-02 .search-suggestions li a{
		padding: 2px 10px;
		font-size: 14px;
	}
	.mtf-grid .flex-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.banner-wrap .banner-content h1{
		font-size: 57px;
	    max-width: 390px;
	}
	.cuisine-slider .item img{
		height: 210px;
	}
	.cities .entry-details h3{
		font-size: 28px;
	}
	.featured-inner .flex-col:first-child span.entry-thumb{
		display: block;
		height: 100%;
	}
	.featured-inner .flex-col:first-child img{
		height: -webkit-fill-available;
	}
	.slick-slider img {
		width: 100%;
		height: 300px; /* Set a fixed height or adjust as needed */
		object-fit: cover;
	}
	.gallery-icon {
		top: 250px !important; 
		right: 10px !important;
		 
	 
	}
 
	
}
@media only screen and (max-width: 1024px) {
	.contribute-button {
        font-size: 10px !important;
        right: -48rem !important;  
        bottom: 3rem !important;
    }
	.gallery-icon {
		top: 380px !important; 
		right: 10px !important;
		 
	 
	}
	 
	.widget-sb-detail .button-wrap
	{
		margin-right: 30px !important;
	}
}
@media only screen and (min-width: 992px) {
	.popup--left .popup__user,
	.popup--left .popup__destinations,
	.popup--left .popup__button{
		display: none;
	}
}
@media only screen and (max-width: 992px) {
	.right-header .right-header__destinations,
	.right-header .right-header__login,
	.right-header .right-header__signup,
	.right-header .right-header__button{
		display: none;
	}
	.right-header .right-header__minicart{
		margin-right: 0;
	}
	.right-header .right-header__search{
		display: inline-block;
		margin-right: 0;
	}
	.right-header__minicart .right-header__number{
		display: none;
	}
	.site__search{
		position: fixed;
		top: -100%;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		background-color: #fff;
		padding: 30px 55px 30px 25px;
		z-index: 9;
		transition: all 0.3s;
		opacity: 0;
		visibility: hidden;
	}
	.site__search.open{
		top: 0;
		opacity: 1;
		visibility: visible;
		transition: all 0.3s;
	}
	.site__search.open .search__close{
		display: block;
	}
	.site__search .site__search__form{
		border-bottom: 0;
		padding-bottom: 0;
	}
	.site__search .site__search__field{
		line-height: 0;
	}
	.site__search .site__search__field input{
		height: 20px;
		line-height: 20px;
	}
	.site-header .container-fluid{
		padding-left: 25px;
		padding-right: 25px;
	}
	.site-banner .site-banner__content{
		left: 25px;
		right: 25px;
	}
	.container{
		padding-left: 25px;
		padding-right: 25px;
	}
	.footer__top__info,
	.footer__top__nav{
		margin-bottom: 40px;
	}
	.footer__top__nav--contact{
		margin-bottom: 0;
	}
	.footer__top__nav--contact li{
		margin-bottom: 0;
	}
	.footer__top{
		padding: 60px 0 40px;
	}
	.related-post .related-grid{
		flex-wrap: wrap;
	}
	.page-title--small{
		background-position: center right -480px;
    	background-size: cover;
	}
	.sidebar,
	.intro__meta{
		margin-top: 30px;
	}
	.intro__meta .col-md-4:first-child .intro__meta__item{
		border-left: 0;
	}
	.place__amenities span{
		margin-left: 5px;
	}
	.shop-details__addcart button{
		padding: 0 55px;
	}
	.other-products__content .col-lg-3:nth-child(2n) .shop__products__item,
	.shop__products .col-lg-3:nth-child(2n) .shop__products__item{
		border-right: 0;
	}
	.place-04 .place__left{
		padding-right: 0;
	}
	.company-info{
		display: block;
	}
	.company-info>img{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom: 20px;
	}
	.company-info .ci-content{
		padding: 0;
	}
	.member-filter .field-select{
		max-width: 120px;
	}
	.isotope__nav{
		overflow: scroll;
	}
	.isotope__nav ul{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    width: 810px;
	}
	.home-header .site__menu__icon{
		display: inline-block !important;
		vertical-align: -4px;
	}
	/* .page-title.layout-2:before{
		content: '';
		display: none;
	} */
	.page-title.layout-2 .page-title-info{
		max-width: 100%;
		text-align: center;
		padding-top: 5px !important;
	}
	.page-title.layout-2 .page-title__content{
	 
		margin-bottom: 60px;
	}
	.page-title.layout-2 .page-title-info{
		position: static;
	}
	.page-title.layout-2 .page-title-bottom{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin-top: 0;
		padding: 15px 0;
		background-color: #00B8C0;
	}
	.page-title.layout-2 .page-title-bottom .intro__meta{
		margin-top: 0;
	}
	.page-title.layout-2 .intro__meta__item{
		padding: 0 15px;
	}
	.right-header .right-header__search i{
		font-size: 24px;
	}
	.archive-city .archive-filter,
	.archive-city .col-right{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		flex: 0 0 100%;
    	max-width: 100%;
    	background-color: #fff;
    	z-index: 999;
    	overflow-y: scroll;
    	padding: 30px;
    	display: none;
		max-height: fit-content;

	}
	.place-item.layout-02 .place-thumb img{
		width: 100%;
	}
	.filter-mobile{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.archive-city .col-left{
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.main-primary{
		padding: 30px 0px;
		max-width: 350px;
		margin: 0 auto;
	}
	.archive-city .col-right .filter-head{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.main-primary .filter-control{
		display: none;
	}
	.archive-filter form{
		display: none;
	}
	.widget-reservation-mini{
		position: fixed;
	    bottom: -100%;
	    left: 0;
	    display: flex;
	    right: 0;
	    z-index: 1000;
	    background-color: #fff;
	    justify-content: space-between;
	    align-items: center;
	    padding: 20px;
	    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	    border: 1px solid #eeeeee;
	    transition: all 0.3s;
	}
	.widget-reservation-mini h3{
		margin-bottom: 0;
		font-size: 20px;
    	font-weight: 500;
	}
	.widget-reservation-mini .btn{
		width: auto;
	}
	.sidebar.open:before{
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.6);
		z-index: 100;
	}
	.widget.open{
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		left: 15px;
		right: 15px;
		max-width: 290px;
		margin: 0 auto;
		background-color: #fff;
		z-index: 199;
		opacity: 1;
		visibility: visible;
	}
	.sidebar,
	.intro__meta{
		margin-top: 30px;
	}
	.widget-reservation-mini.open {
	    bottom: 0;
	    transition: all 0.3s;
	}
	/* .page-title.layout-2:after{
		content: '';
		display: none;
	} */
	.field-check label {
	    -ms-flex: 0 0 33%;
	    flex: 0 0 33%;
	    max-width: 33%;
	}
	.template-coming-soon .footer{
		text-align: left;
	}
	.features-item h3{
		font-size: 48px;
	}
	.billing-form,
	.pricing-item{
		margin-bottom: 30px;
	}
	.pricing-item{
		height: auto;
	}
	.member-menu ul{
		width: 700px;
	}
	.member-menu > .container{
		overflow-x: scroll;
	}
	.member-place-list th,
	.member-place-list td,
	.member-place-list th:nth-child(1),
	.member-place-list td:nth-child(1){
		padding: 15px 10px;
	}
	.member-place-list td:nth-child(4){
		width: 20%;
	}
	.member-statistical{
		margin-bottom: 0;
	}
	.member-statistical .item,
	.ob-item{
		margin-bottom: 30px;
	}
	.right-header__languages ul{
		right: 0;
		left: auto;
		width: 140px;
	}
	.business-about .business-about-info{
		padding-right: 0;
	}
	.footer-subscribe{
		margin: 0 auto;
	}
	.show-map{
		display: none;
	}
	.filter-group.filter-business{
		display: none;
	}
	.archive-city.layout-02 .main-primary {
		padding: 30px 0;
	}
	.archive-city .filter-mobile{
		margin-bottom: 30px;
	}
	.business-main.home-main .site-banner:after{
		content: '';
		background-size: 150%;
		height: 30px;
	}
	.bsn-cat-item span.place{
		opacity: 1;
		visibility: visible;
	}
	.bsn-cat-item a{
		padding-top: 25px;
	}
	.site__search.layout-02.open{
		max-width: 100%;
		padding: 14px 60px 14px 30px;
	}
	.close-filter{
		display: block;
	}
	.header-landing .right-header .right-header__button{
		display: inline-block;
		margin-right: 25px;
	}
	.landing-menu{
		display: none;
	}
	.landing-customers .place-slider__nav.slick-nav{
		display: none;
	}
	.landing-plugins .plugins{
		flex-wrap: wrap;
	}
	.landing-plugins .plugins .flex-item{
		margin-bottom: 30px;
	}
	.landing-plugins .flex-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.demo-item{
		margin: 0 auto 30px;
	}
	.mtf-grid .flex-item {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.main-primary .top-area .type{
		text-align: right;
	}
	.banner-wrap .container{
		width: 100%;
		max-width: 100%;
	}
	.banner-wrap .banner-content{
		left: 15px; 
    	right: 15px; 
	}
	.right-header .main-menu{
		display: none;
	}
	.page-content-sidebar > .container > .row{
		display: flex;
	}
	.page-content-sidebar .col-lg-4{
		order: 2;
	}
	.page-content-sidebar .col-lg-8{
		order: 1;
	}
	.cities .entry-details h3{
		font-size: 22px;
	}
	.featured-inner .flex-col{
		padding: 0 5px;
	}
	.featured-inner .flex{
		margin-left: -5px;
		margin-right: -5px;
	}
	.cities{
		margin-bottom: 10px;
	}
	.featured-inner .flex-col:first-child>.cities{
		height: calc( 100% - 10px );
	}
	.business-main .site-banner.bg_hero_02 video {
	    height: 100%;
	    width: auto;
	    -webkit-transform: scale(1.5);
	    -moz-transform: scale(1.5);
	    -o-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	    transform: scale(1.5);
	}
	.banner.slick-sliders .slick-slide>div{
		height: 100%;
	}
	a.site__menu__icon{
		display: block;
	}
	.page-content.isotope .post-grid.columns-3 .post{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.single .place{
		position: relative;
		z-index: 2;
	}
	.main-primary .top-area-filter .filter-right{
		display: none;
	}
	.main-primary .top-area-filter{
		justify-content: space-between;
	}
	.list-categories.layout-02 .item{
		margin-bottom: 30px;
	}
	.features.layout-02 .features-item{
		flex-wrap: wrap;
		text-align: center;
		margin-bottom: 30px;
	}
	.features.layout-02 .features-item img{
		margin: 0 auto 20px;
	}
	.features.layout-02 .features-item .features-content{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.features.layout-02 .features-item p{
		max-width: 100%;
	}
	.features.layout-02{
		padding: 40px 0 0;
	}
	.list-categories .item{
		margin-bottom: 30px;
	}
	.custom-swiper-button-next {
		 right: -1px !important;
	}
	.col-lg-4 {
        width: 100% !important;
        font-size: 12px !important;
        order: -1;
    }
	 
	
}
@media only screen and (max-width: 767px) {
	.banner-apps{
		padding: 60px 0 120px;
		background-position: left 0 center;
	}
	.banner-apps__content{
		padding-left: 0;
		text-align: center;
	}
	.banner-apps__content .banner-apps__download > a{
		display: block;
		margin-right: 0;
		margin: 0 auto 20px;
	}
	.banner-apps__content .banner-apps__download > a:last-child{
		margin-right: auto;
		margin-bottom: 0;
	}
	.city-content__tabtitle__tablist,
	.city-content__tabtitle__button.btn{
		float: none;
		margin-bottom: 10px;
	}
	.city-content__tabtitle{
		text-align: center;
	}
	.place__amenities{
		margin-bottom: 20px;
	}
	.place-item__photo{
		top: 30px;
		left: 50px;
		right: auto;
		bottom: auto;
	}
	.page-title.page-title--small{
		background-image: none !important;
	}
	.place-03 .breadcrumbs{
		margin-bottom: 30px;
	}
	.place-04 .place-gallery{
		left: 50px;
		top: 30px;
		right: auto;
		bottom: auto;
	}
	.grid.grid-4{
		flex-wrap: wrap;
	}
	.grid.grid-4 .grid-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	    margin-bottom: 30px;
	}
	.our-team{
		padding: 30px 0 0;
	}
	.join-team{
		padding-bottom: 30px;
	}
	.site-contact:before{
		display: none;
	}
	.contact-main .contact-form{
		padding: 0;
		margin-bottom: 30px;
	}
	.contact-main .contact-text{
		padding: 30px 0 0;
	}
	.table-responsive,
  	.table-responsive thead,
  	.table-responsive tbody,
  	.table-responsive th,
  	.table-responsive td,
  	.table-responsive tr {
    	display: block;
  	}
  	.table-responsive > thead > tr {
   	 	position: absolute;
    	top: -9999px;
    	left: -9999px;
  	}
  	.table-responsive > tbody > tr {
    	border-top: 1px solid #eee;
    	border-bottom: 1px solid #eee;
  	}
  	.table-responsive > tbody > tr:nth-child(2n) td{
		background-color: rgba(35,211,211, 0.1);
  	}
  	.table-responsive > tbody > tr:first-child {
    	border-radius: 3px 3px 0 0;
    	border-top: none;
  	}
  	.table-responsive > tbody > tr:last-child {
    	border-radius: 0 0 3px 3px;
    	border-bottom: none;
  	}
  	.table-responsive > tbody > tr td {
	    border: none;
	    border-bottom: 1px solid #eee;
	    position: relative;
	    padding-left: 30% !important;
	    width: 100%;
	    overflow: hidden;
	    text-align: right;
  	}
  	.table-responsive > tbody > tr td .field-check{
  		display: block;
  		margin: 0;
  	}
  	.table-responsive > tbody > tr td .field-check label{
  		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0;
  	}
  	.table-responsive > tbody > tr td .field-check label:before{
		margin-right: 0;
  	}
  	.table-responsive > tbody > tr td .field-check label input:checked ~ span{
		left: 0;
  	}
  	.table-responsive > tbody > tr td:before {
	    content: attr(data-title);
	    position: absolute;
	    top: 15px;
	    left: 14px;
	    width: 30%;
	    padding-right: 10px;
	    white-space: nowrap;
	    font-size: 14px;
	    text-align: left;
  	}
  	.table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child {
	    padding: 25px 0 25px 30% !important;
	    background-position: left 32% center;
  	}
  	.table-responsive.table-order > tbody > tr:nth-child(-n + 3) > td:first-child span {
    	left: 32%;
  	}
  	.member-filter{
  		display: block;
  	}
  	.member-filter .mf-left{
  		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
  	}
  	.member-filter .field-select{
  		max-width: 100%;
  		margin: 0 0 20px 0;
  	}
  	.member-filter .mf-right form{
  		width: 100%;
  	}
  	.member-place-list td:nth-child(1),
  	.member-place-list td:nth-child(2),
  	.member-place-list td:nth-child(3),
  	.member-place-list td:nth-child(4){
  		width: 100%;
  	}
  	.table-responsive > tbody > tr td:last-child,
  	.table-responsive > tbody > tr{
  		border-bottom: 0;
  	}
  	.similar-places__content .place-item{
  		margin-bottom: 30px;
  	}
  	.place__comments__content .row{
  		display: none;
  	}
  	.city-content__tabtitle__tablist{
  		overflow: scroll;
  		margin-right: 40px;
  	}
  	.city-content__tabtitle__tablist ul{
  		width: 490px;
  		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
  	}
  	.city-content__tabtitle .container{
  		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
  	}
  	.home-main .site-banner__content h1{
  		font-size: 42px;
  	}
  	.testimonial .slick-sliders{
  		padding: 0 30px;
  	}
  	.testimonial .slick-nav > div{
  		left: -25px;
  	}
  	.testimonial .slick-nav .slick-nav__next{
  		right: -25px;
  	}
  	.home-main .site-banner:after{
  		height: 60px;
  	}
  	.golo-menu-filter .entry-filter{
  		margin-bottom: 20px;
  	}
  	.listing-main .listing-nav .listing-menu li a span.icon {
	    display: block;
	    font-size: 21px;
	}
	.listing-main .listing-nav .listing-menu li a span {
	    display: none;
	}
	.listing-main .listing-nav {
	    position: -webkit-sticky;
	    position: -webkit-sticky;
	    top: 0;
	    padding: 10px;
	    flex: 0 0 40px;
	    max-width: 40px;
	}
	.listing-main .listing-content {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 94%;
	    flex: 0 0 94%;
	    max-width: 94%;
	    padding: 30px 20px;
	}
	.listing-main .listing-nav .listing-menu li.active a,
	.listing-main .listing-nav .listing-menu li a:hover {
	    border: 0;
	    color: #00B8C0;
	}
	.listing-main .listing-nav .listing-menu li a {
	    border: 0;
	}
	.listing-main .listing-nav .listing-menu li {
	    text-align: center;
	}
	.site-header {
	    position: relative;
	    z-index: 111;
	}
	.site-header.home-header{
		position: absolute;
	}
	.template-coming-soon .site-header,
	.template-coming-soon .footer{
		position: static;
	}
	.template-coming-soon .site-main{
		height: 100%;
		padding: 30px 0;
	}
	.template-coming-soon .site-main .cs-info{
		position: static;
		-webkit-transform: inherit;
	    -moz-transform: inherit;
	    -o-transform: inherit;
	    -ms-transform: inherit;
	    transform: inherit;
	}
	.template-coming-soon.layout-2 .cs-thumb{
		position: static;
		max-width: 100%;
	}
	.template-coming-soon .site-main .cs-thumb img{
		height: auto;
	}
	.landing-banner,
	.img-box-item{
		margin-bottom: 30px;
	}
	.img-box-inner{
		margin-bottom: 0;
	}
	.features-item h3{
		font-size: 32px;
	}
	.pricing-area h2.title{
		font-size: 24px;
	}
	.member-wrap-top{
		flex-wrap: wrap;
	}
	.member-wrap-top h2{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-bottom: 10px;
	}
	.member-place-wrap .pagination{
		margin-bottom: 0;
	}
	.upgrade-box img{
		display: none;
	}
	.upgrade-box{
		padding: 30px;
	}
	.upgrade-box .close {
		right: 15px;
		top: 15px;
	}
	.owner-content{
		padding-bottom: 0;
	}
	.member-place-list.owner-booking td:nth-child(2),
	.member-place-list.owner-booking td:nth-child(3),
	.member-place-list.owner-booking td:nth-child(4){
		width: 100%;
	}
	.business-main .slick-nav{
		display: none;
	}
	.business-main.home-main .slick-sliders{
		padding: 0;
	}
	.business-about{
		background-size: cover;
		padding: 30px 0 40px;
		position: relative;
	}
	.business-about:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0,0,0,0.7);
	}
	.business-about .business-about-info h2,
	.business-about .business-about-info p{
		color: #fff;
	}
	/* .archive-city.layout-02 .main-primary {
		padding: 30px 15px;
	}
	.archive-city.layout-02 .main-primary{
		max-width: 100%;
	} */
	.area-places.layout-3col .place-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.business-main.home-main .site-banner:after{
		background-size: cover;
    	height: 55px;
    	background-image: url("../images/assets/mask-1-PpQpQq6.svg");
	}
	.site__search.layout-02.open{
		padding: 14px 60px 14px 15px;
	}
	.landing-page .site-banner__title{
		font-size: 32px;
	}
	.landing-page .site-banner__content a.btn{
		height: 40px;
		line-height: 40px;
		padding: 0 30px;
	}
	.landing-title h2{
		font-size: 36px;
	}
	.landing-title p,
	.footer.layout-03 .footer__bottom .footer__bottom__copyright{
		font-size: 16px;
	}
	.landing-featured .features-item h3{
		font-size: 28px;
	}
	.landing-featured .features-item .features-thumb,
	.landing-featured .features-item .features-info{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0px;
	}
	.landing-featured .features-item{
		flex-wrap: wrap;
	}
	.landing-featured .features-item:nth-child(2n-1) .features-info{
		order: 3;
	}
	.landing-featured{
		margin-bottom: 0;
	}
	.footer.layout-03 h2,
	.landing-plugins h2{
		font-size: 36px;
	}
	.landing-plugins .flex-item {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.banner-left,
	.banner.slick-sliders{
		width: 50%;
	}
	.banner-wrap .banner-content h1{
		max-width: 58%;
		font-size: 48px;
	}
	.cuisine-slider .item img{
		height: 144px;
	}
	.single-02 .place__left{
		padding-right: 0;
	}
	.single-slider.slick-sliders img{
		height: 300px;
	}
	.banner-search.layout-03{
		display: block;
	}
	.banner-search.layout-03 input,
	.banner-search.layout-03 select{
		width: 100%;
	}
	.banner-search.layout-03 .field-submit button{
		width: 100%;
		border-radius: 35px;
	}
	.business-main.home-main .site-banner:after{
		background-size: cover;
    	height: 55px;
    	background-image: url("../images/assets/mask-1-PpQpQq6.svg");
	}
	.featured-inner .flex{
		display: block;
	}
	.featured-inner .flex-col{
		width: 100%;
	}
	.featured-inner .flex-col:first-child img,
	.cities img{
		height: auto;
		width: 100%;
	}
	.testimonial .slick-sliders{
		max-width: 100%;
		padding: 0;
	}
	.single .place-gallery{
		top: 30px;
		left: 50px;
		bottom: auto;
		right: auto;
	}
	.single .place-gallery a{
		font-size: 0;
		height: 48px;
		width: 48px;
		border-radius: 50%;
		line-height: 48px;
		padding: 0;
		text-align: center;
	}
	.single .place-gallery i{
		font-size: 24px;
		vertical-align: -7px;
	}
	.gallery-icon {
		top: 250px !important; 
		right: 10px !important;
		 
	 
	}
	.floating-basket-modal.active {
        width: 90%;  
        padding: 20px;  
    }
	.quantity-controls {
        min-width: 50px;  
        font-size: 12px;  
        padding: 3px;  
    }
	.product-image {
		width: 4rem !important;

	}
	.add-to-cart-btn {
        padding: 8px 15px;  
        font-size: 14px;  
		width: 70%;  
		min-width: 300px !important;  
    }
	.nav-button {
        width: 40px   !important;  
        height: 40px  !important;  
        font-size: 30px !important;  
    }

    .next-button {
        right: 1px  !important;  
    }
	.prev-button {
        left: 1px  !important;  
    }
	 
	 
	
	
}
@media only screen and (max-width: 575px) {
	.contribute-button {
        right: -10rem !important;
        bottom: 55px !important;
		font-size: 12px !important;
    }

	 
 
 
	
	.intro__meta .intro__meta__item{
		border: 0;
		text-align: center;
		margin-bottom: 30px;
		padding-left: 0;
	}
	.intro__meta .col-md-4:last-child .intro__meta__item{
		margin-bottom: 0;
	}
	.shop-details__quantity{
		width: 100px;
	}
	.shop-details__quantity span{
		left: 13px;
	}
	.shop-details__quantity span.minus{
		right: 13px;
	}
	.shop-details__addcart button{
		padding: 0 35px;
	}
	.shop-details__wrap{
		margin-bottom: 30px;
	}
	.shop-details__tablist li a{
		font-size: 14px;
		display: block;
		padding: 5px 0;
	}
	.shop-details__tablist li{
		display: block;
		margin-right: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.shop__products__item{
		border-right: 0;
	}
	.shop-details__tablist li.active a{
		border-left: 2px solid #00B8C0;
		padding-left: 15px;
	}
	.shop-details__tablist li a{
		border-left: 2px solid transparent;
	}
	.shop__meta .shop__results{
		font-size: 14px;
	}
	.shop__meta{
		margin-left: -5px;
		margin-right: -5px;
	}
	.shop__meta > div{
		padding: 0 5px;
	}
	.site__order > div{
		margin-right: 5px;
	}
	.site__order > div > a{
		font-size: 14px;
	}
	.place-share{
		position: static;
		margin-top: 20px;
	}
	.place-flex .place__currency{
		margin-right: 15px;
	}
	.place-03 .breadcrumbs{
		margin-bottom: 15px;
	}
	.place__left h1{
		font-size: 32px;
	}
	.place__box.place__box--npd{
		text-align: center;
	}
	.place__box.place__box--npd > h1,
	.place__box.place__box--npd > div{
		text-align: left;
	}
	.place-04 .place-share{
		position: absolute;
		margin-top: 0;
		right: 25px;
	}
	.place-04 .place-gallery{
		left: 25px;
	}
	.place-04 .place-gallery a{
		font-size: 0;
		width: 48px;
		height: 48px;
		line-height: 64px;
		border: 0;
		padding: 0;
		text-align: center;
		border-radius: 50%;
	}
	.place-04 .place-gallery  i{
		font-size: 24px;
	}
	.place-04 .place-share a svg,
	.place-04 .place-gallery a svg{
		margin-right: 0;
		vertical-align: middle;
	}
	.place-04 .place__box--npd h1{
		font-size: 28px;
	}
	.place-04 .hightlight-grid .place__amenities{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.place-04 .hightlight-grid .place__button{
		margin-top: 0;
	}
	.place__meta>div{
		margin-right: 10px;
	}
	.place-04 .place__meta>div:after{
		right: -9px;
	}
	.ot-item .ot-info{
		left: 15px;
		right: 15px;
		bottom: 10px;
	}
	.ot-item .ot-info h3,
	.ot-item .ot-info span.job{
		font-size: 14px;
		margin-bottom: 0;
	}
	.grid.grid-4{
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid.grid-4 .grid-item,
	.post-grid .post{
		padding-left: 5px;
		padding-right: 5px;
	}
	.error-wrap{
		margin: 0 auto 40px;
	}
	.member-wrap .member-avatar label input{
		width: 100px;
	}
	.account span{
		display: none;
	}
	.site-header .container-fluid{
		padding-left: 15px;
		padding-right: 15px;
	}
	.site-header .container-fluid .row,
	.post-grid{
		margin-left: -5px;
		margin-right: -5px;
	}
	.site-header .row .col-7,
	.site-header .row .col-5{
		padding-left: 5px;
		padding-right: 5px;
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.site__brand{
		margin-right: 0;
		width: 50px;
	}
	.right-header .right-header__search{
		margin-right: 18px;
	}
	.mw-box .places-item{
		margin-bottom: 0;
	}
	.popup-form.open{
		top: 20px;
		max-height: 95vh;
        overflow-y: auto;
		width: 90%;
		 
	}
	
	 
	.shop__products .col-sm-6,
	.other-products__content .col-sm-6,
	.other-city__content .col-md-6,
	.cities__content .col-sm-6 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	    padding-left: 5px;
	    padding-right: 5px;
	}
	.similar-places__content .col-md-6,
	.city-slider .slick-slide>div{
		padding-left: 5px;
		padding-right: 5px;
	}
	.similar-places__content .row,
	.cities__content .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.cities__item,
	.post,
	.places-item,
	.blogs-wrap .blog-wrap .post{
		margin-bottom: 30px;
	}
	.cities__info .cities__capital{
		font-size: 18px;
	}
	.home-main .site-banner:after{
		height: 40px;
	}
	.home-main .site-banner__content p,
	.testimonial-item p{
		font-size: 16px;
	}
	.place-slider__nav{
		display: none;
	}
	.title-border-bottom{
		font-size: 24px;
	}
	.trending,
	.featured-cities,
	.testimonial,
	.blogs{
		padding: 30px 0 40px;
	}
	.blogs .post{
		margin-bottom: 30px;
	}
	.testimonial .slick-sliders{
		padding: 0;
	}
	.testimonial-control .tc-item{
		padding: 10px 7px;
	}
	.testimonial-control .slick-current img{
		margin-top: 0;
	}
	.testimonial-control{
		height: auto;
	}
	.testimonial-control .tc-item{
		padding: 10px 4px;
	}
	.page-title.layout-2 .intro__meta__item{
		text-align: left;
		margin-bottom: 0;
	}
	.page-title.layout-2 .intro__meta{
		width: 575px;
	}
	.page-title.layout-2 .page-title-bottom{
		overflow-x: auto;
	}
	.filterForm .form-button,
	.filterForm .filter-head a,
	.sortForm .form-button,
	.sortForm .filter-head a{
		display: block;
	}
	.popup-wrap .popup-middle{
		top: 30px;
		 
		transform: inherit;
	    -moz-transform: inherit;
	    -ms-transform: inherit;
	    -webkit-transform: inherit;
	    -o-transform: inherit;
	    overflow-y: auto;
	    overflow-x: hidden;
	}
	.listing-main .listing-content {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 calc(100% - 40px);
	    flex: 0 0 calc(100% - 40px);
	    max-width: calc(100% - 40px);
	    padding: 30px 0px;
	    background-color: #fff;
	}
	.listing-box{
		border: 0;
	}
	.listing-content > h2{
		font-size: 18px;
	    margin-bottom: 10px;
	    padding: 0 15px;
	}
	.listing-box .field-inline .field-group:first-child,
	.listing-box .field-inline .field-group:last-child,
	.listing-box .field-3col.field-inline .field-select, 
	.listing-box .field-3col.field-inline .field-input{
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.listing-box .field-inline{
		display: block;
		margin: 0;
	}
	.listing-box .field-inline .field-group,
	.listing-box .field-3col.field-inline .field-select,
	.listing-box .field-3col.field-inline .field-input,
	.field-maps .field-inline label,
	.field-maps .field-inline .field-button{
		padding: 0 !important;
	}
	.field-check{
		margin-bottom: 0;
	}
	.listing-box{
		padding: 15px;
	}
	.field-check label {
	    -webkit-box-flex: 0 !important;
	    -ms-flex: 0 0 50% !important;
	    flex: 0 0 50% !important;
	    max-width: 50% !important;
	}
	.upload-form .field-submit{
		padding: 0 15px;
	}
	.template-coming-soon .cs-info h1{
		font-size: 36px;
	}
	.template-coming-soon .site-header{
		padding-top: 30px;
	}
	.template-coming-soon .footer{
		padding-bottom: 30px;
	}
	.template-coming-soon.layout-2 .site-main{
		padding: 10px 0;
	}
	.landing-banner{
		padding: 100px 0;
	}
	.landing-banner h2{
		font-size: 42px;
	}
	.landing-banner p{
		font-size: 18px;
	}
	.landing-banner .lb-button img{
		height: 40px;
	}
	.ld-title{
		margin-bottom: 30px;
	}
	.ld-title h2{
		font-size: 32px;
		margin-bottom: 0;
	}
	.ld-title p{
		font-size: 16px;
	}
	.features-item{
		flex-wrap: wrap;
	}
	.features-item .features-thumb,
	.features-item .features-info{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding-right: 0;
	}
	.features-item:nth-child(2n-1) .features-thumb{
		order: 1;
		padding-left: 0px;
	}
	.checkout-thanks-area h2{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.billing-form .field-check label{
		-ms-flex: 0 0 100% !important;
	    flex: 0 0 100% !important;
	    max-width: 100% !important;
	}
	.package-review .pricing-item{
		padding: 40px;
	}
	.checkout-area{
		margin-bottom: 30px;
	}
	.pricing-area h2.title,
	.payment-method,
	.frequently-asked .title{
		margin-bottom: 30px;
	}
	.pricing-inner{
		margin-bottom: 0;
	}
	.payment-method img{
		height: 36px;
	}
	.frequently-asked{
		padding: 30px 0 0;
	}
	.upgrade-box h1{
		font-size: 24px;
		line-height: normal;
	}
	.upgrade-box p{
		font-size: 16px;
	}
	.member-statistical .item{
		padding: 20px 10px;
	}
	.member-statistical .item h3{
		font-size: 14px;
	}
	.testimonial-item.layout-02{
	    display: block !important;
	    padding: 20px;
	}
	.testimonial-item.layout-02 .avatar{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    width: 150px;
	    margin: 0 auto;
	}
	.testimonial-item.layout-02 .testimonial-info{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-top: 30px;
	    text-align: center;
	}
	.business-main .site-banner .site-banner__content{
		top: 45%;
	}
	.site-banner__search.layout-02 .field-input label{
		display: none;
	}
	.site-banner__search.layout-02 .field-input:nth-child(1){
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.site-banner__search.layout-02 .field-input:nth-child(2){
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.site-banner__search.layout-02 .field-input{
		position: static !important;
	}
	.site-banner__search.layout-02 .field-input:nth-child(1):after{
		right: 50%;
	}
	.header-landing .col-5{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.header-landing .col-2{
		display: none;
	}
	.header-landing .right-header .right-header__button{
		margin-right: 15px;
	}
	.demo-item .demo-type{
		right: 25px;
	}
	.demo-item img{
		width: 100%;
		height: auto;
	}
	.mtf-grid .flex-item {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.owner-top-inner,
	.owner-top-info{
		flex-wrap: wrap;
		text-align: center;
	}
	.owner-top-info{
		width: 100%;
		margin-bottom: 20px;
	}
	.owner-top-button{
		margin: 0 auto;
	}
	.owner-top-info .avatar{
		margin: 0 auto;
		width: 100%;
		margin-bottom: 10px;
	}
	.owner-top-info .info{
		width: 100%;
	}
	.owner-page-content .area-places.layout-3col .place-item,
	.site-main.layout-list .area-places.layout-3col .place-thumb,
	.site-main.layout-list .area-places.layout-3col .entry-detail{
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.site-main.layout-list .area-places.layout-3col .place-inner{
		display: block;
	}
	.site-main.layout-list .area-places.layout-3col .place-thumb .btn-add-to-wishlist{
		left: auto;
		right: 20px;
	}
	.site-main.layout-list .area-places.layout-3col .place-title{
		height: auto;
	}
	.site-main.layout-list .area-places.layout-3col .entry-bottom{
		position: static;
	}
	.banner-wrap .banner-content h1 {
	    max-width: 50%;
	    font-size: 30px;
	    margin-bottom: 20px;
	}
	.banner.slick-sliders .slick-slide > div,
	.banner.slick-sliders img{
		height: 350px;
	}
	.hcg-banner .banner.slick-sliders .slick-slide>div,
	.hcg-banner .banner.slick-sliders .slick-track,
	.hcg-banner .banner.slick-sliders .slick-slide,
	.hcg-banner .banner.slick-sliders .item{
		height: 100%;
	}
	.banner-wrap{
		overflow: hidden;
	}
	.banner-left:after{
		height: auto;
		top: -37%;
	}
	.banner.slick-sliders .slick-dots{
		top: 40%;
	}
	.restaurant-wrap,
	.cuisine-wrap,
	.join-wrap,
	.testimonials,
	.blogs-wrap,
	.featured-wrap{
		padding: 30px 0;
	}
	.similar-places{
		padding: 30px 0 0;
	}
	.title h2{
		font-size: 20px;
	}
	.restaurant-slider .slick-dots,
	.cuisine-slider .slick-dots,
	.testimonial-slider .slick-dots{
		margin-top: 10px;
	}
	.cuisine-slider .item img{
		height: 237px;
	}
	.join-wrap h2{
		font-size: 32px;
	}
	.join-wrap p{
		margin-bottom: 20px;
	}
	.home-testimonials .testimonial-item{
		display: block;
		text-align: center;
	}
	.home-testimonials .testimonial-item .testimonial-thumb{
		margin: 0 auto;
	}
	.home-testimonials .testimonial-item .testimonial-info{
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
		text-align: center;
	}
	.menu-item{
		width: 100%;
	}
	.widget-sb-detail .button-wrap{
		display: block;
	}
	.widget-sb-detail .button-wrap .button{
		width: 100%;
		margin-bottom: 10px;
	}
	.widget-sb-detail .button-wrap .button:last-child{
		margin-bottom: 0;
	}
	.single .place-share {
	    position: absolute;
	    top: 0;
	    right: 17px;
	}
	.single-02 .place__box--npd h1{
		font-size: 28px;
	}
	.menu-tab li{
		margin-right: 10px;
	}
	.menu-tab li a{
		font-size: 14px;
	}
	.single .popup-wrap .hightlight-flex .place__amenities{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.purchase-button{
		left: 20px;
		bottom: 20px;
	}
	.button-wrap{
		margin-top: 0;
	}
	.home-main .hcg-banner .site-banner__content h1{
		font-size: 100px;
	}
	.explore{
		padding: 30px 0;
	}
	.testimonial-control .tc-item img{
		width: 46px;
		height: 46px;
	}
	.slick-slider img{
		height: 260px;
	}
	.slick-slider .testimonial-item img{
		height: auto;
	}
	.single .hightlight-grid{
		width: 576px;
	}
	.place__box-hightlight{
		overflow-y: scroll;
		 
	}
	.single .place-gallery{
		top: 20px;
		left: 25px;
	}
	.single-01 .place__left{
		padding-right: 0;
		margin-top: -140px;
	}
	.page-content.isotope .post-grid.columns-3 .post,
	.area-places.layout-3col .place-item,
	.post-grid.columns-2 .post{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.city-slider .places-item .places-item__thumb img{
		width: 100%;
	}
	.site-banner{
		background-size: 550px;
		background-position: right -208px bottom;
	}
	.single .sidebar{
		padding-left: 0;
		margin-top: 0;
	}
	.single .open-table .time{
		padding: 0 0 0 20px;
	}
	.field-group .field-clone{
		margin-bottom: 10px;
	}
	.blog-content .blog-left{
		padding: 0;
	}
	.main-primary .top-area-filter .filter-center{
		display: none;
	}
	.main-primary .top-area-filter{
		justify-content: flex-end;
	}
	.archive-city .filter-mobile{
		margin-bottom: 20px;
	}
	.site-banner.layout-03,
	.site-banner.layout-02{
		background-image: inherit !important;
		height: auto;
    	padding: 120px 0 100px;
	}
	.site-banner.layout-03 .site-banner__content h1,
	.site-banner.layout-02 .site-banner__title{
		font-size: 32px;
	}
	.site-banner.layout-02 .site-banner__title:after{
		content: '';
		display: none;
	}
	.site-banner .site-banner__content{
		position: static;
		transform: inherit;
	}
	.banner-contact .banner-inner{
		flex-wrap: wrap;
	}
	.banner-contact .banner-inner h2,
	.banner-contact .banner-inner a.btn{
		max-width: 100%;
	}
	.banner-contact .banner-inner h2{
		margin-bottom: 30px;
	}
	.banner-wrap .banner-inner{
		background-image: inherit !important;
		padding: 40px;
	}
 
	.gallery-icon {
		top: 300px !important; 
		right: 10px !important;
		padding: 3px 8px;
	 
	}
	.listing-features
	{
		display: flex;
	}
	 
	.modal-content {
        width: 85% !important;
        max-width: 330px !important;
        max-height: 80vh !important;
        padding: 10px;
		margin-top: 100px !important;
		padding: 5px !important
    }
	.modal-header
	{
		padding: 0 !important;
	}
	.category-filters {
        font-size: 10px !important;
     
        overflow-x: auto; /* Taşma durumunda yatay scroll ekler */
        direction: ltr; /* Sol taraftan sağa doğru kayma sağlanır */
       
    }

	.photo-category
	{
		bottom: 270px !important;
	}
	.custom-swiper-button-prev {
		display: none !important;
	}
	.custom-swiper-button-next {
		display: none !important;
	}
	.col-lg-4
	{
	 
		font-size: 12px !important;
	}
	.feature-item
	{
		width: 60% !important;
	}
	.place__box-hightlight {
        overflow-y: auto;  
        max-height: calc(3 * 60px);  
        width: 100% !important;
		overflow-x: hidden;
    }

    .place__box-hightlight > * { 
        min-height: 60px;  
    }
	 
   
 
}
@media only screen and (max-width: 375px) {
	 
	
	
	.places-item .places-item__thumb img{
		width: 100%;
	}
	.cities__item .cities__name{
		font-size: 14px;
		top: 15px;
		left: 15px;
		right: 15px;
	}
	.cities__item .cities__info{
		left: 15px;
		bottom: 15px;
		right: 15px;
	}
	.site-banner .site-banner__content{
		text-align: center;
		top: 60px;
		transform: inherit;
	}
	.site-banner__meta a{
		font-weight: 400;
		font-family: "Jost-Book";
	}
	.news__content .col-md-4:nth-child(1){
		display: block;
	}
	.footer__top__info .footer__top__info__app a,
	.footer__top__info{
		margin-bottom: 20px;
	}
	.post-grid.columns-5 .post,
	.post-grid.columns-4 .post,
	.post-grid.columns-3 .post,
	.post-grid.columns-2 .post,
	.grid.grid-5 .grid-item,
	.grid.grid-4 .grid-item,
	.grid.grid-3 .grid-item,
	.grid.grid-2 .grid-item,
	.city-grid .col-6 {
	    -webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.place__amenities span{
		margin-left: 2px;
	}
	.place__comments li .place__author__avatar{
		margin-bottom: 10px;
	}
	.place-04 .place__left{
		margin-top: -140px;
	}
	.mw-box{
		margin-bottom: 0;
	}
	.popup-form{
		width: auto;
	}
	.popup-form.open{
		top: 15px;
	}
	.post{
		margin-bottom: 20px;
	}
	.site-banner .site-banner__content{
		top: 50%;
		transform: translateY(-50%);
	}
	.landing-banner .lb-button img{
		height: 35px;
	}
	.landing-banner .lb-button a{
		margin-right: 8px;
	}
	.checkout-thanks-area h2{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.page-title--small{
		margin-bottom: 30px;
	}
	.checkout-thanks-area h3{
		font-size: 18px;
	}
	.payment-method img{
		height: 30px;
	}
	.site__menu>a{
		margin-right: 10px;
	}
	.business-main.home-main .site-banner__content h1,
	.landing-title h2,
	.footer.layout-03 h2,
	.landing-plugins h2{
		font-size: 32px;
	}
	.landing-demo,
	.landing-plugins{
		padding: 40px 0 10px;
	}
	.landing-featured{
		padding: 40px 0 0;
	}
	.landing-customers,
	.footer.layout-03 .footer__top{
		padding: 40px 0;
	}
	.footer.layout-03 p{
		margin-bottom: 40px;
	}
	.main-theme-features{
		padding-bottom: 10px;
	}
	.footer.layout-03 .footer__bottom{
		padding-bottom: 40px;
	}
	.bsn-cat-item a{
		width: 130px;
		height: 130px;
		padding-top: 15px;
	}
	.area-places.layout-3col .place-item{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.banner-wrap .banner-content span{
		font-size: 14px;
	}
	.join-wrap h2{
		font-size: 28px;
	}
	.testimonial-item .testimonial-info .cite h4,
	.testimonial-item .testimonial-info .cite span{
		display: block;
		margin: 0;
	}
	.testimonial-item .testimonial-info .cite span:before{
		content: '';
		display: none;
	}
	.single-slider.slick-sliders img{
		height: 220px;
	}
	.menu-tab li a{
		font-size: 12px;
	}
	.home-testimonials .testimonial-item .testimonial-info .cite span:before{
		display: none;
	}
	.site-main.home-main .testimonial{
		padding-bottom: 0;
	}
	.site-banner.layout-03 .site-banner__content,
	.site-banner .site-banner__content{
		transform: inherit;
	}
	.site-banner.layout-03{
		padding: 100px 0 60px;
	}
	.list-categories.layout-02 .item .info{
		left: 30px;
		right: 30px;
		padding-right: 0;
	}
	.places-wrap {
	    padding-top: 20px;
	    padding-bottom: 60px;
	}
	.title-wrap{
		margin-bottom: 20px;
	}
	.title-wrap h2{
		font-size: 20px;
	}
	.title-wrap p{
		font-size: 15px;
	}
	.testimonial-slider.layout-02 .testimonial-item{
		flex-wrap: wrap;
	}
	.testimonial-slider.layout-02 .testimonial-item .avatar,
	.testimonial-slider.layout-02 .testimonial-item .testimonial-info{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.testimonial-slider.layout-02 .testimonial-item img{
		margin: 0 auto 20px;
	}
	.testimonial-slider.layout-02 .slick-dots,
	.testimonial-slider .slick-dots{
		margin-top: 30px;
	}
	.banner-wrap.layout-02 .banner-inner{
		max-width: 100%;
	}
	.banner-wrap.layout-02{
		padding: 40px 0;
		background-image: inherit !important;
	}
	.banner-wrap .banner-inner h2,
	.banner-contact .banner-inner h2{
		font-size: 28px;
	}
	.blogs-wrap.layout-02{
		padding: 40px 0;
	}
	.gallery-icon {
		right: 10px !important;
		padding: 3px 8px;
	 
	}
	.modal-content {
        width: 85% !important;
        max-width: 330px !important;
        max-height: 80vh !important;
        padding: 10px;
		margin-top: 100px !important;
		padding: 5px !important
    }
	.modal-header
	{
		padding: 0 !important;
	}
	.category-filters {
        font-size: 10px !important;
     
        overflow-x: auto;  
        direction: ltr;  
       
    }

	
	.photo-category
	{
		bottom: 35px !important;
	}
	.custom-swiper-button-prev {
		display: none !important;
	}
	.custom-swiper-button-next {
		display: none !important;
	}
	.col-lg-4
	{
		width: 100% !important;
		font-size: 12px !important;
	}
	.feature-item
	{
		width: 250px !important;  
	}
	 
	

 
}

 
@media only screen and (max-width: 854px) {
    .contribute-button {
        font-size: 10px !important;
        left: 38rem !important;  
        bottom: 3rem !important; 
    }
    .gallery-icon {
        right: 10px !important;
        top: 300px !important;
    }
}

 
@media only screen and (max-width: 821px) {
    .contribute-button {
        right: -35rem !important; 
		left: 35rem !important;
    }
    .gallery-icon {
        right: 10px !important;
        top: 300px !important;
    }
    .place-share {
        top: 20px !important;
        right: 0 !important;
    }
}

 
@media only screen and (max-width: 768px) {
    .contribute-button {
        right: -34rem !important; 
        bottom: 45px !important;
		left: 33rem !important;
    }
}





@media only screen and (max-width: 541px) {
    .contribute-button {
        font-size: 10px !important;
        left: 19rem !important;  
        bottom: 3rem !important; 
    }
}

@media only screen and (max-width: 431px) {
    .contribute-button {
        font-size: 10px !important;
        left: 12rem !important;  
        bottom: 3rem !important; 
    }
}

@media only screen and (max-width: 426px) {
    .contribute-button {
        font-size: 10px !important;
        left: 12rem !important;  
        bottom: 3rem !important; 
    }
}
@media only screen and (max-width: 391px) {
    .contribute-button {
        font-size: 10px !important;
        left: 10rem !important;  
        bottom: 3rem !important;
    }
}


@media only screen and (max-width: 376px) {
    .contribute-button {
        font-size: 10px !important;
        left: 8rem !important;  
        bottom: 3rem !important;
    }
}

@media only screen and (max-width: 345px) {
    .contribute-button {
        font-size: 10px !important;
        left: 7rem !important;  
        bottom: 3rem !important;
    }
}

@media only screen and (max-width: 321px) {
    .contribute-button {
        font-size: 10px !important; 
        left: 5rem !important;  
        bottom: 3rem !important; 
    }
}





.opening-hour-item {
    display: flex;
    justify-content: space-between;  
    align-items: center;
    padding: 1px 0;
    font-size: 16px;
	
}


.toggle-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.6s ease-in-out;  
}

#rotate-container {
	transition: transform 0.3s ease;
	 
	position: relative;
	transform-origin: center;  
  }
  
  .rotated {
	transform: rotate(180deg);
  }
  
 
.active-day {
    color: #00B8C0;  
	 
    
    
}

.highlight {
    font-weight: bold;
}

.daytextt {
    font-weight: bold; 
    color: #171717; 
	
}

.current-day {
	font-size: 20px;
	padding-bottom: 10px;
}

.store-detail {
	padding-left: 20px;
	padding-top: 20px;
  }

.place__author__star i {
    color: #00B8C0; 
    font-size: 18px;  
}
.place__author__star .la-star {
    color: #00B8C0;  
}

.place__author__star .la-star-half-alt  {
    color: #00B8C0;  
}
.stars{
    color: #00B8C0;  
}

#map-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;  
}

#map {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;  
}

iframe {
    width: 100%;
    height: 250px;
    display: block; 
    max-width: 100%;
}

.default-image {
    border-radius: 10%; 
    height: 100px;  
    object-fit: cover;  
}

 
.place__amenities {
    display: inline-block;
    margin-right: 15px;  
    margin-bottom: 10px;
    vertical-align: top;
    width: calc(33.333% - 10px);  
}

 
.listing-features {
    display: flex;
    flex-wrap: wrap;
}

.feature-item {
    display: flex;
    align-items: center;
    gap: 8px;  
    margin-bottom: 12px;
	margin-left: 8px;
    padding: 8px 12px;
    
    border-radius: 8px; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);  
    width: calc(33.333% - 12px);  
    min-height: 40px;  
    font-weight: 500;  
    color: #020202;  
	
}



.hightlight-flex {
    display: flex;
    flex-wrap: wrap;
 
}

.popup-wrap {
    display: none;  
}

.open-popup {
    cursor: pointer;
    text-decoration: underline;
}

.popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.popup-middle {
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 20px;
    width: 80%;
    max-width: 600px;
    border-radius: 8px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
}

.popup-wrap.active {
    display: block;
}

 
.place__amenities {
    width: 100%;  
    margin-bottom: 15px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(128, 128, 128, 0.95);
    overflow: hidden;
}

.modal-slider {
    width: 100%;
    height: 100vh;
}

.modal-slider__item {
    height: 100vh;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 50px;
}

.modal-slider__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

 
.modal .slick-slider {
    height: 100%;
}

.modal .slick-list,
.modal .slick-track {
    height: 100%;
}

.modal .slick-prev,
.modal .slick-next {
	z-index: 10000;
    width: 50px;  /* genişlik 50px */
    height: 50px; /* yükseklik 50px */
}
.modal .slick-prev:before,
.modal .slick-next:before {
    font-size: 50px; /* Ok işaretinin boyutu */
    line-height: 1;
    opacity: .75;
}

.modal .slick-prev {
    left: 25px;
}

.modal .slick-next {
    right: 25px;
}

.modal .slick-dots {
    bottom: 20px;
}

.modal .slick-dots li button:before {
    color: white;
    font-size: 12px;
}

.modal .slick-dots li.slick-active button:before {
    color: white;
}
a.hightlight-count, a.open-popup {
    cursor: pointer;
}



.custom-navigation {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    pointer-events: none;
}

.custom-swiper-button-prev,
.custom-swiper-button-next {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 3px 15px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    pointer-events: auto;
    border: 2px solid #f5f5f5;
}

.custom-swiper-button-prev {
    left: -50px;
    padding-right: 3px;
}

.custom-swiper-button-next {
    right: -25px;
    padding-left: 3px;
}

.custom-swiper-button-prev:hover,
.custom-swiper-button-next:hover {
    background: #00B8C0;
    border-color: #00B8C0;
    transform: scale(1.1);
}

.custom-swiper-button-prev:hover i,
.custom-swiper-button-next:hover i {
    color: #fff;
}

.custom-swiper-button-prev i,
.custom-swiper-button-next i {
    font-size: 28px;
    color: #23d3d3;
    transition: all 0.3s ease;
}

.swiper-pagination {
    position: relative;
    margin-top: 30px;
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #ddd;
    opacity: 1;
    transition: all 0.3s ease;
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px) !important;
}

.swiper-pagination-bullet-active {
    background: #23d3d3;
    transform: scale(1.5);
}

.similar-places-slider {
    padding: 20px 5px;
}

/* Hover efekti için ek stiller */
.place-item {
    transition: all 0.3s ease;
}

.place-item:hover {
    transform: translateY(-5px);
}
 

.la-star-o {
    color: #8d8a8a; /* Boş yıldız rengi */
}

.la-star-half-o {
    color: #00B8C0; /* Yarım yıldızın rengi */
}

/* Dolu yıldızlar için stil */
.filled {
    color: #00B8C0 !important;
}

.gallery-icon {
	position: absolute;
	top: 380px;
	right: 120px;
	background: rgba(0,0,0,0.5);
	color: white;
	padding: 1px 4px;
	border-radius: 20px;
	cursor: pointer;
	z-index: 10;
	align-items: center;
	gap: 5px;
}
.gallery-icon:hover {
	background: rgba(0,0,0,0.8);
}
.category-filters {
	display: flex;
	gap: 10px;
	margin-bottom: 5px;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 15px;
}
.category-filter {
	padding: 5px 15px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: white;
	cursor: pointer;
}
.category-filter.active {
	background: #2d2d2e;
	color: white;
	border-color: #d0d0d0;
}
.gallery-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
	padding: 10px;
}
.gallery-grid-item {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	cursor: pointer;
}
.gallery-grid-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s;
}
.gallery-grid-item:hover img {
	transform: scale(1.05);
}
.photo-category {
    position: absolute;
    bottom: 15rem;
    left: 10px;
	background: linear-gradient(135deg, rgb(0 0 0 / 60%), rgb(24 24 24 / 80%)  );
		  backdrop-filter: blur(5px);

    /* Metin Stili */
    color: #fff;
    font-size: 14px;
    font-weight: 500;      
    letter-spacing: 1.5px; 
    padding: 2px 10px;
    border-radius: 50px;   
    transition: all 0.3s ease-in-out;
}

 

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 1000;
}
.modal-content {
    width: 90%;
    max-width: 1200px;
    margin: 30px auto;
    background: white;
    border-radius: 12px; 
    max-height: 90vh;
    overflow-y: auto; 
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); 
    padding: 20px; 
    scrollbar-width: thin;
    scrollbar-color: #565656 #f5f5f5; 
}

.modal-content::-webkit-scrollbar-track {
    background: #f5f5f5; 
    border-radius: 10px;
}

.image-modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
 
}

.image-modal-content img {
	max-width: 90%;
	max-height: 90vh;
	object-fit: contain;
}
 
.nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgb(68, 68, 68); 
    color: white;
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    z-index: 1001;

    /* Boyutlandırma */
    width: 50px;
    height: 50px;
    font-size: 40px; 

    /* İçeriği ortalamak için */
    display: flex;
    align-items: center;
    justify-content: center;

    /* Hafif gölge efekti */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

/* Hover efekti */
.nav-button:hover {
    background: linear-gradient(135deg, rgba(134, 134, 134, 0.9));
    transform: translateY(-50%) scale(1); /* Hafif büyüme efekti */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5); /* Daha belirgin gölge */
}

/* Tıklama (Active) efekti */
.nav-button:active {
    transform: translateY(-50%) scale(0.95); /* Küçülme efekti */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}


.prev-button {
    left: 20px;
}

.next-button {
    right: 20px;
}

.modal-content.image-modal-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4f4c4c73;
}

 

.modal-image-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;


}

.image-counter {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}
 
#modalImage.zoomed + #imageCounter {
    display: none;
}

  

#modalImage {
    width: auto;
    height: auto;
    max-width: 50vw;  /* Varsayılan genişlik */
    max-height: 50vh; /* Varsayılan yükseklik */
    transition: all 0.3s ease-in-out;
}

#modalImage.enlarged {
    max-width: 80vw;  /* Büyütülmüş genişlik */
    max-height: 80vh; /* Büyütülmüş yükseklik */
}

 
.nav-button {
    pointer-events: auto;  /* Butonlara tıklanabilirlik ekler */
}


.prev-button.disabled, .next-button.disabled {
    pointer-events: none;  /* Tıklamayı engeller */
    opacity: 0.5;  /* Butonları yarı saydam yapar */
}
 

.icon-photo-count {
	display: flex;  /* Flexbox düzeni */
	align-items: center;  /* Dikeyde ortalar */
	font-weight: bold;
  }
  
  .whatsapp {
	color: #ffffff !important;
	background: #25D366 !important;
}
.whatsapp:hover {
	background-color: #00B8C0 !important;   /* Hover rengini değiştir */
}
  
  .icon-photo-count span {
	font-size: 16px;  /* Sayı font boyutunu ayarlayabilirsiniz */
  }
  
/* menu modal  */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.modal-contentfood {
    position: relative;
    background-color: #fff;
    margin: 5% auto;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;  /* Dikey kaydırma, taşma olmasın */
    border-radius: 15px;  /* Çerçeve köşeleri yuvarlanır */
    box-sizing: border-box;  /* Padding ile border'ın boyutu içerik içinde sayılır */
}

/* Webkit tarayıcıları için kaydırma çubuğu stilleri */
.modal-contentfood::-webkit-scrollbar {
    width: 6px; /* Kaydırma çubuğunun ince genişliği */
}

.modal-contentfood::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); /* Kaydırma çubuğunun parmağının rengi */
    border-radius: 10px; /* Kaydırma parmağının yuvarlak köşeleri */
}

.modal-contentfood::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1); /* Kaydırma çubuğu izinin rengi */
    border-radius: 10px; /* İz köşelerinin yuvarlanması */
}

/* Birleşim köşesinin rengi */
.modal-contentfood::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 255, 0.1);
}







.modal-detailsfood
{
	padding: 20px;
}

.close-modal {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 28px;
    cursor: pointer;
    color: rgb(59, 59, 59);
    background: rgba(255, 255, 255, 0.6); /* Beyaz, yarı şeffaf arka plan */
    border-radius: 50%; /* Yuvarlak şekil */
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, transform 0.2s;
	padding-bottom: 2px;

}
.close-modal:hover {
    background: rgba(255, 255, 255, 0.8); /* Hover durumunda daha belirgin */
    transform: scale(1.1); /* Hafif büyüme efekti */
}

.modal-imagefood img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
  
}

.modal-details {
    padding: 20px 0;
}

.quantity-selector {
    display: inline-flex; /* Flexbox düzeni */
    align-items: center;
    
}

 
 
.quantity-controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 80px; /* Set a minimum width to prevent layout shifts */
  }
  
  .quantity-controls span {
	display: inline-block;
	text-align: center;
	min-width: 24px; /* Fixed width for the number */
	font-size: 16px;
	color: #000000;
  }
  
  .quantity-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: #dbdbdb;
	border: none;
	cursor: pointer;
	font-size: 16px;
	flex-shrink: 0; /* Prevent the buttons from shrinking */
  }
  
  /* For the modal quantity controls too */
  .modal-quantity-controls {
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  #productQuantity {
	display: inline-block;
	text-align: center;
	min-width: 30px; /* Fixed width for the number */
	font-size: 16px;
	transition: transform 0.1s ease;
  }
  
  .quantity-btn-plus,
  .quantity-btn-minus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #f0f0f0;
	border: none;
	cursor: pointer;
	font-size: 18px;
	flex-shrink: 0;
  }


.quantity-btn:hover {
    background-color: #bbb;
}

 

#productQuantity {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    width: 40px; 
    text-align: center;
	transition: transform 0.3s ease; 

}


/* Sepete Ekle butonu */
.add-to-cart-btn {
    padding: 8px 15px;
    font-size: 18px;
    background-color: #00b8c0;
    color: white;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    min-width: 400px; /* Sabit genişlik */
    text-align: center;
}

.add-to-cart-btn:hover {
    background-color: #009b9a;
}
 



.note-section {
    margin: 20px 0;
}

#productNote {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    resize: vertical;
}
.btn-sayac {
    position: sticky;
    bottom: 0;
    left: 0;
    margin: 0; /* Negatif margin'i kaldırdık */
    background: white;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
    z-index: 100;
    border-top: 1px solid #f0f0f0;
    width: 100%; /* Genişliği tamamen kapsayacak şekilde ayarladık */
    box-sizing: border-box;
    flex-wrap: wrap; /* Flex öğelerinin alt alta geçmesini engeller */
}

 

.menu-item {
    cursor: pointer;
    transition: transform 0.2s, background-color 0.3s;
}

.menu-item:hover {
    transform: translateY(-2px);
    background-color: rgba(0, 184, 192, 0.1); 
}


.price-sectionfood {
    font-size: 22px;  
    font-weight: bold;
    color: #00A6B2;  
    border-radius: 6px;
    display: inline-block;
	padding-bottom: 10px;
}

/* Basket */

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

 

.floating-basket-icon {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 50px;
    height: 50px;
    background: #FC9817;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.floating-basket-icon:hover {
    transform: scale(1.05);
    background: #DD5E00;
}

.floating-basket-icon i {
    color: #fff;
    font-size: 24px;
}

.basket-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ff4444;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #fff;
}

.floating-basket-modal {
    position: fixed;
    right: 24px;
    bottom: 100px;
    width: 420px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.floating-basket-modal.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	padding: 1rem;
}

.basket-header {
	padding-bottom: 10px;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 5px;  /* Köşeleri yuvarlatma (isteğe bağlı) */

}
.header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.basket-header h3 {
     
    color: #333;   
    font-size: 15px;   
    padding: 5px 10px;   
    margin: 0;   
    font-weight: bold;   
    text-align: center;  
    border: 1px solid #00A6B2;   
    border-radius: 10px;   
}

.basket-header h3:empty {
    border: none;
}
 



.basket-close {
	background: rgba(0, 0, 0, 0.05); /* Şeffaf arkaplan */
    border: 1px solid rgba(0, 0, 0, 0.1); /* Şeffaf çerçeve */
    color: #666;
    cursor: pointer;
    font-size: 20px;
    border-radius: 50%; /* Yuvarlak çerçeve */
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, color 0.3s;
}
.basket-close:hover {
    background: rgba(0, 0, 0, 0.15); /* Hover efektiyle koyulaşma */
    color: #333;
}

.basket-items {
    max-height: 350px;
    overflow-y: auto;
    padding: 1px 1px;
	cursor: pointer;

}

/* İnce ve şık scrollbar tasarımı */
.basket-items::-webkit-scrollbar {
    width: 6px; /* İnce genişlik */
}

.basket-items::-webkit-scrollbar-track {
    background: transparent; /* Arka planı görünmez yap */
}

.basket-items::-webkit-scrollbar-thumb {
    background-color: rgba(64, 102, 105, 0.6); /* Scroll rengi, sitenin ana renginin %60 opaklığı */
    border-radius: 4px;
}

.basket-items::-webkit-scrollbar-thumb:hover {
    background-color: #024c52; /* Hover olunca ana renk */
}

.basket-item {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items: center;
	cursor: pointer;

}

.basket-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px); background-color: rgba(0, 184, 192, 0.1);
	cursor: pointer; transition: transform 0.2s, background-color 0.3s; 
}

.product-image {
    width: 6rem ;
    object-fit: cover;
    border-radius: 8px;
}

.basket-item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.basket-item-name {
	font-family: 'Jost';
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.basket-item-volume {
    color: #666;
    font-size: 14px;
}
.basket-item-note {
	text-overflow: ellipsis;
}

 

.basket-item-price {
    font-weight: 500;
    color: #5d5d5d;
	font-family: 'Line Awesome Free';
  
}

.basket-summary {
    padding: 20px;
    background: #f8f9fa;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 16px 16px;
}

.total-amount {
    display: flex;
    justify-content: space-between; 
    align-items: flex-start;  
    margin-bottom: 16px;
}

.sub-total-info {
    display: flex;
    flex-direction: column; 
    gap: 4px;  
}

.sub-total-info .sub-total-label, .sub-total-info .items-count {
    display: block;  
}


.sub-total-label {
    font-size: 16px;
    color: #333;
}

.items-count {
    font-size: 14px;
    color: #666;
}

.price {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.checkout-btn {
    width: 100%;
    padding: 14px;
    background: #00B8C0;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.3s ease;
}

.checkout-btn:hover {
    background: #00254c;
}

.empty-basket {
    padding: 32px 16px;
    text-align: center;
    color: #666;
	cursor: default;
}

.empty-basket i {
    font-size: 48px;
    color: #ddd;
    margin-bottom: 12px;
    display: block;
}

.product-actions {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.save-later, .remove-item {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.save-later:hover, .remove-item:hover {
    color: #333;
}


.product-image-wrapper {
    position: relative;
    display: inline-block;
	  border-radius: 12px; /* Köşeleri yuvarla */
  border: 2px solid #e0e0e0; /* Çerçeve rengi */
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}


 

.add-to-cart {
    position: absolute;
    top: 88px;
    left: 8px;
    background-color: #00A6B2;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s;
}

.add-to-cart:hover {
    transform: scale(1.1);
}

.header-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.remove-all {
    color: #303030;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s;
}

.remove-all:hover {
    color: #00B8C0;
}

.remove-all i {
    font-size: 25px; / 
}

.gallery-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.video-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 3em;
    opacity: 0.8;
    pointer-events: none;
}

.gallery-grid-item {
    position: relative;
}

.video-modal-content {
    width: 90%;
    max-width: 800px;
    background-color: black;
}

#modalVideo {
    width: 100%;
}


.modal-warning {
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); 
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-warning-content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    max-width: 400px;
}

.modal-warning-btn {
    margin: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

 
#modelConfirmYes {
    background-color: #00A6B2;
    color: white;
	border: 2px solid #00A6B2;
	width: 80px;
}

#modelConfirmYes:hover {
    background-color: #008a94; 
}

 
#modelConfirmNo {
    background-color: white;
    color: #00A6B2;
    border: 2px solid #00A6B2;
	width: 80px;

}

#modelConfirmNo:hover {
	background-color: #f2f2f2;
}



 
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);  
    z-index: 1000;  
    display: none;  
}

/* Basket Modal */
.modal-warning-basket {
    display: none;  
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    z-index: 1001; 
    text-align: center;
}

.modal-warning-content-basket {
    padding: 20px;
}

.modal-warning-content-basket p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

 
.modal-warning-y {
    background-color: #00A6B2;
    color: white;
    border: none;
    padding: 6px 15px;
    border-radius: 5px;
}

.modal-warning-y:hover {
    background-color: #008a94;
}

 
.modal-warning-n {
    background-color: white;
    color: #00A6B2;
    border: 1px solid #00A6B2;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 15px;
}

.modal-warning-n:hover {
    background-color: #f2f2f2;
}





.btn-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #00B8C0  !important;	
    color: white !important;
    text-decoration: none;
    transition: background-color 0.3s;
    text-overflow: ellipsis;
    max-width: 100%;  
    box-sizing: border-box;
	border: 0px solid #000000 !important;
	
}

.btn-whatsapp i {
    margin-right: 5px;
  
    flex-shrink: 0; 
}

.btn-whatsapp:hover {
    background-color: #20b858 !important;
}

.btn-whatsapp.disabled {
    pointer-events: none;
    background-color: #ccc;
	
}
.btn.disabled {
	width: 150px !important;
}
 
.toggle-select.right-align {
    display: flex;
    justify-content: flex-end;
}

.claim-restaurant {
    display: inline-flex;
    align-items: center;
    color: #00A6B2;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 2rem;
    background-color: #f0f8f8;
    transition: background-color 0.3s;
    font-size: 14px;
	border: 1px solid #00A6B2;  /* Turkuaz renkli sınır, 1px kalınlığında */

}

.claim-restaurant i {
    margin-right: 5px;
}

.claim-restaurant:hover {
    background-color: #00B8C0;
    color: #fff;
}

.contribute-button {
    display: inline-flex;   
    align-items: center;   
    color: #00A6B2;   
    text-decoration: none;   
    padding: 5px 10px;   
    border-radius: 2rem;
	position: relative;
    background-color: #f0f8f8;   
    transition: background-color 0.3s;  
    font-size: 14px;   
    border: 1px solid #00A6B2; 
	left: 50px;
	bottom:50px;
	z-index: 100;
 
 
}

.contribute-button:hover {
    background-color: #00B8C0;   
    color: white;  
}
.quantity-btn.minus.trash:hover {
	 color: #ff0000;  
  }
  
  .quantity-btn.minus.trash i {
	font-size: 25px;  
	 
	
  }
  .quantity-btn.minus.trash {
  background-color: transparent;   }

  /* Modal Arka Plan Overlay */
.modal-overlay {
    display: none;  
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Yarı saydam siyah arka plan */
    z-index: 1000; /* Modal'dan bir önceki katmanda olacak */
}

/* Ürün Silme Uyarısı Modal */
.basket-warning {
    display: none;  
    position: fixed; /* Sayfanın ortasında sabit kalsın */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    z-index: 1001; /* Overlay'den yukarıda olacak */
    text-align: center;
}

.warning-message {
    padding: 20px;
}

.warning-message p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.warning-buttons {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.btn-warning {
    padding: 6px 15px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

/* Evet Butonu */
.btn-danger {
    background-color: #00A6B2;
    color: white;
}

.btn-danger:hover {
    background-color: #008a94;
}

/* Hayır Butonu */
.btn-secondary {
    background-color: white;
    color: #00A6B2;
    border: 1px solid #00A6B2;
}

.btn-secondary:hover {
    background-color: #00A6B2;
}
.image-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);  /* Darker background */
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    visibility: hidden;  /* Initially hidden */
}
/* Modal content box */
.image-modal-content-foto {
    position: relative;
    width: 80%;
    max-width: 1200px;
    background-color: transparent;
    padding: 0;
    text-align: center;
    overflow: hidden;
  
    border-radius: 20px;
    transition: transform 0.3s ease-out;
}

/* Image inside the modal */
#modalImagefoto {
    width: 100%;
    height: 40rem;
    object-fit: contain;
    border-radius: 15px; /* Rounded image corners */
    transition: transform 0.3s ease; /* Smooth zoom effect */
}

.close {
    position: absolute;
    top: 5px;
    right: 35px;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.3s ease;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	 
    width: 2rem;
	align-items: center;
    justify-content: center;
}

.close:hover {
    background: rgba(140, 139, 139, 0.8);
  
}
 
.image-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);  
    z-index: 1;  
}

 
.image-modal-content-foto {
    position: relative;
    z-index: 2; 
}

.prev-image-foto, .next-image-foto {
    position: absolute;
    top: 50%;
    font-size: 32px;
    color: white;
    font-weight: bold;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 50%;
    padding: 12px;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease;
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-image-foto {
    left: 2rem;
}

.next-image-foto {
    right: 2rem;
}

/* Hover effect for arrows */
.prev-image-foto:hover, .next-image-foto:hover {
    background: rgba(140, 139, 139, 0.8);
  
}

 

/* Optional: Smooth fade-in effect */
.image-modal.show {
    opacity: 1;
    visibility: visible; /* Make it visible when shown */
}


.restaurant-header {
    text-align: center;
    margin-bottom: 20px;
}

.restaurant-header h1 {
    font-size: 24px;
    color: #333;
}

.details-button {
    display: inline-block;
    background-color: #00A6B2;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s;
}

.details-button:hover {
    background-color: #008C99;
}
 
.profile-forms {
    display: flex;
    gap: 5rem;  
    flex-wrap: wrap; 
}

.member-profile,
.member-password {
    width: 48%;  
}
.member-password {
    padding-top: 10.9rem;  
}
 

@media (max-width: 768px) {
    .member-profile,
    .member-password {
        width: 100%;  
		padding-top: 5px;
    }
}

.password-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.password-wrapper input {
    padding-right: 30px; /* Adjust to leave space for the eye icon */
    width: 100%;
}

.password-wrapper i {
    position: absolute;
    right: 10px; /* Adjust position from the right edge */
    cursor: pointer;
    color: #888; /* Icon color */
}

 
/* Varsayılan olarak overlay gizlidir */
.review-form-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Opak arka plan */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
	border-radius: 20px;
}

.review-form {
    position: relative;
	padding: 10px;
}

.overlay-content {
    text-align: center;
}

.overlay-content p {
    font-size: 20px;
}

.overlay-content a {
    color: #00B8C0;
    text-decoration: none;
    font-weight: bold;
}

.review-form.disabled-form .review-form-overlay {
    display: block;
}

    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }

    input {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-right: 10px;
        flex-grow: 1;
    }

    .btn-send-code {
        background-color: #00A6B2;
        color: white;
        border: none;
        padding: 10px 15px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s;
        margin-right: 10px;
    }

    .btn-send-code:hover {
        background-color: #008a92;
    }

    .badge {
        padding: 5px 10px;
        border-radius: 4px;
        font-size: 12px;
    }

    .bg-grd-danger {
        background-color: #e74c3c;
        color: white;
    }

    .bg-grd-success {
        background-color: #2ecc71;
        color: white;
    }

    .cursor-pointer {
        cursor: pointer;
    }


.phone-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); 
    z-index: 9999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.phone-modal.show {
    display: flex;
    opacity: 1;
}

.phone-modal-content {
    background-color: #fff;
    border-radius: 12px;
    
    max-width: 450px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.phone-modal.show .phone-modal-content {
    opacity: 1;
    transform: translateY(0);
}

.phone-modal-header {
    background-color: #00A6B2;
    color: white;
    border-radius: 12px 12px 0 0;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
}

.phone-modal-header h2 {
	color: #FFFFFF;;
}
 

.phone-close-btn {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.3s ease;
}

.phone-close-btn:hover {
    color: #ff5b5b;
}

.phone-modal-body {
    padding: 20px;
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
}

.phone-verification-form {
    margin-bottom: 20px;
}

.phone-verification-form .form-label-phone {
    font-weight: 600;
    margin-bottom: 10px;
    color: #555;
}

.phone-verification-form .form-control-phone {
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 1rem;
    width: 100%;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.phone-verification-form .form-control-phone:focus {
    border-color: #00A6B2;
    box-shadow: 0 0 5px rgba(0, 166, 178, 0.5);
}

.phone-verification-info {
    text-align: center;
}

.phone-verification-info .resend-code-phone {
    background-color: #00A6B2;
    color: white;
    border-radius: 8px;
    
    font-size: 1rem;
    width: 50%;
    margin-top: 15px;
    transition: background-color 0.3s ease;
}

.phone-verification-info .resend-code-phone:hover {
    background-color: #008f97;
}

.phone-modal-footer {
    display: flex;
    justify-content: space-evenly;
	padding-bottom: 10px;
}

.phone-modal-footer .btn {
    
    font-size: 1rem;
    width: 42%;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.phone-modal-footer .btn-danger-phone {
    background-color: #f44336;
    color: white;
    border: none;
}

.phone-modal-footer .btn-danger-phone:hover {
    background-color: #d32f2f;
}

.phone-modal-footer .btn-success-phone {
    background-color: #4caf50;
    color: white;
    border: none;
}

.phone-modal-footer .btn-success-phone:hover {
    background-color: #388e3c;
}
.resend-code-text {
	color: #00A6B2;
	cursor: pointer;
	margin-top: 10px;
	text-decoration: underline;
	transition: color 0.3s;
}

.resend-code-text:hover {
	color: #008f97;
}


.email-modal {
    display: none; /* Başlangıçta gizli */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Yarı şeffaf arka plan */
    z-index: 9999;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Modal Fade-in Effect */
.email-modal.show {
    display: flex;
    opacity: 1;
}

/* Modal İçeriği */
.email-modal-content {
    background-color: #fff;
    border-radius: 12px;
    max-width: 450px;
    width: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); /* Yumuşak gölge */
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

/* Show the modal when 'show' class is added */
.email-modal.show .email-modal-content {
    opacity: 1;
    transform: translateY(0);
}

/* Modal Başlık */
.email-modal-header {
    background-color: #00A6B2; /* Modern renk */
    color: white;
    border-radius: 12px 12px 0 0;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
}

/* Kapatma Butonu */
.close-modal-btn {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    transition: color 0.3s ease;
}

.close-modal-btn:hover {
    color: #ff5b5b;
}

/* Modal İçerik */
.email-modal-body {
    padding: 20px;
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
}

/* Form Stili */
.verification-form {
    margin-bottom: 20px;
}

.verification-form .form-label {
    font-weight: 600;
    margin-bottom: 10px;
    color: #555;
}

.verification-form .form-control {
    border-radius: 8px;
    padding: 12px;
    border: 1px solid #ccc;
    font-size: 1rem;
    width: 100%;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.verification-form .form-control:focus {
    border-color: #00A6B2;
    box-shadow: 0 0 5px rgba(0, 166, 178, 0.5);
}

/* Doğrulama Bilgileri Bölümü */
.verification-info {
    text-align: center;
}

.verification-info .countdown {
    font-size: 1.2rem;
    font-weight: bold;
    color: #00A6B2;
}

/* Modal Alt Kısım */
.email-modal-footer {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 10px;
}

/* Footer Butonları */
.email-modal-footer .btn {
    font-size: 1rem;
    width: 42%;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.email-modal-footer .btn-info {
    background-color: #00A6B2;
    color: white;
    border: none;
}

.email-modal-footer .btn-info:hover {
    background-color: #008f97;
}

.email-modal-footer .btn-success {
    background-color: #4caf50;
    color: white;
    border: none;
}

.email-modal-footer .btn-success:hover {
    background-color: #388e3c;
}

.resend-code-text {
    color: #00A6B2;
    cursor: pointer;
    margin-top: 10px;
    text-decoration: underline;
    transition: color 0.3s;
}

.resend-code-text:hover {
    color: #008f97;
}

@media (max-width: 768px) {
	.page-title {
		padding: 30px 0;
		background-size: auto 100%; 
		background-position: right center !important;
		background-blend-mode: multiply;
		background-color: #00B8C0; 
	  }
	  
	  
	.page-title__name {
	  font-size: 1.8rem !important;
	}
	.page-title__slogan {
	  font-size: 1rem;
	}
	.page-title-bottom h3 {
	  font-size: 1.2rem;
	}
	.page-title-bottom p {
	  font-size: 0.9rem;
	}
  }


/* Yorum Kartları */
.place__comments li {
    background: white;
    padding: 16px;
    transition: transform 0.2s, box-shadow 0.2s;
}

 

/* Yorum Avatar */
.place__author__avatar {
    display: inline-block;
    margin-right: 12px;
}

.place__author__avatar img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

/* Yorum Yazar Bilgileri */
.place__author__info {
    display: flex;
    flex-direction: column;
}

.place__author__star {
    margin-top: 4px;
    color: #FFD700; /* Altın Rengi Yıldız */
}

.place__comments__content p {
    margin-top: 8px;
    line-height: 1.6;
}

/* Daha Fazla Göster Butonu */
button.load-more {
    background-color: #00A6B2; /* Senin web sitesindeki ana renk */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s, transform 0.2s;
    margin-top: 16px;
}

button.load-more:hover {
    background-color: #008891;
    transform: translateY(-2px);
}

button.load-more:active {
    transform: scale(0.98);
}

button.load-more:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}


.filter-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.filter-select {
    padding: 5px 10px;
    border: 1px solid #00A6B2;
    border-radius: 8px;
    background-color: white;
    color: #333;
    transition: border-color 0.3s;
}

.filter-select:focus {
    outline: none;
    border-color: #007a8a;
}

.filter-container label {
    color: #00A6B2;
    font-weight: bold;
}

/* Yorumlar filtreleme */
.reviews-filter {
    margin-bottom: 20px;
}

.reviews-filter__options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.review-sort {
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #fff;
    cursor: pointer;
}

.reviews-filter__photos {
    display: flex;
    align-items: center;
}

.filter-checkbox {
    margin-right: 8px;
    cursor: pointer;
}

.filter-checkbox + label {
    cursor: pointer;
}

/* Yorum fotoğrafları */
.place__comments__photos {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 10px;
}

.place__comments__photo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}

.place__comments__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.place__comments__photo:hover img {
    transform: scale(1.05);
}

/* Sayfalama stilleri */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px;
}

.pagination__numbers {
    display: flex;
    align-items: center;
}

.pagination__number,
.pagination__prev,
.pagination__next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 5px;
    border-radius: 4px;
    background-color: #f2f2f2;
    color: #333;
    text-decoration: none;
    transition: all 0.3s;
}

.pagination__number:hover,
.pagination__prev:hover,
.pagination__next:hover {
    background-color: #e5e5e5;
}

.pagination__number.active {
    background-color: #23d3d3;
    color: #fff;
}

.pagination__dots {
    margin: 0 5px;
}

/* Yükleme ve hata mesajları */
.loading,
.no-reviews,
.error {
    padding: 20px;
    text-align: center;
    color: #666;
}

.error {
    color: #dc3545;
}

/* Mobil görünüm için düzenlemeler */
@media (max-width: 767px) {
    .reviews-filter__options {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .reviews-filter__photos {
        margin-top: 10px;
    }
    
    .place__comments__photo {
        width: 80px;
        height: 80px;
    }
}




.reviews-filter__photos {
    display: flex;
    align-items: center;
    font-size: 16px;
}

.filter-checkbox {
    display: none; /* Checkbox'ı gizli yapıyoruz */
}

.filter-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 500;
}

.filter-label .checkbox-icon {
    width: 40px;
    height: 20px;
    border-radius: 25px;
    background-color: #ddd; /* Kapalı durumda gri */
    position: relative;
    margin-right: 10px;
    transition: background-color 0.3s ease;
}

.filter-label .checkbox-icon::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px; /* Kapalı durumda solda */
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    transition: left 0.3s ease;
}

.filter-checkbox:checked + .filter-label .checkbox-icon {
    background-color: #00A6B2; /* Açık olduğunda mavi */
}

.filter-checkbox:checked + .filter-label .checkbox-icon::after {
    left: 23px; /* Sağ tarafa kayma */
}

.filter-label:hover {
    opacity: 0.8;
}

.containernotification {
	background-color: white;
	border-radius: 8px;
	padding: 30px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	font-family: Arial, sans-serif;
  }
  
  .preference-item {
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .preference-info {
	display: flex;
	flex-direction: column;
  }
  
  .preference-title {
	font-weight: bold;
	margin-bottom: 8px;
	color: #333;
  }
  
  .preference-desc {
	color: #666;
	font-size: 14px;
  }
  
  .toggle-switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slidernot {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
  }
  
  .slidernot:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: rgb(255, 255, 255);
	transition: .4s;
	border-radius: 50%;
  }
  
  input:checked + .slidernot {
	background-color: #00B8C0;
  }
  
  input:checked + .slidernot:before {
	transform: translateX(26px);
  }
  
  .notenot {
	margin-top: 20px;
	font-size: 13px;
	color: #666;
	font-style: italic;
  }

  

  .address-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 12px;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.address-item i {
    margin-right: 10px;
}

.coordinates {
    color: #888;
    font-size: 12px;
    font-style: italic;
}

/* Butonlar ve Hover Efektleri */
.btn-primary {
    background-color: #00A6B2;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
}

.btn-primary:hover {
    background-color: #028a99;
    transform: scale(1.05);
}

/* Adres Ekleme Paneli */
.add-address-options {
    margin-top: 30px;
}

.address-option {
    background-color: #f1f1f1;
    padding: 12px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
    transition: background-color 0.3s;
}

.address-option:hover {
    background-color: #e0e0e0;
}

.address-option i {
    margin-right: 10px;
}

/* Adres Girişi Paneli */
#addressInputContainer {
    display: none;
    margin-top: 15px;
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#addressInput, #latitudeInput, #longitudeInput {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
}

#addressInput:focus, #latitudeInput:focus, #longitudeInput:focus {
    border-color: #00A6B2;
    outline: none;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .member-menu .container ul {
        flex-direction: column;
        align-items: center;
    }

    .member-wrap {
        padding: 15px;
    }

    .address-item {
        flex-direction: column;
        text-align: center;
    }

    .address-option {
        text-align: center;
    }
}


/* General Styles */
.page-title {
    padding: 60px 0;
    background-size: cover;
    background-position: center;
    color: white;
    text-align: left;
}

.page-title__content {
    max-width: 800px;
}

.page-title__name {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page-title__slogan {
    font-size: 18px;
    font-style: italic;
}

/* Isotope Navigation */
.isotope__nav {
    margin-top: 30px;
}

.category-nav-wrapper {
    display: flex;
    justify-content: center;
    padding: 10px;
    border-bottom: 2px solid #ddd;
}

.mapbutton, 
.manuelbutton {
    background-color: #00A6B2;
    color: white;
    padding: 10px 15px;
    border-radius: 12px;
    text-decoration: none;
    font-size: 16px;
  
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0px 2px 4px rgba(0, 166, 178, 0.3);
    border: none;
    cursor: pointer;
}

/* Hover Efekti */
.mapbutton:hover, 
.manuelbutton:hover {
    background-color: #008C9E;
    box-shadow: 0px 6px 10px rgba(0, 140, 158, 0.4);
    transform: translateY(-2px);
}

/* Mobil için optimize */
@media (max-width: 768px) {
    .mapbutton, 
    .manuelbutton {
        width: 100%; /* Küçük ekranlarda tam genişlik */
        padding: 12px;
        font-size: 14px;
    }
}





/* Category Grid */
.yakala__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 40px;
	margin-bottom: 10px;
	 
}

.yakala__grid article {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
}

.yakala__grid article:hover {
    transform: scale(1.05);
}

.post__thumb {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

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

.post__info {
    padding: 20px;
}

.post__category {
    margin-bottom: 10px;
}

.post__category li {
    font-size: 14px;
    color: #888;
}

.post__category li a {
    text-decoration: none;
    color: #888;
    transition: color 0.3s;
}

.post__category li a:hover {
    color: #00a6b2;
}

.post__title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.post__title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

.post__title a:hover {
    color: #00a6b2;
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-title__name {
        font-size: 28px;
    }

    .page-title__slogan {
        font-size: 16px;
    }

    .yakala__grid {
        grid-template-columns: 1fr 1fr;
    }

    #category-nav {
        flex-direction: column;
    }

    #category-nav li {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .page-title__name {
        font-size: 24px;
    }

    .yakala__grid {
        grid-template-columns: 1fr;
    }
}




.selected-category-item {
    width: 350px; /* Seçili kategori için özel genişlik */
    max-width: 100%;
    height: auto;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
}

.selected-category-item:hover {
    transform: scale(1.1);
}

.selected-category-thumb img {
    width: 100%;
    height: auto;
    max-height: 200px;
    object-fit: cover;
}

.selected-category-info {
    padding: 15px;
}

.selected-category-title {
    font-size: 18px;
    font-weight: bold;
    color: #00A6B2;
}




.video-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    padding: 20px;  
    overflow: hidden;  
}
 
#videoIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: none;
}

.video-thumbnail iframe {
    min-height: 100px;
}



.custom-icon {
    font-size: 14px !important;   
        
}

.kampanyalar-container {
    max-width: 1200px;
    padding: 3rem;
}
.kampanyalar-baslik {
    font-size: 24px;
    margin-bottom: 20px;
}

.arama-kutusu-container {
    display: flex;
    justify-content: space-between; /* Bu özellik, kutuları karşılıklı yapacak */
    gap: 20px; /* Arama kutusu ve kampanya kodu arasındaki boşluk */
    margin-bottom: 20px;
}

.arama-kutusu,
.kampanya-kodu {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    flex: 1; /* Her ikisinin de genişliğini esnek yapar */
}

.arama-kutusu i,
.kampanya-kodu i {
    margin-right: 5px;
    color: gray;
}

.arama-kutusu input,
.kampanya-kodu input {
    border: none;
    width: 100%;
    font-size: 16px;
    outline: none;
}

.kampanya-kodu input::placeholder {
    color: #aaa;
}

.kampanyalar-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Üç kolon olacak şekilde düzenlendi */
    gap: 20px;
    margin-top: 20px;
}

.kampanya-kart {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s;
    border: 1px solid #ddd;
}

.kampanya-kart:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.kampanya-gorsel {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.kampanya-icerik {
    padding: 15px;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
}

.kampanya-baslik {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.kampanya-aciklama {
    font-size: 1rem;
    color: #666;
    margin-bottom: 5px;
}

.kampanya-detay {
    display: flex;
    justify-content: flex-end;
}

.kampanya-detay i {
    color: #00A6B2;
    font-size: 20px;
    transition: color 0.3s ease;
}

.kampanya-detay i:hover {
    color: #007b7f;
}

.kodcontainer {
    position: absolute;
    top: 37%;
    right:  3%;
    background: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;	
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 300px;
}

/* Başlık */
.kampanya-kodu-baslik-container {
    text-align: center;
    width: 100%;
}

.kampanya-kodu-baslik {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/* Input */
.kampanya-kodu-input-container {
    width: 100%;
}

.kampanya-kodu-input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
}

/* Buton */
.kampanya-kodu-button-container {
    width: 100%;
}

.kampanya-kodu-button {
    width: 100%;
    padding: 8px;
    background-color: #00A6B2;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    transition: background 0.3s ease;
}

.kampanya-kodu-button:hover {
    background-color: #008C9E;
}

@media (max-width: 768px) {
    .kampanyalar-container {
        padding: 1.5rem;
    }

    .kampanyalar-baslik {
        font-size: 20px;
        text-align: center;
    }

    /* Kampanya Arama */
    .arama-kutusu-container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .arama-kutusu,
    .kampanya-kodu {
        width: 100%;
    }

    /* Kampanya Kartları */
    .kampanyalar-grid {
        grid-template-columns: repeat(1, 1fr); /* Mobilde tek kolon olacak */
        gap: 15px;
    }

    .kampanya-kart {
        width: 100%;
    }

    .kampanya-gorsel {
        height: 150px; /* Görselleri küçült */
    }

    .kampanya-baslik {
        font-size: 16px;
    }

    .kampanya-aciklama {
        font-size: 14px;
    }

    /* Kampanya Kodu Girişi */
    .kodcontainer {
        position: static;
        width: 90%;
        max-width: 320px;
        margin: 20px auto;
    }

    .kampanya-kodu-input {
        font-size: 14px;
    }

    .kampanya-kodu-button {
        font-size: 14px;
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .kampanya-gorsel {
        height: 120px; /* Daha küçük ekranlar için küçült */
    }

    .kampanya-kodu-button {
        padding: 8px;
    }
}


/* Doğrulama butonu için stil */
.validate-button {
    font-weight: 500;
    font-size: 14px;
    background-color: #fe5c4d; /* Canlı kırmızı */
    color: white;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    cursor: pointer;
   
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.validate-button:hover {
    background-color: #ff3d36; /* Hover rengini biraz daha koyu yapalım */
    transform: scale(1.05);
}

.validate-button i {
    margin-right: 8px;
    font-size: 16px;
}

.verified-badge {
    font-weight: 500;
    font-size: 14px;
    background-color: #28a745; /* Canlı yeşil */
    color: white;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, transform 0.3s;
    cursor: default;
    padding: 6px 14px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.verified-badge i {
    margin: 0 6px;
    font-size: 16px;
}

#modalImage.enlarged.zoomed {
	transform: scale(1.5);
	cursor: zoom-out;
  }
  
  #modalImage.enlarged {
	transition: transform 0.3s ease;
	cursor: zoom-in;
  }
  .modal-image-wrapper img {
    transition: transform 0.3s ease;
}


@media (max-width: 320px) {
	#modal-qr-content img {
		max-width: 150px;  
	}
}

 
@media (max-width: 390px) {
	#modal-qr-content img {
		max-width: 200px;  
	}
}

.dropdown-menu {
position: absolute;
background-color: #fff;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 9999;
border-radius: 4px;
}

.dropdown-menu a {
color: #333;
padding: 12px 16px;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
}

.dropdown-menu a:last-child {
border-bottom: none;
}

.dropdown-menu a:hover {
background-color: #f1f1f1;
}




#referral-qr p {
margin-bottom: 15px;
font-size: 14px;
}




.modal-qr {
display: none;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.6);
}

.modal-content-qr {
background-color: #fff;
margin: 5% auto;
padding: 25px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
width: 400px;
max-width: 90%;
text-align: center;
position: relative;
}

.modal-closee {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
font-weight: bold;
color: #888;
cursor: pointer;
}

.modal-closee:hover {
color: #000;
}

#modal-qr-content img {
max-width: 200px;

display: block;
}

.modal h3 {
margin-top: 0;
color: #333;
}

.modal p {
margin: 15px 0 5px;
font-size: 14px;
color: #666;
}


/* Responsive Tasarım */
@media (max-width: 767px) {

#invite-button {
	width: 100%;
	
	font-size: 16px;
}





.modal-content {
	width: 90%;
	padding: 20px;
}

#modal-qr-content img {
	width: 100%;
	height: auto;
}





 
#qr-modal {
	width: 100%;
	padding: 20px;
}

 
.ob-item .ob-content {
	max-height: 300px;
	overflow-y: auto;
}
}


 
.custom-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.custom-modal {
    background: white;
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
    animation: slideDown 0.3s ease;
}

.custom-modal-header {
    background-color: #00B8C0;
    padding: 16px;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-modal-close {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
}

.custom-modal-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.custom-modal-body input {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
    transition: border 0.2s;
}

.custom-modal-body input:focus {
    border-color: #00B8C0;
}

.custom-modal-footer {
    padding: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-cancel {
    background: #ccc;
    color: #000;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

.btn-confirm {
    background: #00B8C0;
    color: #fff;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

@keyframes slideDown {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 500px) {
    .custom-modal {
        margin: 0 20px;
    }

    .custom-modal-footer {
        flex-direction: column;
    }

    .custom-modal-footer button {
        width: 100%;
    }
}
 
/* Modal Genel Stil */
.verification-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
}

/* Modal İçeriği */
.verification-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    max-width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Modal Başlık */
.verification-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.verification-modal-header h2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.verification-modal-header .close-modal-btn {
    background: transparent;
    border: none;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}

/* Modal Gövde */
.verification-modal-body {
    padding-bottom: 15px;
}

.verification-form {
    margin-bottom: 15px;
}

.verification-form .form-label {
    font-size: 14px;
    color: #555;
}

.verification-form .form-control {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-top: 5px;
    font-size: 16px;
}

.verification-info {
    margin-top: 10px;
    text-align: center;
}

.countdown {
    font-size: 16px;
    color: #007bff;
}

/* Modal Altbilgisi */
.verification-modal-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.verification-modal-footer button {
  
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* Resend Kod Butonu */
.verification-modal-footer .resend-code {
    background-color: #f0f0f0;
    color: #007bff;
    border: 1px solid #ddd;
}

.verification-modal-footer .resend-code:disabled {
    background-color: #ddd;
    color: #aaa;
    cursor: not-allowed;
}

/* Doğrulama Butonu */
.verification-modal-footer .btn-success {
    background-color: #28a745;
    color: white;
    border: none;
}

.verification-modal-footer .btn-success:hover {
    background-color: #218838;
}

/* Genel Buton Stilleri */
.verification-modal-footer .btn-info {
    background-color: #17a2b8;
    color: white;
    border: none;
}

.verification-modal-footer .btn-info:hover {
    background-color: #138496;
}


.get-location-btn {
	margin-bottom: 1rem;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background-color: #00A6B2;
	color: #fff;
	padding: 10px 20px;
	border-radius: 8px;
	text-decoration: none;
	
  }
  
  .get-location-btn:hover {
	background-color: #00A6B2;
	color: white;
	transform: scale(1.05);
  }
  
  .get-location-btn i {
	font-size: 12px;
  }
  



  /* clockmodal: Genel Modal Stili */
.clockmodal {
	display: none; /* Başlangıçta gizli */
	position: fixed;
	z-index: 1050;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
	justify-content: center;
	align-items: center;
  }
  
  /* clockmodal içeriği */
  .clockmodal-content {
	background-color: white;
	border-radius: 8px;
	padding: 20px;
	width: 300px;
	max-width: 100%;
  }
  
  /* clockmodal başlık */
  .clockmodal-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  .clockmodal-title {
	margin: 0;
  }
  
  .clockmodal-close {
	font-size: 24px;
	border: none;
	background: transparent;
	cursor: pointer;
  }
  
  /* clockmodal gövdesi */
  .clockmodal-body {
	margin-top: 10px;
  }
  
  .clockmodal-select {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
  }
  
  /* clockmodal alt kısmı */
  .clockmodal-footer {
	margin-top: 15px;
	text-align: center;
  }
  
  .clockmodal-btn {
	padding: 10px 20px;
	background-color: #007bff;
	border: none;
	border-radius: 4px;
	color: white;
	cursor: pointer;
  }
  
  .clockmodal-btn:hover {
	background-color: #0056b3;
  }
  
  /* Hafif gri info metni */
.delivery-time-info {
	display: block;
	margin-top: 5px;
	font-size: 0.875rem;
	color: #6c757d; /* Hafif gri renk */
	font-weight: 500;
  }
  .payment-method-option {
    border: 1px solid #b9b8b8;
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #f3f3f3;
}

.payment-method-option:hover {
    background-color: #f0f0f0;
}

.plus-icon {
    font-weight: bold;
    margin-right: 12px;
    color: #00a6b2;
	font-size: 20px;
}

.ko-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1050; /* Higher than Bootstrap's default modal z-index */
  }
  
  /* Modal Container */
  .ko-modal-container {
	background-color: #fff;
	border-radius: 8px;
	width: 100%;
	max-width: 480px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	margin: 0 16px;
  }
  
  /* Modal Header */
  .ko-modal-header {
	padding: 16px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f0f0f0;
  }
  
  .ko-modal-title {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	color: #333;
  }
  
  .ko-modal-close-button {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #666;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #f5f5f5;
  }
  
  /* Modal Body */
  .ko-modal-body {
	padding: 20px;
  }
  
  /* Payment Icons */
  .ko-payment-icon {
	width: 32px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
  }
  
  .ko-payment-icon-card {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A6B2'%3E%3Cpath d='M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px; 
  }
  
  .ko-payment-icon-cash {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300A6B2'%3E%3Cpath d='M2,6H22V18H2V6M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M4,8V10H6V8H4M4,14V16H6V14H4M18,8V10H20V8H18M18,14V16H20V14H18Z'/%3E%3C/svg%3E");
	
background-size: 30px 30px;  
	background-repeat: no-repeat;
	background-position: center;
	 
  }
  
  /* Modal Footer */
  .ko-modal-footer {
	padding: 16px 20px;
	border-top: 1px solid #f0f0f0;
  }
  
  .ko-modal-select-button {
	width: 100%;
	 
	border: none;
	border-radius: 8px;
	background-color: #00B8C0;
	color: white;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color 0.2s;
  }
  
  .ko-modal-select-button:hover {
	background-color: #007c83;
  }
  
  /* Override Bootstrap form-check styling if needed */
  .ko-modal-body .form-check {
 
	margin-bottom: 16px;
  }
  
  .ko-modal-body .form-check-input {
	margin-right: 12px;
  }
  
  .ko-modal-body .form-check-label {
	cursor: pointer;
 
	border-radius: 6px;
	transition: background-color 0.2s;
 
  }
  
  .ko-modal-body .form-check-label:hover {
	background-color: #f8f5ff;
  }


  #orderBtn {
    background-color: #00B8C0;
    color: white;
    border: none;
    border-radius: 8px;
    width: 300px;
    height: 50px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
	border: 1px solid #00B8C0; 
  }
  
  .order-text {
    flex: 1;
    text-align: center;
    font-weight: bold;
    padding-left: 15px;
	
  }
  
  .order-price {
    background-color: white;
    color: #333;
    font-weight: bold;
    padding: 14px 20px;
    border-radius: 0 8px 8px 0;
  
    display: flex;
    align-items: center;
  }


  .address-name {
    border-bottom: 1px solid #f0f0f0;
     
}


.terms-link {
    color: #00B8C0;  
     
}

.terms-link:hover {
    text-decoration: underline;  
    cursor: pointer;  
}


.form-close {
	position: absolute;
	top: 10px;
	right: 40px;
	font-size: 34px;
	color: #333;
	cursor: pointer;
	transition: color 0.3s;
  }
  
  .form-close:hover {
	color: #ff0000;  
  }  

  @media (max-width: 768px) {
	.single .hightlight-grid {
	  position: relative; /* Bu, öğe içinde konumlandırma yapılabilmesi için gerekli */
	}
  
	.single .hightlight-grid .hightlight-count {
	  position: absolute; /* Konumlandırmayı mutlak yapıyoruz */
	  bottom: 0;
	  left: 0;
	  margin: 0;
	  background-color: white; /* Görünürlük için opsiyonel */
	 
	}
  }
  
  .popular {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
}
.popular span {
    display: inline-block;
    border-bottom: 1px solid #000; 
   
}



.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 9999;
    color: white;
    display: none; /* Başlangıçta gizle */
}

.notification.success {
    background-color: #28a745; /* Yeşil başarı */
}

.notification.error {
    background-color: #dc3545; /* Kırmızı hata */
}

.notification.show {
    display: block; /* Görünür hale getir */
}


.location-display {
 vertical-align: middle;
    display: flex;
    align-items: center;
    gap: 6px;
}

.location-display i {
    color: #00a6b2;
     
}

.location-display.mobile-only {
	position: absolute;
	right: 10px;  
	top: 10px;  
	z-index: 90; 
  }
  
  .location-selector {
	display: flex;
	align-items: center;
	gap: 3px;
	font-family: 'Jost', sans-serif;
	 
	 
	color: #333;
	transition: all 0.3s ease;
	font-weight: 500;
  }
  
  .location-selector:hover {
	color: #00A6B2;  
	transform: translateY(-1px);
  }
  
  .location-selector .custom-icon {
	font-size: 16px !important;
	transition: color 0.3s ease;
  }
  
  .location-selector:hover .custom-icon {
	color: #00A6B2;
  }

  /* Normal görünüm */
.responsive-label-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 5px;
	font-size: 16px;
  }
  @media (max-width: 391px) {
	.field-input label {
		margin-bottom: 8px;
		font-weight: 600;
		color: #333;
		font-size: 10px;
	}
	}

    
  @media (max-width: 391px) {
	.responsive-label-container {
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 6px;
	}
  
	.responsive-label-container .badge {
	  font-size: 10px;
	 
	}
  
	.responsive-label-container label {
	  font-size: 10px;
	}
  }

  @media (max-width: 376px) {
	.responsive-label-container {
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 6px;
	}
}
  
  
  @media (max-width: 320px) {
	.responsive-label-container {
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 6px;
	}
  
	.responsive-label-container .badge {
	  font-size: 8px;
	 
	}
  
	.responsive-label-container label {
	  font-size: 8px;
	}
  }
  
 
  @media (max-width: 1025px) {
	.main-menu li {
	  margin-right: 8px;
	}
  }
  

@media (max-width: 768px) {
	.location-display.mobile-only {
		right: 5% !important; 
		top: 50% !important;  
		font-size: 12px !important;
	}
  }

  @media (max-width: 321px) {
	.location-display.mobile-only {
		right: 5% !important; 
		top: 50% !important;  
		font-size: 8px !important;
	}
  }
 
@media (min-width: 769px) {
	.mobile-only {
	  display: none !important;
	}
  }
  

  @media (max-width: 768px) {
	.desktop-only {
	  display: none !important;
	}
  }
  .la-bookmark.active {
    color: #00A6B2;
}

.turkey {
	text-align: right;
 
	margin-left: 3.5%;
  }
  
  .site-banner__meta {
	display: inline-block;
	 
	color: #333;
  }
  
  #toggle-turkey {
	color: #000; /* varsayılan siyah */
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease;
  }
  
  #toggle-turkey:hover {
	color: #00A6B2;
  }
  
  #toggle-turkey.active {
	color: #00A6B2;
  }
  
 

  .custom-btn {
    border-width: 0.5px;  
	margin-right: 1%; 
	font-weight: normal !important; 
 
}


/* Review Form Styling */
.review-form {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    position: relative;
    margin-bottom: 30px;
    background-color: #fff;
}

.review-form h3 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
    font-weight: 600;
    font-size: 20px;
}

/* Star Rating */
.rate {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.rate span {
    margin-right: 15px;
    font-weight: 500;
    color: #444;
}

.stars {
    display: flex;
}

.star {
    font-size: 28px;
    color: #ccc;
    margin-right: 8px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.star i {
    display: inline-block;
    transition: transform 0.2s ease;
}

.star:hover i {
    transform: scale(1.2);
}

 

/* Text Area */
.field-textarea {
    margin-bottom: 20px;
}

.field-textarea > div {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.author-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover;
    border: 2px solid #f0f0f0;
}

#user-name {
    font-weight: 600;
    color: #333;
    font-size: 15px;
}

textarea {
    width: 100%;
    height: 120px;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    resize: vertical;
    font-family: inherit;
    transition: all 0.3s ease;
    font-size: 15px;
    line-height: 1.5;
}

textarea:focus {
   
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 184, 192, 0.15);

}

/* Submit Area */
.field-submit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

 

.custom-btn {
    display: inline-flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.custom-btn:hover {
    transform: translateY(-2px);
}

.custom-btn i {
    margin-right: 8px;
    font-size: 18px;
}

 

#submit:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

/* Photo Preview */
#photo-preview {
    width: 100%;
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.preview-img-wrapper {
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden;
}

.preview-img-wrapper:hover {
    transform: scale(1.08);
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.preview-img-wrapper::after {
    content: '🔍';
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.preview-img-wrapper:hover::after {
    opacity: 1;
}

.preview-img {
    max-width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    display: block;
}

.remove-img-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #e74c3c;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.3s ease;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.remove-img-btn:hover {
    background-color: #c0392b;
    transform: scale(1.15);
}

/* Modal for Photo Preview */
.photo-preview-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.85);
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(5px);
}

 

@keyframes fadeIn {
    from {opacity: 0; transform: scale(0.9);}
    to {opacity: 1; transform: scale(1);}
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 1001;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.close-modal:hover {
    color: #ccc;
    background: rgba(0,0,0,0.8);
    transform: rotate(90deg);
}

.modal-image {
    display: block;
    max-width: 100%;
    max-height: 85vh;
    border-radius: 8px;
    box-shadow: 0 5px 30px rgba(0,0,0,0.3);
    object-fit: contain;
}

/* File Name Display */
#file-name {
    margin-top: 10px;
    color: #555;
    font-size: 13px;
    font-style: italic;
}

 
 

.overlay-contentt {
    text-align: center;
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.15);
    width: 80%;
    max-width: 400px;
    border: 1px solid #e0e0e0;
}

.overlay-contentt p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}

.overlay-contentt span {
    font-weight: 700;
    font-size: 18px;
    color: #333;
    display: block;
    margin-bottom: 5px;
}


.overlay-content .btn {
    margin-top: 10px;
    display: inline-block;
}

 
@media (max-width: 768px) {
    .review-form {
        padding: 20px 15px;
    }
    
    .field-submit {
        flex-direction: column;
    }
    
    .field-submit label {
        margin-bottom: 15px;
   
        text-align: center;
    }
    
    #submit {
        width: 100%;
        margin-top: 15px;
    }
    
    #photo-preview {
        justify-content: center;
    }
    
    .modal-content {
        width: 95%;
    }
}

@media (max-width: 480px) {
    .star {
        font-size: 24px;
    }
    
    .preview-img {
        max-width: 70px;
        height: 70px;
    }
    
    .overlay-content {
        padding: 20px;
        width: 90%;
    }
}

 
.tooltip-wrapper {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
}

.tooltip-wrapper .info-icon {
	color: #FC9817; 
	font-size: 20px;
}

.tooltip-wrapper .tooltip-text {
	visibility: hidden;
	width: 240px;
	background-color: #333;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 8px 10px;
	position: absolute;
	z-index: 1000;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 13px;
	white-space: normal;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
}

.tooltip-wrapper:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.cities__thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 4;
  overflow: hidden;
  border-radius: 10px;
}

.cities__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.cities__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35); /* Hafif siyah */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
 
.coming-soon {
  position: absolute;
  top: 25px;
  left: -35px;
  transform: rotate(-45deg);
  width: 150px;
  background-color: #34adb6;
  color: #fff;
  text-align: center;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 4px 0;
  z-index: 3;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 4px;
}

.cities__item {
  position: relative;
  overflow: hidden;
}
.cities__title {
  font-size: 28px;
}




#gps-location-btn {
  min-width: 160px;  
  white-space: nowrap;  
}
  
  
.wishlist-toggle i.active {
  color: #00A6B2;
}