:root{font-family:system-ui,-apple-system,sans-serif;color:#17221c;background:#f7f8f5;line-height:1.55}*{box-sizing:border-box}body{margin:0}.site-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px max(20px,calc((100% - 1100px)/2));background:#123b2a;color:#fff}.brand{font-weight:800;color:#c8f36a;text-decoration:none}.site-header span{font-size:.9rem;opacity:.85}main{max-width:1100px;margin:auto;padding:24px 20px 48px}.hero{padding:32px 0 20px;max-width:680px}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:#39744d;font-weight:700}h1{font-size:clamp(2rem,7vw,4rem);line-height:1.05;margin:10px 0 16px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filter{border:1px solid #cbd5c9;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.filter.active{background:#123b2a;color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card{background:#fff;border:1px solid #dfe7de;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px #173a2010}.card-media{height:160px;background:linear-gradient(135deg,#dfe9dc,#b9c8b5);display:grid;place-items:center;color:#607060}.card-body{padding:18px}.card h2{font-size:1.2rem;margin:0 0 8px}.card a{color:inherit;text-decoration:none}.price{font-weight:800;color:#a24521;font-size:1.1rem}.tag{display:inline-block;font-size:.78rem;padding:4px 8px;background:#edf5df;border-radius:6px;margin:4px 4px 0 0}.muted{color:#637066}.detail{max-width:760px}.detail ul{padding-left:20px}.back{color:#39744d;font-weight:700}.notice{padding:14px;background:#fff5df;border-left:4px solid #cc8a20;border-radius:8px}footer{text-align:center;padding:24px;color:#68756b;font-size:.85rem;border-top:1px solid #e0e7df}@media(min-width:700px){main{padding-top:48px}.card-media{height:190px}}
:root{--cobalt:#24584b;--wood:#a96f45}
.gallery{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin:22px 0}.gallery img,.gallery .empty-media{width:100%;height:240px;object-fit:cover;border-radius:16px;background:linear-gradient(135deg,#dce9e4,#b8c6be);display:grid;place-items:center;color:#5b7168}.gallery img:not(:first-child){height:115px}.highlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.highlight{padding:16px;border:1px solid #dfe7de;border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:5px}.highlight strong{color:var(--cobalt)}.highlight span{color:#65746c;font-size:.9rem}.sales-copy,.legal-box{margin-top:24px;padding:20px;border-radius:16px}.sales-copy{background:#edf5f0}.legal-box{background:#fff4df;border-left:4px solid #cc8a20}.calc{padding:14px;border-radius:10px;background:#eef3f0;color:#34574a;font-size:.92rem}.cta-row{margin-top:24px}.cta,.mobile-cta a{display:inline-block;background:var(--cobalt);color:#fff;text-decoration:none;border-radius:999px;padding:12px 18px;font-weight:700}.mobile-cta{display:none}@media(max-width:699px){.site-header{position:sticky;top:0;z-index:5}.gallery{grid-template-columns:1fr}.gallery img:not(:first-child){height:130px}.mobile-cta{display:block;position:fixed;bottom:14px;left:14px;right:14px;z-index:4;text-align:center}.mobile-cta a{width:100%;box-shadow:0 8px 24px #123b2a44}.detail{padding-bottom:70px}}
:root{--cobalt:#24584b;--wood:#a96f45}
.gallery img{cursor:zoom-in}.lightbox{display:none;position:fixed;inset:0;background:#091713eF;z-index:20;place-items:center;padding:20px}.lightbox.open{display:grid}.lightbox img{max-width:96vw;max-height:90vh;border-radius:12px}.lightbox button{position:absolute;top:14px;right:18px;border:0;background:#fff;color:#173b2e;border-radius:50%;font-size:2rem;width:44px;height:44px}