*{box-sizing:border-box}body{margin:0;background:#f7f3ee;color:#2c2416;font:400 16px/1.7 Inter,system-ui,sans-serif}
a{color:#3b6448}a:hover{color:#8b6914}
header{border-bottom:1px solid #e2dacd;background:#f7f3ee}
.bar{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.logo{font:700 20px/1 Inter,sans-serif;letter-spacing:.02em;color:#1f3527;text-decoration:none}.logo span{color:#3d6a4c}
.logo small{display:block;font:600 8.5px/1.6 Inter,sans-serif;letter-spacing:.14em;color:#5d5241;text-transform:uppercase}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font:500 14px/1 Inter,sans-serif}nav a{text-decoration:none;color:#2c2416}
.btn{display:inline-block;background:#3d6a4c;color:#fff!important;text-decoration:none;font:600 15px/1 Inter,sans-serif;padding:15px 22px;border-radius:8px}
.btn:hover{background:#31563d}.btn.light{background:#fff;color:#1f3527!important;border:1px solid #cdc4b2}
main{max-width:860px;margin:0 auto;padding:28px 24px 60px}
.crumb{font:400 13px/1.5 Inter,sans-serif;color:#8a7e6b;margin-bottom:18px}.crumb a{color:#8a7e6b}
h1{font:600 44px/1.1 'Cormorant Garamond',Georgia,serif;color:#1f3527;margin:0 0 18px}
h2{font:600 30px/1.2 'Cormorant Garamond',Georgia,serif;color:#1f3527;margin:42px 0 12px}
h3{font:600 18px/1.35 Inter,sans-serif;color:#2c2416;margin:22px 0 6px}
p{margin:0 0 14px}.intro{font-size:18px;color:#453a28}
.id{background:#fff;border:1px solid #e2dacd;border-left:4px solid #3d6a4c;border-radius:8px;padding:16px 20px;font-size:15px;color:#453a28;margin:22px 0}
.cta{background:#33513c;color:#f7f3ee;border-radius:12px;padding:30px;margin:44px 0;display:grid;gap:14px}
.cta h2{color:#f7f3ee;margin:0}.cta p{color:#cfdcc9;margin:0}.cta div{display:flex;gap:10px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:10px}
.cards a{display:block;background:#fff;border:1px solid #e2dacd;border-radius:10px;padding:16px;text-decoration:none;color:#1f3527;font:600 15px/1.4 Inter,sans-serif}
.cards a:hover{border-color:#3d6a4c}
.salon{background:#fff;border:1px solid #e2dacd;border-radius:10px;padding:14px 18px;margin:10px 0}.salon h3{margin:0 0 4px}.salon p{margin:0;color:#453a28}
.dist{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2dacd;border-radius:10px;overflow:hidden;margin:8px 0 6px;font-size:15px}
.dist th,.dist td{padding:9px 14px;text-align:left;border-bottom:1px solid #eee6d9}.dist td.n,.dist th.n{text-align:right;font-variant-numeric:tabular-nums}
.dist thead th{background:#efe8dc;font:600 13px/1.3 Inter,sans-serif;color:#453a28}.dist tfoot td{font-weight:600;background:#f7f3ee;border-bottom:0}
.note{font-size:13px;color:#8a7e6b}
.install{background:#fff;border:1px solid #e2dacd;border-radius:12px;padding:20px;margin:22px 0;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.install img{width:72px;height:72px;border-radius:16px}.install div{flex:1;min-width:200px}.install p{margin:4px 0 0;font-size:14px;color:#453a28}
.install button{border:0;cursor:pointer}.install .ios{display:none;font-size:14px;background:#f7f3ee;border-radius:8px;padding:10px 12px;margin-top:8px}
.qrbox{display:none}@media(min-width:760px) and (hover:hover){.qrbox{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #e2dacd;border-radius:12px;padding:16px 20px;margin:-8px 0 22px}.qrbox p{margin:0;font-size:15px}}
.upd{font-size:13px;color:#8a7e6b}
footer{border-top:1px solid #e2dacd;background:#33513c;color:#cfdcc9;font:400 13px/1.6 Inter,sans-serif}
footer .bar{padding:20px 24px}footer a{color:#cfdcc9}
@media(max-width:640px){h1{font-size:34px}h2{font-size:25px}main{padding:20px 16px 40px}.bar{padding:12px 16px}}