*{box-sizing:border-box}
:root{--red:#a90f0f;--darkred:#7e0808;--cream:#fff6e8;--cream2:#f8ead7;--brown:#2a1309;--gold:#e59a22;--white:#fff}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--brown)}
a{text-decoration:none;color:inherit}
.top-bar{min-height:38px;background:linear-gradient(90deg,#7e0808,#b91515);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:8px 12px;overflow:hidden}
.header{height:170px;background:#fff8ed;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 3px 18px rgba(0,0,0,.08);position:relative;z-index:5}
.logo img{width:150px;height:150px;object-fit:contain;margin:0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}
.nav{display:flex;gap:34px;font-size:14px;text-transform:uppercase;font-weight:900;align-items:center}
.nav a.active{color:var(--red);border-bottom:3px solid var(--red);padding-bottom:6px}
.order-top,.btn.red,.view-btn{background:linear-gradient(135deg,var(--red),#7d0909);color:#fff;border-radius:999px;padding:16px 32px;text-transform:uppercase;font-weight:900;box-shadow:0 12px 24px rgba(169,15,15,.28)}
.hero{min-height:560px;background:linear-gradient(90deg,rgba(31,11,4,.98),rgba(36,13,5,.9)),radial-gradient(circle at 32% 75%,rgba(160,70,20,.55),transparent 25%);display:grid;grid-template-columns:.78fr 1fr;gap:40px;align-items:center;padding:55px 4.5% 55px;color:#fff}
.small-title{color:var(--gold);font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
h1{font-size:clamp(48px,6vw,88px);line-height:.94;text-transform:uppercase;margin:0 0 20px;font-weight:1000;letter-spacing:-2px;color:#fff}
h1 span{color:#b51111}
.hero-left p{font-size:22px;line-height:1.45;max-width:610px;margin:0}
.buttons{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}
.btn.outline{border:2px solid #fff;color:#fff;border-radius:999px;padding:15px 31px;text-transform:uppercase;font-weight:900}
.news-box{position:relative;border:6px solid var(--red);border-radius:22px;overflow:hidden;background:#082851;padding:0;box-shadow:0 25px 55px rgba(0,0,0,.45);cursor:pointer}
.news-box img{width:100%;height:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:86px;height:86px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:42px;padding-left:6px}
.features{display:grid;grid-template-columns:repeat(4,1fr);background:#fff8ed;border-bottom:1px solid #dec3a0;padding:24px 7%;gap:0}
.feature{display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid #d9bea0}
.feature:last-child{border-right:0}
.icon{width:64px;height:64px;border-radius:50%;background:#34180c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px}
.feature strong{text-transform:uppercase;font-size:20px}
.feature span{font-size:19px}
.cookies,.reviews,.contact{padding:70px 6%}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}
.fan{color:var(--red);font-weight:900;text-transform:uppercase;font-size:18px}
h2{font-size:clamp(38px,4vw,58px);line-height:1;text-transform:uppercase;margin:0;color:#2a1309}
.cookie-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cookie-card,blockquote{background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(0,0,0,.13);padding:24px}
.cookie-image{height:250px;background:#fff0d5;border:2px dashed #b68a61;border-radius:16px;display:flex;align-items:center;justify-content:center;text-align:center;color:#76573b;font-weight:900;margin-bottom:18px}
.cookie-card h3{font-size:26px;margin:0 0 8px}
.dark-section{background:#281005;color:#fff;padding:70px 6%;text-align:center}
.dark-section h2{color:#fff}
.dark-section p{font-size:20px;max-width:850px;margin:20px auto 0;line-height:1.5}
blockquote{font-size:20px;line-height:1.6;border-left:8px solid var(--red)}
.contact{background:#fff8ed;font-size:20px}
footer{background:#170905;color:#fff;text-align:center;padding:30px}
.modal{display:none;position:fixed;inset:0;z-index:99}
.modal.active{display:block}
.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.82)}
.modal-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1000px,92vw);aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}
.modal-content iframe{width:100%;height:100%;border:0}
#closeVideoBtn{position:absolute;right:10px;top:10px;z-index:2;border:0;background:#fff;border-radius:50%;width:40px;height:40px;font-size:28px;cursor:pointer}
@media(max-width:950px){.top-bar{min-height:38px;background:linear-gradient(90deg,#7e0808,#b91515);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;text-align:center;padding:8px 12px;overflow:hidden}.header{height:170px;background:#fff8ed;display:flex;align-items:center;justify-content:space-between;padding:0 6%;box-shadow:0 3px 18px rgba(0,0,0,.08);position:relative;z-index:5}.logo img{width:150px;height:150px;object-fit:contain;margin:0;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}.nav{display:none}.hero{min-height:560px;background:linear-gradient(90deg,rgba(31,11,4,.98),rgba(36,13,5,.9)),radial-gradient(circle at 32% 75%,rgba(160,70,20,.55),transparent 25%);display:grid;grid-template-columns:.78fr 1fr;gap:40px;align-items:center;padding:55px 4.5% 55px;color:#fff}.features,.cookie-grid,.review-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid #d9bea0;padding:14px}.section-head{display:block}.view-btn{display:inline-block;margin-top:20px}}