.product-detail{background-color:#0a2029;color:#ecf2e9;background-image:radial-gradient(ellipse at 5% 15%,#39777255,transparent 35%),radial-gradient(ellipse at 95% 45%,#7a8a6540,transparent 35%),linear-gradient(145deg,#091c24,#183b41 55%,#0a2029)}
.detail-main{max-width:1320px;margin:auto;padding:120px 48px 0}.detail-crumbs{position:static;display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#bad0ca;margin:20px 0 36px}.detail-crumbs a:hover{text-decoration:underline}.detail-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center;padding-bottom:65px}.detail-art{border:1px solid #e3f6ee40;border-radius:28px;background:linear-gradient(135deg,#d6f7e91a,#fef7d608);box-shadow:inset 0 1px #ffffff50,0 30px 80px #0003;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px}.detail-art img{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;border-radius:12px}.detail-art.portrait img{width:auto;max-width:100%;height:510px;max-height:58vh;border-radius:20px;box-shadow:0 18px 35px #0005}.detail-art>span{font-size:9px;letter-spacing:2px;color:#bed1ca;margin-top:22px}.detail-summary h1{font-size:clamp(36px,4.3vw,64px);line-height:1.06;letter-spacing:-2.5px;margin:20px 0 25px;font-weight:500;overflow-wrap:anywhere}.detail-lead{font-size:19px;line-height:1.65;color:#d1ded8}.detail-tags{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.detail-tags span{font-size:11px;border:1px solid #c4d9ce3d;border-radius:30px;padding:8px 12px;color:#c4d9ce}.detail-summary .actions{display:flex;gap:12px;flex-wrap:wrap}.detail-small{font-size:12px;line-height:1.65;color:#b2c5bd;margin:20px 0}.detail-jump{display:inline-block;margin-top:15px;font-size:13px;color:#efc5ad}.detail-tabs{position:static;display:flex;gap:30px;overflow-x:auto;white-space:nowrap;border-block:1px solid #ffffff24;padding:22px 0;font-size:13px;color:#d4e1db}.detail-tabs a:hover{color:#f0c7af}.detail-section{padding:80px 0;scroll-margin-top:90px;border-bottom:1px solid #ffffff18}.detail-section h2,.detail-help h2,.detail-end h2,.detail-related h2{font-size:clamp(28px,3.3vw,44px);font-weight:500;letter-spacing:-1.3px;line-height:1.2;margin:16px 0 24px}.detail-section h3{font-size:20px;letter-spacing:-.4px;line-height:1.4;margin:22px 0 12px}.detail-section p,.detail-section li{font-size:16px;line-height:1.85;color:#ccdad3}.detail-section p+p{margin-top:18px}.editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.editorial h2{max-width:440px}.editorial ul,.editorial ol{padding-left:22px}.editorial li{margin-bottom:10px}.section-intro{max-width:720px;margin-bottom:35px}.detail-features{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-features li{border:1px solid #ffffff26;background:linear-gradient(120deg,#ffffff0c,#ffffff03);border-radius:16px;padding:23px 26px}.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:36px}.detail-gallery figure{margin:0;min-width:0;border:1px solid #ffffff26;border-radius:20px;overflow:hidden;background:#ffffff06}.detail-gallery figure>a{display:flex;height:330px;padding:18px;background:#c3d5c90a;align-items:center;justify-content:center}.detail-gallery img{display:block;max-width:100%;width:auto;max-height:100%;height:auto;object-fit:contain;border-radius:6px}.detail-gallery figcaption{padding:4px 24px 24px}.detail-gallery h3{margin-top:19px}.detail-gallery p{font-size:14px}.tutorial-player{position:relative;aspect-ratio:16/9;background:#07181d;border:1px solid #d4e7dc48;border-radius:24px;overflow:hidden}.tutorial-player button{border:0;width:100%;height:100%;padding:0;cursor:pointer;color:white;background:#091b22;position:relative}.tutorial-player button>img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.play-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;font:500 18px Manrope,sans-serif}.play-label b{display:grid;place-items:center;background:#f0c7af;color:#15353d;width:76px;height:76px;border-radius:50%;font-size:24px;padding-left:4px;box-shadow:0 0 0 12px #ffffff12}.tutorial-player iframe{width:100%;height:100%;border:0}.video-note{font-size:12px!important}.video-note a,.detail-help a{text-decoration:underline}.detail-help{margin:70px 0;padding:35px;border:1px solid #ffffff26;border-radius:24px}.detail-help p{color:#ccdad3;line-height:1.8}.detail-end{text-align:center;padding:75px 20px;background:radial-gradient(ellipse,#7aa79726,transparent 70%);border-bottom:1px solid #ffffff24}.detail-end .button{display:inline-flex;max-width:100%;white-space:normal;line-height:1.5}.detail-related{padding:65px 0}.detail-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.detail-related>div>a{border:1px solid #ffffff2b;border-radius:18px;padding:25px;background:#ffffff06;font-size:13px;color:#efc5ad}.detail-related span{font-size:10px;letter-spacing:1px;color:#aec6bb}.detail-related h3{font-size:20px;line-height:1.4;color:#e5efe7;margin:12px 0 24px}.detail-related>a{font-size:13px}.product-detail a:focus-visible,.product-detail button:focus-visible{outline:3px solid #ffd5b9;outline-offset:5px}.product-detail footer{background:transparent}
@media(max-width:900px){.detail-main{padding:110px 28px 0}.detail-hero{gap:35px}.detail-art{min-height:360px;padding:18px}.detail-art.portrait img{height:420px}.editorial{gap:35px}.detail-gallery figure>a{height:260px}.detail-summary h1{letter-spacing:-1.5px}}
@media(max-width:650px){.detail-main{padding:95px 20px 0}.detail-crumbs{font-size:11px;gap:8px;margin-bottom:26px}.detail-hero{grid-template-columns:1fr;gap:32px;padding-bottom:35px}.detail-art{min-height:0;padding:20px}.detail-art.portrait img{height:380px;max-height:50vh}.detail-summary h1{font-size:40px}.detail-lead{font-size:17px}.detail-tabs{gap:24px;margin-top:0}.detail-section{padding:50px 0}.editorial{grid-template-columns:1fr;gap:10px}.detail-features,.detail-gallery{grid-template-columns:1fr}.detail-gallery{gap:24px}.detail-gallery figure>a{height:auto;min-height:180px;max-height:410px}.detail-gallery img{max-height:370px}.detail-features li{padding:18px 21px}.detail-related>div{grid-template-columns:1fr}.detail-end{padding:55px 0}.detail-help{margin:45px 0;padding:25px}.play-label{font-size:14px;gap:12px}.play-label b{width:52px;height:52px;font-size:20px}.detail-summary .actions>a{width:100%;justify-content:center}}
/* Site navigation rules must not turn product breadcrumbs and section links into mobile menus. */
.product-detail .detail-crumbs,.product-detail .detail-tabs{position:static;inset:auto;transform:none;opacity:1;visibility:visible;pointer-events:auto;flex-direction:row;width:auto;max-width:none;background:transparent;box-shadow:none;border-radius:0;backdrop-filter:none;align-items:center;justify-content:flex-start}
.product-detail .detail-crumbs{padding:0;display:flex;border:0}.product-detail .detail-tabs{display:flex;padding:20px 0;flex-wrap:nowrap}.product-detail .detail-crumbs a,.product-detail .detail-tabs a{padding:0;border:0;background:transparent;border-radius:0;white-space:nowrap}
@media(max-width:650px){.product-detail .detail-main{padding-top:145px}}