:root{--red:#a3122a;--red-d:#7e0c1f;--orange:#e2491b;--cream:#fdf6ef;--text:#2a1c1c}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--text);background:var(--cream);line-height:1.55}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
.mr{font-family:'Baloo 2',sans-serif}
.container{width:min(1240px,95%);margin:auto}
.btn{display:inline-flex;gap:10px;align-items:center;background:var(--red);color:#fff;font-weight:600;padding:11px 24px;border-radius:5px;transition:.25s}
.btn:hover{background:var(--red-d);transform:translateY(-2px)}.btn-sm{padding:6px 14px;font-size:13px}
.btn-white{background:#fff;color:var(--red)}.btn-white:hover{background:#ffeaea}
a:focus-visible{outline:3px solid #f2a614;outline-offset:3px}
.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:92px}
.logo img{height:88px}
.nav{display:flex;gap:30px}.nav a{font-size:14px;font-weight:500;position:relative;padding:6px 0}
.nav a.active,.nav a:hover{color:var(--red)}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--red)}
.btn-call{background:var(--red);color:#fff;font-weight:600;padding:12px 24px;border-radius:6px;display:flex;gap:10px;align-items:center;font-size:15px}
.menu-toggle{display:none;background:none;border:0;font-size:24px;color:var(--red)}
.hero{display:grid;grid-template-columns:35% 65%;background:linear-gradient(90deg,#fff8f0,#fdebd8);position:relative}
.hero-text{padding:30px 10px 100px 6%}
.hero h1{font-size:46px;font-weight:800;line-height:1.15}
.hero h1 span{color:var(--red)}
.hero h2{font-size:30px;font-weight:700;line-height:1.15;margin:10px 0 6px}
.hero h2 span{color:var(--orange);font-size:26px}
.hero-text p{font-size:15px;margin-bottom:16px}
.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-feats{position:absolute;left:0;bottom:0;width:55%;background:#fff;border-top-right-radius:30px;display:grid;grid-template-columns:repeat(5,1fr);padding:12px 0;box-shadow:0 -4px 16px rgba(0,0,0,.08)}
.hero-feats div{text-align:center;font-size:12px;font-weight:500;line-height:1.3;border-left:1px solid #eee}
.hero-feats div:first-child{border:0}.hero-feats i{display:block;font-size:24px;color:#d9203f;margin-bottom:6px}
.section{padding:16px 0}
.title{text-align:center;color:var(--red);font-size:22px;font-weight:600;margin-bottom:14px}
.title span{margin:0 8px;font-size:16px}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cat{background:#fff;border-radius:6px;overflow:hidden;text-align:center;padding-bottom:14px;box-shadow:0 3px 14px rgba(0,0,0,.07)}
.cat img{width:100%;aspect-ratio:206/131;object-fit:cover}
.cat h4{color:var(--red);font-size:18px;margin-top:8px}.cat p{font-size:13px;margin-bottom:10px;line-height:1.35}
.feat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.feat-grid div,.svc-grid div{background:#fff;border-radius:4px;overflow:hidden;text-align:center;padding-bottom:8px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.feat-grid img{width:100%;aspect-ratio:136/103;object-fit:cover;margin-bottom:6px}
.feat-grid b{display:block;font-size:14px}.feat-grid small{font-size:11px}
.svc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.svc-grid div{background:none;box-shadow:none}
.svc-grid img{width:100%;aspect-ratio:122/88;object-fit:cover;border-radius:4px;margin-bottom:6px}
.svc-grid b{font-size:13px;font-weight:600;line-height:1.3;display:block}
.promo{display:grid;grid-template-columns:66% 34%;margin:14px 0}
.promo>div{display:flex;justify-content:space-between;align-items:center;min-height:130px;overflow:hidden}
.promo img{width:45%;height:100%;object-fit:cover}
.promo-crackers{background:radial-gradient(circle at 20% 30%,#3d1a4f,#140a24);color:#fff}
.promo-crackers>div{padding:14px 30px;text-align:center}
.promo-crackers h3{font-size:24px;line-height:1.1}.promo-crackers h3 span{color:#f6b822;font-size:36px}
.promo-crackers p{font-size:13px;margin:6px 0 10px}
.promo-balloon{background:linear-gradient(90deg,#fdeef3,#fbd9e5)}
.promo-balloon>div{padding:14px 20px}
.promo-balloon h3{color:var(--red);font-size:20px;line-height:1.15}.promo-balloon p{font-size:12px;margin:6px 0 10px}
.promo-balloon img{width:42%}
.why{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.why div{background:#fff;border-radius:4px;padding:12px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.why i{display:block;font-size:28px;color:#d9203f;margin-bottom:4px}.why b{display:block;font-size:14px;font-weight:600}.why small{font-size:12px}
.gallery{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr 1.25fr;gap:8px}
.gallery img{width:100%;height:150px;object-fit:cover;border-radius:4px}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi{background:#fff;display:flex;gap:16px;padding:14px 18px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.testi img{width:68px;height:68px;border-radius:50%;object-fit:cover;flex-shrink:0}
.stars{color:#f2a614;letter-spacing:3px}.testi p{font-size:13px}.testi b{font-size:12.5px}
.footer{background:linear-gradient(90deg,#7c0c26,#9a1430);color:#fff;padding:22px 0;margin-top:16px}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}
.footer-logo{max-width:260px;margin:auto}
.contact h4{font-size:19px;margin-bottom:4px}
.contact p{display:flex;gap:14px;font-size:14px;margin:6px 0}.contact i{width:18px;margin-top:4px}
.map{background:#fff;border-radius:6px;padding:6px;position:relative}
.map iframe{width:100%;height:120px;border:0;display:block}
.map .btn{position:absolute;right:14px;bottom:12px}
.wa-float{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
@media(max-width:1024px){
  .nav{position:absolute;top:92px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:10px 5%;display:none}
  .nav.open{display:flex}.nav a{padding:12px 0;border-bottom:1px solid #eee}
  .menu-toggle{display:block}.btn-call{display:none}
  .hero{grid-template-columns:1fr}.hero-text{padding:30px 5%}.hero-img{height:360px}
  .hero-feats{position:static;width:100%;border-radius:0}
  .cat-grid{grid-template-columns:1fr 1fr}.feat-grid{grid-template-columns:repeat(3,1fr)}.svc-grid{grid-template-columns:repeat(4,1fr)}
  .promo{grid-template-columns:1fr}.why{grid-template-columns:repeat(3,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .hero h1{font-size:36px}.hero-feats{grid-template-columns:repeat(3,1fr);row-gap:12px}
  .cat-grid,.testi-grid,.footer-inner{grid-template-columns:1fr}
  .feat-grid,.svc-grid,.why,.gallery{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}