/*кнопка записи*/
.pulse-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  padding: 10px;
  border: none;
  background: #8DD1AF;
  -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  outline: none;
  z-index: 1000;
}

.pulse-button:hover{background: #020305;}

@media screen and (max-width: 900px){.pulse-button {
    width: 50px;
  height: 50px;
  bottom: 15px;
  right: 15px;
}
    
    .pulse-button__text {
  font-size: 10px!important;
        padding-top:2px;
    }
}

.pulse-button .pulse-button__text {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  visibility: visible;
  position: relative;
}
.pulse-button a{text-decoration:none;}

.pulse-button__text {
  display: block;
  width: 100%;
  height: 30px;
  font-size: 12px ;
  color: #fff;
  text-align: center;
  line-height: 1.2;  
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 1px;
}

.pulse-button__rings {
  border: 1px solid  #8DD1AF;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  width: auto;
  border-radius: 50%;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-name: pulse_1;
          animation-name: pulse_1;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  z-index: -1;
}

.pulse-button__rings:nth-child(2) {
  -webkit-animation-name: pulse_2;
          animation-name: pulse_2;
}

.pulse-button__rings:nth-child(3) {
  -webkit-animation-name: pulse_3;
          animation-name: pulse_3;
}

@-webkit-keyframes pulse_1 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }
}

@keyframes pulse_1 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.9, 0.9);
            transform: scale(0.9, 0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3);
  }
}

@-webkit-keyframes pulse_2 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
}

@keyframes pulse_2 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
  }
}

@-webkit-keyframes pulse_3 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.7, 1.7);
            transform: scale(1.7, 1.7);
  }
}

@keyframes pulse_3 {
  from {
    opacity: 1;
    -webkit-transform: scale(0.8, 0.8);
            transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.7, 1.7);
            transform: scale(1.7, 1.7);
  }
}
/*кнопка записи*/

/* Страница процедур */
.izp{box-sizing:border-box;max-width:1120px;margin:0 auto 56px;padding:16px 16px 24px;color:#2c2c2c}
.izp-lead{max-width:900px;margin:0 auto 32px;text-align:center;font-size:18px;line-height:1.65}
.izp-award{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);gap:32px;align-items:center;background:linear-gradient(135deg,#f6f4f1,#fbf8f6);border:1px solid #eee8e3;border-radius:20px;padding:32px;margin:0 0 44px}
.izp-award h2{color:#9bc5b0;font-size:30px;line-height:1.2}
.izp-award video{display:block;width:auto;max-width:100%;height:380px;max-height:400px;aspect-ratio:9/16;object-fit:contain;justify-self:center;border-radius:14px;background:#f0eeeb}
.izp-kicker{color:#73917d}
.izp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.izp-card,.izp-card.wide{box-sizing:border-box;grid-column:auto;display:flex;flex-flow:row wrap;align-content:flex-start;gap:0;overflow:hidden;background:#fff;border:1px solid #e8e3de;border-radius:20px;box-shadow:0 8px 24px rgba(48,43,38,.06);transition:transform .2s ease,box-shadow .2s ease}
.izp-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(48,43,38,.1)}
.izp-card .izp-media{display:contents}
.izp-card .izp-media img,.izp-card .izp-media video{box-sizing:border-box;display:block;width:calc(50% - 12px);flex:0 0 calc(50% - 12px);height:190px;max-height:none;margin:8px 6px 0;aspect-ratio:4/3;object-fit:contain;background:#f3f1ee;border-radius:12px}
.izp-card:has(>.izp-media:nth-of-type(2)) .izp-media:not(.two)>img,.izp-card:has(>.izp-media:nth-of-type(2)) .izp-media:not(.two)>video{width:calc(50% - 12px);flex-basis:calc(50% - 12px);height:190px}
.izp-card:not(:has(>.izp-media:nth-of-type(2))) .izp-media:not(.two)>img,.izp-card:not(:has(>.izp-media:nth-of-type(2))) .izp-media:not(.two)>video{width:calc(100% - 12px);flex-basis:calc(100% - 12px);height:240px}
.izp-card .izp-media.contain img{object-fit:contain;background:#f3f1ee}
.izp-body{box-sizing:border-box;width:100%;flex:1 0 100%;display:flex;flex-direction:column;align-items:flex-start;padding:20px 22px 22px}
.izp-body h2{font-size:23px;color:#9bc5b0;line-height:1.25;margin:0 0 8px}
.izp-price{color:#5f7d55;font-size:21px;margin:0 0 10px}
.izp-body p:not(.izp-price){line-height:1.6}
.izp a.tg-btn{margin-top:12px}
.izp-note{max-width:900px;margin:28px auto 0;text-align:center;color:#6f6f6f;line-height:1.55}
@media(max-width:800px){.izp{padding:8px 12px 20px;margin-bottom:36px}.izp-lead{text-align:left;font-size:16px;margin-bottom:22px}.izp-award{grid-template-columns:1fr;gap:20px;padding:22px;margin-bottom:30px}.izp-award video{height:340px;max-height:360px}.izp-grid{grid-template-columns:1fr;gap:18px}.izp-card,.izp-card.wide{grid-column:auto}.izp-card .izp-media img,.izp-card .izp-media video{height:170px}.izp-card:has(>.izp-media:nth-of-type(2)) .izp-media:not(.two)>img,.izp-card:has(>.izp-media:nth-of-type(2)) .izp-media:not(.two)>video{height:170px}.izp-card:not(:has(>.izp-media:nth-of-type(2))) .izp-media:not(.two)>img,.izp-card:not(:has(>.izp-media:nth-of-type(2))) .izp-media:not(.two)>video{height:210px}.izp-body{padding:18px}.izp-body h2{font-size:21px}}

.izp-card{align-self:start}


/* Сетка процедур: асимметричная композиция по количеству медиа */
.izp .izp-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:22px;align-items:start}
.izp .izp-card:nth-of-type(1){grid-column:span 12}
.izp .izp-card:nth-of-type(2){grid-column:span 8}
.izp .izp-card:nth-of-type(3){grid-column:span 11}
.izp .izp-card:nth-of-type(4){grid-column:span 9}
.izp .izp-card:nth-of-type(5){grid-column:span 11}
.izp .izp-card:nth-of-type(6){grid-column:span 9}
.izp .izp-card:nth-of-type(7){grid-column:span 8}
.izp .izp-card:nth-of-type(8){grid-column:span 12}
.izp .izp-card:nth-of-type(9){grid-column:span 9}
.izp .izp-card:nth-of-type(10){grid-column:span 11}
.izp .izp-card:nth-of-type(1) .izp-media img,.izp .izp-card:nth-of-type(1) .izp-media video,.izp .izp-card:nth-of-type(3) .izp-media img,.izp .izp-card:nth-of-type(3) .izp-media video,.izp .izp-card:nth-of-type(7) .izp-media img,.izp .izp-card:nth-of-type(7) .izp-media video,.izp .izp-card:nth-of-type(8) .izp-media img,.izp .izp-card:nth-of-type(8) .izp-media video{flex:1 1 calc(33.333% - 8px);min-width:0}
@media(max-width:980px){.izp .izp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.izp .izp-card:nth-of-type(n){grid-column:span 1}}
@media(max-width:767px){.izp .izp-grid{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 5%;padding:4px 5% 18px;margin-right:-5%;margin-left:-5%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.izp .izp-grid::-webkit-scrollbar{display:none}.izp .izp-card{flex:0 0 90%;width:90%;max-width:90%;scroll-snap-align:start}.izp .izp-card:nth-of-type(n){grid-column:auto}.izp .izp-card .izp-media{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.izp .izp-card .izp-media::-webkit-scrollbar{display:none}.izp .izp-card .izp-media img,.izp .izp-card .izp-media video{flex:0 0 90%;width:90%;max-width:90%;scroll-snap-align:start;min-width:0}.izp .izp-card .izp-media.two{display:flex}}
