/* Arches, palm fronds and zellige: one quiet line family for the riad. */
.riad-icon {
  display: block;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.header-book .riad-icon { width: 19px; height: 19px; }
.button .riad-icon, .mobile-book .riad-icon { width: 22px; height: 22px; }
.house-facts li { gap: 15px; min-height: 53px; }
.house-facts li::before { content: none; }
.house-facts .riad-icon { width: 27px; height: 27px; color: var(--blue); }
.practical dt { display: flex; align-items: center; gap: 17px; }
.practical dt .riad-icon { width: 29px; height: 29px; color: var(--blue); }
.practical dd { margin-left: 46px; }
.pool-note { display: inline-flex; align-items: center; gap: 12px; }
.pool-note .riad-icon { width: 28px; height: 28px; }
.photo-expand { width: 38px; height: 38px; border-radius: 2px; }
.photo-expand .riad-icon { width: 21px; height: 21px; }
.faq-list .plus { width: 28px; height: 28px; }
.faq-list .plus::before, .faq-list .plus::after { content: none; }
.plus .riad-icon { width: 28px; height: 28px; }
.icon-rosette { stroke-width: 1; }
.icon-plus-vertical { transform-origin: 12px 12px; transition: transform .2s; }
details[open] .icon-plus-vertical { transform: rotate(90deg); }
@media (max-width: 640px) {
  .house-facts li { gap: 13px; }
  .practical dt { gap: 14px; }
  .practical dd { margin-left: 43px; }
  .moment .photo-expand .riad-icon { width: 18px; height: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .icon-plus-vertical { transition: none; }
}