/* ===== v6 ===== */
/* 1/7: small arrows everywhere (same icon as in "Найти своё событие") */
.round.fl .fl-a{font-size:0}
.fl-svg{width:38%;height:38%;min-width:11px;min-height:11px;fill:currentColor;stroke:none}
.mini-arr{width:16px;height:19px;fill:currentColor;stroke:none;rotate:45deg;flex-shrink:0}
.capsule-icon .mini-arr{width:14px;color:#0c1f33}
.passport-bottom>.mini-arr{width:18px;height:22px;align-self:flex-end}
.tile-label{align-items:center}
.tile-label .round{width:32px;height:32px}

/* 2/13: nothing jumps on hover */
.button:hover,.button:active{transform:none}
.interest-tile:hover,.passport-tile:hover,.points-tile:hover,.connection-tile:hover,.steps article:hover{transform:none;box-shadow:none}
.tabs button:not(.active):hover,.journey-thumbs button:hover,.telegram-tags>span:hover,.phone-message:hover,.phone-button:hover,.mini-avatars img:hover{transform:none}
.sticker.one:hover{transform:rotate(-15deg)}.sticker.two:hover{transform:rotate(10deg)}.sticker.three:hover{transform:rotate(-9deg)}
.tags-graphic span:nth-child(1):hover{transform:rotate(-12deg)}.tags-graphic span:nth-child(2):hover{transform:rotate(7deg)}.tags-graphic span:nth-child(3):hover{transform:rotate(-5deg)}
.round.fl:active{transform:none}
.event-card:hover .event-image{border-radius:25px}
.people-tile:hover .pill,.event-card:hover .event-image .pill{transform:none}
.orbit-node:hover{transform:none}
.connection-tile:hover .orbit-center{transform:none}
/* 10: stamp text must not spin */
.passport-tile:hover .passport-stamp{transform:rotate(20deg)}

/* 4: buttons inverted (blue by default, light fill on hover) */
.button,.button.dark,.button.blue,.button.white{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 14px 26px -8px #4261ee66}
.button:before{background:#f9fafb}
.button:hover{color:var(--ink);border-color:#f9fafb;box-shadow:0 14px 26px -8px #4261ee40}
.button{transition:box-shadow .4s var(--ease),color .5s ease .1s,border-color .5s ease}
.btn-ico{border-color:#fff;fill:#fff}
.button:hover .btn-ico{background:var(--blue);border-color:transparent;fill:#fff}

/* 8/9: blue tabs and progress line */
.tabs button.active{background:var(--blue);color:#fff}
.rail-line i{background:var(--blue)}

/* 3: collapsed "?" labels on photos */
.qp{display:inline-flex;align-items:center;height:32px;padding:0!important;max-width:32px;overflow:hidden;white-space:nowrap;cursor:help;transition:max-width .7s var(--ease2),background-color .3s,box-shadow .3s}
.qp .q{flex:0 0 30px;height:30px;display:grid;place-items:center;font-size:14px;font-weight:600;letter-spacing:0}
.qp .t{padding:0 16px 0 2px;opacity:0;transition:opacity .4s}
.qp:is(:hover,:focus){max-width:460px}
.qp:is(:hover,:focus) .t{opacity:1;transition-delay:.15s}
.qp:focus-visible{outline-offset:3px}

/* 12: micro text x1.5 */
.people-tile .pill,.journey-top .pill{font-size:10.5px}
.event-image .pill{font-size:11px}
.glass-label{font-size:12px}
.coordinates{font-size:13px}
.eyebrow{font-size:12px}
.interest-tile .eyebrow{font-size:10.5px}
.points-tile .eyebrow{font-size:9px}
.journey-copy .eyebrow{font-size:12px}
.tile-label{font-size:10.5px}
.journey-coordinate{font-size:12px}
.passport-label{font-size:10px}
.passport-bottom{font-size:7.5px}

/* 11: lighter journey block (desktop only) */
@media(min-width:761px){
.journey{min-height:520px}
.journey-copy{padding:30px 48px 18px}
.journey p{margin:18px 0}
.journey .button{padding:5px 6px 5px 20px}
.journey-bottom{padding:4px 36px 24px 48px}
.journey-arrows .round{width:36px;height:36px}
.journey-thumbs img{height:40px;width:54px}
.journey-bottom>span{font-size:22px}
}
@media(min-width:1151px){.journey h2{font-size:64px;letter-spacing:-3px;margin-top:14px}}

/* 14: FAQ with tabs */
.faq{display:block;text-align:center}
.faq .kicker{justify-content:center}
.faq h2{margin-left:auto;margin-right:auto}
.faq-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:34px 0 26px}
.faq-tabs button{padding:12px 20px;border-radius:30px;border:1px solid #dbe3e8;background:#fff;font-size:12px;color:#66757c;transition:background-color .35s,color .35s,border-color .35s}
.faq-tabs button:not(.active):hover{background:#eef1f8;color:var(--ink)}
.faq-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.questions{max-width:760px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:12px}
.questions details,.questions details:first-child{border:1px solid #e1e6eb;background:#fff;border-radius:16px;padding:20px 24px}
.questions details{transition:border-color .35s,box-shadow .35s,transform .5s var(--ease)}
.questions details[open]{border-color:#c3cffb;box-shadow:0 12px 28px #4261ee14}
.questions details.hide{display:none}
.questions summary:hover{transform:none}
.questions details[open] summary>span{color:var(--blue)}
@media(max-width:760px){.questions details,.questions details:first-child{padding:16px 18px}.faq-tabs{margin:24px 0 20px}}