/* 高階・橫滑卡片：服務項目、照片、人員、票券都是可以左右滑的卡片（scroll-snap，手指一滑就停在下一張）。 */
.s-slider { --bg: #0f1b2d; --bg2: #13233a; --fg: #eef3fb; --muted: #9fb0c8; --line: #24385a; --accent: #ffb703; --on-accent: #10192a; --card: #18294a;
  --radius: 22px; --radius-btn: 999px; --shadow: 0 18px 40px rgba(0,0,0,.35); --head-weight: 800; --h1: clamp(2.2rem, 5.4vw, 3.8rem); color-scheme: dark; }
.s-slider .top { background: rgba(15, 27, 45, .88); border-bottom: 1px solid var(--line); }
.hero-slide { overflow: hidden; background: radial-gradient(70% 90% at 90% 10%, rgba(255, 183, 3, .18), transparent 60%), radial-gradient(60% 70% at 0% 100%, rgba(80, 140, 255, .18), transparent 60%); }
.slide-in { display: grid; gap: 32px; padding-block: clamp(40px, 7vw, 90px); align-items: center; }
@media (min-width: 900px) { .slide-in { grid-template-columns: 1fr 1fr; } }
.hero-slide .hero-img { border-radius: var(--radius); overflow: hidden; aspect-ratio: 4 / 3; box-shadow: var(--shadow); transform: rotate(2deg); }
.hero-slide h1 { background: linear-gradient(90deg, #fff, #ffd166); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* 卡片變成橫向滑動 */
.s-slider .cards, .s-slider .people { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 18px; padding: 6px 2px 22px; scrollbar-width: thin; scrollbar-color: var(--accent) transparent; }
.s-slider .card, .s-slider .person { flex: 0 0 min(78%, 300px); scroll-snap-align: start; border: 0; background: linear-gradient(160deg, #1d3157, #15233f); box-shadow: var(--shadow); min-height: 200px; }
.s-slider .card .price { font-size: 1.4rem; }
.s-slider .sec-h { display: flex; justify-content: space-between; align-items: end; }
.s-slider .sec-h::after { content: "滑動看更多 →"; font: 500 .82rem var(--sans); color: var(--muted); letter-spacing: .05em; }
.s-slider .sec-about .sec-h::after, .s-slider .sec-contact .sec-h::after, .s-slider .sec-slots .sec-h::after { content: none; }
.s-slider .photos-strip .pic { border-radius: var(--radius); }
.s-slider .day i { border-color: var(--line); background: var(--card); }
.s-slider .person .ini { background: var(--accent); color: var(--on-accent); }
.s-slider .foot { background: #0b1422; }