/* ═══════════════════════════════════════════════════════════
   OTDYH23 Icons — общие стили иконок и бейджей удобств
   Подключать после css/style.css при внедрении на страницу.
   ═══════════════════════════════════════════════════════════ */

.otdyh23-icon{
  display:inline-block;
  width:1.25em;
  height:1.25em;
  flex-shrink:0;
  color:currentColor;
  vertical-align:-0.15em;
}
.otdyh23-icon svg,
svg.otdyh23-icon{
  display:block;
  width:100%;
  height:100%;
}

.otdyh23-icon--sm{width:16px;height:16px}
.otdyh23-icon--md{width:20px;height:20px}
.otdyh23-icon--lg{width:24px;height:24px}

/* Морской акцент только через цвет иконки */
.otdyh23-icon--sea{color:#6F9EA8}

/* ─── Группы бейджей ─── */
.scenario-amenities,
.amenity-groups{
  display:grid;
  gap:18px;
  margin:0 0 22px;
}
.amenity-group__title{
  margin:0 0 10px;
  color:var(--gold,#c7a36a);
  font-family:Manrope,Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* ─── Бейдж удобства ─── */
.amenity-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:8px 12px;
  border:1px solid rgba(22,57,70,.1);
  border-radius:14px;
  background:rgba(255,253,248,.92);
  color:var(--ink,#243940);
  font-family:Manrope,Arial,sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.01em;
  box-shadow:none;
  transition:none;
}

.amenity-badge > svg,
.amenity-badge__icon{
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:18px;
  height:18px;
  color:#6F9EA8;
}

.amenity-badge > svg{
  display:block;
}

.amenity-badge__icon svg{
  display:block;
  width:100%;
  height:100%;
}

.amenity-badge__label{
  min-width:0;
  color:var(--deep,#0d2933);
  font-weight:600;
}

/* Сетка бейджей — спокойный перенос, не яркая сетка */
.amenity-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

@media(max-width:680px){
  .amenity-groups{gap:16px;margin-bottom:18px}
  .amenity-badge{
    gap:7px;
    padding:7px 10px;
    border-radius:12px;
    font-size:12.5px;
  }
  .amenity-badge__icon{
    width:16px;
    height:16px;
  }
  .amenity-badges{gap:7px}
}