/* NiceSlides.ru V231 — compact sticky CTA aligned with presentation hero */

/* Desktop page structure: hero + preview stay in the left column; CTA starts at the hero top and follows scroll. */
.presentation-example-page-v57 .presentation-example-layout-v231{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:30px!important;
  align-items:start!important;
}
.presentation-example-page-v57 .presentation-example-main-v231{min-width:0!important}
.presentation-example-page-v57 .presentation-example-layout-v231 .presentation-example-hero{
  padding:32px 0 24px!important;
  margin:0!important;
}
.presentation-example-page-v57 .presentation-example-layout-v231 .presentation-example-hero-shell-v57{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.presentation-example-page-v57 .presentation-example-layout-v231 .presentation-example-document-v57{
  padding:0 0 56px!important;
  margin:0!important;
}
.presentation-example-page-v57 .presentation-example-layout-v231 .presentation-example-shell-v57{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.presentation-example-page-v57 .presentation-example-layout-v231 .presentation-preview-stack-v57{
  width:100%!important;
  min-width:0!important;
}

/* Compact banner: same orange brand, much less vertical space. */
.presentation-example-page-v57 .presentation-side-cta-v231{
  position:sticky!important;
  top:92px!important;
  z-index:6!important;
  align-self:start!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:32px 0 0!important;
  padding:24px 22px 20px!important;
  border:1px solid #ececf0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(31,40,66,.055)!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>b{
  display:block!important;
  margin:0 0 10px!important;
  color:#071d4a!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>p{
  margin:0 0 17px!important;
  color:#8a93a5!important;
  font-size:15px!important;
  line-height:1.42!important;
  font-weight:500!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>ul{
  display:grid!important;
  gap:10px!important;
  margin:0 0 18px!important;
  padding:0!important;
  list-style:none!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>ul>li{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
  color:#404b60!important;
  font-size:14.5px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>ul>li img{
  display:block!important;
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>a{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:56px!important;
  margin:0!important;
  padding:11px 16px 11px 20px!important;
  border:0!important;
  border-radius:17px!important;
  background:linear-gradient(100deg,#ff5b16 0%,#ff741b 54%,#ffa52f 100%)!important;
  color:#fff!important;
  box-shadow:0 11px 26px rgba(255,98,24,.20)!important;
  text-decoration:none!important;
  text-align:center!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>a span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:16px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>a:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(100deg,#f35410 0%,#f86c16 54%,#ff9c28 100%)!important;
  box-shadow:0 14px 30px rgba(255,98,24,.26)!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231 .presentation-cta-arrow-v229{
  display:block!important;
  width:21px!important;
  height:21px!important;
  object-fit:contain!important;
  justify-self:end!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>small{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:12px 0 0!important;
  padding:0!important;
  color:#687388!important;
  font-size:11.5px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
}
.presentation-example-page-v57 .presentation-side-cta-v231>small img{
  display:block!important;
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
  opacity:.88!important;
}

@media(max-width:1120px){
  .presentation-example-page-v57 .presentation-example-layout-v231{
    grid-template-columns:minmax(0,1fr) 286px!important;
    gap:22px!important;
  }
  .presentation-example-page-v57 .presentation-side-cta-v231{padding:22px 19px 18px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>b{font-size:25px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>p{font-size:14px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>ul>li{font-size:13.5px!important}
}

@media(max-width:900px){
  .presentation-example-page-v57 .presentation-example-layout-v231{
    display:block!important;
  }
  .presentation-example-page-v57 .presentation-side-cta-v231{
    position:static!important;
    top:auto!important;
    width:100%!important;
    max-width:560px!important;
    margin:0 auto 42px!important;
    padding:24px 22px 20px!important;
  }
  .presentation-example-page-v57 .presentation-side-cta-v231>b{font-size:27px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>p{font-size:15px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>ul>li{font-size:14.5px!important}
}

@media(max-width:560px){
  .presentation-example-page-v57 .presentation-example-layout-v231 .presentation-example-hero{padding-top:22px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231{
    max-width:none!important;
    margin-bottom:30px!important;
    padding:21px 18px 18px!important;
    border-radius:20px!important;
  }
  .presentation-example-page-v57 .presentation-side-cta-v231>b{font-size:25px!important;margin-bottom:9px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>p{font-size:14px!important;margin-bottom:15px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>ul{gap:9px!important;margin-bottom:16px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>ul>li{font-size:13.5px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>a{min-height:52px!important;border-radius:16px!important}
  .presentation-example-page-v57 .presentation-side-cta-v231>a span{font-size:15px!important}
}