@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
    --red: #D61F26;
    --text:#0a0a0a;
    --muted:#faf5f0;
}
body{
    font-family:'Poppins',sans-serif;
    color:var(--text);
    margin: 0;
    font-size:16px;
}
h1, h2, h3, h4, h5 {
    margin-top: 0;
}
p{line-height:1.6;}

.breadcrumb-wrap {
    background: #faf5f0;
    text-align: center;
    padding: 50px 0;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.breadcrumb-wrap .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: stretch;
}
.breadcrumb-wrap h1 {
    font-family: 'Bebas Neue','sans-serif';
    margin: 0;
    font-size: clamp(32px , 3vw , 52px);
}
.breadcrumb {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.breadcrumb a {
    position: relative;
}
.breadcrumb a:after {
    content: '/';
    position: absolute;
    right: -15px;
}

/* =========================
   HEADER BASE
========================= */

.site-header {
    width: 100%;
    z-index: 999;
    padding: 0 0 10px;
    background: #fff;
    transition: .4s ease;
}
body:not(.home) .site-header{
	position: relative;
	
}
.topbar {
    background: var(--red);
    padding: 6px 0;
    margin-bottom: 10px;
}
.topbar .container{
    color: #fff;
    font-weight: 500;
}
.topbar  a.links{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.topbar  a.links:not(:last-child) {
    margin-right: 10px;
}
.topbar .socials {
    margin-top: 0;
	gap: 10px;
}
.topbar .socials a {
    width: 30px;
    height: 30px;
    background: transparent;
}
/* sticky effect */
.site-header.scrolled, body:not(.home) .site-header.scrolled{
	position:fixed;
    padding: 0 0 10px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

/* container */
.site-header .container{
    max-width:1400px;
    margin:auto;
    padding:0 50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* =========================
   LOGO
========================= */


.site-header.scrolled .logo img {
    width: 120px;
}

/* =========================
   NAV MENU
========================= */

.nav ul{
    display:flex;
    gap:30px;
    list-style:none;
	padding: 0;
}

.nav ul li a{
    text-decoration:none;
    color:var(--text);
    font-family:'Poppins',sans-serif;
    font-size:15px;
    position:relative;
    transition:.3s;
}

/* underline animation */
.nav ul li a::after{
    content:'';
    position:absolute;
    bottom:-6px;
    left:0;
    width:0%;
    height:2px;
    background:var(--red);
    transition:.3s;
}

.nav ul li a:hover::after, .nav ul li.current-menu-item a::after{
    width:100%;
}

/* =========================
   ACTION BUTTON
========================= */

.actions{
    display:flex;
    align-items:center;
    gap:20px;
}
.callus {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
}
.callus .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(239, 68, 68, 0.35) 0px 12px 30px;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background: rgb(239, 68, 68);
}
.callus .icon i{font-size: 18px;}
.callus a {
    font-size: 18px;
    font-weight: 700;
    color: var(--red);
}

/* =========================
   MOBILE MENU BUTTON
========================= */

.menu-toggle{
    display:none;
    flex-direction:column;
    gap:9px;
    cursor:pointer;
}

.menu-toggle span {
    width: 26px;
    height: 1px;
    background: var(--text);
    transition: .3s;
}
.menu-close{
    display:none !important;
    position:absolute;
    top:20px;
    right:20px;
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:.3s;
}

.menu-close:hover{
    background:#ef4444;
    transform:rotate(90deg);
}

/* =========================
   HERO BASE
========================= */

.hero{
    background: radial-gradient(circle at 20% 20%, rgba(239,68,68,.12), transparent 40%), var(--dark);
    overflow:hidden;
}

/* full screen */
.HeroSlider,
.HeroSlider .swiper-slide{
    height: 75dvh;
}

.HeroSlider .swiper-slide{
    position:relative;
    display:flex;
    align-items:center;
}

/* =========================
   BACKGROUND LAYER
========================= */

.bg-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

.bg-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(.75) contrast(1.1);
}
.overlay {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}
/* =========================
   LAYOUT
========================= */

.hero .container{
    position:relative;
    z-index:5;
    max-width:1400px;
    margin:auto;
    padding:0 70px;
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:60px;
    align-items:center;
}
.banner{
	position: relative;
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner:before {
    content: '';
    background: #000;
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.banner > * {
    position: relative;
    z-index: 2;
}
.banner h4 {
    font-family: "Kristi", cursive;
    font-size: clamp(32px, 6vw, 60px);
	font-weight: 400;
    line-height: 1;
	margin-bottom: 20px;
    text-align: center;
    letter-spacing: 2px;
    color: #CFA670;
}
.banner h2 {
    font-family: 'Bebas Neue',sans-serif;
    font-size: clamp(52px,6vw,80px);
    line-height: 1;
    margin: 0;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
}


/* =========================
   TEXT SIDE
========================= */

.subtitle{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(239,68,68,.12);
    border:1px solid rgba(239,68,68,.3);
    color:var(--red);
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.slide-content h1{
    font-family:'Bebas Neue',sans-serif;
    font-size:clamp(60px,9vw,90px);
    line-height: 1;
    color:#fff;
    margin:20px 0 10px;
}

.slide-content h2{
    color:var(--red);
    font-size:26px;
    margin-bottom:15px;
    font-weight:600;
}

.slide-content p{
    color:var(--muted);
    font-size:17px;
    line-height:1.8;
    max-width:520px;
    margin-bottom:35px;
}

.hero-stats{
    display:flex;
    gap:20px;
    margin-top:50px;
    flex-wrap:wrap;
}

/* CARD STYLE */
.stat{
    position:relative;
    padding:18px 22px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.08);
    min-width:140px;
    transition:.35s ease;
    overflow:hidden;
}

/* red glow accent */
.stat::before{
    content:'';
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:radial-gradient(circle, rgba(239,68,68,.25), transparent 60%);
    opacity:0;
    transition:.4s ease;
}

/* hover effect */
.stat:hover{
    transform:translateY(-6px);
    border-color:rgba(239,68,68,.4);
}

.stat:hover::before{
    opacity:1;
}

/* NUMBER */
.stat strong{
    display:block;
    font-size:28px;
    font-weight:700;
    color:#ef4444;
    letter-spacing:1px;
}

/* LABEL */
.stat span{
    font-size:13px;
    color:#cfcfcf;
    margin-top:4px;
    display:block;
}

/* optional small glow underline */
.stat strong::after{
    content:'';
    display:block;
    width:30px;
    height:2px;
    background:#ef4444;
    margin-top:6px;
    opacity:.7;
}


/* =========================
   BUTTONS
========================= */

.buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-primary,
.btn-outline{
    padding:18px 28px;
    border-radius:999px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
    cursor: pointer;
}

.btn-primary{
    background:linear-gradient(135deg,var(--red),#b91c1c);
    color:#fff;
    box-shadow:0 15px 40px rgba(239,68,68,.35);
    border: transparent;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-outline{
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
}

.btn-outline:hover{
    background:#fff;
    color:#000;
}

.marquee_text {
    background: var(--red);
    padding: 15px;
    line-height: 1;
    color: #ffffff;
    font-family: 'Bebas Neue';
    font-size: 20px;
    letter-spacing: 1px;
}

/* =========================
   FLOAT CARDS (OPTIONAL)
========================= */

.floating-card{
    position:absolute;
    padding:14px 18px;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.1);
    color:#fff;
    font-size:14px;
}

.offer{ top:60px; left:20px; }
.rating{ bottom:60px; right:20px; }

/* =========================
   🔥 CUSTOM SWIPER ARROWS (IMPORTANT)
========================= */

.HeroSlider .swiper-button-next,
.HeroSlider .swiper-button-prev{
    width:55px;
    height:55px;

    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);

    border:1px solid rgba(255,255,255,.15);

    border-radius:50%;

    color:#fff;

    transition:.3s;
}

.HeroSlider .swiper-button-next:hover,
.HeroSlider .swiper-button-prev:hover{
    background:var(--red);
    border-color:var(--red);
    transform:scale(1.1);
}

.HeroSlider .swiper-button-next:after,
.HeroSlider .swiper-button-prev:after{
    font-size:18px;
    font-weight:900;
}

/* =========================
   PAGINATION
========================= */

.HeroSlider .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#fff;
    opacity:.3;
}

.HeroSlider .swiper-pagination-bullet-active{
    background:var(--red);
    opacity:1;
}

.category-section{padding:70px 0;}

/* swiper spacing */
.categorySlider{
    padding:0 40px;
}

/* =========================
   BANNER CARD
========================= */

.cat-banner {
    position: relative;
    aspect-ratio: 1/1;
    display: block;
    transform: scale(.98);
    transition: .4s ease;
    border-radius: 50%;
}
.categorySlider .swiper-wrapper{
    height: auto;
}
/* zoom effect */
.swiper-slide-active .cat-banner img{
    transform:scale(1.2);
}

/* DARK OVERLAY */
.cat-overlay{
    position:absolute;
    inset:0;
	background: #000;
	border-radius: 50%;
	opacity: 0.6
}
.cat-title {
    font-size: 14px;
    width: 100%;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Poppins',sans-serif;
    text-shadow: 0 10px 30px rgba(0,0,0,.6);
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

/* hover */
.cat-banner:hover{
    transform:scale(1);
}


.menu-section{
    padding:70px 0;
/*     background: var(--muted); */
}

.section-heading{
    max-width:800px;
    margin:0 auto 60px;
    text-align:center;
}

.section-heading span{
    display:inline-block;
    color:#ef4444;
    font-size:15px;
    letter-spacing:4px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:15px;
}

.section-heading h2 {
    font-family: 'Bebas Neue',sans-serif;
    font-size: clamp(52px,6vw,88px);
    line-height: .9;
    letter-spacing: 3px;
    margin: 0 0 20px;
}

.section-heading p{
    max-width:650px;
    margin:auto;
    color:#a9a9a9;
    font-size:17px;
    line-height:1.8;
}

/* FILTER */

.menu-filters{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:60px;

}

.menu-filters button{
    border:none;
    background:#171717;
    color:#ddd;
    font-size: 15px;
    padding:14px 22px;
    border-radius:100px;
    cursor:pointer;
    transition:.3s;
}

.menu-filters button:hover,

.menu-filters button.active{

    background:#ef4444;

    color:#fff;

}

/* GRID */

.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(265px,1fr));
    gap:35px;
}

/* CARD */

.food-card{
    background: #fefad7;
    border-radius:28px;
    overflow:hidden;
    transition:.4s;
}

.food-card:hover{
    transform:translateY(-12px);
    border-color:#ef4444;
    box-shadow:0 25px 60px rgba(239,68,68,.15);
}

.food-image{
    position:relative;
    overflow:hidden;
}

.food-image img{
    width:100%;
    aspect-ratio:1;
    object-fit:contain;
    transition:.5s;
}

.food-card:hover img{
    transform:scale(1.08);
}

.food-tag{
    position:absolute;
    top:18px;
    left:18px;
    background:#ef4444;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
    font-size:12px;
}

.food-content{padding:20px;}

.food-content small {
    color: #6a676f;
    text-transform: uppercase;
    font-size: 12px;
}

.food-content h3 {
    margin: 10px 0;
    font-size: 18px;
    font-family: 'Bebas Neue';
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
}

.food-rating{
    color:#ffc107;
    display:flex;
    gap:8px;
    align-items:center;
    margin-bottom:22px;
}

.food-rating span{
    color:#aaa;
}

.food-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.price{
    font-size:28px;
    font-weight:700;
}

.food-bottom .button {
    width: 52px;
    height: 52px;
    font-weight: 500 !important;
    border: none  !important;
    border-radius: 50% !important;
    background: var(--red) !important;
    color: #fff !important;
    font-size: 0 !important;
    display: flex !important;
    cursor: pointer;
    transition: .3s;
    align-items: center;
    justify-content: center;
}
.food-bottom .button:before{
    content: '+';
    font-size: 26px;
}
.food-bottom button:hover{
    transform:rotate(90deg) scale(1.1);
}

.about-section{
    padding: 70px 0;
}
.about-grid{
    display:grid;
    grid-template-columns:1fr 0.75fr;
    align-items:center;
	max-width:1100px;
	margin: 0 auto;
}
.about-content {
    padding: 60px;
	text-align: center;
    background: #fff;
    box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.1);
}

.about-content .section-subtitle{
	font-family: "Kristi", cursive;
    font-size: clamp(32px, 6vw, 60px);
	font-weight: 400;
    line-height: 1;
	margin-bottom: 20px;
    text-align: center;
    letter-spacing: 2px;
    color: #CFA670;
}
/* Images */

.about-images{
    position:relative;
	display: flex;
	align-items: center;
	gap: 20px;
}

.about-main-image{
    overflow:hidden;
}

.about-main-image img {
    width: 100%;
    display: block;
    aspect-ratio: 2/3;
    object-fit: cover;
    transition: .6s;    
}

.about-main-image:hover img{
    transform:scale(1.08);
}

.about-small-image{
    overflow:hidden;
}

.about-small-image img{
    width:100%;
    display:block;
    aspect-ratio: 2/3;
    object-fit:cover;
}

.experience-box{
    position:absolute;
    left:-30px;
    bottom:80px;
    width:160px;
    background:#ef4444;
    color:#fff;
    padding:25px;
    border-radius:24px;
    text-align:center;
    box-shadow:0 20px 45px rgba(239,68,68,.35);
}

.experience-box strong{
    display:block;
    font-family:'Bebas Neue',sans-serif;
    font-size:60px;
    line-height:1;
}

.experience-box span{
    font-size:14px;
}

/* Content */

.section-subtitle{
    color:#ef4444;
    letter-spacing: 2px;
    text-transform:uppercase;
    font-weight:600;
}

.about-content h2, .section_title {
    font-family: 'Bebas Neue',sans-serif;
    font-size: clamp(52px,6vw,56px);
    line-height: 1;
    margin: 0 0 20px 0;
    letter-spacing: 2px;
}

.about-content p{
    color:#7f7d7d;
    line-height:1.9;
    margin-bottom:40px;
}

/* Features */

.about-features{
    display:grid;
    gap:25px;
    margin-bottom:40px;
}

.feature-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: #ef444417;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #ef4444;
}

.feature-item h4 {
    margin-bottom: 6px;
    margin-top: 10px;
}

.feature-item p{
    margin:0;
    color:#7f7d7d;
}

/* Button */

.about-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 34px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #CFA670;
    transition: .35s;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.about-btn:hover{
    transform:translateY(-4px);
}

/* Responsive */

@media(max-width:991px){

    .about-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .about-small-image{
        width:180px;
        right:10px;
        bottom:20px;
    }

    .experience-box{
        left:15px;
        bottom:20px;
    }

}

@media(max-width:576px){

    .about-section{
        padding:80px 0;
    }

    .about-small-image{
        display:none;
    }

    .experience-box{
        width:130px;
        padding:18px;
    }

    .experience-box strong{
        font-size:42px;
    }

    .about-content h2{
        font-size:52px;
    }

}







.footer{
    position:relative;
    background:#070707;
    color:#fff;
    overflow:hidden;
}

.footer::before{
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at top right,
        rgba(239,68,68,.15),
        transparent 40%);
    pointer-events:none;
}

.footer .container{
    max-width:1400px;
    margin:auto;
    padding:0 40px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1.2fr 1.6fr;
    gap:60px;
    padding:90px 0;
}

/* Logo */

.footer-logo{
    font-family:'Bebas Neue',sans-serif;
    font-size:42px;
    text-decoration:none;
    color:#fff;
    letter-spacing:2px;
}

.footer-logo span{
    color:#ef4444;
}

.footer-about p{
    margin:25px 0;
    line-height:1.9;
    color:#bcbcbc;
}

/* Headings */

.footer h4 {
    font-size: 20px;
    margin: 0 0 35px;
    position: relative;
    color: inherit;
}

.footer h4::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-15px;
    width:50px;
    height:3px;
    border-radius:5px;
    background:#ef4444;
}

/* Links */

.footer-links,
.footer-hours{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:14px;
}
ul.footer-hours li a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-links a{
    color:#c7c7c7;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#ef4444;
    padding-left:8px;
}

/* Hours */

.footer-hours li{
    margin-bottom:20px;
}

.footer-hours span{
    display:block;
    color:#999;
    font-size:14px;
}

.footer-hours strong{
    display:block;
    margin-top:4px;
    font-size:15px;
}

/* Social */

.socials{
    display:flex;
    gap:15px;
    margin-top:30px;
}

.socials a{
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#141414;
    color:#fff;
    text-decoration:none;
    transition:.35s;
}

.socials a:hover{
    background:#ef4444;
    transform:translateY(-5px);
}

/* Newsletter */

.newsletter-text{
    color:#aaa;
    margin-bottom:20px;
}

.footer-newsletter{
    display:flex;
    background:#111;
    border-radius:60px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
}

.footer-newsletter input{
    flex:1;
    border:none;
    outline:none;
    background:none;
    color:#fff;
    padding:18px 20px;
}

.footer-newsletter button {
    border: none;
    background: #ef4444;
    color: #fff;
    padding: 0 16px;
    cursor: pointer;
    transition: .3s;
    font-size: 15px;
    font-weight: 500;
}

.footer-newsletter button:hover{
    background:#d32f2f;
}

/* Bottom */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    padding:22px 0;
}

.footer-bottom .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-bottom p{
    color:#999;
    margin:0;
}

.footer-bottom-links {
    display: flex;
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-bottom-links a{
    color:#999;
    text-decoration:none;
}

.footer-bottom-links a:hover{
    color:#ef4444;
}

/* Responsive */

@media (max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

    .footer-bottom .container{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

}



/* =========================
   SWIPER ACTIVE EFFECT
========================= */

.swiper-slide-active .cat-banner{
    transform:scale(1);
}






/* =========================
   RESPONSIVE
========================= */


@media(max-width:991px){
    .menu-close{display:flex !important;}
    .nav{position:fixed; top:0; right:-100%; width:280px; height:100vh; background:rgba(10,10,10,.95); backdrop-filter:blur(20px); padding:100px 30px; transition:.4s ease; z-index: 999}
	.nav ul li a {color: #fff;}
    .nav.active{right:0;}
    .nav ul{flex-direction:column; gap:20px;}
    .menu-toggle{display:flex; }
    .btn-order{display:none;}
    .hero .container{grid-template-columns:1fr; text-align:center; padding:120px 25px;}
    .buttons{justify-content:center; margin-top: 20px;}
    .red-glow{width:300px; height:300px;}
    .slide-content p{margin:auto;}
    .sidebar-area {
        background: #fff;
        padding: 80px 20px;
        position: fixed;
        z-index: 999;
        left: 0;
        top: 0;
        max-width: 320px;
        font-size: 14px;
        height: 100%;
        overflow: scroll;
        transform: translateX(-100%);
        transition: ease-in-out all 0.5s;
    }
    .sidebar-area.show {
        transform: translatex(0);
        transition: ease-in-out all 0.5s;
    }
    .filterclose {
        position: absolute;
        top: 40px;
        right: 10px;
    }
    .filterbtn, .filterclose {
        display: inline-flex !important;
        margin-bottom: 30px;
        gap: 5px;
    }
    body:not(.home) .nav ul li a, body:not(.home) .nav ul li a:hover {
        color: #fff !important;
    }
	.cat-banner:after {
		width: 140px;
		height: 140px;
	}
}

/* =========================
   SMALL DEVICES
========================= */

@media(max-width:768px){
	.topbar{font-size: 13px}
    .site-header .container{padding:0 20px;}
	.logo{line-height: 1;}
    .logo img {max-width: 120px;}
    .callus{display: none;}
    .hero-stats{justify-content:center; }
    .stat{min-width:120px; text-align:center; }
    .footer .container{padding:0 20px;}
    .footer-grid{grid-template-columns:1fr; padding:70px 0;}
    .footer-newsletter{flex-direction:column; border-radius:16px; }
    .footer-newsletter input{ width: stretch; }
    .footer-newsletter button{ padding:16px; width:100%;}
    .food-content small {letter-spacing: 0px;}
    .price {font-size: 20px;}
    .food-bottom .button {width: 40px; height: 40px;}
    .product-grid {grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 15px;}
    .menu-filters {gap: 10px;}
    .menu-filters button {
        font-size: 12px;
        padding: 8px 12px;
    }
	
}
@media(max-width: 480px){
	.topbar .socials {display:none;}
}