/* ОБЪЕКТ — квиз (objk-*): единый шаблон для всех квизов сайта. Файл переписан целиком по ТЗ «переделка квиза».
   Изолирован от main.css: селекторы из двух классов (.objk-quiz .objk-x). Раскладка — от ширины места вставки
   (container queries; пороги чуть ниже 768/1200 — ширина блока меньше экрана на полосу прокрутки):
     до 749px — телефон: шапка с фото в правом верхнем углу, «Вопрос N из M» над шагами, варианты с картинками
                в 2 колонки, текстовые — в 1, эксперт — компактной карточкой над кнопками;
     750–1179px — планшет: как телефон, но карточки с картинками в 3 колонки, текстовые варианты — в 2;
     от 1180px — компьютер: справа колонка эксперта (липнет при прокрутке), фото шапки справа, карточки в ряд.
   main.css гасит рамку фокуса у всего (* { outline: none !important }) и красит текст полей в чёрный
   (input { color: #000 !important }) — поэтому у :focus-visible и цвета полей здесь !important. */

.objk-quiz,
.objk-quiz *,
.objk-quiz *::before,
.objk-quiz *::after{box-sizing:border-box;}

.objk-quiz{
  container:objk / inline-size;
  --objk-bg:#1C1A1A;
  --objk-cream:#F5F2ED;
  --objk-accent:#A9967D;
  --objk-accent-hover:#B8A68E;
  --objk-line:rgba(245,242,237,0.14);
  --objk-error:#C46A5A;
  position:relative;
  margin:0;
  padding:var(--objekt-section-py-cq, clamp(64px, 6.25cqw, 120px)) 0;
  background:var(--objk-bg);
  color:var(--objk-cream);
  font-family:var(--objekt-font-body, 'Manrope', sans-serif);
  overflow:hidden;
  overflow:clip;              /* clip, а не hidden: hidden сделал бы блок прокручиваемым, и колонка эксперта перестала бы липнуть */
}
.objk-quiz p{margin:0;padding:0;}
.objk-quiz fieldset{margin:0;padding:0;border:0;min-width:0;}
.objk-quiz fieldset[hidden],
.objk-quiz .objk-final[hidden],
.objk-quiz [hidden]{display:none !important;}
.objk-quiz button{font-family:inherit;margin:0;box-shadow:none;-webkit-appearance:none;appearance:none;text-transform:none;letter-spacing:normal;cursor:pointer;}
.objk-quiz img{max-width:none;}
.objk-quiz .objk-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* переменные раскладки — на обёртке: правила @container действуют только на потомков контейнера */
.objk-quiz .objk-wrap{
  --objk-pad:16px;
  position:relative;
  padding:0 var(--objk-pad);
}
.objk-quiz .objk-main{position:relative;min-width:0;}

/* ---------- титульное фото: растворяется в фоне слева и снизу ---------- */
.objk-quiz .objk-cover{
  position:absolute;
  top:calc(-1 * var(--objekt-section-py-cq, 64px));
  right:calc(-1 * var(--objk-pad));
  width:82%;
  height:clamp(300px, 92cqw, 420px);
  z-index:0;
  pointer-events:none;
  opacity:.7;
}
.objk-quiz .objk-cover picture{display:block;width:100%;height:100%;}
.objk-quiz .objk-cover__img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 40%;}
.objk-quiz .objk-cover::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, #1C1A1A 0%, rgba(28,26,26,0.72) 30%, rgba(28,26,26,0) 70%),
    linear-gradient(0deg, #1C1A1A 0%, rgba(28,26,26,0.6) 30%, rgba(28,26,26,0) 65%),
    linear-gradient(180deg, rgba(28,26,26,0.5) 0%, rgba(28,26,26,0) 25%);
}

/* ---------- шапка ---------- */
.objk-quiz .objk-head{position:relative;z-index:1;}
.objk-quiz .objk-eyebrow{
  display:flex;align-items:center;gap:16px;
  margin:0 0 16px;
  font-size:var(--objekt-fs-caption, 12px);
  letter-spacing:0.3em;
  text-transform:uppercase;
  color:var(--objk-accent);
}
.objk-quiz .objk-eyebrow span{flex-shrink:0;}
/* линия справа от эйдброу — как во всех obj*-блоках сайта, на телефоне тоже */
.objk-quiz .objk-eyebrow i{display:block;flex:1 1 auto;max-width:560px;height:1px;background:var(--objekt-color-line-strong, rgba(245,242,237,0.28));}
.objk-quiz .objk-title{
  font-family:var(--objekt-font-heading, 'Playfair Display', serif);
  font-weight:400;
  font-size:clamp(34px, 9cqw, 46px);
  line-height:1.06;
  letter-spacing:-0.015em;
  color:var(--objk-cream);
}
.objk-quiz .objk-title__l1,
.objk-quiz .objk-title__l2{display:block;}
.objk-quiz .objk-title__l2{color:var(--objk-accent);}
.objk-quiz .objk-sub{margin-top:12px;max-width:560px;font-size:clamp(16px, 4.3cqw, 18px);line-height:1.45;color:rgba(245,242,237,0.85);}

/* ---------- шаги ---------- */
.objk-quiz .objk-progress{margin-top:26px;}
.objk-quiz .objk-meta{font-size:17px;line-height:1.3;color:var(--objk-accent);margin-bottom:12px;font-variant-numeric:tabular-nums;}
.objk-quiz .objk-steps{display:flex;align-items:center;margin:0;padding:0;list-style:none;}
.objk-quiz .objk-steps__item{display:flex;align-items:center;flex:1 1 0;min-width:0;margin:0;padding:0;list-style:none;}
.objk-quiz .objk-steps__item::marker{content:none;}
.objk-quiz .objk-steps__item:first-child{flex:0 0 auto;}
/* линия перед кружком */
.objk-quiz .objk-steps__item + .objk-steps__item::before{
  content:"";flex:1 1 auto;height:1px;margin:0 6px;
  background:rgba(245,242,237,0.2);
  transition:background-color .25s ease;
}
.objk-quiz .objk-steps__item.is-done + .objk-steps__item::before,
.objk-quiz .objk-steps__item.is-current::before,
.objk-quiz .objk-steps__item.is-done::before{background:var(--objk-accent);}
.objk-quiz .objk-step{
  position:relative;
  flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  padding:0;
  border:1px solid rgba(245,242,237,0.4);
  border-radius:50%;
  background:transparent;
  color:rgba(245,242,237,0.7);
  font-size:15px;
  font-variant-numeric:tabular-nums;
  transition:background-color .25s ease, border-color .25s ease, color .25s ease;
}
.objk-quiz .objk-step:disabled{cursor:default;opacity:1;}
.objk-quiz .objk-step__ok{display:none;width:55%;height:55%;}
.objk-quiz .objk-step__ok svg{display:block;width:100%;height:100%;}
.objk-quiz .is-current > .objk-step,
.objk-quiz .is-done > .objk-step{background:var(--objk-accent);border-color:var(--objk-accent);color:var(--objk-bg);}
.objk-quiz .is-done > .objk-step .objk-step__num{display:none;}
.objk-quiz .is-done > .objk-step .objk-step__ok{display:block;}
.objk-quiz .is-done > .objk-step:hover{background:var(--objk-accent-hover);}
.objk-quiz .objk-step:focus-visible{outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
/* много вопросов — на телефоне тонкая полоса вместо кружков */
.objk-quiz .objk-bar{display:none;height:2px;background:rgba(245,242,237,0.15);}
.objk-quiz .objk-bar i{display:block;height:100%;background:var(--objk-accent);transition:width .3s ease;}
.objk-quiz[data-many] .objk-steps{display:none;}
.objk-quiz[data-many] .objk-bar{display:block;}

/* ---------- вопрос ---------- */
.objk-quiz .objk-panel{position:relative;z-index:1;margin:0;}
.objk-quiz .objk-stage{position:relative;margin-top:30px;transition:height .3s ease;}
.objk-quiz .objk-q,
.objk-quiz .objk-final{transition:opacity .3s ease, transform .3s ease;}
.objk-quiz .objk-q.is-leaving,
.objk-quiz .objk-final.is-leaving{opacity:0;transform:translateX(-16px);transition-duration:.22s;}
.objk-quiz .objk-q.is-entering,
.objk-quiz .objk-final.is-entering{opacity:0;transform:translateX(16px);transition:none;}
.objk-quiz .is-back .objk-q.is-leaving,
.objk-quiz .is-back .objk-final.is-leaving{transform:translateX(16px);}
.objk-quiz .is-back .objk-q.is-entering,
.objk-quiz .is-back .objk-final.is-entering{transform:translateX(-16px);}
.objk-quiz .objk-q-meta{display:none;font-size:17px;color:var(--objk-accent);margin-bottom:10px;}
.objk-quiz .objk-final .objk-q-meta{display:block;}
.objk-quiz .objk-q-title{
  font-family:var(--objekt-font-heading, 'Playfair Display', serif);
  font-weight:400;
  font-size:clamp(30px, 8.5cqw, 42px);
  line-height:1.12;
  color:var(--objk-cream);
  outline:none;
}
.objk-quiz .objk-q-title:focus-visible{outline:2px solid var(--objk-accent) !important;outline-offset:6px;}
.objk-quiz .objk-q-sub{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:16px;line-height:1.45;color:rgba(245,242,237,0.65);}
.objk-quiz .objk-q-sub svg{flex-shrink:0;width:20px;height:20px;color:var(--objk-accent);}

/* ---------- отметка: кружок / квадрат ---------- */
.objk-quiz .objk-mark{
  flex-shrink:0;
  position:relative;
  display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;
  border:1.5px solid var(--objk-cream);
  border-radius:50%;
  color:var(--objk-bg);
  transition:background-color .2s ease, border-color .2s ease;
}
.objk-quiz .objk-mark svg{display:none;width:70%;height:70%;}
.objk-quiz .objk-mark--checkbox{border-radius:4px;}
.objk-quiz .objk-mark--radio::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--objk-bg);opacity:0;transition:opacity .2s ease;}
.objk-quiz input:checked + .objk-mark--radio,
.objk-quiz input:checked ~ .objk-card__img .objk-mark--radio,
.objk-quiz input:checked + .objk-mark--checkbox,
.objk-quiz input:checked ~ .objk-card__img .objk-mark--checkbox{background:var(--objk-accent);border-color:var(--objk-accent);}
.objk-quiz input:checked + .objk-mark--radio::after,
.objk-quiz input:checked ~ .objk-card__img .objk-mark--radio::after{opacity:1;}
.objk-quiz input:checked + .objk-mark--checkbox svg,
.objk-quiz input:checked ~ .objk-card__img .objk-mark--checkbox svg{display:block;}

/* ---------- варианты с картинками ---------- */
.objk-quiz .objk-cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  margin-top:22px;
}
.objk-quiz .objk-card{position:relative;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.objk-quiz .objk-card__img{
  position:relative;
  display:block;
  aspect-ratio:8 / 7;
  overflow:hidden;
  border:1px solid rgba(245,242,237,0.12);
  background:#151313;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.objk-quiz .objk-card__img img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .3s ease;}
.objk-quiz .objk-card__img .objk-mark{position:absolute;top:10px;left:10px;width:24px;height:24px;border-color:#fff;background:rgba(20,18,18,0.25);}
.objk-quiz .objk-card__txt{display:block;margin-top:10px;}
.objk-quiz .objk-card__main{display:block;font-size:17px;line-height:1.3;color:var(--objk-cream);}
.objk-quiz .objk-card__sub{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:rgba(245,242,237,0.55);}
.objk-quiz .objk-card input:checked ~ .objk-card__img{border:1.5px solid var(--objk-accent);box-shadow:0 0 0 1px var(--objk-accent);}
.objk-quiz .objk-card input:focus-visible ~ .objk-card__img{outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
@media (hover:hover){
  .objk-quiz .objk-card:hover .objk-card__img{border-color:rgba(169,150,125,0.4);}
  .objk-quiz .objk-card:hover .objk-card__img img{filter:brightness(1.08);}
}

/* ---------- варианты без картинок ---------- */
.objk-quiz .objk-opts{display:grid;grid-template-columns:minmax(0, 1fr);gap:14px;margin-top:22px;}
.objk-quiz .objk-opt{
  display:flex;align-items:center;gap:20px;
  min-height:72px;
  padding:14px 22px;
  border:1px solid rgba(245,242,237,0.14);
  border-radius:4px;
  background:rgba(245,242,237,0.03);
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .2s ease, background-color .2s ease;
}
.objk-quiz .objk-opt__txt{font-size:clamp(17px, 4.6cqw, 20px);line-height:1.3;color:var(--objk-cream);}
.objk-quiz .objk-opt__info{display:block;margin-top:4px;font-size:14px;color:rgba(245,242,237,0.55);}
.objk-quiz .objk-opt:has(input:checked){border:1.5px solid var(--objk-accent);background:rgba(169,150,125,0.12);padding:13.5px 21.5px;}
.objk-quiz .objk-opt:has(input:focus-visible){outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
@media (hover:hover){
  .objk-quiz .objk-opt:hover{border-color:rgba(169,150,125,0.4);}
}

/* ---------- поля ввода (тестовые квизы и финальный экран) ---------- */
.objk-quiz .objk-fields{display:grid;gap:14px;margin-top:22px;}
.objk-quiz .objk-field__label{display:block;margin-bottom:6px;font-size:15px;color:rgba(245,242,237,0.75);}
.objk-quiz .objk-field__row{display:flex;align-items:center;gap:12px;}
.objk-quiz .objk-field__unit{font-size:16px;color:rgba(245,242,237,0.65);}
.objk-quiz .objk-input{
  display:block;
  width:100%;
  height:56px;
  margin:0;
  padding:0 18px;
  border:1px solid rgba(245,242,237,0.18) !important;
  border-radius:4px;
  background:rgba(245,242,237,0.04) !important;
  color:#F5F2ED !important;
  -webkit-text-fill-color:#F5F2ED;
  caret-color:#F5F2ED;
  font-family:inherit;
  font-size:18px;
  line-height:normal;
  box-shadow:none;
  transition:border-color .2s ease;
}
/* main.css: input::placeholder { color:#000 !important } — перебиваем */
.objk-quiz .objk-input::placeholder{color:rgba(245,242,237,0.45) !important;-webkit-text-fill-color:rgba(245,242,237,0.45);opacity:1;}
.objk-quiz .objk-input:focus{border-color:var(--objk-accent) !important;}
.objk-quiz .objk-input:focus-visible{outline:none !important;}
/* автозаполнение браузера — частая причина чёрного текста */
.objk-quiz .objk-input:-webkit-autofill,
.objk-quiz .objk-input:-webkit-autofill:hover,
.objk-quiz .objk-input:-webkit-autofill:focus{
  -webkit-text-fill-color:#F5F2ED;
  caret-color:#F5F2ED;
  box-shadow:0 0 0 1000px #242121 inset;
  border:1px solid rgba(245,242,237,0.18) !important;
  transition:background-color 9999s ease 0s;
}
.objk-quiz .objk-input.has-error,
.objk-quiz .objk-input.has-error:focus{border-color:var(--objk-error) !important;}
.objk-quiz .objk-error{margin-top:6px;font-size:14px;line-height:1.4;color:var(--objk-error);}
.objk-quiz .objk-file{display:flex;align-items:center;gap:16px;flex-wrap:wrap;cursor:pointer;}
.objk-quiz .objk-file__btn{display:inline-flex;align-items:center;min-height:56px;padding:0 24px;border:1px solid var(--objk-accent);color:var(--objk-accent);font-size:16px;}
.objk-quiz .objk-file__name{font-size:15px;color:rgba(245,242,237,0.65);}
.objk-quiz .objk-file:has(input:focus-visible) .objk-file__btn{outline:2px solid var(--objk-cream) !important;outline-offset:3px;}

/* ---------- эксперт на телефоне и планшете: над кнопками ---------- */
.objk-quiz .objk-expert-m{
  display:flex;align-items:flex-start;gap:14px;
  margin-top:28px;
  padding-left:14px;
  border-left:2px solid var(--objk-accent);
}
.objk-quiz .objk-expert-m__photo{flex-shrink:0;display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 45%;border:1px solid rgba(169,150,125,0.6);}
.objk-quiz .objk-expert-m__body{min-width:0;}
.objk-quiz .objk-expert-m__who{font-size:15px;line-height:1.35;color:rgba(245,242,237,0.75);}
.objk-quiz .objk-expert-m__who b{font-weight:600;color:var(--objk-cream);}
.objk-quiz .objk-expert-m__hint{margin-top:3px;font-size:14px;line-height:1.45;color:rgba(245,242,237,0.7);transition:opacity .2s ease;}
.objk-quiz .objk-expert-m__hint.is-clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.objk-quiz .objk-expert-m__more{margin-top:2px;padding:4px 0;border:0;background:none;font-size:14px;color:var(--objk-accent);text-decoration:underline;text-underline-offset:3px;}
.objk-quiz .objk-expert-m__more:focus-visible{outline:2px solid var(--objk-accent) !important;outline-offset:2px;}

/* ---------- кнопки ---------- */
.objk-quiz .objk-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;}
.objk-quiz .objk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:56px;
  padding:0 24px;
  border:0;
  border-radius:0;
  font-size:17px;
  line-height:1.2;
  transition:background-color .2s ease, color .2s ease, opacity .2s ease;
}
.objk-quiz .objk-btn svg{flex-shrink:0;width:22px;height:22px;transition:transform .2s ease;}
.objk-quiz .objk-btn--back{padding:0;background:none;color:var(--objk-accent);}
.objk-quiz .objk-btn--back:hover{color:var(--objk-accent-hover);}
.objk-quiz .objk-btn--primary{position:relative;background:var(--objk-accent);color:var(--objk-bg);}
.objk-quiz .objk-next{width:55%;max-width:280px;}
.objk-quiz .objk-btn--primary:hover:not(:disabled){background:var(--objk-accent-hover);}
.objk-quiz .objk-btn--primary:hover:not(:disabled) svg{transform:translateX(3px);}
.objk-quiz .objk-btn:disabled{opacity:.4;cursor:default;}
.objk-quiz .objk-btn:focus-visible{outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
.objk-quiz .objk-prev.is-hidden{visibility:hidden;}
/* «Можно идти дальше»: кнопка один раз мягко пульсирует кольцом */
.objk-quiz .objk-next.is-nudged::after{content:"";position:absolute;inset:-1px;border:1px solid var(--objk-accent);pointer-events:none;animation:objkNudge 1.6s ease-out 1;}
@keyframes objkNudge{0%{transform:scale(1);opacity:.8;}100%{transform:scale(1.12, 1.35);opacity:0;}}

/* ---------- финальный экран ---------- */
.objk-quiz .objk-final__title{font-size:clamp(26px, 7cqw, 36px);}
.objk-quiz .objk-pref-label{margin-top:22px;font-size:16px;line-height:1.45;color:rgba(245,242,237,0.75);}
/* телефон: три плашки в ряд, логотип над подписью — «Позвонить» помещается даже на 320px */
.objk-quiz .objk-prefs{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:8px;margin-top:14px;}
.objk-quiz .objk-pref{
  --objk-pref-bg:#211F1F;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  min-width:0;
  min-height:76px;
  padding:10px 4px;
  text-align:center;
  white-space:nowrap;
  border:1px solid rgba(245,242,237,0.18);
  border-radius:4px;
  background:var(--objk-pref-bg);
  color:var(--objk-cream);
  font-size:15px;
  cursor:pointer;
  transition:border-color .2s ease;
}
.objk-quiz .objk-logo{flex-shrink:0;display:block;width:26px;height:26px;color:var(--objk-cream);}
.objk-quiz .objk-logo__bg{fill:currentColor;transition:fill .2s ease;}
.objk-quiz .objk-logo__fg{fill:var(--objk-pref-bg);transition:fill .2s ease;}
.objk-quiz .objk-logo__shape{fill:currentColor;}
.objk-quiz .objk-pref:hover{border-color:rgba(169,150,125,0.5);}
.objk-quiz .objk-pref:has(input:checked){border:1.5px solid var(--objk-accent);}
.objk-quiz .objk-pref:has(input:focus-visible){outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
/* у выбранной плашки — логотип в фирменном цвете сервиса */
.objk-quiz .objk-pref--telegram:has(input:checked) .objk-logo__bg{fill:#2AABEE;}
.objk-quiz .objk-pref--telegram:has(input:checked) .objk-logo__fg{fill:#fff;}
.objk-quiz .objk-pref--max:has(input:checked) .objk-logo__shape{fill:var(--objk-max-grad);}
.objk-quiz .objk-pref:has(input:checked) .objk-logo--phone,
.objk-quiz .objk-pref:has(input:checked) .objk-logo{color:var(--objk-accent);}
.objk-quiz .objk-form{display:grid;gap:12px;margin-top:22px;max-width:640px;}
.objk-quiz .objk-consent{display:flex;align-items:flex-start;gap:12px;margin-top:4px;font-size:14px;line-height:1.5;color:rgba(245,242,237,0.7);cursor:pointer;}
.objk-quiz .objk-consent .objk-mark{width:22px;height:22px;margin-top:1px;}
.objk-quiz .objk-consent a{color:var(--objk-accent);text-decoration:underline;text-underline-offset:3px;}
.objk-quiz .objk-consent.has-error .objk-mark{border-color:var(--objk-error);}
.objk-quiz .objk-consent:has(input:focus-visible) .objk-mark{outline:2px solid var(--objk-cream) !important;outline-offset:3px;}
.objk-quiz .objk-submit{width:100%;margin-top:6px;}
.objk-quiz .objk-sent{font-size:15px;color:var(--objk-accent);}

/* ---------- подсказки квиза (общий компонент objekt-hints) ---------- */
.objk-quiz .objk-card,
.objk-quiz .objk-opt{position:relative;}
.objk-quiz .objk-tap{position:absolute;z-index:3;inset:auto;width:auto;height:auto;left:50%;top:50%;transform:translate(-50%, -50%);}
/* «можно идти дальше»: палец нажимает саму кнопку «Далее» — у стрелки */
.objk-quiz .objk-next-tap{left:calc(100% - 38px);right:auto;}
/* «Листайте вниз» — у нижнего края экрана; элемент кладётся в body: внутри блока position:fixed считался бы от блока (container) */
.objekt-hint.objk-swipe-v{position:fixed;inset:auto auto 18px 50%;z-index:9000;transform:translateX(-50%);width:auto;height:auto;}

/* ---------- эксперт на компьютере — колонка справа ---------- */
.objk-quiz .objk-expert{display:none;}

/* ================= планшет ================= */
@container objk (min-width: 390px){
  .objk-quiz .objk-wrap{--objk-pad:20px;}
}
@container objk (min-width: 750px){
  .objk-quiz .objk-wrap{--objk-pad:32px;}
  .objk-quiz .objk-cover{width:62%;height:clamp(380px, 52cqw, 520px);opacity:.85;}
  .objk-quiz .objk-title{font-size:clamp(40px, 6cqw, 60px);}
  .objk-quiz .objk-sub{font-size:clamp(16px, 2.2cqw, 19px);}
  .objk-quiz .objk-progress{max-width:580px;}
  .objk-quiz .objk-meta--head{display:none;}
  .objk-quiz .objk-q-meta{display:block;}
  .objk-quiz[data-many] .objk-steps{display:flex;}
  .objk-quiz[data-many] .objk-bar{display:none;}
  .objk-quiz .objk-step{width:clamp(30px, 3.6cqw, 38px);height:clamp(30px, 3.6cqw, 38px);font-size:14px;}
  .objk-quiz .objk-stage{margin-top:40px;}
  .objk-quiz .objk-q-title{font-size:clamp(32px, 4.6cqw, 48px);}
  .objk-quiz .objk-cards{grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;margin-top:26px;}
  .objk-quiz .objk-card__main{font-size:clamp(16px, 2cqw, 20px);}
  .objk-quiz .objk-card__sub{font-size:15px;}
  .objk-quiz .objk-opts{grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px;margin-top:26px;}
  .objk-quiz .objk-opt{min-height:80px;padding:16px 26px;gap:24px;}
  .objk-quiz .objk-opt:has(input:checked){padding:15.5px 25.5px;}
  .objk-quiz .objk-opt__txt{font-size:clamp(17px, 2.3cqw, 22px);}
  .objk-quiz .objk-controls{margin-top:36px;}
  .objk-quiz .objk-next{width:240px;max-width:none;}
  .objk-quiz .objk-final__title{font-size:clamp(28px, 3.6cqw, 42px);max-width:22em;}
  .objk-quiz .objk-prefs{grid-template-columns:repeat(3, minmax(0, 200px));gap:10px;}
  .objk-quiz .objk-pref{flex-direction:row;gap:10px;min-height:56px;padding:8px 12px;font-size:16px;}
}

/* ================= компьютер ================= */
@container objk (min-width: 1180px){
  .objk-quiz .objk-wrap{
    display:grid;
    grid-template-columns:minmax(0, 1fr) clamp(230px, 17cqw, 260px);
    column-gap:clamp(32px, 3cqw, 56px);
    align-items:stretch;
  }
  .objk-quiz.has-expert .objk-expert-m{display:none;}
  .objk-quiz .objk-cover{width:62%;right:0;height:clamp(460px, 38cqw, 640px);opacity:1;}
  .objk-quiz .objk-title{font-size:clamp(40px, 4cqw, 76px);}
  .objk-quiz .objk-sub{font-size:clamp(16px, 1.1cqw, 20px);}
  .objk-quiz .objk-step{width:clamp(30px, 2.2cqw, 38px);height:clamp(30px, 2.2cqw, 38px);}
  .objk-quiz .objk-q-title{font-size:clamp(32px, 2.8cqw, 52px);}
  .objk-quiz .objk-cards{grid-template-columns:repeat(var(--objk-cols, 4), minmax(0, 1fr));gap:20px;}
  .objk-quiz .objk-cards[data-count="1"]{--objk-cols:1;}
  .objk-quiz .objk-cards[data-count="2"]{--objk-cols:2;}
  .objk-quiz .objk-cards[data-count="3"]{--objk-cols:3;}
  .objk-quiz .objk-cards[data-count="4"]{--objk-cols:4;}
  /* 5 карточек в один ряд — только на широком экране (от ~1700px), иначе 3 + 2: карточки не мельче ~230px */
  .objk-quiz .objk-cards[data-count="5"]{--objk-cols:3;}
  .objk-quiz .objk-cards[data-count="6"]{--objk-cols:3;}
  .objk-quiz .objk-card__main{font-size:clamp(16px, 1.15cqw, 20px);}
  .objk-quiz .objk-opt__txt{font-size:clamp(17px, 1.3cqw, 22px);}

  .objk-quiz .objk-expert{
    display:block;
    position:relative;
    z-index:1;
    padding-left:clamp(24px, 2cqw, 36px);
    border-left:1px solid rgba(245,242,237,0.15);
  }
  .objk-quiz .objk-expert__in{position:sticky;top:var(--objk-top, 32px);padding-bottom:8px;}
  .objk-quiz .objk-expert__photo{
    display:block;
    width:clamp(150px, 12cqw, 200px);height:clamp(150px, 12cqw, 200px);
    border-radius:50%;
    border:1px solid var(--objk-accent);
    padding:3px;
    object-fit:cover;
    background:var(--objk-bg);
  }
  .objk-quiz .objk-expert__name{margin-top:22px;font-family:var(--objekt-font-heading, 'Playfair Display', serif);font-size:24px;line-height:1.2;color:var(--objk-cream);}
  .objk-quiz .objk-expert__role{margin-top:4px;font-size:15px;line-height:1.4;color:rgba(245,242,237,0.65);}
  .objk-quiz .objk-expert__line{display:block;width:48px;height:1px;margin:26px 0;background:var(--objk-accent);}
  .objk-quiz .objk-expert__quote{display:flex;gap:12px;align-items:flex-start;}
  .objk-quiz .objk-expert__quote svg{flex-shrink:0;width:22px;height:22px;color:var(--objk-accent);}
  .objk-quiz .objk-expert__hint{font-size:15px;line-height:1.55;color:rgba(245,242,237,0.85);transition:opacity .2s ease;}
}
@container objk (min-width: 1700px){
  .objk-quiz .objk-cards[data-count="5"]{--objk-cols:5;}
}
@container objk (min-width: 1200px){
  .objk-quiz .objk-wrap{width:min(81.77083cqw, 1600px);margin:0 auto;padding:0;}
}

@media (prefers-reduced-motion: reduce){
  .objk-quiz .objk-q,
  .objk-quiz .objk-final,
  .objk-quiz .objk-stage,
  .objk-quiz .objk-step,
  .objk-quiz .objk-steps__item::before{transition:none !important;}
  .objk-quiz .objk-next.is-nudged::after{animation:none;}
}