/* Site-wide layout contract, loaded by the shared navigation on every live portal page. */
body.v4-site{--v4-gutter:clamp(22px,3vw,48px);--v4-layout-width:1600px}
.v4-shell-host #navbar,.v4-shell-host #navbar *{box-sizing:border-box}
.v4-shell-host #navbar{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;color:#c1d5e4}
.v4-shell-host #navbar .wrap{width:100%;max-width:1600px;padding-left:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px);margin-left:auto;margin-right:auto}
.v4-shell-host #navbar .v4-contact-row{min-height:35px;padding-top:7px;padding-bottom:7px;line-height:1.4}
.v4-shell-host #navbar .v4-contact-item{font-size:10px;line-height:1.4}
.v4-shell-host #navbar .v4-utility-links a{font-size:10px;line-height:1.4}
.v4-shell-host #navbar .v4-search-row{min-height:112px;padding-top:18px;padding-bottom:18px;grid-template-columns:minmax(190px,1fr) minmax(340px,560px) auto;gap:28px}
.v4-shell-host #navbar .v4-original-logo{width:150px;height:76px;background:transparent;padding:0}
.v4-shell-host #navbar .v4-original-logo img{width:150px;height:76px;max-width:100%;object-fit:contain}
.v4-shell-host #navbar .v4-header-search{height:44px;margin:0}
.v4-shell-host #navbar .v4-header-search input{font:12px Arial,sans-serif;height:42px;padding:0 13px;margin:0;box-sizing:border-box}
.v4-shell-host #navbar .v4-search-category{font:10px Arial,sans-serif;height:42px}
.v4-shell-host #navbar .v4-search-quote{font:10px Arial,sans-serif;height:44px;min-height:44px;padding:0 23px;gap:22px}
.v4-shell-host #navbar .navrow{height:49px;min-height:49px;gap:24px;padding-top:0;padding-bottom:0}
.v4-shell-host #navbar .navlinks{gap:34px;margin-left:0}
.v4-shell-host #navbar .navlinks a{font:500 11px/1.6 Arial,sans-serif;padding:15px 0}
.v4-shell-host #navbar .navicons .icon-btn{width:29px;height:29px;margin:0;padding:0}
.v4-shell-host #navbar .future-menu summary{font:10px/1.6 Arial,sans-serif;padding:6px 12px}
.v4-shell-host #navbar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}
.v4-shell-host #navbar .v4-contact-item svg{width:13px;height:13px}.v4-shell-host #navbar .v4-utility-links svg{width:15px;height:15px}
body.v4-site :is(.main-content>.container,.main-container>.container,.section-container,.contact-container,.form-container,.content-wrapper,.chat-container){box-sizing:border-box;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding-left:var(--v4-gutter);padding-right:var(--v4-gutter)}
body.v4-site .v4-shell-host>.footer>.wrap{box-sizing:border-box;width:100%;max-width:1600px;padding-left:var(--v4-gutter);padding-right:var(--v4-gutter)}
@media(max-width:1100px) and (min-width:761px){.v4-shell-host #navbar .v4-search-row{grid-template-columns:174px minmax(250px,1fr) auto;gap:20px}}
@media(max-width:760px){.v4-shell-host #navbar .wrap{padding-left:22px;padding-right:22px}.v4-shell-host #navbar .v4-contact-row{min-height:0;padding-top:8px;padding-bottom:8px}.v4-shell-host #navbar .v4-contact-item,.v4-shell-host #navbar .v4-utility-links a{font-size:9px}.v4-shell-host #navbar .v4-search-row{grid-template-columns:1fr auto;min-height:0;padding-top:14px;padding-bottom:14px;gap:14px}.v4-shell-host #navbar .v4-original-logo,.v4-shell-host #navbar .v4-original-logo img{width:130px;height:65px}.v4-shell-host #navbar .v4-header-search{height:42px;grid-column:1/-1;grid-row:2}.v4-shell-host #navbar .v4-header-search input,.v4-shell-host #navbar .v4-search-category{height:40px}.v4-shell-host #navbar .v4-search-quote{height:40px;min-height:40px;font-size:9px;padding:0 13px;gap:8px}.v4-shell-host #navbar .navrow{height:46px;min-height:46px;gap:10px}.v4-shell-host #navbar .menu-btn{display:block;margin-left:0;margin-right:auto}.v4-shell-host #navbar .navlinks:not(.open){display:none}.v4-shell-host #navbar .navicons{margin-left:0}.v4-shell-host #navbar .future-menu{margin-left:0}}

/* Legacy style.css shrank complete pages to 80%; all portal pages use the homepage scale. */
html:has(.v4-shell-host){zoom:1!important}

/* 2026-10-30: original typography and consistent shared controls. */
body.v4-site{--v4-font:'Jost','Microsoft YaHei',sans-serif;font-family:var(--v4-font)!important}
body.v4-site :is(h1,h2,h3,h4,h5,h6,p,div,section,header,footer,nav,main,article,aside,span,a,button,input,textarea,select,label,small,strong,em,li,td,th,summary){font-family:var(--v4-font)!important}
body.v4-site .fa{font-family:FontAwesome!important}
.v4-shell-host #navbar .navlinks a{display:inline-flex;align-items:center;position:relative;font-size:15px;line-height:1.4;font-weight:500;padding:13px 0;text-decoration:none}
.v4-shell-host #navbar .navlinks a::after{content:'';position:absolute;top:auto!important;bottom:4px!important;left:0;height:2px;width:100%;background:#ed3d42;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.v4-shell-host #navbar .navlinks a:is(:hover,:focus-visible,[aria-current=page],.active)::after{transform:scaleX(1)}
.v4-shell-host #navbar .v4-header-search{border-radius:10px;overflow:visible;background:linear-gradient(130deg,#153447,#112637);border:1px solid #729cb54d;box-shadow:inset 0 1px 0 #c8eeff08}
.v4-shell-host #navbar .v4-header-search>input{min-width:0;background:transparent;outline:0!important;box-shadow:none!important}
.v4-shell-host #navbar .v4-header-search>button{border-radius:0 9px 9px 0}
.v4-shell-host #navbar .v4-search-category{border-radius:9px 0 0 9px;font-size:12px;background:transparent;outline:0!important;box-shadow:none!important}
.v4-shell-host #navbar .v4-header-search:focus-within{border-color:#90d7ea;box-shadow:0 0 0 2px #90d7ea12}
.v4-category-picker{position:relative;flex:0 1 158px;width:158px;min-width:105px;max-width:42%;align-self:stretch;border-right:1px solid #729cb533}
.v4-category-picker>select{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;max-width:1px!important;padding:0!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
.v4-shell-host #navbar .v4-category-trigger{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 13px;margin:0;background:transparent;border:0;border-radius:9px 0 0 9px;color:#c5deec;font-size:12px;font-weight:500;line-height:1.3;text-align:left;box-shadow:none;outline:0;cursor:pointer}
.v4-category-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v4-category-trigger>svg{flex:0 0 12px;width:12px!important;height:12px!important;transition:transform .25s}
.v4-category-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.v4-category-options{position:absolute;top:calc(100% + 9px);left:0;width:min(290px,calc(100vw - 44px));max-height:min(360px,55svh);overflow-y:auto;margin:0;padding:7px;list-style:none;border:1px solid #7cb4cf66;border-radius:12px;background:#122c3e;box-shadow:0 20px 55px #0008;z-index:1100;scrollbar-width:thin;color-scheme:dark}
.v4-category-options[hidden]{display:none!important}
.v4-shell-host #navbar .v4-category-option{width:100%;display:block;white-space:normal;text-align:left;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#bad3e2;font-size:13px;font-weight:400;line-height:1.45;cursor:pointer;box-shadow:none}
.v4-shell-host #navbar .v4-category-option:is(:hover,:focus-visible,[aria-selected=true]){background:#204961;color:#d8f6ff;outline:0}
@media(min-width:761px) and (max-width:1100px){.v4-shell-host #navbar .navlinks{gap:24px}}
@media(max-width:760px){.v4-shell-host #navbar .navlinks.open a{font-size:16px;padding:12px 0}.v4-category-picker{flex-basis:135px;width:135px;max-width:44%}.v4-shell-host #navbar .v4-category-trigger{font-size:11px;padding:0 10px}
body.v4-site{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
body.v4-site .footer-device-mobile,body.v4-site .v4-mobile-dock{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto!important;height:auto;min-height:64px;box-sizing:border-box;margin:0;transform:none;z-index:100;background:#102637f5;color:#a5c2d5;border-top:1px solid #739db544;backdrop-filter:blur(18px);padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 28px #0003}
body.v4-site .footer-device-mobile .wapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;height:auto;margin:0;padding:0}
body.v4-site .footer-device-mobile-item{display:block!important;float:none!important;position:relative;width:auto!important;height:auto;min-width:0;padding:0;border:0}
body.v4-site .footer-device-mobile-item>a,body.v4-site .v4-mobile-dock>a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:50px;margin:0;padding:3px 0;color:#a5c2d5;font-size:11px!important;line-height:1.3;white-space:nowrap;text-decoration:none}
body.v4-site .footer-device-mobile-item>a .icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:20px;line-height:1;margin:0}
body.v4-site .footer-device-mobile-item>a:is(:hover,:focus-visible),body.v4-site .v4-mobile-dock>a[aria-current]{color:#b2edff}
body.v4-site .v4-mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
body.v4-site .v4-mobile-dock svg{width:21px;height:21px;flex:none}
}

.v4-shell-host #navbar .v4-category-trigger>span{display:block!important;flex:1;min-width:0;text-align:left}

.v4-shell-host #navbar .navlinks a:focus-visible{outline:none;box-shadow:none;color:#d7f1ff}

/* Shared dialogs use the same dark surface on every page. */
body.v4-site .v4-shell-host .modal-backdrop{z-index:2200!important;background:#071422d9!important;backdrop-filter:blur(12px)}
body.v4-site .v4-shell-host .modal{background:#122b3e;color:#bdd5e5;border:1px solid #7197ad55;border-radius:12px;box-shadow:0 25px 90px #0007;scrollbar-width:thin;color-scheme:dark}
body.v4-site .v4-shell-host .modal :is(h1,h2,h3,h4){color:#deeff9}
body.v4-site .v4-shell-host .modal :is(p,label,.eyebrow,small){color:#9dbbd0}
body.v4-site .v4-shell-host .modal input{box-sizing:border-box;background:#0d2231;color:#d8edf8;border:1px solid #7197ad66;border-radius:7px;min-height:46px}
body.v4-site .v4-shell-host .modal input::placeholder{color:#8aaabe;opacity:1}
body.v4-site .v4-shell-host .modal :is(.btn,.btn.light){background:#a0e3f6;border-color:#a0e3f6;color:#15364b;border-radius:7px}
body.v4-site .v4-shell-host .modal .icon-btn{background:#153449;color:#b9e5f7;border-color:#7197ad55}
body.v4-site .v4-shell-host .modal :is(.text-link,.v4-resource-links button,.v4-category-tree a,.v4-backend-links a){color:#a8deef}
body.v4-site .v4-shell-host .modal :is(.tabs,.v4-backend-links){border-color:#7197ad44}
body.v4-site .v4-shell-host .modal .tabs button{color:#9ebcd0}
body.v4-site .v4-shell-host .modal .tabs button.active{color:#d2f3ff}
body.v4-site .v4-shell-host .modal .tabs button.active::after{background:#a0e3f6}
body.v4-site .v4-shell-host .modal .product-card{background:#153348;border-color:#7197ad44}
body.v4-site .v4-shell-host .modal .product-visual{background:#fff}
body.v4-site .v4-shell-host .modal .product-visual img{mix-blend-mode:normal;object-fit:contain}
body.v4-site .v4-shell-host .modal .product-copy :is(h3,a){color:#d1e9f6}
body.v4-site .v4-shell-host .modal .product-card .save{background:#173b53;color:#b9e5f7;border-color:#7197ad66}
body.v4-site .v4-shell-host .modal .product-card .save.saved{color:#b8efff;background:#20516a}
body.v4-site .v4-shell-host .modal :is(button,a,input):focus-visible{outline:2px solid #92d9ed;outline-offset:3px}
body.v4-site .v4-shell-host .toast{background:#153449;color:#d2ecf8;border-left-color:#9fe4f6;z-index:2400}
@media(max-width:760px){body.v4-site .v4-shell-host .modal-backdrop{padding:16px!important}body.v4-site .v4-shell-host .modal{padding:25px 20px;max-height:82svh}body.v4-site .v4-shell-host .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}

/* Mobile navigation panels and touch targets share a single contract. */
@media(max-width:760px){
.v4-shell-host #navbar .navrow{position:relative}
.v4-shell-host #navbar .menu-btn{display:grid!important;place-items:center;width:44px;height:44px;min-width:44px;padding:0}
.v4-shell-host #navbar .navicons .icon-btn{width:44px;height:44px;min-width:44px}
.v4-shell-host #navbar .navlinks.open{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important;padding:10px 22px;max-height:calc(100svh - 350px);overflow-y:auto;border-bottom:1px solid #7197ad55;box-shadow:0 18px 30px #0004}
.v4-shell-host #navbar .navlinks.open a{min-height:48px;padding:12px 0}
.v4-shell-host #navbar .future-menu{display:block!important;position:static;margin-left:0}
.v4-shell-host #navbar .future-menu summary{min-height:42px;display:flex;align-items:center}
.v4-shell-host #navbar .future-menu-panel{position:absolute;top:100%;left:0;right:0;width:auto;max-width:100%;max-height:calc(100svh - 350px);overflow-y:auto;grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 22px;border:1px solid #7197ad55;background:#152c3d;box-shadow:0 18px 30px #0004}
.v4-shell-host #navbar .future-menu-panel .menu-intro>.eyebrow,.v4-shell-host #navbar .future-menu-panel .menu-intro>strong{display:none}
.v4-shell-host #navbar .future-menu-panel .menu-intro>a{min-height:44px;display:flex;align-items:center;margin:0}
.v4-shell-host #navbar .future-menu-panel>div:nth-child(2)>a{padding:12px 0;min-height:58px}
.v4-shell-host #navbar .future-menu-panel .menu-shortcuts{padding-top:12px;border-top:1px solid #7197ad44}
.v4-shell-host #navbar .future-menu-panel .menu-shortcuts :is(a,button){min-height:44px}
body.v4-site :is(input[type=text],input[type=email],input[type=tel],input[type=search],input[type=date],textarea,select){font-size:16px!important}
body.v4-site .v4-shell-host .modal .close-modal{width:44px;height:44px}
body.v4-site .v4-shell-host .modal .tabs{gap:10px;flex-wrap:wrap}
body.v4-site .v4-shell-host .modal .tabs button{min-height:44px;padding:10px 6px}
}

@media(max-width:760px) and (max-height:500px){.v4-shell-host #navbar .v4-contact-bar{display:none}.v4-shell-host #navbar .v4-search-row{padding-top:8px;padding-bottom:8px;gap:8px}.v4-shell-host #navbar .v4-original-logo,.v4-shell-host #navbar .v4-original-logo img{width:100px;height:45px}.v4-shell-host #navbar .navlinks.open,.v4-shell-host #navbar .future-menu-panel{max-height:calc(100svh - 250px)}}

@media(max-width:760px){.v4-form-page .contact-tab,.v4-form-page .submit-btn,.v4-form-page .file-upload-btn{min-height:44px}.v4-shell-host #navbar .v4-search-quote{height:44px;min-height:44px}}

@media(max-width:760px){.v4-shell-host #navbar .v4-category-option{min-height:44px}}

html:has(.v4-shell-host){color-scheme:dark;scrollbar-color:#47697f #0c1a29}.v4-shell-host :is(.modal,.future-menu-panel,.v4-category-options){color-scheme:dark;scrollbar-color:#47697f #0f2637}

/* Shared visitor message entry, alongside search and saved products. */
.v4-shell-host #navbar .v4-message-link{position:relative}.v4-shell-host #navbar .v4-message-link.has-unread{color:#b5edff;border-color:#7bcde6}.v4-message-count{position:absolute;top:-5px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:10px;background:#e53940;color:#fff;font-size:10px;line-height:18px;font-weight:600;box-shadow:0 0 0 2px #102637}.v4-message-count[hidden]{display:none!important}
@media(max-width:760px){.v4-message-count{top:0;right:-2px}}
@media(max-width:380px){.v4-shell-host #navbar .future-menu summary{font-size:0!important;width:44px;min-width:44px;padding:0;justify-content:center}.v4-shell-host #navbar .future-menu summary span{font-size:20px}}

/* Restore the original site's primary navigation and submenus. */
.v4-shell-host #navbar .navlinks{gap:28px;align-items:center}.v4-shell-host #navbar .v4-nav-dropdown{position:relative}.v4-shell-host #navbar .v4-nav-dropdown>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;white-space:nowrap;color:inherit;font-size:15px;font-weight:500;min-height:49px}.v4-shell-host #navbar .v4-nav-dropdown>summary::-webkit-details-marker{display:none}.v4-shell-host #navbar .v4-nav-dropdown>summary>span{font-size:12px;color:#93bdd1}.v4-shell-host #navbar .v4-nav-panel{position:absolute;top:100%;left:-18px;min-width:210px;padding:12px 18px;z-index:40;background:#152c3d;border:1px solid #7197ad55;box-shadow:0 20px 36px #0006;border-radius:0 0 8px 8px}.v4-shell-host #navbar .v4-nav-panel>a{display:flex;font-size:14px;padding:10px 0;white-space:nowrap}.v4-shell-host #navbar .v4-nav-panel a::after{display:none}.v4-shell-host #navbar .v4-nav-panel a:hover{color:#b5edff}.v4-shell-host #navbar .v4-all-categories{position:static}.v4-shell-host #navbar .v4-nav-categories{left:0;right:0;max-height:65svh;overflow:auto}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree a{font-size:13px;padding:8px 0;white-space:normal}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree summary{font-size:13px;cursor:pointer}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree section{min-width:0}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree details>a{display:flex;padding-left:12px}.v4-shell-host #navbar .v4-nav-dropdown>summary:focus-visible{outline:2px solid #92d9ed;outline-offset:2px}

@media(min-width:761px) and (max-width:1100px){.v4-shell-host #navbar .navlinks{gap:13px}.v4-shell-host #navbar .navlinks>a,.v4-shell-host #navbar .v4-nav-dropdown>summary,.v4-shell-host #navbar .v4-nav-dropdown>summary>a{font-size:12px}.v4-shell-host #navbar .navrow{gap:14px}}
@media(max-width:760px){.v4-shell-host #navbar .navlinks.open{align-items:stretch}.v4-shell-host #navbar .v4-nav-dropdown>summary{font-size:16px;min-height:48px;justify-content:space-between}.v4-shell-host #navbar .v4-nav-dropdown>summary>a{flex:1}.v4-shell-host #navbar .v4-nav-panel{position:static;min-width:0;padding:8px 14px;box-shadow:none;border-radius:7px;margin-bottom:8px}.v4-shell-host #navbar .v4-nav-categories{max-height:none}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree{grid-template-columns:minmax(0,1fr)}.v4-shell-host #navbar .v4-nav-panel a{min-height:44px}.v4-shell-host #navbar .v4-nav-dropdown>summary>span{padding:12px}}

@media(max-width:760px){.v4-shell-host #navbar .v4-nav-categories .v4-category-tree summary{display:flex;align-items:center;gap:8px}.v4-shell-host #navbar .v4-nav-categories .v4-category-tree summary>a{min-width:0;flex:1}}

/* Keep the scroll canvas opaque even during mobile compositor repaints. */
html:has(.v4-shell-host),body.v4-site{background-color:#0c1a29!important}body.v4-site{min-height:100svh}.v3-home #site,.v3-home #main{background-color:#0c1a29}
@media(max-width:760px){
html:has(.v4-shell-host){overscroll-behavior-y:none}
.v4-shell-host #navbar{background:#101f2d!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:none!important}
.v3-home .v4-shell-host #navbar,.v3-home.has-scrolled .v4-shell-host #navbar{position:fixed!important;top:0!important;left:0;right:0}
.v4-mobile-dock,.footer-device-mobile{background:#102637!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.v4-shell-host .future-menu-panel,.v4-shell-host .v4-nav-panel{background:#152c3d;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.v4-shell-host #navbar .navlinks.open,.v4-shell-host #navbar .future-menu-panel{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
}

/* One mobile dock on every page, with no entrance animation or blurred viewport surface. */
.v4-unified-mobile-dock{display:none}body.v4-has-mobile-dock .footer-device-mobile,body.v4-has-mobile-dock .v4-mobile-dock{display:none!important}
@media(max-width:760px){
body.v4-has-mobile-dock{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}
.v4-unified-mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;min-height:64px;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px));background:#102637;color:#9fc1d5;border-top:1px solid #87bdd440;box-sizing:border-box;backdrop-filter:none;-webkit-backdrop-filter:none}
.v4-unified-mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:48px;font-size:11px;line-height:1.2;color:inherit;text-decoration:none}.v4-unified-mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.v4-unified-mobile-dock a[aria-current=page]{color:#b5edff}.v4-unified-mobile-dock a:focus-visible{outline:2px solid #92d9ed;outline-offset:-2px}
body.v4-site :is(.fade-in,.scale-in,.reveal){opacity:1!important;transform:none!important;transition:none!important}
body.v4-site .hero-content{animation:none!important;opacity:1!important;transform:none!important}
body.v4-modal-open .v4-unified-mobile-dock{visibility:hidden}
}

/* Desktop navigation spans the viewport instead of a centered 1600px column. */
@media(min-width:761px){.v4-shell-host #navbar .wrap{max-width:none!important}}

/* Visible return navigation above the product gallery on every screen size. */
body.v4-product-detail .v4-product-return{display:block;max-width:1600px;margin:0 auto 20px;padding:0 clamp(22px,3vw,48px)}
body.v4-product-detail .v4-product-return a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;color:#b5eafa;background:#163448;border:1px solid #6cacc255;border-radius:6px;font-size:16px;line-height:1.5;text-decoration:none}
body.v4-product-detail .v4-product-return a:hover{background:#1e455c;color:#fff}

/* Mobile pages end at their content; keep the separate quick-navigation dock. */
@media(max-width:760px){body.v4-site footer.footer{display:none!important}}

/* One viewport-wide desktop content frame throughout the portal. */
@media(min-width:761px){
body.v4-site{--v4-layout-width:100%;--v4-gutter:clamp(22px,3vw,48px)}
body.v4-site :is(.wrap,.main-content>.container,.main-container>.container,.section-container,.contact-container,.form-container,.content-wrapper,.chat-container,.v4-communication-main,.rich-content-section),body.v4-company .container,body.v4-product-page .container{box-sizing:border-box;width:100%!important;max-width:none!important;margin-left:auto;margin-right:auto;padding-left:var(--v4-gutter)!important;padding-right:var(--v4-gutter)!important}
body:is(.v4-company,.v4-editorial,.v4-form-page) .hero-content{box-sizing:border-box;width:100%!important;max-width:none!important;padding-left:var(--v4-gutter)!important;padding-right:var(--v4-gutter)!important}
body.v4-company .stats-grid{max-width:none!important}
body.v4-product-detail .v4-product-return{max-width:none!important}
}

/* Mobile utility bar: email, Cart and My Account share one row. */
@media(max-width:760px){
.v4-shell-host #navbar .v4-contact-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;gap:8px!important;min-height:52px;padding:6px 12px!important}
.v4-shell-host #navbar .v4-contact-items{display:flex!important;flex:1 1 auto;min-width:0;width:auto!important;gap:0!important}
.v4-shell-host #navbar .v4-contact-items>.v4-contact-item:not([href^="mailto:"]){display:none!important}
.v4-shell-host #navbar .v4-contact-item[href^="mailto:"]{display:flex!important;align-items:center;gap:6px;min-width:0;min-height:40px;font-size:14px!important;line-height:1.4;white-space:nowrap}
.v4-shell-host #navbar .v4-contact-item[href^="mailto:"]>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4-shell-host #navbar .v4-contact-item small{display:none!important}
.v4-shell-host #navbar .v4-utility-links{display:flex!important;flex-direction:row!important;align-items:center;flex:0 0 auto;gap:10px!important;width:auto!important}
body .v4-shell-host #navbar .v4-utility-links a{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;min-height:40px;padding:0!important;font-size:14px!important;line-height:1.4;white-space:nowrap}
.v4-shell-host #navbar .v4-contact-item svg,.v4-shell-host #navbar .v4-utility-links svg{width:17px!important;height:17px!important;flex:0 0 17px}
}

/* Simplified mobile header: utility row plus brand and quote only. */
@media(max-width:760px){.v4-shell-host #navbar .v4-header-search,.v4-shell-host #navbar .navrow{display:none!important}.v4-shell-host #navbar .v4-search-row{grid-template-rows:auto;row-gap:0!important}}

/* Navigation focus uses text/underline feedback instead of a framed box. */
.v4-shell-host #navbar .navlinks :is(a,summary):is(:focus,:focus-visible,:active){outline:none!important;box-shadow:none!important}
.v4-shell-host #navbar .navlinks :is(a,summary):focus-visible{color:#d7f1ff!important;text-decoration:underline;text-underline-offset:6px}

/* Bring mobile branding and quote slightly inward while retaining opposite alignment. */
@media(max-width:760px){
.v4-shell-host #navbar .v4-search-row{padding-left:clamp(26px,calc(8vw + 4px),58px);padding-right:clamp(26px,calc(8vw + 4px),58px);grid-template-columns:minmax(0,1fr) auto;column-gap:14px}
.v4-shell-host #navbar .v4-original-logo,.v4-shell-host #navbar .v4-original-logo img{width:clamp(110px,calc(100vw - 230px),130px);max-width:100%}
.v4-shell-host #navbar .v4-original-logo{justify-self:start}
.v4-shell-host #navbar .v4-search-quote{justify-self:end;white-space:nowrap}
}

/* Compact mobile page introductions; desktop copy and layouts remain intact. */
.v4-copy-mobile{display:none!important}
.v4-product-page :is(.hero-title,.form-header h2)>.v4-copy-desktop{color:inherit}
@media(max-width:760px){
body.v4-product-page .v4-copy-desktop{display:none!important}
body.v4-product-page .v4-copy-mobile{display:inline!important;color:inherit}
body.v4-product-page .v4-catalog-intro{max-width:none;padding:18px 0 22px!important;margin:0;min-height:0;height:auto}
body.v4-product-page .v4-catalog-intro>span{display:none}
body.v4-product-page .v4-catalog-intro h1,body.v4-product-page .hero-section .hero-title,body.v4-product-page .form-header h2{font-size:28px!important;line-height:1.2!important;letter-spacing:-.025em;margin:0 0 8px!important;overflow-wrap:break-word;word-break:normal}
body.v4-product-page .v4-catalog-intro p,body.v4-product-page .hero-section p,body.v4-product-page .form-header p{font-size:16px!important;line-height:1.5!important;margin:0!important;max-width:none}
body.v4-product-page .hero-section{height:auto!important;min-height:0!important;padding:24px 22px!important;display:block}
body.v4-product-page .hero-section .hero-content{position:relative;inset:auto;transform:none!important;padding:0!important;margin:0;width:100%;text-align:left}
body.v4-product-page .hero-content>div:is(.hero-label,.hero-subtitle){display:none}
body.v4-product-page .hero-section .scroll-indicator{position:relative!important;inset:auto!important;transform:none!important;display:flex;align-items:center;margin:12px 0 0;gap:6px;width:max-content;height:auto;font-size:12px}
body.v4-product-page .hero-section .scroll-line{display:none}
body.v4-form-page .form-header{margin-bottom:20px!important;text-align:left}
body.v4-form-page .form-header>.section-label{display:none}
}

/* Compact desktop introductions across public inner pages. */
@media(min-width:761px){
body.v4-product-page .v4-catalog-intro{max-width:none;padding:20px 0 24px!important;margin:0;min-height:0;height:auto}
body.v4-product-page .v4-catalog-intro>span{display:block;margin:0 0 8px;line-height:1.5!important}
body.v4-product-page .v4-catalog-intro h1,body.v4-product-page .hero-section .hero-title,body.v4-form-page .form-header h2{font-size:clamp(32px,2.8vw,42px)!important;line-height:1.2!important;letter-spacing:-.035em;margin:0 0 10px!important;font-weight:400;overflow-wrap:break-word;word-break:normal}
body.v4-product-page .v4-catalog-intro p,body.v4-product-page .hero-section :is(.hero-description,p.hero-subtitle),body.v4-form-page .form-header p{font-size:18px!important;line-height:1.55!important;margin:0!important;max-width:none}
body.v4-communication .v4-communication-main{padding-top:24px}
body.v4-communication .v4-catalog-intro{padding-top:0!important}
body.v4-product-page .hero-section{height:auto!important;min-height:0!important;padding:28px 0!important;display:block}
body.v4-product-page .hero-section .hero-content{position:relative;inset:auto;transform:none!important;margin:0 auto;text-align:left}
body.v4-product-page .hero-content>div:is(.hero-label,.hero-subtitle){font-size:13px!important;line-height:1.5!important;letter-spacing:.12em;margin:0 0 10px!important}
body.v4-product-page .hero-section .scroll-indicator{position:relative!important;inset:auto!important;transform:none!important;display:flex;align-items:center;gap:8px;width:max-content;height:auto;margin:14px 0 0 var(--v4-gutter,clamp(22px,3vw,48px));font-size:12px;cursor:pointer}
body.v4-product-page .hero-section .scroll-line{display:none}
body.v4-form-page .form-header{margin-bottom:24px!important;text-align:left}
body.v4-form-page .form-header>.section-label{font-size:13px!important;line-height:1.5;letter-spacing:.12em;margin:0 0 10px!important}
body.v4-form-page .form-section{padding-top:32px}
}

@media(min-width:761px){
body.v4-editorial .main-content-section,body.v4-editorial .rich-content-section,body.v4-form-page .contact-section{padding-top:28px}
body.v4-editorial section.main-content-section>.content-wrapper{padding-top:0!important;padding-bottom:0!important}
}

/* Original catalog navigation: vertical first level and right-hand flyouts. */
@media(min-width:761px){
.v4-shell-host #navbar .navlinks>.v4-all-categories{position:relative}
.v4-shell-host #navbar .v4-all-categories>.v4-nav-categories{position:absolute;top:100%;left:0;right:auto;width:300px;min-width:0;max-height:none;overflow:visible;padding:20px 0;margin:0;background:linear-gradient(145deg,#193548,#102536);border:1px solid #648ba34d;border-radius:0 0 7px 7px;box-shadow:0 16px 35px #0006;color:#b8cfde;z-index:60}
.v4-shell-host #navbar .v4-all-categories :is(.v4-original-category-list,.v4-category-submenu){list-style:none;margin:0;padding:0;columns:auto}
.v4-shell-host #navbar .v4-all-categories .v4-category-item{position:relative;list-style:none;margin:0;padding:0;border:0;background:transparent}
.v4-shell-host #navbar .v4-all-categories .v4-category-item>a{position:relative;display:block;box-sizing:border-box;margin:0 25px;padding:11px 20px 11px 0;min-height:44px;font-size:16px!important;line-height:1.4!important;font-weight:400;letter-spacing:0;text-transform:capitalize;white-space:normal;overflow-wrap:break-word;color:#b8cfde!important;background:transparent!important;border:0;border-bottom:1px solid #7396aa29;border-radius:0;transition:color .2s}
.v4-shell-host #navbar .v4-all-categories .v4-category-item:last-child>a{border-bottom:0}
.v4-shell-host #navbar .v4-all-categories .v4-category-item>a::before{display:none}
.v4-shell-host #navbar .v4-all-categories .v4-category-item.has-children>a::before{content:'›';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);font:20px/1 Arial,sans-serif;color:#7fa8be;width:auto;height:auto;background:none}
.v4-shell-host #navbar .v4-all-categories .v4-category-item:is(:hover,:focus-within)>a{color:#b9effb!important}
.v4-shell-host #navbar .v4-all-categories .v4-category-item>a:focus-visible{outline:none!important;text-decoration:underline!important;text-underline-offset:4px}
.v4-shell-host #navbar .v4-all-categories .v4-category-submenu{position:absolute;left:100%;top:0;width:340px;min-width:0;padding:0;background:linear-gradient(145deg,#193548,#102536);border:1px solid #648ba34d;box-shadow:8px 12px 30px #0006;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(5px);transition:opacity .18s,transform .18s,visibility .18s;z-index:61}
.v4-shell-host #navbar .v4-all-categories .v4-category-submenu .v4-category-submenu{width:300px}
.v4-shell-host #navbar .v4-all-categories .v4-category-item:is(:hover,:focus-within)>.v4-category-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
}
@media(min-width:761px) and (max-width:1100px){
.v4-shell-host #navbar .v4-all-categories>.v4-nav-categories,.v4-shell-host #navbar .v4-all-categories .v4-category-submenu,.v4-shell-host #navbar .v4-all-categories .v4-category-submenu .v4-category-submenu{width:240px}
.v4-shell-host #navbar .v4-all-categories>.v4-nav-categories{padding:10px 0}
.v4-shell-host #navbar .v4-all-categories .v4-category-item>a{margin:0 16px;padding-top:9px;padding-bottom:9px;font-size:15px!important;line-height:1.35!important}
}
@media(prefers-reduced-motion:reduce){.v4-shell-host #navbar .v4-all-categories .v4-category-submenu{transition:none}}

@media(min-width:761px){
.v4-shell-host #navbar .v4-all-categories .v4-category-item:is(:hover,:focus-within){background:#25495e55}
.v4-shell-host #navbar .v4-all-categories .v4-category-item.has-children:is(:hover,:focus-within)>a::before{color:#b9effb}
}

/* Landscape phones must not inherit the tall desktop utility/search/navigation stack. */
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){
.v4-shell-host #navbar .v4-contact-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between;gap:12px!important;min-height:40px;padding:4px 24px!important}
.v4-shell-host #navbar .v4-contact-items{display:flex!important;flex:1;min-width:0;width:auto!important;gap:0!important}
.v4-shell-host #navbar .v4-contact-items>.v4-contact-item:not([href^="mailto:"]),.v4-shell-host #navbar .v4-contact-item small{display:none!important}
.v4-shell-host #navbar .v4-contact-item[href^="mailto:"]{display:flex!important;align-items:center;gap:6px;min-width:0;min-height:32px;font-size:13px!important;white-space:nowrap}
.v4-shell-host #navbar .v4-utility-links{display:flex!important;flex-direction:row!important;gap:16px!important;width:auto!important}
body .v4-shell-host #navbar .v4-utility-links a{display:flex!important;align-items:center;gap:5px;padding:0!important;min-height:32px;font-size:13px!important;white-space:nowrap}
.v4-shell-host #navbar .v4-contact-item svg,.v4-shell-host #navbar .v4-utility-links svg{width:16px!important;height:16px!important;flex:0 0 16px}
.v4-shell-host #navbar .v4-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:20px;min-height:66px;padding:8px 32px!important}
.v4-shell-host #navbar .v4-original-logo,.v4-shell-host #navbar .v4-original-logo img{width:108px;height:50px;max-width:100%}
.v4-shell-host #navbar .v4-search-quote{justify-self:end;min-height:40px;height:40px;padding:0 18px;font-size:13px!important}
.v4-shell-host #navbar .v4-header-search,.v4-shell-host #navbar .navrow{display:none!important}
body.v4-has-mobile-dock{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
body.v4-site footer.footer{display:none!important}
.v4-unified-mobile-dock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:100;min-height:52px;padding:4px 16px calc(4px + env(safe-area-inset-bottom,0px));background:#102637;color:#9fc1d5;border-top:1px solid #87bdd440;box-sizing:border-box}
.v4-unified-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:42px;font-size:11px;line-height:1.2;color:inherit;text-decoration:none}
.v4-unified-mobile-dock svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.v4-unified-mobile-dock a[aria-current=page]{color:#b5edff}
}

/* 2026-10-31 移动端：收紧品牌 + GET A QUOTE 行，并重绘报价箭头（桌面端不受影响） */
.v4-quote-arrow{display:none}
@media(max-width:760px){
.v4-shell-host #navbar .v4-search-row{min-height:0!important;padding:6px clamp(18px,5vw,30px)!important;column-gap:10px;grid-template-columns:minmax(0,1fr) auto}
.v4-shell-host #navbar .v4-original-logo{width:clamp(64px,18vw,80px)!important;height:auto!important;min-height:0}
.v4-shell-host #navbar .v4-original-logo img{width:100%!important;height:auto!important}
.v4-shell-host #navbar .v4-search-quote.header-quote{justify-self:end;height:34px!important;min-height:34px!important;padding:0 10px!important;gap:6px!important;font-size:11px!important;line-height:1!important;letter-spacing:.04em;white-space:nowrap}
.v4-shell-host #navbar .v4-quote-glyph{display:none!important}
.v4-shell-host #navbar .v4-quote-arrow{display:block;width:13px!important;height:13px!important;flex:0 0 13px;overflow:visible}
.v4-shell-host #navbar .v4-quote-arrow .v4-arrow-shaft{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v4-shell-host #navbar .v4-quote-arrow .v4-arrow-head{display:none}
}

/* 2026-10-31 移动端：文本箭头统一改为矢量箭头，弹层关闭按钮显示 BACK（桌面端不变） */
.close-label{display:none}
@media(max-width:760px){
.close-label{display:inline!important}
.close-glyph{display:none!important}
body.v4-site .v4-shell-host .close-modal{font-size:11px!important;letter-spacing:.14em;font-weight:500}
.v4-arrow-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:-.16em;margin-left:.2em;line-height:0}
.v4-arrow-icon>svg{display:block;width:1.15em!important;height:1.15em!important;overflow:visible}
.v4-arrow-icon .v4-arrow-shaft{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v4-arrow-icon .v4-arrow-head{display:none}
}

/* Both notification badges belong to the visible shared phone navigation. */
.v4-unified-mobile-dock>a{position:relative}
.v4-unified-mobile-dock .v4-dock-count{position:absolute!important;top:2px!important;left:calc(50% + 6px)!important;right:auto!important;transform:none!important;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px!important;border-radius:999px;background:#e53940;color:#fff!important;font-size:11px!important;line-height:1!important;font-weight:600;letter-spacing:0!important;white-space:nowrap;box-shadow:0 0 0 2px #102637;z-index:3}
.v4-unified-mobile-dock .v4-dock-count[hidden]{display:none!important}

/* Icon-only controls must not inherit text spacing or font baselines. */
html body.v4-site :is(.cin-controls,.product-belt-controls,.v4-film-controls) button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important;text-indent:0;letter-spacing:0;flex-shrink:0}
html body.v4-site :is(.cin-controls,.product-belt-controls,.v4-film-controls) button>.v4-arrow-icon{display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;line-height:0!important;transform:none}
html body.v4-site :is(.cin-controls,.product-belt-controls,.v4-film-controls) button svg{display:block;flex:none;width:20px!important;height:20px!important;margin:0!important;vertical-align:initial;transform:none}
html body.v4-site .v4-control-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body.v4-site :is(.icon-btn,.close-modal)>.v4-arrow-icon{margin:0!important}
html body.v4-site #productPagination button{display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;text-indent:0}
html body.v4-site #productPagination button>:is(i,svg,.v4-arrow-icon){margin:0!important;line-height:1}