/* Three photo panels; the selected panel gets most of the available width. */
.home-page .discovery-section { background:#fcebf4; }
.home-page .discovery-section .section-heading h2 { font-size:clamp(24px,3vw,42px); }
.home-page .temple-previews { display:flex; gap:10px; height:clamp(340px,35vw,510px); }
.home-page .temple-preview { position:relative; flex:1 1 0; min-width:0; border:0; border-radius:22px; background:#342c2d; box-shadow:none; isolation:isolate; transition:flex-grow .65s cubic-bezier(.22,.68,0,1); overflow:hidden; }
.home-page .temple-preview.is-active { flex-grow:3; }
.home-page .temple-preview:hover { transform:none; box-shadow:none; }
.home-page .temple-preview > img { position:absolute; inset:0; width:100%; height:100%; border-radius:0; object-fit:cover; }
.home-page .temple-preview::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 40%,#161015b8 100%); pointer-events:none; }
.home-page .temple-preview .temple-select { position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:22px; background:transparent; z-index:1; }
.home-page .temple-preview .temple-select:focus-visible { outline:3px solid #ef7928; outline-offset:-5px; }
.home-page .temple-preview > .temple-card-copy { position:absolute; bottom:24px; left:24px; right:16px; padding:0; z-index:2; pointer-events:none; }
.home-page .temple-preview h3 { color:#fff; font-size:clamp(15px,1.6vw,24px); line-height:1.7; margin:0; font-weight:600; }
.home-page .temple-preview .temple-sample { display:none; color:white; font-size:10px; margin-top:8px; }
.home-page .temple-sample span { display:inline-block; border-radius:20px; background:#ffffff30; padding:2px 10px; }
.home-page .temple-preview .temple-details { display:none; pointer-events:auto; background:#ec7222; color:white; border:0; border-radius:10px; padding:9px 16px; margin-top:12px; font-size:12px; font-weight:500; }
.home-page .temple-preview.is-active .temple-sample { display:block; }
.home-page .temple-preview.is-active .temple-details { display:inline-flex; align-items:center; gap:8px; }
.home-page .temple-pagination { display:flex; justify-content:center; gap:7px; margin-top:14px; }
.home-page .temple-pagination button { width:28px; height:28px; padding:0; border:0; background:transparent; position:relative; }
.home-page .temple-pagination button::after { content:""; position:absolute; height:6px; border-radius:8px; left:2px; right:2px; top:11px; background:#dfd2d9; }
.home-page .temple-pagination button[aria-pressed="true"]::after { background:#ec7222; }
@media(max-width:800px) {
  .home-page .discovery-section { padding-inline:14px; }
  .home-page .discovery-section .section-heading { gap:8px; }
  .home-page .discovery-section .section-heading h2 { font-size:clamp(21px,5.5vw,30px); margin-top:6px; }
  .home-page .discovery-section .preview-badge { font-size:9px; padding:2px 8px; }
  .home-page .discovery-section .section-sub { font-size:10px; line-height:1.8; }
  .home-page .temple-previews { gap:5px; height:clamp(330px,105vw,460px); margin-top:18px; touch-action:pan-y; }
  .home-page .temple-preview { border-radius:16px; }
  .home-page .temple-preview.is-active { flex-grow:6; }
  .home-page .temple-preview .temple-select { border-radius:16px; }
  .home-page .temple-preview > .temple-card-copy { left:12px; right:10px; bottom:18px; }
  .home-page .temple-preview:not(.is-active) .temple-card-copy { visibility:hidden; }
  .home-page .temple-preview h3 { font-size:clamp(15px,4.2vw,21px); }
  .home-page .temple-preview .temple-details { padding:8px 11px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-page .temple-preview { transition:none; }
}