*{box-sizing:border-box}body{margin:0;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#333;background:#fff;line-height:1.6;font-size:16px}
a{color:#202020}img{max-width:100%;height:auto}.w{max-width:1140px;margin:0 auto;padding:0 18px}
.topbar{background:#202020;color:#ddd;font-size:14px;padding:8px 0}.topbar a{color:#fff;text-decoration:none}.tb{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.hd{background:#fff;border-bottom:1px solid #e5e5e5}.hb{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.logo img{max-height:70px;width:auto;display:block}.logo span{font-weight:700;font-size:22px;color:#202020;text-decoration:none;display:block}.logo small{display:block;font-weight:400;font-size:13px}
.hd nav{display:flex;gap:6px 22px;flex-wrap:wrap}.hd nav a{text-decoration:none;font-weight:600;padding:6px 0;border-bottom:2px solid transparent}.hd nav a:hover{border-color:#202020}
.banner{background:#f2f2f2;padding:28px 0}.banner h1{margin:0;font-size:28px}
.intro{background:#f2f2f2;padding:36px 0;text-align:center}.intro h1{margin:0 0 10px;font-size:30px}.intro p{margin:0 auto;max-width:820px;font-size:18px}
.sec{padding:36px 0}.sec.alt{background:#f7f7f7}.sec h2{margin-top:0}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.tile{min-height:210px;background:#444 center/cover;border-radius:6px;overflow:hidden}
.tv{min-height:210px;background:rgba(0,0,0,.45);color:#fff;text-align:center;padding:18px 12px}.tv h3{margin:0 0 12px;font-size:20px}.tv p{display:flex;justify-content:space-between;background:rgba(90,90,90,.55);border-radius:4px;margin:6px 0;padding:6px 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.card{background:#fff;border:1px solid #e3e3e3;border-radius:6px;overflow:hidden}
.ph{position:relative;display:block;aspect-ratio:4/3;background:#ddd}.ph.np{aspect-ratio:auto;min-height:74px;background:#3a3a3a}.ph.np .st{top:12px}.ph.np .pr{left:auto;right:0;bottom:auto;top:12px;font-size:18px}.ph img,.noimg{width:100%;height:100%;object-fit:cover;display:block}.noimg{background:#ccc}
.st{position:absolute;top:10px;left:10px;background:#202020;color:#fff;padding:2px 10px;border-radius:3px;font-size:13px}.pr{position:absolute;left:0;bottom:0;background:rgba(32,32,32,.88);color:#fff;padding:4px 12px;font-weight:700}
.cb{padding:14px 16px}.cb h3{margin:0 0 6px;font-size:17px}.cb a{text-decoration:none}.ad{margin:0 0 8px;color:#666;font-size:14px}.ft2{margin:0;font-size:14px;color:#444}
.ad2{display:grid;grid-template-columns:2fr 1fr;gap:30px}.head{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.head h2{margin:6px 0}.meta{margin:0;color:#666}
.badge{background:#202020;color:#fff;padding:2px 12px;border-radius:3px;font-size:14px}.price{text-align:right}.price b{display:block;font-size:26px}.price span{color:#666}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-bottom:14px}.gal img{width:100%;border-radius:4px}
.stats{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.stats li{background:#f2f2f2;padding:8px 14px;border-radius:4px}
.det{columns:2;padding-left:1.2em}.box{background:#f7f7f7;border:1px solid #e3e3e3;border-radius:6px;padding:18px}.box h3{margin-top:0}
.btn{display:inline-block;background:#202020;color:#fff;text-decoration:none;padding:10px 18px;border-radius:4px;margin:4px 6px 4px 0}
.ci{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.ci h3{margin:0 0 4px}.narrow{max-width:760px}
.ft{background:#2b2b2b;color:#ccc;margin-top:0;padding-top:34px}.ft a{color:#fff}.ft h4{color:#fff;margin:0 0 10px}.ft ul{list-style:none;padding:0;margin:0}.fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px}.cp{padding-top:22px;padding-bottom:22px;font-size:14px;border-top:1px solid #444;margin-top:26px}
@media(max-width:800px){.ad2{grid-template-columns:1fr}.det{columns:1}.tb{justify-content:flex-start}.price{text-align:left}}