/* tour.css — стили, специфичные только для страницы тура: хиро
   направления, факты, карусель highlights, аккордеон «день за днём»,
   жилье. Грузится только на /tours/<slug>/ (см. build.mjs). */

@media(max-width:640px){
  .dest-hero{background-position:var(--hero-pos-mobile) !important;background-image:var(--hero-mobile) !important}
  .dest-facts-grid{grid-template-columns:repeat(2,1fr) !important}
  .dest-facts-grid > div:nth-child(2n){border-right:none !important}
  .dest-facts-grid > div{padding:14px 10px !important}
  .dest-hero-inner{padding-bottom:140px !important}
  .dest-facts-wrap{margin-top:-110px !important}
  .day-title{font-size:19px}
}

/* Width is relative to the track, not the viewport: keep the next card visible. */
#highlights-track{gap:16px;scroll-snap-type:x mandatory;padding:4px 0 22px;overscroll-behavior-x:contain}
#highlights-track .hl-card{flex:0 0 62%;width:62%;aspect-ratio:9/7;scroll-snap-align:start;scroll-snap-stop:normal}
#highlights-track img{-webkit-user-drag:none;user-select:none}
#highlights-track.is-dragging{scroll-snap-type:none;user-select:none}
.highlights-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font:400 13px/1.5 Inter,sans-serif;color:#665b50}
.highlights-controls>div{display:flex;gap:8px;flex:none}
.highlights-controls button{width:44px;height:44px;border:1px solid #cfbda5;border-radius:50%;background:#fff;color:#2A2520;font-size:22px;cursor:pointer}
.highlights-controls button:disabled{opacity:.35;cursor:default}
#highlights-track:focus-visible,.highlights-controls button:focus-visible{outline:2px solid #E37822;outline-offset:3px}
@media(max-width:640px){#highlights-track{gap:12px}#highlights-track .hl-card{flex-basis:84%;width:84%}.highlights-controls{font-size:12px}}

/* Сохраняем пропорции кадра у новых обложек (раунд 153). */
.dest-hero.updated-cover{aspect-ratio:4/3;min-height:0!important;background-position:center!important}
.dest-hero.arkhyz-cover{aspect-ratio:16/9;min-height:0!important;background-position:center!important}
.arkhyz-cover .dest-hero-inner{min-width:0;width:100%;box-sizing:border-box;overflow-wrap:anywhere;max-width:600px!important;padding-bottom:90px!important}
.arkhyz-cover h1{font-size:clamp(32px,4.3vw,60px)!important}
@media(max-width:640px){
 .dest-hero.arkhyz-cover{aspect-ratio:3/4;min-height:580px!important}
 .arkhyz-cover .dest-hero-inner{padding:24px 24px 140px!important}
 .arkhyz-cover h1{font-size:clamp(30px,7.5vw,44px)!important}
}
@media(max-width:640px){.dest-hero.updated-cover{aspect-ratio:3/4;min-height:0!important}}

.day-toggle:hover{box-shadow:0 8px 20px rgba(42,37,32,0.1)}
.day-item{margin-bottom:20px}
.day-col{width:100%;max-width:760px}
.day-photos-row{display:flex;gap:12px;margin-top:4px}
.day-photo-slot{flex:1;min-width:0;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:#EFE6D6;position:relative}
.day-photo-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.day-road{width:100%;max-width:420px;aspect-ratio:1150/310;margin:20px 0 0}
.day-road svg{width:100%;height:100%;display:block}
.housing-grid{display:flex;gap:16px}
.housing-slot{flex:1;min-width:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#EFE6D6;position:relative;box-shadow:0 10px 24px rgba(42,37,32,0.1)}
.housing-slot-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.housing-caption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(180deg, rgba(20,15,10,0) 40%, rgba(15,11,7,0.85) 100%)}
@media(max-width:640px){
  .day-photos-row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .day-photos-row::-webkit-scrollbar{display:none}
  .day-photo-slot{flex:none;width:68vw;max-width:260px;scroll-snap-align:start}
  .day-road{max-width:280px}
  .housing-grid{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .housing-grid::-webkit-scrollbar{display:none}
  .housing-slot{flex:none;width:78vw;max-width:320px;scroll-snap-align:start}
}