/* Tablet baseline reuses approved content and interaction; phone file unchanged. */
/* Mobile catalogue is isolated from the retained three-face cards. */

@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 #aion-top-10-products[hidden]{display:none!important}
 #aion-top-10-products>.tp-legacy{display:none!important}
 #aion-top-10-products{background:#061923!important;min-height:0!important;padding:0!important;overflow:clip!important;scroll-margin-top:var(--aion-header-offset,52px)}
 #aion-top-10-products>.tp-mobile{display:block;position:relative;isolation:isolate;padding:28px 24px 40px;color:#f3f8fa;font-family:AionReviewInter,Inter,Arial,sans-serif;background:none}
 .tp-mobile *{box-sizing:border-box}
 .tp-mobile [hidden]{display:none!important}
 .tp-header{margin:32px 0 28px}
 .tp-mobile .tp-kicker{margin:0 0 14px;color:#dec48c;font:700 11px/1.5 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
 #aion-top-10-products .tp-header h2{margin:0 0 20px;color:#f3f8fa;font:700 36px/1.12 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.035em;text-align:left;text-transform:none}
 .tp-header>p:last-child{font:450 17px/1.6 AionReviewInter,Inter,Arial,sans-serif;color:#e0edf1;margin:0;text-shadow:0 1px 3px #03121a}
 .tp-hint{font:500 14px/1.5 AionReviewInter,Inter,Arial,sans-serif;color:#c9dce2;margin:0 0 14px}
 .tp-list{display:grid;gap:12px}
 #aion-top-10-products .tp-choice{appearance:none;width:100%;display:flex;align-items:center;gap:18px;min-height:116px;margin:0;padding:18px;border:1px solid #6ac9d455;border-radius:14px;background:#0b2834eb;text-align:left;color:#f3f8fa;cursor:pointer;transform:none;box-shadow:none;font-family:inherit;transition:border-color .18s,background .18s}
 #aion-top-10-products .tp-choice:hover{background:#123e48;border-color:#dec48c}
 .tp-icon{display:block;flex:none;width:40px;height:40px;background:#83dedf;mask:var(--tp-icon) center/contain no-repeat;-webkit-mask:var(--tp-icon) center/contain no-repeat}
 .tp-choice-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
 .tp-number{color:#dec48c;font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1.4}
 .tp-name{font-size:16px;line-height:1.4;font-weight:650}
 .tp-explore{display:flex;justify-content:space-between;align-items:center;color:#c4e8e8;font-size:13px;line-height:1.5;font-weight:500;margin-top:5px}
 .tp-explore>span{font-size:20px;line-height:1}
 #aion-top-10-products .tp-mobile[data-product-open=true]>.tp-header,#aion-top-10-products .tp-mobile[data-product-open=true]>.tp-return{display:none!important}
 .tp-mobile .tp-back{margin:0 0 28px!important}
 .tp-product-heading{display:flex;align-items:center;gap:14px;margin:0 0 22px}
 .tp-product-heading .tp-icon{width:48px;height:48px}
 .tp-product-heading .tp-kicker{margin-bottom:8px}
 #aion-top-10-products .tp-product-heading h3{font:650 22px/1.35 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.02em;color:#f3f8fa;margin:0;text-transform:none}
 .tp-image{margin:0 0 22px;background:#0e2b37;border:1px solid #6ac9d455;border-radius:14px;overflow:hidden;aspect-ratio:4/3}
 .tp-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:100%}
 .tp-lead,.tp-more{font:400 16px/1.6 AionReviewInter,Inter,Arial,sans-serif;color:#e0edf1}
 .tp-lead{margin:0 0 22px}
 .tp-outcome{padding:16px 18px;margin:0 0 24px;border-left:2px solid #dec48c;border-radius:0 10px 10px 0;background:#10303c}
 .tp-outcome>span{font:650 11px/1.5 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:.08em;color:#dec48c}
 .tp-outcome>p{font:400 16px/1.6 AionReviewInter,Inter,Arial,sans-serif;color:#f2f7f9;margin:8px 0 0}
 .tp-detail details{border-top:1px solid #83dedf55;margin:0}
 .tp-detail summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:16px 0;cursor:pointer;list-style:none;font:650 16px/1.5 AionReviewInter,Inter,Arial,sans-serif;color:#e5fafb}
 .tp-detail summary::-webkit-details-marker{display:none}.tp-detail summary>span{font-size:24px;line-height:1;color:#dec48c}.tp-detail details[open] summary>span{transform:rotate(45deg)}
 .tp-more{padding-bottom:20px}.tp-more p{margin:0 0 18px}.tp-more p:last-child{margin-bottom:0}
 .tp-more dl{margin:0}.tp-more dl>div{margin:0 0 18px}.tp-more dt,.tp-more h4{font:650 14px/1.5 AionReviewInter,Inter,Arial,sans-serif;color:#dec48c;margin:0 0 6px}.tp-more dd{margin:0}.tp-more ul{padding-left:20px;margin:0 0 20px}.tp-more li{margin:0 0 8px}
 .tp-mobile .tp-bottom-back{margin-top:24px!important}
 .tp-mobile button:focus-visible,.tp-mobile summary:focus-visible{outline:3px solid #dec48c;outline-offset:4px}
}
@media(max-width:350px){#aion-top-10-products>.tp-mobile{padding-left:20px;padding-right:20px}#aion-top-10-products .tp-header h2{font-size:32px}#aion-top-10-products .tp-choice{padding:16px;gap:14px}.tp-product-heading{gap:12px}}
@media(prefers-reduced-motion:reduce){.tp-mobile *{animation:none!important;transition:none!important}}

/* Keep the left-side utility meters visible while filling the frame. */
@media(min-width:701px) and (min-height:600px), (min-width:1367px){#tp-detail-06 .tp-image img{object-position:left center}}

/* The original Nexus PCB stays behind the whole catalogue/detail, not just its opening. */
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 .tp-background{position:absolute;inset:0;z-index:-1;pointer-events:none}
 .tp-scene{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#04121a}
 .tp-circuit{position:absolute;width:auto;height:100%;aspect-ratio:3/2;right:-330px;top:0}
 .tp-circuit img,.tp-circuit svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain}
 .tp-circuit svg{overflow:visible}
 .tp-circuit path{fill:none;stroke:#7be8ec;stroke-width:2;stroke-linecap:round;stroke-dasharray:70 930;filter:drop-shadow(0 0 3px #3ef2ec);animation:tp-data var(--duration) linear var(--delay) infinite;animation-play-state:paused}
 .tp-circuit path:nth-child(3n){stroke:#dec48c}
 [data-tp-motion=running] .tp-circuit path{animation-play-state:running}
 .tp-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04121aaa 0%,#04121a40 60%,#04121a08 100%)}
 .tp-lead,.tp-more,.tp-product-heading,.tp-detail summary{text-shadow:0 1px 3px #03121a}
 @keyframes tp-data{from{stroke-dashoffset:1000;opacity:.2}50%{opacity:.85}to{stroke-dashoffset:0;opacity:.2}}
}
@media(max-width:350px){.tp-circuit{right:-365px}}
/*88: tablet catalogue and detail use the same visual system as the environments.*/
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 body .aion-site #aion-top-10-products{scroll-margin-top:126px;height:auto!important;max-height:none!important;padding:0!important;isolation:isolate}
 #aion-top-10-products::before,#aion-top-10-products::after{display:none!important}
 #aion-top-10-products>.tp-mobile{padding:32px 40px 40px;min-height:calc(100svh - 126px)}
 .tp-mobile>*:not(.tp-background){max-width:1286px;margin-left:auto;margin-right:auto}
 .tp-scene{top:126px;height:calc(100svh - 126px);min-height:0;background:#082735}
 .tp-circuit{height:100%;min-width:100%;right:0;aspect-ratio:3/2;opacity:1}
 .tp-circuit img{object-fit:fill;filter:brightness(1.2)}
 .tp-shade{background:linear-gradient(90deg,#09253155,transparent 75%)}
 #aion-top-10-products .tp-header{margin-top:32px;margin-bottom:28px}
 #aion-top-10-products .tp-kicker{display:flex;align-items:center;gap:12px;color:#f0d9a7;font:750 12px/1.4 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:.15em;margin:0 0 16px}
 #aion-top-10-products .tp-kicker::before{content:"";width:22px;height:1px;background:currentColor}
 #aion-top-10-products .tp-header h2{font:700 var(--aion-tablet-heading,48px)/1.12 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.025em;color:#fff}
 #aion-top-10-products .tp-header>p:last-child{font-size:20px;max-width:65ch}
 #aion-top-10-products .tp-hint{font-size:16px}
 #aion-top-10-products .tp-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 #aion-top-10-products .tp-choice{min-height:150px;padding:24px;gap:22px;border:1px solid #b2ecec66;border-radius:20px;background:#123d4f66;backdrop-filter:blur(4px);box-shadow:inset 0 1px 0 #fff2}
 #aion-top-10-products .tp-choice:hover{background:#20516099;border-color:#f0d9a7;transform:none}
 #aion-top-10-products .tp-icon{width:48px;height:48px;background:#92e3e3}
 #aion-top-10-products .tp-name{font-size:20px;line-height:1.35}
 #aion-top-10-products .tp-number{font-size:12px;color:#f0d9a7}
 #aion-top-10-products .tp-explore{font-size:15px;margin-top:8px}
 #aion-top-10-products .tp-return,#aion-top-10-products .tp-back,#aion-top-10-products .tp-bottom-back{width:fit-content;min-height:52px;display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 26px;border:1px solid #a6e0e7a6;border-radius:28px;background:#10364385;backdrop-filter:blur(3px);color:#fff;text-decoration:none;font:600 17px/1.5 AionReviewInter,Inter,Arial,sans-serif;margin-left:auto;margin-right:auto}
 #aion-top-10-products .tp-product-heading{margin:0 0 26px;gap:22px}
 #aion-top-10-products .tp-product-heading .tp-icon{width:64px;height:64px}
 #aion-top-10-products .tp-product-heading h3{font:650 34px/1.2 AionReviewInter,Inter,Arial,sans-serif;letter-spacing:-.025em}
 #aion-top-10-products .tp-image{border-radius:20px;aspect-ratio:16/10;margin-bottom:24px}
 #aion-top-10-products .tp-image img{object-fit:cover}
 #aion-top-10-products .tp-lead,#aion-top-10-products .tp-more,#aion-top-10-products .tp-outcome p{font:450 20px/1.6 AionReviewInter,Inter,Arial,sans-serif}
 #aion-top-10-products .tp-outcome{background:#123d4f66;border:1px solid #b2ecec66;border-radius:20px;backdrop-filter:blur(4px);padding:22px 26px}
 #aion-top-10-products .tp-outcome>span{color:#f0d9a7;font-size:13px}
 #aion-top-10-products .tp-detail summary{font-size:20px;min-height:64px}
 #aion-top-10-products .tp-more dt,#aion-top-10-products .tp-more h4{font-size:16px;color:#f0d9a7}
 #aion-top-10-products .tp-more{padding:22px 26px;border-radius:16px;background:#123d4f66;backdrop-filter:blur(4px);margin-bottom:24px}
 #aion-top-10-products .tp-lead{text-shadow:0 1px 4px #03121a}
 #aion-top-10-products .tp-detail{max-width:1100px}
 #aion-top-10-products .tp-bottom-back{margin-top:28px!important}
}
@media(min-width:701px) and (max-width:1366px) and (min-height:600px) and (orientation:landscape){
 #aion-top-10-products .tp-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;align-items:start}
 #aion-top-10-products .tp-detail>.tp-back,#aion-top-10-products .tp-product-heading,#aion-top-10-products .tp-detail>details,#aion-top-10-products .tp-detail>.tp-bottom-back{grid-column:1/-1}
 #aion-top-10-products .tp-image{grid-column:1;grid-row:3/5;width:100%;min-width:0;aspect-ratio:auto;height:100%;min-height:300px;max-height:430px;margin:0 0 24px}
 #aion-top-10-products .tp-lead{grid-column:2;grid-row:3;margin-top:0}
 #aion-top-10-products .tp-outcome{grid-column:2;grid-row:4}
}
@media(min-width:701px) and (max-width:1100px) and (min-height:600px) and (orientation:landscape){#aion-top-10-products>.tp-mobile{padding:26px 32px}}

@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 .tp-circuit{width:max(100%,calc((100svh - 126px)*1.5));height:auto;min-width:0;aspect-ratio:3/2;top:50%;transform:translateY(-50%)}
}

@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 #aion-top-10-products .tp-summary{padding:26px;border:1px solid #b2ecec66;border-radius:20px;background:#123d4f66;backdrop-filter:blur(4px);margin-bottom:24px;min-width:0}
 #aion-top-10-products .tp-summary .tp-lead{margin:0 0 22px}
 #aion-top-10-products .tp-summary .tp-outcome{margin:0;padding:22px 0 0;border:0;border-top:1px solid #b2ecec66;border-radius:0;background:none;backdrop-filter:none}
}
@media(min-width:701px) and (max-width:1366px) and (min-height:600px) and (orientation:landscape){
 #aion-top-10-products .tp-image{grid-row:3;height:100%;min-height:300px;max-height:430px}
 #aion-top-10-products .tp-summary{grid-column:2;grid-row:3;align-self:stretch}
}
@media(min-width:701px) and (min-height:600px), (min-width:1367px){
 #aion-top-10-products .tp-detail summary{padding-right:12px}
}
@media(min-width:701px) and (max-width:1366px) and (min-height:600px) and (orientation:landscape){
 #aion-top-10-products .tp-image{position:relative;height:auto;max-height:none;align-self:stretch}
 #aion-top-10-products .tp-image img{position:absolute;inset:0;width:100%;height:100%}
}