.clinic-videos{padding:clamp(42px,5.5vw,72px) 0;background:linear-gradient(180deg,#f7f3eb 0%,#fbf8f2 100%)}
.clinic-videos__container{max-width:1240px;margin-inline:auto}
.clinic-videos__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.clinic-videos__heading{max-width:680px}
.clinic-videos__title{margin:8px 0 8px;font-size:clamp(27px,2.4vw,36px);line-height:1.35;font-weight:600;color:#10120f}
.clinic-videos__heading p{margin:0;max-width:620px;font-size:13.5px;line-height:2;color:#6e716a;font-weight:400}
.clinic-videos__tools{display:flex;align-items:center;gap:16px;flex-shrink:0}
.clinic-videos__hint{display:inline-flex;align-items:center;gap:8px;color:#74766f;font-size:11px;font-weight:400;white-space:nowrap}
.clinic-videos__hint i{width:7px;height:7px;border-radius:50%;background:#c89743;box-shadow:0 0 0 5px rgba(200,151,67,.10)}
.clinic-videos__nav{display:flex;direction:ltr;gap:8px}
.clinic-videos__arrow{width:38px;height:38px;border:1px solid rgba(18,20,17,.11);border-radius:10px;background:rgba(255,255,255,.72);color:#11130f;display:grid;place-items:center;font-size:17px;cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}
.clinic-videos__arrow:hover{background:#11140f;border-color:#11140f;color:#fff}
.clinic-videos__viewport{overflow:hidden;border-radius:18px}
.clinic-videos__swiper{overflow:hidden;width:100%}
.clinic-videos__slide{height:auto}
.clinic-video-card{height:100%;background:rgba(255,255,255,.72);border:1px solid rgba(22,24,20,.09);border-radius:16px;overflow:hidden;transition:border-color .25s ease,background-color .25s ease}
.clinic-video-card:hover{border-color:rgba(200,151,67,.6);background:#fff}
.clinic-video-card__media{position:relative;aspect-ratio:4/5;background:#dfddd6;overflow:hidden}
.clinic-video-card__media>img,.clinic-video-card__media>video{width:100%;height:100%;display:block;object-fit:cover}
.clinic-video-card__placeholder{width:100%;height:100%;background:linear-gradient(145deg,#ddd8cd,#efebe2)}
.clinic-video-card__play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.46);background:rgba(12,14,12,.72);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:background-color .25s ease,border-color .25s ease}
.clinic-video-card__play:hover{background:#c89743;border-color:#c89743}
.clinic-video-card__play span{font-size:18px;margin-inline-start:3px}
.clinic-video-card__label{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:8px;background:rgba(13,15,13,.78);color:#fff;font-size:9px;font-weight:500;backdrop-filter:blur(8px)}
.clinic-video-card__body{padding:15px 16px 17px;min-height:64px;display:flex;align-items:center}
.clinic-video-card__body h3{margin:0;font-size:15px;line-height:1.75;font-weight:600;color:#161814}
.clinic-video-card.is-playing .clinic-video-card__label,.clinic-video-card.is-playing .clinic-video-card__play{display:none}
.clinic-video-card.is-playing .clinic-video-card__media{background:#090a08}
.clinic-video-card__media video{background:#090a08}

@media (max-width:767px){
  .clinic-videos{padding:30px 0 34px}
  .clinic-videos__container{padding-inline:12px}
  .clinic-videos__head{align-items:flex-start;gap:14px;margin-bottom:18px}
  .clinic-videos__heading{min-width:0}
  .clinic-videos__title{font-size:24px;margin-top:6px}
  .clinic-videos__heading p{font-size:12px;line-height:1.9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .clinic-videos__tools{flex-direction:column;align-items:flex-end;gap:9px}
  .clinic-videos__hint{font-size:9px}
  .clinic-videos__nav{display:none}
  .clinic-videos__viewport{border-radius:14px}
  .clinic-video-card{border-radius:13px}
  .clinic-video-card__media{aspect-ratio:4/5}
  .clinic-video-card__play{width:48px;height:48px}
  .clinic-video-card__label{right:8px;bottom:8px;font-size:8px;padding:5px 7px}
  .clinic-video-card__body{padding:10px 10px 12px;min-height:54px}
  .clinic-video-card__body h3{font-size:12.5px;line-height:1.7}
}

@media (prefers-reduced-motion:reduce){.clinic-videos__arrow,.clinic-video-card,.clinic-video-card__play{transition:none!important}}