/* NiceSlides.ru V232 — result preview + exact H1-aligned sticky CTA */

/*
 * Desktop: breadcrumb is its own full-width grid row. The content column and CTA
 * begin on the next grid row, therefore the CTA top is structurally aligned with
 * the H1 instead of being nudged down with a fragile hard-coded margin.
 */
@media (min-width:901px){
  .presentation-example-page-v57 .presentation-example-layout-v232{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    grid-template-rows:auto auto!important;
    column-gap:30px!important;
    row-gap:18px!important;
    align-items:start!important;
    padding-top:32px!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-breadcrumb-v232{
    grid-column:1 / -1!important;
    grid-row:1!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-example-main-v231{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-side-cta-v232{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    position:sticky!important;
    top:92px!important;
    align-self:start!important;
    margin:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero{
    padding-top:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero-shell-v57{
    padding-top:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero-shell-v57>h1{
    margin-top:0!important;
  }
}

@media (max-width:1120px) and (min-width:901px){
  .presentation-example-page-v57 .presentation-example-layout-v232{
    grid-template-columns:minmax(0,1fr) 286px!important;
    column-gap:22px!important;
  }
}

/* Public preview note stays in the orange Slides family. */
.presentation-example-page-v57 .presentation-preview-note-v57 img{
  filter:saturate(1.15)!important;
}

/* Mobile keeps the simple document flow; sticky is intentionally disabled. */
@media (max-width:900px){
  .presentation-example-page-v57 .presentation-example-layout-v232{
    display:block!important;
    padding-top:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-breadcrumb-v232{
    width:100%!important;
    margin:0 0 0!important;
    padding:22px 0 0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-side-cta-v232{
    display:block!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:560px!important;
    margin:0 auto 42px!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero{
    padding-top:10px!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero-shell-v57{
    padding-top:0!important;
  }
  .presentation-example-page-v57 .presentation-example-layout-v232 .presentation-example-hero-shell-v57>h1{
    margin-top:0!important;
  }
}
@media (max-width:560px){
  .presentation-example-page-v57 .presentation-example-layout-v232>.presentation-side-cta-v232{margin-bottom:30px!important}
}