/* Казкова Лапландія: доповнення до стилю buty (white edition) під наш контент */
.nav .logo b{color:var(--ink);font-weight:800}
.quiz-top .logo{font-family:'Rubik',sans-serif;font-weight:800;letter-spacing:.1em;font-size:18px}
.quiz-top .logo b{color:var(--ink)}
.hero-book{width:170px}
@media(max-width:860px){.hero-book{width:min(150px,40vw)}}

/* тарифи: дати й ціни */
.tar .dates{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}
.tar .dates li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:#555F59}
.tar .dates b{font-size:20px;font-weight:600;color:var(--ink);letter-spacing:-.03em;text-align:right}
.tar .dates small{grid-column:2;text-align:right;font-size:12px;color:var(--mut)}

/* хто веде: одна людина, фото + текст */
.host{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center;margin-top:32px}
.host>img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:14px}
.host h3{font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}
.host .role{font-size:13px;color:var(--green-text);margin:8px 0 18px}
.host p{color:#555F59;font-size:16px;line-height:1.6;max-width:52ch}
.host p+p{margin-top:12px}
.host-facts{margin:24px 0 20px;border-radius:12px;overflow:hidden}
.host-facts div{background:var(--ink2)}
@media(max-width:860px){.host{grid-template-columns:1fr}}

/* відгуки: кнопка скріна */
.rev-by .ini{font-size:15px}
.rev-shot{font-size:12px;color:var(--mut);text-decoration:underline;text-underline-offset:3px;padding:6px 0;min-height:32px}
.rev-shot:hover{color:var(--green-text)}

/* квіз: телефон з кодом країни (select замість поп-апу) */
#qForm .phone select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-right:1px solid #DCE1D7;padding:0 26px 0 14px;font:inherit;font-size:16px;color:var(--ink);min-height:54px;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,#626A65 50%),linear-gradient(135deg,#626A65 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%;background-size:5px 5px;background-repeat:no-repeat}
#qForm .phone select:focus{outline:none}
.done .btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.done .btn-o{background:#fff;border:1px solid var(--line);color:var(--ink)}
.done .btn-o:hover{background:var(--ink2)}
.qerr{color:#B4532E;font-size:14px;margin:0}

/* TODO-пометки видно только с ?todo=1 */
.todo-note{display:none}
.show-todo .todo-note{display:block;outline:2px dashed #B4532E;padding:8px 12px;margin-top:12px;font-size:13px}
.host-facts div,.host-facts div:first-child,.host-facts div:nth-child(odd){padding:22px 24px}
.host-facts b{font-size:32px}
@media(max-width:600px){.host-facts{grid-template-columns:repeat(3,1fr)}.host-facts div,.host-facts div:first-child,.host-facts div:nth-child(odd){padding:16px 12px;border-right:1px solid var(--line)}.host-facts div:last-child{border-right:0}.host-facts b{font-size:24px}.host-facts span{font-size:11px}}
@media(min-width:861px){.villa-tabs{grid-template-columns:repeat(8,1fr)!important}.villa-tabs img{height:84px}}
@media(min-width:861px){.hero{height:auto!important;min-height:100svh!important;padding-top:128px!important;padding-bottom:250px!important;justify-content:safe center}}
.vrev-track,.section-dock{overflow-y:hidden}