.quiz-page { display:flex; min-height:100vh; background:#f7f5f1; }
.quiz-left { width:52%; min-height:100vh; background:rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; }
.quiz-left-content { width:80%; }
.quiz-logo { font-size:72px; line-height:.9; color:#00624f; font-weight:400; margin-bottom:80px; }
.quiz-start-btn { width:360px; height:160px; border-radius:90px; border:none; background:#00624f; color:#fff; text-transform:uppercase; font-size:13px; cursor:pointer; }
.quiz-panel { width:48%; background:#fff; padding:48px 32px; box-sizing:border-box; }
.quiz-progress-text { font-size:12px; color:#777; margin-bottom:10px; }
.quiz-progress { height:3px; background:#eee; margin-bottom:28px; }
#quiz-progress-line { height:3px; width:0; background:#00624f; transition:width .3s; }
#quiz-title { font-size:26px; margin-bottom:24px; color:#222; }
.quiz-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.quiz-option { border:1px solid #ddd; background:#fff; padding:18px; text-align:left; cursor:pointer; min-height:78px; }
.quiz-option:hover,.quiz-option.active { border-color:#00624f; background:#f2faf7; }
.quiz-option-title { font-size:15px; color:#222; }
.quiz-option-subtitle { font-size:12px; color:#999; margin-top:6px; }

.quiz-extras { display:none; margin-top:24px; padding:24px; background:#f7f5f1; }
.quiz-extras.is-visible { display:block; }
.quiz-extras-title { margin-bottom:20px; color:#00624f; font-size:18px; font-weight:500; }
.quiz-extras-group + .quiz-extras-group { margin-top:24px; }
.quiz-extras-group-title { margin-bottom:12px; color:#222; font-size:14px; font-weight:600; }
.quiz-extras-list { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.quiz-extra-option { position:relative; display:flex; align-items:flex-start; gap:10px; min-height:58px; padding:14px; border:1px solid #ddd; background:#fff; cursor:pointer; box-sizing:border-box; }
.quiz-extra-option:hover,.quiz-extra-option.active { border-color:#00624f; }
.quiz-extra-option.active { background:#f2faf7; }
.quiz-extra-option input { position:absolute; opacity:0; pointer-events:none; }
.quiz-extra-check { display:flex; flex:0 0 18px; align-items:center; justify-content:center; width:18px; height:18px; margin-top:1px; border:1px solid #bbb; box-sizing:border-box; }
.quiz-extra-option.active .quiz-extra-check { border-color:#00624f; background:#00624f; }
.quiz-extra-option.active .quiz-extra-check::after { content:'✓'; color:#fff; font-size:12px; }
.quiz-extra-name { color:#222; font-size:13px; line-height:1.35; }
.quiz-extras-count { margin-top:20px; color:#777; font-size:13px; }

.quiz-fields { display:grid; gap:14px; }
.quiz-field { display:flex; flex-direction:column; gap:6px; }
.quiz-field label { font-size:13px; color:#555; }
.quiz-field input,.quiz-field textarea,.quiz-field select { border:1px solid #ddd; padding:14px; font-size:15px; background:#fff; width:100%; box-sizing:border-box; }
.quiz-field textarea { min-height:90px; resize:vertical; }
.quiz-field input.quiz-input-error,.quiz-field textarea.quiz-input-error { border-color:#c62828; }
.quiz-field-error { display:none; color:#c62828; font-size:12px; line-height:1.3; margin-top:2px; }
.quiz-button-group { display:flex; gap:10px; flex-wrap:wrap; }
.quiz-choice-btn { border:1px solid #ddd; background:#fff; border-radius:24px; padding:12px 18px; cursor:pointer; font-size:14px; }
.quiz-choice-btn:hover,.quiz-choice-btn.active { background:#00624f; border-color:#00624f; color:#fff; }
.quiz-address-grid { display:grid; grid-auto-flow:row; gap:14px; }
.quiz-map-box { margin-top:18px; }
.i-checkout-map-box { width:100%; }
.i-checkout-delivery-price { display:inline-flex; align-items:center; gap:14px; background:#fff; padding:14px 20px; font-size:14px; position:relative; z-index:2; }
.i-checkout-delivery-price span { color:#777; }
.i-checkout-delivery-price strong { color:#111; font-weight:700; }
.i-checkout-map-placeholder { height:225px; background-color:#f3f2ee; background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px); background-size:32px 32px; margin-top:-1px; }
.quiz-delivery-note { font-size:13px; color:#111; line-height:1.35; margin-top:18px; }
.quiz-actions { margin-top:60px; display:flex; gap:12px; }
.quiz-back,.quiz-next { border:1px solid #ddd; background:#fff; border-radius:20px; padding:8px 20px; cursor:pointer; }
.quiz-next { background:#00624f; border-color:#00624f; color:#fff; }
.quiz-result { margin-top:30px; }

.quiz-selected-summary { display:none; margin:0 0 24px; padding:18px 20px; background:#f7f5f1; border-left:3px solid #00624f; }
.quiz-selected-summary.is-visible { display:block; }
.quiz-selected-summary-title { margin-bottom:12px; color:#00624f; font-size:13px; font-weight:600; text-transform:uppercase; }
.quiz-selected-summary-row { display:flex; justify-content:space-between; gap:24px; margin-top:8px; font-size:13px; line-height:1.4; }
.quiz-selected-summary-row span { color:#8a8a8a; }
.quiz-selected-summary-row strong { color:#222; font-weight:400; text-align:right; }

.quiz-final-selected { margin-bottom:24px; padding-bottom:18px; border-bottom:1px solid #ddd; }
.quiz-final-selected-title { margin-bottom:14px; color:#00624f; font-size:14px; font-weight:600; text-transform:uppercase; }
.quiz-final { min-height:calc(100vh - 96px); display:flex; flex-direction:column; }
.quiz-final-title { font-size:46px; line-height:.9; color:#00624f; text-transform:uppercase; margin-bottom:26px; }
.quiz-final-note { font-size:12px; color:#222; margin-bottom:28px; }
.quiz-summary { background:#f7f5f1; padding:28px 36px; position:relative; }
.quiz-summary-title { font-size:18px; margin-bottom:24px; color:#222; }
.quiz-summary-row { display:flex; justify-content:space-between; gap:30px; margin-bottom:14px; font-size:14px; }
.quiz-summary-row span { color:#9a9a9a; }
.quiz-summary-row strong { color:#111; font-weight:400; text-align:right; }
.quiz-summary-row-top { align-items:flex-start; }
.quiz-kp { display:block; border:1px solid #ddd; background:#fff; border-radius:22px; padding:10px 22px; text-transform:uppercase; font-size:12px; cursor:pointer; }
.quiz-kp.is-loading { opacity:.55; pointer-events:none; }
.quiz-final-actions { margin-top:auto; display:flex; justify-content:space-between; align-items:center; }
.quiz-home { border:1px solid #ddd; background:#fff; border-radius:22px; padding:10px 22px; text-transform:uppercase; font-size:12px; cursor:pointer; }
.quiz-cart { border:none; background:#00624f; color:#fff; border-radius:22px; padding:12px 24px; text-transform:uppercase; font-size:12px; cursor:pointer; }

@media (max-width:900px) {
  .quiz-page { flex-direction:column; }
  .quiz-left,.quiz-panel { width:100%; }
  .quiz-left { min-height:260px; }
  .quiz-logo { font-size:44px; }
  .quiz-options,.quiz-extras-list { grid-template-columns:1fr; }
  .quiz-final-title { font-size:34px; }
}


/* Новое ТЗ */
.quiz-inline-note { margin:10px 0 18px; color:#777; font-size:12px; line-height:1.4; }
.quiz-child-table { margin-top:18px; }
.quiz-custom-field { margin-top:14px; }
.quiz-custom-field input { width:100%; border:1px solid #ddd; padding:14px; box-sizing:border-box; font-size:15px; }
.quiz-extra-category { margin-bottom:12px; border:1px solid #ddd; background:#fff; }
.quiz-extra-category-head { display:flex; align-items:center; gap:10px; width:100%; padding:14px; border:0; background:#fff; cursor:pointer; text-align:left; }
.quiz-extra-category-head.active { background:#f2faf7; color:#00624f; }
.quiz-extra-category-products { display:none; padding:0 14px 14px; grid-template-columns:1fr 1fr; gap:8px; }
.quiz-extra-category-products.is-visible { display:grid; }
.quiz-delivery-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.quiz-delivery-grid .quiz-field-full { grid-column:1 / -1; }
.quiz-result-block { margin-top:18px; padding:20px; background:#f7f5f1; }
.quiz-result-block-title { margin-bottom:14px; color:#00624f; font-size:14px; font-weight:600; text-transform:uppercase; }
.quiz-result-line { display:flex; justify-content:space-between; gap:20px; margin:8px 0; font-size:13px; }
.quiz-result-line span { color:#888; }
.quiz-result-line strong { text-align:right; font-weight:500; }
.quiz-result-products { display:block; padding:0; }
.quiz-result-product { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 0; border-bottom:1px solid #e3e1dc; }
.quiz-result-product:first-child { border-top:1px solid #e3e1dc; }
.quiz-result-product-name { flex:1 1 auto; min-width:0; color:#222; font-size:13px; line-height:1.35; }
.quiz-result-product-qty { flex:0 0 auto; min-width:70px; text-align:right; color:#222; font-size:13px; font-weight:500; white-space:nowrap; }
.quiz-final-actions { gap:12px; flex-wrap:wrap; margin-top: 28px;}
.quiz-check-row { display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.quiz-check-row input { margin-top:2px;width: 16px;
    height: 16px; }
.quiz-check-row.active { border-color:#00785f; background:#00785f; }

@media (max-width:900px) {
  .quiz-delivery-grid { grid-template-columns:1fr; }
  .quiz-delivery-grid .quiz-field-full { grid-column:auto; }
  .quiz-extra-category-products { grid-template-columns:1fr; }
}

/* =========================================================
   IZISKO QUIZ — DRAWER / INTRO / ADAPTIVE RELEASE 2026-08-30
   Existing quiz business logic is preserved; this block owns presentation.
========================================================= */

html.quiz-embed-mode,
html.quiz-embed-mode body {
  width:100%;
  min-height:100%;
  margin:0;
  background:#fffefa;
}

html.quiz-embed-mode body {
  overflow-x:hidden;
}

html.quiz-embed-mode .i-header,
html.quiz-embed-mode .i-menu,
html.quiz-embed-mode footer,
html.quiz-embed-mode .i-footer-new {
  display:none;
}

html.quiz-embed-mode .i-wrap {
  min-height:0;
  overflow:visible;
}

.quiz-page {
  display:block;
  min-height:calc(100vh - 80px);
  background:#fffefa;
  color:#252525;
  font-family:"Inter", Arial, sans-serif;
}

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

.quiz-panel {
  width:100%;
  min-height:calc(100vh - 80px);
  padding:0;
  background:#fffefa;
}

html.quiz-embed-mode .quiz-page,
html.quiz-embed-mode .quiz-panel {
  min-height:100vh;
  min-height:100dvh;
}

/* Intro */

.quiz-intro {
  position:relative;
  min-height:calc(100vh - 80px);
  padding:72px 54px 60px;
  overflow:hidden;
  background:#fffefa;
}

html.quiz-embed-mode .quiz-intro {
  min-height:100vh;
  min-height:100dvh;
}

.quiz-screen-logo {
  display:none;
}

.quiz-screen-logo img {
  display:block;
  width:136px;
  height:auto;
}

.quiz-intro-back {
  position:absolute;
  z-index:6;
  top:44px;
  left:54px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  color:#252525;
  font:inherit;
  font-size:14px;
  cursor:pointer;
}

.quiz-intro-back span {
  font-size:20px;
  line-height:1;
}

.quiz-intro-title {
  position:relative;
  z-index:4;
  margin:0;
  max-width:500px;
  color:#00785f;
  font-size:clamp(54px, 5vw, 78px);
  font-weight:300;
  line-height:.88;
  letter-spacing:-.075em;
  text-transform:uppercase;
}

.quiz-intro-script {
  position:absolute;
  z-index:4;
  top:145px;
  right:42px;
  color:#00785f;
  font-family:"EB Garamond", Georgia, serif;
  font-size:clamp(48px, 4.2vw, 70px);
  font-style:italic;
  font-weight:400;
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
}

.quiz-intro-copy {
  position:absolute;
  z-index:5;
  top:52%;
  right:52px;
  width:min(310px, 43%);
}

.quiz-intro-copy p {
  margin:0 0 24px;
  color:#252525;
  font-size:16px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:-.025em;
}

.quiz-intro-start {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:138px;
  min-height:50px;
  padding:0 30px;
  border:0;
  border-radius:999px;
  background:#00785f;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:500;
  line-height:1;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s ease;
}

.quiz-intro-start:hover,
.quiz-intro-start:focus-visible {
  background:#005f4c;
}

.quiz-intro-leaves {
  position:absolute;
  z-index:1;
  left:5%;
  bottom:-15%;
  width:62%;
  height:72%;
  pointer-events:none;
}

.quiz-intro-leaves::before,
.quiz-intro-leaves::after {
  content:"";
  position:absolute;
  border:1.2px solid rgba(0,120,95,.72);
  border-radius:100% 0 100% 0;
  transform-origin:50% 100%;
}

.quiz-intro-leaves::before {
  left:24%;
  top:0;
  width:43%;
  height:76%;
  transform:rotate(34deg);
  box-shadow:
    -16px 26px 24px rgba(0,120,95,.06),
    -28px 48px 36px rgba(0,120,95,.08);
}

.quiz-intro-leaves::after {
  left:-8%;
  top:45%;
  width:50%;
  height:62%;
  transform:rotate(-53deg);
  border-color:rgba(0,120,95,.6);
  box-shadow:
    18px 18px 24px rgba(0,120,95,.05),
    35px 30px 42px rgba(0,120,95,.08);
}

/* Workflow */

.quiz-workflow {
  width:100%;
  max-width:900px;
  min-height:calc(100vh - 80px);
  margin:0 auto;
  padding:66px 46px 46px;
  background:#fffefa;
}

html.quiz-embed-mode .quiz-workflow {
  max-width:none;
  min-height:100vh;
  min-height:100dvh;
}

.quiz-workflow[hidden] {
  display:none;
}

.quiz-progress-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
}

.quiz-progress-text,
.quiz-progress-percent {
  margin:0;
  color:rgba(37,37,37,.48);
  font-size:14px;
  font-weight:400;
  line-height:1;
}

.quiz-progress {
  height:3px;
  margin:0 0 30px;
  background:#e6e8e9;
  overflow:hidden;
}

#quiz-progress-line {
  height:100%;
  width:0;
  background:#00785f;
  transition:width .3s ease;
}

#quiz-title {
  max-width:570px;
  margin:0 0 30px;
  color:#252525;
  font-size:30px;
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.045em;
}

.quiz-options {
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px 14px;
}

.quiz-option {
  min-height:88px;
  padding:20px 20px;
  border:1px solid #dfe2e3;
  background:#fffefa;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease, background-color .18s ease;
}

.quiz-option:hover,
.quiz-option.active {
  border-color:#00785f;
  background:#fffefa;
}

.quiz-option-title,.quiz-check-row  span strong {
  color:#777;
  font-size:18px;
  font-weight:500;
  line-height:1.2;
}

.quiz-option.active .quiz-option-title,
.quiz-option:hover .quiz-option-title {
  color:#252525;
}

.quiz-option-subtitle,.quiz-check-row  span small {
  margin-top:7px;
  color:#b1b1b1;
  font-size:16px;
  font-weight:400;
  line-height:1.3;
}

#quiz-event-aux {
  grid-column:1 / -1;
}

.quiz-child-table {
  margin-top:8px;
}

.quiz-check-row {
  min-height:54px;
  padding:12px 14px;
  border:1px solid #dfe2e3;
  background:#fffefa;
}

.quiz-check-row.active {
  border-color:#00785f;
  background:#fffefa;
}

.quiz-actions {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:72px;
}

.quiz-back,
.quiz-next {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 25px;
  border:1px solid rgba(37,37,37,.24);
  border-radius:999px;
  background:#fffefa;
  color:#252525;
  font:inherit;
  font-size:16px;
  font-weight:400;
  line-height:1;
  text-transform:uppercase;
  cursor:pointer;
}

.quiz-next {
  margin-left:auto;
  border-color:#00785f;
  background:#00785f;
  color:#fff;
}

.quiz-next:hover,
.quiz-next:focus-visible {
  background:#005f4c;
  border-color:#005f4c;
}

.quiz-fields {
  gap:18px;
}

.quiz-field label {
  color:rgba(37,37,37,.62);
  font-size:12px;
}

.quiz-field input,
.quiz-field textarea,
.quiz-field select {
  border:1px solid #dfe2e3;
  border-radius:0;
  background:#fffefa;
  color:#252525;
}

.quiz-extras,
.quiz-result-block,
.quiz-selected-summary {
  background:#f7f5f1;
}

.quiz-final {
  min-height:calc(100vh - 180px);
}

.quiz-final-title {
  color:#00785f;
  font-size:42px;
  font-weight:300;
  letter-spacing:-.06em;
}

.quiz-home,
.quiz-kp,
.quiz-cart {
  border-radius:999px;
}

@media (min-width:1024px) {
  html.quiz-embed-mode .quiz-intro-back {
    display:none;
  }

  html.quiz-embed-mode .quiz-workflow {
    padding:72px 38px 46px;
  }

  html.quiz-embed-mode #quiz-title {
    font-size:30px;
  }

  html.quiz-embed-mode .quiz-actions {
    margin-top:84px;
  }
}

@media (max-width:1023px) {
  .quiz-page,
  .quiz-panel,
  .quiz-intro,
  .quiz-workflow {
    min-height:100vh;
    min-height:100dvh;
  }

  .quiz-screen-logo {
    display:flex;
    justify-content:center;
    width:100%;
  }

  .quiz-intro {
    padding:28px 30px 48px;
  }

  .quiz-intro-back {
    top:104px;
    left:30px;
  }

  .quiz-intro-title {
    margin-top:90px;
    font-size:58px;
  }

  .quiz-intro-script {
    top:260px;
    right:32px;
    font-size:58px;
  }

  .quiz-intro-copy {
    top:52%;
    right:44px;
    width:320px;
  }

  .quiz-intro-leaves {
    left:2%;
    bottom:-6%;
    width:58%;
    height:66%;
  }

  .quiz-workflow {
    padding:30px 30px 42px;
  }

  .quiz-workflow-logo {
    margin-bottom:54px;
  }

  #quiz-title {
    margin-bottom:38px;
    font-size:36px;
  }

  .quiz-options {
    gap:16px;
  }

  .quiz-option {
    min-height:108px;
    padding:28px 24px;
  }

  .quiz-option-title {
    font-size:18px;
  }

  .quiz-option-subtitle {
    font-size:13px;
  }

  .quiz-actions {
    margin-top:92px;
  }
}

@media (max-width:699px) {
  .quiz-intro {
    padding:26px 20px 34px;
  }

  .quiz-screen-logo img {
    width:126px;
  }

  .quiz-intro-back {
    top:82px;
    left:20px;
    font-size:14px;
  }

  .quiz-intro-title {
    margin-top:76px;
    max-width:320px;
    font-size:42px;
    line-height:.96;
  }

  .quiz-intro-script {
    top:230px;
    right:20px;
    font-size:43px;
  }

  .quiz-intro-copy {
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    margin-top:112px;
  }

  .quiz-intro-copy p {
    font-size:17px;
    line-height:1.26;
  }

  .quiz-intro-start {
    min-width:136px;
    min-height:50px;
    font-size:13px;
  }

  .quiz-intro-leaves {
    left:-20%;
    bottom:-5%;
    width:118%;
    height:56%;
    opacity:.9;
  }

  .quiz-workflow {
    padding:28px 20px 28px;
  }

  .quiz-workflow-logo {
    margin-bottom:52px;
  }

  .quiz-progress {
    margin-bottom:26px;
  }

  #quiz-title {
    margin-bottom:32px;
    font-size:30px;
    line-height:1.04;
  }

  .quiz-options,
  .quiz-extras-list,
  .quiz-extra-category-products.is-visible,
  .quiz-delivery-grid {
    grid-template-columns:1fr;
  }

  .quiz-option {
    min-height:82px;
    padding:17px 17px;
  }

  .quiz-option-title {
    font-size:16px;
  }

  .quiz-option-subtitle {
    font-size:12px;
  }

  .quiz-actions {
    flex-direction:column;
    align-items:stretch;
    margin-top:44px;
    gap:12px;
  }

  .quiz-next,
  .quiz-back {
    width:100%;
    min-height:48px;
    margin:0;
    font-size:14px;
  }

  .quiz-next {
    order:1;
  }

  .quiz-back {
    order:2;
  }

  .quiz-result-line {
    align-items:flex-start;
  }

  .quiz-final-actions {
    flex-direction:column;
    align-items:stretch;
  }

  .quiz-home,
  .quiz-kp,
  .quiz-cart {
    width:100%;
    min-height:46px;
  }
}

@media (max-width:380px) {
  .quiz-intro-title {
    font-size:38px;
  }

  .quiz-intro-script {
    top:220px;
    font-size:39px;
  }

  .quiz-intro-copy {
    margin-top:108px;
  }
}

/* =========================================================
   QUIZ DESIGN LOCK — parent viewport aware
   Fixes desktop drawer being misclassified as tablet because
   the iframe itself is only ~50vw wide.
========================================================= */

.quiz-intro-leaves {
  position:absolute;
  z-index:1;
  display:block;
  overflow:visible;
  pointer-events:none;
}

.quiz-leaf-outline {
  fill:none;
  stroke:#00785f;
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
}

.quiz-leaf-shadow {
  fill:none;
  stroke:rgba(0,120,95,.22);
  stroke-width:9;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}

.quiz-leaf-shadow-wide {
  stroke:rgba(0,120,95,.12);
  stroke-width:20;
}

/* ---------- DESKTOP HOST: > 1023 ---------- */

html.quiz-layout-desktop .quiz-screen-logo,
html.quiz-layout-desktop .quiz-intro-back {
  display:none !important;
}

html.quiz-layout-desktop .quiz-intro {
  min-height:100vh;
  min-height:100dvh;
  padding:5.1vh 34px 42px;
}

html.quiz-layout-desktop .quiz-intro-title {
  margin:0 !important;
  max-width:390px;
  font-size:clamp(54px, 4.15vw, 64px);
  line-height:1.1;
  letter-spacing:-.072em;
}

html.quiz-layout-desktop .quiz-intro-script {
  top:16.3vh !important;
  right:24px !important;
  font-size:clamp(48px, 4vw, 62px);
}

html.quiz-layout-desktop .quiz-intro-copy {
  top:47.2% !important;
  right:0!important;
  width:286px !important;
}

html.quiz-layout-desktop .quiz-intro-copy p {
  margin-bottom:20px;
  font-size:16px;
  line-height:1.22;
}

html.quiz-layout-desktop .quiz-intro-start {
  min-width:109px;
  min-height:42px;
  padding:0 24px;
  font-size:18px;
}

html.quiz-layout-desktop .quiz-intro-leaves {
  left:-6px !important;
  top:16.4% !important;
  bottom:auto !important;
  width:64% !important;
  height:69% !important;
}

html.quiz-layout-desktop .quiz-workflow {
  max-width:none;
  min-height:100vh;
  min-height:100dvh;
  padding:7.2vh 38px 44px !important;
}

html.quiz-layout-desktop .quiz-workflow-logo {
  display:none !important;
}

html.quiz-layout-desktop #quiz-title {
  margin-bottom:30px;
  font-size:36px;
}

html.quiz-layout-desktop .quiz-options,
html.quiz-layout-desktop .quiz-extras-list {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* ---------- TABLET HOST: 700–1023 ---------- */

html.quiz-layout-tablet .quiz-screen-logo {
  display:flex !important;
  justify-content:center;
  width:100%;
}

html.quiz-layout-tablet .quiz-screen-logo img {
  width:142px;
}

html.quiz-layout-tablet .quiz-intro {
  min-height:100vh;
  min-height:100dvh;
  padding:40px 30px 44px !important;
}

html.quiz-layout-tablet .quiz-intro-back {
  display:inline-flex !important;
  top:106px !important;
  left:36px !important;
}

html.quiz-layout-tablet .quiz-intro-title {
  margin-top:92px !important;
  max-width:390px;
  font-size:55px !important;
  line-height:.94;
}

html.quiz-layout-tablet .quiz-intro-script {
  top:24.9% !important;
  right:30px !important;
  font-size:59px !important;
}

html.quiz-layout-tablet .quiz-intro-copy {
  top:51.5% !important;
  right:62px !important;
  width:286px !important;
}

html.quiz-layout-tablet .quiz-intro-copy p {
  font-size:16px;
  line-height:1.2;
}

html.quiz-layout-tablet .quiz-intro-leaves {
  left:-18px !important;
  top:28.5% !important;
  bottom:auto !important;
  width:55% !important;
  height:54% !important;
}

html.quiz-layout-tablet .quiz-workflow {
  min-height:100vh;
  min-height:100dvh;
  padding:40px 30px 42px !important;
}

html.quiz-layout-tablet .quiz-workflow-logo {
  display:flex !important;
  margin-bottom:54px;
}

html.quiz-layout-tablet #quiz-title {
  font-size:36px;
}

html.quiz-layout-tablet .quiz-options,
html.quiz-layout-tablet .quiz-extras-list {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* ---------- MOBILE HOST: <= 699 ---------- */

html.quiz-layout-mobile .quiz-screen-logo {
  display:flex !important;
  justify-content:center;
  width:100%;
}

html.quiz-layout-mobile .quiz-screen-logo img {
  width:88px !important;
}

html.quiz-layout-mobile .quiz-intro {
  min-height:100vh;
  min-height:100dvh;
  padding:28px 20px 30px !important;
}

html.quiz-layout-mobile .quiz-intro-back {
  display:inline-flex !important;
  top:80px !important;
  left:21px !important;
  font-size:14px;
}

html.quiz-layout-mobile .quiz-intro-title {
  margin-top:80px !important;
  max-width:320px;
  font-size:42px !important;
  line-height:.96;
  letter-spacing:-.065em;
}

html.quiz-layout-mobile .quiz-intro-script {
  top:27.8% !important;
  right:20px !important;
  font-size:43px !important;
}

html.quiz-layout-mobile .quiz-intro-copy {
  top:38.6% !important;
  left:21px !important;
  right:auto !important;
  width:330px !important;
  max-width:calc(100vw - 42px);
}

html.quiz-layout-mobile .quiz-intro-copy p {
  margin-bottom:24px;
  font-size:16px;
  line-height:1.34;
}

html.quiz-layout-mobile .quiz-intro-start {
  min-width:135px;
  min-height:50px;
  padding:0 28px;
  font-size:13px;
}

html.quiz-layout-mobile .quiz-intro-leaves {
  left:-38px !important;
  top:49.5% !important;
  bottom:auto !important;
  width:118% !important;
  height:50% !important;
}

html.quiz-layout-mobile .quiz-workflow {
  min-height:100vh;
  min-height:100dvh;
  padding:28px 20px 34px !important;
}

html.quiz-layout-mobile .quiz-workflow-logo {
  display:flex !important;
  margin-bottom:54px;
}

html.quiz-layout-mobile #quiz-title {
  margin-bottom:32px;
  font-size:30px !important;
}

html.quiz-layout-mobile .quiz-options,
html.quiz-layout-mobile .quiz-extras-list,
html.quiz-layout-mobile .quiz-extra-category-products {
  grid-template-columns:1fr !important;
}

html.quiz-layout-mobile .quiz-option {
  min-height:82px !important;
  padding:18px 17px !important;
}

html.quiz-layout-mobile .quiz-option-title {
  font-size:16px !important;
}

html.quiz-layout-mobile .quiz-option-subtitle {
  font-size:12px !important;
}

html.quiz-layout-mobile .quiz-actions {
  margin-top:34px !important;
  flex-direction:column-reverse;
}

html.quiz-layout-mobile .quiz-back,
html.quiz-layout-mobile .quiz-next {
  width:100%;
  min-height:48px;
}

html.quiz-layout-mobile .quiz-next {
  margin-left:0;
}

/* Very short desktop browser windows: preserve composition without overlap. */
@media (min-height:0px) and (max-height:760px) {
  html.quiz-layout-desktop .quiz-intro-title {
    font-size:52px;
  }

  html.quiz-layout-desktop .quiz-intro-script {
    top:15.5vh !important;
    font-size:48px;
  }

  html.quiz-layout-desktop .quiz-intro-copy {
    top:46% !important;
    right:48px !important;
  }

  html.quiz-layout-desktop .quiz-intro-leaves {
    top:14% !important;
    height:72% !important;
  }
}


/* =========================================================
   QUIZ INTRO LEAVES — REAL PNG ASSETS
   img/left.png + img/right.png
========================================================= */

.quiz-intro-leaves::before,
.quiz-intro-leaves::after {
  content:none !important;
  display:none !important;
}

.quiz-leaf-outline,
.quiz-leaf-shadow,
.quiz-leaf-shadow-wide {
  display:none !important;
}

.quiz-intro-leaves {
  overflow:visible !important;
}

.quiz-intro-leaf {
  position:absolute;
  display:block;
  height:auto;
  max-width:none;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
}

html.quiz-layout-desktop .quiz-intro-leaves {
  left:-4% !important;
  top:30% !important;
  width:66% !important;
  height:72% !important;
}

html.quiz-layout-desktop .quiz-intro-leaf-left {
  left: -28%;
    bottom: 35%;
    width: 60%;
}

html.quiz-layout-desktop .quiz-intro-leaf-right {
 left: 18%;
    top: -12%;
    width: 67%;
}

html.quiz-layout-tablet .quiz-intro-leaves {
  left:-5% !important;
  top:31% !important;
  width:60% !important;
  height:57% !important;
}

html.quiz-layout-tablet .quiz-intro-leaf-left {
  left:-23%;
  bottom:-8%;
  width:84%;
}

html.quiz-layout-tablet .quiz-intro-leaf-right {
  left:29%;
  top:0;
  width:80%;
}

html.quiz-layout-mobile .quiz-intro-leaves {
  left:-12% !important;
  top:49% !important;
  width:118% !important;
  height:49% !important;
}

html.quiz-layout-mobile .quiz-intro-leaf-left {
  left:-12%;
  bottom:-8%;
  width:66%;
}

html.quiz-layout-mobile .quiz-intro-leaf-right {
  left:38%;
  top:0;
  width:62%;
}

/* =========================================================
   IZISKO QUIZ — INLINE TWIG DRAWER HOST
   Release 2.0.0 / 2026-08-31
   Loaded after redesign.css through Document::addStyle().
========================================================= */

body.i-quiz-drawer-open {
  overflow:hidden;
}

.i-quiz-drawer {
  position:fixed;
  inset:0;
  z-index:10050;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
}

.i-quiz-drawer.is-mounted {
  visibility:visible;
  pointer-events:auto;
}

.i-quiz-drawer-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  background:rgba(20,20,18,.26);
  opacity:0;
  cursor:pointer;
  transition:opacity .32s ease;
}

.i-quiz-drawer.is-open .i-quiz-drawer-backdrop {
  opacity:1;
}

.i-quiz-drawer-panel {
  position:absolute;
  top:0;
  right:0;
  width:50vw;
  height:100vh;
  height:100dvh;
  margin:0;
  padding:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:#fffefa;
  box-shadow:-12px 0 38px rgba(0,0,0,.08);
  transform:translate3d(100%,0,0);
  transition:transform .38s cubic-bezier(.22,.61,.36,1);
  -webkit-overflow-scrolling:touch;
}

.i-quiz-drawer.is-open .i-quiz-drawer-panel {
  transform:translate3d(0,0,0);
}

.i-quiz-drawer-content,
.i-quiz-drawer .quiz-page,
.i-quiz-drawer .quiz-panel {
  width:100%;
  min-height:100vh;
  min-height:100dvh;
}

.i-quiz-drawer .quiz-page,
.i-quiz-drawer .quiz-panel,
.i-quiz-drawer .quiz-intro,
.i-quiz-drawer .quiz-workflow {
  min-height:100vh;
  min-height:100dvh;
}

.i-quiz-drawer .quiz-workflow {
  max-width:none;
}

@media (min-width:1024px) {
  .i-quiz-drawer .quiz-intro-back {
    display:none;
  }

  .i-quiz-drawer .quiz-workflow {
    padding:72px 38px 46px;
  }

  .i-quiz-drawer #quiz-title {
    font-size:30px;
  }

  .i-quiz-drawer .quiz-actions {
    margin-top:84px;
  }
}

@media (max-width:1023px) {
  .i-quiz-drawer-panel {
    width:100vw;
    box-shadow:none;
  }

  .i-quiz-drawer-backdrop {
    display:none;
  }
}

@media (prefers-reduced-motion:reduce) {
  .i-quiz-drawer-backdrop,
  .i-quiz-drawer-panel {
    transition-duration:.01ms;
  }
}