*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#228b22;--secondary-color:#ff7f50;--tertiary-color:#faf3e0;--quaternary-color:#3b1e0a;--red-color:#c84732;--yellow-color:#f2b321;--text-color:#333;--white-color:#fff;--black-color:#000;--mid-gray-color:#777;--mid-gray-hover-color:#555}body.dark-mode{--primary-color:#1a4d1a;--secondary-color:#b3472f;--tertiary-color:#fff7e6;--quaternary-color:#24190a;--red-color:#ff6b57;--yellow-color:#e8b007;--text-color:#e0e0e0;--white-color:#1a1a1a;--black-color:#f5f5f5;--mid-gray-color:#999;--mid-gray-hover-color:#ccc;--text-contrast:#ffffff;background-color:var(--white-color)}body.dark-mode nav{background:linear-gradient(90deg,#145214 0,#0e3c0e 100%)}body.dark-mode,body.dark-mode .menu-card,body.dark-mode .menu-card p{color:var(--text-color)}body.dark-mode .card-footer{background-color:var(--primary-color);color:var(--text-contrast)}body.dark-mode .cta-button{background-color:var(--secondary-color)}body.dark-mode .cta-button:hover{background-color:var(--red-color);color:var(--text-contrast)}body.dark-mode .cta-button,body.dark-mode footer{color:var(--tertiary-color)}body.dark-mode .nav-links,body.dark-mode footer{background-color:var(--primary-color)}body.dark-mode #menu,body.dark-mode .menu-category{background-color:#2a2a2a}body.dark-mode #about{background-color:#3a3a3a}body.dark-mode #location{background-color:#1a4d1a}body{font-family:"Quicksand",sans-serif;scroll-behavior:smooth;line-height:1.6;overflow-x:hidden}h1{font-size:1.8rem}h1,h2,h3{font-family:"Playfair Display",serif}img{max-width:100%;height:auto;display:block}.card-footer,.cta-button,.menu-card,body,footer,nav{transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:1rem}.logo{font-size:1.5rem;font-weight:700}.logo a,.nav-links a,footer a,section a{color:var(--tertiary-color);text-decoration:none}nav{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg,#228b22 0,#1d6b1d 100%);background-blend-mode:overlay;flex-direction:column;align-items:flex-start;padding:0 1rem;box-shadow:0 2px 6px rgba(0,0,0,.2)}.nav-header,.nav-links{align-items:center;gap:1rem}.nav-header,nav{display:flex;width:100%}.nav-header{justify-content:space-between}.nav-links{position:absolute;top:100%;left:0;right:0;transform:translateY(-20px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;background-color:var(--primary-color);box-shadow:0 4px 10px rgba(0,0,0,.3);opacity:0;padding:1rem;flex-direction:column;display:none;z-index:999}.nav-links.nav-open{display:flex;opacity:1;transform:translateY(0)}.nav-links a{font-weight:900}.nav-links a:hover,footer a:hover,section a:hover{text-decoration:underline}.nav-brand,.nav-logo-link{display:flex;align-items:center}.nav-logo-link{gap:.5rem;text-decoration:none}.nav-logo{width:78px;height:auto;display:block}.nav-text{font-size:1.5rem;font-weight:700;color:var(--tertiary-color)}.hide-on-mobile{display:none}.hamburger{display:block;background:0 0;border:0;cursor:pointer;z-index:1001;padding:.5rem}.hamburger:focus,footer a:focus{outline:0;box-shadow:0 0 0 2px var(--tertiary-color)}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--tertiary-color);transition:all .3s ease-in-out}.hamburger.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open .bar:nth-child(2){opacity:0}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}header{background:url(./images/sazonMyMtruck.webp)no-repeat center center/cover;position:relative;color:var(--tertiary-color);padding:1dvh 1rem 8dvh;height:100vh;display:flex;justify-content:center;align-items:flex-start}header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1}header .content{position:relative;padding-top:5dvh;width:90%;max-width:600px;margin:0 auto;z-index:2}header h1{font-size:2.5rem;margin-bottom:.5em}header#home,section{scroll-margin-top:4.75rem}header,header .content,section{text-align:center}section{padding:80px 20px}section h2{font-size:2rem;padding-top:1em}section ul{list-style:none;padding:0;font-size:1.2rem}#menu{background-color:var(--tertiary-color)}#location{background-color:var(--secondary-color)}#about{background-color:var(--yellow-color)}.menu-sections{display:flex;flex-direction:column;gap:3rem;padding:2rem 0}.menu-category{background-color:var(--white-color);border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);padding:1.5rem;text-align:left;color:var(--text-color)}.menu-category h3{font-size:1.75rem;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}body.dark-mode .menu-category h3,body.dark-mode .menu-item-text .item-price{color:var(--secondary-color)}.category-items-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.menu-item-text{padding:.75rem 1rem;border-bottom:1px dashed rgba(0,0,0,.1);text-align:left}body.dark-mode .menu-item-text{border-bottom-color:rgba(255,255,255,.1)}.menu-item-text:last-child{border-bottom:none}.menu-item-text h4{font-family:"Quicksand",sans-serif;font-weight:600;font-size:1.1rem;color:var(--primary-color);flex-grow:1;text-align:left}body.dark-mode .menu-item-text h4,footer{color:var(--tertiary-color)}.menu-item-text p.item-description{font-size:.9rem;color:var(--mid-gray-color);flex-grow:1;text-align:left;padding-left:1rem}.menu-card .photo-credit a,body.dark-mode .menu-item-text p.item-description{color:var(--mid-gray-color)}.menu-item-text .item-price{font-family:"Playfair Display",serif;font-weight:700;font-size:1.2rem;color:var(--red-color);white-space:nowrap;padding-left:1rem}.menu-card{background-color:var(--white-color);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.menu-card img{width:100%;height:180px;object-fit:cover}.menu-card h3{font-size:1.25rem;margin:1rem;color:var(--red-color)}.card-footer,.menu-card p{color:var(--quaternary-color)}.menu-card p{margin:0 1rem 1rem;font-size:1rem}.card-footer{background-color:var(--yellow-color);padding:.75rem 1rem;font-size:.9rem;border-top:1px solid var(--quaternary-color)}.menu-card .photo-credit{font-size:.75rem;text-align:left;margin:.5rem 1rem 0;color:var(--mid-gray-color)}.menu-card .photo-credit a{text-decoration:underline}.menu-card .photo-credit a:hover{color:var(--mid-gray-hover-color);text-decoration:none}body.dark-mode .menu-card{background-color:#333;border-color:rgba(255,255,255,.05)}footer{background:var(--quaternary-color);text-align:center;padding:1em}footer .social-icons,footer div{display:flex;justify-content:center}footer div{margin:.5em 0;font-size:.9rem;gap:4rem;align-items:center}footer .social-icons{gap:1em}.cta-button,footer .social-icons a{color:var(--tertiary-color);font-size:1.5rem;text-decoration:none}footer .social-icons a:hover{color:var(--white-color)}.cta-button{display:inline-block;padding:10px 20px;margin:1em 0;border:0;border-radius:5px;font-size:1.2rem;cursor:pointer}.cta-button:hover{background-color:var(--secondary-color)}.cta-button,.cta-button:active{background-color:var(--red-color)}.cta-button:focus{outline:0;box-shadow:0 0 0 2px var(--secondary-color)}#banner,#logo{margin:0 auto}#banner{padding:1rem}.text-narrow{max-width:60ch;margin-left:auto;margin-right:auto;text-align:left}.text-center{text-align:center;padding:1rem}@media (min-width:600px){.category-items-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){h1{font-size:2.5rem}.nav-header,nav{align-items:center}nav{flex-direction:row;justify-content:space-between}body.dark-mode .nav-links{background:0 0;box-shadow:none}.nav-header{position:relative;display:grid;grid-template-columns:auto 1fr auto}.nav-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1!important;display:flex!important;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;background:0 0;padding:0;box-shadow:none;width:auto;max-width:none}.hamburger{display:none}.hide-on-mobile{display:inline}header{padding:4dvh 1rem 8dvh}#logo{width:50%}#darkModeToggle{margin-left:auto}}