.derma-experts{display:block;background:#f7f7f7;color:#2e4247}.derma-experts__inner{box-sizing:border-box;width:min(100%,1208px);margin-inline:auto;padding:31px clamp(17px,4vw,24px) 30px;display:flex;flex-direction:column;align-items:center;gap:50px}.derma-experts__header{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.derma-experts__heading{margin:0;font-size:48px;font-weight:400;line-height:1.32;letter-spacing:0;color:#2e4247}.derma-experts__heading strong{font-weight:700}.derma-experts__subheading{margin:0;font-size:24px;font-weight:400;line-height:1.32;color:#2e4247}.derma-experts__grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.derma-card{position:relative;box-sizing:border-box;width:100%;min-height:clamp(210px,20vw,242px);background:#fff;border-radius:10px;overflow:hidden}.derma-card--extra{display:none}.derma-experts__page{display:contents}.derma-card__media{position:absolute;inset:0 auto 0 0;width:36%;background:#edf2f3;overflow:hidden}.derma-card__image{display:block;width:100%;height:100%;object-fit:cover}.derma-card__image--placeholder{width:100%;height:100%}.derma-card__content{margin:38px 20px 0 calc(36% + 18px)}.derma-card__name{margin:0;font-size:20px;font-weight:700;line-height:1.32;color:#2e4247}.derma-card__role{margin:0;font-size:17px;font-weight:400;line-height:1.32;color:#2e4247}.derma-card__icon{position:absolute;right:25px;bottom:22px;width:35px;height:35px;display:flex;color:#2e4247}.derma-card__icon svg{width:100%;height:100%}.derma-card__name-short{display:none}.derma-experts__show-more{display:flex;align-items:center;gap:10px;padding:20px 50px;background:#f7f7f7;color:#2d4248;border:1px solid #2d4248;border-radius:14px;font-size:23px;font-weight:500;text-transform:uppercase;cursor:pointer}.derma-experts__show-more:hover{background:#ececeb}.derma-experts__show-more svg{transform:rotate(90deg)}.derma-experts__viewport{width:100%}.derma-experts__mobile-controls{display:none}@media screen and (max-width:989px){.derma-experts__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.derma-experts__inner{gap:26px;padding:21px clamp(17px,4vw,24px) 30px}.derma-experts__heading{font-size:30px;line-height:1.32}.derma-experts__subheading{font-size:16px;line-height:1.324}.derma-experts__viewport{overflow:hidden}.derma-experts__grid{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;scrollbar-width:none}.derma-experts__grid::-webkit-scrollbar{display:none}.derma-experts__page{display:flex;flex-direction:column;gap:14px;flex:0 0 100%;scroll-snap-align:start;box-sizing:border-box}.derma-card,.derma-card--extra{display:block;width:100%;aspect-ratio:358 / 176;height:auto;min-height:0;border-radius:0 20px 0 0}.derma-card__media{top:0;bottom:auto;left:0;width:41%;height:100%}.derma-card__content{width:calc(59% - 56px);margin:7% 30px 0 calc(41% + 16px)}.derma-card__name{font-size:14px;line-height:1.324;white-space:normal}.derma-card__name-full{display:none}.derma-card__name-short{display:inline}.derma-card__role{margin-top:4px;font-size:12px}.derma-card__icon{right:17px;bottom:18px;width:29px;height:29px}.derma-experts__show-more{display:none}.derma-experts__mobile-controls{display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;width:100%}.derma-experts__mobile-control{-webkit-appearance:none;appearance:none;border:0;border-radius:0;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#2e4247;cursor:pointer}.derma-experts__mobile-control:disabled{opacity:.35;cursor:default}.derma-experts__mobile-control-icon{display:block;width:26px;height:26px}.derma-experts__dots{display:flex;align-items:center;justify-content:center;gap:6px;min-width:33px}.derma-experts__dot{-webkit-appearance:none;appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#e1e9ec;cursor:pointer}.derma-experts__dot.is-active{background:#2e4247}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-dermatologist-experts.css.map */
