:root{--red:#e61f28;--bg:#070707;--panel:#141414;--line:#333;--muted:#aaa;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Montserrat,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}header{height:78px;padding:0 3%;display:flex;align-items:center;justify-content:space-between;background:#050505;border-bottom:1px solid #4a1115;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand b,.brand span{display:block}.brand span{font-size:10px;letter-spacing:3px;color:var(--red)}nav{display:flex;gap:22px}nav a{font-size:12px;font-weight:800;text-transform:uppercase}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.cart-btn{background:transparent;color:#fff;border:1px solid var(--red);padding:11px 15px;border-radius:8px;font-weight:900}.cart-btn span{background:var(--red);padding:4px 8px;border-radius:50%}.hero{min-height:58vh;display:flex;align-items:center;padding:55px 5%;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.6)),url('https://images.unsplash.com/photo-1568901346375-23c9450c58cd?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-inner{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center}.hero-logo{width:230px;height:230px;border-radius:50%;object-fit:cover;border:5px solid #fff}.eyebrow{color:var(--red);font-weight:900;letter-spacing:3px}.hero h1,.title h2,.combo h2{font-family:'Bebas Neue';letter-spacing:2px}.hero h1{font-size:clamp(54px,7vw,100px);line-height:.9;margin:12px 0}.hero h1 span{color:var(--red)}.hero p{color:#ddd}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:0;border-radius:7px;font-weight:900;text-transform:uppercase;cursor:pointer}.red{background:linear-gradient(135deg,#ff3640,var(--red));color:#fff}.wa{background:var(--green);color:#06180b}.full{width:100%}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4a1115;border-bottom:1px solid #4a1115}.benefits div{text-align:center;padding:20px;border-right:1px solid #4a1115;font-size:12px;font-weight:800}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:25px 4%}.category{background:#111;color:#fff;border:1px solid #333;padding:18px;border-radius:9px;font-weight:800}.category.active,.category:hover{border-color:var(--red);color:var(--red)}.section{padding:35px 3% 70px}.title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.title span{height:1px;background:var(--red)}.title h2{font-size:48px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#161616,#0d0d0d);border:1px solid #333;border-radius:12px;overflow:hidden}.card:hover{border-color:var(--red)}.card img{width:100%;height:210px;object-fit:cover}.info{padding:17px}.head{display:flex;justify-content:space-between;gap:10px}.head h3{margin:0}.head b{color:var(--red);font-size:21px}.info p{color:var(--muted);font-size:12px;line-height:1.5;min-height:54px}.info button{width:100%;padding:11px;background:transparent;border:1px solid var(--red);color:var(--red);border-radius:7px;font-weight:900}.combo{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1050px;margin:auto}.combo>div{padding:35px;background:#111;border:1px solid #4a1115}.combo img{width:100%;height:360px;object-fit:cover}.combo strong{display:block;color:var(--red);font-size:45px;margin:15px 0}footer{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:40px 5%;background:#050505;border-top:1px solid #4a1115}footer h3{color:var(--red)}footer p{color:#aaa;font-size:13px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:80;padding:20px}.modal.show{display:flex}.modal-card{width:min(1180px,100%);background:#101010;border:1px solid #4a1115;border-radius:14px;padding:25px;position:relative;max-height:92vh;overflow:auto}.x{position:absolute;right:15px;top:10px;background:none;border:0;color:#fff;font-size:30px}.custom{display:grid;grid-template-columns:1.1fr 1fr 1fr .9fr;gap:16px}.custom>div:first-child img{width:100%;height:210px;object-fit:cover;border-radius:12px}.custom>div:first-child strong{color:var(--red);font-size:28px}.box{background:#161616;border:1px solid #292929;border-radius:11px;padding:16px}.opt{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #292929;font-size:13px}.opt label{display:flex;gap:8px;align-items:center}.qty{display:flex;align-items:center;gap:15px;margin:10px 0 18px}.qty button{width:36px;height:36px;background:#111;color:#fff;border:1px solid #444;border-radius:7px}.qty span{font-size:23px}textarea{width:100%;min-height:90px;background:#0c0c0c;border:1px solid #444;border-radius:8px;color:#fff;padding:10px;margin-top:7px}.sum{display:flex;justify-content:space-between;padding:16px 0}.sum b{color:var(--red);font-size:22px}#cart{position:fixed;right:-430px;top:0;width:min(420px,100%);height:100vh;background:#0d0d0d;border-left:1px solid #4a1115;z-index:100;transition:.3s;padding:20px;display:flex;flex-direction:column}#cart.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head button{background:none;border:0;color:#fff;font-size:28px}.items{flex:1;overflow:auto}.item{padding:15px 0;border-bottom:1px solid #2b2b2b}.item-top{display:flex;justify-content:space-between}.item strong{color:var(--red)}.item small{display:block;color:#c7a13b;line-height:1.5}.controls{display:flex;gap:8px;align-items:center;margin-top:9px}.controls button{background:#171717;color:#fff;border:1px solid #444;border-radius:5px;padding:5px 9px}.remove{margin-left:auto;color:#ff6666}.cart-total{border-top:1px solid #444;padding-top:15px}.cart-total>div{display:flex;justify-content:space-between;padding:8px 0}.grand b{color:var(--red);font-size:25px}#backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:90;display:none}#backdrop.show{display:block}@media(max-width:980px){nav{display:none;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#080808;padding:20px}nav.open{display:flex}.menu{display:block}.grid{grid-template-columns:1fr 1fr}.custom{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr}.hero-logo{width:150px;height:150px}.categories{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.grid,.custom,.benefits,.categories,footer,.combo{grid-template-columns:1fr}.hero h1{font-size:60px}.cart-btn{font-size:10px}}
