:root{--bg:#f6f3eb;--green:#234b37;--lime:#d7ef71;--ink:#20261e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.logo{font-weight:900;font-size:29px;letter-spacing:-1.5px}.logo span{color:#e66b39}.logo small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:32px;font-size:13px}header button{border:1px solid var(--ink);background:none;border-radius:30px;padding:12px 20px}header button b{background:var(--green);color:white;border-radius:50%;padding:4px 8px;margin-left:7px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:65px 5%;max-width:1440px;margin:auto;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--green);margin:0 0 20px}h1{font-size:clamp(48px,5.6vw,82px);letter-spacing:-4px;line-height:1.03;margin:0;font-weight:900}h1 em{font-style:normal;color:var(--green)}.intro{font-size:14px;line-height:1.8;max-width:380px;color:#6b7366;margin:26px 0}.primary{display:inline-block;background:var(--green);border:0;color:white;padding:18px 24px;border-radius:8px;font-size:13px;font-weight:bold}.primary:hover{background:#386a4f}.muted{font-size:11px;line-height:1.8;color:#777e70}.visual{position:relative;min-height:440px;display:flex;justify-content:center;align-items:center}.circle{position:absolute;width:95%;aspect-ratio:1;max-width:470px;background:var(--lime);border-radius:50%}.visual>img{position:relative;width:78%;border-radius:50%;transform:rotate(-12deg);box-shadow:0 25px 25px #0002}.stamp{position:absolute;right:0;top:0;background:#ef703f;border-radius:50%;width:112px;height:112px;display:grid;place-content:center;text-align:center;font-size:13px;font-weight:bold;transform:rotate(12deg)}.price{position:absolute;left:0;bottom:40px;background:#fffdf7;padding:17px 23px;border-radius:8px;transform:rotate(-6deg);font-size:11px;box-shadow:0 12px 25px #0001}.price strong{display:block;font-size:34px;margin-top:5px}.price small{font-size:14px}.caption{position:absolute;bottom:-10px;right:0;letter-spacing:2px;font-size:9px}.ribbon{padding:22px;background:var(--green);color:var(--lime);text-align:center;letter-spacing:2px;font-size:16px;font-weight:bold;white-space:nowrap;overflow:hidden}#menu{padding:70px 5%;max-width:1440px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:36px;letter-spacing:-1.5px;margin:0}.heading .eyebrow{margin-bottom:12px}.toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}#categories{display:flex;gap:8px;flex-wrap:wrap}.category{border:1px solid #d5dace;border-radius:25px;padding:12px 20px;background:none;font-size:12px}.category.active{background:var(--ink);color:white;border-color:var(--ink)}#search{border:0;border-bottom:1px solid #ccd0c4;background:none;padding:10px;width:180px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fffdf7;border:1px solid #e6e7dc;border-radius:13px;padding:16px;display:flex;flex-direction:column;transition:transform .2s}.card:hover{transform:translateY(-4px)}.foodpic{background:#e9eddf;height:185px;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative}.foodpic img{width:148px;height:148px;border-radius:50%;box-shadow:0 10px 15px #0002}.foodpic small{position:absolute;top:10px;left:10px;font-size:8px;padding:5px 8px;border-radius:20px;background:var(--bg)}.card h3{font-size:14px;line-height:1.5;margin:18px 0;min-height:42px}.cardbottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.cardbottom b{font-size:22px}.cardbottom small{font-size:10px;color:#78816e;font-weight:normal}.add{border:0;background:var(--lime);border-radius:50%;width:36px;height:36px;font-size:23px}#how{background:#e9eddf;padding:60px 5%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.steps b{border:1px solid #b1bda5;border-radius:50%;width:34px;height:34px;display:grid;place-content:center;color:var(--green);font-size:12px}.steps h3{font-size:18px}.steps p{font-size:13px;line-height:1.8;max-width:270px;color:#6b7366}footer{padding:36px 5%;display:flex;align-items:center;gap:32px;flex-wrap:wrap}footer p{font-size:11px;color:#77806e;margin-right:auto}footer>a:not(.logo){font-size:11px}dialog{width:490px;max-width:94vw;max-height:90vh;border:0;border-radius:16px;padding:26px;background:var(--bg);color:var(--ink)}dialog::backdrop{background:#10201699;backdrop-filter:blur(4px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{font-size:27px}.dialoghead button{border:0;background:none;font-size:22px}.cartrow{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #d8ddcf}.cartrow img{width:46px;height:46px;border-radius:50%}.itemtext{flex:1;font-size:12px}.itemtext b{display:block;margin-bottom:7px}.qty{display:flex;gap:9px;align-items:center}.qty button{border:1px solid #cdd3c3;background:white;border-radius:50%;width:28px;height:28px}.total{display:flex;justify-content:space-between;font-size:14px}.total strong{font-size:20px}form label{display:block;font-size:12px;margin-top:15px}form input,form select,form textarea{display:block;width:100%;border:1px solid #cfd6c5;padding:12px;background:white;margin-top:7px;border-radius:7px;font-size:13px}.fine{font-size:11px;line-height:1.7;color:#707967}form .primary{width:100%}.cartempty{padding:25px 0;font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 24px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}[hidden]{display:none!important}:focus-visible{outline:3px solid #e99040;outline-offset:3px}@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.foodpic{height:155px}.foodpic img{width:125px;height:125px}.visual{min-height:350px}.toolbar{flex-direction:column}}@media(max-width:620px){header{padding:22px 6%}nav{display:none}.logo{font-size:25px}.hero{grid-template-columns:1fr;padding:40px 6%;gap:25px}h1{font-size:55px;letter-spacing:-3px}.visual{min-height:330px;max-width:380px;margin:auto;width:100%}.circle{width:85%}.visual>img{width:73%}.stamp{width:90px;height:90px;font-size:11px}.price{bottom:20px}.caption{font-size:7px}.ribbon{font-size:12px;text-align:left;padding:17px}#menu{padding:45px 5%}h2{font-size:29px}.heading>.muted{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.card{padding:10px}.foodpic{height:140px}.foodpic img{width:112px;height:112px}.foodpic small{top:6px;left:6px;font-size:7px;padding:4px 6px}.card h3{font-size:12px;margin:14px 0}.cardbottom b{font-size:19px}.category{padding:11px 14px;font-size:11px}#search{width:100%}.steps{grid-template-columns:1fr;gap:20px}.steps article{border-top:1px solid #c7d1bb;padding-top:20px}.steps p{max-width:none}#how{padding:40px 6%}footer{gap:22px}footer p{width:100%;order:5}}
/* Чиз-Биз — warm street-food identity */
:root{--bg:#faf7f0;--green:#262b22;--lime:#ffbd43;--ink:#24251f;--orange:#f56b31}body{font-family:'Trebuchet MS',Arial,sans-serif}header{background:#20251f;color:#fff9eb;border-bottom:1px solid #ffffff1c;padding:24px 6%;position:relative;z-index:2}.logo{font-size:30px;letter-spacing:-1.7px}.logo span{color:#ffbc42;padding:0 2px}.logo small{font-size:7px;letter-spacing:2.7px;color:#b9bcb1}nav{gap:36px;font-size:12px;font-weight:bold}nav a{opacity:.8;transition:opacity .2s}nav a:hover{opacity:1}header button{border-color:#ffffff35;color:#fff5df;padding:13px 20px;font-size:12px}header button b{background:#ffbd43;color:#24251f}.hero{max-width:none;background:#20251f;color:#fff9eb;padding:74px 6% 80px;gap:20px;min-height:570px;position:relative}.hero>div:first-child{position:relative;z-index:1}.hero .eyebrow{color:#ffbc42;font-size:9px;letter-spacing:2.8px;margin-bottom:30px}h1{font-size:clamp(64px,6.9vw,104px);line-height:1.01;letter-spacing:-5px;font-weight:900}h1 em{color:#ffbd43;display:inline-block;position:relative}h1 em:after{content:'';position:absolute;height:4px;background:#f56b31;left:1%;right:0;bottom:-12px;transform:rotate(-3deg);border-radius:50%}.intro{color:#bac1b4;max-width:380px;font-size:14px;line-height:1.9;margin:34px 0 28px}.hero .primary{background:#ffbd43;color:#25271f;padding:19px 24px;min-width:230px;display:inline-flex;justify-content:space-between;gap:40px;border-radius:7px;box-shadow:0 6px 0 #d99b2c;transition:transform .2s}.hero .primary:hover{transform:translateY(-2px);background:#ffca64}.primary span{font-size:18px}.hero .muted{font-size:10px;color:#9da992;margin-top:24px}.tiny-dot{display:inline-block;width:5px;height:5px;background:#ffbd43;border-radius:50%;margin-right:7px}.visual{min-height:420px}.circle{width:81%;max-width:400px;background:transparent;border:1px solid #ffbd4338;box-shadow:0 0 0 34px #ffffff03,0 0 0 35px #ffffff08}.visual>img:not(.side-food){width:65%;max-width:350px;transform:rotate(-13deg);box-shadow:0 22px 45px #0007;border:8px solid #343a2e;z-index:1}.giant-word{position:absolute;top:14%;font-size:clamp(60px,7vw,110px);font-weight:900;letter-spacing:-6px;color:#ffffff07;white-space:nowrap;transform:rotate(-15deg)}.visual .side-food{position:absolute;width:32%;height:auto;max-width:165px;border:7px solid #353b2e;border-radius:50%;right:0;bottom:23px;z-index:2;transform:rotate(14deg);box-shadow:0 12px 28px #0007}.stamp{background:var(--orange);color:#241e17;font-size:29px;line-height:1.1;width:113px;height:113px;right:1%;top:-15px;z-index:2;transform:rotate(12deg);box-shadow:0 0 0 5px #20251f}.stamp small{font-size:9px;line-height:1.5;letter-spacing:1px}.price{background:#fff9ed;color:#26291f;left:1%;bottom:26px;z-index:2;min-width:155px;border-radius:6px;box-shadow:0 12px 28px #0004;padding:17px 21px}.price strong{font-size:37px;letter-spacing:-1px}.price small{font-size:13px}.caption{font-size:7px;letter-spacing:2px;bottom:-30px;right:5%;color:#9daa91}.ribbon{background:#ffbd43;color:#20251f;padding:17px;font-size:12px;letter-spacing:2.2px;border-bottom:1px solid #e5ab3e}#menu{padding:74px 6% 85px}.heading{margin-bottom:34px}.heading .eyebrow{font-size:9px;letter-spacing:2.5px;color:#9a6f34;margin-bottom:15px}h2{font-size:38px;font-weight:900;letter-spacing:-1.7px}h2 em{font-style:normal;color:#ab552d}.heading>.muted{font-size:10px;line-height:1.9}.toolbar{padding:16px 0 24px;border-bottom:1px solid #e7e1d5;margin-bottom:30px}.category{border-radius:8px;border-color:#e5dfd2;background:#fffdf8;padding:13px 20px;font-weight:bold;font-size:11px;transition:all .2s}.category:hover{border-color:#ad9a77}.category.active{background:#292e24;color:#fff9ed}.category.active:before{content:'✳';color:#ffbd43;margin-right:7px}#search{border:1px solid #e5dfd2;border-radius:8px;background:#fffdf8;width:200px;padding:12px 15px}.grid{gap:20px}.card{border:1px solid #e8e1d3;background:#fffdf8;padding:12px;border-radius:14px;box-shadow:0 3px 0 #eee8dc;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #47351b12}.foodpic{height:190px;background:radial-gradient(ellipse at 50% 75%,#dfd3b9,#f0eadd 65%);border-radius:8px;overflow:hidden}.foodpic img{width:140px;height:140px;box-shadow:0 14px 18px #34281730;transition:transform .3s}.card:hover .foodpic img{transform:rotate(-5deg) scale(1.04)}.foodpic small{font-size:8px;color:#6d624e;background:#fffdf8ba;top:10px;left:10px;padding:5px 8px;border-radius:4px}.card h3{font-size:14px;line-height:1.45;margin:19px 6px 17px;min-height:40px}.cardbottom{border-top:1px solid #eee8dc;padding:14px 5px 4px;gap:6px}.cardbottom b{font-size:23px;letter-spacing:-.6px;white-space:nowrap}.cardbottom small{display:block;font-size:8px;font-weight:normal;letter-spacing:0;color:#8d826b;margin-top:3px}.add{background:#ffbd43;border-radius:7px;width:auto;min-width:90px;height:35px;font-size:18px;padding:0 10px;display:flex;align-items:center;gap:9px;justify-content:center}.add span{font-size:10px;font-weight:bold}.add:hover{background:#ffcb68}#how{background:#ede9dd;padding:64px 6%}.steps{gap:50px;margin-top:38px}.steps article{border-top:1px solid #cfc8b7;padding-top:24px}.steps b{border:0;background:#ddd7c7;width:35px;height:35px;border-radius:8px;font-size:11px}.steps h3{font-size:17px}.steps p{color:#7b7564;font-size:12px;line-height:1.8}.steps article:last-child b{background:#ffbd43}footer{background:#20251f;color:#fff9ed;padding:40px 6%}footer p{color:#a2aa97}footer>a:not(.logo){color:#c1c8b6}dialog{background:#faf7f0;border-radius:20px;padding:28px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#10180fd9}.dialoghead{border-bottom:1px solid #ded8ca;padding-bottom:20px}.dialoghead button{background:#ede8dd;border-radius:50%;height:34px;width:34px;font-size:17px}.cartrow{padding:20px 0}.cartrow img{height:54px;width:54px}.qty button{border-color:#ded6c5}.total{padding:15px 0;align-items:center}.total strong{font-size:26px}form input,form textarea,form select{border-color:#ded8cb;background:#fffef9}form .primary{background:#ffbd43;color:#25271f;margin-top:8px}#mobilecart{display:none}#toast{background:#fff8e8;color:#292e24;border:1px solid #ddd1b8;box-shadow:0 10px 30px #0002;z-index:5}@media(min-width:1500px){.hero{padding-left:max(6%,calc((100vw - 1280px)/2));padding-right:max(6%,calc((100vw - 1280px)/2))}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}h1{font-size:70px}.visual{min-height:390px}.foodpic{height:175px}.toolbar{flex-direction:column}#search{width:100%}}@media(max-width:620px){header{padding:21px 6%}.logo{font-size:25px}header button{padding:10px 13px;font-size:11px}.hero{padding:43px 6% 48px;gap:25px;min-height:0}h1{font-size:65px;letter-spacing:-3.8px}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}.intro{font-size:12px;line-height:1.8;margin:27px 0 23px;max-width:330px}.hero .primary{padding:16px 20px;min-width:215px}.hero .muted{font-size:9px}.visual{min-height:300px;margin-top:0;max-width:360px}.visual>img:not(.side-food){width:64%;border-width:6px}.visual .side-food{width:29%;border-width:5px;bottom:15px}.circle{width:76%;box-shadow:0 0 0 20px #ffffff03,0 0 0 21px #ffffff08}.stamp{width:85px;height:85px;font-size:24px;top:0}.stamp small{font-size:7px}.price{font-size:9px;min-width:125px;padding:13px 16px;left:0;bottom:5px}.price strong{font-size:29px}.caption{font-size:6px;letter-spacing:1.1px;bottom:-26px;right:0}.giant-word{font-size:65px;top:20%}.ribbon{font-size:10px;padding:16px}#menu{padding:43px 5% 50px}h2{font-size:31px;line-height:1.15;max-width:340px}.heading{margin-bottom:20px}.toolbar{gap:15px;padding:6px 0 20px;margin-bottom:24px}#categories{flex-wrap:nowrap;overflow:auto;max-width:90vw;padding-bottom:4px}.category{white-space:nowrap;padding:11px 14px;font-size:10px;border-radius:6px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:8px;border-radius:10px}.foodpic{height:140px}.foodpic img{width:108px;height:108px}.foodpic small{font-size:7px;top:6px;left:6px;padding:4px 6px}.card h3{font-size:12px;margin:14px 4px;min-height:36px}.cardbottom{padding:12px 3px 3px}.cardbottom b{font-size:21px}.add{min-width:32px;width:32px;height:32px;padding:0;font-size:20px}.add span{display:none}#how{padding:43px 6%}.steps{margin-top:28px;gap:18px}.steps article{padding-top:20px}.steps h3{margin:14px 0 8px}.steps p{margin-top:0}footer{padding:35px 6% 110px;gap:23px}dialog{padding:22px 18px}.dialoghead h2{font-size:25px}.itemtext{font-size:11px}#mobilecart:not([hidden]){position:fixed;bottom:16px;left:5%;width:90%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffbd43;color:#23291f;padding:18px;border:1px solid #f7d189;border-radius:12px;box-shadow:0 8px 30px #1e281c44;z-index:4;font-size:12px}#mobilecart strong{margin-left:auto;font-size:15px}#toast{bottom:86px;width:max-content;max-width:90%;text-align:center;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}