/* Cross-browser reset and base styles */
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,rgba(247,239,231,0.92),rgba(247,239,231,0.96)),url('/uploads/theme/theme-a716de92a9.jpg') center/cover fixed;-webkit-overflow-scrolling:touch}
a{color:inherit;-webkit-touch-callout:none}
img{display:block;max-width:100%;-webkit-user-drag:none;user-drag:none}
button,input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border-radius:0}
button{cursor:pointer;touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@supports(padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:max(env(safe-area-inset-bottom), 80px)}}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}
:root{--bg:#f7efe7;--bg-soft:#fbf6f1;--card:#ffffff;--card-soft:rgba(255,255,255,0.72);--text:#2f241d;--muted:#7b6a5d;--accent:#d97a2b;--accent-strong:#c86412;--accent-soft:#f3d7bf;--green:#6f8b47;--green-soft:#e6f1dc;--border:rgba(116,88,67,0.12);--shadow:0 18px 40px rgba(72,44,25,0.10);--shadow-soft:0 10px 24px rgba(72,44,25,0.08)}.hidden{display:none!important}.muted{color:var(--muted)}.container{max-width:1180px;margin:0 auto;padding:0 20px}.site-bg{position:fixed;inset:-4%;pointer-events:none;background:radial-gradient(circle at top left,rgba(255,255,255,0.58),transparent 32%),radial-gradient(circle at bottom right,rgba(255,255,255,0.46),transparent 34%),radial-gradient(circle at 18% 22%,rgba(243,180,103,0.10),transparent 22%),radial-gradient(circle at 82% 78%,rgba(111,139,71,0.08),transparent 24%);transform:translate3d(0,0,0) scale(1.04);transition:transform .18s ease-out;will-change:transform}.topbar{position:sticky;top:0;z-index:30;transform:translate3d(0,0,0);transition:transform .18s ease-out,box-shadow .28s ease;will-change:transform;background:linear-gradient(180deg,rgba(32,22,16,0.42),rgba(32,22,16,0.28)),url('/uploads/theme/theme-d0c22a4251.jpg') center/cover;border-bottom:1px solid rgba(255,255,255,0.14);box-shadow:0 8px 24px rgba(34,23,16,0.14);backdrop-filter:blur(8px)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}

/* Toast Notifications */
.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}
.toast{padding:16px 20px;border-radius:12px;background:white;box-shadow:0 10px 40px rgba(0,0,0,0.15);display:flex;align-items:flex-start;gap:12px;animation:toastSlideIn .3s ease-out;border-left:4px solid;font-size:14px;line-height:1.4}
.toast--success{border-color:#22c55e}.toast--error{border-color:#ef4444}.toast--warning{border-color:#f59e0b}.toast--info{border-color:#3b82f6}
.toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}
.toast__content{flex:1}.toast__title{font-weight:600;margin-bottom:4px;color:#1f2937}.toast__message{color:#6b7280}
.toast__close{flex-shrink:0;background:none;border:none;font-size:18px;cursor:pointer;color:#9ca3af;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}
.toast__close:hover{color:#6b7280}.toast--exiting{animation:toastSlideOut .3s ease-in forwards}
@keyframes toastSlideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes toastSlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}

/* Progress Bar */
.order-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding:16px;background:var(--card-soft);border-radius:12px;border:1px solid var(--border)}
.order-progress__step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.order-progress__step--active{color:var(--accent);font-weight:600}
.order-progress__step--completed{color:var(--green)}
.order-progress__dot{width:24px;height:24px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:white}
.order-progress__step--active .order-progress__dot{background:var(--accent)}
.order-progress__step--completed .order-progress__dot{background:var(--green)}
.order-progress__line{width:30px;height:2px;background:var(--border)}
.order-progress__line--completed{background:var(--green)}

/* Modal/Preview */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:9000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.modal-overlay--open{opacity:1;visibility:visible}
.modal{background:white;border-radius:20px;max-width:600px;width:calc(100% - 40px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .3s ease-out}
@keyframes modalSlideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal__header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.modal__title{font-size:18px;font-weight:700;margin:0}
.modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}
.modal__body{padding:24px;overflow-y:auto;flex:1}
.modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}

/* Order Preview */
.preview-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.preview-section:last-child{border-bottom:none;margin-bottom:0}
.preview-section__title{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}
.preview-item__name{font-size:15px}
.preview-item__meta{font-size:13px;color:var(--muted)}
.preview-item__price{font-weight:600}
.preview-total{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid var(--border);font-size:18px;font-weight:700}
.preview-customer{line-height:1.8}

/* Favorites */
.dish__favorite{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;background:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:transform .2s;z-index:5}
.dish__favorite:hover{transform:scale(1.1)}.dish__favorite--active{color:#ef4444}.dish__favorite--inactive{color:#9ca3af}
.favorites-section{margin-bottom:24px}
.favorites-section__title{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}

/* Rating */
.rating{display:flex;gap:4px;cursor:pointer}
.rating__star{font-size:20px;color:#d1d5db;transition:color .2s}
.rating__star--filled{color:#fbbf24}.rating__star:hover,.rating__star:hover~.rating__star{color:#fbbf24}
.rating-display{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.rating-display__stars{color:#fbbf24}
.rating-count{font-size:12px}
.dish__rating{position:absolute;bottom:8px;left:8px;background:rgba(255,255,255,0.95);padding:4px 8px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:4px}

/* QR Code */
.qr-section{text-align:center;padding:24px}
.qr-code{width:200px;height:200px;margin:0 auto 16px}
.qr-hint{color:var(--muted);font-size:14px}

/* Chat */
.chat-widget{position:fixed;bottom:20px;right:20px;z-index:8000}
.chat-button{width:56px;height:56px;border-radius:50%;background:var(--accent);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 16px rgba(217,122,43,0.4);transition:transform .2s}
.chat-button:hover{transform:scale(1.05)}
.chat-window{position:absolute;bottom:70px;right:0;width:360px;height:500px;background:white;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.2);display:none;flex-direction:column;overflow:hidden}
.chat-window--open{display:flex}
.chat-header{padding:16px;background:var(--accent);color:white;display:flex;align-items:center;justify-content:space-between}
.chat-header__title{font-weight:600}
.chat-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}
.chat-message{max-width:80%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.4}
.chat-message--user{align-self:flex-end;background:var(--accent);color:white;border-bottom-right-radius:4px}
.chat-message--other{align-self:flex-start;background:var(--bg-soft);border-bottom-left-radius:4px}
.chat-message__time{font-size:11px;opacity:.7;margin-top:4px}
.chat-input{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px}
.chat-input__field{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:20px;font-size:14px;outline:none}
.chat-input__field:focus{border-color:var(--accent)}
.chat-input__send{padding:10px 16px;background:var(--accent);color:white;border:none;border-radius:20px;cursor:pointer;font-size:14px}

/* Dashboard */
.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}
.dashboard-card{background:white;padding:20px;border-radius:16px;border:1px solid var(--border)}
.dashboard-card__title{font-size:14px;color:var(--muted);margin-bottom:8px}
.dashboard-card__value{font-size:32px;font-weight:700;color:var(--text)}
.dashboard-card__change{font-size:13px;color:var(--green);margin-top:4px}
.dashboard-card__change--down{color:var(--red)}
.chart-container{height:200px;margin-top:16px}

/* Loyalty */
.loyalty-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:white;padding:24px;border-radius:16px;margin-bottom:24px}
.loyalty-card__title{font-size:14px;opacity:.9;margin-bottom:8px}
.loyalty-card__points{font-size:36px;font-weight:700;margin-bottom:4px}
.loyalty-card__hint{font-size:13px;opacity:.8}
.loyalty-progress{height:8px;background:rgba(255,255,255,0.3);border-radius:4px;margin-top:16px;overflow:hidden}
.loyalty-progress__bar{height:100%;background:white;border-radius:4px;transition:width .3s}

/* Availability Calendar */
.availability-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:24px}
.availability-day{padding:12px;border:1px solid var(--border);border-radius:12px;text-align:center;cursor:pointer;transition:all .2s}
.availability-day:hover{border-color:var(--accent)}
.availability-day--active{background:var(--accent);color:white;border-color:var(--accent)}
.availability-day__date{font-size:12px;font-weight:600}
.availability-day__weekday{font-size:11px;color:var(--muted);margin-top:2px}
.availability-day--active .availability-day__weekday{color:rgba(255,255,255,0.8)}

/* Reorder Button */
.reorder-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--green-soft);color:var(--green);border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s}
.reorder-btn:hover{background:var(--green);color:white}

/* Lazy Loading */
img[loading="lazy"]{opacity:0;transition:opacity .3s}img[loading="lazy"].loaded{opacity:1}

/* PWA Install Button */
.pwa-install{position:fixed;bottom:20px;left:20px;z-index:7000;padding:12px 20px;background:var(--accent);color:white;border:none;border-radius:12px;cursor:pointer;display:none;align-items:center;gap:8px;font-size:14px;box-shadow:0 4px 16px rgba(217,122,43,0.3)}
.pwa-install--visible{display:flex}

/* Accessibility */
.skip-link{position:absolute;top:-40px;left:0;background:var(--text);color:white;padding:8px 16px;z-index:100000;text-decoration:none}
.skip-link:focus{top:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Print Styles */
@media print{.site-bg,.topbar,.chat-widget,.floating-bar,.pwa-install{display:none}.container{max-width:none;padding:0}}

/* Theme Toggle Button */
.theme-toggle{background:none;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;margin-left:12px}
.theme-toggle:hover{transform:scale(1.1);background:rgba(255,255,255,0.2)}

/* Dark Theme */
.dark-theme{--bg:#1a1614;--bg-soft:#24201c;--card:#2d2723;--card-soft:rgba(45,39,35,0.72);--text:#f0ebe5;--muted:#a89b91;--accent:#e89c50;--accent-strong:#d97a2b;--accent-soft:#5a4738;--green:#8caf6a;--green-soft:#3a4a2d;--border:rgba(255,255,255,0.12);--shadow:0 18px 40px rgba(0,0,0,0.4);--shadow-soft:0 10px 24px rgba(0,0,0,0.3)}
.dark-theme body{background:linear-gradient(180deg,rgba(26,22,20,0.95),rgba(26,22,20,0.98)),url('/uploads/theme/theme-a716de92a9.jpg') center/cover fixed}
.dark-theme .site-bg{background:radial-gradient(circle at top left,rgba(255,255,255,0.05),transparent 32%),radial-gradient(circle at bottom right,rgba(255,255,255,0.03),transparent 34%),radial-gradient(circle at 18% 22%,rgba(243,180,103,0.05),transparent 22%),radial-gradient(circle at 82% 78%,rgba(111,139,71,0.03),transparent 24%)}
.dark-theme .menu-section,.dark-theme .admin-card,.dark-theme .info-card,.dark-theme .trust-card,.dark-theme .popular-card,.dark-theme .orders-note{background:var(--card)}
.dark-theme .dish__body,.dark-theme .cart__card,.dark-theme .cart__sticky,.dark-theme .cart-section{background:var(--card-soft)}
.dark-theme .topbar{background:linear-gradient(180deg,rgba(20,16,12,0.85),rgba(20,16,12,0.72)),url('/uploads/theme/theme-d0c22a4251.jpg') center/cover}
.dark-theme input,.dark-theme textarea,.dark-theme select{background:var(--bg-soft);color:var(--text);border-color:var(--border)}
.dark-theme .toast{background:var(--card);color:var(--text)}
.dark-theme .modal{background:var(--card)}
.dark-theme .success-sheet__card{background:var(--card)}
.dark-theme #orderStatusBanner{background:rgba(45,39,35,0.95);border-color:var(--border)}
.dark-theme .loyalty-card{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%)}.dark-theme .chat-window{background:var(--card)}
.dark-theme .chat-message--other{background:var(--bg-soft)}.brand{padding:6px 10px;border-radius:14px;background:rgba(0,0,0,0.35);backdrop-filter:blur(6px);box-shadow:0 10px 26px rgba(0,0,0,0.16),inset 0 1px 0 rgba(255,255,255,0.08);display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;color:#fff}.brand__mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f8b267,#d97a2b);color:#fff;box-shadow:var(--shadow-soft)}.brand small{display:block;color:rgba(255,255,255,0.75);font-size:12px;font-weight:600;margin-top:2px}.nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.nav a{position:relative;isolation:isolate;overflow:hidden;text-decoration:none;padding:12px 18px;border-radius:18px;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0.08));backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,0.24);box-shadow:inset 0 1px 0 rgba(255,255,255,0.34),inset 0 -1px 0 rgba(255,255,255,0.08),0 10px 24px rgba(0,0,0,0.16);transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease}.nav a::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.18),rgba(255,255,255,0.04));opacity:.9;z-index:-2}.nav a::after{content:"";position:absolute;top:-140%;left:-35%;width:55%;height:320%;transform:rotate(22deg);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.34),rgba(255,255,255,0));opacity:0;transition:transform .7s ease,opacity .35s ease;pointer-events:none}.nav a:hover{transform:translateY(-2px) scale(1.03);background:linear-gradient(180deg,rgba(255,255,255,0.24),rgba(255,255,255,0.12));border-color:rgba(255,255,255,0.36);box-shadow:inset 0 1px 0 rgba(255,255,255,0.42),inset 0 -1px 0 rgba(255,255,255,0.10),0 14px 30px rgba(0,0,0,0.22)}.nav a:hover::after{opacity:1;transform:translateX(220%) rotate(22deg)}.nav a:active{transform:translateY(0) scale(.99)}.nav .btn--primary,.btn--primary{background:linear-gradient(135deg,#f3b467,#df7b2c)!important;color:#fff!important}.topbar__actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:16px;padding:12px 18px;cursor:pointer;font-weight:800;font-size:14px;text-decoration:none;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn--primary{position:relative;box-shadow:0 10px 24px rgba(217,122,43,0.28),0 0 0 1px rgba(255,223,190,0.12)}.btn--primary::after{content:"";position:absolute;inset:-10px;border-radius:inherit;background:radial-gradient(circle,rgba(243,180,103,0.28),rgba(223,123,44,0.16) 40%,transparent 72%);opacity:.36;filter:blur(12px);z-index:-1;transition:opacity .28s ease,transform .28s ease;pointer-events:none}.btn--primary:hover::after{opacity:.82;transform:scale(1.03)}.btn--secondary{background:rgba(75,55,43,0.10);color:var(--text)}.btn--danger{background:#6b2d2d;color:#fff}.btn--success{background:#3d7b4f;color:#fff;border:none;border-radius:14px;padding:10px 14px;font-weight:700}.btn--small{padding:10px 14px;border-radius:12px}.btn.is-loading{opacity:.7;pointer-events:none}.hero{padding:34px 0 22px}.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.hero__card,.status-card,.menu-section,.cart,.info-card,.trust-card,.orders-note,.admin-card,.footer__card,.success-sheet__card{background:var(--card-soft);border:1px solid rgba(255,255,255,0.34);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero__card{position:relative;overflow:hidden;border-radius:28px;padding:34px;transform:translate3d(0,0,0);transition:transform .22s ease-out,box-shadow .28s ease;will-change:transform;min-height:660px;background:linear-gradient(180deg,rgba(34,23,16,0.10),rgba(34,23,16,0.22)),url('/uploads/theme/theme-b77398f8a6.jpg') center/cover;color:#fff}.hero__content{position:relative;z-index:1;max-width:78%;transform:translate3d(0,0,0);transition:transform .18s ease-out;will-change:transform}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.hero-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);font-size:13px;font-weight:700}.hero-badge__logo{width:22px;height:22px;display:grid;place-items:center;background:rgba(255,255,255,0.18);border-radius:50%}.eyebrow{display:inline-block;margin-bottom:12px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,0.18);font-weight:700;font-size:13px}h1{font-size:clamp(44px,6vw,78px);line-height:.94;margin:18px 0 16px;font-weight:900;letter-spacing:-.03em}.hero__lead{font-size:18px;line-height:1.6;max-width:760px;color:rgba(255,255,255,0.92)}.hero__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.hero__meta-item{background:rgba(255,255,255,0.16);border-radius:18px;padding:14px 16px;font-weight:700}.hero__meta-item strong{display:block;margin-bottom:4px;color:#fff}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero__side{position:sticky;top:88px}.badge,.soft-chip,.rating-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(217,122,43,0.12);color:#b85f17;font-weight:800;font-size:13px}.soft-chip{background:rgba(75,55,43,0.08);color:var(--text);font-weight:700}.rating-badge{background:#fff4df;color:#8a5b18}.status-card{border-radius:28px;padding:22px;display:flex;flex-direction:column;gap:16px;position:relative;transform:translate3d(0,0,0);transition:transform .22s ease-out,box-shadow .28s ease;will-change:transform;background:linear-gradient(180deg,rgba(255,251,247,0.86),rgba(255,248,242,0.78)),url('/uploads/theme/theme-ddf7ceb093.jpg') center/cover}.status-card h2{margin:0;font-size:22px}.status-pill{padding:12px 16px;border-radius:999px;font-weight:800;font-size:14px}.status-pill--open{background:var(--green-soft);color:#3f6d1e}.status-pill--closed{background:#fde0d5;color:#aa4a1f}.timer{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.timer__box{background:#fff;border-radius:18px;padding:16px 10px;text-align:center;box-shadow:0 14px 28px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.75)}.timer__value{font-size:36px;font-weight:900;line-height:1}.timer__label{margin-top:8px;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.order-steps-compact{background:linear-gradient(180deg,rgba(255,255,255,0.88),rgba(255,249,244,0.82));border-radius:22px;padding:18px;border:1px solid rgba(255,255,255,0.44);box-shadow:0 8px 20px rgba(0,0,0,0.06);backdrop-filter:blur(10px)}.order-steps-compact__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.order-steps-compact__sub{margin-top:4px;color:var(--muted);font-size:14px}.order-steps-compact__topline{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.order-top-mini{background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 14px 28px rgba(72,44,25,0.09),inset 0 1px 0 rgba(255,255,255,0.74);display:flex;align-items:center;gap:12px;min-width:0;position:relative;text-align:left}.order-steps-compact__grid{display:grid;gap:10px}.order-step-mini{display:flex;gap:12px;background:#fff;border-radius:16px;padding:14px;align-items:flex-start;box-shadow:0 14px 28px rgba(72,44,25,0.09),inset 0 1px 0 rgba(255,255,255,0.74)}.order-step-mini__num{width:28px;height:28px;border-radius:10px;background:var(--accent-soft);color:var(--accent-strong);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.order-step-mini p{margin:6px 0 0;font-size:13px;line-height:1.45}.order-steps-compact__footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}section{padding:22px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.menu-intro-card{background:linear-gradient(180deg,rgba(255,255,255,0.86),rgba(255,248,242,0.78)),url('/uploads/theme/theme-3603da887f.jpg') center/cover;border:1px solid rgba(255,255,255,0.36);box-shadow:var(--shadow);backdrop-filter:blur(14px);border-radius:28px;padding:24px 26px;margin-bottom:18px}.section-head h2{margin:0 0 8px;font-size:clamp(32px,4vw,52px);line-height:1.02}.section-head p{margin:0;color:var(--muted);max-width:680px;line-height:1.6}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.menu-section{border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:0 22px 46px rgba(72,44,25,0.11),inset 0 1px 0 rgba(255,255,255,0.26)}.menu-section__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.menu-section__head h3{margin:0;font-size:26px}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dish{background:rgba(255,255,255,0.92);border-radius:22px;overflow:hidden;box-shadow:0 18px 36px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.72);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;transform:translateY(0)}.dish:hover{transform:translateY(-6px);box-shadow:0 26px 44px rgba(72,44,25,0.14),inset 0 1px 0 rgba(255,255,255,0.8)}.dish.added{transform:scale(1.01)}.dish__image{overflow:hidden}.dish__image img{width:100%;height:220px;object-fit:cover;transform:scale(1);transition:transform .55s ease,filter .45s ease;will-change:transform}.dish:hover .dish__image img{transform:scale(1.07);filter:saturate(1.08) contrast(1.03)}.dish__body{padding:16px}.dish__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dish__title{font-size:20px;font-weight:800;margin-bottom:8px}.dish__desc{color:var(--muted);line-height:1.5}.dish__meta-line,.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dish__meta-line{margin-bottom:14px}.dish__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.price{font-size:22px;font-weight:900;white-space:nowrap}.cart{position:sticky;top:88px;border-radius:24px;padding:22px;box-shadow:0 24px 54px rgba(72,44,25,0.14),inset 0 1px 0 rgba(255,255,255,0.36);background:linear-gradient(180deg,rgba(255,251,247,0.88),rgba(255,247,240,0.82)),url('/uploads/theme/theme-02cd9d3e94.jpg') center/cover}.cart h3{margin:0 0 10px;font-size:28px}.cart__list{display:grid;gap:12px;margin:18px 0}.cart__empty{padding:18px;border-radius:18px;background:rgba(75,55,43,0.06);color:var(--muted)}.cart-item{background:#fff;border-radius:18px;padding:14px;box-shadow:0 16px 32px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.74)}.cart-item__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.cart-item__title{font-weight:800;font-size:16px}.cart__summary{padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:10px}.total{font-size:28px;font-weight:900}.qty{display:inline-flex;align-items:center;gap:8px;background:rgba(75,55,43,0.06);padding:6px;border-radius:999px}.qty button{width:32px;height:32px;border:none;border-radius:50%;background:#fff;font-size:18px;cursor:pointer}.form{display:grid;gap:14px;margin-top:18px}.field label,.admin-field label{display:block;font-weight:700;margin-bottom:8px}.field input,.field textarea,.admin-field input,.admin-field textarea,.admin-field select,#adminPin{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(122,90,62,0.14);background:#fff;font:inherit;color:inherit}.notice{display:none;padding:14px 16px;border-radius:16px;font-weight:700}.notice--success{background:#e8f5e4;color:#2d6b28}.notice--error{background:#fde6de;color:#b14d20}.cart__sticky-submit{position:sticky;bottom:12px;padding-top:8px;background:linear-gradient(180deg,rgba(247,239,231,0),rgba(247,239,231,0.95) 28%,rgba(247,239,231,0.95))}.cart__sticky-submit .btn{width:100%}.popular-flow,.info-group{box-shadow:0 24px 54px rgba(72,44,25,0.12),inset 0 1px 0 rgba(255,255,255,0.32);background:linear-gradient(180deg,rgba(255,255,255,0.78),rgba(255,248,242,0.72)),url('/uploads/theme/theme-a561120e5d.jpg') center/cover;border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(14px)}.popular-grid,.info-grid,.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.popular-card,.info-card,.trust-card{box-shadow:0 18px 36px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.72);border-radius:22px;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,0.88),rgba(255,248,242,0.78)),url('/uploads/theme/theme-0b9b4557c6.jpg') center/cover;backdrop-filter:blur(12px)}.popular-card{position:relative;background:rgba(255,255,255,0.78);transition:transform .28s ease,box-shadow .28s ease}.popular-card:hover{transform:translateY(-6px);box-shadow:0 26px 46px rgba(72,44,25,0.14),inset 0 1px 0 rgba(255,255,255,0.8)}.popular-card--inactive{opacity:.85}.popular-card__rank{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-weight:900}.popular-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.popular-card__metric{font-size:12px;color:var(--muted);font-weight:700}.popular-card__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.popular-card__state{font-size:13px;color:var(--muted)}.info-card__icon,.trust-card__icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);font-size:24px;margin-bottom:14px}.info-card h3,.trust-card h3{margin:0 0 10px;font-size:22px}.info-card p,.trust-card p{margin:0;line-height:1.6}.orders-note{border-radius:28px;padding:26px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:22px;align-items:center;box-shadow:0 24px 54px rgba(72,44,25,0.13),inset 0 1px 0 rgba(255,255,255,0.34);background:linear-gradient(180deg,rgba(255,251,247,0.86),rgba(255,247,241,0.78)),url('/uploads/theme/theme-09e8cb52eb.jpg') center/cover}.orders-note__box{background:#fff;border-radius:22px;padding:18px;box-shadow:0 18px 36px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.74)}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-box{background:#fff;border-radius:20px;padding:18px;box-shadow:0 18px 36px rgba(72,44,25,0.10),inset 0 1px 0 rgba(255,255,255,0.74);text-align:center;transition:transform .24s ease,box-shadow .24s ease}.metric-box:hover{transform:translateY(-4px);box-shadow:0 24px 42px rgba(72,44,25,0.13),inset 0 1px 0 rgba(255,255,255,0.82)}.metric-box strong{display:block;font-size:32px;font-weight:900;margin-bottom:6px}.metric-box span{color:var(--muted);font-weight:700}.admin-login,.admin-panel{margin-top:18px}.admin-form,.admin-layout,.admin-grid{display:grid;gap:18px}.admin-grid{margin-top:18px}.admin-layout{grid-template-columns:minmax(0,1fr) 360px}.admin-card{border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,248,242,0.82))}.admin-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.admin-card__head h3,.admin-login h2{margin:0 0 8px}.admin-actions-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.admin-tab{border:none;background:rgba(75,55,43,0.08);padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer}.admin-tab.active{background:linear-gradient(135deg,#f3b467,#df7b2c);color:#fff}.admin-orders-list,.admin-menu-list{display:grid;gap:14px}.admin-order-card,.admin-dish-card{background:#fff;border-radius:20px;padding:16px;box-shadow:var(--shadow-soft)}.admin-order-card__top,.admin-dish-card__top,.admin-dish-card__bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-order-title,.admin-dish-card__title{font-weight:900;font-size:18px}.admin-order-meta,.admin-dish-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--muted);font-size:13px}.admin-order-items{display:grid;gap:8px;margin:14px 0}.admin-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.admin-status{padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px}.admin-status--new{background:#fff0d7;color:#9c6300}.admin-status--accepted{background:#e7f7e6;color:#2f7b3a}.admin-status--cancelled{background:#fde2df;color:#b34a32}.admin-empty,.hint{color:var(--muted)}.footer__card{border-radius:26px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 24px;box-shadow:0 24px 54px rgba(72,44,25,0.13),inset 0 1px 0 rgba(255,255,255,0.34);background:linear-gradient(180deg,rgba(255,251,247,0.90),rgba(255,247,241,0.82)),url('/uploads/theme/theme-b0f059bb1a.jpg') center/cover}.footer__small{color:var(--muted);line-height:1.7}.success-sheet{position:fixed;inset:0;background:rgba(34,23,16,0.42);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;padding:20px;z-index:70}.success-sheet.is-open{display:flex}.success-sheet__card{width:min(560px,100%);border-radius:28px;padding:28px;background:#fff}.success-sheet__check{font-size:54px;margin-bottom:10px}.success-sheet__meta{display:grid;gap:8px;padding:16px 0}.success-sheet__actions{display:flex;gap:12px;flex-wrap:wrap}.floating-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:min(640px,calc(100% - 24px));background:rgba(47,36,29,0.92);color:#fff;border-radius:22px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:50;box-shadow:var(--shadow)}.floating-bar__meta{display:grid;gap:4px}.preloader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(247,239,231,0.88);backdrop-filter:blur(10px);z-index:80;transition:.3s ease}.preloader.hidden{opacity:0;visibility:hidden}.preloader__card{background:#fff;border-radius:26px;padding:26px 28px;box-shadow:var(--shadow);text-align:center;display:grid;gap:10px}.preloader__spinner{width:48px;height:48px;border-radius:50%;border:4px solid rgba(217,122,43,0.18);border-top-color:var(--accent);margin:0 auto;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(16px);transition:.45s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.site-bg,.topbar,.hero__card,.hero__content,.status-card,.dish,.dish__image img,.popular-card,.metric-box,.btn--primary::after{transition:none!important;animation:none!important;transform:none!important}}@media (max-width:1100px){.layout,.hero__grid,.orders-note,.admin-layout{grid-template-columns:1fr}.hero__content{max-width:100%}.hero__side,.cart{position:static}}@media (max-width:800px){.topbar__inner,.section-head,.footer__card{flex-direction:column;align-items:flex-start}.nav{width:100%}.nav a{flex:1 1 calc(50% - 10px);text-align:center}.menu-grid,.popular-grid,.info-grid,.trust-grid,.order-steps-compact__topline{grid-template-columns:1fr}.hero__card{min-height:auto;padding:24px}h1{font-size:clamp(36px,11vw,54px)}.hero__meta{grid-template-columns:1fr}.timer{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.container{padding:0 14px}.nav a{flex:1 1 100%}.timer__value{font-size:28px}.order-steps-compact__head,.popular-card__actions,.success-sheet__actions{flex-direction:column;align-items:flex-start}.floating-bar{flex-direction:column;align-items:stretch}.floating-bar .btn{width:100%}}
