/* ===== START: RESPONSIVE <= 900PX ===== */
@media (max-width: 900px) {
  body {
    font-size: 16px;
    padding: 0 24px 24px;
  }
  .grid3,
  #evervoice.buy div[class^="js-view-dom-id"] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
  }
 #evervoice.buy .views-row,
 .buy--gift .views-row {
  padding:36px;
}
#evervoice.buy .views-field-field-description ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    unicode-bidi: isolate;
    list-style-position: inside;
}

#hodnota-pribehu .item h2,#how h2,#book h2{height:auto;margin-bottom:24px;font-size:1.5em}
 #book .item{margin-bottom:0}
#hero h1{height:auto;margin-bottom:0;font-size:2.5em}
  #hero h2,#ukazky-otazek h2,#duvera-ai h2,#gift h2, #vznik h2, #buy h2{height:auto;margin-bottom:0;font-size:2em}
#evervoice.buy .views-field-field-description{height:auto;min-height:auto}
.item .text{height:auto;}
  #faq .faq-slider__item {
    flex-basis: 66vw;
    min-height: 0;
    padding: 24px;
  }
  .help .views-row {
    padding-left: 24px;
    margin: 24px 0;
  }

  :root {
    --evervoice-fixed-nav-offset: 52px;
  }

  h1 {
    font-size: 1.75em;
  }

  .front h2 {
    font-size: 1.25em;
  }

  .front .buybtns {
    margin: 24px 0 0 0;
  }

  #hero .hero-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "media"
      "copy-primary"
      "copy-secondary"
      "actions";
    row-gap: 24px;
  }

  #hero .hero-grid__actions {
    justify-self: start;
    justify-content: flex-start;
  }

  .front .video-wrapper {
    aspect-ratio: 3 / 4;
    margin-bottom: 0;
  }

  .layout-container {
    padding: calc(var(--evervoice-nav-height) + env(safe-area-inset-top, 0px)) 0 0;
  }

  .front .video-wrapper.half {
    width: 100%;
  }

  header,
  main,
  aside,
  footer,
  .pane {
    padding: 36px;
  }

  #hero {
    margin-top: 16px;
    padding-top: 24px;
  }

  .darkpane .item {
    padding: 0 36px;
  }

  #vznik p.half {
    width: 100%;
    padding: 36px;
  }

  body.evervoice-interview-question-view-body .layout-container--interview {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  body.evervoice-interview-question-view-body .layout-container--interview > .highlighted,
  body.evervoice-interview-question-view-body .layout-container--interview > .help,
  body.evervoice-interview-question-view-body .layout-container--interview > header[role="banner"],
  body.evervoice-interview-question-view-body .layout-container--interview > main#main-content {
    order: initial;
    grid-column: auto;
    margin-bottom: var(--evervoice-grid-gap);
  }

  .evervoice-footer {
    grid-template-columns: 1fr;
  }

  .node__content {
    padding: 20px;
  }

  .node__content,
  .node__content > * {
    max-width: none;
  }

  .node__content p {
    line-height: 1.5;
  }

  .ccm-modal {
    padding: 12px !important;
    align-items: flex-start !important;
  }

  .ccm-modal__panel {
    width: calc(100vw - 24px);
    max-width: none;
    max-height: calc(100dvh - 24px);
    padding: 16px !important;
    gap: 12px;
    border-radius: 20px;
  }

  .ccm-modal__title {
    font-size: 1.35rem;
    line-height: 1.15;
  }

  .ccm-modal__intro,
  .ccm-category__description,
  .ccm-category__lock {
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .ccm-modal__body {
    gap: 10px;
    overflow: auto;
  }

  .ccm-category {
    gap: 4px 10px;
  }

  .ccm-category + .ccm-category {
    padding-top: 10px !important;
  }

  .ccm-modal__actions {
    gap: 10px;
  }

  .ccm-modal__actions .ccm-button {
    min-height: 0;
    padding: 12px 16px !important;
  }
 .evervoice-interview-pane--question .evervoice-controls-grid > .evervoice-category-nav .evervoice-category-nav-items {padding-bottom:0}
    body.evervoice-checkout-review-body .commerce-evervoice-secure-note, body.evervoice-cart-body .commerce-evervoice-secure-note{color:var(--evervoice-page-text);text-align:right}
   
}
   
/* ===== END: RESPONSIVE <= 900PX ===== */