/* ===== DERMTECH Slider — стили виджета (префикс dt-) ===== */
.dermtech-slider-instance{
  --dt-dark:#1a1a1a;
  --dt-text:#5a5a5a;
  --dt-muted:#8a8a8a;
  --dt-accent-dark:#a8806d;
  --dt-border:#e8e2dd;
  --dt-bg-soft:#faf8f6;
  --dt-card-bg:#ffffff;
  --dt-font-head:'Jost','Montserrat',-apple-system,Segoe UI,sans-serif;
  --dt-font-body:'Inter','Open Sans',-apple-system,Segoe UI,sans-serif;
  --dt-progress-color:#a8806d;
  --dt-entrance-duration:650ms;
  --dt-entrance-stagger:90ms;
  --dt-entrance-distance:40px;
  --dt-tilt-intensity:12deg;
  --dt-slide-speed:500ms;
  box-sizing:border-box;
  position:relative;
  max-width:100%;
  overflow-x:hidden;
}
.dermtech-slider-instance *{box-sizing:border-box;}
.dermtech-slider-instance img{max-width:100%;display:block;}

.dermtech-slider-instance .dt-btn{display:inline-block;font-family:var(--dt-font-head);font-weight:500;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;padding:14px 30px;border:1px solid var(--dt-dark);background:var(--dt-dark);color:#fff;transition:.25s;cursor:pointer;text-align:center;}
.dermtech-slider-instance .dt-btn:hover{opacity:.85;}
.dermtech-slider-instance .dt-btn-ghost{background:transparent;color:var(--dt-dark);}
.dermtech-slider-instance .dt-btn-ghost:hover{background:var(--dt-dark);color:#fff;}
.dermtech-slider-instance .dt-btn-sm{padding:10px 22px;font-size:11px;}

/* ==== Анимация текста кнопки (dt-btn-text) ==== */
.dermtech-slider-instance .dt-btn-text{position:relative;display:inline-block;vertical-align:middle;}
.dermtech-slider-instance .dt-btn-text > span{display:block;}

.dermtech-slider-instance.dt-txt-anim-slide-up .dt-btn-text{overflow:hidden;}
.dermtech-slider-instance.dt-txt-anim-slide-up .dt-btn-text > span{transition:transform .3s ease;}
.dermtech-slider-instance.dt-txt-anim-slide-up .dt-btn-text::after{content:attr(data-text);position:absolute;left:0;top:0;transform:translateY(100%);transition:transform .3s ease;}
.dermtech-slider-instance.dt-txt-anim-slide-up .dt-btn:hover .dt-btn-text > span{transform:translateY(-100%);}
.dermtech-slider-instance.dt-txt-anim-slide-up .dt-btn:hover .dt-btn-text::after{transform:translateY(0);}

.dermtech-slider-instance.dt-txt-anim-fade .dt-btn-text{overflow:hidden;}
.dermtech-slider-instance.dt-txt-anim-fade .dt-btn-text > span{transition:opacity .3s ease;}
.dermtech-slider-instance.dt-txt-anim-fade .dt-btn-text::after{content:attr(data-text);position:absolute;left:0;top:0;opacity:0;transition:opacity .3s ease;}
.dermtech-slider-instance.dt-txt-anim-fade .dt-btn:hover .dt-btn-text > span{opacity:0;}
.dermtech-slider-instance.dt-txt-anim-fade .dt-btn:hover .dt-btn-text::after{opacity:1;}

.dermtech-slider-instance.dt-txt-anim-letter-spacing .dt-btn{transition:letter-spacing .3s ease;}
.dermtech-slider-instance.dt-txt-anim-letter-spacing .dt-btn:hover{letter-spacing:2.5px;}

.dermtech-slider-instance.dt-txt-anim-gradient-shine .dt-btn{position:relative;overflow:hidden;}
.dermtech-slider-instance.dt-txt-anim-gradient-shine .dt-btn::before{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .55s ease;pointer-events:none;}
.dermtech-slider-instance.dt-txt-anim-gradient-shine .dt-btn:hover::before{left:130%;}

.dermtech-slider-instance.dt-txt-anim-underline-grow .dt-btn-text{overflow:visible;}
.dermtech-slider-instance.dt-txt-anim-underline-grow .dt-btn-text::before{content:'';position:absolute;left:50%;bottom:-4px;width:0;height:1px;background:currentColor;transition:width .3s ease,left .3s ease;}
.dermtech-slider-instance.dt-txt-anim-underline-grow .dt-btn:hover .dt-btn-text::before{width:100%;left:0;}

.dermtech-slider-instance .dt-carousel{position:relative;display:flex;align-items:center;gap:8px;max-width:100%;}
.dermtech-slider-instance .dt-viewport{overflow:hidden;flex:1;min-width:0;max-width:100%;}
.dermtech-slider-instance .dt-track{display:flex;gap:30px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform;}
.dermtech-slider-instance .dt-track .dt-card{flex:0 0 auto;min-width:0;}
.dermtech-slider-instance .dt-arrow{flex:0 0 auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--dt-border);background:#fff;color:var(--dt-dark);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;z-index:3;}
.dermtech-slider-instance .dt-arrow:hover{background:var(--dt-dark);color:#fff;border-color:var(--dt-dark);}
.dermtech-slider-instance .dt-arrow:disabled{opacity:.3;cursor:default;background:#fff;color:var(--dt-dark);border-color:var(--dt-border);}
.dermtech-slider-instance .dt-dots{display:flex;justify-content:center;gap:9px;margin-top:34px;flex-wrap:wrap;}
.dermtech-slider-instance .dt-dots button{width:9px;height:9px;border-radius:50%;border:none;background:var(--dt-border);cursor:pointer;padding:0;transition:.2s;}
.dermtech-slider-instance .dt-dots button.active{background:var(--dt-accent-dark);width:26px;border-radius:5px;}

.dermtech-slider-instance .dt-card{background:transparent;transition:box-shadow .3s ease,transform .3s ease;position:relative;}
.dermtech-slider-instance .dt-card-clip{background:var(--dt-card-bg);border:1px solid var(--dt-border);display:flex;flex-direction:column;font-family:var(--dt-font-body);color:var(--dt-text);overflow:hidden;height:100%;position:relative;}
.dermtech-slider-instance.dt-hover-lift .dt-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.08);transform:translateY(-4px);}
.dermtech-slider-instance .dt-card .dt-img{aspect-ratio:1/1;width:100%;object-fit:contain;object-position:center;background:#fff;padding:8px;transition:transform .5s ease;}

/* ==== Эффекты наведения на карточку (тренды 2026) ==== */
.dermtech-slider-instance.dt-hover-tilt-3d .dt-carousel{perspective:1200px;}
.dermtech-slider-instance.dt-hover-tilt-3d .dt-card{transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s ease;will-change:transform;}
.dermtech-slider-instance.dt-hover-tilt-3d .dt-card:hover{box-shadow:0 20px 45px rgba(0,0,0,.12);}

/* Зум фото + блик-скольжение выполняются во внутреннем .dt-card-clip,
   который отвечает за обрезку содержимого по скруглению карточки. */
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card{transition:box-shadow .3s ease,transform .3s ease;}
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card-clip{overflow:hidden;}
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card:hover .dt-img{transform:scale(1.08);}
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.08);transform:translateY(-4px);}
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card-clip::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none;z-index:2;}
.dermtech-slider-instance.dt-hover-zoom-shine .dt-card:hover .dt-card-clip::after{left:125%;}

.dermtech-slider-instance.dt-hover-none .dt-card:hover{transform:none;box-shadow:none;}
.dermtech-slider-instance .dt-card .dt-body{padding:22px 18px;text-align:center;display:flex;flex-direction:column;gap:14px;flex:1;}
.dermtech-slider-instance .dt-card h3{font-family:var(--dt-font-head);font-size:16px;font-weight:500;color:var(--dt-dark);min-height:auto;display:flex;align-items:center;justify-content:center;line-height:1.3;margin:0;word-break:break-word;overflow-wrap:break-word;}
.dermtech-slider-instance .dt-card .dt-card-text{font-size:13px;line-height:1.6;color:var(--dt-text);margin:0;word-break:break-word;overflow-wrap:break-word;}
.dermtech-slider-instance .dt-card .dt-btn{margin-top:auto;cursor:pointer;max-width:100%;white-space:normal;word-break:break-word;}

.dermtech-slider-instance .dt-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;}
.dermtech-slider-instance .dt-popup-overlay.open{display:flex;}
.dermtech-slider-instance .dt-popup{background:#fff;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;font-family:var(--dt-font-body);color:var(--dt-text);}
.dermtech-slider-instance .dt-popup .dt-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;background:rgba(255,255,255,.9);border-radius:50%;font-size:22px;cursor:pointer;color:var(--dt-dark);z-index:2;line-height:1;}
.dermtech-slider-instance .dt-pgallery{position:relative;}
.dermtech-slider-instance .dt-pgallery-main{position:relative;}
.dermtech-slider-instance .dt-popup .dt-pimg{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--dt-bg-soft);}
.dermtech-slider-instance .dt-pg-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:none;background:rgba(255,255,255,.9);color:var(--dt-dark);font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:.2s;}
.dermtech-slider-instance .dt-pg-arrow:hover{background:#fff;}
.dermtech-slider-instance .dt-pg-prev{left:12px;}
.dermtech-slider-instance .dt-pg-next{right:12px;}
.dermtech-slider-instance .dt-pgallery.dt-single-image .dt-pg-arrow,
.dermtech-slider-instance .dt-pgallery.dt-single-image .dt-pgallery-thumbs{display:none;}
.dermtech-slider-instance .dt-pgallery-thumbs{display:flex;gap:8px;padding:12px 16px 0;overflow-x:auto;background:#fff;}
.dermtech-slider-instance .dt-pgallery-thumbs img{width:56px;height:56px;object-fit:cover;flex:0 0 auto;cursor:pointer;opacity:.55;border:2px solid transparent;transition:.2s;background:var(--dt-bg-soft);}
.dermtech-slider-instance .dt-pgallery-thumbs img:hover{opacity:.85;}
.dermtech-slider-instance .dt-pgallery-thumbs img.active{opacity:1;border-color:var(--dt-accent-dark);}

.dermtech-slider-instance .dt-pgallery-stack{display:none;}
.dermtech-slider-instance .dt-popup.dt-layout-stack .dt-pgallery{display:none;}
.dermtech-slider-instance .dt-popup.dt-layout-stack .dt-pgallery-stack{display:block;}
.dermtech-slider-instance .dt-pgallery-stack img{width:100%;display:block;object-fit:cover;background:var(--dt-bg-soft);}
.dermtech-slider-instance .dt-pgallery-stack img + img{margin-top:4px;}

.dermtech-slider-instance .dt-popup .dt-pbody{padding:28px 32px 32px;}
.dermtech-slider-instance .dt-popup .dt-pcat{font-family:var(--dt-font-head);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dt-accent-dark);margin-bottom:8px;}
.dermtech-slider-instance .dt-popup h3.dt-ptitle{font-family:var(--dt-font-head);font-size:26px;font-weight:500;margin-bottom:14px;color:var(--dt-dark);}
.dermtech-slider-instance .dt-popup .dt-pdesc{line-height:1.7;margin-bottom:20px;}
.dermtech-slider-instance .dt-popup .dt-specs{list-style:none;border-top:1px solid var(--dt-border);margin-bottom:24px;padding:0;}
.dermtech-slider-instance .dt-popup .dt-specs li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-bottom:1px solid var(--dt-border);font-size:14px;text-align:center;}
.dermtech-slider-instance .dt-popup .dt-specs .dt-sk{color:var(--dt-muted);font-family:var(--dt-font-head);letter-spacing:.5px;text-align:center;}
.dermtech-slider-instance .dt-popup .dt-specs .dt-sv{color:var(--dt-dark);font-weight:400;text-align:justify;margin:0;width:100%;}
.dermtech-slider-instance .dt-popup .dt-pbtns{display:flex;gap:12px;flex-wrap:wrap;}

body.dt-noscroll{overflow:hidden;}

/* ==== Появление карточек при прокрутке (scroll-reveal, тренды 2026) ==== */
.dermtech-slider-instance .dt-track .dt-card{
  transition-property:box-shadow,transform;
}
.dermtech-slider-instance[class*="dt-entrance-"]:not(.dt-entrance-none) .dt-track .dt-card{
  opacity:0;
  transition-property:box-shadow,opacity,transform,filter;
  transition-duration:var(--dt-entrance-duration);
  transition-timing-function:cubic-bezier(.22,.9,.32,1);
}
.dermtech-slider-instance.dt-entrance-fade-up .dt-track .dt-card{transform:translateY(var(--dt-entrance-distance));}
.dermtech-slider-instance.dt-entrance-fade-down .dt-track .dt-card{transform:translateY(calc(-1 * var(--dt-entrance-distance)));}
.dermtech-slider-instance.dt-entrance-scale-in .dt-track .dt-card{transform:scale(.85);}
.dermtech-slider-instance.dt-entrance-blur-in .dt-track .dt-card{filter:blur(10px);}
.dermtech-slider-instance.dt-entrance-slide-left .dt-track .dt-card{transform:translateX(var(--dt-entrance-distance));}
.dermtech-slider-instance.dt-entrance-slide-right .dt-track .dt-card{transform:translateX(calc(-1 * var(--dt-entrance-distance)));}
.dermtech-slider-instance.dt-entrance-flip-up .dt-track .dt-card{transform:perspective(800px) rotateX(35deg);transform-origin:bottom center;}

.dermtech-slider-instance[class*="dt-entrance-"]:not(.dt-entrance-none) .dt-track .dt-card.dt-in-view{
  opacity:1;
  filter:blur(0);
  transform:translateY(0) translateX(0) scale(1) perspective(800px) rotateX(0);
}

/* ==== Переходы между слайдами (тренды 2026) ==== */
.dermtech-slider-instance .dt-track{transition:transform var(--dt-slide-speed) cubic-bezier(.4,0,.2,1);}
.dermtech-slider-instance[data-dt-transition="fade"] .dt-track,
.dermtech-slider-instance[data-dt-transition="scale-fade"] .dt-track{will-change:transform,opacity;}
.dermtech-slider-instance[data-dt-transition="flip-3d"] .dt-viewport{perspective:1400px;}
.dermtech-slider-instance[data-dt-transition="flip-3d"] .dt-track{transform-style:preserve-3d;}
.dermtech-slider-instance[data-dt-transition="flip-3d"] .dt-card{transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;}

/* ==== Полоса прогресса автопрокрутки ==== */
.dermtech-slider-instance .dt-progress{width:100%;height:3px;background:var(--dt-border);margin-top:18px;overflow:hidden;border-radius:3px;}
.dermtech-slider-instance .dt-progress-bar{display:block;height:100%;width:0%;background:var(--dt-progress-color);border-radius:3px;transform-origin:left;}
.dermtech-slider-instance .dt-progress-bar.dt-running{transition:width linear;width:100%;}
.dermtech-slider-instance .dt-progress-bar.dt-paused{transition:none;}