/* adresa = růžový pruh, průchod = hnědá textura, mobilní průchod jako konfigurátor, Jak to probíhá s měnící se fotkou / skládanými kartami (po k.css) */

/* ---------- adresa: růžový pruh přes celou šířku ---------- */
.addr-sec { color: var(--ink); background: radial-gradient(120% 90% at 85% 0%, #F8E7DE, rgba(250, 246, 240, 0) 70%), linear-gradient(160deg, #F7EBE3, #F2E1D8); box-shadow: inset 0 1px 0 rgba(184, 149, 90, .25), inset 0 -1px 0 rgba(184, 149, 90, .25); }
.addr-sec::before, .addr-sec::after { content: none; }
.addr-sec .addr__text .caps { color: var(--gold); }
.addr-sec .addr__text h3 { color: var(--ink); }
.addr-sec .addr__p { color: var(--soft); }
.addr-sec .addr__list h3 { color: var(--ink); }
.addr-sec .addr__list p { color: var(--soft); }
.addr-sec .addr__list i { color: var(--rose-deep); background: rgba(196, 145, 122, .2); }
.addr-sec .addr__pill { background: #fffdfa; color: var(--soft); }
.addr-sec .phone__body { box-shadow: 0 0 0 1px rgba(255, 255, 255, .6) inset, 0 0 0 1px rgba(110, 85, 60, .28), 0 40px 70px -24px rgba(110, 66, 46, .5); }

/* ---------- Co uvidí hosté: hnědé pozadí s texturou růží, bez květů ---------- */
.tour { color: #F6EDE6; background: linear-gradient(165deg, #46302B 0%, #5A3B34 55%, #4B322D 100%); }
.tour::before { content: ''; position: absolute; inset: 0; z-index: -2; background: url('../img/vzory/ruze.webp') center / cover; opacity: .22; mix-blend-mode: soft-light; }
.tour::after { content: none; }
.tour__fl { display: none !important; }
.tour .head .h2 { color: #FBF3EC; }
.tour .head .lede { color: rgba(246, 237, 230, .82); }
.tour .head .orn path { stroke: #E3BFA8; }
.tour .head .orn circle { fill: #E3BFA8; }
.tour .ti { background: rgba(255, 245, 238, .07); box-shadow: inset 0 0 0 1px rgba(255, 235, 222, .16); }
.tour .ti.is-on { background: rgba(255, 245, 238, .15); box-shadow: inset 0 0 0 1.5px #E9BFA7, 0 24px 34px -22px rgba(0, 0, 0, .55); }
.tour .ti__b { color: #FBF3EC; }
.tour .ti__n { background: rgba(255, 235, 222, .14); color: #F3D3BF; }
.tour .ti.is-on .ti__n { background: linear-gradient(145deg, #D2A48E, #A87560); color: #fff; }
.tour .ti__c { color: rgba(246, 237, 230, .7); }
.tour .ti__d p { color: rgba(246, 237, 230, .8); }
.tour .ti__d ul, .tour__info ul { color: #F6EDE6; }
.tour .ti__d li::before, .tour__info li::before { border-color: #E9BFA7; }
.tour .ti__d img { box-shadow: 0 0 0 1px rgba(255, 235, 222, .25); }
.tour__no { color: rgba(233, 191, 167, .5) !important; }
.tour__info h3 { color: #FBF3EC !important; }
.tour__info p { color: rgba(246, 237, 230, .82) !important; }
.tour .sbtn { background: rgba(255, 245, 238, .1); border-color: rgba(255, 235, 222, .4); color: #FBF3EC; }
.tour .sbtn--next { background: linear-gradient(145deg, #C99A84, #A87560); border-color: transparent; color: #fff; }
.tour .ti:hover { box-shadow: inset 0 0 0 1.5px rgba(233, 191, 167, .7); }
.tour .phone__body { box-shadow: 0 0 0 1px rgba(255, 255, 255, .3) inset, 0 40px 70px -24px rgba(0, 0, 0, .7); }
.price-wrap { background: linear-gradient(180deg, var(--ivory) 0%, var(--blush) 30%, var(--blush) 100%); }

/* ---------- Co uvidí hosté na mobilu: telefon + řada čísel (jako konfigurátor) ---------- */
.tour__dots { display: none; }
@media (max-width: 899px) {
  .tour__list { display: none; }
  .tour__panel { margin-top: 26px; }
  .tour__stage { display: grid; grid-template-columns: 1fr; gap: 14px; justify-items: center; }
  .tour__dots { display: flex; gap: 8px; width: calc(100% + 2 * var(--gutter)); overflow-x: auto; padding: 6px var(--gutter) 10px; scrollbar-width: none; scroll-snap-type: x proximity; }
  .tour__dots::-webkit-scrollbar { display: none; }
  .td { flex: 0 0 auto; width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; border: 1.5px solid rgba(255, 235, 222, .35); background: rgba(255, 245, 238, .08); color: #F3D3BF; font: 400 24px/1 var(--script); cursor: pointer; scroll-snap-align: center; transition: background .35s, color .35s, scale .35s var(--ease); }
  .td.is-on { background: linear-gradient(145deg, #D2A48E, #A87560); border-color: transparent; color: #fff; scale: 1.14; box-shadow: 0 8px 16px -8px rgba(0, 0, 0, .6); }
  .tour__phone .phone { --pw: min(56vw, 224px); }
  .tour__info { text-align: center; width: 100%; }
  .tour__no { display: none; }
  .tour__info h3 { font: 400 clamp(40px, 11vw, 52px)/1.05 var(--script); }
  .tour__info p { margin: 8px auto 0; font-size: 18px; line-height: 1.4; max-width: 24em; }
  .tour__info ul { margin: 14px auto 0; width: fit-content; max-width: 100%; text-align: left; font-size: 17px; gap: 6px; }
  .tour__nav { display: flex; justify-content: center; gap: 12px; margin-top: 20px; }
  .tour__info.is-swap > * { animation: tid .5s var(--ease); }
}

/* ---------- Jak to probíhá ---------- */
.how__stage { display: none; }
.how__m { display: none; }
.how__row { cursor: default; outline: none; }
@media (min-width: 900px) {
  .how { grid-template-columns: .85fr 1.15fr; }
  .how__stage { display: block; position: relative; aspect-ratio: 4 / 5; max-height: 660px; border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow), 0 0 0 1px var(--line); background: var(--blush); }
  .hfig { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1.06); transition: opacity .8s ease, transform 1.4s var(--ease); }
  .hfig.is-on { opacity: 1; transform: none; }
  .hfig img { width: 100%; height: 100%; object-fit: cover; }
  .hfig::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(60, 34, 26, .45)); }
  .hfig i { position: absolute; z-index: 2; right: 22px; bottom: 22px; width: 68px; height: 68px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 252, 248, .92); color: var(--rose-deep); font-size: 34px; box-shadow: 0 14px 24px -12px rgba(0, 0, 0, .5); }
  .how__row { cursor: pointer; padding: 14px 18px 14px 6px; border-radius: 20px; opacity: .5; transition: opacity .4s, background .4s, box-shadow .4s; }
  .how__row:hover { opacity: .85; }
  .how__row.is-on { opacity: 1; background: rgba(255, 252, 248, .8); box-shadow: 0 0 0 1px var(--line), 0 20px 30px -22px rgba(110, 66, 46, .4); }
  .how__row.is-on .how__num { color: var(--rose-deep); }
}
@media (max-width: 899px) {
  .how { gap: 10px; }
  .how__list { display: block; }
  .how__list > .h2 { margin-bottom: 18px; }
  .how__row { position: sticky; top: calc(76px + var(--n, 0) * 14px); display: block; margin-bottom: 26px; padding: 14px 16px 22px; border-radius: 26px; background: #fffdfa; box-shadow: var(--shadow), 0 0 0 1px var(--line); text-align: left; }
  .how__row:nth-of-type(1) { --n: 0; }
  .how__row:nth-of-type(2) { --n: 1; }
  .how__row:nth-of-type(3) { --n: 2; }
  .how__row:nth-of-type(4) { --n: 3; margin-bottom: 0; }
  .how__m { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 18px; box-shadow: 0 0 0 1px var(--line); }
  .how__num { position: absolute; top: 24px; left: 24px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 252, 248, .92); font-size: 32px; padding: 0; }
  .how__row > div { margin-top: 14px; }
  .how__row h3 { font-size: 26px; }
  .how__row p { margin-top: 6px; }
}
.how__m { height: auto; }