/* J36 detail opening, recreated from the v38 ImageGen composition with real product photography. */
.detail-top{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#102238 url('/assets/j36-studio-v38.webp') center/cover}
.detail-top::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0b1d32a8 0%,#0b1d3280 36%,#0b1d3214 70%,#0b1d3200 100%)}
.detail-top>.container{position:relative}
.detail-top .breadcrumbs{display:flex;align-items:center;gap:10px;padding:31px 0 0;color:#d2dce7;font-size:12px;line-height:1.4}
.detail-top .breadcrumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.detail-top .product-overview{position:relative;display:block;min-height:660px;padding:52px 0 92px}
.detail-top .product-overview>div:last-child{position:relative;z-index:3;width:45%;max-width:550px}
.detail-top .eyebrow{margin:0 0 13px;color:#bdd7eb;font-size:13px;letter-spacing:.06em}
.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(80px,7.8vw,112px);line-height:.98;letter-spacing:-.07em}
.detail-top .product-overview h2{color:#fff;font-size:clamp(33px,3vw,42px);line-height:1.2;margin:19px 0 0;letter-spacing:-.045em}
.detail-top .product-overview .lead{color:#dbe4ed;font-size:16px;line-height:1.7;max-width:495px;margin:24px 0 0}
.detail-top .detail-art{position:absolute;z-index:1;display:block;left:40%;right:-10%;bottom:4%;width:auto;height:565px;max-width:none;background:transparent;border-radius:0;overflow:visible}
.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 32px 26px #04101d9c);clip-path:polygon(0 0,100% 0,100% 78%,86% 78%,86% 100%,0 100%);transition:transform .5s ease,filter .5s ease}
.detail-top .detail-art:hover img,.detail-top .detail-art:focus-within img{transform:scale(1.025) translateY(-6px);filter:drop-shadow(0 37px 31px #04101dd1)}
.detail-top .detail-art button{position:absolute;z-index:4;right:10%;bottom:1%;min-height:40px;padding:8px 14px;border:1px solid #e4edf2ae;border-radius:4px;background:#10263fb8;color:#fff;font-size:13px;line-height:1.3;backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease}
.detail-top .detail-art button:hover,.detail-top .detail-art button:focus-visible{background:#0e5dad;transform:translateY(-3px)}
.detail-top .detail-art-mobile{display:none}
.detail-top .product-overview .metrics{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:0;max-width:460px;margin:36px 0 0}
.detail-top .product-overview .metric{display:flex;flex-direction:column;gap:3px;min-width:0;padding:0 18px;border:0;border-right:1px solid #d5e4ef6e}
.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:18px;line-height:1.2;white-space:nowrap}
.detail-top .product-overview .metric span{color:#b7cadd;font-size:12px;line-height:1.45}
.detail-top .product-overview .actions{display:flex;align-items:center;gap:16px;margin-top:42px}
.detail-top .product-overview .actions .btn{min-width:177px;min-height:49px;border-color:#1262af;background:#1262af;box-shadow:0 12px 25px #041e38a8;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.detail-top .product-overview .actions .btn:hover,.detail-top .product-overview .actions .btn:focus-visible{transform:translateY(-4px);background:#1b7bcc;box-shadow:0 18px 32px #041e38c9}
.detail-top .product-overview .actions .text-link{min-height:49px;padding:9px 18px;border:1px solid #e3edf6a8;border-radius:5px;color:#fff;font-size:14px;transition:transform .25s ease,background .25s ease}
.detail-top .product-overview .actions .text-link:hover,.detail-top .product-overview .actions .text-link:focus-visible{transform:translateY(-4px);background:#ffffff22;text-decoration:none}
.detail-top a:focus-visible,.detail-top button:focus-visible{outline:3px solid #6bcfff;outline-offset:3px}
@media(max-width:1100px){
 .detail-top .product-overview{min-height:600px}
 .detail-top .product-overview>div:last-child{width:49%}
 .detail-top .detail-art{left:40%;right:-14%;height:510px}
 .detail-top .product-overview .lead{font-size:15px}
}
@media(max-width:900px){
 .detail-top{background-position:65% center}
 .detail-top::before{background:linear-gradient(180deg,#0b1d32c9 0%,#0b1d3299 45%,#0b1d323c 100%)}
 .detail-top .breadcrumbs{padding-top:25px}
 .detail-top .product-overview{display:block;min-height:0;padding:35px 0 60px}
 .detail-top .product-overview>div:last-child{width:100%;max-width:680px}
 .detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{font-size:80px}
 .detail-top .product-overview h2{font-size:35px;margin-top:11px}
 .detail-top .product-overview .lead{max-width:580px;margin-top:19px}
 .detail-top .detail-art{display:none}
 .detail-top .detail-art-mobile{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:380px;margin:20px 0 0;background:transparent;border-radius:0}
 .detail-top .detail-art-mobile img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;cursor:zoom-in;clip-path:polygon(0 0,100% 0,100% 76%,86% 76%,86% 100%,0 100%);filter:drop-shadow(0 22px 18px #061426a6);transition:transform .4s ease}
 .detail-top .detail-art-mobile:hover img,.detail-top .detail-art-mobile:focus-within img{transform:scale(1.025) translateY(-5px)}
 .detail-top .detail-art-mobile button{position:absolute;right:0;bottom:0;padding:8px 11px;border:1px solid #e4edf2ae;border-radius:4px;background:#10263fc7;color:#fff;font-size:12px;line-height:1.3}
 .detail-top .detail-art-mobile button:hover{background:#1262af}
 .detail-top .product-overview .metrics{max-width:580px;margin-top:24px}
 .detail-top .product-overview .actions{margin-top:28px}
}
@media(max-width:600px){
 .detail-top{background-position:68% center}
 .detail-top .breadcrumbs{font-size:11px;padding-top:18px}
 .detail-top .product-overview{padding:34px 0 47px}
 .detail-top .eyebrow{font-size:11px;margin-bottom:10px}
 .detail-top .product-overview h1,body[data-lang=en] .detail-top .product-overview h1{font-size:68px}
 .detail-top .product-overview h2{font-size:29px;margin-top:11px}
 .detail-top .product-overview .lead{font-size:14px;line-height:1.7;margin-top:16px}
 .detail-top .detail-art-mobile{height:265px;margin-top:17px}
 .detail-top .detail-art-mobile button{font-size:11px;padding:7px 9px}
 .detail-top .product-overview .metrics{grid-template-columns:1.55fr .65fr .8fr;margin-top:20px}
 .detail-top .product-overview .metric{padding:0 8px}
 .detail-top .product-overview .metric strong{font-size:14px}
 .detail-top .product-overview .metric span{font-size:10px}
 .detail-top .product-overview .actions{gap:10px;margin-top:25px}
 .detail-top .product-overview .actions .btn{min-width:0;min-height:44px;padding:9px 15px;font-size:13px}
 .detail-top .product-overview .actions .text-link{min-height:44px;padding:8px 13px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .detail-top .detail-art img,.detail-top .detail-art button,.detail-top .detail-art-mobile 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 button:hover,.detail-top .detail-art button:focus-visible,.detail-top .detail-art-mobile:hover img,.detail-top .detail-art-mobile:focus-within 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}
}