/* DinTech Shop V6 — fidelity implementation of the owner-provided reference, not a raster screenshot overlay. */
:root{--dt6-blue:#0077df;--dt6-dark:#06295c;--dt6-ice:#eaf6ff;--dt6-line:#dfe9f3;--dt6-shadow:0 5px 18px rgba(0,64,140,.08)}
body{background:#fff;color:#0a284b}.container{width:min(1440px,calc(100% - 72px))}
.topline{height:32px;background:linear-gradient(100deg,#eaf6ff,#f6faff);font-size:11px;color:#0e4e8d}.topline-inner{height:32px}.topline-end{font-size:11px}
.head-main{min-height:85px;gap:30px}.brand-logo.dt-brand-logo{width:354px;min-width:245px;flex:0 0 354px;line-height:0}.brand-logo.dt-brand-logo .site-logo-img{max-width:354px;max-height:70px;width:100%;height:auto;object-fit:contain;object-position:left center}
.search{max-width:490px;height:40px;min-width:190px;flex:1;border-radius:7px;background:#fff;border:1px solid #bdd4f0;box-shadow:0 0 0 1px #ecf6ff inset;overflow:visible}.search input{font-size:12px;min-width:0}.search button{border-radius:0 6px 6px 0;height:38px;padding:7px 23px;background:linear-gradient(180deg,#0da0f5,#006edb)}.search button:hover{background:#005cac}.head-actions{gap:14px;flex-shrink:0}.head-actions .action-support{display:none}.head-actions .icon-action{position:relative;color:#082853;min-width:34px}
.nav-wrap{background:linear-gradient(180deg,#0889e3,#0067c4);box-shadow:0 2px 9px #005ebc16}.nav-line{gap:12px;min-height:42px}.all-categories{height:42px;min-width:220px;width:220px;border-radius:7px 7px 0 0;background:#006bbf;font-weight:800}.nav-links{gap:clamp(11px,2.25vw,38px);justify-content:space-between;flex:1}.nav-links a{font-size:12px;font-weight:700;white-space:nowrap;color:#fff}.nav-links .nav-unifi{font-size:12px}.nav-b2b{padding:7px 12px;border:1px solid #ddecff;border-radius:6px;background:#f5faff;color:#0066c2;font-size:11px;font-weight:800}.nav-b2b:hover{color:#004fa2;background:#fff}.nav-b2b svg{display:none}
.dt6-home{padding:12px 0 42px}.dt6-home h1,.dt6-home h2{letter-spacing:-.035em}.dt6-home a:focus-visible,.dt6-home button:focus-visible{outline:3px solid #043df3;outline-offset:3px}
.dt6-hero{height:260px;display:grid;grid-template-columns:43% 57%;overflow:hidden;border-radius:13px;background:linear-gradient(111deg,#eaf6ff 0%,#d5eeff 47%,#7ac5ff 100%);position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px #ddeefa}
.dt6-hero-copy{padding:21px 0 19px clamp(24px,5vw,91px);z-index:2;position:relative;display:flex;flex-direction:column;align-items:flex-start}.dt6-overline{font-size:12px;letter-spacing:.11em;color:#075799;font-weight:850}.dt6-hero h1{color:#092c55;font-size:clamp(23px,2.4vw,33px);font-weight:900;line-height:1.05;margin:12px 0 7px;max-width:470px}.dt6-hero h1 em{color:#0074d7;font-style:normal}.dt6-hero p{font-size:13px;line-height:1.4;color:#103c69;max-width:490px;margin:0 0 12px}.dt6-hero-buttons{display:flex;gap:12px;align-items:center;margin-top:auto}.dt6-primary,.dt6-secondary,.dt6-b2b-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:39px;padding:9px 18px;border-radius:6px;font-size:12px;font-weight:850;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.dt6-primary{background:linear-gradient(180deg,#139cfc,#0069d4);color:#fff;box-shadow:0 3px 7px #0569b827}.dt6-primary svg{width:18px;height:18px}.dt6-secondary{background:#fff;border:1px solid #0b80eb;color:#0067c5}.dt6-primary:hover,.dt6-secondary:hover,.dt6-b2b-button:hover{transform:translateY(-2px);box-shadow:0 9px 17px #0063c027}.dt6-primary:hover{background:#0066c4}.dt6-hero-dots{display:flex;gap:7px;margin-top:13px}.dt6-hero-dots span{height:8px;width:8px;border-radius:50%;background:#acc8df}.dt6-hero-dots span:first-child{background:#0074d6}.dt6-hero-visual{position:relative;overflow:hidden}.dt6-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.dt6-hero-visual:before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:110px;background:linear-gradient(90deg,#daefff,transparent);z-index:1;pointer-events:none}
.dt6-categories{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:11px}.dt6-category{min-width:0;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;border-radius:10px;padding:7px 7px 12px;border:1px solid #ecf3fa;background:linear-gradient(155deg,#f1f8ff,#e8f1f8);transition:transform .2s,box-shadow .2s,border-color .2s}.dt6-category:hover{transform:translateY(-4px);box-shadow:var(--dt6-shadow);border-color:#8cc9ff}.dt6-category img{height:65px;width:100%;max-width:132px;object-fit:contain;mix-blend-mode:multiply}.dt6-category strong{font-size:12px;font-weight:850;line-height:1.15;color:#09254d}.dt6-category span{font-size:10px;line-height:1.18;color:#48617d;white-space:nowrap;letter-spacing:-.03em}
.dt6-products-section{position:relative;margin-top:20px}.dt6-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:11px}.dt6-section-head h2{font-size:20px;font-weight:900;color:#0b2b54;margin:0;display:flex;gap:12px;align-items:center}.dt6-section-head h2:before{content:"";height:24px;width:4px;background:#008df5;border-radius:4px;display:inline-block}.dt6-section-head a{font-size:11px;color:#0069c6;font-weight:850;white-space:nowrap}.dt6-section-head a:hover{text-decoration:underline}
.dt6-demo-notice{padding:4px 10px;background:#f5fbff;color:#527193;border-left:2px solid #90c8fa;margin-bottom:7px;font-size:10px;max-width:100%;border-radius:3px}
.dt6-product-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;padding:2px 2px 8px}.dt6-product-card{position:relative;flex:0 0 calc((100% - 36px)/4);min-width:0;height:160px;display:grid;grid-template-columns:44% 56%;border:1px solid #dce9f5;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 10px #084c9510;scroll-snap-align:start;transition:transform .2s,border-color .2s,box-shadow .2s}.dt6-product-card:hover{transform:translateY(-3px);border-color:#a3d4ff;box-shadow:0 11px 21px #0b6ac81a}.dt6-product-photo{position:relative;display:flex;align-items:center;justify-content:center;padding:8px;min-width:0}.dt6-product-photo img{width:100%;height:120px;object-fit:contain;filter:drop-shadow(0 4px 5px #164a761a)}.dt6-demo-badge{position:absolute;left:9px;top:8px;padding:3px 6px;border-radius:3px;background:#e6f1ff;color:#146cae;font-weight:900;font-size:9px;letter-spacing:.05em}.dt6-product-meta{padding:14px 12px 12px 2px;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.dt6-product-brand{color:#113e71;font-size:11px;font-weight:850}.dt6-product-name{color:#0e2d54;font-size:12px;line-height:1.26;font-weight:850;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dt6-product-meta small{color:#69809a;font-size:10px;line-height:1.2}.dt6-status{color:#33865c;font-size:9px;font-weight:700}.dt6-status:before{content:"";display:inline-block;width:7px;height:7px;background:#38b962;border-radius:100%;margin-right:5px}.dt6-demo-status{color:#5f7388}.dt6-demo-status:before{background:#8ea3b7}.dt6-product-meta>strong{font-size:14px;color:#006bd3;margin-top:auto;font-weight:900}.dt6-product-meta>strong small{font-size:9px;font-weight:500}.dt6-add{background:linear-gradient(180deg,#128ff2,#006cd4);color:#fff;border:0;border-radius:5px;min-width:120px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer;line-height:1.1}.dt6-add:hover{background:#0062be;color:#fff}.dt6-add span{font-size:16px;line-height:8px}.dt6-carousel-controls{position:absolute;right:-18px;top:95px;left:-18px;display:flex;justify-content:space-between;pointer-events:none}.dt6-carousel-controls button{width:29px;height:29px;display:grid;place-items:center;pointer-events:auto;border:1px solid #e0eaf3;color:#133c64;background:#fff;border-radius:50%;font-size:25px;cursor:pointer;box-shadow:0 2px 6px #144a7220}.dt6-carousel-controls button:hover{background:#e7f4ff}.dt6-product-empty{padding:30px;border:1px dashed #a4cdef;background:#f2f9ff;border-radius:9px;color:#446585}.dt6-product-empty a{color:#006dcc;font-weight:800}
.dt6-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(110deg,#f6faff,#eff6fc);border-radius:11px;min-height:57px;margin-top:13px;align-items:center}.dt6-benefits>div{display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;padding:7px}.dt6-benefits>div+div{border-left:1px solid #cbdbeb}.dt6-benefit-icon{display:grid;place-items:center;width:36px;font-size:29px;color:#0879e1}.dt6-benefits b{display:block;color:#0e2747;font-size:12px;line-height:1.3}.dt6-benefits small{display:block;color:#54677f;font-size:9px;line-height:1.4}
.dt6-brands{margin-top:10px}.dt6-brands h2{font-size:16px;font-weight:850;color:#122a49;margin:0 0 7px}.dt6-brand-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.dt6-brand-grid a{min-width:0;min-height:43px;display:grid;place-items:center;border:1px solid #e0e9f4;border-radius:7px;font-size:clamp(13px,1.5vw,22px);color:#18437a;font-weight:900;letter-spacing:-.06em;background:#fff;transition:transform .15s,background .15s}.dt6-brand-grid a:nth-child(2){color:#262b34;font-style:italic}.dt6-brand-grid a:nth-child(3){color:#12aec4}.dt6-brand-grid a:nth-child(4){color:#303039}.dt6-brand-grid a:nth-child(5){color:#1148a6}.dt6-brand-grid a:nth-child(6){color:#156dbb}.dt6-brand-grid a:nth-child(7){color:#171d25}.dt6-brand-grid a:nth-child(8){color:#c82727}.dt6-brand-grid a:hover{background:#eef8ff;transform:translateY(-2px)}.dt6-brand-note{font-size:9px;color:#8b9db0;margin:5px 0 0}
.dt6-b2b{margin-top:13px;background:linear-gradient(110deg,#259de9,#78c4fa 52%,#0074d2);border-radius:12px;min-height:80px;color:#fff;display:flex;align-items:center;gap:24px;padding:14px 56px;overflow:hidden;position:relative}.dt6-b2b:after{content:"";position:absolute;width:500px;height:180px;border:1px solid #ffffff30;transform:rotate(-17deg);right:30px;top:-100px;border-radius:50%;box-shadow:0 0 0 40px #ffffff0b,0 0 0 80px #ffffff09;pointer-events:none}.dt6-business-symbol{font-size:43px;font-weight:bold;color:#fff;line-height:1}.dt6-b2b>div:nth-child(2){flex:1;position:relative;z-index:1}.dt6-b2b h2{font-size:20px;line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff;margin:0 0 5px}.dt6-b2b p{font-size:11px;color:#f4fbff;margin:0}.dt6-b2b-button{position:relative;z-index:1;background:white;color:#0569bd;min-width:188px;padding:11px 19px}.dt6-b2b-button:hover{color:#045ca3}
.dt6-latest{padding-top:36px}.dt6-latest .products-grid{grid-template-columns:repeat(4,1fr)}
/* Light footer as the reference; important business details remain in original footer. */
body[data-page="home"] .footer-cta{display:none}.site-footer{margin-top:25px}
@media(max-width:1320px){.container{width:min(1250px,calc(100% - 48px))}.brand-logo.dt-brand-logo{width:255px;min-width:230px;flex-basis:255px}.brand-logo.dt-brand-logo .site-logo-img{max-width:255px}.nav-links{gap:14px}.nav-links a{font-size:11px}.all-categories{min-width:190px;width:190px}.dt6-hero-copy{padding-left:48px}.dt6-hero{grid-template-columns:44% 56%}.dt6-category span{font-size:9px}.dt6-product-card{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:1080px){.brand-logo.dt-brand-logo{width:218px;min-width:180px;flex-basis:218px}.brand-logo.dt-brand-logo .site-logo-img{max-width:218px}.head-main{gap:15px}.nav-links{overflow:auto;justify-content:flex-start}.nav-links a{flex-shrink:0}.dt6-hero{height:280px;grid-template-columns:48% 52%}.dt6-hero-copy{padding:23px 4px 16px 31px}.dt6-hero h1{font-size:28px}.dt6-hero-visual img{object-position:57%}.dt6-categories{grid-template-columns:repeat(4,1fr)}.dt6-category{min-height:114px}.dt6-product-card{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.topline{height:27px}.topline-inner{height:27px;overflow:hidden;white-space:nowrap}.topline-inner>span{font-size:9px}.topline-end{display:none}.head-main{min-height:118px;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 0}.brand-logo.dt-brand-logo{width:210px;min-width:150px;flex-basis:calc(100% - 170px)}.brand-logo.dt-brand-logo .site-logo-img{max-width:223px;max-height:49px}.head-actions{margin-left:auto;gap:7px}.head-actions .icon-action{min-width:25px}.search{order:4;flex-basis:100%;width:100%;max-width:none;height:37px}.search button{height:35px}.nav-line{min-height:41px}.nav-wrap{overflow:visible}.all-categories{height:41px;min-width:135px;width:135px;padding:0 7px;font-size:10px}.nav-links{flex:1;gap:14px;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{font-size:10px}.nav-b2b{display:none}.dt6-home{padding-top:10px}.dt6-hero{grid-template-columns:1fr;height:auto;min-height:0}.dt6-hero-copy{padding:23px 19px 12px}.dt6-hero h1{font-size:clamp(26px,7.2vw,35px);margin:11px 0}.dt6-hero p{font-size:12px}.dt6-hero-buttons{gap:8px;margin-top:18px}.dt6-primary,.dt6-secondary{font-size:10px;min-height:37px;padding:9px 10px}.dt6-hero-dots{margin-top:15px}.dt6-hero-visual{height:175px}.dt6-hero-visual img{object-position:50% 50%}.dt6-hero-visual:before{display:none}.dt6-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.dt6-category{padding:5px;min-height:96px}.dt6-category img{height:46px}.dt6-category strong{font-size:10px}.dt6-category span{font-size:8px;white-space:normal}.dt6-products-section{margin-top:17px}.dt6-section-head h2{font-size:16px}.dt6-section-head h2:before{height:20px}.dt6-section-head a{font-size:10px;max-width:45%;white-space:normal;text-align:right}.dt6-product-card{flex-basis:75%;height:172px}.dt6-product-meta{padding:15px 10px 12px 1px}.dt6-product-photo img{height:110px}.dt6-demo-notice{font-size:9px}.dt6-carousel-controls{right:0;left:auto;top:auto;bottom:-33px;gap:8px}.dt6-benefits{grid-template-columns:repeat(2,1fr);margin-top:38px;gap:10px 0;padding:11px 3px}.dt6-benefits>div{justify-content:start;padding:3px 12px}.dt6-benefits>div+div{border-left:0}.dt6-benefits b{font-size:10px}.dt6-benefits small{font-size:9px}.dt6-benefit-icon{width:25px;font-size:24px}.dt6-brands{margin-top:22px}.dt6-brand-grid{grid-template-columns:repeat(4,1fr);gap:6px}.dt6-brand-grid a{font-size:14px;min-height:41px}.dt6-b2b{padding:18px;gap:9px;flex-wrap:wrap}.dt6-business-symbol{display:none}.dt6-b2b h2{font-size:19px}.dt6-b2b p{font-size:10px}.dt6-b2b-button{min-width:0;min-height:35px;font-size:10px;padding:9px 13px}.dt6-latest .products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:380px){.dt6-category{min-height:95px}.dt6-category span{display:none}.dt6-categories{grid-template-columns:repeat(4,1fr)}.dt6-product-card{flex-basis:88%}.brand-logo.dt-brand-logo{flex-basis:55%}.dt6-hero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.dt6-product-scroll{scroll-behavior:auto}.dt6-home *, .dt6-home *:before,.dt6-home *:after{transition:none!important}}

/* V6.1 — echte carousel slides: editable hero text/images, no flattened screenshot. */
.dt6-hero-carousel{display:block;position:relative;overflow:hidden}
.dt6-hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:43% 57%;opacity:0;visibility:hidden;pointer-events:none;z-index:0}
.dt6-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2;animation:dt6-slide-fade .35s ease-out both}
.dt6-hero-carousel .dt6-hero-copy{padding-bottom:50px}
.dt6-hero-slide h2{color:#092c55;font-size:clamp(23px,2.4vw,33px);font-weight:900;line-height:1.05;margin:12px 0 7px;max-width:470px;letter-spacing:-.035em}
.dt6-hero-slide h2 em{color:#0074d7;font-style:normal}
.dt6-slider-controls{position:absolute;left:clamp(24px,5vw,91px);bottom:13px;z-index:5;display:flex;align-items:center;gap:13px}
.dt6-hero-carousel .dt6-hero-dots{margin:0;display:flex;align-items:center;gap:7px}
.dt6-hero-carousel .dt6-hero-dots button{display:block;appearance:none;width:9px;height:9px;min-width:9px;min-height:9px;padding:0;border:0;border-radius:50%;background:#9ebfd9;cursor:pointer;transition:width .2s,background .2s}
.dt6-hero-carousel .dt6-hero-dots button.is-active{width:23px;background:#0075da;border-radius:6px}
.dt6-slider-controls button:focus-visible{outline:3px solid #104bd6;outline-offset:4px}
.dt6-slide-arrow{display:grid;place-items:center;border:1px solid #9ccaf2;background:#ffffffbd;color:#0956a6;border-radius:50%;width:25px;height:25px;line-height:1;font-size:22px;cursor:pointer}
.dt6-slide-arrow:hover{background:#fff}
.dt6-hero-carousel[data-single="true"] .dt6-slider-controls{display:none}
@keyframes dt6-slide-fade{from{opacity:.15;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1320px){.dt6-hero-slide{grid-template-columns:44% 56%}.dt6-slider-controls{left:48px}}
@media(max-width:1080px){.dt6-hero-slide{grid-template-columns:48% 52%}.dt6-hero-carousel .dt6-hero-copy{padding:23px 4px 44px 31px}.dt6-hero-slide h2{font-size:28px}.dt6-slider-controls{left:31px}}
@media(max-width:700px){.dt6-hero-carousel{height:480px}.dt6-hero-slide{grid-template-columns:1fr;grid-template-rows:1fr 175px}.dt6-hero-carousel .dt6-hero-copy{padding:21px 19px 40px;min-height:0}.dt6-hero-slide h2{font-size:clamp(25px,7vw,34px);margin:10px 0}.dt6-hero-slide p{font-size:12px}.dt6-hero-carousel .dt6-hero-buttons{margin-top:auto}.dt6-hero-carousel .dt6-hero-visual{height:175px}.dt6-slider-controls{left:19px;bottom:182px}}
@media(max-width:390px){.dt6-hero-carousel{height:505px}.dt6-hero-slide h2{font-size:24px}.dt6-hero-carousel .dt6-hero-buttons{gap:6px}}
@media(prefers-reduced-motion:reduce){.dt6-hero-slide.is-active{animation:none}.dt6-hero-carousel .dt6-hero-dots button{transition:none}}


/* V6.2: banner controls at opposite sides, image preserved without cropping. */
.dt6-hero-carousel .dt6-hero-visual{
  display:flex;align-items:center;justify-content:center;
  min-width:0;padding:8px 17px 12px 5px;
}
.dt6-hero-carousel .dt6-hero-visual img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center center;
}
.dt6-hero-carousel .dt6-hero-visual:before{display:none}
.dt6-hero-carousel .dt6-slider-controls{
  position:absolute;inset:0;z-index:6;
  display:block;width:100%;height:100%;pointer-events:none;
}
.dt6-hero-carousel .dt6-slide-arrow{
  position:absolute;top:50%;width:38px;height:38px;
  transform:translateY(-50%);padding:0;
  display:grid;place-items:center;border:1px solid #b7d7f2;
  background:rgba(255,255,255,.94);color:#065cbb;
  box-shadow:0 3px 12px rgba(11,71,127,.14);
  border-radius:50%;font-size:28px;line-height:1;
  cursor:pointer;pointer-events:auto;
}
.dt6-hero-carousel .dt6-slide-arrow[data-slide-action="previous"]{left:10px}
.dt6-hero-carousel .dt6-slide-arrow[data-slide-action="next"]{right:10px}
.dt6-hero-carousel .dt6-slide-arrow:hover{background:#fff;box-shadow:0 5px 18px rgba(11,71,127,.2)}
.dt6-hero-carousel .dt6-hero-dots{
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  width:max-content;display:flex;align-items:center;gap:8px;
  padding:7px 11px;border-radius:100px;
  background:rgba(255,255,255,.86);box-shadow:0 2px 10px rgba(9,68,126,.1);
  pointer-events:auto;
}
@media(max-width:700px){
  .dt6-hero-carousel .dt6-hero-visual{height:175px;padding:4px 12px 9px}
  .dt6-hero-carousel .dt6-hero-visual img{object-fit:contain;object-position:center}
  .dt6-hero-carousel .dt6-slide-arrow{top:auto;bottom:66px;transform:none;width:34px;height:34px;font-size:25px}
  .dt6-hero-carousel .dt6-slide-arrow[data-slide-action="previous"]{left:8px}
  .dt6-hero-carousel .dt6-slide-arrow[data-slide-action="next"]{right:8px}
  .dt6-hero-carousel .dt6-hero-dots{bottom:7px}
}
@media(prefers-reduced-motion:reduce){.dt6-hero-carousel .dt6-slide-arrow{transition:none}}