@font-face {
	font-family: 'NeverMind';
	src: url('../fonts/NeverMind-Regular.woff2') format('woff2'), url('../fonts/NeverMind-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NeverMind-Bold';
	src: url('../fonts/NeverMind-Bold.woff2') format('woff2'), url('../fonts/NeverMind-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NeverMindSlab-Heavy';
	src: url('../fonts/NeverMindSlab-Heavy.woff2') format('woff2'), url('../fonts/NeverMindSlab-Heavy.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NeverMindSlab-Bold';
	src: url('../fonts/NeverMindSlab-Bold.woff2') format('woff2'), url('../fonts/NeverMindSlab-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'NeverMindSlab-Regular';
	src: url('../fonts/NeverMindSlab-Regular.woff2') format('woff2'), url('../fonts/NeverMindSlab-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


.team {position: relative;overflow: hidden; }
.team .team-container {width: 250%;position: relative; }
.team .item {position: relative; }
.team .item .con .title {font-size: 18px;font-weight: 300;position: relative; }
.team .item .con .subtitle {font-size: 16px;font-weight: 300;color: rgba(255, 255, 255, 0.7); }

.header-wrapper {display: flex;align-items: flex-start;width: 100%;padding: 10px 20px; }
.logo-area {width: 220px; }
.logo-area img {max-width: 216px;height: auto; }

.menu-area {flex: 1; display: flex; }
.nav-container { width: 100%; display: flex;  flex-direction: column; }
.row-top {display: flex;justify-content: flex-end;gap: 60px;padding: 10px 0; font-family: 'NeverMind-Bold'; }
.row-bottom {display: flex;justify-content: space-between; align-items: center;width: 100%;padding: 10px 0; }
.row-bottom a { padding: 8px 12px;text-decoration: none; text-align: center; }
.mobile-toggle {margin-left: auto; }

.red {color:#D71F26!important}
.white {color:#ffffff!important}

.pr_title {color:#fff; padding-top:20px; margin-top:20px; border-top:1px solid #fff; height:160px; font-size:28px; line-height:125%;}
.pr_subtitle {color:#fff; font-size:40px; line-height:125%;}

.card, .card-red { position: relative; width: 100%; height: 550px; overflow: hidden; border-radius: 12px; display: flex; flex-direction: column; color: white; }
.card-bg { position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: transform 0.5s ease;z-index: 1; }
.card::after { height:275px; content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, #4A4F55 19.71%, rgba(148, 148, 148, 0.00) 100%); z-index: 2; }
.card-content { position: relative; z-index: 3;  height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; }
.card:hover .card-bg { transform: scale(1.1); }
.card-red:hover .card-bg { transform: scale(1.1); }

.hotpicks { font-size:40px; line-height:115%; color:#fff; margin:10px 0}
.font-md {font-size:26px; line-height:135%; color:#fff; margin:30px 0}
.font-lg {font-size:30px; line-height:125%; margin-bottom: 30px}
.font-footer {font-size:32px; line-height:125%; margin-bottom: 30px}

.btn_transparent {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:auto; padding:10px 20px; border:2px solid #fff; border-radius:3px; color:#fff}
.btn_transparent_black {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:auto; padding:10px 20px; border:2px solid #000; border-radius:5px; color:#000; text-align:center;}
.btn_call {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:100%; padding:10px 10px; background:#D41F26; border-radius:3px; margin:0 auto; text-align:center; color:#fff}
.btn_call:hover {color:#fff}

.btn_yellow {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; padding:10px 20px; background:#ECBB00; border-radius:3px; color:#fff; margin:0 auto;}
.btn_red {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; padding:10px 20px; background:#9E181D; border-radius:3px; color:#fff; margin:0 auto;}
.btn_transparent:hover, .btn_yellow:hover, .btn_red:hover {color:#fff}
.btn_order {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:100%; padding:10px 20px; background:#ECBB00; border-radius:3px; color:#fff; margin:0 auto; text-align:center}
.btn_nav_order {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:100%; padding:10px 20px; background:#FFD600; border-radius:3px; color:#000; margin:0 auto; text-align:center}
.btn_efood {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:100%; padding:10px 10px; background:#D41F26; border-radius:3px; margin:0 auto; text-align:center;transition: transform 0.2s ease;}
.btn_wolt {font-family:'NeverMind-Bold'; font-weight:bold; display:inline-block; width:100%; padding:10px 10px; background:#009DE0; border-radius:3px; margin:0 auto; text-align:center;transition: transform 0.2s ease;}
.btn_nav_order:hover {color:#000}
.btn_efood:hover, .btn_wolt:hover {transform: scale(1.07);}
.social-wrapper { display: flex; gap: 15px; align-items: center; }
.social-circle {width: 50px;height: 50px;background-color: #D31C29; border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease; }
.social-circle:hover { transform: scale(1.1); }

.order-container {position: relative;}
.order-btn {background-color:#d41f26; color:white; padding:0.75rem 1.5rem; border:none; border-radius:5px; cursor:pointer; transition:background-color 0.3s; }
.order-btn:hover {background-color:#000; }
.order-info {position: absolute;top: 100%;right: 0;margin-top: 0.5rem;background-color: #F0F0F0;border-radius: 10px;width:400px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000; }
.order-container:hover .order-info {opacity: 1;visibility: visible;transform: translateY(0); }

.lang-selector {position: relative; }
.lang-btn {background-color: transparent;color: #000;padding: 2px 10px;border: 2px solid #555;border-radius: 5px;cursor: pointer;display: flex;align-items: center;gap: 0.5rem;transition: all 0.3s; }
.lang-btn:hover {border-color: #888;background-color: rgba(255, 255, 255, 0.1);		}
.lang-btn::after {content: '';width: 12px;height: 12px;background-image: url('../img/dropdown.png');background-size: contain;background-repeat: no-repeat;background-position: center;transition: transform 0.3s; }
.lang-selector:hover .lang-btn::after {transform: rotate(180deg);		}
.lang-dropdown {position: absolute;top: 100%;right: 0;margin-top: 0.5rem;background-color: white;border-radius: 5px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);min-width: 120px;opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 1000;overflow: hidden; }
.lang-selector:hover .lang-dropdown {opacity: 1;visibility: visible;transform: translateY(0);		}
.lang-option {padding: 0.75rem 1rem;color: #333;text-decoration: none;display: flex;align-items: center;gap: 0.5rem;transition: background-color 0.2s;cursor: pointer; }
.lang-option:hover {background-color: #f0f0f0; }
.lang-option.active {background-color: #e3f2fd;color: #1976d2;font-weight: bold; }

/* --- MENU --- */
#scrollmenu {display:none;}
.menu {display:grid; grid-template-columns:1fr 3fr; gap:30px;}
.sidebar {background:#f6f6f6; padding:80px 20px 20px 20px}
.cat {display:grid; grid-template-columns: 60px 1fr; gap:10px; padding:5px 0;align-items: center;}
.catname {display: flex; align-items: center; justify-content: center;}

.coupon-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap:20px; margin: 0 auto; }
.coupon-card { position: relative; border-radius: 1rem; overflow: hidden; aspect-ratio: 5 / 8; background-image: url('../img/menu/coupon.png'); background-size: cover; background-position: center center;  background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 0.5rem; ursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.coupon-card:hover { transform: translateY(-6px) scale(1.015); }
.product-photo { width: 90%; aspect-ratio: 1 / 1; border-radius: 0.75rem; overflow: hidden; margin-top: 1rem; box-shadow: 0 8px 32px rgba(0,0,0,0.5); background: #2a0a0a; /* fallback while image loads */  flex-shrink: 0; }
.product-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.coupon-card:hover .product-photo img { transform: scale(1.07); }
.card-body { margin-top: 0.5rem; width: 100%; text-align: center; padding: 0.5rem; }
.product-name { font-size:24px; line-height:115%; color:#fff; font-family:'NeverMind-Bold'; }
.discount-badge { font-size:30px; color:#fff; font-family:'NeverMind-Bold'; }

.menu-cat {color:#393939; font-size:32px;}
.menu-item {background:#f0f0f0; border-radius:10px; padding:20px; width:100%; display:grid; grid-template-columns:1fr 3fr; gap:20px;align-items:center;}
.menu-item-hot {background: #FFD6BC;border-radius: 10px;padding: 20px;width: 100%;position: relative; display:grid; grid-template-columns:1fr 3fr; gap:20px;}
.menu-item-hot::before {content: '';position: absolute;top: -22px;right: 100px;width: 39px;height: 45px;background: url('../img/menu/icons/icon-hot.png') no-repeat;background-size: contain;z-index: 999; }
.menu-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.menu-title {font-size:26px; line-height:125%; color:#393939; font-family:'NeverMind-Bold';}
.menu-desc {font-size:16px; line-height:110%; color:#393939; margin:10px 0; font-family:'NeverMind-Bold';}
.menu-price { font-size:32px; line-height:32px; color:#D71F26; font-family:'NeverMind-Bold';}
.menu-pic { width:140px; height:140px; border-radius:5px; padding:10px; background:#fff; text-align: center;}

@media (max-width: 991px) {
	.menu {display:grid; grid-template-columns:1fr; gap:0px;}

	#scrollmenu { display:initial; position:fixed !important; top:0; left:0; background-color:#efefef; z-index:9999!important; width:100%!important; overflow:auto; white-space:nowrap; transform:translateY(-100%); transition:all .2s ease-in-out; }
	#scrollmenu.open { transform:translateY(0); }
	#scrollmenu a { position:relative; display:inline-block; color:000; text-align:center; padding:10px; text-decoration:none; }
	/* #scrollmenu a.active:after { position: absolute; content: " "; display: block; clear: both; left: 13px; right: 13px; bottom: 11px; border-bottom: 1px solid white; }*/

	.sidebar {display:none;}

	.coupon-grid { 	grid-template-columns: 1fr; }
	.product-name { font-size:24px; line-height:115%; color:#fff; font-family:'NeverMind-Bold'; }
	.discount-badge { font-size:30px; color:#fff; font-family:'NeverMind-Bold'; }

	.menu-grid { display:grid; grid-template-columns:1fr; gap:10px;}
	.menu-item {background:#f0f0f0; border-radius:10px; padding:10px; width:100%; display:grid; grid-template-columns:1fr 3fr; gap:10px;align-items:center;}
	.menu-item-hot {background: #FFD6BC;border-radius: 10px;padding:10px;width: 100%;position: relative; display:grid; grid-template-columns:1fr 3fr; gap:10px;}
	.menu-desc {font-size:14px; line-height:110%; color:#393939; margin:5px 0; font-family:'NeverMind-Bold';}
}

/* --- END MENU --- */

/* --- LOCATIONS --- */

		.page-title {font-size:54px; line-height:54px; font-family:'NeverMindSlab-Regular'}
		.page-sub-title {font-size:36px; line-height:42px; margin:10px 0;}
		.location {font-size:30px; line-height:30px; margin-bottom: 20px;}
		.time_title {font-size:24px;line-height:24px; margin-bottom: 20px;}
		.time_slots {display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size: 18px;}
		.btn_fnt {font-size: 18px;}
		@media (max-width: 991px) {
			.page-title {font-size:36px; line-height:36px; font-family:'NeverMindSlab-Regular'}
			.page-sub-title {font-size:28px; line-height:32px; margin:10px 0;}
			.location {font-size:30px; line-height:30px; margin-bottom: 20px;}
			.time_title {font-size:24px;line-height:24px; margin-bottom: 20px;}
			.time_slots {display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size: 18px;}
		}
/* --- END LOCATIONS --- */

@media screen and (max-width: 991px) {
	.team .team-container { width: 100%; }
	.hotpicks { font-size:36px; line-height:125%; color:#fff; margin:30px 0}
	.font-md {font-size:20px; line-height:135%; color:#fff; margin:30px 0}
	.font-lg {font-size:30px; line-height:125%; margin-bottom: 30px}
	.font-footer {font-size:22px; line-height:125%; margin-bottom: 30px}
	.menu-title {font-size: 22px;line-height: 115%;color: #393939;font-family: 'NeverMind-Bold'; }
	.menu-price { font-size:22px; line-height:26px; color:#D71F26; font-family:'NeverMind-Bold';}

}