:root{--red:#d51b0d;--yellow:#ffe329;--cream:#fff9ef;--ink:#29251f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.top{background:var(--red);color:#fff;font-size:14px;padding:7px 5%}.top span{margin-left:28px;opacity:.8}header{height:100px;padding:12px 5%;display:flex;align-items:center;gap:30px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ece3d5}.logo{width:100px;height:72px;object-fit:contain}nav{display:flex;gap:30px;margin-left:auto}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:15px 25px;font-weight:700;line-height:1.5;transition:transform .2s}.button:hover{transform:translateY(-3px)}.red{background:var(--red);color:#fff}.yellow{background:var(--yellow);color:#211c13}.hero{margin:0 3%;min-height:680px;position:relative;overflow:hidden;border-radius:20px;background:url('assets/hero.jpg') center/cover;color:#fff;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#10190ed6,transparent 85%)}.hero-copy{position:relative;padding:70px 6%;max-width:650px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.5px}.hero h1{font-size:68px;line-height:1.04;letter-spacing:-3px;font-weight:500;margin:24px 0}.lead{font-size:19px;margin:30px 0}.sticker{position:absolute;right:6%;top:45px;background:var(--yellow);color:var(--ink);border-radius:70px 70px 24px 24px;padding:30px;transform:rotate(7deg);text-align:center}.sticker em{font:italic 29px Georgia,serif}.slide-bottom{position:absolute;bottom:28px;left:6%;right:5%;display:flex;align-items:center;justify-content:space-between}.slide-bottom button{background:#ffffff20;color:#fff;border:1px solid #ffffff70;border-radius:50%;width:45px;height:45px;margin-left:10px}.benefits{display:flex;justify-content:space-around;gap:24px;background:#ffefc8;padding:26px}.benefits b{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:50%;font:14px Georgia;width:32px;height:32px;margin-right:12px}.section{max-width:1280px;padding:100px 5%;margin:auto}h2{font-size:54px;line-height:1.1;font-weight:500;letter-spacing:-2px;margin:20px 0 25px}h2 em{font-family:Georgia,serif;font-weight:400}h3{font-size:21px;margin:0 0 7px}p{max-width:650px}.intro,.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro .button{margin-top:20px}.steps article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid #d8cebf}.steps article>span{font:24px Georgia;color:var(--red)}.steps p{margin:0;color:#6d6256}.catalog{padding-top:50px}.tools{display:flex;justify-content:space-between;gap:20px;margin:36px 0}.filters{display:flex;gap:8px}.filters button{border:1px solid #d9cebc;background:transparent;padding:9px 24px;border-radius:30px}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}input{border:1px solid #d9cebc;background:#fffdf8;padding:10px 20px;border-radius:30px;min-width:250px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{text-align:left;border:1px solid #eadfce;border-radius:18px;overflow:hidden;background:#fffdf8;padding:0;color:inherit;transition:transform .2s}.product:hover{transform:translateY(-5px)}.product img{width:100%;aspect-ratio:1.15;object-fit:cover}.product div{padding:23px}.product p{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--red);margin:0 0 8px}.product h3{font-size:23px;line-height:1.2;min-height:56px}.product small{color:#766b5d}.product strong{display:block;border-top:1px solid #e9dfd1;margin-top:19px;padding-top:14px;font-size:15px}#results{font-size:14px;color:#766b5d}.preparation{display:grid;grid-template-columns:1fr 1fr;background:var(--red);color:#fff}.preparation>img{height:100%;min-height:560px;width:100%;object-fit:cover}.preparation>div{padding:70px 12%}.preparation h2{font-size:60px}.preparation .button{margin-top:20px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about>img{width:80%;margin:auto}.faq{border-top:1px solid #e8dece;padding-top:65px}.faq h2{font-size:48px}details{border-bottom:1px solid #d9cebc;padding:22px 0}summary{font-weight:700;cursor:pointer}details p{color:#6b6053}.closing{text-align:center;background:var(--red);color:#fff;padding:80px 20px}.closing h2{font-size:70px}.closing p{margin:20px auto 30px}footer{padding:40px 5% 25px}footer>div{border-top:1px solid #ddd2c1;margin-top:35px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between}.floating{position:fixed;bottom:22px;right:22px;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;background:#17c865;color:#fff;box-shadow:0 4px 20px #0002;font-size:38px;z-index:12}dialog{border:0;border-radius:24px;padding:0;width:min(880px,92vw);max-height:90vh;overflow:auto;background:var(--cream);color:var(--ink)}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#17130bbd}dialog>img{height:100%;width:100%;object-fit:cover}.detail-copy{padding:40px 28px}.detail-copy h2{font-size:35px}.detail-copy p{font-size:15px}#close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;background:#fff;border-radius:50%;font-size:26px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #2775d5;outline-offset:4px}@media(max-width:800px){header{height:85px;gap:15px;padding:8px 5%}header .button{margin-left:auto;padding:10px 14px;font-size:13px;border-radius:12px}nav{display:none}.logo{width:85px;height:60px}.top{font-size:12px;text-align:center}.top span{display:none}.hero{min-height:650px;margin:0 12px;background-position:60% center}.hero-copy{padding:130px 25px 90px}.hero h1{font-size:54px}.hero .lead{font-size:17px}.sticker{top:20px;right:20px;padding:15px 22px;font-size:13px}.sticker em{font-size:22px}.shade{background:linear-gradient(90deg,#16200de6,#0002)}.benefits{font-size:12px;gap:10px;padding:20px 12px}.benefits b{display:block;margin:0 auto 8px;width:25px;height:25px}.benefits span{text-align:center}.section{padding:65px 22px}.intro,.faq,.about{grid-template-columns:1fr;gap:30px}h2{font-size:43px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product div{padding:16px}.product h3{font-size:19px}.product small{font-size:11px}.tools{flex-direction:column}.filters button{padding:8px 20px}input{width:100%}.preparation{grid-template-columns:1fr}.preparation>img{min-height:0;height:350px}.preparation>div{padding:45px 25px}.preparation h2{font-size:48px}.about>img{max-width:260px}.closing h2{font-size:49px}.closing{padding:60px 22px}footer>div{gap:15px;flex-direction:column}dialog[open]{grid-template-columns:1fr}dialog>img{max-height:300px}.detail-copy{padding:25px}.floating{width:52px;height:52px}.product strong{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
