/* Only the positioning product page opts into these additions. */
.location-product .product-hero h1{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;position:relative}
.location-product .product-hero .hero-title-icon{margin:0;flex:none}
.location-product .product-hero .hero-title-character{position:relative;display:block;flex:none;width:84px;height:84px;margin-left:-14px;margin-block:-7px;line-height:0}
.location-product .hero-companion-trigger{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;isolation:isolate}
.location-product .hero-companion-trigger::before{content:"";position:absolute;z-index:-1;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#aedcff60,#d7d5ff1a 50%,transparent 72%)}
.location-product .hero-companion-trigger>img,.location-product .hero-companion-trigger>.companion-live{display:block;width:100%;height:100%;object-fit:contain}
.location-product .companion-live iframe{width:100%;height:100%;border:0;background:transparent;display:block;pointer-events:none}
.location-product .hero-companion-bubble{position:absolute;z-index:4;left:calc(100% + 8px);top:50%;width:238px;padding:12px 15px;border:1px solid #dce6f7;border-radius:14px;background:#fff;box-shadow:0 8px 26px #3f6fa318;color:#344e72;text-align:left;text-decoration:none;line-height:1.6;opacity:0;visibility:hidden;pointer-events:none;transform:translate(6px,-50%) scale(.96);transform-origin:0 50%;transition:opacity .22s ease,transform .22s ease,visibility .22s}
.location-product .hero-companion-bubble::before{content:"";position:absolute;left:-5px;top:calc(50% - 5px);width:9px;height:9px;border-left:1px solid #dce6f7;border-bottom:1px solid #dce6f7;background:#fff;transform:rotate(45deg)}
.location-product .hero-companion-bubble.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-50%) scale(1)}
.location-product .hero-bubble-copy{display:block;font-size:13px;font-weight:500;line-height:1.6}
.location-product .hero-bubble-cta{display:flex;align-items:center;gap:4px;margin-top:5px;color:#2473d5;font-size:11px;font-weight:600;line-height:1.5}
.location-product .hero-bubble-cta .ri{width:12px;height:12px;flex:none}
.location-product .hero-companion-trigger:focus-visible,.location-product .hero-companion-bubble:focus-visible{outline:2px solid #2c7cde;outline-offset:3px;border-radius:12px}
.location-product .product-video-directory{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px}
.location-product .product-video-list{display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px;scroll-padding-inline:2px;overscroll-behavior-x:contain}
.location-product .product-video-list::-webkit-scrollbar{display:none}
.location-product .product-video-item{scroll-snap-align:start;min-height:90px;padding:12px;gap:10px}
.location-product .product-video-item-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.location-product .product-video-item-copy small{font-size:10px}
.location-product .product-video-thumb{flex-basis:74px;height:50px}
.location-product .honor-carousel-arrow{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink-2);cursor:pointer;transition:color 160ms,border-color 160ms,background-color 160ms}
.location-product .honor-carousel-arrow .ri{width:20px;height:20px}
.location-product .honor-carousel-arrow:hover:not(:disabled){color:var(--blue);border-color:var(--blue);background:#f0f7ff}
.location-product .honor-carousel-arrow:disabled{opacity:.35;cursor:default}
.location-product .honor-carousel-arrow:focus-visible{outline:2px solid #4285dc;outline-offset:3px}
#ai.location-ai{scroll-margin-top:0}
#ai.location-ai .wrap{max-width:1280px}
#ai.location-ai .ai-entrance-head{margin-bottom:32px}
#ai.location-ai .kicker{display:flex;align-items:center;gap:7px;color:var(--blue);font-size:15px;font-weight:600;margin-bottom:18px}
#ai.location-ai .kicker::before{display:none}
#ai.location-ai #ai-title{font-size:38px;line-height:1.35}
#ai.location-ai .ai-role-layout{grid-template-columns:360px minmax(0,1fr);gap:56px}
#ai.location-ai .ai-roles{display:none}
#ai.location-ai .ai-scenarios{gap:12px}
#ai.location-ai .ai-scenario{grid-template-columns:26px 1fr;gap:10px;padding:20px 17px;border:1px solid #dce5f5;border-radius:16px;background:#ffffffb0;min-height:138px}
#ai.location-ai .ai-scenario strong{font-size:17px;line-height:1.6;font-weight:600;color:#29496f}
#ai.location-ai .ai-scenario small{max-height:none;opacity:1;margin-top:8px;font-size:13px;line-height:1.85;color:#6681a3}
#ai.location-ai .ai-scenario .ai-no{display:block;width:auto;height:auto;margin-top:4px;background:none;color:#7e94b3;font-size:13px}
#ai.location-ai .ai-scenario[aria-selected=true]{background:#fff;border-color:#79a6ff;box-shadow:0 10px 28px #527dcf0a}
#ai.location-ai .ai-scenario[aria-selected=true] .ai-no{background:none;color:#1673df}
#ai.location-ai .ai-role-actions{margin-top:24px}
#ai.location-ai .ai-role-actions>.btn{height:46px}
#ai.location-ai .ai-player{--phone-width:302px;--rail-width:190px;max-width:560px}
#ai.location-ai .ai-flow-device{height:630px;border:7px solid #3e4652;border-radius:43px;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #29333f,0 24px 55px -22px #526a9b55;background:#fff}
#ai.location-ai .ai-flow-stage{height:646px;min-height:646px}
#ai.location-ai .device-status{display:flex;align-items:center;justify-content:space-between;position:relative;height:30px;padding:4px 16px 0;font-size:9px}
#ai.location-ai .device-island{position:absolute;left:50%;top:6px;transform:translateX(-50%);width:65px;height:17px;border-radius:18px;background:#10151c}
#ai.location-ai .device-title{display:flex;align-items:center;justify-content:space-between;height:39px;padding:0 15px;background:#fff;font-size:12px}
#ai.location-ai .device-title strong{font-size:14px}
#ai.location-ai .ai-phone-viewport{height:493px}
#ai.location-ai .device-input{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff}
#ai.location-ai .device-home{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);width:100px;height:4px;background:#18222f;border-radius:4px;margin:0}
#ai.location-ai .ai-flow-device.is-workspace .ai-phone-viewport{height:calc(100% - 30px)}
#ai.location-ai .ai-flow-device.is-workspace .device-title,#ai.location-ai .ai-flow-device.is-workspace .device-input,#ai.location-ai .ai-flow-device.is-workspace .device-home{display:none}
#ai.location-ai .ai-flow-steps{top:76px}
#ai.location-ai .ai-insight{top:338px;padding:15px;width:var(--rail-width)}
#ai.location-ai .ai-detail-preview .ai-ui-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
#ai.location-ai .ai-detail-preview .ai-ui-stats:has(>div:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
#ai.location-ai .ai-detail-preview .ai-ui-stats>div{min-width:0}
#ai.location-ai .ai-detail-preview .ai-ui-stats b{font-size:16px;line-height:1.35;white-space:nowrap}
#ai.location-ai .ai-detail-preview .ai-ui-stats small{font-size:9px;line-height:1.5;margin-top:6px;white-space:nowrap}
#ai.location-ai .ai-player-controls{gap:10px}
#ai.location-ai .ai-ui-block{padding:10px 0;margin-bottom:8px;border:0;border-radius:0;box-shadow:none;background:transparent}
#ai.location-ai .ai-ui-block.is-focused{box-shadow:none;background:#eff5ff80}
#ai.location-ai .ai-source-head p{display:block;font-size:12px;opacity:1}
#ai.location-ai .ai-source-head.is-blue{background:linear-gradient(110deg,#075ccc,#2475dd);color:#fff}
#ai.location-ai .ai-source-head.is-blue h4,#ai.location-ai .ai-source-head.is-blue p{color:#fff}
#ai.location-ai .location-result .ai-ui-stats{flex-wrap:wrap}
#ai.location-ai .location-result .ai-ui-stats>div{min-width:45px;padding-inline:3px}
#ai.location-ai .location-result .ai-ui-stats b{font-size:18px}
#ai.location-ai .ai-source-body{padding:10px}
#ai.location-ai .ai-ui-actions button{font-family:inherit;cursor:pointer}
#ai.location-ai .ai-ui-table-scroll{overflow-x:auto;max-width:100%}
#ai.location-ai .ai-ui-pagination button{color:#1478f5;background:none;border:0;font-size:11px;cursor:pointer}
#ai.location-ai .ai-ui-pagination .ri{display:inline-block;width:12px;height:12px;vertical-align:middle}
#ai.location-ai .ai-demo-feedback{font-size:11px;padding:10px;border-radius:9px;background:#e7f2ff;color:#245c98}
.location-ai-videos{padding-top:62px;border-top:1px solid #dbe4f2;background:#f5f7fc}
.location-ai-videos .section-head{margin-bottom:28px}
.location-ai-videos .kicker{color:var(--blue)}
.location-ai-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.location-ai-video-card{padding:16px;border:1px solid #dce5f5;border-radius:16px;background:#fff}
.location-ai-video-card h3{min-height:48px;margin:0 0 18px;font-size:16px;line-height:1.6;font-weight:600}
.location-ai-video-cover{position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;border:0;border-radius:11px;overflow:hidden;background:#10151f;cursor:pointer}
.location-ai-video-cover img{display:block;width:100%;height:100%;object-fit:contain}
.location-ai-video-cover:focus-visible{outline:2px solid #4285dc;outline-offset:4px}
.location-ai-videos .location-ai-more{display:block;width:max-content;max-width:100%;margin:28px auto 0;color:var(--blue);font-size:15px}
.location-product .location-video-dialog{width:min(1040px,calc(100vw - 32px));max-width:none;padding:0;border:1px solid #d7e2f2;border-radius:18px;overflow:visible;background:#10151f}
.location-product .location-video-dialog::backdrop{background:#10192bb8}
.location-product .location-video-dialog video{display:block;width:100%;aspect-ratio:16/9;border-radius:18px}
.location-product .location-video-dialog .close{z-index:3;right:8px;top:8px;background:#fff;color:#344e72}
.location-video-dialog h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.location-video-dialog .location-video-error{position:relative;margin:0;padding:14px 18px;border-radius:0 0 18px 18px;background:#fff;color:#b54747;font-size:14px}
@media(min-width:1280px){.location-product .product-hero h1{max-width:none;width:max-content}}
@media(max-width:1100px){
 .location-product .product-video-list{grid-auto-columns:calc((100% - 32px)/3)}
 #ai.location-ai .ai-role-layout{grid-template-columns:320px minmax(0,1fr);gap:24px}
 #ai.location-ai .ai-player{--phone-width:280px;--rail-width:145px}
 #ai.location-ai .ai-flow-steps li{font-size:14px;gap:9px}
 #ai.location-ai .ai-flow-steps small{font-size:11px}
 #ai.location-ai .ai-insight{padding:10px}
 #ai.location-ai .ai-detail-preview .ai-ui-stats b{font-size:12px}
 #ai.location-ai .ai-detail-preview .ai-ui-stats small{font-size:8px}
 .location-ai-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:900px){
 #ai.location-ai .ai-role-layout{grid-template-columns:300px minmax(0,1fr);gap:20px}
 #ai.location-ai .ai-player{--rail-width:0px}
 #ai.location-ai .ai-flow-steps,#ai.location-ai .ai-insight{display:none}
}
@media(max-width:767px){
 .location-product .product-hero .hero-title-character{display:none}
 .location-product .product-video-directory{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px}
 .location-product .honor-carousel-arrow{width:36px;height:36px}
 .location-product .product-video-list{grid-auto-columns:100%;gap:12px}
 .location-product .product-video-item{min-height:84px;padding:10px}
 .location-product .product-video-thumb{flex-basis:64px;height:44px}
 #ai.location-ai #ai-title{font-size:28px}
 #ai.location-ai .ai-role-layout{display:grid;grid-template-columns:1fr;gap:28px}
 #ai.location-ai .ai-scenario{min-height:0;padding:15px 13px}
 #ai.location-ai .ai-scenario strong{font-size:16px}
 #ai.location-ai .ai-role-actions{margin-top:18px}
 #ai.location-ai .ai-player{--phone-width:280px;--rail-width:190px}
 #ai.location-ai .ai-flow-stage{height:auto;min-height:0}
 #ai.location-ai .ai-flow-device{position:relative;left:auto;top:auto;max-width:100%}
 #ai.location-ai .ai-flow-steps{position:relative;top:auto;right:auto;width:100%;margin-bottom:24px}
 #ai.location-ai .ai-flow-steps li{font-size:12px}
 #ai.location-ai .ai-insight{display:none}
 .location-ai-videos{padding-top:44px}
 .location-ai-video-grid{gap:12px}
 .location-ai-video-card{padding:10px}
 .location-ai-video-card h3{font-size:13px;min-height:44px;margin-bottom:10px}
 .location-ai-video-card .product-video-play{width:42px;height:42px}
 .location-ai-video-card .product-video-play .ri{width:20px;height:20px}
}
@media(max-width:359px){
 .location-ai-video-grid{grid-template-columns:1fr}
 .location-ai-video-card h3{min-height:0}
 #ai.location-ai .ai-player{--phone-width:274px}
}
@media(prefers-reduced-motion:reduce){
 .location-product .hero-companion-bubble,.location-product .honor-carousel-arrow,#ai.location-ai .ai-scenario,#ai.location-ai .ai-scenario small{transition:none}
 .location-product .product-video-list{scroll-behavior:auto}
}
