/*
 * ЮГИД — «Для организаторов» (/dlya-organizatorov). Поверх home.css, только фирменные токены (tokens.css).
 * Сначала телефон, дальше — 768 и 992 px. Сенсорные цели от 44 px, без горизонтальной прокрутки.
 */

/* ---------- Hero ---------- */
.yg-org-hero .yg-hero__inner { min-height: 0; padding: 32px 20px 20px; gap: 28px; grid-template-columns: minmax(0, 1fr); }
.yg-org-hero .yg-hero__inner::before {
    background:
        radial-gradient(50% 60% at 90% 0%, rgba(255, 193, 35, .22), transparent 60%),
        radial-gradient(70% 80% at 0% 100%, rgba(3, 105, 161, .65), transparent 65%),
        linear-gradient(110deg, rgba(11, 46, 69, .96) 0%, rgba(11, 46, 69, .86) 55%, rgba(11, 46, 69, .6) 100%);
}
.yg-org-hero h1 { font-size: clamp(30px, 8vw, 58px); margin: 16px 0 14px; }
.yg-org-hero__free { color: var(--yg-sun); white-space: nowrap; }
.yg-org-hero__actions { display: flex; flex-direction: column; gap: 12px; margin-top: 24px; }
.yg-org-hero__actions > *, .yg-org-hero__actions form .yg-btn { width: 100%; justify-content: center; min-height: 52px; }
.yg-org-hero__actions .yg-btn--ghost { color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .35); }
.yg-org-hero__actions .yg-btn--ghost:hover { color: var(--yg-sun); box-shadow: inset 0 0 0 2px var(--yg-sun); }

/* Два пути в первом экране: организатор и гид — равный вес, у каждого своя кнопка */
.yg-org-paths { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 24px; }
.yg-org-path {
    display: flex; flex-direction: column; padding: 20px; border-radius: var(--yg-radius); color: #fff;
    background: rgba(255, 255, 255, .08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
    backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.yg-org-path__icon {
    width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center;
    background: var(--yg-sun); color: var(--yg-ink);
}
.yg-org-path__icon svg { width: 22px; height: 22px; }
.yg-org-path h2 { font: 700 22px/1.2 var(--yg-font-head); margin: 14px 0 2px; color: #fff; }
.yg-org-path__who { margin: 0 0 12px; font-size: 15px; font-weight: 600; color: var(--yg-sun); }
.yg-org-path ul { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 8px; }
.yg-org-path li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px; font-size: 15px; line-height: 1.4; color: rgba(255, 255, 255, .88); }
.yg-org-path li svg { width: 20px; height: 20px; color: var(--yg-sun); }
.yg-org-path > .yg-btn, .yg-org-path form, .yg-org-path form .yg-btn { width: 100%; }
.yg-org-path > .yg-btn, .yg-org-path form .yg-btn { margin-top: auto; justify-content: center; min-height: 52px; }
.yg-org-path form { display: block !important; margin-top: auto; }
.yg-org-hero__how {
    display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-top: 12px;
    color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 4px;
}
.yg-org-hero__how:hover, .yg-org-hero__how:focus-visible { color: var(--yg-sun); }
.yg-org-hero__how svg { width: 18px; height: 18px; }

/* Карточка «Сколько это стоит» */
.yg-org-price {
    width: 100%; padding: 20px; border-radius: var(--yg-radius); color: var(--yg-ink);
    background: rgba(255, 255, 255, .97); box-shadow: var(--yg-shadow-lg);
}
.yg-org-price h2 { font: 800 17px/1.3 var(--yg-font-body); margin: 0 0 12px; }
.yg-org-price dl { margin: 0; display: grid; }
.yg-org-price dl > div {
    display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
    padding: 12px 0; border-bottom: 1px solid var(--yg-border);
}
.yg-org-price dt { font-weight: 600; font-size: 15px; color: var(--yg-ink-soft); }
.yg-org-price dd { margin: 0; font: 700 24px/1 var(--yg-font-head); color: var(--yg-sea); white-space: nowrap; }
.yg-org-price p { margin: 14px 0 0; font-size: 14px; color: var(--yg-muted); }
.yg-org-price a { color: var(--yg-sea); font-weight: 700; }

/* ---------- Как устроена бронь: шаги ---------- */
.yg-org-flow { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: yg-org-step; }
.yg-org-flow li {
    position: relative; counter-increment: yg-org-step;
    padding: 20px 20px 20px 68px; border-radius: var(--yg-radius); background: #fff; box-shadow: var(--yg-shadow);
}
.yg-org-flow li::before {
    content: counter(yg-org-step); position: absolute; left: 20px; top: 18px;
    width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center;
    background: var(--yg-sun); color: var(--yg-ink); font: 700 15px/1 var(--yg-font-head);
}
.yg-org-flow b { display: block; font-size: 16px; line-height: 1.3; margin-bottom: 4px; }
.yg-org-flow span { display: block; font-size: 15px; color: var(--yg-ink-soft); }

/* ---------- Что вы получаете ---------- */
.yg-org-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.yg-org-grid .yg-feat { padding: 20px; }

/* ---------- Деньги ---------- */
.yg-org-money { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.yg-org-money__box { padding: 24px 20px; border-radius: var(--yg-radius); background: #fff; box-shadow: inset 0 0 0 1px var(--yg-border); }
.yg-org-money__box--now { background: var(--yg-ink); color: #fff; box-shadow: none; }
.yg-org-money__box h3 { font: 700 20px/1.25 var(--yg-font-head); margin: 12px 0 8px; }
.yg-org-money__box p { margin: 0; font-size: 15px; color: var(--yg-ink-soft); }
.yg-org-money__box--now p { color: rgba(255, 255, 255, .82); }
.yg-org-money__tag {
    display: inline-block; padding: 6px 12px; border-radius: 999px;
    font-size: 13px; font-weight: 700; background: var(--yg-sky); color: var(--yg-sea-dark);
}
.yg-org-money__box--now .yg-org-money__tag { background: var(--yg-sun); color: var(--yg-ink); }

/* ---------- Кто может ---------- */
.yg-req { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.yg-req__box { padding: 20px; border-radius: var(--yg-radius); background: var(--yg-sky-soft); }
.yg-req__box h3 { font: 800 18px/1.3 var(--yg-font-body); margin: 0 0 14px; }
.yg-req__box ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.yg-req__box li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; color: var(--yg-ink-soft); }
.yg-req__box li svg { width: 20px; height: 20px; color: var(--yg-sea); margin-top: 2px; }

/* ---------- Вопросы ---------- */
.yg-org-faq { display: grid; gap: 10px; max-width: 820px; }
.yg-org-faq details { border-radius: var(--yg-radius-sm); background: #fff; box-shadow: inset 0 0 0 1px var(--yg-border); }
.yg-org-faq summary {
    display: flex; align-items: center; justify-content: space-between; gap: 16px;
    min-height: 56px; padding: 14px 18px; cursor: pointer; list-style: none;
    font-weight: 700; font-size: 16px; line-height: 1.35;
}
.yg-org-faq summary::-webkit-details-marker { display: none; }
.yg-org-faq summary::after {
    content: ''; flex: none; width: 10px; height: 10px; margin-right: 4px;
    border-right: 2px solid var(--yg-sea); border-bottom: 2px solid var(--yg-sea);
    transform: rotate(45deg) translateY(-3px); transition: transform .2s var(--yg-ease);
}
.yg-org-faq details[open] summary::after { transform: rotate(-135deg) translateY(-3px); }
.yg-org-faq summary:focus-visible { outline: 3px solid var(--yg-sun); outline-offset: 2px; border-radius: var(--yg-radius-sm); }
.yg-org-faq details p { margin: 0; padding: 0 18px 18px; color: var(--yg-ink-soft); font-size: 15px; }

/* ---------- Финальный призыв ---------- */
.yg-org-final { padding: 0 0 64px; }
.yg-org-final__card {
    display: grid; gap: 20px; padding: 28px 20px; border-radius: var(--yg-radius-lg);
    background: var(--yg-ink); color: #fff;
}
.yg-org-final__card h2 { font: 700 clamp(22px, 5vw, 32px)/1.2 var(--yg-font-head); margin: 0 0 8px; color: #fff; }
.yg-org-final__card p { margin: 0; color: rgba(255, 255, 255, .8); }
.yg-org-final__card > .yg-btn, .yg-org-final__card form .yg-btn { width: 100%; justify-content: center; min-height: 52px; }
.yg-org-final__actions { display: flex; flex-direction: column; gap: 12px; }
.yg-org-final__actions > .yg-btn, .yg-org-final__actions form, .yg-org-final__actions form .yg-btn { width: 100%; justify-content: center; min-height: 52px; }
.yg-org-final__actions form { display: block !important; }
.yg-org-final__actions .yg-btn--ghost { color: #fff; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .35); }
.yg-org-final__actions .yg-btn--ghost:hover { color: var(--yg-sun); box-shadow: inset 0 0 0 2px var(--yg-sun); }

/* Блок гида в «Кто может размещаться» — акцент фирменным солнцем, кнопка внизу */
.yg-req__box--guide { background: var(--yg-ink); color: #fff; scroll-margin-top: 96px; }
.yg-req__box--guide h3 { color: #fff; }
.yg-req__box--guide li { color: rgba(255, 255, 255, .85); }
.yg-req__box--guide li svg { color: var(--yg-sun); }
.yg-req__box { display: flex; flex-direction: column; }
.yg-req__cta { margin-top: auto; padding-top: 20px; }
.yg-req__cta form { display: block !important; }
.yg-req__cta > .yg-btn, .yg-req__cta form .yg-btn { width: 100%; justify-content: center; min-height: 52px; }

/* ---------- Планшет ---------- */
@media (min-width: 768px) {
    .yg-org-hero .yg-hero__inner { padding: 48px 32px 32px; }
    .yg-org-hero__actions { flex-direction: row; flex-wrap: wrap; }
    .yg-org-hero__actions > *, .yg-org-hero__actions form .yg-btn { width: auto; }
    .yg-org-price { max-width: 420px; padding: 24px; }
    .yg-org-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .yg-org-final__actions { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; }
    .yg-org-final__actions > .yg-btn, .yg-org-final__actions form, .yg-org-final__actions form .yg-btn { width: auto; }
    .yg-req__cta > .yg-btn, .yg-req__cta form .yg-btn { width: auto; }
    .yg-org-flow, .yg-org-grid, .yg-org-money, .yg-req { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .yg-org-money__box, .yg-req__box { padding: 28px; }
    .yg-org-final__card { grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 32px; padding: 40px; }
    .yg-org-final__card > .yg-btn, .yg-org-final__card form .yg-btn { width: auto; }
    .yg-org-final { padding-bottom: 88px; }
}

/* ---------- Десктоп ---------- */
@media (min-width: 992px) {
    .yg-org-hero .yg-hero__inner { min-height: 540px; padding: 64px 56px 48px; gap: 40px 56px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
    .yg-org-price { justify-self: end; padding: 28px; }
    .yg-org-flow { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .yg-org-flow li { padding: 72px 22px 22px; }
    .yg-org-flow li::before { top: 22px; left: 22px; }
    .yg-org-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .yg-org-final__card { padding: 48px 56px; }
}