:root{--ink:#18201b;--muted:#6c746d;--line:#dce1db;--cream:#f5f3ec;--lime:#d4e95b;--orange:#ee7447;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input,select{font:inherit}button{cursor:pointer}.site-header{height:82px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{font-family:'Playfair Display',serif;font-weight:700}.site-header nav{display:flex;gap:32px}.site-header nav a{font-size:14px;color:var(--ink);text-decoration:none}.company-link,.company-header button,footer button{border:0;background:none;color:var(--ink);font-weight:700}.company-link span{color:var(--orange);font-size:20px;margin-left:8px}.hero{min-height:525px;padding:96px clamp(24px,12vw,200px);background:linear-gradient(102deg,rgba(20,31,22,.96) 0%,rgba(24,32,27,.86) 55%,rgba(20,31,22,.46)),url('https://images.unsplash.com/photo-1547592180-85f173990554?auto=format&fit=crop&w=1800&q=80') center/cover;color:white}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;margin:0 0 14px;color:var(--orange)}.hero h1,.company-title h1{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-3px;margin:0}.hero h1 em{font-family:'Playfair Display',serif;font-weight:700;color:var(--lime)}.hero-copy{max-width:450px;line-height:1.7;margin:24px 0 30px;color:#e3e8e2}.primary-button{border:0;background:var(--lime);padding:14px 22px;border-radius:3px;color:var(--ink);font-weight:800}.primary-button span{margin-left:12px}.hero-note{margin-top:32px;font-size:12px;color:#dbe1d8}.hero-note span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:8px}.menu-section,.how{padding:76px clamp(24px,10vw,165px)}.section-heading,.summary-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.how h2,.summary h2{font-size:38px;letter-spacing:-2px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.7}.days,.order-days{display:flex;gap:8px;margin:38px 0 26px;overflow:auto}.day{flex:1;min-width:105px;border:1px solid var(--line);background:transparent;padding:12px 10px;border-radius:3px;text-align:left}.day b,.day span{display:block}.day span{font-size:11px;color:var(--muted);margin-bottom:3px}.day.active{background:var(--ink);border-color:var(--ink);color:#fff}.day.active span{color:#cbd1cb}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.menu-card{background:white;padding:20px;border-top:3px solid var(--orange);min-height:170px}.menu-card h3{font-size:16px;margin:0 0 12px}.dish{border-top:1px solid #edf0eb;padding:10px 0}.dish:first-of-type{border-top:0}.dish-name{font-size:14px;font-weight:800}.dish-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted)}.how{background:#dfead1}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:35px}.steps b{color:var(--orange);font-size:13px}.steps h3{font-size:19px;margin:12px 0 8px}.steps p{color:#596158;font-size:13px;line-height:1.6}footer{background:var(--ink);color:white;padding:38px clamp(24px,10vw,165px);display:flex;justify-content:space-between;align-items:center}footer .brand{color:white}footer p{font-size:13px;color:#aeb7ae}footer button{color:var(--lime)}.modal{position:fixed;inset:0;background:rgba(16,23,18,.65);display:grid;place-items:center;padding:20px;z-index:20;opacity:0;visibility:hidden;transition:.2s}.modal.open{opacity:1;visibility:visible}.modal-card{width:min(430px,100%);background:#fff;padding:40px;position:relative}.modal-card h2{font-size:32px;margin:0}.modal-card>p:not(.eyebrow):not(.error){color:var(--muted);line-height:1.6;font-size:14px}.modal-card label,.field label{display:block;font-size:12px;font-weight:800;margin:24px 0 8px}.modal-card input,.field select{width:100%;padding:13px;border:1px solid var(--line);background:#fff;outline-color:var(--orange)}.full{width:100%;margin-top:16px}.close{position:absolute;right:16px;top:10px;border:0;background:none;font-size:29px}.error{height:15px;color:#c6412e;font-size:11px}.modal-card small{display:block;text-align:center;color:var(--muted);margin-top:16px}.company-page{background:#f7f7f3;min-height:100vh}.company-header{padding:18px clamp(24px,7vw,115px);display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.company-header .brand{font-size:20px}.company-name{text-align:right;font-size:13px;font-weight:700}.company-name span{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-top:2px}.company-content{max-width:1220px;margin:auto;padding:54px 25px}.company-title{display:flex;justify-content:space-between;gap:30px;align-items:end}.company-title h1{font-size:50px}.company-title>div>p:last-child{color:var(--muted);font-size:14px}.deadline{background:#fff4e6;border-left:3px solid var(--orange);padding:12px 18px;font-size:11px;color:var(--muted);min-width:205px}.deadline strong,.deadline span{display:block;color:var(--ink);margin-top:3px}.deadline strong{font-size:14px}.order-layout{display:grid;grid-template-columns:1fr 310px;gap:28px;margin-top:40px}.order-form,.basket,.summary{background:#fff;padding:28px}.field{max-width:360px}.order-days{margin:26px 0}.order-days .day{min-width:80px}.category{border-top:1px solid var(--line);padding:22px 0}.category:first-child{border-top:0}.category h3{font-size:18px;margin:0 0 12px}.order-dish{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #eef0ed}.order-dish input{accent-color:var(--orange);width:16px;height:16px}.order-dish .dish-info{font-size:13px}.order-dish .dish-description{font-size:11px;color:var(--muted);line-height:1.45;margin-top:4px}.order-dish .dish-meta{justify-content:flex-start;gap:13px}.quantity{display:flex;align-items:center;border:1px solid var(--line);height:30px}.quantity button{border:0;background:white;width:27px;height:28px;font-size:16px}.quantity output{font-size:12px;width:22px;text-align:center}.quantity.disabled{visibility:hidden}.basket{height:max-content;position:sticky;top:15px}.basket .eyebrow{margin-bottom:20px}.basket-empty,.basket-item{font-size:12px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line)}.basket-item{display:flex;justify-content:space-between;gap:12px;color:var(--ink)}.basket-item small{display:block;color:var(--muted);margin-top:3px}.basket-total{display:flex;justify-content:space-between;padding:20px 0 3px;font-size:13px}.basket-total strong{font-size:21px}.basket-note{font-size:10px;color:var(--muted);line-height:1.5}.summary{margin-top:34px}.summary-heading span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto;margin-top:22px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 10px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{font-size:10px;letter-spacing:.7px;color:var(--muted)}tfoot{font-weight:800}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:white;padding:15px 20px;font-size:13px;transform:translateY(100px);transition:.25s}.toast.show{transform:translateY(0)}
@media(max-width:760px){.site-header nav{display:none}.hero{padding:72px 25px;min-height:480px}.menu-section,.how{padding:55px 24px}.section-heading,.company-title,.summary-heading{align-items:start;flex-direction:column}.menu-grid,.steps,.order-layout{grid-template-columns:1fr}.steps{gap:25px}.company-header .brand{display:none}.company-content{padding:34px 14px}.company-title h1{font-size:39px}.order-form,.basket,.summary{padding:20px}.basket{position:static}.order-dish{grid-template-columns:18px 1fr}.order-dish .quantity{grid-column:2}.company-name{text-align:right}footer{display:block}footer p{margin:18px 0}}

/* Visual refinement */
body{background:#f7f6f0}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(24,32,27,.06)}.site-header nav a{font-weight:700;color:#536057}.site-header nav a:hover{color:var(--orange)}.company-link{background:#f3f5ee;padding:10px 15px;border-radius:99px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,rgba(16,31,22,.98) 0%,rgba(24,42,30,.90) 58%,rgba(24,42,30,.48)),url('https://images.unsplash.com/photo-1498837167922-ddd27525d352?auto=format&fit=crop&w=1900&q=85') center/cover}.hero:after{content:"";position:absolute;right:-210px;bottom:-260px;width:590px;height:590px;border:1px solid rgba(212,233,91,.35);border-radius:50%;box-shadow:0 0 0 46px rgba(212,233,91,.07),0 0 0 92px rgba(212,233,91,.04);z-index:-1}.hero-content{max-width:650px}.hero .primary-button{box-shadow:0 12px 28px rgba(0,0,0,.24);transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(60,76,15,.18)}.hero-card{width:235px;padding:25px;background:rgba(250,253,245,.95);border:1px solid rgba(255,255,255,.4);border-radius:10px;box-shadow:0 24px 50px rgba(0,0,0,.2);color:var(--ink);transform:rotate(3deg)}.hero-card p{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;margin:18px 0 8px;color:#71806e}.hero-card strong{font-family:'Playfair Display',serif;font-size:28px;line-height:1.08;letter-spacing:-1px;display:block}.hero-card small{display:block;margin-top:20px;padding-top:13px;border-top:1px solid #dfe5d9;font-size:10px;color:#657064}.card-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--lime);font-size:18px}.menu-section{position:relative;background:linear-gradient(180deg,#f7f6f0 0%,#eff3e9 100%)}.menu-section:before{content:"";position:absolute;top:64px;right:9%;width:120px;height:120px;background:radial-gradient(var(--orange) 1.5px,transparent 1.5px);background-size:13px 13px;opacity:.25}.section-heading,.days,.menu-grid{position:relative}.days{padding:5px;background:rgba(255,255,255,.7);border:1px solid #e5e9e0;border-radius:8px}.day{border:0;border-radius:5px;transition:background .2s,transform .2s}.day:hover:not(.active){background:#edf0e9}.day.active{box-shadow:0 5px 12px rgba(24,32,27,.16)}.menu-card{border:1px solid #e6e9e3;border-top:4px solid var(--orange);border-radius:7px;box-shadow:0 8px 20px rgba(28,42,30,.04);transition:transform .2s,box-shadow .2s}.menu-card:hover{transform:translateY(-5px);box-shadow:0 17px 32px rgba(28,42,30,.11)}.menu-card:nth-child(2){border-top-color:#a5be49}.menu-card:nth-child(3){border-top-color:#4f9e91}.menu-card:nth-child(4){border-top-color:#d39b45}.menu-card:nth-child(5){border-top-color:#9d77b5}.how{position:relative;overflow:hidden}.how:after{content:'“';position:absolute;right:7%;bottom:-65px;font-family:'Playfair Display';font-size:250px;color:rgba(86,115,63,.09)}.steps>div{position:relative;padding:22px;border-top:1px solid rgba(47,83,43,.25);z-index:1}.steps>div:before{content:"";position:absolute;top:-3px;left:0;width:36px;height:4px;background:var(--orange)}.company-page{background:linear-gradient(130deg,#f7f7f3,#eff2eb)}.company-header{box-shadow:0 1px 12px rgba(26,36,27,.04)}.order-form,.basket,.summary{border:1px solid #e4e8e1;border-radius:8px;box-shadow:0 12px 28px rgba(30,45,32,.04)}.order-dish{transition:background .2s}.order-dish:has(input:checked){background:#f6faec}.basket{border-top:4px solid var(--lime)}.summary{border-top:4px solid #4f9e91}.toast{border-radius:5px;box-shadow:0 13px 28px rgba(0,0,0,.22)}
@media(max-width:760px){.hero{display:block}.hero-card{display:none}.days{padding:4px}.menu-card:hover{transform:none}.hero:after{right:-340px}.company-link{padding:9px 11px;font-size:12px}}

/* Layout accents */
.hero-delivery{position:absolute;right:calc(12vw + 10px);bottom:52px;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(18,36,25,.56);backdrop-filter:blur(8px);color:white}.hero-delivery>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--orange);font-size:16px}.hero-delivery b,.hero-delivery small{display:block}.hero-delivery b{font-size:11px}.hero-delivery small{font-size:10px;color:#d1d9cf;margin-top:2px}.benefits{max-width:1120px;margin:-30px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid #e3e9df;border-radius:9px;box-shadow:0 16px 38px rgba(26,48,31,.10);overflow:hidden}.benefits>div{display:flex;gap:15px;padding:23px 28px;border-left:1px solid #e8ede5}.benefits>div:first-child{border-left:0}.benefit-mark{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#eef3e7;border-radius:50%;color:#718b2a;font-size:10px;font-weight:800}.benefits p{margin:0;color:#6d776c;font-size:11px;line-height:1.45}.benefits b{display:block;color:var(--ink);font-size:13px;margin-bottom:3px}.live-label{display:inline-block;vertical-align:middle;margin:0 0 5px 10px;padding:5px 9px;border-radius:999px;background:#e7f2bd;color:#62761d;font-family:Manrope,Arial,sans-serif;font-size:10px;letter-spacing:.3px}.menu-card h3:before{content:"";display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--orange)}.menu-card:nth-child(2) h3:before{background:#a5be49}.menu-card:nth-child(3) h3:before{background:#4f9e91}.menu-card:nth-child(4) h3:before{background:#d39b45}.menu-card:nth-child(5) h3:before{background:#9d77b5}.dish-name{line-height:1.35}.dish-meta strong{color:#ce5a31}.steps>div{background:rgba(255,255,255,.34);border-radius:4px}.how{padding-top:86px}@media(max-width:880px){.benefits{margin:0;border-radius:0}.hero-delivery{right:25px;bottom:28px}}@media(max-width:760px){.benefits{display:block;margin:0 24px;border-radius:8px}.benefits>div{border-left:0;border-top:1px solid #e8ede5;padding:17px}.benefits>div:first-child{border-top:0}.hero-delivery{display:none}.live-label{margin-left:6px}.section-heading h2{font-size:32px}}
.summary .employee-name{min-width:145px;font-weight:800}.summary .order-cell{min-width:150px;vertical-align:top;white-space:normal;text-align:left}.summary .order-cell>b{display:block;color:#b94e28;font-size:13px;margin-bottom:6px}.summary .order-cell small{display:block;overflow:visible;color:#69736a;font-size:10px;line-height:1.45;white-space:normal}.summary .order-cell.empty{text-align:center;vertical-align:middle;color:#aab2aa}.summary .week-total{vertical-align:top;color:var(--ink)}
.order-days .day.ordered{background:#edf1eb;color:#768174;cursor:not-allowed}.order-days .day.ordered span{color:#889286}.order-locked{margin:20px 0;padding:20px;border:1px solid #dce6d2;border-radius:6px;background:#f4f8ee}.order-locked b,.order-locked span,.order-locked strong{display:block}.order-locked b{font-size:15px}.order-locked span{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.order-locked strong{margin-top:12px;color:#b95028}
.summary table{table-layout:fixed}.summary .employee-col{width:24%}.summary .day-col{width:12%}.summary .total-col{width:16%}.summary .order-cell{min-width:0}.summary th:not(:first-child),.summary td:not(:first-child){padding-left:12px;padding-right:12px}
.summary thead th:not(:first-child):not(:last-child){text-align:center}.summary thead th:last-child{text-align:right}
.summary-scroll-hint{display:none}
@media(max-width:760px){.summary .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px}.summary table{min-width:940px}.summary-scroll-hint{display:block;margin:16px 0 0;color:var(--muted);font-size:11px;font-weight:700}.summary .employee-col{width:190px}.summary .day-col{width:145px}.summary .total-col{width:120px}}
.company-header{justify-content:space-between}
@media(max-width:760px){.company-header .brand{display:inline-block}}
.company-header-meta{display:flex;align-items:center;gap:26px}.company-phone{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.company-phone:hover{color:var(--orange)}@media(max-width:760px){.company-header{padding:15px 18px}.company-header-meta{gap:12px;align-items:flex-end;flex-direction:column}.company-phone{font-size:11px}.company-name{font-size:12px}}
[hidden]{display:none!important}
@media(max-width:760px){.order-layout,.order-form,.basket{min-width:0;width:100%}.order-days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.order-days .day{min-width:0;width:100%}.basket .full{max-width:100%}}
.site-header{gap:28px}.site-header nav{margin-left:auto}.site-header>.site-phone{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.site-header>.site-phone:hover{color:var(--orange)}.site-footer{gap:24px}.site-footer>div{display:grid;gap:10px}.site-footer p{margin:0}.site-footer .site-phone{color:var(--lime);font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}@media(max-width:760px){.site-header>.site-phone{display:none}.site-footer{align-items:flex-start;flex-direction:column}}
.hero .primary-button{padding:11px 16px;border-radius:5px;box-shadow:none;text-decoration:none}.hero .primary-button:hover{box-shadow:none;transform:translateY(-1px)}.dish-composition{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}
.menu-unavailable{grid-column:1 / -1;margin:0;padding:28px;border:1px dashed #ccd5c8;border-radius:8px;background:#fff;color:var(--muted);font-size:14px}
.basket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.clear-basket{margin:0;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px}.clear-basket:hover{color:var(--orange)}
@media(max-width:760px){.benefits{margin:18px 18px 0;border:1px solid #dfe6da;border-radius:14px;box-shadow:0 18px 42px rgba(26,48,31,.14)}.benefits>div{padding:19px 17px;gap:14px}.benefit-mark{width:38px;height:38px;font-size:11px}.benefits b{font-size:14px}.benefits p{font-size:11px;line-height:1.5}#publicDays.days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;padding:4px;background:#fff;border-color:#dfe6da;border-radius:10px}#publicDays .day{min-width:0;padding:11px 2px 10px;border:1px solid #e1e7de;border-radius:7px;background:#f3f6f1;color:#526052;text-align:center;box-shadow:none}#publicDays .day .day-weekday{display:block;margin:0 0 4px;color:#384538;font-size:15px;line-height:1.1;font-weight:800}#publicDays .day .day-date{display:block;margin:0;color:#748072;font-size:9px;line-height:1.2;font-weight:500;white-space:nowrap}#publicDays .day.active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 5px 12px rgba(24,32,27,.17)}#publicDays .day.active .day-weekday{color:#d4e95b}#publicDays .day.active .day-date{color:rgba(255,255,255,.82)}}
/* Каждая категория меню должна иметь высоту только по своему содержимому. */
.menu-grid{align-items:start}.menu-card{align-self:start}