@import url('https://fonts.googleapis.com/css2?family=Marck+Script&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--red:#d92f2f;--ink:#342824;--muted:#796b64;--cream:#fff9ed;--paper:#fffdf8;--line:#eadfd1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,sans-serif}.shell{width:min(1160px,calc(100% - 40px));margin:auto}button,input,textarea{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:#fffdf8ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand img{width:50px;height:50px;border-radius:50%;border:2px solid var(--red)}.brand span{display:flex;flex-direction:column}.brand small{color:var(--muted)}.telegram,.bot{padding:11px 16px;border-radius:999px;background:#e6f3f8;color:#1689ba;text-decoration:none;font-weight:800}.hero{background:var(--cream);background-image:radial-gradient(#eadbc6 1px,transparent 1px);background-size:18px 18px;border-bottom:1px solid var(--line)}.hero-grid{min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.badge{display:inline-block;padding:8px 14px;border:1px solid #ead7c1;border-radius:999px;background:#fff;color:var(--red);font-size:13px;font-weight:900}.hero h1{margin:20px 0;font-size:clamp(48px,5vw,72px);line-height:1;letter-spacing:-.05em}.hero h1 em,.script{font-family:'Marck Script',cursive;color:var(--red);font-weight:400}.hero p{max-width:560px;color:var(--muted);font-size:18px;line-height:1.65}.primary{display:inline-block;margin-top:20px;padding:15px 22px;border-radius:13px;background:var(--red);color:#fff;text-decoration:none;font-weight:900}.benefits{display:flex;gap:24px;margin-top:24px;font-size:13px;font-weight:800}.hero-logo{position:relative;display:grid;place-items:center;min-height:480px}.hero-logo img{position:relative;width:370px;height:370px;border-radius:50%;border:9px solid #fff;box-shadow:0 22px 60px #6741252c}.checks{position:absolute;width:430px;height:430px;border-radius:50%;background-color:#fbf0db;background-image:linear-gradient(45deg,#d9ebea 25%,transparent 25%),linear-gradient(-45deg,#d9ebea 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9ebea 75%),linear-gradient(-45deg,transparent 75%,#d9ebea 75%);background-size:85px 85px}.menu{padding:80px 0 95px}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.script{font-size:27px}.heading h2{margin:2px 0;font-size:42px}.heading p{color:var(--muted);font-weight:700}.closed{padding:13px;border-radius:12px;background:#fff0eb;color:#a51e24;text-align:center;font-weight:800;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dish{display:grid;grid-template-columns:112px 1fr;min-height:170px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 7px 22px #4932250c}.dish-art{display:grid;place-items:center;background:#f6e5cf;font-size:52px}.dish-body{padding:18px 16px;display:flex;flex-direction:column;justify-content:space-between}.dish h3{font-size:16px;margin:0}.dish p{font-size:12px;color:var(--muted);font-weight:700}.dish-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.dish-bottom>strong{color:var(--red)}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.quantity button{width:32px;height:32px;border:0;background:#fff9f2;color:var(--red);font-size:17px}.quantity button:disabled{color:#aaa}.quantity b{min-width:21px;text-align:center;font-size:13px}footer{padding:30px;background:#f8efe2}footer>div{display:flex;justify-content:space-between}footer a{color:#1689ba}.cart-button{position:fixed;z-index:30;bottom:20px;left:50%;transform:translateX(-50%);width:min(470px,calc(100% - 28px));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 15px;border:0;border-radius:15px;background:var(--red);color:#fff;box-shadow:0 15px 35px #81181d5c}.cart-button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:var(--red)}.hidden{display:none!important}.modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:18px;background:#31231f99;backdrop-filter:blur(5px)}.dialog{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;padding:32px;border-radius:24px;background:var(--paper)}.dialog h2{font-size:32px;margin:4px 0 22px}.close{position:absolute;right:15px;top:15px;width:36px;height:36px;border:0;border-radius:50%;font-size:23px}.lines{display:grid;gap:11px;border-bottom:1px solid var(--line);padding-bottom:16px}.lines div,.total{display:flex;justify-content:space-between;gap:15px}.lines span{font-size:13px;color:var(--muted)}.total{padding:17px 0;font-size:20px}.total strong{color:var(--red)}.pickup{padding:13px;border-radius:11px;background:#f7eee2;font-size:13px;margin-bottom:16px}form{display:grid;gap:13px}label{display:grid;gap:6px;font-size:13px;font-weight:900}label small{color:var(--muted)}input,textarea{width:100%;padding:12px 13px;border:1px solid #dfd0c3;border-radius:10px;background:#fff}.submit,.bot{display:block;width:100%;border:0;border-radius:11px;padding:14px;text-align:center}.submit{background:var(--red);color:#fff;font-weight:900}.error{min-height:18px;margin:0;color:#b82127;font-size:12px}.success{text-align:center}.success i{display:grid;place-items:center;width:62px;height:62px;margin:auto;border-radius:50%;background:#e4f2df;color:#398442;font-size:30px;font-style:normal}.success .bot{margin-top:20px;background:#2797d4;color:#fff}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;text-align:center;padding:55px 0}.hero p{margin-inline:auto}.benefits{justify-content:center}.hero-logo{min-height:360px}.hero-logo img{width:290px;height:290px}.checks{width:330px;height:330px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{width:min(100% - 28px,520px)}.header{height:68px}.brand img{width:43px;height:43px}.brand b{font-size:14px}.brand small,.header>.telegram{display:none}.hero-grid{padding:45px 0 35px;gap:12px}.hero h1{font-size:45px}.hero p{font-size:15px}.benefits{font-size:11px}.hero-logo{min-height:310px}.hero-logo img{width:250px;height:250px}.checks{width:285px;height:285px}.menu{padding:60px 0}.heading{display:block}.heading h2{font-size:31px}.grid{grid-template-columns:1fr}.dish{grid-template-columns:100px 1fr;min-height:150px}.dialog{padding:28px 19px}.cart-button{font-size:13px}}
