/* DinTech Shop V6.6: approved UniFi hero, implemented with editable HTML and separate imagery.
   Loaded after previous V6 rules. No product distortion, hidden duplicate text, or photo zoom. */
.dt6-home #dt6-hero-carousel.dt6-hero-carousel {
  position:relative; display:block; height:clamp(335px,25vw,380px); min-height:0;
  border-radius:20px; overflow:hidden; isolation:isolate;
  background:linear-gradient(112deg,#edf7ff 0%,#deefff 50%,#a6d8ff 100%);
  box-shadow:inset 0 0 0 1px rgba(64,147,213,.12);
}
.dt6-home #dt6-hero-carousel .dt6-hero-slide {
  display:grid; grid-template-columns:minmax(0,45%) minmax(0,55%);
  grid-template-rows:minmax(0,1fr); position:absolute;inset:0;min-width:0;
}
.dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-copy {
  position:relative;z-index:2;min-height:0; min-width:0;
  padding:36px 4px 50px clamp(50px,5.2vw,84px);
  display:flex; flex-direction:column;align-items:flex-start;justify-content:center;
}
.dt6-home #dt6-hero-carousel .dt6-overline {
  font-size:clamp(10px,1vw,13px);letter-spacing:.12em;color:#0864b9;font-weight:850;
}
.dt6-home #dt6-hero-carousel .dt6-hero-slide h1,
.dt6-home #dt6-hero-carousel .dt6-hero-slide h2 {
  font-size:clamp(28px,2.85vw,41px);line-height:1.07;
  font-weight:900;color:#0a2c55;max-width:590px;
  margin:15px 0 15px;letter-spacing:-.035em;overflow-wrap:normal;
}
.dt6-home #dt6-hero-carousel .dt6-hero-slide h1 em,
.dt6-home #dt6-hero-carousel .dt6-hero-slide h2 em {color:#097de6;font-style:normal;}
.dt6-home #dt6-hero-carousel .dt6-hero-slide p {
  margin:0; font-size:clamp(12px,1.05vw,15px);line-height:1.48;color:#173e69;max-width:520px;
}
.dt6-home #dt6-hero-carousel .dt6-hero-buttons {
  margin-top:24px; gap:11px; flex-wrap:wrap;
}
.dt6-home #dt6-hero-carousel .dt6-primary,
.dt6-home #dt6-hero-carousel .dt6-secondary {
  min-height:44px;padding:10px 18px;font-size:13px;border-radius:8px;text-decoration:none!important;
}
.dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-visual {
  display:flex;align-items:center;justify-content:center;
  padding:0;overflow:hidden;min-width:0;min-height:0;height:100%;
  background:transparent;
}
.dt6-home #dt6-hero-carousel .dt6-hero-visual:before {display:none!important;}
.dt6-home #dt6-hero-carousel .dt6-hero-visual img {
  display:block;position:static;flex:0 0 auto;
  width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain!important;object-position:center!important;
  border-radius:0;filter:none!important;transform:none!important;
}
/* Softly blend the image edge into the banner, without covering any product photo. */
@supports (mask-image:linear-gradient(to right,transparent,#000)) {
 .dt6-home #dt6-hero-carousel .dt6-hero-visual img {
   mask-image:linear-gradient(to right,transparent 0%,#000 3.5%);
 }
}
.dt6-home #dt6-hero-carousel .dt6-slider-controls {
  position:absolute;inset:0;width:100%;height:100%;z-index:9;pointer-events:none;display:block;
}
.dt6-home #dt6-hero-carousel .dt6-slide-arrow {
  display:grid;place-items:center;position:absolute;top:50%;bottom:auto;
  transform:translateY(-50%);width:44px;height:44px;
  border-radius:50%;border:1px solid #c9dff4;background:rgba(255,255,255,.93);
  color:#0661bb;box-shadow:0 4px 14px #0b54991d;
  font-size:28px;line-height:1;pointer-events:auto;cursor:pointer;
}
.dt6-home #dt6-hero-carousel .dt6-slide-arrow[data-slide-action="previous"] {left:13px;right:auto;}
.dt6-home #dt6-hero-carousel .dt6-slide-arrow[data-slide-action="next"] {right:13px;left:auto;}
.dt6-home #dt6-hero-carousel .dt6-hero-dots {
  display:flex;align-items:center;gap:7px;
  position:absolute;left:50%;bottom:12px;top:auto;transform:translateX(-50%);
  width:max-content;padding:7px 12px;margin:0;border-radius:99px;
  background:rgba(255,255,255,.93);box-shadow:0 3px 13px #13519b17;
  pointer-events:auto;
}
@media (max-width:1050px) and (min-width:701px) {
 .dt6-home #dt6-hero-carousel.dt6-hero-carousel {height:350px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide{grid-template-columns:49% 51%;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-copy{padding:28px 8px 50px 51px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h1,
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h2{font-size:clamp(25px,3vw,34px);}
 .dt6-home #dt6-hero-carousel .dt6-primary,
 .dt6-home #dt6-hero-carousel .dt6-secondary{font-size:11px;padding:9px 12px;min-height:39px;}
}
@media (max-width:700px) {
 .dt6-home #dt6-hero-carousel.dt6-hero-carousel {height:clamp(530px,136vw,560px);border-radius:16px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide {
   grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 225px;
 }
 .dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-copy {
   padding:35px 26px 13px;justify-content:flex-start;
 }
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h1,
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h2 {
   font-size:clamp(24px,6.6vw,32px);line-height:1.1;margin:10px 0 12px;
 }
 .dt6-home #dt6-hero-carousel .dt6-hero-slide p{font-size:12px;line-height:1.4;}
 .dt6-home #dt6-hero-carousel .dt6-hero-buttons{margin-top:16px;gap:8px;}
 .dt6-home #dt6-hero-carousel .dt6-primary,
 .dt6-home #dt6-hero-carousel .dt6-secondary{font-size:11px;min-height:37px;padding:9px 11px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-visual {
   height:225px;min-height:0;padding:0 10px 18px;background:transparent;
 }
 .dt6-home #dt6-hero-carousel .dt6-hero-visual img {
   width:100%;height:100%;max-height:100%;object-fit:contain!important;
   mask-image:none;
 }
 .dt6-home #dt6-hero-carousel .dt6-slide-arrow {
   top:auto;bottom:86px;transform:none;width:33px;height:33px;font-size:24px;
 }
 .dt6-home #dt6-hero-carousel .dt6-slide-arrow[data-slide-action="previous"]{left:5px;}
 .dt6-home #dt6-hero-carousel .dt6-slide-arrow[data-slide-action="next"]{right:5px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-dots{bottom:7px;}
}
@media (max-width:360px){
 .dt6-home #dt6-hero-carousel.dt6-hero-carousel{height:590px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide .dt6-hero-copy{padding-left:19px;padding-right:19px;}
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h1,
 .dt6-home #dt6-hero-carousel .dt6-hero-slide h2{font-size:24px;}
}
@media(prefers-reduced-motion:reduce){
 .dt6-home #dt6-hero-carousel .dt6-hero-slide.is-active{animation:none;}
}