:root{--p:#3F6B5A;--bg:#F6F3EC;--ac:#D9B26F;--tx:#24302B}
body{background:var(--bg);color:var(--tx);font-family:'Fraunces',system-ui,sans-serif;line-height:1.75;font-size:18px}
article,main{max-width:720px;margin:0 auto;padding:0 20px}
h2{margin-top:2.2em}
.wmfy{background:#fff;border-left:4px solid var(--ac);border-radius:12px;padding:16px 20px;margin:28px 0}
h1,h2,h3{font-family:'Work Sans',sans-serif;color:var(--p)}
.hb-ad{border:1px solid #ece6dc;border-radius:16px;background:#fffdf9;margin:40px 0;font-family:system-ui,sans-serif}
.hb-bar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:8px 12px;margin:0;border-radius:0;background:var(--p);color:#fff;font-size:14px}
.hb-card{display:grid;grid-template-columns:300px 1fr;gap:16px;padding:14px;position:relative}
.hb-card img{max-width:100%;height:auto;border-radius:6px}
.hb-label{position:absolute;top:4px;right:10px;font-size:11px;color:#777;text-transform:uppercase}
.hb-btn{display:inline-block;background:var(--ac);color:#111;padding:8px 14px;border-radius:6px;font-weight:700;text-decoration:none}
.hb-tel{font-weight:700;color:inherit}
.hb-sticky{display:none}
@media(max-width:720px){.hb-card{grid-template-columns:1fr}.hb-bar span{display:none}
.hb-sticky{display:flex;position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:0;z-index:999;background:var(--p)}
.hb-sticky a{flex:1;text-align:center;padding:14px 6px;color:#fff;font-weight:700;text-decoration:none}.hb-sticky a+a{background:var(--ac);color:#111}
body{padding-bottom:56px}}
