/* Approved hotel service panels; every populated animal scope starts expanded. */
.hotel-page .hotel-service-panel.service-scope { display: block; margin: 0 0 18px; padding: 0; border: 1px solid #cfe1e5; border-radius: 15px; overflow: hidden; background: #fff; }
.hotel-service-panel > summary { display: flex; align-items: center; gap: 16px; padding: 20px; cursor: pointer; list-style: none; background: #f1f9f9; }
.hotel-service-panel > summary::-webkit-details-marker { display: none; }
.hotel-service-panel > summary::marker { content: ''; }
.hotel-service-panel.service-scope-cat > summary { background: #fff6f9; }
.hotel-service-heading { flex: 1; min-width: 0; }
.hotel-page .hotel-service-heading h2 { margin: 0 0 7px; font-size: 23px; line-height: 1.2; }
.hotel-service-preview { display: block; color: #55727c; font-size: 12px; line-height: 1.7; }
.hotel-service-preview > span { padding: 0 3px; color: #8ba5b0; }
.hotel-service-chevron { flex: 0 0 24px; color: #3e747d; transition: transform .15s ease; }
.hotel-service-panel[open] > summary .hotel-service-chevron { transform: rotate(180deg); }
.hotel-service-panel[open] > summary { border-bottom: 1px solid #dce9ec; }
.hotel-service-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; padding: 24px; }
.hotel-page .hotel-service-categories .service-category { margin: 0; min-width: 0; }
.hotel-page .hotel-service-categories .service-category h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 15px; color: #1c5b71; font-size: 17px; }
.hotel-service-categories h3 > span { display: inline-grid; place-items: center; min-width: 23px; height: 23px; border-radius: 7px; background: #edf5f7; color: #4e7889; font: 700 11px/1 Verdana, Arial, sans-serif; }
.hotel-page .hotel-service-categories .service-list li { gap: 8px; margin-bottom: 14px; }
.hotel-page .hotel-service-categories .service-list li > .icon { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; color: #2b8a87; }
.hotel-service-panel summary:hover { filter: brightness(.985); }
.hotel-service-panel summary:focus-visible { outline: 3px solid #1889be; outline-offset: -3px; }
@media (max-width: 600px) {
  .hotel-service-panel > summary { gap: 11px; padding: 15px; }
  .hotel-page .hotel-service-heading h2 { font-size: 21px; }
  .hotel-service-categories { grid-template-columns: minmax(0, 1fr); padding: 18px; gap: 23px; }
}
@media (prefers-reduced-motion: reduce) { .hotel-service-chevron { transition: none; } }