/* Layout refined to match the approved 1536px reference */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
body{font-family:Inter,Arial,sans-serif;background:#fff;color:#080d18}
.wrap{max-width:1410px;padding:0 15px}
.top{height:50px}
.top .wrap{max-width:1220px;gap:42px}
.logo{font-size:32px;letter-spacing:-1.2px}
.nav{gap:37px;margin-left:8px}
.right{gap:29px}
.post{background:#007c33;border-radius:5px}
.hero{height:295px;background:linear-gradient(90deg,#ffffff72,#ffffff10),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?w=1600&q=65') center 55%/cover}
.hero .wrap{max-width:1220px;padding-top:29px}
.hero h1{font-size:57px;letter-spacing:-2.2px;margin:0 0 11px}
.hero p{font-size:19px;line-height:1.24}
.search{width:663px;margin-top:11px;height:55px;padding:6px;border-radius:10px}
.search input{font-size:13px}
.search select{font-size:13px;width:217px}
.search button{min-width:113px;font-size:14px}
.tags{font-size:12px;margin-top:11px}
.tags button{font-size:12px;padding:8px 12px}
.mascot{right:13%;bottom:-10px;width:285px;height:283px;max-height:unset;object-fit:contain;image-rendering:auto}
.hero-note{right:9%;top:38px;font-size:28px}
.cats{margin:-24px auto 8px;gap:7px;padding:11px;box-shadow:0 3px 17px #0000000e}
.cat{height:82px;padding:10px 2px;font-size:11px}
.cat span{font-size:29px;margin-bottom:8px}
.section-head{margin:13px 4px 9px;gap:18px}
.section-head h2{font-size:25px;font-weight:800;letter-spacing:-1px}
.section-head small{font-size:13px}
.cards{gap:13px}
.listing{border-radius:8px}
.listing .pic{height:115px}
.listing .details{padding:6px 13px 9px}
.listing strong{font-size:12px}
.listing .muted{font-size:11px;margin:3px 0}
.listing .price{font-size:14px;margin-top:3px}
.banners{margin:12px 0;gap:14px}
.banner{min-height:160px;padding:13px 33px}
.banner h2{font-size:29px}
.banner .art{font-size:100px}
@media(max-width:1150px){.top .wrap,.hero .wrap{max-width:100%}.mascot{right:4%}}
@media(max-width:750px){.top{height:auto}.hero{height:auto;min-height:335px}.hero h1{font-size:36px}.hero p{font-size:16px}.hero .wrap{padding-top:23px}.mascot{width:145px;height:155px;right:0;bottom:0}.hero-note{display:none}.search{height:auto;width:100%}.cat{height:80px}.cards{gap:9px}.listing .pic{height:110px}.banner h2{font-size:25px}}