*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f6f8fa;color:#172b35}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 22px}header{background:white;border-bottom:1px solid #e5eaed}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:26px;font-weight:850;color:#087e74}.nav a:last-child{font-weight:650}.hero{background:linear-gradient(115deg,#086b65,#0c9a88);color:white;padding:66px 0 74px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.12;max-width:680px;margin:0 0 14px}.hero p{opacity:.9;max-width:610px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;background:white;padding:18px;border-radius:16px;box-shadow:0 12px 35px #0a454020;margin-top:-32px;position:relative}input,select{width:100%;padding:14px;border:1px solid #dbe4e6;border-radius:10px;background:white;font:inherit;color:#253b43}main{padding:36px 0 70px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionhead h2{font-size:26px}.muted{color:#667b83}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #153c4410;border:1px solid #e7eded;transition:transform .2s}.card:hover{transform:translateY(-4px)}.photo{height:210px;background:#d9e6e5;position:relative;display:grid;place-items:center;color:#637b7b}.photo img{width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:14px;left:14px;background:#fff;padding:7px 12px;border-radius:99px;font-size:12px;font-weight:750;color:#087e74}.cardbody{padding:20px}.price{color:#087e74;font-size:23px;font-weight:850}.card h3{font-size:18px;margin:10px 0 6px}.spec{display:flex;gap:15px;flex-wrap:wrap;color:#5b7078;font-size:13px;margin-top:16px}.detail{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:35px}.panel{background:white;padding:24px;border-radius:18px;border:1px solid #e6ecee}.gallery{height:420px;background:#dce8e8;border-radius:14px;overflow:hidden;display:grid;place-items:center;color:#637b7b}.gallery img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto}.thumbs button{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#e5eeee;width:85px;height:65px}.thumbs img{width:100%;height:100%;object-fit:cover}.button{display:block;text-align:center;background:#087e74;color:white;padding:15px 20px;border-radius:11px;font-weight:750;margin-top:22px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:18px 0;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1}.facts b{display:block;font-size:18px;margin-top:5px}footer{border-top:1px solid #e3e9ea;padding:25px 0;color:#6b7d82;background:white}.empty{padding:30px;background:white;border-radius:12px}.back{color:#087e74;font-weight:700}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.gallery{height:340px}}@media(max-width:560px){.cards,.filters{grid-template-columns:1fr}.hero{padding:48px 0 70px}.photo{height:230px}.gallery{height:260px}.nav{height:68px}}