body { background-color: #f5f5f5; } .setetletImg{ position:absolute; top:15px; right:15px; } .cards-container { display: none; } .card img { height: 270px; margin: 0px; width: 100%; border-radius: 12px 12px 0px 0px; } .card { background-color: #fff; border-radius: 12px; display: flex; flex-direction: column; flex-basis: 85vw; flex-shrink: 0; flex-grow: 1; max-width: 80%; margin-left: 12px; } .card .profile-details { display: flex; flex-direction: column; justify-content: start; align-items: start; margin: 12px; } .merchandizingBanner.flex { display: flex  !important; } @media only screen and (max-width: 992px) { .cards-container::after { content: ""; padding-left: 12px; } .blade-0-heroimg { object-position: top  !important; } .blade-3 { background-color: #f5f5f5  !important; } .blade-3-h h5 { display: none; } .blade-3-h h2 { font-size: 36px  !important; color: #1e0013  !important; margin-bottom: 64px  !important; } .blade-3-h h2 br { display: block  !important; } .cards-max-container { overflow-x: scroll; } } @media only screen and (max-width: 767px) { .blade-0-cta { max-width: 222px  !important; margin-top: 32px  !important; } .blade-0-msg { transform: translate(-50%, -46%)  !important; } .carouselo { display: none  !important; } .cards-container { display: inline-flex; margin-right: 12px; } } #bg-img-tablet { background-image: url(https://p4-ofp.static.pub/ShareResource/emea/landing-page/yoga-intel/img/ces2025/lenovo-yoga-brand-tablets-background.jpg); width: 100%; background-size: cover; background-position: bottom; background-repeat: no-repeat; } @media only screen and (max-width: 1920px) { #bg-img-tablet { height: auto; padding-bottom: 60px; } #bg-img-tablet h2 { font-size: 2.5rem  !important; } } @media only screen and (max-width: 992px) { #bg-img-tablet { padding-bottom: 0; } } .wpc-horizontal-scroll-yoga-container { overflow-x: scroll  !important; overflow-y: visible  !important; display: grid  !important; grid-template-columns: 1fr 1fr 1fr 1fr  !important; gap: 16px  !important; padding: 0 16px  !important; } .wpc-horizontal-scroll-yoga h2 { text-align: center; margin-bottom: 50px  !important; } .wpc-horizontal-scroll-yoga-container::-webkit-scrollbar { display: none; } .wpc-horizontal-scroll-yoga-card { text-decoration: none  !important; color: #000  !important; width: 300px; position: relative; } .wpc-horizontal-scroll-yoga-card-content { display: flex  !important; flex-direction: column  !important; height: 100%  !important; } .wpc-horizontal-scroll-yoga-card-copy { padding: 16px  !important; border-bottom: 1px solid #e5e5e5  !important; border-left: 1px solid #e5e5e5  !important; border-right: 1px solid #e5e5e5  !important; height: 100%  !important; border-bottom-left-radius: 4px  !important; border-bottom-right-radius: 4px  !important; background-color: #fff  !important; } .wpc-horizontal-scroll-yoga-card-copy p { min-height: 72px; } .wpc-horizontal-scroll-yoga-card-copy h3 { position: relative  !important; text-align: center  !important; margin-top: 0  !important; font-size: 20px  !important; line-height: 24px  !important; } .wpc-horizontal-scroll-yoga-card-copy h3::after { content: ""  !important; position: absolute  !important; height: 1px  !important; width: 100%  !important; background-color: #000  !important; left: 0  !important; bottom: -16px  !important; } .wpc-horizontal-scroll-yoga-card-copy p { padding-top: 16px  !important; padding-bottom: 16px  !important; text-align: center  !important; font-size: 14px  !important; line-height: 20px  !important; } .wpc-horizontal-scroll-yoga-card-copy ul { padding: 0 16px  !important; font-size: 14px  !important; line-height: 20px  !important; margin-bottom: 0  !important; list-style: disc  !important; } .wpc-horizontal-scroll-yoga-card-copy ul li { list-style: disc  !important; } .wpc-horizontal-scroll-yoga-img-desktop { display: none; } .wpc-horizontal-scroll-yoga { background-image: url("//p4-ofp.static.pub/ShareResource/ww/landing-pages/yoga-brand-page/img/lenovo-smarter-gradient-pale-creative-background-mobile.jpg")  !important; background-position: bottom  !important; background-size: cover  !important; padding-top: 40px  !important; padding-bottom: 40px  !important; } .wpc-horizontal-scroll-yoga-card-img-mobile { max-width: 100%  !important; position: absolute; top: -30px; } .wpc-horizontal-scroll-yoga-img-bg { width: 100%; height: 210px; min-height: 210px; max-height: 210px; } @media screen and (min-width: 768px) { .wpc-horizontal-scroll-yoga { background-image: url("https://p2-ofp.static.pub/ShareResource/ww/landing-pages/yoga-brand-page/img/lenovo-smarter-gradient-pale-creative-background-desktop.jpg")  !important; background-position: bottom  !important; padding-top: 82px  !important; padding-bottom: 82px  !important; } } @media screen and (min-width: 1280px) { .wpc-horizontal-scroll-yoga-container { overflow-x: visible  !important; padding: 0 48px  !important; } .wpc-horizontal-scroll-yoga-card { transition: all .2s ease-in  !important; width: 100%; } .wpc-horizontal-scroll-yoga-card:hover .wpc-horizontal-scroll-yoga-img-desktop { top: 10%  !important; width: 350px  !important; } .wpc-horizontal-scroll-yoga-card-img-mobile { display: none  !important; } .wpc-horizontal-scroll-yoga-img-container { position: relative  !important; display: block  !important; } .wpc-horizontal-scroll-yoga-img-desktop { display: block; transition: all .2s ease-in-out  !important; position: absolute  !important; top: 15%  !important; left: 50%  !important; width: 250px  !important; transform: translate(-50%, -50%)  !important; } } @media screen and (min-width: 1920px) { .wpc-horizontal-scroll-yoga-container { padding: 0 248px  !important; } .wpc-horizontal-scroll-yoga-img-desktop { width: 250px  !important; } .wpc-horizontal-scroll-yoga-card:hover .wpc-horizontal-scroll-yoga-img-desktop { top: 10%  !important; width: 350px  !important; } .wpc-horizontal-scroll-yoga { padding-top: 85px  !important; padding-bottom: 85px  !important; } } header.yoga-header { width: 100%; z-index: 950; position: fixed; top: 0; background: #fff; max-width: 1920px; opacity: 0; transition: opacity .2s ease-out; border-bottom: 1px solid #e5e5e5; pointer-events: none; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list { float: left; margin-left: 4.5em; margin-bottom: 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li { display: inline-block; padding: 0 0 1.2em; list-style: none; margin: 1.6em 1.2em 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li a { font-size: 1.3em; font-weight: 500; letter-spacing: .05em; color: #7a126b; text-decoration: none; transition: .2s; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li a:hover { color: #000; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li.yoga-header__nav-list--inactive a span { color: #c9c9c9; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li.yoga-header__nav-list--inactive a:hover span { color: #000; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li:first-child:hover ~ hr { margin-left: 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li:nth-child(2):hover ~ hr { margin-left: 50%; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list hr { height: .25em; width: calc(50% - .5em); margin: 0; background: #7a126b; border: 0; transition: .3s ease-in-out; text-align: left; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap { margin: 1em 0 0 3.6em; padding: 0; transition: .2s; float: left; height: 2em; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap img, header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap svg { height: 3em; vertical-align: middle; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap { margin: .7em 3.5em .4em 0; padding: 0; transition: .2s; float: right; background: #294e95; border-radius: 3px; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span { padding: .7em 2em; display: inline-block; color: #fff; font-size: 1.3em; font-weight: 500; letter-spacing: .05em; text-decoration: none; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span:hover { opacity: .5; } header.yoga-header #yoga-header__mobile-trigger { width: 4em; height: 3em; position: relative; margin: 2.6em auto 1.8em 2em; transform: rotate(0); transition: .5s ease-in-out; cursor: pointer; } header.yoga-header #yoga-header__mobile-trigger span { display: block; position: absolute; width: 80%; background: #000; opacity: 1; left: 0; transform: rotate(0); transition: .2s ease-in-out; } header.yoga-header #yoga-header__mobile-trigger span:first-child { top: .4em; } header.yoga-header #yoga-header__mobile-trigger span:nth-child(2), header.yoga-header #yoga-header__mobile-trigger span:nth-child(3) { top: 1.4em; } header.yoga-header #yoga-header__mobile-trigger span:nth-child(4) { top: 2.4em; } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(2) { transform: rotate(45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(3) { transform: rotate(-45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(4) { top: 1.4em; visibility: visible; transform: rotate(-45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:first-child { top: 1.4em; visibility: visible; transform: rotate(45deg); } header.yoga-header #yoga-header__mobile-trigger { display: none; text-align: left; float: left; } header.yoga-header #yoga-header__mobile-trigger span { display: inline-block; padding: .3em .5em 0; margin: 0; min-width: 80%; cursor: pointer; } header.yoga-header #yoga-header__mobile-trigger span i { padding: .8em 0 0; float: right; display: none; font-size: 1.8em; line-height: .2em; min-width: 1.6em; } header.yoga-header #yoga-header__mobile-trigger span.menu_state { display: inline-block; } header.yoga-header #yoga-header__nav-mobile-list { position: absolute; z-index: 11; left: 0; right: 0; top: 6.5em; display: none; } header.yoga-header #yoga-header__nav-mobile-list ul { display: none; list-style-type: none; width: 100%; height: auto; border-top: 1px solid #d8d8d8; padding: 0; margin: 0 auto; background: #fff; } header.yoga-header #yoga-header__nav-mobile-list ul li { display: block; margin: 0; text-indent: 2em; border-bottom: 1px solid #d8d8d8; padding: 1.2em 0; font-size: 1.4em; line-height: 22px; } header.yoga-header #yoga-header__nav-mobile-list ul li a { text-decoration: none; color: #000; } @media only screen and (max-width: 768px) { header.yoga-header div.yoga-header__nav #yoga-header__mobile-trigger { display: block; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list { display: none; float: right; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap { margin: 1.5em 3.5em .4em 0; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span { font-size: 1.2em; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap { margin: 2.6em; } header.yoga-header #yoga-header__nav-mobile-list { display: block; } } header.yoga-header.scrolled-fixed { opacity: 1; pointer-events: all; z-index: 1000; } .m-affinitySiteBar.scrolled-remove, .m-mastheadSubNav__wrapper.scrolled-remove, .masthead.scrolled-remove, .o-mastheadModule__wrapper.scrolled-remove { display: none; } header.yoga-header-products div.yoga-header__nav ul.yoga-header__nav-list hr { margin-left: 50%; } .yoga-list-convertibles__item-wrap .yoga-list__item-wrap { height: 100%; } #masthead #header__mobile-trigger { width: 30px; height: 30px; position: relative; margin-left: 30px; transform: rotate(0); transition: .5s ease-in-out; cursor: pointer; z-index: 11; } #masthead #header__mobile-trigger span { display: block; position: absolute; height: 5px; width: 30px; background: #000; border-radius: 10px; opacity: 1; left: 0; transform: rotate(0); transition: .2s ease-in-out; } #masthead #header__mobile-trigger span:first-child { top: 0; } #masthead #header__mobile-trigger span:nth-child(2), #masthead #header__mobile-trigger span:nth-child(3) { top: 10px; } #masthead #header__mobile-trigger span:nth-child(4) { top: 20px; } #masthead #header__mobile-trigger.open span:first-child { top: 10px; visibility: visible; transform: rotate(45deg); } #masthead #header__mobile-trigger.open span:nth-child(2) { transform: rotate(45deg); } #masthead #header__mobile-trigger.open span:nth-child(3) { transform: rotate(-45deg); } #masthead #header__mobile-trigger.open span:nth-child(4) { top: 10px; visibility: visible; transform: rotate(-45deg); } #masthead #header__mobile-trigger { display: none; text-align: left; float: right; margin-top: 5px; } #masthead #header__mobile-trigger span { display: inline-block; padding: 0; margin: 0; min-width: 30px; cursor: pointer; } #masthead #header__mobile-trigger span i { padding: .8rem 0 0; float: right; display: none; font-size: 1.8rem; line-height: .2rem; min-width: 1.6rem; } #masthead #header__mobile-trigger span.menu_state { display: inline-block; } @media only screen and (max-width: 992px) { #masthead.topbar { padding: 10px 20px; } #masthead.topbar .logo img { width: 80px; height: auto; } } @media only screen and (max-width: 767px) { #masthead.topbar .btn { padding: 8px 12px; } } header.event-header #event-header__nav-mobile-list { position: absolute; z-index: 11; left: 0; right: 0; top: 150px; display: none; } header.event-header #event-header__nav-mobile-list ul { display: none; list-style-type: none; width: 100%; height: auto; padding: 1.5rem 0; margin: 0 auto; background: #efefef; } @media screen and (min-width: 768px) { #header-and-nav { display: none; } } header.yoga-header { width: 100%; z-index: 950; position: fixed; top: 0; background: #fff; max-width: 1920px; opacity: 0; transition: opacity .2s ease-out; border-bottom: 1px solid #e5e5e5; pointer-events: none; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list { float: left; margin-left: 4.5em; margin-bottom: 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li { display: inline-block; padding: 0 0 1.2em; list-style: none; margin: 1.6em 1.2em 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li a { font-size: 1.3em; font-weight: 500; letter-spacing: .05em; color: #7a126b; text-decoration: none; transition: .2s; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li a:hover { color: #000; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li.yoga-header__nav-list--inactive a span { color: #c9c9c9; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li.yoga-header__nav-list--inactive a:hover span { color: #000; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li:first-child:hover ~ hr { margin-left: 0; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list li:nth-child(2):hover ~ hr { margin-left: 50%; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list hr { height: .25em; width: calc(50% - .5em); margin: 0; background: #7a126b; border: 0; transition: .3s ease-in-out; text-align: left; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap { margin: 1em 0 0 3.6em; padding: 0; transition: .2s; float: left; height: 2em; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap img, header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap svg { height: 3em; vertical-align: middle; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap { margin: .7em 3.5em .4em 0; padding: 0; transition: .2s; float: right; background: #294e95; border-radius: 3px; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span { padding: .7em 2em; display: inline-block; color: #fff; font-size: 1.3em; font-weight: 500; letter-spacing: .05em; text-decoration: none; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span:hover { opacity: .5; } header.yoga-header #yoga-header__mobile-trigger { width: 4em; height: 3em; position: relative; margin: 2.6em auto 1.8em 2em; transform: rotate(0); transition: .5s ease-in-out; cursor: pointer; } header.yoga-header #yoga-header__mobile-trigger span { display: block; position: absolute; width: 80%; background: #000; opacity: 1; left: 0; transform: rotate(0); transition: .2s ease-in-out; } header.yoga-header #yoga-header__mobile-trigger span:first-child { top: .4em; } header.yoga-header #yoga-header__mobile-trigger span:nth-child(2), header.yoga-header #yoga-header__mobile-trigger span:nth-child(3) { top: 1.4em; } header.yoga-header #yoga-header__mobile-trigger span:nth-child(4) { top: 2.4em; } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(2) { transform: rotate(45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(3) { transform: rotate(-45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:nth-child(4) { top: 1.4em; visibility: visible; transform: rotate(-45deg); } header.yoga-header #yoga-header__mobile-trigger.open span:first-child { top: 1.4em; visibility: visible; transform: rotate(45deg); } header.yoga-header #yoga-header__mobile-trigger { display: none; text-align: left; float: left; } header.yoga-header #yoga-header__mobile-trigger span { display: inline-block; padding: .3em .5em 0; margin: 0; min-width: 80%; cursor: pointer; } header.yoga-header #yoga-header__mobile-trigger span i { padding: .8em 0 0; float: right; display: none; font-size: 1.8em; line-height: .2em; min-width: 1.6em; } header.yoga-header #yoga-header__mobile-trigger span.menu_state { display: inline-block; } header.yoga-header #yoga-header__nav-mobile-list { position: absolute; z-index: 11; left: 0; right: 0; top: 6.5em; display: none; } header.yoga-header #yoga-header__nav-mobile-list ul { display: none; list-style-type: none; width: 100%; height: auto; border-top: 1px solid #d8d8d8; padding: 0; margin: 0 auto; background: #fff; } header.yoga-header #yoga-header__nav-mobile-list ul li { display: block; margin: 0; text-indent: 2em; border-bottom: 1px solid #d8d8d8; padding: 1.2em 0; font-size: 1.4em; line-height: 22px; } header.yoga-header #yoga-header__nav-mobile-list ul li a { text-decoration: none; color: #000; } @media only screen and (max-width: 768px) { header.yoga-header div.yoga-header__nav #yoga-header__mobile-trigger { display: block; } header.yoga-header div.yoga-header__nav ul.yoga-header__nav-list { display: none; float: right; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap { margin: 1.5em 3.5em .4em 0; } header.yoga-header div.yoga-header__nav .yoga-header__nav-btn-wrap a span { font-size: 1.2em; } header.yoga-header div.yoga-header__nav .yoga-header__nav-img-wrap { margin: 2.6em; } header.yoga-header #yoga-header__nav-mobile-list { display: block; } } header.yoga-header.scrolled-fixed { opacity: 1; pointer-events: all; z-index: 1000; } .m-affinitySiteBar.scrolled-remove, .m-mastheadSubNav__wrapper.scrolled-remove, .masthead.scrolled-remove, .o-mastheadModule__wrapper.scrolled-remove { display: none; } header.yoga-header-products div.yoga-header__nav ul.yoga-header__nav-list hr { margin-left: 50%; } .yoga-list-convertibles__item-wrap .yoga-list__item-wrap { height: 100%; } #masthead #header__mobile-trigger { width: 30px; height: 30px; position: relative; margin-left: 30px; transform: rotate(0); transition: .5s ease-in-out; cursor: pointer; z-index: 11; } #masthead #header__mobile-trigger span { display: block; position: absolute; height: 5px; width: 30px; background: #000; border-radius: 10px; opacity: 1; left: 0; transform: rotate(0); transition: .2s ease-in-out; } #masthead #header__mobile-trigger span:first-child { top: 0; } #masthead #header__mobile-trigger span:nth-child(2), #masthead #header__mobile-trigger span:nth-child(3) { top: 10px; } #masthead #header__mobile-trigger span:nth-child(4) { top: 20px; } #masthead #header__mobile-trigger.open span:first-child { top: 10px; visibility: visible; transform: rotate(45deg); } #masthead #header__mobile-trigger.open span:nth-child(2) { transform: rotate(45deg); } #masthead #header__mobile-trigger.open span:nth-child(3) { transform: rotate(-45deg); } #masthead #header__mobile-trigger.open span:nth-child(4) { top: 10px; visibility: visible; transform: rotate(-45deg); } #masthead #header__mobile-trigger { display: none; text-align: left; float: right; margin-top: 5px; } #masthead #header__mobile-trigger span { display: inline-block; padding: 0; margin: 0; min-width: 30px; cursor: pointer; } #masthead #header__mobile-trigger span i { padding: .8rem 0 0; float: right; display: none; font-size: 1.8rem; line-height: .2rem; min-width: 1.6rem; } #masthead #header__mobile-trigger span.menu_state { display: inline-block; } @media only screen and (max-width: 992px) { #masthead.topbar { padding: 10px 20px; } #masthead.topbar .logo img { width: 80px; height: auto; } } @media only screen and (max-width: 767px) { #masthead.topbar .btn { padding: 8px 12px; } } header.event-header #event-header__nav-mobile-list { position: absolute; z-index: 11; left: 0; right: 0; top: 150px; display: none; } header.event-header #event-header__nav-mobile-list ul { display: none; list-style-type: none; width: 100%; height: auto; padding: 1.5rem 0; margin: 0 auto; background: #efefef; } @media screen and (min-width: 768px) { #header-and-nav { display: none; } }