*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7f6;color:#062d2b}header{background:#075c50;color:white}.top{max-width:1120px;margin:auto;padding:22px 20px}.top h1{margin:0;color:#ffc33d}.top p{margin:4px 0 0}.carousel{height:360px;background:#073c37;position:relative;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;background-size:cover;background-position:center}.slide.active{opacity:1}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,32,.82),rgba(0,35,32,.15))}.slideText{position:absolute;z-index:2;left:max(7vw,30px);bottom:55px;color:#fff;max-width:650px}.slideText h2{font-size:38px;margin:0 0 8px}.slideText p{font-size:18px}.nav{position:absolute;z-index:3;top:45%;border:0;border-radius:50%;width:44px;height:44px;font-size:30px;background:#fff9;cursor:pointer}.prev{left:18px}.next{right:18px}.dots{position:absolute;z-index:3;bottom:15px;width:100%;text-align:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#fff7;margin:4px}.dot.on{background:#ffc33d}main{max-width:1120px;margin:auto;padding:28px 20px}.hero{text-align:center;margin-bottom:30px}.hero h2{font-size:30px}.hero input{width:min(760px,100%);padding:15px;border:1px solid #b8d0cc;border-radius:12px;font-size:16px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.chip{border:1px solid #ccd8d6;background:#fff;padding:10px 16px;border-radius:25px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:36px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0000000d}.cover{width:100%;height:205px;object-fit:cover;display:block}.cardbody{padding:18px}.logo{width:64px;height:64px;object-fit:cover;border-radius:12px;background:white;border:3px solid white;margin-top:-48px;position:relative}.tag{display:inline-block;background:#e5f3ef;padding:6px 10px;border-radius:14px;font-size:12px}.btn{display:inline-block;border:0;background:#e8b237;color:#092d2a;padding:11px 16px;border-radius:9px;font-weight:bold;text-decoration:none;cursor:pointer}.price{font-size:28px;font-weight:bold;color:#a66f00}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:20;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{background:#fff;border-radius:18px;max-width:720px;width:100%;padding:24px;position:relative}.modalCover{width:100%;max-height:320px;object-fit:cover;border-radius:12px}.x{position:absolute;right:12px;top:8px;border:0;background:#fff;border-radius:50%;font-size:28px;cursor:pointer}@media(max-width:650px){.carousel{height:280px}.slideText h2{font-size:27px}.nav{width:38px;height:38px}.cover{height:180px}}