/* CSS Document */
/* animation: headanim 0.5s ease 0s infinite; */
/* 手机icon动画 */
/* animation: moveNext 1s linear infinite; */

/* banner上下动画 */
/* The original Montserrat files are not part of this deployment; use the local system font without a network request. */
@font-face { font-family: 'gilroy_bold'; src: local('Arial'); font-weight: 700; }
@font-face { font-family: 'gilroy_regular'; src: local('Arial'); font-weight: 400; }
@font-face { font-family: 'gilroy_Medium'; src: local('Arial'); font-weight: 500; }

html { font-size: calc(100vw/19.2); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (max-width:1580px) {html { font-size: 76px; }}
@media (max-width:1400px) {html { font-size: 72px; }}
@media (max-width:767px) {html { font-size: calc(100vw / 7.5); }}
@media (max-width:1580px) {body { font-size: 14px;}}
@media (max-width:767px) {body { font-size: 0.28rem; }}



.flexBetween { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexStart { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexCenter { display: -webkit-flex;	/* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flexEnd { display: -webkit-flex;	/* Safari */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-justify: distribute-all-lines; }
.ellipsis2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-justify: distribute-all-lines; }
.ellipsis3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-justify: distribute-all-lines; }
.ellipsis4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-justify: distribute-all-lines; }
.ellipsis5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-justify: distribute-all-lines; }

/* 视频弹窗 */
.layerVideo { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; background: rgba(0, 0, 0, 0.5); display: none; }
.layerVideo .box { width: min(12rem, 80vw); position: absolute; top: 50%; left: 50%; max-height: 80vh; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); }
.layerVideo .box video { width: 100%; }
.layerVideo .box iframe { width: 90%; min-height: 70vh; margin: auto; display: block; }
.layerVideo .box span { position: absolute; right: -32px; top: -32px; color: #fff; font-size: 32px; font-weight: bold; display: block; cursor: pointer; }
.layerVideo .box span:hover { transform: rotate(180deg); transition: .4s; }

/* 视频弹窗 End*/

/* 图片弹框 */
.layerImg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10; display: none; }
.layerImg .close { position: absolute; right: 5vw; top: 0.5rem; }
.layerImg .close i { color: #fff; cursor: pointer; font-size: 0.24rem; transition: 0.4s; display: inline-block; }
.layerImg .close i:hover { transform: rotate(180deg); }
.layerImg .box { position: absolute; top: 50%; left: 50%; width: min(12rem, 80vw); transform: translate(-50%, -50%); display: flex; height: 80vh; }
.layerImg .box img { max-width: 100%; max-height: 100%; margin: auto; }

/* 图片弹框 End */

/* 头部手机图标动画 */
@keyframes headanim {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
	25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }
	100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}
@-webkit-keyframes headanim {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
	25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }
	100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}
@-moz-keyframes headanim {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
	25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }
	100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}
@-o-keyframes headanim {
	0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); }
	25% { transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -o-transform: rotate(10deg); }
	100% { transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); }
}

/* 头部手机图标动画END */

/* 手机导航 */
.MobileMain { position: sticky; top: 0; left: 0; z-index: 28; width: 100%; background: #fff; display: none; }
.MobileMain .HeaderMobile { height: var(--nav_height); overflow: hidden; box-shadow: 0px 0px 0px 1px #eee; }
.MobileMain .HeaderMobile .box { height: var(--nav_height); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 5vw; }
.MobileMain .HeaderMobile .box .logo { width: 120px; height: 100%; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.MobileMain .HeaderMobile .box .logo a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; }
.MobileMain .HeaderMobile .box .logo a img { width: auto; max-width: 120px; height: 32px; object-fit: contain; }
.MobileMain .HeaderMobile .box .button { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.MobileMain .HeaderMobile .box .button .Language a { font-size: 18px; color: #000; display: block; line-height: 0.45rem; border-radius: 0.25rem; }
@media screen and (max-width:699px) {
	.MobileMain .HeaderMobile .box .button .Language a { font-size: 14px; }
}
.MobileMain .HeaderMobile .box .button .search div { width: 30px; text-align: center; }
.MobileMain .HeaderMobile .box .button .search p svg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.MobileMain .HeaderMobile .box .button .search .Close { display: none; }
.MobileMain .HeaderMobile .box .button .search .active .Show { display: none; }
.MobileMain .HeaderMobile .box .button .search .active .Close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: var(--color); }
.MobileMain .HeaderMobile .box .button .search .active .Close i { font-size: 0.4rem; font-weight: bold; }
.MobileMain .HeaderMobile .box .button .search .active .btn { display: none; }
.MobileMain .HeaderMobile .box .button .word { font-size: 14px; font-weight: bold; }
.MobileMain .HeaderMobile .box .button .word a { color: var(--color); text-decoration: none; }
.MobileMain .HeaderMobile .box .button .word a svg { display: inline-block; vertical-align: sub; animation: CallUp 0.5s ease 0s infinite; -webkit-animation: CallUp 0.5s ease 0s infinite; -moz-animation: CallUp 0.5s ease 0s infinite; -o-animation: CallUp 0.5s ease 0s infinite; }
.MobileMain .HeaderMobile .box .button .word a img { position: relative; }
.MobileMain .HeaderMobile .box .button .call a { color: #000; font-size: 16px; }
.MobileMain .HeaderMobile .box .button .search { margin-left: 0.5rem; }
.MobileMain .HeaderMobile .box .button .search .icon2 { display: none; }
.MobileMain .HeaderMobile .box .button .search.active .icon1 { display: none; }
.MobileMain .HeaderMobile .box .button .search.active .icon2 { display: block; }
.MobileMain .HeaderMobile .box .button .menu { float: none; height: 100%; margin-left: 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p { position: relative; width: 30px; height: 24px; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p span { display: block; width: 30px; height: 2px; background: var(--color); margin: 0; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(1) { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(2) { opacity: 0; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p span:nth-child(3) { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p::before { content: ''; position: absolute; width: 100%; height: 2px; background: var(--color); top: 50%; margin-top: -1px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn p::after { content: ''; position: absolute; width: 100%; height: 2px; background: var(--color); top: 50%; margin-top: -1px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p span { opacity: 0; }
.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.MobileMain .HeaderMobile .box .button .menu .menu_btn.active p::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.MobileNavigation { position: absolute; top: var(--nav_height); background: #fff; left: 0; width: 100%; z-index: 7; height: calc(100vh - var(--nav_height)); display: none; }
.MobileNavigation .box_scroll { max-height: 90%; padding: 0.5rem 5vw; box-sizing: border-box; overflow: scroll; -ms-scroll-chaining: none; overscroll-behavior: contain; }
.MobileNavigation .box_scroll .box .item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.MobileNavigation .box_scroll .box .item a { line-height: 50px; display: flex; font-size: 16px; color: #333; justify-content: space-between; }
.MobileNavigation .box_scroll .box .item a i { color: #666; font-size: 16px; }
.MobileNavigation .box_scroll .box .item a p { display: flex; align-items: center; }
.MobileNavigation .box_scroll .box .item a p span { display: block; width: 15px; height: 1px; background: #666; position: relative; }
.MobileNavigation .box_scroll .box .item a p span::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: #666; transform: rotate(90deg); transition: 0.4s; }
.MobileNavigation .box_scroll .box .item .active p span::after { transform: rotate(180deg); }
.MobileNavigation .box_scroll .box .item .twoSelect { padding-left: 16px; display: none; }
.MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a { font-size: 15px; }
.MobileNavigation .box_scroll .box .item .threeSelect { padding-left: 16px; display: none; }
.MobileNavigation .box_scroll .box .item .threeSelect .threeSelectItem a { font-size: 15px; }
.MobileNavigation .box_scroll .box .item .fourSelect { padding-left: 16px; display: none; }
.MobileNavigation .box_scroll .box .item .fourSelect .fourSelectItem a { font-size: 15px; }
.MobileNavigation .box_scroll .box .item .fiveSelect { padding-left: 16px; display: none; }
.MobileNavigation .box_scroll .box .item .sixSelect { padding-left: 16px; display: none; }
.Nav_height { height: var(--nav_height); }

/* 手机导航 End */

/* banner 下一屏动画 */
@-webkit-keyframes moveNext {
	0% { -webkit-transform: translateY(.1rem); transform: translateY(.1rem); }
	50% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(.1rem); transform: translateY(.1rem); }
}
@keyframes moveNext {
	0% { -webkit-transform: translateY(.1rem); transform: translateY(.1rem); }
	50% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(.1rem); transform: translateY(.1rem); }
}

/* banner 下一屏动画END */

/* cookie */
.Cookie_Container { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 30; padding: 0.34rem 0; border-top: 1px solid #eee; }
.Cookie_Container .box .boxLeft { max-width: 60%; }
.Cookie_Container .box .boxLeft .top { font-family: 'gilroy_bold'; font-size: var(--f22); }
.Cookie_Container .box .boxLeft .bot { font-size: var(--f16); font-family: 'gilroy_regular'; color: #666; line-height: 1.7; margin-top: 0.1rem; }
.Cookie_Container .box .boxLeft .bot a { color: var(--color); }
.Cookie_Container .box .boxRight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.Cookie_Container .box .boxRight .btn1 { width: 1.68rem; height: 0.5rem; background: var(--color); border-radius: 0.4rem; border: 0; color: #fff; font-family: 'gilroy_bold'; font-size: var(--f18); cursor: pointer; }
.Cookie_Container .box .boxRight .btn2 { margin-left: 0.3rem; width: 1.68rem; height: 0.5rem; border-radius: 0.4rem; border: 1px solid #ccc; color: #000; font-family: 'gilroy_bold'; background: none; font-size: var(--f18); cursor: pointer; transition: .4s; }
.Cookie_Container .box .boxRight .btn2:hover { color: var(--color); border-color: var(--color); }

/* cookie  End */

/* 搜索框 */
.mobile_search { display: none; z-index: 8; width: 100%; position: fixed; top: 0; left: 0; padding: 0.7rem 0; background: #fff; border-bottom: 1px solid #eee; }
.mobile_search .close { position: absolute; right: var(--interval); top: 0.15rem; font-weight: bold; cursor: pointer; }
.mobile_search .close i { font-size: 0.24rem; display: inline-block; transition: 0.4s; color: #999; }
.mobile_search .close:hover i { transform: rotate(180deg); color: var(--color); }
.mobile_search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: min(7rem, 90%); margin: 0 auto; background: #f5f5f5; border-radius: 12px; }
.mobile_search .input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.mobile_search .input input { width: 100%; border: none; min-height: 60px; padding-left: 20px; background: none; color: #333; }
.mobile_search .label .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 60px; height: 100%; border-radius: 12px; background: var(--color); cursor: pointer; }

/* 搜索框End */
@media screen and (max-width:1200px) {
	.MobileMain { display: block; }
	.Nav_height { height: var(--nav_height); }
	.Cookie_Container .box .boxLeft { max-width: 100%; width: 100%; margin-bottom: 0.3rem; }	
	.Cookie_Container .box .boxLeft .top { font-size: var(--f24); }
	.Cookie_Container .box .boxLeft .bot { font-size: var(--f20); margin-top: .2rem; }
	.indexnesw{display: none;}
	.Cookie_Container .box .boxRight .btn1, .Cookie_Container .box .boxRight .btn2 { width: 1.8rem; height: .6rem; }
}
@media screen and (min-width:669px) {
	.MobileNavigation .box_scroll .box .item a { line-height: 70px; font-size: 20px; }
	.MobileNavigation .box_scroll .box .item .twoSelect .twoSelectItem a { font-size: 18px; }
}
@media screen and (max-width:669px) {
	.Cookie_Container .box .boxRight .btn1, .Cookie_Container .box .boxRight .btn2 { width: 2rem; height: 0.7rem; }
}
.ue-table-interlace-color-double { background-color: #f7faff; }



/*------------productlist.CSS----------------*/

body .productlits-content.ups-product-list-content {margin: 0;padding: 24px 0 72px;background: #f4f5f6;}
body .ups-product-list-content .container {width: min(1480px, calc(100% - 80px));max-width: 1480px;padding-right: 0;padding-left: 0;}
body .ups-product-list {display: grid;gap: 26px;margin-right: 0;margin-left: 0;}
body .productlits-box.ups-product-card {display: grid;grid-template-columns: 300px minmax(0, 1fr) 200px;align-items: stretch;min-height: 380px;margin: 0;padding: 0;overflow: hidden;background: #fff;border: 0;box-shadow: 0 18px 40px rgba(16, 20, 24, 0.08);transition: transform 0.2s ease, box-shadow 0.2s ease;}
body .productlits-box.ups-product-card:hover {transform: translateY(-2px);box-shadow: 0 24px 48px rgba(16, 20, 24, 0.12);}
body .ups-product-media {position: relative;display: grid;place-items: center;min-width: 0;padding: 44px 30px;overflow: hidden;background: linear-gradient(#e3e7ea 1px, transparent 1px), linear-gradient(90deg, #e3e7ea 1px, transparent 1px), #f7f8f8;background-size: 44px 44px;}
body .ups-product-media:before {content: "";position: absolute;bottom: 28px;left: 50%;width: 160px;height: 22px;transform: translateX(-50%);border-radius: 50%;background: rgba(0, 0, 0, 0.12);filter: blur(10px);}
body .ups-product-media:after {content: "";position: absolute;bottom: 0;left: 0;width: 4px;height: 56px;background: #ec1831;}
body .ups-product-media img {position: relative;z-index: 1;display: block;width: auto;max-width: 100%;height: 255px;object-fit: contain;mix-blend-mode: multiply;}
body .ups-product-tag {position: absolute;top: 18px;left: 20px;z-index: 2;display: inline-flex;align-items: center;min-height: 23px;padding: 0 10px;color: #fff;background: #15191d;font-size: 11px;font-weight: 700;line-height: 1;letter-spacing: 0;}
body .ups-product-main {min-width: 0;padding: 36px 38px 32px;text-align: left;}
body .ups-product-eyebrow {margin-bottom: 9px;color: #ec1831;font-size: 11px;font-weight: 700;line-height: 1.3;text-transform: uppercase;letter-spacing: 3px;}
body .ups-product-title {margin: 0;color: #11151a;font-size: 26px;font-weight: 700;line-height: 1.25;text-align: left;}
body .ups-product-title a {color: inherit;text-decoration: none;}
body .ups-product-lead {max-width: 820px;margin: 10px 0 23px;color: #5e646b;font-size: 14px;line-height: 1.6;text-align: left;}
body .ups-product-metrics {display: grid;grid-template-columns: repeat(4, minmax(90px, 1fr));margin-bottom: 24px;border-top: 1px solid #d9dde1;border-bottom: 1px solid #d9dde1;}
body .ups-product-metric {min-width: 0;padding: 14px 16px 13px 0;text-align: left;}
body .ups-product-metric + .ups-product-metric {padding-left: 16px;border-left: 1px solid #e0e3e6;}
body .ups-product-metric strong {display: block;margin-bottom: 5px;color: #15191d;font-size: 18px;font-weight: 700;line-height: 1.1;white-space: nowrap;}
body .ups-product-metric span {display: block;color: #777d83;font-size: 10px;font-weight: 700;line-height: 1.25;text-transform: uppercase;letter-spacing: 1px;}
body .ups-product-specs {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px 48px;margin: 0;}
body .ups-product-spec {display: grid;grid-template-columns: 108px minmax(0, 1fr);gap: 14px;min-width: 0;color: #30353a;font-size: 12px;line-height: 1.35;text-align: left;}
body .ups-product-spec dt {color: #80868c;font-weight: 400;}
body .ups-product-spec dd {min-width: 0;margin: 0;font-weight: 700;word-break: break-word;}
body .ups-product-raw {display: none;}
body .ups-product-side {position: relative;display: flex;flex-direction: column;justify-content: space-between;min-width: 0;padding: 36px 26px 32px;background: #191c1f;color: #fff;text-align: left;}
body .ups-product-side:before {content: "";position: absolute;top: 0;right: 0;width: 54px;height: 4px;background: #ec1831;}
body .ups-product-status {display: flex;align-items: center;gap: 9px;color: #c8ccd0;font-size: 11px;font-weight: 700;line-height: 1.35;text-transform: uppercase;letter-spacing: 1px;}
body .ups-product-status:before {content: "";width: 7px;height: 7px;border-radius: 50%;background: #ec3045;box-shadow: 0 0 0 4px rgba(236, 48, 69, 0.15);flex: 0 0 auto;}
body .ups-product-code {color: #8e949a;font-size: 10px;line-height: 1.5;text-transform: uppercase;letter-spacing: 1px;}
body .ups-product-code strong {display: block;margin-top: 5px;color: #f5f6f7;font-size: 13px;font-weight: 700;line-height: 1.35;letter-spacing: 0;}
body .ups-product-button {display: flex;align-items: center;justify-content: space-between;width: 100%;min-height: 48px;padding: 0 16px;background: #ec1831;color: #fff;font-size: 12px;font-weight: 700;line-height: 1;text-decoration: none;transition: background 0.16s ease;}
body .ups-product-button:hover, body .ups-product-button:focus {background: #c91025;color: #fff;text-decoration: none;}
body .ups-product-button span {font-size: 18px;font-weight: 400;line-height: 1;}
@media (max-width: 1180px) {
	body .ups-product-list-content .container {width: calc(100% - 40px);}
	body .productlits-box.ups-product-card {grid-template-columns: 280px minmax(0, 1fr);}
	body .ups-product-side {grid-column: 1 / -1;display: grid;grid-template-columns: 1fr 1fr 210px;align-items: center;gap: 24px;min-height: 84px;padding: 18px 24px;}
}
@media (max-width: 767.98px) {
	body .productlits-content.ups-product-list-content {padding: 36px 0 48px;}
	body .ups-product-list-content .container {width: calc(100% - 28px);}
	body .productlits-box.ups-product-card {display: block;min-height: 0;}
	body .ups-product-media {min-height: 328px;padding: 44px 28px 36px;}
	body .ups-product-media img {height: 266px;}
	body .ups-product-main {padding: 28px 24px 30px;}
	body .ups-product-title {font-size: 23px;}
	body .ups-product-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));}
	body .ups-product-metric:nth-child(3) {border-left: 0;border-top: 1px solid #e0e3e6;}
	body .ups-product-metric:nth-child(4) {border-top: 1px solid #e0e3e6;}
	body .ups-product-specs {grid-template-columns: 1fr;gap: 10px;}
	body .ups-product-side {display: grid;grid-template-columns: 1fr auto;gap: 18px;align-items: center;min-height: 0;padding: 22px 24px;}
	body .ups-product-code {display: none;}
	body .ups-product-button {width: 158px;}
}

/* Smaller vertical product cards for the compact phone reference. */
@media (max-width: 767.98px) {
	body .ups-mobile-reference {padding: clamp(18px, 5vw, 32px) 0 clamp(30px, 8vw, 52px);}
	body .ups-mobile-reference .container {width: calc(100% - clamp(12px, 4vw, 28px));}
	body .ups-mobile-reference .productlits-box.ups-product-card {
		display: block;
		min-height: 0;
		border-radius: clamp(8px, 2.5vw, 14px);
		box-shadow: 0 6px 16px rgba(16, 20, 24, 0.1);
	}
	body .ups-mobile-reference .ups-product-media {
		display: grid;
		min-height: clamp(108px, 32vw, 170px);
		padding: clamp(16px, 4vw, 28px) 20px clamp(12px, 3vw, 20px);
		background-size: clamp(24px, 7vw, 38px) clamp(24px, 7vw, 38px);
	}
	body .ups-mobile-reference .ups-product-media:before {bottom: 12px;width: 46%;height: 10px;filter: blur(6px);}
	body .ups-mobile-reference .ups-product-media:after {display: none;}
	body .ups-mobile-reference .ups-product-media img {width: auto;max-width: 70%;height: auto;max-height: clamp(78px, 24vw, 140px);}
	body .ups-mobile-reference .ups-product-tag {top: 10px;left: 10px;min-height: clamp(16px, 4vw, 22px);padding: 0 6px;font-size: clamp(7px, 1.9vw, 10px);}
	body .ups-mobile-reference .ups-product-main {display: block;padding: clamp(12px, 3.5vw, 20px) clamp(12px, 3.5vw, 22px) clamp(6px, 2vw, 12px);}
	body .ups-mobile-reference .ups-product-eyebrow {display: none;}
	body .ups-mobile-reference .ups-product-title {font-size: clamp(13px, 3.5vw, 18px);font-weight: 700;line-height: 1.15;text-wrap: pretty;}
	body .ups-mobile-reference .ups-product-lead {margin: clamp(5px, 1.5vw, 8px) 0 clamp(8px, 2.2vw, 14px);font-size: clamp(8px, 2.1vw, 11px);font-weight: 400;line-height: 1.35;}
	body .ups-mobile-reference .ups-product-metrics {grid-template-columns: repeat(2, minmax(0, 1fr));margin-bottom: clamp(8px, 2vw, 12px);}
	body .ups-mobile-reference .ups-product-metric,
	body .ups-mobile-reference .ups-product-metric + .ups-product-metric {padding: clamp(7px, 2vw, 11px) clamp(6px, 1.8vw, 10px);}
	body .ups-mobile-reference .ups-product-metric:nth-child(3),
	body .ups-mobile-reference .ups-product-metric:nth-child(4) {border-top: 1px solid #e0e3e6;}
	body .ups-mobile-reference .ups-product-metric:nth-child(3) {border-left: 0;}
	body .ups-mobile-reference .ups-product-metric strong {margin-bottom: 3px;font-size: clamp(10px, 2.8vw, 14px);font-weight: 700;}
	body .ups-mobile-reference .ups-product-metric span {font-size: clamp(6px, 1.7vw, 9px);font-weight: 500;letter-spacing: .35px;}
	body .ups-mobile-reference .ups-product-specs {grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(5px, 1.5vw, 9px) clamp(8px, 2.5vw, 16px);}
	body .ups-mobile-reference .ups-product-spec {grid-template-columns: clamp(55px, 15vw, 82px) minmax(0, 1fr);gap: 4px;font-size: clamp(7px, 1.9vw, 10px);line-height: 1.25;}
	body .ups-mobile-reference .ups-product-side {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;grid-column: auto;grid-row: auto;align-items: center;min-height: clamp(46px, 13vw, 64px);padding: 0;background: #191c1f;color: #fff;}
	body .ups-mobile-reference .ups-product-side:before {display: block;width: clamp(34px, 10vw, 54px);height: 3px;}
	body .ups-mobile-reference .ups-product-status {display: flex;gap: clamp(5px, 1.5vw, 8px);align-items: center;padding: 0 clamp(10px, 2.8vw, 18px);color: #c8ccd0;font-size: clamp(8px, 2.2vw, 12px);font-weight: 700;line-height: 1.25;letter-spacing: .45px;}
	body .ups-mobile-reference .ups-product-status:before {width: clamp(5px, 1.8vw, 8px);height: clamp(5px, 1.8vw, 8px);box-shadow: 0 0 0 3px rgba(236, 48, 69, 0.15);}
	body .ups-mobile-reference .ups-product-code {display: flex;flex-direction: column;justify-content: center;min-width: 0;padding: 0 clamp(8px, 2vw, 14px);color: #8e949a;font-size: clamp(7px, 2vw, 11px);font-weight: 700;line-height: 1.2;letter-spacing: .45px;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	body .ups-mobile-reference .ups-product-code strong {display: block;margin: 3px 0 0;min-width: 0;overflow: hidden;color: #f5f6f7;font-size: clamp(8px, 2.2vw, 12px);font-weight: 700;line-height: 1.2;letter-spacing: 0;text-overflow: ellipsis;white-space: nowrap;}
	body .ups-mobile-reference .ups-product-code strong:before {content: "";}
	body .ups-mobile-reference .ups-product-button {width: clamp(78px, 23vw, 118px);min-height: clamp(38px, 10vw, 52px);padding: 0 clamp(9px, 2.5vw, 14px);font-size: clamp(8px, 2.2vw, 11px);font-weight: 700;}
	body .ups-mobile-reference .ups-product-button span {font-size: clamp(12px, 3vw, 18px);}
	body .place {padding: clamp(12px, 3.5vw, 24px) 0;}
	body .place .breadcrumb-item {font-size: clamp(12px, 3.6vw, 16px);line-height: 1.35;}
	body .place .place-separator {margin: 0 clamp(2px, 1vw, 6px);}
}

/*------------AVR product showcase----------------*/
body .avr-product-page .productlits-content.ups-product-list-content {
	padding: 40px 0 76px;
	background:
		radial-gradient(circle at 50% 12%, rgba(255, 255, 255, 0.96), rgba(247, 248, 250, 0.94) 42%, #f2f4f6 100%);
}
body .avr-product-page .ups-product-list-content .container {
	width: min(1480px, calc(100% - 80px));
	max-width: 1480px;
}
body .avr-product-page .ups-product-list {
	gap: 32px;
}
body .avr-product-page .productlits-box.ups-product-card {
	grid-template-columns: 298px minmax(0, 1fr) 238px;
	min-height: 380px;
	border: 1px solid rgba(255, 255, 255, 0.92);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 18px 42px rgba(19, 28, 36, 0.13);
}
body .avr-product-page .productlits-box.ups-product-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 24px 54px rgba(19, 28, 36, 0.17);
}
body .avr-product-page .ups-product-media {
	min-height: 378px;
	padding: 48px 20px 34px;
	border-radius: 9px 0 0 9px;
	background:
		radial-gradient(circle at 50% 53%, rgba(255, 255, 255, 0.98) 0, rgba(249, 250, 251, 0.95) 42%, rgba(240, 243, 246, 0.92) 100%);
}
body .avr-product-page .ups-product-media:before {
	top: auto;
	bottom: 28px;
	left: 50%;
	z-index: 1;
	width: 224px;
	height: 48px;
	transform: translateX(-50%);
	border: 1px solid rgba(223, 226, 230, 0.86);
	border-radius: 50%;
	background: linear-gradient(180deg, #fff 0%, #f5f6f7 54%, #e7e9eb 100%);
	box-shadow: 0 14px 22px rgba(21, 27, 33, 0.12);
	filter: none;
}
body .avr-product-page .ups-product-media:after {
	top: auto;
	bottom: 19px;
	left: 50%;
	z-index: 0;
	width: 224px;
	height: 38px;
	transform: translateX(-50%);
	border-radius: 50%;
	background: linear-gradient(180deg, rgba(226, 229, 232, 0.94), rgba(255, 255, 255, 0.92));
	box-shadow: none;
}
body .avr-product-page .ups-product-media img {
	z-index: 2;
	width: auto;
	max-width: none;
	height: 252px;
	margin-bottom: 30px;
	margin-left: -56px;
	object-fit: contain;
	filter: none;
}
body .avr-product-page .ups-product-tag {
	top: 17px;
	left: 26px;
	z-index: 4;
	min-height: 27px;
	padding: 0 12px;
	border-radius: 1px;
	font-size: 11px;
}
body .avr-product-page .ups-product-main {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px 74px 42px;
}
body .avr-product-page .ups-product-title {
	max-width: 680px;
	font-size: 29px;
	line-height: 1.34;
	letter-spacing: -0.25px;
}
body .avr-product-page .ups-product-lead {
	margin: 12px 0 25px;
	color: #727b85;
	font-size: 14px;
	line-height: 1.55;
}
body .avr-product-page .ups-product-specs {
	display: none;
}
body .avr-product-page .ups-product-side {
	padding: 42px 28px 22px;
	border-radius: 0 9px 9px 0;
	background:
		radial-gradient(circle at 85% 18%, rgba(41, 50, 58, 0.38), transparent 38%),
		linear-gradient(145deg, #171d22 0%, #10161a 100%);
}
body .avr-product-page .ups-product-side:before {
	width: 57px;
	height: 4px;
	background: #ef1734;
}
body .avr-product-page .ups-product-status {
	align-items: flex-start;
	max-width: 165px;
	color: #c5cbd0;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.3px;
}
body .avr-product-page .ups-product-status:before {
	width: 8px;
	height: 8px;
	margin-top: 4px;
	box-shadow: none;
}
body .avr-product-page .ups-product-code {
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: 0.7px;
}
body .avr-product-page .ups-product-code strong {
	margin-top: 7px;
	font-size: 15px;
}
body .avr-product-page .ups-product-button {
	min-height: 58px;
	padding: 0 20px;
	border-radius: 2px;
	background: linear-gradient(135deg, #ed1734, #f11c38);
	font-size: 14px;
	box-shadow: 0 8px 18px rgba(237, 23, 52, 0.2);
}
body .avr-product-page .ups-product-button:hover,
body .avr-product-page .ups-product-button:focus {
	background: linear-gradient(135deg, #c91027, #e31832);
}

@media (max-width: 1180px) {
	body .avr-product-page .ups-product-list-content .container {
		width: calc(100% - 40px);
	}
	body .avr-product-page .productlits-box.ups-product-card {
		grid-template-columns: 280px minmax(0, 1fr);
	}
	body .avr-product-page .ups-product-main {
		padding: 44px 46px 38px;
	}
	body .avr-product-page .ups-product-side {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr 1fr 210px;
		align-items: center;
		gap: 24px;
		min-height: 98px;
		padding: 19px 24px;
		border-radius: 0 0 9px 9px;
	}
	body .avr-product-page .ups-product-button {
		min-height: 54px;
	}
}

@media (max-width: 767.98px) {
	body .avr-product-page .productlits-content.ups-product-list-content {
		padding: clamp(18px, 5vw, 32px) 0 clamp(30px, 8vw, 52px);
	}
	body .avr-product-page .ups-product-list-content .container {
		width: calc(100% - clamp(12px, 4vw, 28px));
	}
	body .avr-product-page .productlits-box.ups-product-card {
		display: block;
		min-height: 0;
		border-radius: clamp(8px, 2.5vw, 14px);
	}
	body .avr-product-page .ups-product-media {
		min-height: clamp(108px, 32vw, 170px);
		padding: clamp(16px, 4vw, 28px) 20px clamp(12px, 3vw, 20px);
		border-radius: 9px 9px 0 0;
		background-size: clamp(24px, 7vw, 38px) clamp(24px, 7vw, 38px);
	}
	body .avr-product-page .ups-product-media:before {
		bottom: 12px;
		width: 46%;
		height: 10px;
		filter: blur(6px);
	}
	body .avr-product-page .ups-product-media:after {
		display: none;
	}
	body .avr-product-page .ups-product-media img {
		width: auto;
		max-width: 70%;
		height: auto;
		max-height: clamp(78px, 24vw, 140px);
		margin: 0 auto;
	}
	body .avr-product-page .ups-product-main {
		display: block;
		padding: clamp(12px, 3.5vw, 20px) clamp(12px, 3.5vw, 22px) clamp(6px, 2vw, 12px);
	}
	body .avr-product-page .ups-product-title {
		font-size: clamp(13px, 3.5vw, 18px);
		line-height: 1.15;
	}
	body .avr-product-page .ups-product-lead {
		margin: clamp(5px, 1.5vw, 8px) 0 clamp(8px, 2.2vw, 14px);
		font-size: clamp(8px, 2.1vw, 11px);
		line-height: 1.35;
	}
	body .avr-product-page .ups-product-side {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
		gap: 0;
		align-items: center;
		min-height: clamp(46px, 13vw, 64px);
		padding: 0;
		border-radius: 0 0 9px 9px;
	}
	body .avr-product-page .ups-product-code {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		padding: 0 clamp(8px, 2vw, 14px);
		font-size: clamp(7px, 2vw, 11px);
		line-height: 1.2;
		letter-spacing: .45px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body .avr-product-page .ups-product-code strong {
		margin: 3px 0 0;
		font-size: clamp(8px, 2.2vw, 12px);
		line-height: 1.2;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	body .avr-product-page .ups-product-button {
		width: clamp(78px, 23vw, 118px);
		min-height: clamp(38px, 10vw, 52px);
		padding: 0 clamp(9px, 2.5vw, 14px);
		font-size: clamp(8px, 2.2vw, 11px);
	}
	body .avr-product-page .ups-product-button span {
		font-size: clamp(12px, 3vw, 18px);
	}
}


/*---------------  avr ---------------*/
body .avr-product-page .avr-product-icon-row.ups-product-metrics {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding: 50px 0 9px;
	border-top: 1px solid #d9dde1;
	border-bottom: 0;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric,
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric + .ups-product-metric {
	min-width: 0;
	padding: 0 12px;
	border: 0;
	text-align: left;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric:first-child {
	padding-left: 0;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 0 9px;
	border: 0;
	border-radius: 0;
	color: #ed1934;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon svg {
	display: block;
	width: 42px;
	height: 42px;
	overflow: visible;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon .metric-ring {
	fill: none;
	stroke: #2d353d;
	stroke-width: 1.5;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon .metric-glyph {
	fill: none;
	stroke: #ed1934;
	stroke-width: 2.2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon .metric-glyph-fill {
	fill: #ed1934;
	stroke: #ed1934;
	stroke-width: 1;
	stroke-linejoin: round;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric strong {
	display: block;
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}
body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-label {
	display: block;
	visibility: visible;
	opacity: 1;
	height: auto;
	margin: 0;
	color: #858b92;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0;
}
/* Keep AVR metric rows aligned with the compact UPS phone card. */
@media (max-width: 767.98px) {
	body .avr-product-page .avr-product-icon-row.ups-product-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: clamp(5px, 1.5vw, 9px) clamp(8px, 2.5vw, 16px);
		margin: 0 0 clamp(8px, 2vw, 12px);
		padding: 0;
		border-top: 1px solid #d9dde1;
		border-bottom: 1px solid #d9dde1;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric,
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric + .ups-product-metric {
		padding: clamp(7px, 2vw, 11px) clamp(6px, 1.8vw, 10px);
		border-left: 1px solid #e0e3e6;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric:first-child,
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric:nth-child(3) {
		border-left: 0;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric:nth-child(3),
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric:nth-child(4) {
		border-top: 1px solid #e0e3e6;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon,
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon svg {
		width: 38px;
		height: 38px;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-icon {
		grid-column: 2;
		grid-row: 1 / span 2;
		justify-self: end;
		margin: 0;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 38px;
		grid-template-rows: auto auto;
		column-gap: 8px;
		align-items: center;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric strong {
		grid-column: 1;
		grid-row: 1;
		align-self: end;
		margin-bottom: 3px;
		font-size: clamp(11px, 3vw, 14px);
		line-height: 1.15;
	}
	body .avr-product-page .avr-product-icon-row.ups-product-metrics .ups-product-metric .ups-product-metric-label {
		grid-column: 1;
		grid-row: 2;
		align-self: start;
		font-size: clamp(7px, 1.9vw, 9px);
		font-weight: 500;
		line-height: 1.25;
		letter-spacing: .35px;
	}
}