.btn,img{border-radius:8px}.btn,.contact-phone a,.nav-link,a{text-decoration:none}footer,main{padding:2em 1em}.card,.mobile-menu-btn.active .hamburger-line:nth-child(2){opacity:0}:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15,18,25;--gray:96,115,159;--gray-light:229,233,240;--gray-dark:34,41,57;--gray-gradient:rgba(var(--gray-light), 50%),#fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%),0 8px 24px rgba(var(--gray), 33%),0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{font-family:Atkinson,sans-serif;margin:0;padding:100px 0 0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:20px;line-height:1.7;overflow-x:hidden}.about-preview,.featured-items h2,.food-content h3,.hero,h1,h2{text-align:center}main{width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1,h2,p{margin-bottom:1em}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}b,strong{font-weight:700}.contact-phone a,a{color:var(--accent)}.contact-phone a:hover,a:hover{color:var(--accent-dark)}p{line-height:1.7}img{max-width:100%;height:auto}.hero{padding:3em 1em;margin-bottom:3em}.btn,.card .order-button{padding:.8em 1.5em;font-weight:700}.hero-logo{max-width:400px;width:100%;height:auto;margin:0 auto 2em}.hero h1{font-size:3em;margin-bottom:.5em;color:#333}.hero-description{font-size:1.2em;line-height:1.6;max-width:800px;margin:0 auto 2em;color:#555}.hero-buttons{display:flex;gap:1em;justify-content:center;flex-wrap:wrap}.btn,.order-button.desktop-order{display:inline-block}.btn{transition:.3s;font-size:1em}.food-card,.food-item{transition:transform .3s;overflow:hidden}.btn-primary{background:#ffe102;color:#1a1a1a;border:2px solid #ffe102}.btn-primary:hover,.card .order-button:hover{background:#e7cda0;border-color:#e7cda0;transform:translateY(-2px)}.btn-secondary{background:0 0;color:#333;border:2px solid #333}.btn-secondary:hover{background:#333;color:#fff;transform:translateY(-2px)}.btn-outline{background:0 0;color:var(--accent);border:2px solid var(--accent);padding:.6em 1.2em}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.section{padding:3em 0;scroll-margin-top:100px}.container{max-width:1200px;margin:0 auto;padding:0 2em}.featured-items,.location-preview{padding:3em 0;background:#f9f9f9}.food-card,.food-item,.hours,.hours-section,.hours-table{background:#fff}.featured-items h2{font-size:2.5em;margin-bottom:.5em;color:#333}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;max-width:1200px;margin:0 auto}.food-card{border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.food-card:hover,.food-item:hover{transform:translateY(-10px)}.food-card img,.food-item img{width:100%;height:300px;object-fit:cover;border-radius:0}.food-content{padding:1.5em}.food-content h3{font-size:1.5em;margin-bottom:1em;color:#333}.food-content ul{list-style:none;padding:0;margin:0 0 1em}.food-content li,.food-item li{padding:.5em 0 .5em 1.5em;position:relative}.food-content li:before,.food-item li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.hours-section{padding:3em 0}.hours-section h2,.location-preview h2{text-align:center;font-size:2.5em;margin-bottom:2em;color:#333}.hours-table{max-width:600px;margin:0 auto;width:100%;border-collapse:collapse;box-shadow:0 2px 10px rgba(0,0,0,.1);border-radius:10px;overflow:hidden}.hours-table thead{background:#335b3e;color:#fff}.hours-table th{padding:1em;text-align:left;font-weight:700;font-size:1.1em}.hours-table td{padding:1em;border-bottom:1px solid #e5e5e5;font-size:1em}.hours-table tbody tr:last-child td{border-bottom:none}.hours-table tbody tr:hover{background:#f9f9f9}.about-preview{padding:3em 0}.about-preview h2{font-size:2.5em;margin-bottom:1em;color:#333}.about-preview p{font-size:1.1em;line-height:1.7;max-width:800px;margin:0 auto 2em;color:#555}.about-content{max-width:800px;margin:0 auto;text-align:left}.about-content h2{text-align:left;font-size:2em;margin:2em 0 1em;color:#333}.address-section,.contact-cta,.contact-section,.food-item,.map-container p{text-align:center}.about-content p{margin-bottom:1.5em;line-height:1.8}.contact-section{max-width:600px;margin:0 auto}.contact-phone{font-size:2em;font-weight:700;margin-bottom:1.5em}.address-section{max-width:900px;margin:0 auto}.address-text{font-size:1.3em;margin-bottom:2em;color:#333;font-weight:500}.map-embed-large{margin:2em 0;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.map-embed-large iframe{width:100%;height:450px;border:0;border-radius:15px}.map-embed{margin-top:1em;border-radius:10px;overflow:hidden}.map-embed iframe{width:100%;height:300px;border:0;border-radius:10px}.hours{padding:1.5em;border-radius:10px}.hours p{margin:.8em 0;font-size:1em;color:#333;font-weight:500}.contact-cta a[href^=tel]{display:block;font-size:1.5em;font-weight:700;margin-bottom:1em;color:var(--accent)}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:3em;max-width:1000px;margin:2em auto}.contact-details,.map-container{background:#fff;padding:2em;border-radius:15px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.contact-details h2{text-align:left;font-size:1.5em;margin-bottom:.5em;color:#333}.contact-details p{margin:.5em 0 1.5em}.map-container h2{text-align:left;font-size:1.5em;margin-bottom:1em;color:#333}.map-container iframe{width:100%;height:300px;border-radius:10px;margin-bottom:1em}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3em;max-width:1200px;margin:3em auto}.food-item{border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.navbar,footer{background:#335b3e}.food-item h3{font-size:1.5em;margin:1em 0 .5em;padding:0 1em;color:#333}.food-item ul{list-style:none;padding:0 2em;margin:1em 0 2em;text-align:left}.card h3,.order-cta,footer{text-align:center}.order-cta{margin:2em 0}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.footer-container,.navbar-container{margin:0 auto;max-width:1200px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:9999;transition:.3s;height:80px;display:flex;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar.scrolled{background:#41694b;box-shadow:0 2px 10px rgba(0,0,0,.5);backdrop-filter:blur(8px)}.navbar-container{display:grid;grid-template-columns:200px 1fr 200px;align-items:center;width:100%;padding:0 2rem;height:100%}.logo{flex-shrink:0;z-index:10000;height:60px;display:flex;align-items:center;justify-self:start}.logo img{height:60px;width:auto;margin:0;border-radius:0}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:0 0;border:none;cursor:pointer;padding:8px;z-index:10000}.mobile-menu-btn .hamburger-line{width:25px;height:3px;background:#fff;transition:.3s;border-radius:2px}.scrolled .mobile-menu-btn .hamburger-line{background:#fff}.mobile-menu-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-links{display:flex;gap:2rem;align-items:center;justify-content:center}.nav-link{color:#f7f7f4;font-weight:500;font-size:1.1rem;transition:color .3s;padding:.5rem}.nav-link:hover{color:#fcf8f8}.scrolled .nav-link{color:#f9faf9}.card .order-button,.order-button{color:#1a1a1a;text-decoration:none;transition:.3s}.order-button{background:#fbe122;padding:.7rem 1.5rem;border-radius:25px;font-weight:600;white-space:nowrap;font-size:.95rem;border:3px solid #fbe122;box-shadow:0 0 0 3px #fbe122,0 0 0 6px transparent;animation:2s infinite pulseYellow;z-index:5;justify-self:end}@keyframes pulseYellow{0%,100%{box-shadow:0 0 0 3px #fbe122,0 0 0 6px rgba(251,225,34,0)}50%{box-shadow:0 0 0 3px #fbe122,0 0 0 12px rgba(251,225,34,.3)}}.order-button:hover{background:#e7cda0;border-color:#e7cda0;transform:translateY(-2px);animation:none;box-shadow:0 0 0 3px #e7cda0,0 0 0 8px rgba(231,205,160,.4)}.order-button.mobile-order{display:none}body.menu-open{overflow:hidden}footer{margin-top:3em}.social-links{display:flex;justify-content:center;gap:1.5em;margin-bottom:1.5em}.social-icon{transition:.3s;display:flex;align-items:center}.social-icon:hover{transform:translateY(-3px);opacity:.8}.social-icon svg{width:32px;height:32px;fill:#fff;transition:fill .3s}.social-icon.facebook:hover svg{fill:#1877f2}.social-icon.whatsapp:hover svg{fill:#25d366}.social-icon.instagram:hover svg{fill:#e4405f}.social-icon.twitter:hover svg{fill:#1da1f2}.copyright{font-size:.9em;color:#fff;margin-top:1em}.copyright a{color:#fbe122;text-decoration:none}.copyright a:hover{text-decoration:underline}.site-logo{max-height:75px;width:auto;margin-bottom:1em;filter:brightness(0) invert(1)}@keyframes slideIn{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fadeIn{100%{opacity:1}}.cards-container{display:flex;justify-content:center;align-items:stretch;gap:2em;padding:2em;width:100%;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:15px;width:300px;min-height:500px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s;animation:.8s forwards slideIn;flex:0 0 auto;display:flex;flex-direction:column;overflow:hidden}.card:hover{transform:translateY(-10px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.card-image{width:100%;height:200px;object-fit:cover;border-radius:15px 15px 0 0}.card-content{padding:1.5em;flex:1;display:flex;flex-direction:column}.card h3{font-size:1.5em;margin-bottom:1em;color:#333;text-transform:capitalize}.features{padding:0;list-style:none;margin-bottom:1.5em;flex:1}.features li{margin-bottom:.8em;padding-left:1.5em;position:relative;line-height:1.4}.features li:before{content:"•";position:absolute;left:0;color:#2337ff;font-weight:700;font-size:1.2em}.card .order-button{display:block;margin:auto auto 0;text-align:center;background:#ffe102;border-radius:8px;align-self:center;min-width:140px;border:2px solid #ffe102}@media (max-width:1024px){.food-grid,.menu-items{grid-template-columns:repeat(2,1fr);gap:2em}.location-info{grid-template-columns:1fr;gap:1.5em}.cards-container{max-width:800px;gap:1.5em;padding:1.5em}.card{width:280px;min-height:480px}.card-image{height:180px}}@media (max-width:768px){body{font-size:18px;padding-top:80px}main{padding:1em}.hero h1,h2{font-size:2em}.hero-description{font-size:1em}.hero-buttons{flex-direction:column;align-items:center}.contact-info,.food-grid,.menu-items{grid-template-columns:1fr;gap:2em}.location-info{grid-template-columns:1fr}.hours-table{font-size:.9em}.hours-table td,.hours-table th{padding:.8em .5em}h1{font-size:2.5em}.navbar{height:70px}.navbar-container{display:flex;justify-content:space-between;padding:0 1rem;grid-template-columns:none}.logo,.logo img{height:50px}.mobile-menu-btn{display:flex}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(255,255,240,.95);backdrop-filter:blur(10px);flex-direction:column;justify-content:center;transform:translateX(-100%);transition:transform .3s;gap:2rem}.nav-links.active{transform:translateX(0)}.nav-links.active .nav-link{color:#333;font-size:1.2rem}.nav-links.active .nav-link:hover{color:#d4ddbd}.order-button.desktop-order{display:none}.order-button.mobile-order{display:inline-block;margin-top:1rem;font-size:1.1rem;padding:1rem 2rem;animation:none}footer{padding:1.5em 1em}.social-links{gap:1em}.social-icon svg{width:28px;height:28px}.copyright{font-size:.85em}.cards-container{flex-direction:column;align-items:center;gap:2em;padding:1em;max-width:100%}.card{width:100%;max-width:400px;min-height:450px}.card:hover{transform:translateY(-5px)}.card-image{height:180px}}@media (max-width:600px){.card{max-width:350px;min-height:420px}}@media (max-width:480px){.card,.hero-logo{max-width:300px}body{font-size:16px}.hero h1,h2{font-size:1.8em}.btn{padding:.7em 1.2em;font-size:.95em}.container{padding:0 1em}.hours-table{font-size:.85em}.hours-table td,.hours-table th{padding:.6em .4em}h1{font-size:2em}footer{padding:1em}.site-logo{max-height:60px}.social-links{gap:.8em}.social-icon svg{width:24px;height:24px}.cards-container{padding:.5em;gap:1.5em}.card{min-height:400px;margin:0 auto}.card-content{padding:1.2em}.card h3{font-size:1.3em;margin-bottom:.8em}.card-image{height:160px}.features li{margin-bottom:.7em;font-size:.95em}.card .order-button{padding:.7em 1.2em;font-size:.95em;min-width:120px}}@media (min-width:1400px){.cards-container{max-width:1300px;gap:2.5em}.card{width:320px;min-height:520px}}@media (min-width:769px){body.menu-open{overflow:auto}}@media (max-width:1024px) and (min-width:769px) and (orientation:landscape){.cards-container{flex-wrap:wrap;justify-content:center}.card{width:300px}}@media (max-width:320px){.card{max-width:280px;min-height:380px}.card-content{padding:1em}.features li{font-size:.9em}.card .order-button{padding:.6em 1em;font-size:.9em;min-width:110px}}@media print{body{padding-top:0}footer,header{display:none}}/* === CLS FIX PATCH === */
@font-face {
  font-family: Atkinson;
  src: url(/fonts/atkinson-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Atkinson;
  src: url(/fonts/atkinson-bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.hero {
  min-height: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hero-logo {
  display: block;
  aspect-ratio: 4 / 3;
}
.hero-description {
  min-height: 200px !important;
  font-family: "Atkinson", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  contain: layout;
  will-change: contents;
}
/* === Aspect Ratio Fix for Hero Logo === */
.hero-logo {
  display: block;
  width: 100%;
  max-width: 400px;
  height: auto;
  aspect-ratio: 3 / 1; /* Adjust this to match your logo's natural ratio */
  object-fit: contain;
}