*{box-sizing:border-box}html{font-family:Arial,sans-serif;color:#252525;background:#fff}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}.head{min-height:78px;display:flex;align-items:center;gap:24px}.brand img{display:block;max-height:62px;width:auto}.main-nav{margin-left:auto;display:flex;gap:20px;font-weight:700}.menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:27px}
.section{padding:40px 0}.section h1,.section h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{border:1px solid #e7e7e7;border-radius:10px;overflow:hidden;background:#fff}.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.card-body{padding:14px}.card h3{font-size:18px;margin:0 0 8px}.price{color:var(--primary);font-weight:700}.content{line-height:1.75}.content img{height:auto!important}.breadcrumbs{padding:18px 0;color:#666;font-size:14px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:34px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.hero{padding:55px 35px;background:#f6f6f6;border-radius:12px}.policies{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:24px 0}.policy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.policy-grid div{display:flex;flex-direction:column;gap:5px}.policy-grid span{font-size:14px;color:#666}
.site-footer{background:#222;color:#eee;padding-top:36px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.footer-grid h3{color:#fff}.footer-grid a{display:block;color:#ddd;padding:5px 0}.copyright{text-align:center;border-top:1px solid #444;margin-top:30px;padding:18px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}.detail,.footer-grid{grid-template-columns:1fr}.policy-grid{grid-template-columns:repeat(2,1fr)}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:15px 20px;flex-direction:column;border-bottom:1px solid #eee}.main-nav.open{display:flex}}
@media(max-width:520px){.grid,.gallery-grid,.policy-grid{grid-template-columns:1fr}.container{width:min(100% - 22px,1180px)}.section{padding:28px 0}}