#header_ct{z-index: 10000;}
/* 语言等全屏弹窗挂载在 body，须高于站顶 */
body > .popup{z-index:10050;}

#ly_web_header_0001_0{top: 0;left: 0;width: 100%;z-index:10; background-color: #fff; transition: all 0.5s ease;} 

/* Hide the fixed section by its own height, including a wrapping slogan.
   Its parent header has no in-flow height, so percentage transforms belong here. */
#ly_web_header_0001_0.product-nav-hidden{transform: translate3d(0,-100%,0);}

/* 顶部广告语 */
/*#ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 16px;}*/
/*#ly_web_header_0001_0 .top_slogan ,*/
/*#ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;}*/
/*#ly_web_header_0001_0 .top_slogan a{text-decoration: underline;}*/

#ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 8px;}
#ly_web_header_0001_0 .top_slogan ,
#ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;}
#ly_web_header_0001_0 .top_slogan a{text-decoration: underline;}
#ly_web_header_0001_0 .top_slogan .countdown-grid,
#ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 5px;}
#ly_web_header_0001_0 .top_slogan .countdown-value{padding: 5px; border-radius: 5px; background-color: #fff; color: var(--color-text-primary); min-width: 26.5px;}



/* 头部 */
#ly_web_header_0001_0{
    --header-u: 1px;
    /* 下拉顶距 = slogan(38) + header-box(64)；无 slogan 时由 .no-top-slogan 覆盖 */
    --header-drop-top: calc(102 * var(--header-u));
}
@media (min-width:768px) and (max-width:1311px){
    #ly_web_header_0001_0{ --header-u: calc(100vw / 1312); }
}
#ly_web_header_0001_0.no-top-slogan{
    --header-drop-top: calc(64 * var(--header-u));
}
#ly_web_header_0001_0 .header-box{
    height:calc(64 * var(--header-u));
    padding:0 calc(64 * var(--header-u));
    max-width:calc(1720 * var(--header-u));
    margin:0 auto;
    box-sizing:border-box;
    align-items:center;
}
#ly_web_header_0001_0 .header-left{
    display:flex;
    align-items:center;
    gap:calc(64 * var(--header-u));
    min-width:0;
    flex:0 1 auto;
}
#ly_web_header_0001_0 .header-right{
    display:flex;
    align-items:center;
    gap:calc(32 * var(--header-u));
    flex:0 0 auto;
    margin-left:auto;
}
#ly_web_header_0001_0 .logo{
    flex:0 0 auto;
    width:calc(91 * var(--header-u));
    height:auto;
}
#ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0;}
#ly_web_header_0001_0 .hnav-left,
#ly_web_header_0001_0 .hnav-right{
    display:flex;
    align-items:center;
    max-width:100%;
}
#ly_web_header_0001_0 .hnav-left .one-nav,
#ly_web_header_0001_0 .hnav-right .one-nav{
    height:100%;
    margin-right:calc(32 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hnav-left .one-nav:last-child,
#ly_web_header_0001_0 .hnav-right .one-nav:last-child{
    margin-right:0;
}
#ly_web_header_0001_0 .hnav .one-nav .nav-a{
    font-family:"Figtree-Bold";
    font-size:calc(16 * var(--header-u));
    line-height:calc(64 * var(--header-u));
    color:var(--color-text-primary);
    white-space:nowrap;
    transition:color .2s;
}
#ly_web_header_0001_0 .hnav .one-nav:hover .nav-a,
#ly_web_header_0001_0 .hnav .one-nav.cur .nav-a{
    color:var(--color-primary);
}
#ly_web_header_0001_0 .hright-tools{
    display:flex;
    align-items:center;
    gap:calc(32 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tools-icons{
    display:flex;
    align-items:center;
    gap:calc(6 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool{
    width:calc(24 * var(--header-u));
    height:calc(24 * var(--header-u));
    padding:0;
    border:0;
    background:none;
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool .svg{
    width:100%;
    height:100%;
    fill:#1a1a1a;
}
#ly_web_header_0001_0 .hright-tool.lang .svg path{
    fill:inherit;
}
#ly_web_header_0001_0 .hright-tool.chat .svg path{
    fill:inherit;
}
#ly_web_header_0001_0 .hright-divider{
    width:calc(1 * var(--header-u));
    height:calc(16 * var(--header-u));
    background:#d9d9d9;
    flex-shrink:0;
    transition:background-color .2s;
}
#ly_web_header_0001_0 .hright-store{
    display:inline-flex;
    align-items:center;
    gap:calc(8 * var(--header-u));
    height:calc(36 * var(--header-u));
    padding:0 calc(20 * var(--header-u));
    border-radius:calc(999 * var(--header-u));
    background:var(--color-primary);
    color:#fff;
    text-decoration:none;
    font-family:"Figtree-SemiBold";
    font-size:calc(14 * var(--header-u));
    line-height:1;
    white-space:nowrap;
    transition:opacity .2s;
}
#ly_web_header_0001_0 .hright-store:hover{opacity:.9;}
#ly_web_header_0001_0 .hright-store--text{gap:0;}
#ly_web_header_0001_0 .hright-store__icon{
    width:calc(18 * var(--header-u));
    height:calc(18 * var(--header-u));
    filter:brightness(0) invert(1);
}

#ly_web_header_0001_0 .hnav .two-nav{height: 0; overflow: hidden; top: 100%; left: 0; z-index:3; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(48px)}
#ly_web_header_0001_0 .hnav .two-nav .hnavbg{height: auto;}
/* 产品下拉 */
#ly_web_header_0001_0 .hnav .pro-nav{width:100%; top:var(--header-drop-top);}
#ly_web_header_0001_0 .hnav .pro-nav .box{width: 100%; padding: 64px 10.9375%;}
#ly_web_header_0001_0 .hnav .pro-nav .box>div{margin-top: 32px; }
#ly_web_header_0001_0 .hnav .pro-nav .box div:first-child{margin-top: 0; }
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a{font-family: "Figtree-Medium"; font-size: 20px; line-height: 100%; color: var(--color-text-secondary);}
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a:hover{text-decoration: underline; color: var(--color-text-primary);}

/* 其他下拉 */
#ly_web_header_0001_0 .hnav .other-nav {min-width: 127px; left: 50%; transform: translateX(-50%);}
#ly_web_header_0001_0 .hnav .other-nav .box{padding: 16px;}
#ly_web_header_0001_0 .hnav .other-nav .box .tnav-a{font-family: "Figtree-SemiBold"; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap;}

/* iGarden Mega 下拉 */
#ly_web_header_0001_0 .hnav .mega-nav{
    --pc-u: 1px;
    --mobile-u: 1px;
    width:100%;
    top:var(--header-drop-top);
    left:0;
    background-color:#f7f7f7;
}
@media (min-width:768px) and (max-width:1311px){
    #ly_web_header_0001_0 .hnav .mega-nav{ --pc-u: calc(100vw / 1312); }
}
@media (max-width:767px){
    #ly_web_header_0001_0 .hnav .mega-nav{ --mobile-u: 1px; }
}
#ly_web_header_0001_0 .hnav .mega-inner{
    margin:0 auto;
    width:100%;
    max-width:calc(1750 * var(--pc-u));
    padding:calc(32 * var(--pc-u)) calc(64 * var(--pc-u));
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-card{
    display:flex;
    flex-direction:column;
    flex:1;
    min-width:0;
    text-decoration:none;
    color:inherit;
    background:#fff;
    border-radius:calc(4 * var(--pc-u));
    overflow:hidden;
    transition:box-shadow .3s, transform .3s;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards{
    --mega-cards-gap: calc(16 * var(--pc-u));
    --mega-cards-col-max: calc(360 * var(--pc-u));
    --mega-cards-img-max: calc(170 * var(--pc-u));
    --mega-cards-more-w: calc(140 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-inner{
    container-type:inline-size;
    container-name:mega-cards-inner;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid{
    display:flex;
    flex-wrap:wrap;
    gap:var(--mega-cards-gap);
    align-items:stretch;
    justify-content:flex-start;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid .mega-card{
    /* 始终按「4 卡 + View More」占位算宽，有无按钮尺寸一致 */
    flex:0 0 calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4);
    width:calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4);
    max-width:var(--mega-cards-col-max);
    min-width:0;
    height:auto;
    aspect-ratio:360 / 246;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more,
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:calc(16 * var(--pc-u));
    box-sizing:border-box;
    text-decoration:none;
    color:#1a1a1a;
    border-radius:calc(4 * var(--pc-u));
    transition:background-color .2s, color .2s;
    align-self:stretch;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more{
    flex:0 0 var(--mega-cards-more-w);
    width:var(--mega-cards-more-w);
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{
    flex:0 0 var(--mega-cards-side-more-w);
    width:var(--mega-cards-side-more-w);
}

#ly_web_header_0001_0 .hnav .mega-cards__view-more-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(40 * var(--pc-u));
    height:calc(40 * var(--pc-u));
    border:calc(1.5 * var(--pc-u)) solid currentColor;
    border-radius:50%;
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-cards__view-more-icon::after{
    content:'';
    display:block;
    width:calc(8 * var(--pc-u));
    height:calc(8 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid currentColor;
    border-right:calc(1.5 * var(--pc-u)) solid currentColor;
    transform:rotate(45deg);
    margin-left:calc(-2 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-cards__view-more-text{
    font-family:"Figtree-Medium";
    font-size:calc(16 * var(--pc-u));
    line-height:1.3;
    text-align:center;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual{
    flex:1 1 0;
    min-height:0;
    padding:calc(16 * var(--pc-u)) calc(16 * var(--pc-u)) 0;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual img{
    width:min(var(--mega-cards-img-max), calc(100% * 200 / 360));
    aspect-ratio:1;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__body{
    flex:0 0 auto;
    padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) calc(16 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-card:hover{
    box-shadow:0 calc(8 * var(--pc-u)) calc(24 * var(--pc-u)) rgba(0,0,0,.08);
}
#ly_web_header_0001_0 .hnav .mega-card__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(200 * var(--pc-u));
    padding:calc(24 * var(--pc-u)) calc(16 * var(--pc-u));
    /* background:#f0f0f0; */
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-card__visual img{
    display:block;
    max-width:100%;
    max-height:calc(160 * var(--pc-u));
    width:auto;
    height:auto;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-card__body{
    padding:calc(20 * var(--pc-u)) calc(16 * var(--pc-u)) calc(24 * var(--pc-u));
    text-align:center;
}
#ly_web_header_0001_0 .hnav .mega-card__title{
    display:flex;
    flex-direction:column;
    gap:calc(4 * var(--pc-u));
    margin-bottom:calc(12 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-card__line1,
#ly_web_header_0001_0 .hnav .mega-card__line2{
    display:block;
    font-family:"Figtree-Medium";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(22 * var(--pc-u));
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-card__line2{
    font-family:"Figtree";
    color:#333;
}
#ly_web_header_0001_0 .hnav .mega-card__more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:calc(4 * var(--pc-u));
    font-family:"Figtree";
    font-size:calc(14 * var(--pc-u));
    line-height:1;
    color:#999;
}
#ly_web_header_0001_0 .hnav .mega-card__chevron{
    display:inline-block;
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #999;
    border-right:calc(1.5 * var(--pc-u)) solid #999;
    transform:rotate(45deg) translateY(calc(-1 * var(--pc-u)));
}
#ly_web_header_0001_0 .hnav .mega-featured{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:calc(220 * var(--pc-u));
    border-radius:calc(4 * var(--pc-u));
    overflow:hidden;
    text-decoration:none;
    color:inherit;
}
#ly_web_header_0001_0 .hnav .mega-featured__img{
    display:block;
    width:100%;
    height:100%;
    min-height:calc(220 * var(--pc-u));
    object-fit:cover;
}
#ly_web_header_0001_0 .hnav .mega-featured__label{
    position:absolute;
    left:calc(24 * var(--pc-u));
    bottom:calc(24 * var(--pc-u));
    font-family:"Figtree-Medium";
    font-size:calc(18 * var(--pc-u));
    line-height:1.3;
    z-index:2;
}
#ly_web_header_0001_0 .hnav .mega-featured--triple .mega-featured__label{
    color:#fff;
    text-shadow:0 calc(2 * var(--pc-u)) calc(8 * var(--pc-u)) rgba(0,0,0,.35);
}
#ly_web_header_0001_0 .hnav .mega-featured--triple::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:40%;
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
    pointer-events:none;
}
#ly_web_header_0001_0 .hnav .mega-featured--quad .mega-featured__label{
    display:inline-flex;
    align-items:center;
    gap:calc(6 * var(--pc-u));
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-featured__chevron{
    display:inline-block;
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    transform:rotate(45deg) translateY(calc(-1 * var(--pc-u)));
}
#ly_web_header_0001_0 .hnav .mega-cards-side{
    display:flex;
    align-items:stretch;
    gap:0;
    min-height:calc(240 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-cards-side__aside{
    flex:0 0 calc(220 * var(--pc-u));
    padding-right:calc(32 * var(--pc-u));
    border-right:calc(1 * var(--pc-u)) solid #e0e0e0;
    display:flex;
    flex-direction:column;
    gap:calc(36 * var(--pc-u));
    padding-top:calc(8 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-side-tab{
    display:block;
    width:100%;
    padding:0;
    border:0;
    background:none;
    text-align:left;
    cursor:pointer;
    font-family:"Figtree";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
    color:#999;
    transition:color .2s;
}
#ly_web_header_0001_0 .hnav .mega-side-tab.is-active,
#ly_web_header_0001_0 .hnav .mega-side-tab:hover{
    font-family:"Figtree-Bold";
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__main{
    flex:1;
    min-width:0;
    padding-left:calc(40 * var(--pc-u));
    position:relative;
    container-type:inline-size;
    container-name:mega-cards-side-main;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__panel{
    display:none;
    width:100%;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__panel.is-active{
    display:block;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__cards{
    display:flex;
    gap:calc(16 * var(--pc-u));
    align-items:stretch;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side{
    --mega-cards-side-gap: calc(16 * var(--pc-u));
    --mega-cards-side-col-max: calc(360 * var(--pc-u));
    --mega-cards-side-img-max: calc(200 * var(--pc-u));
    --mega-cards-side-more-w: calc(120 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards{
    flex-wrap:wrap;
    gap:var(--mega-cards-side-gap);
    justify-content:flex-start;
}
/* 始终按「3 卡 + View More」占位算宽，有无按钮尺寸一致 */
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{
    flex:0 0 calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3);
    width:calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3);
    max-width:var(--mega-cards-side-col-max);
    min-width:0;
    height:auto;
    aspect-ratio:360 / 220;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual{
    flex:1 1 0;
    min-height:0;
    padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) 0;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual img{
    width:min(var(--mega-cards-side-img-max), calc(100% * 200 / 360));
    aspect-ratio:1;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__body{
    flex:0 0 auto;
    padding:calc(10 * var(--pc-u)) calc(16 * var(--pc-u)) calc(12 * var(--pc-u));
    position:relative;
    z-index:2;
}
#ly_web_header_0001_0 .hnav .mega-triple{
    display:flex;
    align-items:flex-start;
    gap:calc(128 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-triple__featured{
    flex:0 0 calc(400 * var(--pc-u));
    max-width:calc(400 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-triple__cols{
    flex:1;
    display:flex;
    gap:calc(12 * var(--pc-u));
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-col{
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col{
    flex:1 1 0;
}
#ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col:first-child{
    flex:0 1 calc(180 * var(--pc-u));
    max-width:calc(200 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__head{
    font-family:"Figtree-Bold";
    font-size:calc(18 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
    color:#1a1a1a;
    margin-bottom:calc(24 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__links{
    display:flex;
    flex-direction:column;
    gap:calc(20 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__link{
    display:block;
    font-family:"Figtree";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(22 * var(--pc-u));
    color:#333;
    text-decoration:none;
    transition:color .2s;
    font-weight: 600;
}
#ly_web_header_0001_0 .hnav .mega-col__link:hover{
    color:#1a1a1a;
    text-decoration:underline;
}
#ly_web_header_0001_0 .hnav .mega-quad{
    display:flex;
    align-items:stretch;
    gap:calc(128 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad__featured{
    flex:0 0 calc(400 * var(--pc-u));
    max-width:calc(400 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad__grid{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:calc(48 * var(--pc-u));
    row-gap:calc(32 * var(--pc-u));
    align-content:center;
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-quad-link{
    display:flex;
    align-items:center;
    gap:calc(12 * var(--pc-u));
    text-decoration:none;
    color:#1a1a1a;
    transition:opacity .2s;
}
#ly_web_header_0001_0 .hnav .mega-quad-link:hover{
    opacity:.75;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__icon{
    flex:0 0 calc(24 * var(--pc-u));
    width:calc(24 * var(--pc-u));
    height:calc(24 * var(--pc-u));
    display:flex;
    align-items:center;
    justify-content:center;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__icon img{
    display:block;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__text{
    flex:1;
    font-family:"Figtree-Bold";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad-link__chevron{
    flex:0 0 calc(8 * var(--pc-u));
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    transform:rotate(45deg);
}
@media screen and (max-width:1024px){
    #ly_web_header_0001_0 .hnav .mega-cards-side__cards{
        flex-wrap:wrap;
    }
    #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{
        flex:1 1 calc(50% - 8 * var(--pc-u));
        width:auto;
        max-width:none;
    }
    #ly_web_header_0001_0 .hnav .mega-triple,
    #ly_web_header_0001_0 .hnav .mega-quad,
    #ly_web_header_0001_0 .hnav .mega-cards-side{
        flex-wrap:wrap;
    }
    #ly_web_header_0001_0 .hnav .mega-triple__featured,
    #ly_web_header_0001_0 .hnav .mega-quad__featured{
        flex:1 1 100%;
        max-width:100%;
    }
    #ly_web_header_0001_0 .hnav .mega-cards-side__aside{
        flex:1 1 100%;
        border-right:0;
        border-bottom:calc(1 * var(--pc-u)) solid #e0e0e0;
        padding-bottom:calc(16 * var(--pc-u));
        flex-direction:row;
        flex-wrap:wrap;
        gap:calc(16 * var(--pc-u));
    }
    #ly_web_header_0001_0 .hnav .mega-cards-side__main{
        flex:1 1 100%;
        padding-left:0;
        padding-top:calc(16 * var(--pc-u));
    }
}

/* 右侧 */
#ly_web_header_0001_0 .hright-tools-mobile{
    display:none;
    align-items:center;
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool-mobile{
    display:block;
    width:calc(24 * var(--header-u));
    height:calc(24 * var(--header-u));
    padding:0;
    border:0;
    background:none;
    flex-shrink:0;
    line-height:0;
}
#ly_web_header_0001_0 .hright-tool-mobile .svg{
    width:100%;
    height:100%;
    display:block;
}
#ly_web_header_0001_0 .hright-tool-mobile.lang .svg{fill:#1a1a1a;}
#ly_web_header_0001_0 .hright-tool-mobile.lang .svg path{fill:inherit;}
#ly_web_header_0001_0 .header-right .menu{display:none;width: calc(24 * var(--header-u));height: calc(24 * var(--header-u));}


/* 头部滚动时样式和鼠标移入时样式 */
@media screen and (min-width:751px) {
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-100%,0);} */
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-124px,0);} */
    header.pro_none {transform: translate3d(0px,-86px,0);}
    #ly_web_header_0001_0.cur .header-right .menu,
    #ly_web_header_0001_0:hover .header-right .menu{background-image:url(/module/ly-web/header/0001/images/menu-icon.png);}
    #ly_web_header_0001_0.cur .header-right .menu.cur,
    #ly_web_header_0001_0:hover .header-right .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close.png);}
    #ly_web_header_0001_0 .header-right .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close2.png);}

    /* 透明底 样式 */
    #ly_web_header_0001_0.white{background: transparent;}
    #ly_web_header_0001_0.white .hnav .one-nav .nav-a{color: #fff;}
    #ly_web_header_0001_0.white .hright-tool .svg{fill: #fff;}
    #ly_web_header_0001_0.white .hright-divider{background:rgba(255,255,255,.35);}
    #ly_web_header_0001_0.white .logo img:nth-child(1){opacity: 0;}
    #ly_web_header_0001_0.white .logo img:nth-child(2){opacity: 1;}

    #ly_web_header_0001_0.cur,
    #ly_web_header_0001_0:hover{background:#fff;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(1),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(1){opacity: 1;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(2),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(2){opacity: 0;}
    #ly_web_header_0001_0.white.cur .hnav .one-nav .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav .nav-a{color: #000;}
    #ly_web_header_0001_0.white.cur .hnav .one-nav:hover .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav:hover .nav-a,
    #ly_web_header_0001_0.white.cur .hnav .one-nav.cur .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav.cur .nav-a{color: var(--color-primary);}
    #ly_web_header_0001_0.white.cur .hright-tool .svg,
    #ly_web_header_0001_0.white:hover .hright-tool .svg{fill: #000;}
    #ly_web_header_0001_0.white.cur .hright-divider,
    #ly_web_header_0001_0.white:hover .hright-divider{background:#000000;}
}
@media screen and (max-width: 1440px) {
    #ly_web_header_0001_0 .top_slogan{font-size: 12px;}
    #ly_web_header_0001_0 .logo{width: calc(73 * var(--header-u));}
    #ly_web_header_0001_0 .hnav .one-nav .nav-a{font-size: calc(14 * var(--header-u));}
}
@media (max-width: 1034px) {
    #ly_web_header_0001_0 .header-box{padding: 0 calc(40 * var(--header-u)); }
}
/* 头部移动端 */
#ly_web_header_0001_0_m-nav,#ly_web_header_0001_0_m-header-blank{display: none;}
@media screen and (max-width: 1024px) {
    #ly_web_header_0001_0{background:#fff !important;}
    #ly_web_header_0001_0 .header-left .hnav-left,
    #ly_web_header_0001_0 .header-right .hnav-right,
    #ly_web_header_0001_0 .hright-tools{display:none;}
    #ly_web_header_0001_0 .hright-tools-mobile{
        display:flex;
        gap:16px;
    }
    #ly_web_header_0001_0 .hright-tool-mobile,
    #ly_web_header_0001_0 .header-right .menu{
        width:24px;
        height:24px;
        margin-left:0;
    }
    
    #ly_web_header_0001_0 .header-box{padding: 0 2.25%; height: 56px;}
    #ly_web_header_0001_0 .header-right{height: 56px;}
    #ly_web_header_0001_0 .logo img:nth-child(1){opacity: 1 !important;}
    #ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0 !important;}
    #ly_web_header_0001_0 .hright-tool-mobile.lang .svg{fill: #000 !important;}
    #ly_web_header_0001_0 .hright-tools-mobile .menu{display:block;}

    #ly_web_header_0001_0_m-nav{display: block;width: 36.62%;height: 0;z-index:50;right: 0;right: 0;top: 94px; background: #fff;overflow-y: auto;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 94px);}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 56px;}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 56px);}
    
    #ly_web_header_0001_0_m-nav .top{margin-bottom: 8px; width: 100%; height: max-content; }
    #ly_web_header_0001_0_m-nav .top .icon{width: 50px; height: 50px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px;  margin: 0 15px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{cursor:pointer; background: url(/module/ly-web/header/0001/images/head-jt.svg) no-repeat right;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one{background-image:url(/module/ly-web/header/0001/images/head-jt2.svg);}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-family: "Figtree-Bold"; font-size: 14px; text-transform: capitalize; color:#333;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one,
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one-a{color:#0071E3;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav{width: 100%; padding: 0 5px; box-sizing: border-box;}
    #ly_web_header_0001_0_m-nav .nav .mnav-featured{
        margin:0 0 12px;
        padding:0;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured{
        position:relative;
        display:block;
        width:100%;
        min-height:200px;
        border-radius:4px;
        overflow:hidden;
        text-decoration:none;
        color:inherit;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{
        display:block;
        width:100%;
        min-height:200px;
        object-fit:cover;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__label{
        position:absolute;
        left:16px;
        bottom:16px;
        font-family:"Figtree-Medium";
        font-size:16px;
        line-height:1.3;
        z-index:2;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple .mega-featured__label{
        color:#fff;
        text-shadow:0 2px 8px rgba(0,0,0,.35);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple::after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:40%;
        background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
        pointer-events:none;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--quad .mega-featured__label{
        display:inline-flex;
        align-items:center;
        gap:6px;
        color:#1a1a1a;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__chevron{
        display:inline-block;
        width:6px;
        height:6px;
        border-top:1.5px solid #1a1a1a;
        border-right:1.5px solid #1a1a1a;
        transform:rotate(45deg) translateY(-1px);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links{
        display:flex;
        flex-direction:column;
        gap:0;
        padding:0 0 8px;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link{
        display:flex;
        align-items:center;
        gap:8px;
        padding:10px 0;
        text-decoration:none;
        color:#333;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon{
        flex:0 0 24px;
        width:24px;
        height:24px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon img{
        display:block;
        width:24px;
        height:24px;
        max-width:100%;
        max-height:100%;
        object-fit:contain;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__text{
        flex:1;
        font-family:"Figtree-SemiBold";
        font-size:14px;
        line-height:1.3;
        color:#333;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__chevron{
        flex:0 0 6px;
        width:6px;
        height:6px;
        border-top:1.5px solid #1a1a1a;
        border-right:1.5px solid #1a1a1a;
        transform:rotate(45deg);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        padding:10px 0;
        text-decoration:none;
        color:#0071E3;
        font-family:"Figtree-SemiBold";
        font-size:14px;
        line-height:40px;
    }
    #ly_web_header_0001_0_m-nav .nav .three-nav .mnav-view-more{
        padding:6px 0;
        line-height:36px;
        font-size:14px;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more__text{
        flex:1;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more__chevron{
        flex:0 0 6px;
        width:6px;
        height:6px;
        border-top:1.5px solid currentColor;
        border-right:1.5px solid currentColor;
        transform:rotate(45deg);
    }
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-family: "Figtree-Bold"; font-size: 14px; line-height: 40px; vertical-align: middle; }
    #ly_web_header_0001_0_m-nav .nav .mnav-l2-group .three-nav{padding: 0 0 8px 10px;}
    #ly_web_header_0001_0_m-nav .nav .three-a{font-family: "Figtree-semiBold"; font-size: 14px; line-height: 36px; color: #333;}
}
/* @media screen and (max-width: 992px) {
    #ly_web_header_0001_0 .hright .btn,
    #ly_web_header_0001_0 .hright .menu{margin-left: .1818rem; width: .1818rem; height: .1818rem; }
    
    #ly_web_header_0001_0 .top_slogan .title,
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .1061rem;}
    
    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: .4091rem;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: .0909rem; line-height: .303rem;}
    
    #ly_web_header_0001_0_m-nav .top .icon{width: .3788rem; height: .3788rem;}
} */
@media screen and (max-width: 768px) {
    
    header.pro_none {transform: translate3d(0px,-72px,0);}

    /*#ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 16px;}*/
    /*#ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}*/
    
    #ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 4px;}
    #ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}
    #ly_web_header_0001_0 .top_slogan .countdown-value{padding: 3px; min-width: max-content;}
    #ly_web_header_0001_0 .top_slogan .countdown-grid,
    #ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 3px;}
    
    #ly_web_header_0001_0 .header-box,
    #ly_web_header_0001_0 .header-right{height: 48px;}

    #ly_web_header_0001_0 .header-box{padding: 0 16px; box-shadow: 0px 2px 4px 0px #0000001A;}
    #ly_web_header_0001_0 .hright-tools-mobile{gap:12px;}
    #ly_web_header_0001_0 .hright-tool-mobile,
    #ly_web_header_0001_0 .header-right .menu{width:24px;height:24px;}

    
    #ly_web_header_0001_0_m-nav{top: calc(24px + 48px); width: 100%;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 72px);}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 48px;}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 48px);}

    #ly_web_header_0001_0_m-nav .top{padding: 16px 4.5% 0; margin-top: 0;}
    #ly_web_header_0001_0_m-nav .top .icon{width: 40px; height: 40px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px; margin: 0 4.5%;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: 16px;}
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured,
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{
        min-height:180px;
        border-radius: 8px;
    }
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: 14px; line-height: 40px;}
    
}










.ly_web_footer_0001_0Wrap {
    --pc-u: min(1px, calc((100vw - 80px) / 980));
    background: #272727;
    color: var(--color-text-white);
}

.ly_web_footer_0001_0Wrap,
.ly_web_footer_0001_0Wrap * {
    box-sizing: border-box;
}

.ly_web_footer_0001_0Wrap .cw980 {
    width: calc(980 * var(--pc-u));
}

.ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner {
    position: relative;
    height: calc(542 * var(--pc-u));
    min-height: calc(542 * var(--pc-u));
}

.ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main {
    display: grid;
    grid-template-columns: calc(243 * var(--pc-u)) minmax(0, 1fr);
    column-gap: calc(108 * var(--pc-u));
    padding-top: calc(82 * var(--pc-u));
}

#ly_web_footer_0001_0FooterIntro .logo {
    width: calc(160 * var(--pc-u));
    height: calc(48 * var(--pc-u));
    transform: translate(calc(-12 * var(--pc-u)), calc(-8 * var(--pc-u)));
}

#ly_web_footer_0001_0Newsletter {
    margin-top: calc(30 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .text {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    color: var(--color-text-white);
    white-space: nowrap;
    transform: translateY(calc(1 * var(--pc-u)));
}

#ly_web_footer_0001_0Newsletter .formBox {
    width: calc(234 * var(--pc-u));
    margin-top: calc(13 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .form {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(28 * var(--pc-u));
    padding: calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(8 * var(--pc-u));
    gap: calc(8 * var(--pc-u));
    border: calc(1 * var(--pc-u)) solid #d9d9d9;
    border-radius: calc(100 * var(--pc-u));
    background: transparent;
}

#ly_web_footer_0001_0Newsletter .form label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 100%;
}

#ly_web_footer_0001_0Newsletter .input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 100%;
    color: #fff;
}

#ly_web_footer_0001_0Newsletter .input::placeholder {
    color: #999;
    opacity: 1;
}

#ly_web_footer_0001_0Newsletter .button {
    flex: 0 0 auto;
    width: calc(64 * var(--pc-u));
    margin-left: auto;
    height: calc(22 * var(--pc-u));
    padding: 0;
    border: 0;
    border-radius: calc(100 * var(--pc-u));
    background: #0071e3;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(8 * var(--pc-u));
    line-height: 100%;
    color: var(--color-text-white);
    white-space: nowrap;
    cursor: pointer;
}

#ly_web_footer_0001_0Newsletter .form-tip {
    top: calc(100% + 8 * var(--pc-u));
    left: calc(8 * var(--pc-u));
    z-index: 2;
    width: calc(280 * var(--pc-u));
    font-family: Poppins, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 130%;
}

#ly_web_footer_0001_0Newsletter .form-error {
    color: #f94073;
}

#ly_web_footer_0001_0Newsletter .form-success {
    color: #20b759;
}

#ly_web_footer_0001_0Newsletter .subscribe-note {
    width: calc(243 * var(--pc-u));
    margin-top: calc(8 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .subscribe-note__title {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 130%;
    color: var(--color-text-white);
}

#ly_web_footer_0001_0Newsletter .subscribe-note__description {
    margin: calc(4 * var(--pc-u)) 0 0;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(9 * var(--pc-u));
    line-height: 150%;
    color: #c1c1c1;
}

#ly_web_footer_0001_0Contact {
    gap: calc(23.714 * var(--pc-u)) 0;
    /* 原间距为 48px；若后续删除 subscribe-note，请恢复为 calc(48 * var(--pc-u))。 */
    margin-top: calc(24 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .li {
    min-height: calc(23.714 * var(--pc-u));
    gap: 0 calc(5.929 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .icon {
    flex: 0 0 calc(23.714 * var(--pc-u));
    width: calc(23.714 * var(--pc-u));
    height: calc(23.714 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#ly_web_footer_0001_0Contact .text {
    position: relative;
    top: calc(-0.893 * var(--pc-u));
    width: calc(100% - 29.643 * var(--pc-u));
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.32 * var(--pc-u));
    color: #c1c1c1;
    white-space: nowrap;
}

#ly_web_footer_0001_0Contact .text .dot {
    display: none;
}

#ly_web_footer_0001_0FooterNav {
    display: grid;
    grid-template-columns: calc(257 * var(--pc-u)) calc(168 * var(--pc-u)) calc(168 * var(--pc-u));
    align-items: flex-start;
    column-gap: calc(27 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .item {
    width: 100%;
    max-width: none;
    min-width: 0;
}

#ly_web_footer_0001_0FooterNav .title {
    font-family: "Figtree-SemiBold", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.32 * var(--pc-u));
    color: var(--color-text-white);
}

#ly_web_footer_0001_0FooterNav .two {
    padding-top: calc(26 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .item:nth-child(1) .two {
    width: calc(239 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .two_li {
    font-family: "Figtree-Regular", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    font-weight: 400;
    line-height: 160%;
    letter-spacing: calc(-0.24 * var(--pc-u));
    color: #c1c1c1;
}

#ly_web_footer_0001_0FooterNav .two_li + .two_li {
    margin-top: 0;
}

#ly_web_footer_0001_0FooterShare {
    position: absolute;
    right: calc(-18 * var(--pc-u));
    bottom: calc(17.5 * var(--pc-u));
    justify-content: flex-end;
    gap: 0 calc(15 * var(--pc-u));
    margin-top: 0;
}

#ly_web_footer_0001_0FooterShare .item,
#ly_web_footer_0001_0FooterShare .item .svg {
    width: calc(30 * var(--pc-u));
    height: calc(30 * var(--pc-u));
}

#ly_web_footer_0001_0FooterShare .item .svg {
    display: block;
    fill: #fff;
}

#ly_web_footer_0001_0FooterShare .item .svg path {
    fill: inherit;
}

#ly_web_footer_0001_0Legal {
    position: absolute;
    bottom: calc(22 * var(--pc-u));
    left: 0;
    gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u));
    margin-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks {
    display: flex;
    align-items: center;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner {
    gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u));
    flex-wrap: wrap;
}

#ly_web_footer_0001_0Legal .nav {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.24 * var(--pc-u));
    color: #c1c1c1;
    white-space: nowrap;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    cursor: pointer;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner {
    gap: calc(4 * var(--pc-u));
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img {
    flex: 0 0 calc(12 * var(--pc-u));
    width: calc(12 * var(--pc-u));
    height: calc(12 * var(--pc-u));
}

#ly_web_footer_0001_0_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(30 * var(--pc-u));
    min-height: calc(30 * var(--pc-u));
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}

#ly_web_footer_0001_0_bottom .box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: calc(30 * var(--pc-u));
    min-height: calc(30 * var(--pc-u));
    margin: 0;
    padding: 0;
    position: relative;
    left: calc(90.5 * var(--pc-u));
    overflow: hidden;
    white-space: nowrap;
}

#ly_web_footer_0001_0_bottom .box,
#ly_web_footer_0001_0_bottom .box *,
#ly_web_footer_0001_0_bottom *,
#ly_web_footer_0001_0_bottom a {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: calc(30 * var(--pc-u));
    text-align: center;
    color: rgba(193, 193, 193, 0.3);
}

@media (max-width: 768px) {
    .ly_web_footer_0001_0Wrap .cw980 {
        width: 76.2%;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner {
        height: auto;
        min-height: 0;
        padding-top: 61px;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main {
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Primary,
    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Secondary {
        display: contents;
    }

    #ly_web_footer_0001_0FooterIntro {
        order: 1;
    }

    #ly_web_footer_0001_0FooterIntro .logo {
        width: 139px;
        height: 42px;
        margin: 0 auto;
        transform: none;
    }

    #ly_web_footer_0001_0FooterShare {
        position: static;
        right: auto;
        bottom: auto;
        order: 3;
        justify-content: center;
        width: max-content;
        max-width: 100%;
        gap: 0 30px;
        margin: 30px auto 0;
        flex-wrap: nowrap;
    }

    #ly_web_footer_0001_0FooterShare .item,
    #ly_web_footer_0001_0FooterShare .item .svg {
        width: 28px;
        height: 28px;
    }

    #ly_web_footer_0001_0FooterShare .item {
        flex: 0 0 28px;
    }

    #ly_web_footer_0001_0Newsletter {
        order: 2;
        width: 100%;
        margin-top: 16px;
    }

    #ly_web_footer_0001_0Newsletter .text {
        width: 100%;
        font-family: "Figtree-SemiBold", Figtree, sans-serif;
        font-size: 14px;
        text-align: center;
        transform: none;
    }

    #ly_web_footer_0001_0Newsletter .formBox {
        width: 100%;
        margin-top: 11px;
    }

    #ly_web_footer_0001_0Newsletter .form {
        height: 39px;
        padding: 3px;
        padding-left: 12px;
        gap: 8px;
        border: 1px solid #fff;
        background: transparent;
    }

    #ly_web_footer_0001_0Newsletter .input {
        font-size: 14px;
        line-height: 150%;
        color: #fff;
    }

    #ly_web_footer_0001_0Newsletter .button {
        width: 77px;
        height: 33px;
        padding: 0 10px;
        background: #0071e3;
        font-size: 12px;
        line-height: 160%;
    }

    #ly_web_footer_0001_0Newsletter .form-tip {
        left: 12px;
        width: calc(100% - 24px);
        font-size: 12px;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note {
        width: 100%;
        margin-top: 8px;
        text-align: center;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note__title {
        font-size: 12px;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note__description {
        margin-top: 4px;
        font-size: 10px;
    }

    #ly_web_footer_0001_0FooterNav {
        order: 4;
        display: flex;
        flex-direction: column;
        gap: 20px 0;
        margin-top: 82px;
    }

    #ly_web_footer_0001_0FooterNav .item {
        width: 100%;
        max-width: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    #ly_web_footer_0001_0FooterNav .title {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        min-height: 35px;
        padding: 0;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.01em;
    }

    #ly_web_footer_0001_0FooterNav .one-icon {
        display: block;
        position: relative;
        flex: 0 0 12px;
        width: 12px;
        height: 12px;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        border-radius: 5px;
        background: #fff;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i:first-child {
        width: 100%;
        height: 2px;
        transition: opacity 0.5s ease;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i:last-child {
        width: 2px;
        height: 100%;
    }

    #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon {
        transform: rotate(90deg);
    }

    #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon i:first-child {
        opacity: 0;
    }

    #ly_web_footer_0001_0FooterNav .two_list {
        height: 0;
        overflow: hidden;
        transition: height 0.5s ease-in-out;
    }

    #ly_web_footer_0001_0FooterNav .two {
        width: 100%;
        padding: 0 0 20px;
    }

    #ly_web_footer_0001_0FooterNav .item:nth-child(1) .two {
        width: 100%;
    }

    #ly_web_footer_0001_0FooterNav .two_li {
        font-family: "Figtree-Medium", Figtree, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 130%;
    }

    #ly_web_footer_0001_0FooterNav .two_li + .two_li {
        margin-top: 12px;
    }

    #ly_web_footer_0001_0Contact {
        order: 5;
        gap: 16px 0;
        margin-top: 77px;
    }

    #ly_web_footer_0001_0Contact .li {
        min-height: 19px;
        gap: 0 11px;
    }

    #ly_web_footer_0001_0Contact .icon {
        flex-basis: 19px;
        width: 19px;
        height: 19px;
    }

    #ly_web_footer_0001_0Contact .text {
        position: static;
        width: calc(100% - 30px);
        font-family: "Poppins-Medium", Poppins, "Figtree-Medium", Figtree, sans-serif;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0.01em;
        color: #bbb9ba;
    }

    #ly_web_footer_0001_0Legal {
        display: flex;
        position: static;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        bottom: auto;
        left: auto;
        width: 100%;
        max-width: 100%;
        gap: 12px 24px;
        margin-top: 43px;
        padding: 0 0 30px;
        overflow: visible;
        flex-wrap: wrap;
        transform: none;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks {
        order: 2;
        justify-content: flex-end;
        flex: 0 0 auto;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        margin-left: auto;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner {
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        gap: 6px 12px;
        flex-wrap: wrap;
    }

    #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinks {
        justify-content: flex-start;
        margin-left: 0;
    }

    #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinksInner {
        justify-content: flex-start;
    }

    #ly_web_footer_0001_0Legal .nav {
        font-size: 12px;
        line-height: 160%;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide {
        order: 1;
        justify-content: flex-start;
        width: auto;
        min-width: 0;
        font-family: "Figtree-Medium", Figtree, sans-serif;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner {
        width: max-content;
        gap: 6px;
        white-space: nowrap;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img {
        flex-basis: 16px;
        width: 16px;
        height: 16px;
    }

    #ly_web_footer_0001_0_bottom {
        height: 30px;
        min-height: 30px;
        background: #000;
    }

    #ly_web_footer_0001_0_bottom .box {
        justify-content: flex-start;
        width: 76.2%;
        height: 30px;
        min-height: 30px;
        max-width: none;
        margin: 0 auto;
        left: auto;
    }

    #ly_web_footer_0001_0_bottom .box,
    #ly_web_footer_0001_0_bottom .box *,
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a {
        font-family: Figtree, sans-serif;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 0.02em;
        text-align: left;
        color: rgba(141, 139, 139, 0.7);
    }
}

#ly_web_sidebar_0001_1{ bottom: 14.96%; right: 48px; width: 64px; z-index: 100; gap: 40px;}
#ly_web_sidebar_0001_1 .btn{ width: 100%; height: 64px; background: rgba(0, 0, 0, .5); border-radius: 50%; transition: all 0.5s ease;}
#ly_web_sidebar_0001_1 .btn:hover{background: var(--color-primary);}
#ly_web_sidebar_0001_1 .whatsapp-link img{display:block;width:40px;height:40px;}
#ly_web_sidebar_0001_1 .whatsapp-link:hover{background:var(--color-primary);}
#ly_web_sidebar_0001_1 .whatsapp-link--pending{cursor:not-allowed;opacity:.55;}

 #launcher,
.zendesk-messenger-launcher,
iframe[src*="zendesk"][title*="launcher"] {display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;}
iframe[title*="Messaging window"]{z-index: 10000 !important; max-height: 65vh !important; bottom: calc( 14.96% + 104px) !important; right: 120px !important;}

@media (max-width: 1920px) {
    #ly_web_sidebar_0001_1{gap: 30px;}
}
@media (max-width: 1024px) { 
    #ly_web_sidebar_0001_1{width: 40px; gap: 20px; bottom: 8%; right: 40px;}
    #ly_web_sidebar_0001_1 .btn{height: 40px;}
    #ly_web_sidebar_0001_1 .btn img{transform: scale(.7);}
    #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:25px;height:25px;transform:none;}
    
    iframe[title*="Messaging window"]{bottom: calc( 8% + 80px) !important; right: 80px !important;}
}
@media (max-width: 992px) { 
    #ly_web_sidebar_0001_1{width: .303rem; gap: .1515rem; bottom: 8%; right: .303rem;}
    #ly_web_sidebar_0001_1 .btn{height: .303rem;}
}
@media (max-width: 768px) { 
    #ly_web_sidebar_0001_1{width: .6rem; gap: .2rem; bottom: 5%; right: .32rem;}
    #ly_web_sidebar_0001_1 .btn{height: .6rem;}
    #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:min(66%, 28px);height:min(66%, 28px);transform:none;}
    
    iframe[title*="Messaging window"]{bottom: 0 !important; right: 0 !important; top: inherit !important;}
}

/* New page: /1920 PC and capped /430 logical-pixel mobile profile.
   The requested viewport hero is a fixed-height media exception. */
.x26-page {
	--pc-u: min(1px, calc(100vw / 1920));
	--x26-header-height: 102px;
	--x26-header-space: 102px;
	font-family: Figtree, Arial, sans-serif;
	background: #fff;
}
.x26-page *, .x26-page *::before, .x26-page *::after { box-sizing: border-box; }
.x26-hero {
	position: relative;
	height: calc(100vh - var(--x26-header-height));
	height: calc(100svh - var(--x26-header-height));
	margin-top: var(--x26-header-space);
	overflow: hidden;
	background: #1c1c1f;
	color: #fff;
}
.x26-hero__media { position: absolute; inset: 0; display: block; }
.x26-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.x26-hero::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: calc(318 * var(--pc-u));
	background: linear-gradient(180deg, rgba(0,0,0,.38), transparent);
	pointer-events: none;
}
.x26-hero__content {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 1920px;
	margin-inline: auto;
	padding: calc(115 * var(--pc-u)) calc(48 * var(--pc-u)) calc(24 * var(--pc-u));
	text-align: center;
}
.x26-hero h1 { margin: 0; font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: 1; letter-spacing: calc(-1.28 * var(--pc-u)); overflow-wrap: break-word; }
.x26-hero__tagline { margin: calc(12 * var(--pc-u)) 0 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(32 * var(--pc-u)); font-weight: 500; line-height: 1.2; letter-spacing: calc(-.32 * var(--pc-u)); }
.x26-hero__actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: calc(32 * var(--pc-u)); margin-top: calc(26 * var(--pc-u)); }
/* White-title button and hover treatment from WOW / KN. */
.x26-hero .x26-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: calc(5 * var(--pc-u));
	min-height: calc(38 * var(--pc-u));
	padding: calc(10 * var(--pc-u)) calc(18 * var(--pc-u));
	border: calc(1 * var(--pc-u)) solid #fff;
	border-radius: calc(100 * var(--pc-u));
	background: transparent;
	color: #fff;
	font-family: inherit;
	font-size: calc(16 * var(--pc-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-.32 * var(--pc-u));
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.x26-hero .x26-hero__button:hover { border-color: #fff; background: #ffffff3d; color: #fff; opacity: 1; }
.x26-hero__button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.x26-hero__button:active { transform: translateY(1px); }
.x26-hero__play { width: 0; height: 0; border-top: calc(5 * var(--pc-u)) solid transparent; border-bottom: calc(5 * var(--pc-u)) solid transparent; border-left: calc(6 * var(--pc-u)) solid currentColor; }
.x26-hero__arrow { display: block; flex: 0 0 auto; width: calc(10 * var(--pc-u)); height: calc(10 * var(--pc-u)); background: currentColor; -webkit-mask: url("/module/custom-web/products/x26/images/x26-hero-inquire-arrow.svg") center / contain no-repeat; mask: url("/module/custom-web/products/x26/images/x26-hero-inquire-arrow.svg") center / contain no-repeat; }
/* Feature collection: inherit the page's /1920 and capped /430 profiles. */
.x26-features { padding: calc(128 * var(--pc-u)) 0 calc(64 * var(--pc-u)); background: #fff; }
.x26-features__accessible-title { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.x26-features__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(20 * var(--pc-u)); width: calc(1500 * var(--pc-u)); margin-inline: auto; }
.x26-feature { position: relative; min-width: 0; overflow: hidden; border-radius: calc(20 * var(--pc-u)); background: #fff; color: #fff; }
.x26-feature--cop { --cop-pc-size: 150; --cop-mobile-size: 38; container-type: inline-size; grid-column: 1 / -1; box-shadow: 0 calc(4 * var(--pc-u)) calc(20 * var(--pc-u)) rgba(0,0,0,.06); color: #000; }
.x26-feature picture, .x26-feature img { display: block; width: 100%; }
.x26-feature img { height: auto; transition: transform .45s ease; }
.x26-feature:hover img { transform: scale(1.045); }
.x26-feature--cop > picture { position: relative; aspect-ratio: 1500 / 460; overflow: hidden; }
.x26-feature--cop > picture > img { position: absolute; left: -8.0947%; top: -38.3728%; width: 118.0115%; height: 149.5689%; max-width: none; }
.x26-feature__cop-title { position: absolute; inset: 0; margin: 0; font-family: "Figtree-Light", Figtree, Arial, sans-serif; font-size: calc(var(--cop-pc-size) * var(--pc-u)); font-weight: 300; line-height: 1.2; letter-spacing: -.02em; }
.x26-feature__cop-title span { position: absolute; top: 41.9565%; left: auto; right: 60.2%; white-space: nowrap; background: linear-gradient(180deg, #0b4fa5, #b0e5ff); background-clip: text; -webkit-background-clip: text; color: transparent; opacity: .82; transform: translateY(-50%); transform-origin: right center; }
.x26-feature__cop-title span:first-child { transform: translateY(-50%) scaleX(var(--cop-left-scale, 1)); }
.x26-feature__cop-title span + span { left: 68.5%; right: auto; background-image: linear-gradient(180deg, #0b4fa5 18.085%, #b0e5ff 89.894%); }
/* Keep the English type size and right-group origin; fit longer left groups horizontally. */
.x26-features[lang="de"] .x26-feature--cop { --cop-left-scale: .94; }
.x26-features[lang="fr"] .x26-feature--cop { --cop-left-scale: .82; }
.x26-features[lang="es"] .x26-feature--cop { --cop-left-scale: .82; }
.x26-features[lang="pt"] .x26-feature--cop { --cop-left-scale: .82; }
.x26-feature__cost { position: absolute; top: calc(49 * var(--pc-u)); right: calc(76 * var(--pc-u)); max-width: 36%; margin: 0; font-size: calc(24 * var(--pc-u)); line-height: calc(32 * var(--pc-u)); letter-spacing: calc(-.48 * var(--pc-u)); text-align: right; }
.x26-feature__copy { position: absolute; top: calc(24 * var(--pc-u)); left: calc(24 * var(--pc-u)); max-width: calc(100% - (48 * var(--pc-u))); padding: calc(20 * var(--pc-u)); border-radius: calc(20 * var(--pc-u)); background: rgba(0,0,0,.1); -webkit-backdrop-filter: blur(calc(4 * var(--pc-u))); backdrop-filter: blur(calc(4 * var(--pc-u))); }
.x26-feature__copy h3 { margin: 0; font-family: "Figtree-Bold", Figtree, Arial, sans-serif; font-size: calc(40 * var(--pc-u)); font-weight: 700; line-height: 1.2; letter-spacing: calc(-.8 * var(--pc-u)); }
.x26-feature__copy p { margin: 0; font-size: calc(24 * var(--pc-u)); line-height: calc(32 * var(--pc-u)); letter-spacing: calc(-.48 * var(--pc-u)); }
/* Figma 1101:450 / 1101:461: GLASS radius 4, refraction .8, depth 20.
   CSS uses backdrop blur plus directional inner highlights to approximate the glass rim. */
@media (min-width: 768px) {
	.x26-feature--turbo .x26-feature__copy,
	.x26-feature--quiet .x26-feature__copy {
		background: linear-gradient(135deg, rgba(255,255,255,.04), transparent 42%, rgba(255,255,255,.015)), rgba(0,0,0,.1);
		-webkit-backdrop-filter: blur(calc(4 * var(--pc-u)));
		backdrop-filter: blur(calc(4 * var(--pc-u)));
		box-shadow: inset 0 0 0 calc(1 * var(--pc-u)) rgba(255,255,255,.12), inset calc(1 * var(--pc-u)) calc(1 * var(--pc-u)) 0 rgba(255,255,255,.25), inset calc(-1 * var(--pc-u)) calc(-1 * var(--pc-u)) 0 rgba(0,0,0,.08);
	}
}
.x26-features__summary { display: flex; justify-content: center; flex-wrap: wrap; column-gap: calc(5 * var(--pc-u)); width: calc(1500 * var(--pc-u)); margin: calc(20 * var(--pc-u)) auto 0; color: #666; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: 1.2; letter-spacing: calc(-.2 * var(--pc-u)); text-align: center; }
.x26-features__summary p { margin: 0; }
.x26-features__summary strong { font-weight: inherit; color: #000; }
.x26-details { background: #fff; }
.x26-details :where(.x26-technology, .x26-cop, .x26-turbo, .x26-quiet) h2 { margin: 0; font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--pc-u)); color: #000; }
.x26-technology { padding: calc(131 * var(--pc-u)) 0 calc(135 * var(--pc-u)); }
.x26-technology__heading { padding-inline: calc(48 * var(--pc-u)); text-align: center; }
.x26-technology__heading p { width: calc(721 * var(--pc-u)); max-width: 100%; margin: calc(20 * var(--pc-u)) auto 0; color: #666; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--pc-u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--pc-u)); }
.x26-technology__media { display: block; width: calc(1501 * var(--pc-u)); margin: calc(111 * var(--pc-u)) auto 0; overflow: hidden; border-radius: calc(20 * var(--pc-u)); }
.x26-technology__media img { display: block; width: 100%; height: auto; }
.x26-cop { position: relative; overflow: hidden; }
.x26-cop__media { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 1920 / 1076; overflow: hidden; background: #aad7f4; }
.x26-cop__media::before { content: ""; position: absolute; left: -9.0616%; top: -20.62%; width: 111.281%; height: 124.22%; background: url("/module/custom-web/products/x26/images/x26-cop-pc-background-v2.webp") center / 100% 100% no-repeat; }
.x26-cop__media img { position: absolute; display: block; left: -5.8333%; top: -11.803%; width: 105.8333%; height: 118.0297%; max-width: none; }
/* Original Figma masks preserve the decorative COP lettering behind the product. */
.x26-cop__decoration { position: absolute; top: -2.7584%; left: .5448%; width: 96.3482%; aspect-ratio: 1849.885 / 739.18; background: url("/module/custom-web/products/x26/images/x26-cop-decoration-pc-v2.svg") center / 100% 100% no-repeat; -webkit-mask: url("/module/custom-web/products/x26/images/x26-cop-letter-mask-v2.svg") 50.0335% 39.0809% / 68.5035% 40.431% no-repeat; mask: url("/module/custom-web/products/x26/images/x26-cop-letter-mask-v2.svg") 50.0335% 39.0809% / 68.5035% 40.431% no-repeat; pointer-events: none; }
.x26-cop__content { position: absolute; inset: 0; width: 100%; max-width: 1920px; margin-inline: auto; text-align: center; }
.x26-cop h2 { position: absolute; top: calc(9 * var(--pc-u)); left: 50%; width: calc(1500 * var(--pc-u)); transform: translateX(-50%); }
.x26-cop__caption { position: absolute; bottom: calc(56 * var(--pc-u)); left: calc(50% + 1 * var(--pc-u)); width: calc(600 * var(--pc-u)); min-height: calc(185 * var(--pc-u)); padding: calc(26 * var(--pc-u)) calc(48.5 * var(--pc-u)) calc(30 * var(--pc-u)); border-radius: calc(24 * var(--pc-u)); transform: translateX(-50%); background: rgba(0,0,0,.1); color: #fff; -webkit-backdrop-filter: blur(calc(16 * var(--pc-u))); backdrop-filter: blur(calc(16 * var(--pc-u))); }
.x26-cop__caption h3 { margin: 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(32 * var(--pc-u)); font-weight: 500; line-height: 1.2; }
.x26-cop__caption p { margin: calc(16 * var(--pc-u)) 0 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--pc-u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--pc-u)); }
.x26-turbo { position: relative; background: #080b20; overflow: hidden; }
.x26-turbo__media { position: relative; display: block; width: 100%; aspect-ratio: 1920 / 1084; overflow: hidden; }
.x26-turbo__media img { position: absolute; left: -26.06%; top: 0; display: block; width: 133.23%; max-width: none; height: auto; }
.x26-turbo__content { position: absolute; inset: 0; width: 100%; max-width: 1920px; margin-inline: auto; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-inline: calc(174 * var(--pc-u)); color: #fff; }
.x26-turbo h2 { max-width: calc(680 * var(--pc-u)); color: #fff; letter-spacing: 0; }
.x26-turbo__caption { width: calc(559 * var(--pc-u)); max-width: 100%; margin-top: calc(29 * var(--pc-u)); }
.x26-turbo__caption h3 { display: none; }
.x26-turbo__caption p { margin: 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--pc-u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--pc-u)); }
/* Quiet scene: original PC composition and mobile design 1617:36. */
.x26-quiet { position: relative; overflow: hidden; background: #bdbec4; }
.x26-quiet__media { position: relative; width: 100%; aspect-ratio: 1920 / 1080; overflow: hidden; }
.x26-quiet__media img { position: absolute; inset: 0; display: block; width: 100%; height: auto; }
.x26-quiet__shade { position: absolute; top: -4.074%; left: -1.094%; width: 105.573%; height: 33.519%; pointer-events: none; }
.x26-quiet__shade > div { position: absolute; top: 50%; left: 50%; width: 17.8589%; height: 559.945%; transform: translate(-50%, -50%) rotate(90deg); background: url("/module/custom-web/products/x26/images/x26-quiet-shade.svg") center / 100% 100% no-repeat; }
.x26-quiet__content { position: absolute; inset: 0; width: 100%; max-width: 1920px; margin-inline: auto; color: #fff; text-align: center; }
.x26-quiet__heading { position: absolute; top: calc(89.79 * var(--pc-u)); left: 50%; width: calc(1500 * var(--pc-u)); transform: translateX(-50%); }
.x26-quiet h2 { color: #fff; }
.x26-quiet__heading p { margin: calc(11.34 * var(--pc-u)) 0 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(32 * var(--pc-u)); line-height: 1.2; }
.x26-quiet__caption { position: absolute; bottom: calc(63 * var(--pc-u)); left: 50%; width: calc(600 * var(--pc-u)); padding: calc(24 * var(--pc-u)) calc(20 * var(--pc-u)) calc(38 * var(--pc-u)); border-radius: calc(24 * var(--pc-u)); transform: translateX(-50%); background: rgba(0,0,0,.1); -webkit-backdrop-filter: blur(calc(16 * var(--pc-u))); backdrop-filter: blur(calc(16 * var(--pc-u))); }
.x26-quiet__caption h3 { display: flex; align-items: center; justify-content: center; gap: calc(8 * var(--pc-u)); margin: 0; font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: 1.2; }
.x26-quiet__sound { flex: 0 0 auto; width: calc(40 * var(--pc-u)); height: calc(32 * var(--pc-u)); background: url("/module/custom-web/products/x26/images/x26-quiet-sound.svg") center / contain no-repeat; }
.x26-quiet__caption p { margin: calc(11 * var(--pc-u)) 0 0; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--pc-u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--pc-u)); }
/* R290: PC layout; mobile overrides follow the shared X26 profile. */
.x26-r290 { --r290-u: min(1px, calc(100vw / 1920)); padding: calc(171.79 * var(--r290-u)) 0 calc(172 * var(--r290-u)); background: #f5f5f5; text-align: center; color: #171717; }
.x26-r290 h2 { width: calc(1500 * var(--r290-u)); max-width: 100%; margin: 0 auto; font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(64 * var(--r290-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--r290-u)); }
.x26-r290__media { position: relative; width: calc(1218 * var(--r290-u)); margin: calc(96.41 * var(--r290-u)) auto 0; }
.x26-r290__scene { display: block; width: 100%; height: auto; border-radius: calc(37 * var(--r290-u)); }
.x26-r290__comparison { position: absolute; bottom: calc(38 * var(--r290-u)); left: 50%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: calc(450 * var(--r290-u)); height: calc(160 * var(--r290-u)); transform: translateX(-50%); color: #f5f5f5; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; }
.x26-r290__comparison::before { content: ""; position: absolute; inset: calc(25 * var(--r290-u)) 0 auto; height: calc(111 * var(--r290-u)); border-radius: calc(24 * var(--r290-u)); background: rgba(0,0,0,.1); -webkit-backdrop-filter: blur(calc(16 * var(--r290-u))); backdrop-filter: blur(calc(16 * var(--r290-u))); }
.x26-r290__column { position: relative; z-index: 1; margin: 0; padding-top: calc(39 * var(--r290-u)); font-size: calc(20 * var(--r290-u)); line-height: 1.2; }
.x26-r290__column dt { margin: 0; }
.x26-r290__column dd { display: flex; align-items: center; justify-content: center; gap: calc(4 * var(--r290-u)); margin: calc(29 * var(--r290-u)) 0 0; }
.x26-r290__column--featured { width: calc(137 * var(--r290-u)); justify-self: center; padding-top: calc(22 * var(--r290-u)); border-radius: calc(24 * var(--r290-u)); background: rgba(255,255,255,.1); -webkit-backdrop-filter: blur(calc(10 * var(--r290-u))); backdrop-filter: blur(calc(10 * var(--r290-u))); font-size: calc(32 * var(--r290-u)); }
.x26-r290__column--featured dd { margin-top: calc(31 * var(--r290-u)); }
.x26-r290__leaf { display: inline-block; flex: 0 0 auto; width: calc(24 * var(--r290-u)); height: calc(27 * var(--r290-u)); background: url("/module/custom-web/products/x26/images/x26-r290-leaf.svg") center / contain no-repeat; }
.x26-r290__divider { position: absolute; z-index: 2; top: calc(73 * var(--r290-u)); left: calc(28 * var(--r290-u)); width: calc(393 * var(--r290-u)); height: calc(2 * var(--r290-u)); background: url("/module/custom-web/products/x26/images/x26-r290-divider.svg") center / 100% 100% no-repeat; }
.x26-r290__gwp { display: flex; align-items: center; justify-content: center; gap: calc(24 * var(--r290-u)); min-height: calc(49 * var(--r290-u)); margin: calc(30 * var(--r290-u)) auto 0; color: #2caaed; font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(32 * var(--r290-u)); line-height: 1.2; }
.x26-r290__gwp sup { font-size: calc(20.64 * var(--r290-u)); vertical-align: super; }
.x26-r290__approx { width: calc(40 * var(--r290-u)); height: calc(16 * var(--r290-u)); background: url("/module/custom-web/products/x26/images/x26-r290-approx-top.svg") center top / 100% auto no-repeat, url("/module/custom-web/products/x26/images/x26-r290-approx-bottom.svg") center bottom / 100% auto no-repeat; }
.x26-r290__description { width: calc(721 * var(--r290-u)); margin: calc(24 * var(--r290-u)) auto 0; color: #666; font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(20 * var(--r290-u)); line-height: 1.2; letter-spacing: calc(-.2 * var(--r290-u)); }
/* Winter media: desktop composition with separate mobile crop and copy. */
.x26-winter { --winter-u: min(1px, calc(100vw / 1920)); position: relative; background: #f5f5f7; color: #171717; }
.x26-winter__scene { display: block; width: 100%; height: auto; }
.x26-winter__media > picture { display: block; }
.x26-winter__mobile-scene, .x26-winter__mobile-title { display: none; }
.x26-winter__content { position: absolute; inset: 0; width: 100%; max-width: 1920px; margin-inline: auto; text-align: center; }
.x26-winter h2 { position: absolute; top: calc(149 * var(--winter-u)); left: 50%; width: calc(1500 * var(--winter-u)); margin: 0; transform: translateX(-50%); font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(64 * var(--winter-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--winter-u)); }
.x26-winter__description { position: absolute; bottom: calc(76.4 * var(--winter-u)); left: 50%; width: calc(1075 * var(--winter-u)); transform: translateX(-50%); font-family: Figtree, Arial, sans-serif; font-size: calc(24 * var(--winter-u)); font-weight: 400; line-height: 1.2; color: #000; }
.x26-winter__description p { margin: 0; }
#x26-quote { scroll-margin-top: var(--x26-header-height); }
@media (max-width: 767px) {

	.x26-page { --mobile-u: min(1px, calc(100vw / 430)); --pc-u: var(--mobile-u); --x26-header-height: 72px; --x26-header-space: 72px; }
	.x26-hero__content { padding: calc(85 * var(--mobile-u)) calc(16 * var(--mobile-u)) calc(24 * var(--mobile-u)); }
	.x26-hero h1 { max-width: calc(410 * var(--mobile-u)); margin-inline: auto; font-size: calc(24 * var(--mobile-u)); line-height: 1; letter-spacing: calc(-.48 * var(--mobile-u)); }
	.x26-hero h1 span { display: block; }
	.x26-hero__tagline { margin-top: calc(13 * var(--mobile-u)); font-size: calc(16 * var(--mobile-u)); font-weight: 400; line-height: 1; letter-spacing: 0; }
	.x26-hero__actions { gap: calc(16 * var(--mobile-u)); margin-top: calc(28 * var(--mobile-u)); }
	.x26-hero .x26-hero__button { min-height: calc(40 * var(--mobile-u)); padding: calc(12 * var(--mobile-u)) calc(24 * var(--mobile-u)); font-size: calc(12 * var(--mobile-u)); letter-spacing: calc(-.24 * var(--mobile-u)); }
	.x26-hero::after { height: calc(210 * var(--mobile-u)); }
	.x26-features { padding: calc(36 * var(--mobile-u)) 0; }
	.x26-features__grid { width: calc(100% - (32 * var(--mobile-u))); grid-template-columns: minmax(0, 1fr); gap: calc(14 * var(--mobile-u)); }
	.x26-feature { border-radius: calc(4 * var(--mobile-u)); }
	.x26-feature--cop { margin-bottom: calc(1.764 * var(--mobile-u)); box-shadow: none; }
	.x26-feature--cop > picture { aspect-ratio: 1204 / 397; }
	.x26-feature--cop > picture > img { left: -10.23%; top: -29.01%; width: 122.36%; height: 133.6%; }
	.x26-feature--turbo > picture, .x26-feature--quiet > picture { position: relative; aspect-ratio: 398 / 132; overflow: hidden; }
	.x26-feature--turbo > picture > img { position: absolute; left: -2.91%; top: -2.03%; width: 117.54%; height: 103.31%; max-width: none; }
	.x26-feature--quiet > picture > img { position: absolute; left: 0; top: -41.61%; width: 112.33%; height: 190.52%; max-width: none; }
	.x26-feature--quiet .x26-feature__copy { top: 42.4242%; }
	.x26-feature__cop-title { font-family: "Figtree-Light", Figtree, Arial, sans-serif; font-size: calc(var(--cop-mobile-size) * 100cqw / 398); font-weight: 300; letter-spacing: -.02em; }
	.x26-feature__cop-title span, .x26-feature__cop-title span + span { top: 39.47%; background: linear-gradient(180deg, #c1c1c1, #f1f1f1); background-clip: text; -webkit-background-clip: text; color: transparent; transform: translateY(-50%); }
	.x26-feature__cop-title span { left: auto; right: 62.312%; }
	.x26-feature__cop-title span:first-child { transform: translateY(-50%) scaleX(var(--cop-left-scale, 1)); }
	.x26-feature__cop-title span + span { left: 68.7%; right: auto; background-image: linear-gradient(180deg, #cfcfcf, #f0f0f0); }
				.x26-feature__cost { top: calc(2 * var(--mobile-u)); right: calc(27 * var(--mobile-u)); font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(8.6 * var(--mobile-u)); line-height: 1.2; letter-spacing: 0; }
	.x26-feature__copy { top: 38.6364%; bottom: auto; left: 9.799%; max-width: 55%; padding: 0; border-radius: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.x26-feature__copy h3 { font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(16 * var(--mobile-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-.32 * var(--mobile-u)); }
	.x26-feature__copy p { margin-top: calc(2 * var(--mobile-u)); font-family: "Figtree-Medium", Figtree, Arial, sans-serif; font-size: calc(8.6 * var(--mobile-u)); line-height: 1.2; letter-spacing: 0; }
	.x26-features__summary { width: calc(100% - (32 * var(--mobile-u))); margin-top: calc(10 * var(--mobile-u)); flex-direction: column; gap: 0; font-family: Figtree, Arial, sans-serif; font-size: calc(8.6 * var(--mobile-u)); font-weight: 400; line-height: 1.2; letter-spacing: 0; color: #666; }
	.x26-details :where(.x26-technology, .x26-cop, .x26-turbo, .x26-quiet) h2 { font-size: calc(24 * var(--mobile-u)); letter-spacing: calc(-.48 * var(--mobile-u)); }
	.x26-technology { padding: calc(10 * var(--mobile-u)) 0 0; }
	.x26-technology__heading { padding-inline: calc(32 * var(--mobile-u)); }
	.x26-technology__heading h2 { font-size: calc(20 * var(--mobile-u)); letter-spacing: 0; }
	.x26-technology__heading p { width: calc(345.433 * var(--mobile-u)); margin-top: calc(8 * var(--mobile-u)); font-family: Figtree, Arial, sans-serif; font-size: calc(8.6 * var(--mobile-u)); letter-spacing: 0; color: #999; }
	.x26-technology__media { width: 100%; margin-top: calc(14 * var(--mobile-u)); border-radius: 0; }
	/* 1625:1418: shared PC copy, mobile heading and separate image crop. */
	.x26-cop { margin-top: calc(32 * var(--mobile-u)); padding-top: calc(29 * var(--mobile-u)); background: #fff; }
	.x26-cop__media { position: relative; width: 100%; aspect-ratio: 430 / 264; overflow: hidden; }
	.x26-cop__media img { position: absolute; left: -21.1189%; top: -40.15%; width: 137.6713%; height: 140.15%; max-width: none; }
	.x26-cop__content { max-width: none; }
	.x26-cop h2 { top: 0; width: calc(353 * var(--mobile-u)); max-width: calc(100% - 32 * var(--mobile-u)); font-size: calc(24 * var(--mobile-u)); line-height: 1.2; color: #000; }
	.x26-cop__decoration, .x26-cop__desktop-break, .x26-cop__media::before { display: none; }
	.x26-cop__caption { display: block; left: 50%; bottom: calc(20 * var(--mobile-u)); width: calc(294 * var(--mobile-u)); max-width: calc(100% - 32 * var(--mobile-u)); min-height: calc(63 * var(--mobile-u)); padding: calc(9 * var(--mobile-u)) calc(2 * var(--mobile-u)) calc(12 * var(--mobile-u)); border-radius: calc(10 * var(--mobile-u)); -webkit-backdrop-filter: blur(calc(4 * var(--mobile-u))); backdrop-filter: blur(calc(4 * var(--mobile-u))); }
	.x26-cop__caption h3 { font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; font-size: calc(16 * var(--mobile-u)); font-weight: 600; line-height: 1.2; }
	.x26-cop__caption p { margin-top: calc(6 * var(--mobile-u)); font-size: calc(7 * var(--mobile-u)); line-height: 1.2; letter-spacing: 0; }
	/* 1625:1419: mobile text flows above the full-width processor image. */
	.x26-turbo { display: flex; flex-direction: column; padding-top: calc(47 * var(--mobile-u)); background: #fff; }
	.x26-turbo__media { aspect-ratio: 430 / 243; margin-top: calc(23.36 * var(--mobile-u)); }
	.x26-turbo__media img { position: absolute; top: 0; left: -75.18%; width: 193.86%; height: 100%; }
	.x26-turbo__content { position: static; order: -1; max-width: none; padding: 0; align-items: center; justify-content: flex-start; color: #000; }
	.x26-turbo h2 { width: calc(100% - 32 * var(--mobile-u)); max-width: calc(398 * var(--mobile-u)); margin: 0; font-size: calc(24 * var(--mobile-u)); line-height: 1.2; color: #000; text-align: center; }
	.x26-turbo__caption { position: static; width: calc(277 * var(--mobile-u)); max-width: calc(100% - 32 * var(--mobile-u)); margin: calc(8.2 * var(--mobile-u)) 0 0; padding: 0; border-radius: 0; background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; text-align: center; }
	.x26-turbo__caption h3 { display: none; }
	.x26-turbo__caption p { margin: 0; color: #666; font-size: calc(8.6 * var(--mobile-u)); line-height: 1.2; letter-spacing: calc(-.086 * var(--mobile-u)); }
}

/* Other Features: WOW carousel reference, with neighbors visible on both sides. */
.x26-other {
	--pc-u: min(1px, calc(100vw / 1920));
	height: auto;
	padding: calc(80 * var(--pc-u)) 0 calc(40 * var(--pc-u));
	overflow: hidden;
	background: #fff;
}
.x26-other > h2 {
	margin: 0;
	color: #171717;
	font-size: calc(64 * var(--pc-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-1.28 * var(--pc-u));
	text-align: center;
}
.x26-other-carousel {
	width: 100%;
	margin-top: calc(57 * var(--pc-u));
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}
.x26-other-carousel.is-dragging {
	cursor: grabbing;
}
.x26-other-carousel__viewport {
	width: calc(50vw + (600 * var(--pc-u)));
	margin-left: calc(50vw - (600 * var(--pc-u)));
	overflow: visible;
}
.x26-other-carousel__track {
	display: flex;
	align-items: stretch;
	gap: calc(60 * var(--pc-u));
	width: max-content;
	will-change: transform;
	transition: transform 520ms ease;
}
.x26-other-carousel__slide {
	position: relative;
	display: block;
	width: calc(1200 * var(--pc-u));
	flex: 0 0 calc(1200 * var(--pc-u));
	overflow: hidden;
	border-radius: calc(24 * var(--pc-u));
	background: #fff;
	box-shadow: 0 calc(4 * var(--pc-u)) calc(20 * var(--pc-u)) rgba(0, 0, 0, .08);
}
.x26-other-carousel__media,
.x26-page .x26-other-carousel__media img {
	display: block;
	width: 100%;
	height: auto;
}
.x26-other-carousel__media {
	overflow: hidden;
	aspect-ratio: 1160 / 640;
	border-radius: calc(24 * var(--pc-u)) calc(24 * var(--pc-u)) 0 0;
}
.x26-page .x26-other-carousel__media img {
	height: 100%;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
}
.x26-other-carousel__copy {
	padding: calc(60 * var(--pc-u)) calc(30 * var(--pc-u)) calc(59 * var(--pc-u));
	color: #000;
	text-align: center;
}
.x26-other-carousel__copy h3,
.x26-other-carousel__copy p {
	margin: 0;
}
.x26-other-carousel__copy h3 {
	font-size: calc(32 * var(--pc-u));
	font-weight: 600;
	line-height: 1.2;
}
.x26-other-carousel__copy p {
	margin-top: calc(12 * var(--pc-u));
	font-size: calc(24 * var(--pc-u));
	font-weight: 400;
	line-height: 1.2;
}
.x26-other-carousel__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(23 * var(--pc-u));
	margin-top: calc(80 * var(--pc-u));
}
.x26-other-carousel__dot {
	position: relative;
	width: calc(20 * var(--pc-u));
	height: calc(20 * var(--pc-u));
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}
.x26-other-carousel__dot::before {
	position: absolute;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	width: calc(14 * var(--pc-u));
	height: calc(14 * var(--pc-u));
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #d9d9d9;
	content: "";
	transition: width 200ms ease, height 200ms ease, border-color 200ms ease, background 200ms ease;
}
.x26-other-carousel__dot.is-active::before {
	width: calc(20 * var(--pc-u));
	height: calc(20 * var(--pc-u));
	border: calc(2 * var(--pc-u)) solid #1688ff;
	background: #fff;
}
@media (max-width: 767px) {
	.x26-other {
		--mobile-u: min(1px, calc(100vw / 430));
		padding: calc(40 * var(--mobile-u)) 0 calc(35 * var(--mobile-u));
		background: #fff;
	}
	.x26-other > h2 {
		font-size: calc(24 * var(--mobile-u));
		line-height: calc(29 * var(--mobile-u));
		letter-spacing: 0;
	}
	.x26-other-carousel {
		margin-top: calc(14 * var(--mobile-u));
	}
	.x26-other-carousel__viewport {
		width: calc(100% - (64 * var(--mobile-u)));
		margin: 0 auto;
	}
	.x26-other-carousel__track {
		gap: calc(12 * var(--mobile-u));
		width: 100%;
	}
	.x26-other-carousel__slide {
		width: 100%;
		min-width: 100%;
		flex: 0 0 100%;
		border-radius: calc(6.86 * var(--mobile-u));
		box-shadow: 0 calc(1.372 * var(--mobile-u)) calc(6.86 * var(--mobile-u)) rgba(0, 0, 0, .08);
	}
	.x26-other-carousel__media {
		aspect-ratio: 1160 / 640;
		border-radius: calc(6.86 * var(--mobile-u));
		clip-path: inset(0 round calc(6.86 * var(--mobile-u)));
	}
	.x26-other-carousel__copy {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(8.232 * var(--mobile-u));
		min-height: calc(87.811 * var(--mobile-u));
		padding: calc(16.465 * var(--mobile-u)) calc(21.953 * var(--mobile-u)) calc(19.209 * var(--mobile-u));
		margin-top: 0;
		text-align: center;
	}
	.x26-other .x26-other-carousel__copy h3 {
		width: 100%;
		max-width: calc(256.229 * var(--mobile-u));
		color: #000;
		font-family: "Figtree-Bold", Figtree, Arial, sans-serif;
		font-size: calc(16 * var(--mobile-u));
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: calc(-.32 * var(--mobile-u));
	}
	.x26-other-carousel__copy p {
		width: 100%;
		min-height: calc(24.697 * var(--mobile-u));
		margin-top: 0;
		color: #666;
		font-family: "Figtree-Medium", Figtree, Arial, sans-serif;
		font-size: calc(8.6 * var(--mobile-u));
		line-height: 1.2;
		letter-spacing: calc(-.172 * var(--mobile-u));
	}
	.x26-other-carousel__dots {
		gap: calc(8.232 * var(--mobile-u));
		margin-top: calc(20 * var(--mobile-u));
	}
	.x26-other-carousel__dot {
		width: calc(4.4635 * var(--mobile-u));
		height: calc(6.873 * var(--mobile-u));
		border: 0;
	}
	.x26-other-carousel__dot::before {
		width: calc(4.4635 * var(--mobile-u));
		height: calc(4.4635 * var(--mobile-u));
		border: 0;
		background: #dadada;
	}
	.x26-other-carousel__dot.is-active,
	.x26-other-carousel__dot.is-active::before {
		width: calc(6.873 * var(--mobile-u));
		height: calc(6.873 * var(--mobile-u));
	}
	.x26-other-carousel__dot.is-active::before {
		border: 1.2px solid #0976ff;
		background: #eff1f5;
	}
}


.x26-other > h2, .x26-other-carousel__copy h3 { font-family: "Figtree-SemiBold", Figtree, Arial, sans-serif; }
.x26-other-carousel__viewport:focus-visible { outline: 2px solid #1688ff; outline-offset: 4px; }
.x26-other-carousel__dot:focus-visible { outline: 2px solid #1688ff; outline-offset: 4px; border-radius: 50%; }

/* R290 mobile 1482:181: capped /430 typography, fluid media and safe margins. */
@media (max-width: 767px) {
	.x26-r290 { --r290-u: var(--mobile-u); padding: calc(22 * var(--r290-u)) 0 calc(24 * var(--r290-u)); background: #fff; color: #000; }
	.x26-r290 h2 { width: calc(186 * var(--r290-u)); font-size: calc(20 * var(--r290-u)); line-height: 1.2; letter-spacing: 0; }
	.x26-r290__media { width: calc(100% - 32 * var(--r290-u)); aspect-ratio: 398 / 287; margin-top: calc(17 * var(--r290-u)); overflow: hidden; border-radius: calc(4 * var(--r290-u)); }
	.x26-r290__media > picture { display: block; position: absolute; inset: 0; }
	.x26-r290__media .x26-r290__scene { position: absolute; top: 0; left: -43.88%; width: 172.43%; height: 99.65%; max-width: none; border-radius: 0; }
	.x26-r290__comparison { display: none; }
	.x26-r290__gwp { gap: calc(12 * var(--r290-u)); min-height: calc(21 * var(--r290-u)); margin-top: calc(15 * var(--r290-u)); font-size: calc(17.455 * var(--r290-u)); line-height: 1.2; }
	.x26-r290__gwp sup { font-size: calc(11.258 * var(--r290-u)); }
	.x26-r290__approx { width: calc(21.818 * var(--r290-u)); height: calc(8.329 * var(--r290-u)); background: url("/module/custom-web/products/x26/images/x26-r290-mobile-approx.svg") center / contain no-repeat; }
	.x26-r290__description { width: calc(329 * var(--r290-u)); max-width: calc(100% - 32 * var(--r290-u)); margin-top: calc(15 * var(--r290-u)); font-family: Figtree, Arial, sans-serif; font-size: calc(8.6 * var(--r290-u)); line-height: 1.2; letter-spacing: 0; }
}

/* Winter mobile 1482:138; inherit capped /430 text sizing and fluid media. */
@media (max-width: 767px) {
	.x26-winter { --winter-u: var(--mobile-u); background: #fff; }
	.x26-winter__media { position: relative; width: 100%; aspect-ratio: 430 / 375; overflow: hidden; }
	.x26-winter__media > picture { position: absolute; inset: 0; }
	.x26-winter__media .x26-winter__scene { position: absolute; left: -99.44%; top: -34.13%; width: 234.14%; height: 134.24%; max-width: none; }
	.x26-winter__mobile-scene { display: block; position: absolute; top: 0; left: -26.13%; width: 156.95%; height: 100%; max-width: none; }
	.x26-winter__content { max-width: none; }
	.x26-winter h2 { top: calc(48 * var(--winter-u)); width: calc(100% - 32 * var(--winter-u)); font-size: calc(24 * var(--winter-u)); line-height: 1.2; letter-spacing: 0; }
	.x26-winter__desktop-title { display: none; }
	.x26-winter__mobile-title { display: inline; }
	.x26-winter__description { bottom: calc(23.36 * var(--winter-u)); width: calc(243 * var(--winter-u)); max-width: calc(100% - 32 * var(--winter-u)); font-size: calc(8.6 * var(--winter-u)); line-height: 1.2; letter-spacing: calc(-.086 * var(--winter-u)); }
}

/* Product notes reuse the WOW page spacing, type and responsive profile. */
.x26-notes {
	--pc-u: min(1px, calc(100vw / 1920));
	--mobile-u: min(1px, calc(100vw / 430));
	font-family: Figtree, Arial, sans-serif;
	width: 100%;
	margin: 0;
	background: #fff;
}
.x26-notes__inner {
	width: 100%;
	max-width: calc(768 * var(--mobile-u));
	margin: 0 auto;
	padding: calc(40 * var(--mobile-u)) calc(20 * var(--mobile-u));
}
.x26-notes__inner p {
	margin: 0;
	color: #999;
	font-size: calc(13 * var(--mobile-u));
	font-weight: 400;
	line-height: 1.45;
}
.x26-notes__inner p + p {
	margin-top: calc(8 * var(--mobile-u));
}
@media (min-width: 768px) {
	.x26-notes__inner {
		max-width: calc(1094 * var(--pc-u));
		padding: calc(80 * var(--pc-u)) calc(10 * var(--pc-u));
	}
	.x26-notes__inner p {
		font-size: calc(17 * var(--pc-u));
		line-height: 1.45;
	}
	.x26-notes__inner p + p {
		margin-top: calc(4 * var(--pc-u));
	}
}

.x26-notes__heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Product navigation reused from WOW (shared 64px / 84px navigation sizing). */
.x26-subnav-holder {
	position: relative;
	z-index: 50;
	width: 100%;
	height: 0;
	visibility: hidden;
	pointer-events: none;
	background: #fff;
}

.x26-subnav-holder.is-revealed {
	height: 64px;
	visibility: visible;
	pointer-events: auto;
}

.x26-subnav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	width: 100%;
	min-width: 320px;
	height: 64px;
	padding: 0 max(24px, calc((100vw - 1312px) / 2));
	background: rgba(255, 255, 255, .96);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.x26-subnav.is-fixed {
	position: fixed;
	z-index: 100;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

#ly_web_header_0001_0.x26-subnav-site-header-hidden,
#header_ct.x26-subnav-site-header-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
	transition: none !important;
}

.x26-subnav__inner {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	max-width: 1312px;
	height: 64px;
	margin: 0 auto;
}

.x26-subnav__brand {
	flex: 0 1 auto;
	min-width: 0;
	max-width: 45%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -.04em;
	white-space: nowrap;
}

.x26-subnav__links-scroll {
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	cursor: grab;
}

.x26-subnav__links-scroll.is-dragging,
.x26-subnav__links-scroll.is-dragging * {
	cursor: grabbing !important;
	user-select: none;
	-webkit-user-select: none;
}

.x26-subnav__links-scroll::-webkit-scrollbar {
	display: none;
}

.x26-subnav__links {
	display: flex;
	align-items: center;
	gap: 24px;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
}

.x26-subnav__link {
	position: relative;
	display: block;
	padding: 24px 0;
	color: #999;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease;
}

.x26-subnav__link:hover,
.x26-subnav__link.is-active {
	color: #333;
}

.x26-subnav__link.is-active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 2px;
	border-radius: 2px;
	background: #0071e3;
}

.x26-subnav__link:focus-visible,
.x26-subnav__cta:focus-visible {
	outline: 2px solid #0071e3;
	outline-offset: 3px;
}

.x26-subnav__cta {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 132px;
	height: 46px;
	padding: 0 26px;
	border-radius: 100px;
	background: #0071e3;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 180ms ease, transform 180ms ease;
}

.x26-subnav__cta:hover {
	opacity: .88;
}

.x26-subnav__cta:active {
	transform: translateY(1px);
}

#x26-cop,
#x26-turbo,
#x26-ai-control,
#x26-quote {
	scroll-margin-top: 64px;
}


@media (max-width: 767px) {
	.x26-subnav-holder.is-revealed {
		height: 84px;
	}

	.x26-subnav {
		height: 84px;
		padding: 0 15px;
	}

	.x26-subnav__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: 48px 36px;
		gap: 0;
		height: 84px;
	}

	.x26-subnav__brand {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		min-width: 0;
		max-width: 100%;
		padding-top: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
		letter-spacing: -.04em;
	}

	.x26-subnav__cta {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		min-width: 0;
		height: 30px;
		margin-top: 9px;
		padding: 0 16px;
		font-size: 12px;
	}

	.x26-subnav__links-scroll {
		grid-column: 1 / -1;
		grid-row: 2;
		width: calc(100% + 15px);
		height: 36px;
		padding-top: 7px;
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%);
		mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%);
	}

	.x26-subnav__links {
		gap: 18px;
		padding-right: 30px;
	}

	.x26-subnav__link {
		height: 28px;
		padding: 2px 0 12px;
		font-size: 14px;
		line-height: 14px;
	}

	.x26-subnav__link.is-active::after {
		bottom: 5px;
	}

	#x26-cop,
	#x26-turbo,
	#x26-ai-control,
	#x26-quote {
		scroll-margin-top: 84px;
	}

}

/* Desktop feature cards link to their detail sections; mobile remains display-only. */
.x26-feature__anchor { position: absolute; z-index: 2; inset: 0; display: block; border-radius: inherit; }
.x26-feature__anchor:focus-visible { outline: 2px solid #0071e3; outline-offset: -3px; }
#x26-quiet { scroll-margin-top: 64px; }
@media (max-width: 767px) { .x26-feature__anchor { display: none; } }

/* Quiet mobile 1617:36; 1617:34 GLASS radius 71.667, refraction .35, depth 36.55.
   CSS approximates the Figma glass with a strong backdrop blur and light inner rim. */
@media (max-width: 767px) {
	.x26-quiet { display: grid; grid-template-columns: minmax(0, 1fr); gap: calc(20 * var(--mobile-u)) 0; padding-top: calc(29 * var(--mobile-u)); background: #fff; text-align: center; }
	.x26-quiet__media { grid-column: 1; grid-row: 2; width: calc(100% - 32 * var(--mobile-u)); aspect-ratio: 398 / 371; margin: 0 auto; border-radius: calc(4 * var(--mobile-u)); }
	.x26-quiet__media::before { display: none; }
	.x26-quiet__media > picture { position: absolute; inset: 0; display: block; }
	.x26-quiet__media img { inset: 0; width: 100%; height: 100%; max-width: none; object-fit: contain; }
	.x26-quiet__shade { display: none; }
	.x26-quiet__content { display: contents; }
	.x26-quiet__heading { grid-column: 1; grid-row: 1; position: static; width: calc(244.383 * var(--mobile-u)); max-width: calc(100% - 32 * var(--mobile-u)); margin: 0 auto; transform: none; }
	.x26-quiet h2 { color: #000; font-size: calc(24 * var(--mobile-u)); line-height: calc(25 * var(--mobile-u)); letter-spacing: 0; }
	.x26-quiet__heading p { margin: 0; color: #000; font-family: Figtree, Arial, sans-serif; font-size: calc(16 * var(--mobile-u)); line-height: calc(25 * var(--mobile-u)); }
	.x26-quiet__caption { grid-column: 1; grid-row: 2; position: relative; align-self: end; justify-self: center; left: auto; bottom: auto; width: calc(294 * var(--mobile-u)); max-width: calc(100% - 64 * var(--mobile-u)); min-height: calc(63 * var(--mobile-u)); margin-bottom: calc(25 * var(--mobile-u)); padding: calc(10 * var(--mobile-u)) calc(2 * var(--mobile-u)) calc(13.2 * var(--mobile-u)); border-radius: calc(10 * var(--mobile-u)); transform: none; color: #fff; background: rgba(0,0,0,.1); -webkit-backdrop-filter: blur(calc(71.667 * var(--mobile-u))); backdrop-filter: blur(calc(71.667 * var(--mobile-u))); box-shadow: inset 0 0 0 calc(.5 * var(--mobile-u)) rgba(255,255,255,.7); }
	.x26-quiet__caption h3 { font-size: calc(16 * var(--mobile-u)); line-height: 1.2; }
	.x26-quiet__sound { display: none; }
	.x26-quiet__caption p { margin-top: calc(3.8 * var(--mobile-u)); font-size: calc(7 * var(--mobile-u)); line-height: 1.2; letter-spacing: 0; }
}

/* M30 video modal styles, namespaced for X26; includes the same tablet/mobile rules. */
html.x26-video-modal-open,
body.x26-video-modal-open {
	overflow: hidden;
	overscroll-behavior: none;
}

.x26-video-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	touch-action: none;
}

.x26-video-modal.is-open {
	display: flex;
}

.x26-video-modal__dialog {
	display: flex;
	flex-direction: column;
	width: 1200px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 20px;
	background: #1a1a1a;
}

.x26-video-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 24px 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.x26-video-modal__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 8px;
}

.x26-video-modal__title {
	margin: 0;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
	letter-spacing: 0;
}

.x26-video-modal__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	letter-spacing: 0;
}

.x26-video-modal__close {
	position: relative;
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.x26-video-modal__close::before,
.x26-video-modal__close::after {
	content: '';
	position: absolute;
	top: 11px;
	left: 2px;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background: #ffffff;
}

.x26-video-modal__close::before {
	transform: rotate(45deg);
}

.x26-video-modal__close::after {
	transform: rotate(-45deg);
}

.x26-video-modal__close-icon {
	display: none;
	width: 24px;
	height: 24px;
}

.x26-video-modal__frame-wrap {
	position: relative;
	width: 100%;
	height: 675px;
	background: #000000;
}

.x26-video-modal__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.x26-video-modal__frame--native {
	display: block;
	object-fit: contain;
	background: #000000;
}

.x26-video-modal__frame--native[hidden],
.x26-video-modal__frame--embed[hidden] {
	display: none;
}

@media (min-width: 768px) and (max-width: 1311px) {

	.x26-video-modal {
		padding: calc(24 / 1312 * 100vw);
	}

	.x26-video-modal__dialog {
		width: min(calc(1200 / 1312 * 100vw), calc(100vw - (128 / 1312 * 100vw)));
		border-radius: calc(20 / 1312 * 100vw);
	}

	.x26-video-modal__header {
		gap: calc(24 / 1312 * 100vw);
		padding: calc(24 / 1312 * 100vw) calc(24 / 1312 * 100vw) calc(25 / 1312 * 100vw);
	}

	.x26-video-modal__copy {
		gap: calc(8 / 1312 * 100vw);
	}

	.x26-video-modal__title {
		font-size: calc(24 / 1312 * 100vw);
		line-height: calc(28.8 / 1312 * 100vw);
	}

	.x26-video-modal__subtitle {
		font-size: calc(16 / 1312 * 100vw);
		line-height: calc(19.2 / 1312 * 100vw);
	}

	.x26-video-modal__close,
	.x26-video-modal__close-icon {
		width: calc(24 / 1312 * 100vw);
		height: calc(24 / 1312 * 100vw);
	}

	.x26-video-modal__close::before,
	.x26-video-modal__close::after {
		top: calc(11 / 1312 * 100vw);
		left: calc(2 / 1312 * 100vw);
		width: calc(20 / 1312 * 100vw);
		height: calc(2 / 1312 * 100vw);
	}

	.x26-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 1200 / 675;
	}

}

@media (max-width: 767px) {

	.x26-video-modal {
		padding: 0;
	}

	.x26-video-modal__dialog {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		background: transparent;
	}

	.x26-video-modal__header {
		display: contents;
	}

	.x26-video-modal__copy {
		width: 100%;
		gap: 8px;
		padding: 20px 48px 20px 15px;
		background: #1a1a1a;
	}

	.x26-video-modal__title,
	.x26-video-modal__subtitle {
		font-size: 14px;
		line-height: 16.8px;
		white-space: normal;
	}

	.x26-video-modal__close {
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 2;
	}

	.x26-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 375 / 211;
		touch-action: auto;
	}

}