@import url(https://c1-ofp.static.pub/ShareResource/DSM/DSM_2/css/variables.css); * { margin: 0; padding: 0; text-decoration: none; } html { scroll-behavior: smooth; } mark { background-color: var(--informative-pale); } .commonHeader { z-index: 1000; } .cf-invite-wrapper { z-index: 2000  !important; } #wpc-shipping-and-delivery-tab, #wpc-returns-and-cancellations-tab, #wpc-payments-and-price-tab, #wpc-pick-up-in-store-tab, #wpc-wishlist-tab, #wpc-holiday-price-match-tab, #wpc-authorized-resellers-tab { scroll-margin: 170px; } .wpc-shopping-faqs-hero { display: flex; align-items: center; background-image: url(https://p2-ofp.static.pub/ShareResource/na/landing-pages/faq-page/hero/lenovo-faqs-image-mobile-x2.png); height: 100px; background-size: cover; } #wpc-shopping-faqs-hero-title { color: white; font-size: var(--headline-s); font-weight: 400; padding-left: 20px; } .wpc-shopping-faqs-main-cards { display: grid; grid-template-columns: 1fr; gap: 10px; background-color: #f5f5f5; padding-top: 15px; padding-bottom: 1px; height: 100%; } .wpc-faqs-main-card { display: flex; margin: 0 var(--spacing-2); flex-direction: row; border: solid 1px #ccc; background-color: #fff; border-radius: 6px; padding: var(--spacing-2) 36px var(--spacing-2) 10px; } .wpc-faqs-main-card-text-desktop { display: none; } .wpc-faqs-main-card-icon { position: absolute; left: 28px; margin: 4px; height: fit-content; } .wpc-faqs-main-card-text { padding-left: 40px; } .wpc-faqs-main-card-title { color: var(--pure-dark); font-size: 23px; } .wpc-faqs-main-card-copy { color: #6d656f; font-size: 14px; line-height: 1.3; } .wpc-faqs-card-cta { display: inline-block; color: #fff; border-radius: 4px; background-color: var(--alternate-med); border: 1px solid #00000000; padding: 14px 24px; font-weight: bold; } .wpc-faqs-card-cta:hover { background-color: #eaeef5; border: 1px solid #294e95; color: #294e95; } .wpc-faqs-main-card-desktop-button { display: none; } .wpc-faqs-sections-search { background-color: #f5f5f5; box-sizing: border-box; padding-top: 10px; position: sticky; top: -1px; z-index: 1100; align-self: flex-start; scroll-padding-top: 2000px; } .wpc-faqs-sections-search-top-container { box-sizing: inherit; display: block; flex-direction: column; } .wpc-faqs-sections-search-title { font-size: var(--title-m); padding-left: var(--spacing-2); padding-right: var(--spacing-2); margin-bottom: 12px; } .wpc-faqs-searchbar-container { padding-left: var(--spacing-2); padding-bottom: 15px; padding-right: var(--spacing-2); box-sizing: border-box; width: 100%; display: block; position: relative; z-index: 999; } #wpc-faqs-search-button { position: absolute; cursor: pointer; background-color: #fff; border: 0px; z-index: 10; padding: 10px 10px; right: 20px; top: 8px; } .wpc-faqs-search-container { box-sizing: inherit; position: relative; margin: 0; } #wpc-faqs-search { display: inline-block; box-sizing: inherit; padding: 23px 10px 15px 16px; width: 100%; border: 1px solid #ccc; background-color: #fff; border-radius: 4px; font-size: 16px; } #wpc-faqs-search:focus, #wpc-faqs-search:hover { outline: 1px solid #294e95; box-shadow: 0px 1px 4px #294e95cc; } .wpc-faqs-searchbar-container:hover #wpc-faqs-search-icon { filter: invert(26%) sepia(10%) saturate(7478%) hue-rotate(196deg) brightness(63%) contrast(89%); } .wpc-faqs-sections-search-placeholder { padding-top: 17px; pointer-events: none; position: absolute; left: 16px; top: 2px; transition: all ease .3s; opacity: .7; } input:focus ~ .wpc-faqs-sections-search-placeholder, input:not(:placeholder-shown) ~ .wpc-faqs-sections-search-placeholder { top: -10px; font-size: 12px; opacity: 1; } input:focus ~ .wpc-faqs-sections-search-placeholder { color: #294e95; } .wpc-faqs-sections-search-dropdown-container { position: absolute; top: 60px; display: none; width: 100%; box-sizing: content-box; background-color: #fff; border-radius: 4px; font-size: 16px; box-shadow: 0px 3px 6px #00000080; } #wpc-faqs-sections-search-dropdown-results-indicator { font-size: 12px; background-color: #fff; padding: 10px 0px 10px 10px; } #wpc-faqs-sections-search-dropdown-results-bottom-links { font-size: 14px; background-color: #eaeef5; padding: 10px; } .wpc-faqs-sections-search-dropdown-results-container { list-style: none; padding: 0px 0px 0px 0px; max-height: 200px; overflow: auto; } .wpc-faqs-sections-search-dropdown-results-container::-webkit-scrollbar { width: 6px; } .wpc-faqs-sections-search-dropdown-results-container::-webkit-scrollbar-thumb { background-color: #e3e3e3; border-radius: 100px; } .wpc-faqs-sections-search-dropdown-result { display: flex; align-items: center; padding: 12px 10px; justify-content: space-between; cursor: pointer; } .wpc-faqs-sections-search-dropdown-result:hover { background-color: #efefef; } .wpc-faqs-sections-search-dropdown-result:active { background-color: #dce0f4; } .wpc-faqs-sections-search-dropdown-result-text { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wpc-faqs-sections-search-dropdown-result-arrow { transform-origin: 60% 40%; transform: rotate(90deg); width: 20px; } .wpc-faqs-search-sections-menu { background-color: #fff; height: 100%; padding-top: 15px; padding-bottom: 7px; padding-left: var(--spacing-2); overflow: hidden; } .wpc-faqs-search-sections-menu-list { display: flex; gap: 12px; padding-bottom: 10px; padding-top: 5px; list-style-type: none; overflow: scroll; } .wpc-faqs-search-sections-menu-item { background-color: #f5f5f5; border: solid 2px #ffffff00; color: #4e444e; border-radius: 16px; font-weight: bold; font-size: 13px; padding: 6px 12px; white-space: nowrap; cursor: pointer; } .active-section { background-color: #fff; border: solid 2px #294e95; color: #000; font-weight: bold; } .wpc-faqs-sections-container { padding-left: var(--spacing-2); padding-right: var(--spacing-2); z-index: 998; } .wpc-faq-section { display: flex; flex-direction: column; } .wpc-faq-section-title { margin-top: 30px; margin-bottom: 20px; font-size: var(--title-m); } .wpc-faq-accordion { display: flex; flex-direction: column; } .wpc-accordion-spacer { outline: 1px solid #ccc; margin: 10px auto; width: 100%; } .wpc-faq-accordion-button { border: none; background-color: #fff; width: 100%; min-height: 50px; z-index: 0; text-align: start; font-size: var(--title-xs); position: relative; cursor: pointer; } .wpc-faq-accordion-title { max-width: 80%; } .wpc-faq-accordion-chevron { position: absolute; height: fit-content; width: 24px; right: 5px; bottom: 18px; transform: scaleY(-1); } .wpc-active-chevron { transform: scaleY(1); } .wpc-faq-accordion-list { padding-top: 10px; padding-bottom: 15px; list-style-position: inside; font-size: var(--body-m); } .wpc-faq-accordion-ordered-list, .wpc-faq-accordion-unordered-list { display: flex; gap: 16px; flex-direction: column; } .wpc-faq-accordion-unordered-list { margin-left: 15px; } .wpc-faq-accordion-ordered-list { margin-left: 0; } .wpc-faq-accordion-ordered-list { list-style: decimal; list-style-position: inside; } .wpc-faq-accordion-ordered-list > li.wpc-faq-accordion-list-item { margin-left: 0; } .wpc-faq-accordion-ordered-list > li.wpc-faq-accordion-list-item::marker { content: normal  !important; } .wpc-faq-accordion-ordered-list { list-style-type: decimal; } .wpc-faq-accordion-list > h5:first-child { margin-top: 0px  !important; } .wpc-faq-accordion-content { color: #4e444e; display: none; } .active-accordion { display: block; } .wpc-faq-accordion-list-subtitle { color: #000; font-size: var(--body-m); margin: 20px 0 8px 0; } li.wpc-faq-accordion-list-item::marker { content: "\2022  "; } li.wpc-faq-accordion-sublist-item::marker { content: "\25E6  "; } .wpc-faq-accordion-list-item { line-height: 20px; margin-bottom: 5px; } .wpc-faq-accordion-item-regular { color: #000; } .wpc-faq-accordion-list-anchor, .wpc-faq-dropdown-bottom-anchor { text-decoration: 1px underline #294e95; text-underline-offset: 2px; color: #294e95; } .wpc-faqs-support-resources { margin: 40px var(--spacing-2) 0px var(--spacing-2); } .wpc-faqs-support-resources-title { font-size: var(--title-m); margin-bottom: 8px; } .wpc-faqs-support-resources-cards-container { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; } .wpc-faqs-support-resources-card { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; padding: 15px 0px; border: 1px solid #ccc; border-radius: 6px; } .wpc-faqs-support-resources-card:hover { border: 1px solid #294e95; .wpc-faqs-support-resources-card-title { color: #294e95; } } .wpc-faqs-support-resources-card-title { color: #000; font-size: 18px; margin-bottom: 3px; } .wpc-faqs-support-resources-card-copy { color: #6d656f; font-size: 14px; width: 300px; } .wpc-faqs-bottom-support-card-container { padding: 20px 25px; margin: 35px 0; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; text-align: center; } .wpc-faqs-bottom-support-card-title { font-size: 18px; margin-bottom: 8px; } .wpc-faqs-bottom-support-card-copy { font-size: 14px; margin-bottom: 12px; } @media (min-width: 749px) { .wpc-shopping-faqs-hero { height: 120px; background-image: url(https://p4-ofp.static.pub/ShareResource/na/landing-pages/faq-page/hero/lenovo-faqs-image-tablet-750-x2.png); } #wpc-shopping-faqs-hero-title { font-size: var(--headline-m); padding-left: 48px; } .wpc-shopping-faqs-main-cards { display: grid; text-align: center; grid-template-columns: 1fr 1fr; padding-left: var(--spacing-3); padding-right: var(--spacing-3); } .wpc-faqs-main-card { justify-content: center; align-items: center; position: relative; margin-left: 0px; margin-right: 0px; padding: 10px 20px 20px; } .wpc-faqs-main-card:hover { box-shadow: 0px 3px 6px #00000029; } .wpc-faqs-main-card-title, .wpc-faqs-main-card-title-desktop { margin-bottom: 12px; } .wpc-faqs-main-card-copy, .wpc-faqs-main-card-copy-desktop { color: #000; line-height: 1.5; } .wpc-faqs-main-card-icon { position: relative; inset: 0; padding: 0px; margin: 0 10px 0 0; top: 8px; } .wpc-faqs-main-card-text { display: none; } .wpc-faqs-main-card-text-desktop { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; padding: 10px 0 5px 0; height: 100%; } .wpc-faqs-main-card-desktop-button { display: inline-block; width: fit-content; margin: 0 auto; margin-top: 16px; } .wpc-faqs-sections-search-title { font-size: var(--title-l); padding-left: var(--spacing-3); padding-right: var(--spacing-3); margin-bottom: 12px; } .wpc-faqs-searchbar-container { padding: 0 var(--spacing-3) var(--spacing-2) var(--spacing-3); } .wpc-faqs-search-sections-menu { padding-left: var(--spacing-3); padding-right: var(--spacing-3); } #wpc-faqs-search-button { right: 24px; } .wpc-faqs-sections-container { padding: 0 var(--spacing-3); } .wpc-faq-section-title { font-size: var(--title-l); } .wpc-faq-accordion-title { font-size: var(--body-l); } .wpc-faq-accordion-content { color: #171717; width: 100%; font-size: 16px; } .wpc-faqs-support-resources { margin-left: var(--spacing-3); margin-right: var(--spacing-3); } .wpc-faqs-support-resources-cards-container { display: grid; grid-template-columns: 1fr 1fr; } .wpc-faqs-support-resources-card { padding: 25px 0px; } .wpc-faqs-support-resources-card-title { margin-bottom: 18px; } .wpc-faqs-support-resources-card-copy { width: 270px; } .wpc-faqs-support-resources-title { margin-bottom: 24px; } } @media (min-width: 1280px) { #wpc-shipping-and-delivery-tab, #wpc-returns-and-cancellations-tab, #wpc-payments-and-price-tab, #wpc-pick-up-in-store-tab, #wpc-wishlist-tab, #wpc-holiday-price-match-tab, #wpc-authorized-resellers-tab { display: none; } #wpc-shipping-and-delivery-tab, #wpc-returns-and-cancellations-tab, #wpc-payments-and-price-tab, #wpc-pick-up-in-store-tab, #wpc-wishlist-tab, #wpc-holiday-price-match-tab, #wpc-authorized-resellers-tab { scroll-margin: 280px; } #wpc-holiday-price-match-tab { display: flex; } .wpc-shopping-faqs-hero { background-image: url(//p2-ofp.static.pub/ShareResource/na/landing-pages/faq-page/hero/lenovo-faqs-image-desktop-1280-x2.png); height: 200px; } #wpc-shopping-faqs-hero-title { font-size: 44px; padding-left: 48px; } .wpc-shopping-faqs-main-cards { padding-top: var(--spacing-6); padding-left: var(--spacing-8); padding-right: var(--spacing-8); } .wpc-faqs-main-card { padding: var(--spacing-5) var(--spacing-6); } .wpc-faqs-main-card-text-desktop { padding: 0px; } .wpc-faqs-main-card-title, .wpc-faqs-main-card-title-desktop { font-size: var(--title-l-line); } .wpc-faqs-main-card-title-desktop { margin-bottom: 12px; } .wpc-faqs-main-card-copy, .wpc-faqs-main-card-copy-desktop { padding-left: var(--spacing-2); padding-right: var(--spacing-2); margin-bottom: 38px; } .wpc-faqs-main-card-desktop-button { margin-top: 0px; } .wpc-faqs-main-card-icon { top: 6px; } .wpc-faqs-sections-search { position: static; } .wpc-faqs-sections-search-top-container { align-items: center; justify-content: space-between; margin-top: 24px; display: flex; flex-direction: row; } .wpc-faqs-sections-search-title { font-size: var(--title-l-line); padding-left: var(--spacing-8); margin-bottom: 0px; } .wpc-faqs-searchbar-container { width: 55%; padding: 0 var(--spacing-8) 0 0; } #wpc-faqs-search-button { right: 58px; } .wpc-faqs-search-sections-menu { background-color: #f5f5f5; display: flex; padding: 0px var(--spacing-8); border-bottom: 1px solid #000; justify-content: space-evenly; } .wpc-faqs-search-sections-menu-list { display: flex; width: 100%; padding-bottom: 8px; padding-top: 24px; justify-content: space-between; overflow: hidden; } .wpc-faqs-search-sections-menu-item, .active-section { background-color: #ffffff00; font-size: 18px; border: none; padding: 6px 0px; border-radius: 0px; } .active-section { border-bottom: #294e95 3px solid; } .wpc-faqs-support-resources-cards-container { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; } .wpc-faqs-support-resources-card { padding: 20px 0px 27px 0px; } .wpc-faqs-sections-container { padding: 0 var(--spacing-8); } .wpc-faqs-support-resources { margin-left: var(--spacing-8); margin-right: var(--spacing-8); } .wpc-faqs-support-resources-title { font-size: var(--title-l-line); } .wpc-faq-section-title { font-size: var(--headline-l); } .wpc-faq-accordion-title { font-size: var(--title-m); } .wpc-faqs-support-resources-card-title { font-size: var(--body-m-line); margin-bottom: var(--spacing-2); } .wpc-faqs-bottom-support-card-container { display: flex; align-items: center; justify-content: space-between; } .wpc-faqs-bottom-support-card-container:hover { box-shadow: 0px 3px 6px #00000029; } .wpc-faq-bottom-support-card-text-container { display: flex; align-items: center; gap: 15px; } .wpc-faqs-bottom-support-card-title { margin: 0; min-width: 270px; flex-wrap: nowrap; font-size: var(--title-m-line); } .wpc-faqs-bottom-support-card-copy { text-align: start; margin: 0; font-size: var(--body-m); } .wpc-faqs-bottom-card-cta { margin-left: var(--spacing-5); white-space: nowrap; } } @media (min-width: 1920px) { .wpc-shopping-faqs-hero { background-image: url(//p2-ofp.static.pub/ShareResource/na/faqs/hero/lenovo-faqs-image-desktop-1920-x2.png); } .wpc-faqs-main-card-copy-desktop { max-width: 700px; margin-bottom: 16px; } #wpc-shopping-faqs-hero-title { font-size: 48px; padding-left: 248px; } .wpc-shopping-faqs-main-cards { padding-left: var(--xl-grid-margin); padding-right: var(--xl-grid-margin); } .wpc-faqs-main-card { min-height: 0px; } .wpc-faqs-sections-search-title { padding-left: var(--xl-grid-margin); } .wpc-faqs-searchbar-container { padding-right: var(--xl-grid-margin); } #wpc-faqs-search-button { right: 258px; } .wpc-faqs-search-sections-menu { padding: 0px var(--xl-grid-margin); } .wpc-faqs-sections-container { padding: 0 var(--xl-grid-margin); } .wpc-faqs-support-resources { margin-left: var(--xl-grid-margin); margin-right: var(--xl-grid-margin); } }