:root{color-scheme:light;--bg: #fff8f0;--surface: #ffffff;--surface-soft: #fef5ea;--accent: #e8a87c;--accent-dark: #d4a574;--text: #3e2723;--text-soft: #6d4c41;--muted: #8d6e63;--border: #f5e6d3;--shadow-sm: 0 4px 20px rgba(0, 0, 0, .06);--shadow-md: 0 12px 40px rgba(0, 0, 0, .1);--shadow-brown: 0 20px 60px rgba(0, 0, 0, .1);--blue: #2f6fed;--blue-dark: #245bd0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%}#root{min-height:100vh}.app-shell{position:relative;overflow-x:hidden}.container{width:min(1200px,calc(100% - 2rem));margin:0 auto}.section{padding:5rem 0;scroll-margin-top:92px}.section-title{margin:0 0 .5rem;text-align:center;font-family:Playfair Display,serif;font-size:clamp(2.2rem,4vw,2.8rem);color:#5d4037}.section-title:after{content:"";display:block;width:80px;height:3px;margin:.8rem auto 0;border-radius:999px;background:var(--accent)}.section-subtitle{margin:0 0 3rem;text-align:center;font-size:1.1rem;color:var(--muted)}.navbar{position:fixed;inset:0 0 auto;z-index:1000;padding:1.5rem 0;background:transparent;transition:padding .3s ease,background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar.scrolled{padding:.8rem 0;background:#fff8f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.nav-container{width:min(1200px,calc(100% - 2rem));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{border:0;padding:0;background:transparent;display:inline-flex;align-items:center;gap:.5rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#5d4037}.logo-icon{font-size:1.8rem}.logo-text{background:linear-gradient(135deg,var(--accent-dark),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;display:flex;align-items:center;gap:1.5rem;margin:0;padding:0}.nav-link{position:relative;padding:.5rem 0;text-decoration:none;color:#5d4037;font-weight:500;font-size:.95rem}.nav-link:after{content:"";position:absolute;inset:auto 0 0;width:0;height:2px;margin:0 auto;background:var(--accent);transition:width .3s ease}.nav-link:hover,.nav-link:focus-visible{color:var(--accent)}.nav-link:hover:after,.nav-link:focus-visible:after{width:100%}.search-btn,.hamburger,.modal-close,.cart-delete-btn,.quantity-confirm-btn,.submit-order-btn,.confirm-btn,.cancel-btn{border:0}.search-btn{border-radius:999px;background:transparent;font-size:1.2rem;padding:.3rem .6rem;color:#5d4037;transition:transform .3s ease,background .3s ease}.search-btn:hover,.search-btn:focus-visible{background:#f5e6d3;transform:scale(1.08)}.hamburger{display:none;flex-direction:column;gap:5px;background:transparent;padding:.3rem}.hamburger span{width:25px;height:3px;border-radius:999px;background:#5d4037;transition:transform .3s ease,opacity .3s ease}.home-section{min-height:100vh;padding-top:6rem;background:linear-gradient(135deg,#fff8f0,#f5e6d3);display:flex;align-items:center}.home-section,.about-section,.menu-section,.speciality-section,.contact-section,.cart-section{position:relative}.home-section .home-content,.home-section .home-image{flex:1}.home-section{gap:3rem}.home-content{padding-right:3rem;display:flex;flex-direction:column;align-items:center;text-align:center}.home-title{margin:0 0 1rem;font-family:Playfair Display,serif;font-size:clamp(2.8rem,6vw,4rem);line-height:1.2;color:#5d4037}.home-title span{background:linear-gradient(135deg,var(--accent-dark),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{margin:0 0 1rem;font-size:1.4rem;color:var(--muted)}.home-description{max-width:500px;margin:0 0 2rem;font-size:1.1rem;color:var(--text-soft)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 2.5rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;font-weight:600;text-decoration:none;box-shadow:0 4px 15px #e8a87c4d;transition:transform .3s ease,box-shadow .3s ease}.cta-btn:hover,.cta-btn:focus-visible{transform:translateY(-3px);box-shadow:0 8px 25px #e8a87c66}.home-image{display:flex;justify-content:center}.home-image img,.about-image img{border-radius:30px;box-shadow:var(--shadow-brown);object-fit:cover}.home-image img{width:100%;max-width:560px;aspect-ratio:4 / 3}.about-section{background:var(--surface)}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;align-items:center}.about-text h3{margin:1.5rem 0 .5rem;font-family:Playfair Display,serif;font-size:1.5rem;color:#5d4037}.about-text h3:first-child{margin-top:0}.about-text p{margin:0 0 .8rem;color:var(--text-soft)}.about-image{order:0}.about-image img{width:100%;aspect-ratio:4 / 3}.menu-section{background:var(--bg)}.menu-grid,.speciality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.product-card{position:relative;width:100%;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card--clickable{cursor:pointer}.product-card--clickable:hover,.product-card--clickable:focus-visible{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:var(--accent)}.product-card--speciality{background:var(--surface-soft);border:2px solid var(--border)}.product-card__badge{position:absolute;top:-10px;right:-10px;padding:.3rem 1rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600}.product-card__image-wrapper{position:relative;width:100%;height:180px;margin-bottom:1rem;border-radius:20px;overflow:hidden;background:#f0e6da}.product-card__image-wrapper.skeleton{animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.product-card--speciality .product-card__image-wrapper{height:200px}.product-card__image{width:100%;height:100%;object-fit:cover;opacity:0;transition:transform .4s ease,opacity .3s ease}.product-card__image.loaded{opacity:1}.product-card--clickable:hover .product-card__image{transform:scale(1.08)}.product-card__title{margin:0;font-family:Playfair Display,serif;font-size:1.2rem;color:#5d4037}.product-card--speciality .product-card__title{font-size:1.3rem}.product-card__description{margin:.35rem 0 0;font-size:.95rem;color:var(--muted)}.product-card__price{margin:.4rem 0 0;font-size:1.1rem;font-weight:600;color:var(--accent)}.product-card__hint{display:inline-block;margin-top:.45rem;font-size:.85rem;color:var(--text-soft)}.cart-section{background:var(--surface)}.cart-container{display:grid;gap:1.5rem}.cart-panel{display:grid;gap:1.5rem;padding:1.5rem;border-radius:24px;background:linear-gradient(180deg,#fff,#fffaf4);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.cart-table-wrap{overflow-x:auto}.cart-table{width:100%;border-collapse:collapse;min-width:620px}.cart-table thead th{text-align:left;padding:1rem .85rem;font-size:.92rem;color:#5d4037;border-bottom:1px solid var(--border)}.cart-table tbody td,.cart-table tfoot td{padding:1rem .85rem;border-bottom:1px solid var(--border);color:var(--text-soft)}.cart-item-name{color:#5d4037;font-weight:600}.cart-empty-row td{text-align:center;color:var(--muted)}.cart-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:#fff4f1;color:#b55142;transition:background .3s ease,transform .3s ease}.cart-delete-btn:hover,.cart-delete-btn:focus-visible{background:#ffe3da;transform:scale(1.05)}.cart-delete-btn svg{width:18px;height:18px;fill:currentColor}.cart-total-label{font-family:Playfair Display,serif;font-size:1.15rem;color:#5d4037}.cart-total-value{font-size:1.2rem;font-weight:700;color:#5d4037}.submit-order-btn{justify-self:end;min-width:180px;padding:.9rem 1.5rem;border-radius:999px;background:var(--blue);color:#fff;font-weight:700;box-shadow:0 10px 25px #2f6fed3d;transition:transform .3s ease,background .3s ease,opacity .3s ease}.submit-order-btn:hover:not(:disabled),.submit-order-btn:focus-visible:not(:disabled){transform:translateY(-2px);background:var(--blue-dark)}.submit-order-btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.speciality-section{background:var(--surface)}.contact-section{background:var(--bg)}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}.contact-info h3{margin:0 0 1.5rem;font-family:Playfair Display,serif;font-size:1.8rem;color:#5d4037}.contact-info p{margin:0 0 .8rem;font-size:1.05rem;color:var(--text-soft)}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-links a{font-size:1.8rem;text-decoration:none;transition:transform .3s ease}.social-links a:hover,.social-links a:focus-visible{transform:scale(1.15)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea,.modal-input,.search-modal input{width:100%;border:2px solid var(--border);border-radius:14px;padding:.85rem 1rem;background:#fff;color:var(--text);outline:none;transition:border-color .3s ease,box-shadow .3s ease}.contact-form input:focus,.contact-form textarea:focus,.modal-input:focus,.search-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #e8a87c1f}.contact-form textarea{resize:vertical;min-height:120px}.submit-btn{min-height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;font-size:1.05rem;font-weight:600;box-shadow:0 4px 15px #e8a87c4d;transition:transform .3s ease,box-shadow .3s ease}.submit-btn:hover,.submit-btn:focus-visible{transform:translateY(-2px);box-shadow:0 8px 25px #e8a87c66}.submit-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.form-field{display:flex;flex-direction:column;gap:.25rem}.form-error{margin:0;color:#c84f45;font-size:.9rem}.form-success{margin:0;color:#2e7d32;font-size:.95rem;font-weight:500}.contact-form input:disabled,.contact-form textarea:disabled{background:#f9f9f9;cursor:not-allowed}.footer{padding:2rem 0;background:#5d4037;color:#fff8f0;text-align:center}.search-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.search-modal,.modal-card{position:relative;width:min(92vw,640px);max-height:90vh;overflow:auto;border-radius:24px;background:var(--bg);box-shadow:0 30px 90px #0000003d;animation:slideUp .35s ease}.search-modal{padding:2.5rem}.search-modal h2{margin:0 0 1rem;font-family:Playfair Display,serif;color:#5d4037}.search-close,.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:999px;background:transparent;color:#5d4037;font-size:2rem;line-height:1;transition:transform .3s ease,background .3s ease}.search-close:hover,.search-close:focus-visible,.modal-close:hover,.modal-close:focus-visible{transform:rotate(90deg);background:#0000000a}.search-results{margin-top:1.5rem;max-height:400px;overflow:auto;display:grid;gap:.75rem}.search-result-item{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;padding:.8rem 1rem;background:#fff;transition:background .3s ease,transform .3s ease,border-color .3s ease}.search-result-item:hover,.search-result-item:focus-visible{transform:translateY(-2px);background:#fef7ef;border-color:var(--accent)}.search-result-item h4{margin:0 0 .2rem;color:#5d4037}.search-result-item p{margin:0;color:var(--muted)}.search-result-item__badge{margin-top:.35rem!important;font-size:.8rem;color:var(--accent)}.no-results{margin:0;color:var(--muted);text-align:center}.search-results__hint{font-size:.9rem}.quantity-modal,.customer-modal{padding:2.5rem;text-align:center}.modal-title{margin:0 0 .8rem;font-family:Playfair Display,serif;font-size:2rem;color:#5d4037}.modal-copy{margin:0 0 1.5rem;color:var(--text-soft)}.quantity-modal .quantity-input{max-width:220px;margin:0 auto;text-align:center;font-size:1.2rem}.quantity-confirm-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-top:1.4rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;font-size:1.35rem;font-weight:700;box-shadow:0 10px 25px #e8a87c40;transition:transform .3s ease,opacity .3s ease}.quantity-confirm-btn:hover:not(:disabled),.quantity-confirm-btn:focus-visible:not(:disabled){transform:translateY(-2px)}.quantity-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.customer-modal .customer-input{max-width:360px;margin:0 auto}.modal-input--error{border-color:#c84f45}.modal-error{margin:.8rem 0 0;color:#c84f45;font-size:.95rem}.customer-actions{display:flex;justify-content:center;gap:.85rem;margin-top:1.5rem}.cancel-btn,.confirm-btn{min-width:118px;min-height:46px;border-radius:14px;font-weight:700;transition:transform .3s ease,opacity .3s ease,background .3s ease}.cancel-btn{background:#f5e6d3;color:#5d4037}.confirm-btn{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff}.cancel-btn:hover,.cancel-btn:focus-visible,.confirm-btn:hover:not(:disabled),.confirm-btn:focus-visible:not(:disabled){transform:translateY(-2px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.55}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.home-section{flex-direction:column;text-align:center;padding-top:8rem}.home-content{padding-right:0;margin-bottom:1rem}.home-description{margin-left:auto;margin-right:auto}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.about-image{order:-1}}@media (max-width: 768px){.hamburger{display:inline-flex}.nav-links{position:absolute;inset:100% 0 auto;display:none;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;background:var(--bg);box-shadow:0 20px 40px #00000014}.nav-links.open{display:flex}.home-title{font-size:2.8rem}.section{padding:3.5rem 0}.search-modal,.modal-card{width:min(100%,640px);padding:1.5rem}.menu-grid,.speciality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-panel{padding:1rem}.cart-table{min-width:540px}}@media (max-width: 540px){.menu-grid,.speciality-grid{grid-template-columns:1fr}.home-title{font-size:2.25rem}.home-image img{max-width:92%}.customer-actions{flex-direction:column}.cancel-btn,.confirm-btn,.submit-order-btn{width:100%}.submit-order-btn{justify-self:stretch}}