/* ===== v7 ===== */
/* 3: no rotation of the passport arrow button */
.passport-tile:hover .tile-label span{transform:none}
/* 4: down arrow same visual weight as the others */
.btn-ico.down{padding:9px;rotate:135deg}
.button:hover .btn-ico.down{rotate:180deg}

/* 2: unified hover labels, opened by hovering the whole block */
.qp{display:inline-flex!important;align-items:center;position:relative;height:32px!important;min-width:32px;max-width:none!important;padding:0!important;overflow:hidden;white-space:nowrap;cursor:help;background:#ffffffeb!important;color:#20323a!important;border:1px solid #ffffff80!important;border-radius:999px;font-size:11px!important;font-weight:500;letter-spacing:.7px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 4px 14px #10233a1f;transition:box-shadow .3s}
.qp .q{position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;font-size:14px;font-weight:600;letter-spacing:0;transition:opacity .35s ease,scale .7s var(--ease2)}
.qp .t{display:grid;grid-template-columns:0fr;opacity:0;flex:none;transition:grid-template-columns .7s var(--ease2),opacity .45s ease}
.qp .t>span{overflow:hidden;min-width:0}
.qp .t i{display:block;font-style:normal;padding:0 15px;white-space:nowrap}
.qp:is(:hover,:focus,.people-tile:hover *,.event-card:hover *,.hero-art:hover *,.journey:hover *,.telegram-surface:hover *) .q{opacity:0;scale:.5}
.qp:is(:hover,:focus,.people-tile:hover *,.event-card:hover *,.hero-art:hover *,.journey:hover *,.telegram-surface:hover *) .t{grid-template-columns:1fr;opacity:1}

/* 1: adaptive hero text tone (set from photo brightness) */
.glass-caption,.coordinates,.tiny-cross,.glass-caption>div,.glass-caption small{transition:color .6s ease,background .6s ease,text-shadow .6s ease,border-color .6s ease,translate .5s var(--ease)}
.hero-art .coordinates{color:#1c2f4d;text-shadow:0 0 10px #ffffff80}
.hero-art .tiny-cross{color:#5a6f8c;text-shadow:none}
.hero-art[data-top=dark] .coordinates{color:#fff;text-shadow:0 1px 8px #0008}
.hero-art[data-cap=dark] .glass-caption{background:linear-gradient(135deg,#0a1a3a4d,#0a1a3a24);border-color:#ffffff66}
.hero-art[data-cap=dark] .glass-caption>div{color:#fff;text-shadow:0 1px 8px #0007}
.hero-art[data-cap=dark] .glass-caption small{color:#e8f0ff;text-shadow:0 1px 6px #0007}
.hero-art[data-cap=dark] .tiny-cross{color:#fff}
.hero-art[data-cap=light] .glass-caption{background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}

/* 5: whole FAQ card is clickable */
.questions details,.questions details:first-child{padding:0}
.questions summary{padding:20px 24px}
.questions details p{margin:0;padding:0 24px 22px;max-width:none}
@media(max-width:760px){.questions details,.questions details:first-child{padding:0}.questions summary{padding:16px 18px}.questions details p{padding:0 18px 18px}}

/* phone chat */
.phone{display:flex;flex-direction:column}
.phone-chat{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
.phone-chat::-webkit-scrollbar{display:none}
.phone-input{flex:none;align-items:center;gap:6px;margin:8px 15px 16px;padding:5px 6px 5px 12px}
.phone-input .field{position:relative;flex:1;height:18px;overflow:hidden}
.phone-input input{position:absolute;left:0;top:50%;width:200%;height:36px;transform:translateY(-50%) scale(.5);transform-origin:0 50%;font:16px 'Helvetica Neue',Arial,sans-serif;color:#20323a;border:0;outline:0;background:transparent;padding:0}
.phone-input input::placeholder{color:#a1afad}
.phone-input button{flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;transition:background-color .3s,transform .3s}
.phone-input button:hover{background:#2f4fd6}
.phone-input .mini-arr{width:9px;height:11px}
.phone-message.user{margin:7px 13px 0 auto;max-width:78%;background:var(--blue);color:#fff;border-radius:14px 14px 3px 14px;font-size:9px;line-height:1.4;word-break:break-word;animation:fadeSlide .4s var(--ease) both}
.phone-message.bot{animation:fadeSlide .4s var(--ease) both}
.phone-message.typing{width:44px;padding:10px;display:flex;gap:4px;animation:fadeSlide .3s both}
.phone-message.typing i{width:5px;height:5px;border-radius:50%;background:#9db0c6;animation:dot 1s infinite}
.phone-message.typing i:nth-child(2){animation-delay:.15s}.phone-message.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{translate:0 0;opacity:.5}30%{translate:0 -3px;opacity:1}}