/* Балийский лендинг: только то, чего нет в боевой h09v2.css.
   Все значения — через токены темы, чтобы не разъезжалось. */
.mh-media__main{border-radius:var(--radius-lg);overflow:hidden;background:var(--panel);aspect-ratio:4/3}
.mh-media__main img{width:100%;height:100%;object-fit:cover}
.mh-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}
.mh-thumbs button{padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);aspect-ratio:1/1;cursor:pointer}
.mh-thumbs button.is-on{border-color:var(--ink)}
.mh-thumbs img{width:100%;height:100%;object-fit:cover}
.mh-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mh-seg__c{border:1px solid var(--line);border-radius:var(--radius);padding:22px 20px;background:#fff}
.mh-seg__c h3{margin:0 0 8px;font-size:17px;font-weight:500}
.mh-seg__c p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.mh-seg__k{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-dark)}
.mh-cta{max-width:420px;margin:26px auto 0}
.mh-note{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted)}
.mh-anchor{scroll-margin-top:80px}
@media(max-width:749px){
  .mh-seg{grid-template-columns:1fr;gap:12px}
  .mh-thumbs{grid-template-columns:repeat(5,1fr);gap:6px}
  .mh-media__main{border-radius:0}
}
.h09-price{flex-wrap:wrap}
/* цена и строка «доставка включена» — всегда в две строки, а не рядом */
.h09-price{flex-wrap:wrap;align-items:baseline}
.h09-price__now{flex:0 0 auto}
.h09-price__delivered{flex:1 0 100%;max-width:520px}