/* J24 hero: v43 ImageGen composition, real customer machine and garment photographs. */
.detail-top{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#071529 url('/assets/j24-studio-v43.webp') center/cover}
.detail-top::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07172bc9 0%,#07172b67 39%,#07172b00 70%)}
.detail-top>.container{position:relative}
.detail-top .breadcrumbs{display:flex;gap:10px;align-items:center;padding:25px 0 0;color:#b9d0e4;font-size:12px;line-height:1.5}
.detail-top .breadcrumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.detail-top .product-overview{position:relative;display:block;min-height:710px;padding:67px 0 94px}
.detail-top .product-overview>div:last-child{position:relative;z-index:3;width:46%;max-width:540px}
.detail-top .eyebrow{display:block;margin:0 0 16px;color:#a9d3f4;font-size:14px;font-weight:600;letter-spacing:.025em}
.detail-top .eyebrow::before{display:none}
.detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{color:#fff;font-size:clamp(88px,8vw,118px);line-height:.98;letter-spacing:-.07em}
.detail-top .product-overview h2{max-width:530px;margin:22px 0 0;color:#fff;font-size:clamp(32px,3.25vw,44px);line-height:1.22;letter-spacing:-.048em}
.detail-top .product-overview .lead{max-width:490px;margin:22px 0 0;color:#d1deea;font-size:16px;line-height:1.74}
.detail-top .detail-art{position:absolute;z-index:1;left:45%;right:-13%;bottom:15px;display:block;width:auto;height:680px;max-width:none;border-radius:0;overflow:visible;background:none}
.detail-top .detail-art>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;cursor:zoom-in;filter:drop-shadow(0 30px 22px #010b17a8);transition:transform .5s ease,filter .5s ease}
.detail-top .detail-art:hover>img,.detail-top .detail-art:focus-within>img{transform:translateY(-8px) scale(1.018);filter:drop-shadow(0 40px 30px #010b17c9)}
.detail-top .detail-art>button:not(.j24-result){position:absolute;z-index:3;left:12%;right:auto;bottom:5px;padding:8px 13px;min-height:40px;border:1px solid #d1e4f4b8;border-radius:5px;background:#0e2741d9;color:#fff;font-size:12px;backdrop-filter:blur(6px);transition:background .25s,transform .25s}
.detail-top .detail-art>button:not(.j24-result):hover,.detail-top .detail-art>button:not(.j24-result):focus-visible{background:#1262af;transform:translateY(-3px)}
.detail-top .detail-art-mobile{display:none}
.detail-top .j24-result{position:absolute;z-index:4;right:19%;bottom:0;display:block;width:236px;height:193px;padding:0;overflow:hidden;border:1px solid #ffffff9c;border-radius:12px;background:#fff;box-shadow:0 20px 45px #00102291;text-align:left;transition:transform .35s ease,box-shadow .35s ease}
.detail-top .j24-result img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 33%;filter:none;transition:transform .45s ease}
.detail-top .j24-result-caption{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:17px 13px 10px;background:linear-gradient(0deg,#0e2139df,#0e213900);color:#fff;font-size:12px;font-weight:600}
.detail-top .j24-result-open{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#112538d9;color:#fff;font-size:19px;line-height:1}
.detail-top .j24-result:hover,.detail-top .j24-result:focus-visible{transform:translateY(-7px);box-shadow:0 27px 50px #001022ba}
.detail-top .j24-result:hover img,.detail-top .j24-result:focus-visible img{transform:scale(1.055)}
.detail-top .product-overview .metrics{display:grid;grid-template-columns:1fr .8fr 1fr;gap:0;max-width:485px;margin:33px 0 0}
.detail-top .product-overview .metric{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 19px;border:0;border-right:1px solid #c8dcf77a}
.detail-top .product-overview .metric:first-child{padding-left:0}
.detail-top .product-overview .metric:last-child{border-right:0}
.detail-top .product-overview .metric strong{color:#fff;font-size:22px;line-height:1.2}
.detail-top .product-overview .metric span{color:#acc8e1;font-size:12px;line-height:1.45}
.detail-top .product-overview .actions{display:flex;align-items:center;gap:24px;margin-top:44px}
.detail-top .product-overview .actions .btn{min-height:53px;min-width:177px;border-color:#167bd3;border-radius:5px;background:#1269bf;box-shadow:0 12px 29px #06122280;transition:transform .25s,background .25s,box-shadow .25s}
.detail-top .product-overview .actions .btn:hover,.detail-top .product-overview .actions .btn:focus-visible{transform:translateY(-4px);background:#1d87e2;box-shadow:0 19px 34px #061222af}
.detail-top .product-overview .actions .text-link{color:#fff;font-size:15px;transition:color .25s,transform .25s}
.detail-top .product-overview .actions .text-link:hover,.detail-top .product-overview .actions .text-link:focus-visible{color:#92d7ff;transform:translateX(4px);text-decoration:none}
.detail-top a:focus-visible,.detail-top button:focus-visible{outline:3px solid #73d5ff;outline-offset:3px}
@media(max-width:1100px){
 .detail-top .product-overview{min-height:635px;padding:57px 0 75px}
 .detail-top .product-overview>div:last-child{width:51%}
 .detail-top .detail-art{left:43%;right:-19%;height:590px}
 .detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{font-size:88px}
 .detail-top .product-overview h2{font-size:33px}
 .detail-top .j24-result{width:195px;height:158px;right:19%}
}
@media(max-width:760px){
 .detail-top{background-position:67% center}
 .detail-top::before{background:linear-gradient(180deg,#06162cd9 0%,#06162cb5 56%,#06162c3b 100%)}
 .detail-top .breadcrumbs{padding-top:18px;font-size:11px}
 .detail-top .product-overview{min-height:0;padding:30px 0 52px}
 .detail-top .product-overview>div:last-child{width:100%;max-width:none}
 .detail-top .eyebrow{margin:0 0 12px;font-size:12px}
 .detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{font-size:76px}
 .detail-top .product-overview h2{max-width:610px;margin-top:14px;font-size:30px}
 .detail-top .product-overview .lead{margin-top:17px;font-size:14px;line-height:1.7}
 .detail-top .detail-art{display:none}
 .detail-top .detail-art-mobile{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:360px;margin:20px 0 0;border-radius:0;background:transparent}
 .detail-top .detail-art-mobile>img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 17px #020d19a6);transition:transform .4s ease}
 .detail-top .detail-art-mobile:hover>img,.detail-top .detail-art-mobile:focus-within>img{transform:translateY(-6px) scale(1.02)}
 .detail-top .detail-art-mobile>button:not(.j24-result){position:absolute;left:0;right:auto;bottom:0;padding:8px 11px;border:1px solid #d1e4f4b8;border-radius:5px;background:#0e2741d9;color:#fff;font-size:11px}
 .detail-top .detail-art-mobile>button:not(.j24-result):hover{background:#1262af}
 .detail-top .j24-result{right:0;bottom:0;width:170px;height:132px}
 .detail-top .product-overview .metrics{max-width:none;margin-top:26px}
 .detail-top .product-overview .actions{margin-top:29px}
}
@media(max-width:470px){
 .detail-top .product-overview{padding-bottom:42px}
 .detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{font-size:68px}
 .detail-top .product-overview h2{font-size:27px;line-height:1.28}
 .detail-top .detail-art-mobile{height:285px;margin-top:15px}
 .detail-top .j24-result{width:137px;height:109px;border-radius:7px}
 .detail-top .j24-result-caption{padding:14px 8px 6px;font-size:10px}
 .detail-top .j24-result-open{top:5px;right:5px;width:23px;height:23px;font-size:15px}
 .detail-top .product-overview .metrics{grid-template-columns:1.1fr .7fr 1fr;gap:0;margin-top:20px}
 .detail-top .product-overview .metric{padding:0 9px}
 .detail-top .product-overview .metric strong{font-size:15px}
 .detail-top .product-overview .metric span{font-size:10px}
 .detail-top .product-overview .actions{gap:14px;margin-top:26px}
 .detail-top .product-overview .actions .btn{min-width:0;min-height:45px;padding:10px 14px;font-size:13px}
 .detail-top .product-overview .actions .text-link{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .detail-top .detail-art>img,.detail-top .detail-art-mobile>img,.detail-top .j24-result,.detail-top .j24-result img,.detail-top .product-overview .actions .btn,.detail-top .product-overview .actions .text-link{transition:none!important}
 .detail-top .detail-art:hover>img,.detail-top .detail-art:focus-within>img,.detail-top .detail-art-mobile:hover>img,.detail-top .detail-art-mobile:focus-within>img,.detail-top .j24-result:hover,.detail-top .j24-result:focus-visible,.detail-top .j24-result:hover img,.detail-top .j24-result:focus-visible img,.detail-top .product-overview .actions .btn:hover,.detail-top .product-overview .actions .btn:focus-visible,.detail-top .product-overview .actions .text-link:hover,.detail-top .product-overview .actions .text-link:focus-visible{transform:none!important}
}