/* mobilní průchod jako karty do strany; bez čáry mezi „Jak to probíhá“ a adresou (po m.css) */

/* čára mezi sekcemi pryč, pozadí se spojí přechodem */
.addr-sec { box-shadow: none !important; }
#jak { padding-bottom: 0; }
.addr-sec { margin-top: 0 !important; padding-top: clamp(90px, 12vw, 170px); }
.addr-sec::before { height: clamp(220px, 26vw, 380px); background: linear-gradient(180deg, var(--ivory) 0%, rgba(250, 246, 240, .92) 18%, rgba(250, 246, 240, .55) 50%, rgba(250, 246, 240, 0) 100%); }
#jak.how-sec { padding-bottom: 40px; }

/* ---------- Co uvidí hosté na mobilu: karty do strany ---------- */
.tour__slides, .tour__sdots { display: none; }
@media (max-width: 899px) {
  .tour__panel { display: none; }
  .tour__slides { display: flex; gap: 14px; overflow-x: auto; margin-top: 28px; padding: 6px 9vw 12px; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-padding-inline: 9vw; position: relative; z-index: 1; }
  .tour__slides::-webkit-scrollbar { display: none; }
  .tsl { flex: 0 0 82vw; max-width: 340px; scroll-snap-align: center; padding: 22px 18px 24px; border-radius: 28px; background: rgba(255, 245, 238, .09); box-shadow: inset 0 0 0 1px rgba(255, 235, 222, .2), 0 28px 40px -28px rgba(0, 0, 0, .55); text-align: center; position: relative; transition: transform .5s var(--ease), opacity .4s; }
  .tsl__phone .phone { --pw: min(52vw, 200px); margin: 0 auto; }
  .tsl__n { position: absolute; top: 14px; left: 18px; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; font: 400 26px/1 var(--script); color: #fff; background: linear-gradient(145deg, #D2A48E, #A87560); box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .6); }
  .tsl h3 { margin-top: 18px; font: 400 clamp(36px, 10vw, 46px)/1.05 var(--script); color: #FBF3EC; }
  .tsl p { margin: 8px auto 0; font-size: 17px; line-height: 1.4; color: rgba(246, 237, 230, .84); }
  .tsl ul { list-style: none; margin: 14px auto 0; padding: 0; width: fit-content; max-width: 100%; display: grid; gap: 6px; text-align: left; font-size: 16px; line-height: 1.35; color: #F6EDE6; }
  .tsl li { padding-left: 20px; position: relative; }
  .tsl li::before { content: ''; position: absolute; left: 2px; top: .6em; width: 7px; height: 7px; border: 1px solid #E9BFA7; transform: rotate(45deg); }
  .tour__sdots { display: flex; justify-content: center; gap: 8px; margin-top: 8px; position: relative; z-index: 1; }
  .tour__sdots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 235, 222, .3); transition: width .35s var(--ease), background .35s; }
  .tour__sdots i.is-on { width: 26px; border-radius: 8px; background: #E9BFA7; }
}
.addr-sec::before { opacity: 1; mix-blend-mode: normal; z-index: -1; bottom: auto; }
.addr-sec::before { height: clamp(100px, 11vw, 170px); background: linear-gradient(180deg, var(--ivory) 0%, rgba(250, 246, 240, .6) 45%, rgba(250, 246, 240, 0) 100%); }
.addr-sec { background: radial-gradient(120% 90% at 85% 0%, #F6DDD2, rgba(250, 246, 240, 0) 72%), linear-gradient(160deg, #F6E4DA, #F0D8CD); }