/* Booking Steps Fan Gallery */
.fan-item {
  position: absolute;
  transition: all 0.3s ease;
  width: var(--mobile-w);
  height: var(--mobile-h);
}

@media (min-width: 1024px) {
  .fan-item {
    width: var(--desktop-w);
    height: var(--desktop-h);
  }
}

.fan-item-0 { transform: translate(-40px, 10px) rotate(-6deg); z-index: 10; opacity: 0.9; }
.fan-item-1 { transform: translate(-20px, 5px) rotate(-3deg); z-index: 20; opacity: 0.95; }
.fan-item-2 { transform: translate(0) rotate(0) scale(1.05); z-index: 60; }
.fan-item-3 { transform: translate(20px, 5px) rotate(3deg); z-index: 20; opacity: 0.95; }
.fan-item-4 { transform: translate(40px, 10px) rotate(6deg); z-index: 10; opacity: 0.9; }

@media (min-width: 1024px) {
  .fan-item-0 { transform: translate(-120px, 20px) rotate(-15deg); }
  .fan-item-1 { transform: translate(-60px, 10px) rotate(-9deg); }
  .fan-item-2 { transform: translate(0) rotate(0) scale(1.08); }
  .fan-item-3 { transform: translate(60px, 10px) rotate(9deg); }
  .fan-item-4 { transform: translate(120px, 20px) rotate(15deg); }
}

/* Hidden Sides Positioning Fixes */
.hs-featured-container {
    bottom: 32px !important;
    left: 32px !important;
    right: 32px !important;
    width: calc(100% - 64px) !important;
}

.hs-standard-container {
    bottom: 16px !important;
    left: 16px !important;
    right: 16px !important;
    width: calc(100% - 32px) !important;
}

.hs-mobile-featured-container {
    bottom: 24px !important;
    left: 24px !important;
    right: 24px !important;
    width: calc(100% - 48px) !important;
}

/* Why Choose Accordion */
.why-accordion-btn[aria-expanded="true"] .icon-plus {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}

.why-accordion-btn[aria-expanded="true"] .icon-minus {
    opacity: 1;
    transform: rotate(0) scale(1);
}

.why-accordion-btn[aria-expanded="true"] .accordion-content-wrapper {
    max-height: 500px;
}

.why-accordion-btn .accordion-content-wrapper {
    transition: max-height 0.5s ease-in-out, margin-top 0.3s ease;
}