@charset "utf-8";

.Type1.lang_entry_container { line-height: 17px; font-size: 14px; position: relative; cursor: pointer; color: rgb(0, 0, 0); padding: 4px 10px 0px; }

.Type1.lang_entry_container .icon_container { width: 16px; height: 16px; border-radius: 50%; overflow: hidden; margin-right: 3.79px; }

.Type1.lang_entry_container .icon_container img { width: 100%; height: 100%; object-fit: cover; }

.Type1.lang_entry_container .lang_entry_name { font-weight: 700; align-items: center; }

.Type1.lang_entry_container .lang_entry_name > span { display: inline-block; margin-right: 6px; }

.Type1.lang_entry_container .lang_entry_name .ca_arrow { display: inline-block; width: 13px; height: 8px; transform: rotate(180deg); filter: invert(1); }

.Type1.lang_entry_container .lang_entry_name .ca_arrow.arrow_rotate { transform: rotate(0deg); }

.Type1.lang_entry_container .lang_entry_icon { display: none; }

.Type1.lang_entry_container .lang_entry_popover { display: none; width: 195px; right: 0px; cursor: initial; }

.Type1.lang_entry_container .lang_entry_popover .lang_entry_content .item { padding: 0px; color: rgb(0, 0, 0); width: 100%; display: flex; justify-content: space-between; align-items: center; cursor: pointer; margin-left: 0px; font-weight: 700; }

.Type1.lang_entry_container .lang_entry_popover .lang_entry_content .item .icon { display: none; width: 14px; height: 12px; background: url("//p3-ofp.static.pub/fes/cms/2023/03/22/flvn8wql9sd8fthjvavlkyeqfqs0ut460247.svg") 0% 0% / contain no-repeat; }

.Type1.lang_entry_container .lang_entry_popover .lang_entry_content .item.checked { color: var(--med-blue); }

.Type1.lang_entry_container .lang_entry_popover .lang_entry_content .item.checked .icon { display: block; }

.Type1.lang_entry_container .lang_entry_popover .lang_entry_content .item:hover { text-decoration: underline; }

.Type1.lang_entry_container:hover, .Type1.lang_entry_container:focus { background-color: rgb(255, 255, 255); border-radius: 6px 6px 0px 0px; }

.Type1.lang_entry_container:hover .lang_entry_name, .Type1.lang_entry_container:focus .lang_entry_name { padding-bottom: 7px; border-bottom: 4px solid rgb(225, 37, 20); }

.smbCommonHeader .Type1.lang_entry_container:hover, .smbCommonHeader .Type1.lang_entry_container:focus { background-color: rgb(42, 42, 42); }

.smbCommonHeader .Type1.lang_entry_container .lang_entry_name { color: rgb(255, 255, 255); }

.smbCommonHeader .Type1.lang_entry_container .lang_entry_name > span { color: rgb(255, 255, 255); }

.smbCommonHeader .Type1.lang_entry_container .lang_entry_name .ca_arrow { filter: invert(0); }

@media screen and (max-width: 749px) {
  .Type1.lang_entry_container { margin-right: 0px; }
  .Type1.lang_entry_container .lang_entry_name { display: none; }
  .Type1.lang_entry_container .lang_entry_icon { display: inline-block; }
  .Type1.lang_entry_container .lang_entry_popover { right: -45px; }
}

#tier_container { display: flex; align-items: flex-start; position: relative; padding: 4px 10px 0px; }

#tier_container:hover, #tier_container:focus-within { background-color: rgb(255, 255, 255); border-radius: 6px 6px 0px 0px; }

#tier_container:hover .tier_popup, #tier_container:focus-within .tier_popup { display: block; }

#tier_container .tier_prologo { cursor: pointer; }

#tier_container:hover .tier_prologo, #tier_container:focus .tier_prologo { height: 28px; padding-bottom: 7px; border-bottom: 4px solid rgb(225, 37, 20); }

#tier_container .tier_popup { display: none; position: absolute; top: 32px; right: 0px; z-index: 1000; width: 280px; background: rgb(255, 255, 255); box-shadow: rgba(30, 0, 19, 0.5) 0px 2px 4px; border-top: 5px solid rgb(255, 255, 255); padding: 16px; box-sizing: border-box; color: rgb(0, 0, 0); font-size: 12px; }

#tier_container .tier_popup .tier_title { font-size: 14px; line-height: 17px; margin-bottom: 10px; }

#tier_container .tier_popup .tier_status { margin-bottom: 8px; height: 15px; align-items: center; }

#tier_container .tier_popup .tier_status .tier_progress { width: 183px; height: 8px; background-color: rgb(227, 227, 227); border-radius: 4px; margin-left: 4px; overflow: hidden; flex-shrink: 0; }

#tier_container .tier_popup .tier_status .tier_progress .tier_percents { height: 100%; }

#tier_container .tier_popup .tier_statusDes { margin-top: 8px; margin-bottom: 8px; color: rgb(85, 85, 85); line-height: 15px; }

#tier_container .tier_popup .tier_statusDes.lock::before { content: ""; margin-right: 3px; color: rgb(255, 255, 255); background: url("//p1-ofp.static.pub/fes/cms/2021/09/08/5b8y1v9b4176blmmonul0l39svwy28006517.svg") center center / contain no-repeat; display: inline-block; width: 9px; height: 16px; vertical-align: bottom; }

#tier_container .tier_popup .tier_viewDetail { display: block; margin-top: 7px; margin-bottom: 5px; font-size: 12px; line-height: 18px; color: var(--med-blue); }

#tier_container .tier_popup .tier_line { height: 1px; border-bottom: 1px solid rgb(204, 204, 204); padding-top: 2px; }

#tier_container .tier_popup .tier_perks { padding-top: 2px; margin-top: 6px; line-height: 17px; }

#tier_container .tier_popup .tier_perks .perksRow { line-height: inherit; }

#tier_container .tier_popup .tier_perks .perk i { margin-right: 3px; color: rgb(255, 255, 255); background: url("//p4-ofp.static.pub/fes/cms/2021/09/08/efih80x7oieq5wp3pkeywb6z0kxd6n664943.svg") center center / contain no-repeat; display: inline-block; width: 9px; height: 16px; vertical-align: bottom; }

.smbCommonHeader #tier_container:hover, .smbCommonHeader #tier_container:focus-within { background-color: rgb(42, 42, 42); }

.smbCommonHeader #tier_container:hover .tier_popup, .smbCommonHeader #tier_container:focus-within .tier_popup { display: block; }

.mobile-common-header .black-bg { --header-bg-color: #171717; --search-box-border: #171717; }

.mobile-common-header .white-bg { --header-bg-color: #fff; --search-box-border: #e8e8e8; }

.mobile-common-header .hamburger-icon-white::before { color: rgb(255, 255, 255); }

.mobile-common-header .header-icon-arrow { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 21px; }

.mobile-common-header .header-icon-arrow::before { color: rgb(0, 0, 0); }

@keyframes sk-circleFadeDelay { 
  0%, 39%, 100% { opacity: 0.2; }
  40% { opacity: 1; }
}

@keyframes displayLeft { 
  0% { opacity: 0; transform: translate(-100%); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes hideLeft { 
  100% { opacity: 0; transform: translate(-100%); }
  0% { opacity: 1; transform: translate(0px); }
}

@keyframes displayRight { 
  0% { opacity: 0; transform: translate(100%); }
  100% { opacity: 1; transform: translate(0px); }
}

.mobile-common-header .next-enter-active, .mobile-common-header .next-leave-active, .mobile-common-header .prev-enter-active, .mobile-common-header .prev-leave-active { transition: 0.5s; }

.mobile-common-header .next-leave-to { opacity: 0; transform: translate(-100%); }

.mobile-common-header .next-enter-from, .mobile-common-header .prev-leave-to { opacity: 0; transform: translate(100%); }

.mobile-common-header .prev-enter-from { opacity: 0; transform: translate(-100%); }

@keyframes hideRight { 
  100% { opacity: 0; transform: translate(100%); }
  0% { opacity: 1; transform: translate(0px); }
}

@keyframes displayHeight { 
  0% { max-height: 0px; }
  100% { max-height: 3000px; }
}

@keyframes hideHeight { 
  0% { max-height: 3000px; }
  100% { max-height: 0px; }
}

@keyframes displayTop { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes hideTop { 
  100% { opacity: 0; transform: translateY(100%); }
  0% { opacity: 1; transform: translate(0px); }
}

@keyframes displayBottom { 
  0% { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 1; transform: translate(0px); }
}

@keyframes hideBottom { 
  100% { opacity: 0; transform: translateY(-100%); }
  0% { opacity: 1; transform: translate(0px); }
}

.mobile-common-header .common-header-placeholder { height: 125px; }

.mobile-common-header .common-header-container { background-color: var(--header-bg-color); }

.mobile-common-header::-webkit-scrollbar { width: 0px; height: 0px; display: none; }

.mobile-common-header .mobile-flex, .mobile-common-header .header-top-container .right-nav, .mobile-common-header .header-top-container .header-lenovo-logo, .mobile-common-header .header-top-container .left-nav .nav-item, .mobile-common-header .header-top-container .left-nav .explore, .mobile-common-header .header-top-container .left-nav { display: flex; align-items: center; }

.mobile-common-header .mobile-flex > img, .mobile-common-header .header-top-container .right-nav > img, .mobile-common-header .header-top-container .header-lenovo-logo > img, .mobile-common-header .header-top-container .left-nav .nav-item > img, .mobile-common-header .header-top-container .left-nav .explore > img, .mobile-common-header .header-top-container .left-nav > img { margin-right: 8px; }

.mobile-common-header .header-top-container { width: 100%; display: flex; padding: 16px 16px 0px; }

.mobile-common-header .header-top-container .name-img { height: 32px; width: 32px; margin-right: 8px; background-color: rgb(41, 78, 149); border-radius: 50%; font: 700 16px / 24px Montserrat, Lato, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; }

.mobile-common-header .header-top-container .img-content .avatar-content { width: 32px; height: 32px; }

.mobile-common-header .header-top-container .img-content .avatar-img { height: 32px; border-radius: 50%; border: 1px solid rgb(111, 19, 96); }

.mobile-common-header .header-top-container .utility-content { width: 24px; height: 24px; position: relative; }

.mobile-common-header .header-top-container .utility-content img { object-fit: cover; object-position: center top; height: 24px; }

.mobile-common-header .header-top-container .utility-content .utility-popover { position: absolute; left: 12px; top: -12px; width: 24px; height: 24px; color: rgb(255, 255, 255); border-radius: 50%; background-color: rgb(225, 37, 27); display: flex; justify-content: center; line-height: 24px; }

.mobile-common-header .header-top-container .left-nav { width: 68px; }

.mobile-common-header .header-top-container .left-nav .explore { margin-right: 20px; justify-content: left; }

.mobile-common-header .header-top-container .left-nav .explore img { object-fit: cover; object-position: center top; }

.mobile-common-header .header-top-container .left-nav .explore .hamburger-icon-placeholder { width: 24px; height: 24px; }

.mobile-common-header .header-top-container .left-nav .nav-item { justify-content: left; }

.mobile-common-header .header-top-container .header-lenovo-logo { width: 100%; justify-content: center; height: 32px; }

.mobile-common-header .header-top-container .right-nav { width: 68px; justify-content: right; }

.mobile-common-header .header-top-container .right-nav .nav-item:first-child { margin-right: 20px; }

@keyframes displayLeft1 { 
  0% { opacity: 0; visibility: hidden; }
  100% { opacity: 1; visibility: visible; }
}

@keyframes hideLeft1 { 
  100% { opacity: 0; visibility: visible; }
  0% { opacity: 1; visibility: hidden; }
}

.mobile-common-header .left1-enter-active { animation: 0.5s ease 0s 1 normal none running displayLeft1; }

.mobile-common-header .left1-leave-active { animation: 0.5s ease 0s 1 normal none running hideLeft1; }

.mobile-common-header .left-enter-active { animation: 0.5s ease 0s 1 normal none running displayLeft; }

.mobile-common-header .left-leave-active { animation: 0.5s ease 0s 1 normal none running hideLeft; }

.mobile-common-header .right-enter-active { animation: 0.5s ease 0s 1 normal none running displayRight; }

.mobile-common-header .right-leave-active { animation: 0.5s ease 0s 1 normal none running hideRight; }

.mobile-common-header .height-enter-active { animation: 1s ease 0s 1 normal none running displayHeight; }

.mobile-common-header .height-leave-active { animation: 0.5s ease 0s 1 normal none running hideHeight; }

.mobile-common-header .top-enter-active { animation: 0.5s ease 0s 1 normal none running displayTop; }

.mobile-common-header .top-leave-active { animation: 0.5s ease 0s 1 normal none running hideTop; }

.mobile-common-header .bottom-enter-active { animation: 0.5s ease 0s 1 normal none running displayBottom; }

.mobile-common-header .bottom-leave-active { animation: 0.5s ease 0s 1 normal none running hideBottom; }

.mobile-common-header .popover { background-color: rgb(245, 245, 245); height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999; overflow: hidden auto; padding-bottom: 40px; color: rgb(23, 23, 23); font-family: Montserrat, Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .popover a { color: rgb(23, 23, 23); }

.mobile-common-header .popover::-webkit-scrollbar { width: 0px; height: 0px; display: none; }

.mobile-common-header .popover .popover-title { display: flex; justify-content: space-between; padding: 0px 16px; min-height: 60px; align-items: center; font: 700 24px Montserrat, Lato, Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255); }

.mobile-common-header .popover .popover-title .title { font-weight: 700; }

.mobile-common-header .popover .header-contact-content { margin: 16px; border-radius: 10px; background-color: rgb(255, 255, 255); }

.mobile-common-header .popover .header-contact-content .contact-dropdown { padding: 13px 16px 0px; border-bottom: 2px solid rgb(204, 204, 204); }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-header { display: flex; justify-content: space-between; font-family: Montserrat, Lato, Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 700; height: 48px; margin-bottom: 8px; align-items: center; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-header-title { width: calc(100% - 24px); transition: none; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-header-icon { align-items: center; display: flex; font-size: 24px; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content { overflow: hidden; margin-bottom: 24px; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-description { font-family: "Noto Sans", Lato, Helvetica, Arial, sans-serif; font-size: 16px; margin-bottom: 24px; color: rgb(109, 101, 111); }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list { border: 2px solid rgb(204, 204, 204); border-radius: 12px; padding: 8px 0px; margin-bottom: 16px; font-family: "Noto Sans", Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .contact-dropdown-list-item { display: flex; justify-content: space-between; border-bottom: 2px solid rgb(204, 204, 204); min-height: 68px; align-items: center; padding: 0px 16px; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .contact-dropdown-list-item .call-item { color: rgb(109, 101, 111); font-size: 12px; font-weight: 500; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .contact-dropdown-list-item .call-item .contact-dropdown-item-des { color: rgb(23, 23, 23); font-size: 16px; font-weight: 400; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .chat-item { min-height: 40px; position: relative; margin-top: 12px; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .chat-item .disable-chat-icon { content: ""; right: 10px; top: 4px; width: 16px; height: 16px; position: absolute; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-list .contact-dropdown-list-item:last-child { border-bottom: 0px; }

.mobile-common-header .popover .header-contact-content .contact-dropdown .contact-dropdown-content .contact-dropdown-link { font-size: 16px; display: inline-block; border-bottom: 2px solid rgb(164, 162, 162); padding-bottom: 2px; font-weight: 500; font-family: "Noto Sans", Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .popover .header-contact-content .contact-link-item-cell { padding: 9.5px 16px; min-height: 67px; line-height: 48px; font-size: 20px; display: flex; align-items: center; border-bottom: 2px solid rgb(204, 204, 204); justify-content: space-between; }

.mobile-common-header .popover .header-contact-content .contact-link-item-cell:last-child { border-bottom: 0px; }

.mobile-common-header .popover .header-contact-content .image-link-cell { font-size: 16px; font-family: "Noto Sans", Lato, Helvetica, Arial, sans-serif; font-weight: 500; }

.mobile-common-header .popover .header-contact-content .image-link-cell .contact-link-item { display: flex; align-items: center; }

.mobile-common-header .popover .header-contact-content .image-link-cell .contact-link-item > img { margin-right: 12px; }

.mobile-common-header .popover .header-account-container { margin: 25px 16px 0px; border-radius: 10px; background-color: rgb(255, 255, 255); }

.mobile-common-header .popover .header-account-container .account-guest-sign { padding: 16px; border-bottom: 2px solid rgb(204, 204, 204); }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-title { font: 700 32px / 40px Montserrat, Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.96px; color: rgb(0, 0, 0); margin-bottom: 4.24px; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-description { font: 16px / 24px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.16px; color: rgb(78, 68, 78); margin-bottom: 16.76px; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group-row { display: flex; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group2-column .guest-btn { width: 100%; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group2-column .guest-btn:first-child { margin-bottom: 16px; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group { padding-bottom: 8px; justify-content: space-between; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group .guest-btn { min-width: 140px; min-height: 48px; border: 2px solid rgb(164, 162, 162); border-radius: 100px; font: 16px / 16px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.16px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 8px; }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group .create-account { color: rgb(23, 23, 23); }

.mobile-common-header .popover .header-account-container .account-guest-sign .guest-btn-group .sign-in { background: 0px 0px no-repeat padding-box padding-box rgb(23, 23, 23); border: 0px; color: rgb(255, 255, 255); }

.mobile-common-header .popover .header-account-container .account-content-item { display: flex; justify-content: space-between; border-bottom: 2px solid rgb(204, 204, 204); padding: 13px 16px 12px; }

.mobile-common-header .popover .header-account-container .account-content-item .right-item { min-height: 43px; }

.mobile-common-header .popover .header-account-container .account-content-item .right-item .wishlist-icon { position: relative; top: 3.5px; }

.mobile-common-header .popover .header-account-container .account-content-item img { margin-right: 0px; }

.mobile-common-header .popover .header-account-container .account-content-item .account-img, .mobile-common-header .popover .header-account-container .account-content-item .account-title { display: inline-block; }

.mobile-common-header .popover .header-account-container .account-content-item .account-img { width: 24px; height: 24px; margin-right: 12px; }

.mobile-common-header .popover .header-account-container .account-content-item .account-img img { margin-bottom: -4px; }

.mobile-common-header .popover .header-account-container .account-content-item .account-title { font: 16px / 24px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: 0px; color: rgb(23, 23, 23); }

.mobile-common-header .popover .header-account-container .account-content-item .account-title a { color: rgb(23, 23, 23); }

.mobile-common-header .popover .header-account-container .account-content-item .account-des { font: 12px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: 0px; color: rgb(109, 101, 111); margin-left: 36px; }

.mobile-common-header .popover .header-account-container .account-content-item .no-margin-left { margin-left: 0px; }

.mobile-common-header .popover .header-account-container .account-content-item:last-child { padding-bottom: 34px; border-bottom: 0px; }

.mobile-common-header .explore { color: rgb(23, 23, 23); position: relative; }

.mobile-common-header .explore .close-icon { font-weight: 700; font-size: 24px; }

.mobile-common-header .explore .need-help div[pageid="3"] { width: 100%; }

.mobile-common-header .explore .navigation-view { z-index: 9999; position: fixed; left: -100%; top: 0px; height: 70vh; width: 100%; overflow: hidden auto; visibility: hidden; opacity: 0; transition: 0.5s ease-in-out; background-color: rgb(255, 255, 255); pointer-events: all; }

.mobile-common-header .explore .navigation-view::-webkit-scrollbar { width: 0px; height: 0px; display: none; }

.mobile-common-header .explore .navigation-view .rotate-180 { transform: rotate(180deg); }

.mobile-common-header .explore .navigation-view .navigation-content { width: 100%; position: absolute; }

.mobile-common-header .explore .navigation-view .navigation-content .espotFragment { height: 150px; width: 280px; display: flex; align-items: center; place-content: center flex-start; flex-wrap: wrap; padding: 5px; visibility: visible; background: linear-gradient(to right, rgb(246, 247, 248) 0px, rgb(237, 238, 241) 20%, rgb(246, 247, 248) 40%, rgb(246, 247, 248) 100%) 0% 0% / cover no-repeat rgb(246, 247, 248); position: relative; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholderShimmer; animation-timing-function: linear; }

.mobile-common-header .explore .navigation-view .hamburger-title { display: flex; height: 60px; align-items: center; justify-content: space-between; padding: 0px 16px; border-bottom: 2px solid rgb(204, 204, 204); }

.mobile-common-header .explore .navigation-view .hamburger-title .header-title-content { font: 16px / 22px "Noto Sans", Lato, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); display: flex; align-items: center; height: 45px; }

.mobile-common-header .explore .navigation-view .hamburger-title .header-title-content img { width: 24px; height: 24px; margin-right: 12px; object-fit: cover; object-position: center top; }

.mobile-common-header .explore .navigation-view .hamburger-title .header-title-content .avatar-img { width: 32px; height: 32px; margin-right: 8px; border-radius: 50%; }

.mobile-common-header .explore .navigation-view .hamburger-title .close-icon-box { width: 24px; height: 24px; text-align: center; }

.mobile-common-header .explore .navigation-view .menuTitle { padding-top: 5px; padding-bottom: 5px; align-items: center; padding-left: 20px; }

.mobile-common-header .explore .navigation-view .menuTitle span { font: 700 16px / 35px Lato, Lato, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); text-transform: uppercase; }

.mobile-common-header .explore .navigation-view .menuTitle a, .mobile-common-header .explore .navigation-view .menuTitle span, .mobile-common-header .explore .navigation-view .menuTitle p { display: inline-block; }

.mobile-common-header .explore .navigation-view .navigation-list { background: rgb(255, 255, 255); padding-bottom: 16px; }

.mobile-common-header .explore .navigation-view .navigation-list .close-icon-box { text-align: center; width: 24px; }

.mobile-common-header .explore .navigation-view .navigation-list .first-section1 { margin-top: 25px; }

.mobile-common-header .explore .navigation-view .navigation-list .last-section { padding-bottom: 24px; border-bottom: 2px solid rgb(204, 204, 204); }

.mobile-common-header .explore .navigation-view .navigation-list .last-section:last-child { padding-bottom: 0px; border-bottom: 0px; }

.mobile-common-header .explore .navigation-view .navigation-list .first-section { margin-top: 24px; }

.mobile-common-header .explore .navigation-view .navigation-list .nav-section-0 .title, .mobile-common-header .explore .navigation-view .navigation-list .nav-section-1 .title { height: 48px; font: 20px Montserrat, Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .explore .navigation-view .navigation-list .nav-section-1-5 .title, .mobile-common-header .explore .navigation-view .navigation-list .nav-section-2 .title, .mobile-common-header .explore .navigation-view .navigation-list .nav-section-3 .title { height: 40px; font: 16px "Noto Sans", Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .explore .navigation-view .navigation-list .espot-radio { height: 28px; margin-top: 16px; display: flex; justify-content: center; }

.mobile-common-header .explore .navigation-view .navigation-list .espot-radio .hamburger-espot-button { width: 8px; height: 8px; border: 1px solid rgb(23, 23, 23); border-radius: 50%; margin-right: 8px; }

.mobile-common-header .explore .navigation-view .navigation-list .espot-radio .active-espot { background-color: rgb(23, 23, 23); }

.mobile-common-header .explore .navigation-view .navigation-list .explore-btn { text-decoration: underline; font: 16px / 24px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.16px; color: rgb(23, 23, 23); }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item { margin-left: 16px; margin-right: 16px; }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item .title { align-items: center; width: 100%; color: rgb(23, 23, 23); display: flex; justify-content: space-between; }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item .title > a { flex: 1 1 0%; }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .mobile-flex img, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .left-nav img, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .left-nav img, .mobile-common-header .header-top-container .left-nav .explore .navigation-view .navigation-list > .nav-item .nav-first-title .explore img, .mobile-common-header .header-top-container .left-nav .explore .navigation-view .navigation-list > .nav-item .nav-first-title .nav-item img, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .header-lenovo-logo img, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-lenovo-logo img, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .right-nav img, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .right-nav img, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .mobile-flex .icon-picker-container, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .left-nav .icon-picker-container, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .left-nav .icon-picker-container, .mobile-common-header .header-top-container .left-nav .explore .navigation-view .navigation-list > .nav-item .nav-first-title .explore .icon-picker-container, .mobile-common-header .header-top-container .left-nav .explore .navigation-view .navigation-list > .nav-item .nav-first-title .nav-item .icon-picker-container, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .header-lenovo-logo .icon-picker-container, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-lenovo-logo .icon-picker-container, .mobile-common-header .explore .navigation-view .navigation-list > .nav-item .nav-first-title .header-top-container .right-nav .icon-picker-container, .mobile-common-header .header-top-container .explore .navigation-view .navigation-list > .nav-item .nav-first-title .right-nav .icon-picker-container { margin-right: 11px; }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item .loyalty-button { background: 0px 0px no-repeat padding-box padding-box rgb(255, 255, 255); border: 2px solid rgb(164, 162, 162); border-radius: 100px; height: 40px; padding: 9px 24px 9px 25px; font: 500 16px / 16px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.16px; color: rgb(23, 23, 23); }

.mobile-common-header .explore .navigation-view .navigation-list > .nav-item .loyalty-msg { font: 500 16px / 24px "Noto Sans", Lato, Helvetica, Arial, sans-serif; color: rgb(23, 23, 23); }

.mobile-common-header .explore .navigation-view .utility_content { margin: 16px; }

.mobile-common-header .explore .navigation-view .third-item { display: block; }

.mobile-common-header .explore .navigation-view .third-item .fourth-nav-icon { width: 24px; height: 24px; line-height: 20px; font-size: 36px; }

.mobile-common-header .explore .navigation-view .third-item .third-title { width: 100%; transition: 0.5s; }

.mobile-common-header .explore .navigation-view .third-item .third-title span::before { display: block; font-weight: 700; width: 100%; height: 0px; overflow: hidden; visibility: hidden; content: attr(title); }

.mobile-common-header .explore .navigation-view .third-item .third-title img { margin-right: 8px; }

.mobile-common-header .explore .navigation-view .third-item .third-title span { display: inline-block; }

.mobile-common-header .explore .navigation-view .fourth-title { width: 100%; min-height: 40px; }

.mobile-common-header .explore .navigation-view .col-content { overflow: hidden; }

.mobile-common-header .explore .navigation-view .col-content li:first-child { margin-top: 12px; }

.mobile-common-header .explore .navigation-view .col-content li:last-child { margin-bottom: 12px; }

.mobile-common-header .explore .navigation-view .last-nav-item { font: 16px / 24px "Noto Sans", Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .explore .navigation-view .nav-item { margin-left: 16px; margin-right: 16px; }

.mobile-common-header .explore .navigation-view .nav-item .title { padding-left: 0px; }

.mobile-common-header .explore .navigation-view .nav-item .title i { display: inline-block; width: 21px; height: 16px; margin-right: 3px; }

.mobile-common-header .explore .navigation-view .colContent .nav-item { padding-left: 0px; }

.mobile-common-header .explore .navigation-view .colContent .nav-item .title { font-weight: 400; }

.mobile-common-header .explore .navigation-view .colContent .nav-item .title .blod { font-weight: 700; }

.mobile-common-header .explore .navigation-view .colContent .nav-item .title > a { display: flex; }

.mobile-common-header .explore .navigation-view .espot-content { margin-top: 12px; display: flex; justify-content: center; }

.mobile-common-header .explore .navigation-view .espot-content:last-child { margin-bottom: 16px; }

.mobile-common-header .explore .navigation-view .espot-content:empty { margin-top: 0px; margin-bottom: 0px; }

.mobile-common-header .explore .navigation-view .navigation-list .nav-section-1.depth-0 .title, .mobile-common-header .explore .navigation-view .navigation-list .nav-section-0.depth-0 .title { font: 24px Montserrat, Lato, Helvetica, Arial, sans-serif; }

.mobile-common-header .explore .navigation-view .prev-title { margin-top: 25px; }

.mobile-common-header .explore .navigation-view .prev-title + .first-section, .mobile-common-header .explore .navigation-view .prev-title + .first-section1 { margin-top: 0px; }

.mobile-common-header .optional_tele_widget_container_rounded_Corner { margin: 0px; background-color: rgb(245, 245, 245); }

.mobile-common-header .optional_tele_widget_container { padding: 16px 16px 24.32px; }

.mobile-common-header .SeparateLine { display: none; }

.mobile-common-header .font-32 { font-size: 32px; }

.mobile-common-header .font-24 { font-size: 24px; }

.mobile-common-header .font-18 { font-size: 18px; }

.mobile-common-header .font-16 { font-size: 16px; }

.mobile-common-header .margin-right-12 { margin-right: 12px; }

.mobile-common-header .height-24 { height: 24px; }

.mobile-common-header .mt-hamburger-loading { display: flex; flex-direction: column; align-items: center; position: absolute; width: 100%; height: 100%; background-color: rgb(255, 255, 255); opacity: 0.97; z-index: 900; justify-content: center; }

.mobile-common-header .mt-hamburger-loading .spinner > div { width: 12px; height: 12px; margin-right: 6px; background-color: rgb(204, 204, 204); border-radius: 100%; display: inline-block; animation: 1.4s ease-in-out 0s infinite normal both running sk-circleFadeDelay; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce1 { animation-delay: -1.1s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce2 { animation-delay: -1s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce3 { animation-delay: -0.9s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce4 { animation-delay: -0.8s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce5 { animation-delay: -0.7s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce6 { animation-delay: -0.6s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce7 { animation-delay: -0.5s; }

.mobile-common-header .mt-hamburger-loading .spinner .bounce8 { animation-delay: -0.4s; }

.indirect_region .mobile-common-header .explore .navigation-view .indirect-direction { justify-content: end; }

.body_scroll_hide { height: 100%; overflow: hidden; }

.commonHeaderPlaceHolder { display: none !important; }

.commonHeader { z-index: 1005; width: 100%; background-color: rgb(255, 255, 255); word-break: normal; line-height: normal; }

.commonHeader .siteAlertMessage { width: 100%; }

.commonHeader a { color: rgb(0, 0, 0); text-decoration: none; }

.commonHeader ul li, .commonHeader ol li { margin-left: 0px; }

.commonHeader .siteAlertMessage a { color: inherit; }

.commonHeader .tierThreeArrowIconContainer { transform: translate(100%, -32px); }

.commonHeader .tierThreeArrowIconContainer .tierThreeArrowIcon { position: absolute; display: block; font-size: 12px; width: 12px; height: 12px; margin-left: 2px; opacity: 0; }

.commonHeader .tierThreeArrowIconContainer .tierThreeArrowIcon:focus-visible { opacity: 1; }

.commonHeader .tierThreeArrowIconContainer .tierThreeArrowIcon.iconfont-arrowDown-rotate { transform: rotate(180deg); }

.commonHeader .accessibilityIcon { position: absolute; font-size: 12px; right: -2px; top: 5px; opacity: 0; }

.commonHeader .accessibilityIcon.tierOneArrowIcon { right: -15px; }

.commonHeader .accessibilityIcon:focus-visible { opacity: 1; }

.commonHeader .accessibilityIcon.iconfont-arrowDown-rotate { transform: rotate(180deg); }

.commonHeader .popover { z-index: 1000; position: absolute; top: 32px; box-shadow: rgba(30, 0, 19, 0.5) 0px 2px 4px; border-radius: 4px; background-color: rgb(255, 255, 255); }

.commonHeader .popover .popoverTitle { display: flex; flex-flow: column; align-items: flex-start; justify-content: center; font-size: 18px; line-height: 22px; min-height: 40px; padding: 7px 20px 11px 19px; background-color: rgb(248, 248, 248); white-space: nowrap; word-break: break-all; cursor: initial; }

.commonHeader .popover .popoverTitle .rewardsMsg { font-size: 14px; line-height: 17px; }

.commonHeader .popover .popoverContent { padding: 16px; position: relative; }

.commonHeader .popover .popoverContent a { display: flex; }

.commonHeader .popover .popoverContent > * { margin-bottom: 24px; }

.commonHeader .popover .popoverContent > :last-child { margin-bottom: 0px; }

.commonHeader .popover_item { text-align: left; line-height: 17px; padding: 15px 0px; }

.commonHeader .popover_item:last-of-type { border-bottom: 0px; }

.commonHeader .second_utility_list .popover { top: 48px; }

.commonHeader .explore { width: 39px; height: 31px; }

.commonHeader .explore .navigationBtn { height: 100%; display: flex; align-items: center; }

.commonHeader .explore .navigationBtn > .icon { height: 17px; padding-left: 5px; padding-right: 4px; }

.commonHeader .explore .navigationBtn .close { display: none; }

.commonHeader .explore .navgationView { z-index: 9999; position: absolute; left: 0px; overflow: hidden; opacity: 0; visibility: hidden; transition: 0.3s ease-out; }

.commonHeader .explore .navgationView .navgationContent { visibility: hidden; width: 312px; position: relative; transform: translateY(-100%); transition: 0.3s ease-out; opacity: 0; }

.commonHeader .explore .navgationView .hambergurTitle { display: flex; align-items: center; justify-content: flex-end; padding: 0px 16px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); background: rgb(248, 248, 248); }

.commonHeader .explore .navgationView .hambergurTitle .HTitleContent { font: 700 16px / 19px Lato, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); display: flex; align-items: center; height: 45px; }

.commonHeader .explore .navgationView .hambergurTitle.menuEntry .HTitleContent::before { content: ""; margin-right: 9.5px; height: 7px; width: 12px; background: url("//p1-ofp.static.pub/fes/cms/2022/09/14/mxdzb7febj338mqby4o0widkzi1law162545.svg") 0% / contain no-repeat; transform: rotate(-90deg); }

.commonHeader .explore .navgationView .hambergurTitle.loginEntry .HTitleContent::after { content: ""; margin-left: 12px; height: 16px; width: 16px; background: url("//p2-ofp.static.pub/fes/cms/2021/07/01/7130b7p2d5rcudth5hhxji5cqdzqrs796943.svg") no-repeat; }

.commonHeader .explore .navgationView .menuTitle { padding-top: 5px; padding-bottom: 5px; align-items: center; padding-left: 16px; }

.commonHeader .explore .navgationView .menuTitle span { font: 700 16px / 35px Lato, Helvetica, Arial, sans-serif; color: rgb(0, 0, 0); text-transform: uppercase; }

.commonHeader .explore .navgationView .menuTitle a, .commonHeader .explore .navgationView .menuTitle span, .commonHeader .explore .navgationView .menuTitle p { display: inline-block; }

.commonHeader .explore .navgationView .lang_entry_container { background: rgb(255, 255, 255); border-top: 1px solid rgb(204, 204, 204); padding-left: 16px; position: relative; }

.commonHeader .explore .navgationView .lang_entry_name { height: 45px; color: rgb(0, 0, 0); display: flex; justify-content: space-between; align-items: center; }

.commonHeader .explore .navgationView .lang_entry_name span { padding-left: 24px; background: url("//p4-ofp.static.pub/fes/cms/2023/03/22/lu6dm3j9vvdcop0f8eh13a0sdjwd9e050691.svg") left center no-repeat; }

.commonHeader .explore .navgationView .lang_entry_name .ca_arrow { width: 48px; height: 35px; background-size: 20px 12px; background-image: url("https://p1-ofp.static.pub/fes/cms/2021/01/25/gyrs7p4yeivsp1gbpjgf3ftw2zovfu248860.png"); background-repeat: no-repeat; background-position: center center; }

.commonHeader .explore .navgationView .lang_entry_name .ca_arrow.arrow_rotate { transform: rotate(180deg); }

.commonHeader .explore .navgationView .lang_entry_popover { display: none; }

.commonHeader .explore .navgationView .lang_entry_popover_content .item { color: rgb(0, 0, 0); height: 47px; display: flex; padding: 0px 20px 0px 24px; justify-content: flex-start; align-items: center; border: 0px; }

.commonHeader .explore .navgationView .lang_entry_popover_content .item .icon { display: none; margin-left: 30px; width: 17px; height: 14px; background: url("//p3-ofp.static.pub/fes/cms/2023/03/22/flvn8wql9sd8fthjvavlkyeqfqs0ut460247.svg") 0% 0% / contain no-repeat; }

.commonHeader .explore .navgationView .lang_entry_popover_content .item.checked { color: var(--med-blue); }

.commonHeader .explore .navgationView .lang_entry_popover_content .item.checked .icon { display: block; }

.commonHeader .explore .navgationView .navgationList, .commonHeader .explore .navgationView .uitilityNavList { background: rgb(255, 255, 255); }

.commonHeader .explore .navgationView .navgationList .arrow, .commonHeader .explore .navgationView .uitilityNavList .arrow { width: 20px; height: 20px; background-size: 12px 7.22px; background-image: url("https://p1-ofp.static.pub/fes/cms/2021/01/25/gyrs7p4yeivsp1gbpjgf3ftw2zovfu248860.png"); background-repeat: no-repeat; background-position: center center; }

.commonHeader .explore .navgationView .uitilityNavList .arrow, .commonHeader .explore .navgationView .appmenu .t_content .arrow { transform: translate(-10px, 0.5px); }

.commonHeader .explore .navgationView .uitilityNavList .arrow_rotate, .commonHeader .explore .navgationView .appmenu .t_content .arrow_rotate { transform: rotate(180deg) translate(10px, 0.5px); }

.commonHeader .explore .navgationView .appmenu .arrow { transform: rotate(-90deg) translate(0.5px, -10px); }

.commonHeader .explore .navgationView .navgationList > .navItem { padding-left: 16px; border-bottom: 1px solid rgb(204, 204, 204); margin-left: 0px; }

.commonHeader .explore .navgationView .navgationList > .navItem .title { font-size: 16px; line-height: 45px; align-items: center; font-weight: 700; }

.commonHeader .explore .navgationView .navgationList > .navItem .title > a { flex: 1 1 0%; }

.commonHeader .explore .navgationView .navgationList > .navItem .title.js_t_title > a { flex: initial; }

.commonHeader .explore .navgationView .navgationList > .navItem .content { position: absolute; background-color: rgb(255, 255, 255); width: 100%; z-index: 100; top: 0px; left: 100%; opacity: 0; visibility: hidden; transition: 0.3s ease-out; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.contentShow { visibility: visible; left: 0px; opacity: 1; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.contentHide { visibility: hidden; transition: visibility 0.2s ease-out; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.s_content { z-index: 199; transition: left ease-out 0.3s, opacity 0.3s ease-out, visibility 0.3s ease-out; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.s_content.contentShow { transition: 0.3s ease-out, visibility ease-out; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.s_content.contentHide { visibility: hidden; transition: visibility 0.2s ease-out; }

.commonHeader .explore .navgationView .navgationList > .navItem .content.t_content { z-index: 999; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .navItem { padding-left: 34px; margin: 0px; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .navItem .title { font-size: 16px; padding-left: 0px; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .navItem .title i { display: inline-block; width: 21px; height: 16px; margin-right: 3px; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .colContent .navItem { padding-left: 0px; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .colContent .navItem .title { font-weight: 400; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .colContent .navItem .title .blod { font-weight: 700; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .colContent .navItem .title > a { display: flex; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .espotContent { margin-top: 12px; display: flex; justify-content: center; }

.commonHeader .explore .navgationView .navgationList > .navItem .content .espotContent:last-child { margin-bottom: 16px; }

.commonHeader .explore .navgationView .navItem.disabled { background-color: rgb(239, 239, 239); }

.commonHeader .explore .navgationView .navItem.disabled .title > span { height: 45px; display: flex; align-items: center; }

.commonHeader .explore .navgationView .navItem.disabled .title > span > img { height: 19px; }

.commonHeader .explore .navgationView .navItem.disabled.navItemSeparator { padding: 0px; }

.commonHeader .explore .navgationView .navItem.disabled.navItemSeparator > .title, .commonHeader .explore .navgationView .navItem.disabled.navItemSeparator > a > .title { background: rgb(239, 239, 239); padding-left: 16px; }

.commonHeader .explore .navgationView .navItem.disabled.navItemSeparator > .popover { padding-left: 16px; }

.commonHeader .explore .navgationView .uitilityList { display: none; }

.commonHeader .explore .navgationView .uitilityList .navItem .title > span { display: flex; align-items: center; }

.commonHeader .explore .navgationView .uitilityList .navItem .title > span > i { display: flex; width: 21px; height: 16px; margin-right: 3px; position: relative; }

.commonHeader .explore .navgationView .uitilityList .navItem .title > span > i .successIcon { right: 4px; bottom: -2px; }

.commonHeader .explore .fadeShow { visibility: visible; opacity: 1; }

.commonHeader .explore .fadeShow .navgationContent { visibility: visible; transform: translate(0px); opacity: 1; }

.commonHeader .rightUtility .rightNav:first-child { display: flex; }

.commonHeader .uitilityNavList .uitilityList:first-child { display: block; }

.commonHeader .uitilityNavList .uitilityList .navItem .title { font-weight: 400 !important; }

.commonHeader .uitilityNavList .uitilityList .popover { position: initial; box-shadow: none; border-radius: 0px; width: 100%; }

.commonHeader .uitilityNavList .uitilityList .popover .popoverContent { padding-left: 24px; }

.commonHeader .uitilityNavList .uitilityList .popover .popoverContent * { height: 45px; border: none !important; }

.commonHeader .uitilityNavList .uitilityList .popover::after { display: none; }

.commonHeader .rightNav { height: 30px; margin-top: 7px; margin-bottom: 6px; justify-content: flex-end; align-items: center; display: none; }

.commonHeader .rightNav .navItem { font-size: 11px; margin-right: 5px; position: relative; display: flex; align-items: center; justify-content: center; height: 100%; }

.commonHeader .rightNav .navItem:last-child { margin-right: 0px; }

.commonHeader .rightNav .navItem > a { height: 100%; display: flex; align-items: center; justify-content: center; }

.commonHeader .rightNav .navItem .imgContent { height: 18px; padding-top: 6px; padding-bottom: 6px; box-sizing: content-box; margin: 0px 10px; background-color: rgb(255, 255, 255); }

.commonHeader .rightNav .navItem .imgContent > img { height: 100%; vertical-align: top; }

.commonHeader .successIcon { height: 9px; width: 9px; position: absolute; right: 8px; bottom: 4px; z-index: 1; border-radius: 50%; background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.commonHeader .successIcon_account { background-image: url("//p4-ofp.static.pub/fes/cms/2021/06/18/3jk2ms7ecs8idvnnau42yuh1euqnfn629203.svg"); }

.commonHeader .successIcon_rewards { background-image: url("//p1-ofp.static.pub/fes/cms/2021/06/18/piyj99wyvp0rgvnwbtw0aybvo76v9g355844.svg"); }

.commonHeader .miniCart_container.fixedMiniCart { position: fixed; top: 0px; right: 0px; }

.commonHeader .miniCart_container.fixedMiniCart .pagination::after { display: none; }

.commonHeader { min-height: 80px; position: relative; top: 0px; display: flex; flex-direction: column; }

.commonHeader .tier-enter-active, .commonHeader .tier-leave-active { transition-delay: 0.3s; }

.commonHeader .tier-enter-from, .commonHeader .tier-leave-to { opacity: 0; }

.commonHeader.outlet .nav_view { display: none; }

.commonHeader.outlet .second_view { z-index: 999; }

.commonHeader.outlet .second_view .second_list { justify-content: space-between; align-items: center; }

.commonHeader .flexCenter { display: flex; justify-content: center; }

.commonHeader .masthead, .commonHeader .nav_view { max-width: 1920px; margin: auto; }

.commonHeader .nav_view { min-height: 55px; position: relative; z-index: 995; padding-top: 16px; }

.commonHeader .nav_view .segment_nav_container { max-width: 40%; display: flex; margin-right: 16px; justify-content: flex-end; margin-bottom: 9px; }

.commonHeader .nav_view .segment_nav_container .segmentItem { font: 16px / 24px Lato, Helvetica, Arial, sans-serif; display: flex; }

.commonHeader .nav_view .segment_nav_container .segmentItem a.segmentItemLink { display: block; padding-left: 20px; line-height: 19px; color: rgb(23, 23, 23); }

.commonHeader .nav_view .segment_nav_container .segmentItem .accessibilityIconSegment { position: relative; }

.commonHeader .nav_view .segment_nav_container .segmentItem .accessibilityIconSegment .segmentArrowIcon { position: absolute; font-size: 12px; opacity: 0; top: 5px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .accessibilityIconSegment .segmentArrowIcon:focus-visible { opacity: 1; }

.commonHeader .nav_view .segment_nav_container .segmentItem .accessibilityIconSegment .segmentArrowIcon.iconfont-arrowDown-rotate { transform: rotate(180deg); }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part { position: absolute; right: 16px; opacity: 0; visibility: hidden; margin-top: 28px; background-color: rgb(255, 255, 255); transition: visibility 0.3s, opacity 0.3s; box-shadow: rgb(73, 64, 64) 1px 1px 5px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .three_list_item { padding-top: 30px; padding-bottom: 24px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .three_list_item:first-child { padding-left: 35px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .three_list_item:last-child { padding-right: 40px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .three_list_item.screen_hot:not(:last-child) { margin-right: 26px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .three_list_item.screen_hot:last-child { margin-right: 0px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .menu_item { width: 200px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part .menu_item:not(:last-child) { margin-right: 70px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .segment_hover_part::before { content: ""; display: block; position: absolute; top: -1px; left: 0px; right: 0px; height: 2px; opacity: 0; }

.commonHeader .nav_view .segment_nav_container .segmentItem:not(:last-child) .segmentItemLink { padding-right: 20px; }

.commonHeader .nav_view .segment_nav_container .segmentItem:not(:last-child) .segmentArrowIcon { right: 0px; }

.commonHeader .nav_view .segment_nav_container .segmentItem:not(:first-child) .segmentItemLink { border-left: 2px solid rgb(219, 219, 219); }

.commonHeader .nav_view .segment_nav_container .segmentItem:last-child { padding-right: 0px; }

.commonHeader .nav_view .segment_nav_container .segmentItem:last-child .segmentArrowIcon { right: -13px; }

.commonHeader .nav_view .segment_nav_container .segmentItem:focus-within .segment_hover_part, .commonHeader .nav_view .segment_nav_container .segmentItem:hover .segment_hover_part { opacity: 1; visibility: visible; }

.commonHeader .nav_view .segment_nav_container .segmentItem:focus-within .text::after, .commonHeader .nav_view .segment_nav_container .segmentItem:hover .text::after { content: ""; left: 0px; width: 100%; background: rgb(225, 20, 10); }

.commonHeader .nav_view .segment_nav_container .segmentItem .text { position: relative; }

.commonHeader .nav_view .segment_nav_container .segmentItem .text::after { content: ""; width: 50%; height: 4px; position: absolute; top: 100%; left: 25%; transition: 0.3s; margin-top: 5px; }

.commonHeader .nav_view .segment_nav_container .segmentItem .text:hover::after { left: 0px; width: 100%; background: rgb(225, 20, 10); }

.commonHeader .masthead { background-color: rgb(255, 255, 255); position: relative; width: 100%; order: 1; height: 67px; align-items: center; padding: 19px 0px 0px 16px; }

.commonHeader .top_masthead { height: 38px; padding: 6px 6px 0px 16px; background-color: rgb(237, 237, 237); align-items: flex-start; }

.commonHeader .top_masthead .affinity_label { text-align: left; font: 700 14px Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.56px; color: rgb(23, 23, 23); padding-top: 4px; }

.commonHeader .top_masthead .storeName { height: 32px; display: flex; justify-content: center; align-items: center; text-align: left; font: 700 22px / 14px Montserrat, Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.66px; color: rgb(255, 255, 255); }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"], .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"] { padding: 0px; }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-container, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"] .card-wish-container { padding: 0px 12px; background-color: rgb(237, 237, 237); align-items: start; }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-heart-content, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"] .card-heart-content { width: 24px; background-color: rgb(237, 237, 237); align-items: start; }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-heart-content .card-wish-btn, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"] .card-heart-content .card-wish-btn { width: 24px; height: 24px; }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"]:hover .card-wish-container { background-color: rgb(255, 255, 255); }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content { background-color: rgb(255, 255, 255); border-bottom: 4px solid rgb(225, 20, 10); }

.commonHeader .top_masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content .card-heart-icon, .commonHeader .top_masthead .header_right .store_section_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content .card-heart-icon { filter: invert(0); }

.commonHeader .header_left { position: relative; align-items: flex-end; }

.commonHeader .header_left .logo { display: block; height: 40px; margin-right: 45px; background-color: rgb(255, 255, 255); cursor: pointer; }

.commonHeader .header_left .logo img { height: 100%; min-width: 120px; }

.commonHeader .header_left .header_skip_main { left: -128px; position: absolute; top: auto; width: 1px; height: 1px; margin: 0px; overflow: hidden; z-index: -999; background-color: rgb(255, 255, 255); transition: left 0.3s ease-in-out; }

.commonHeader .header_left .header_skip_main:focus { color: var(--med-blue); left: 0px; top: 0px; width: 100%; height: 100%; padding-right: 40px; border: 0px; text-align: center; font-size: 14px; z-index: 999; background-image: url("//p3-ofp.static.pub//fes/cms/2023/10/20/fdo5qzxcyt4b2u8riudqv5e3qxh510724113.svg"); background-repeat: no-repeat; background-position: right center; }

.commonHeader .miniCart_container { position: absolute; height: max-content; background: rgb(255, 255, 255); z-index: 99999; top: 32px; right: 0px; }

.commonHeader .search-box { width: 723px; max-width: 733px; margin: 0px auto; flex: 1 1 0%; min-width: max-content; }

@media screen and (min-width: 1920px) {
  .commonHeader .search-box { width: 1133px; min-width: 695px; max-width: 1133px; margin: auto; }
}

.commonHeader .second_utility_list .miniCart_container { top: 48px; }

.commonHeader .header_right { display: flex; margin-left: auto; }

.commonHeader .header_right .utility_nav, .commonHeader .header_right .store_section_nav { display: flex; height: 100%; font-size: 14px; font-family: Lato, Helvetica, Arial, sans-serif; }

.commonHeader .header_right .utility_nav_item, .commonHeader .header_right .store_section_nav_item { display: flex; align-items: flex-start; cursor: pointer; margin-left: 0px; height: 32px; padding: 4px 7px 0px 12px; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="1"] .utility-content, .commonHeader .header_right .store_section_nav_item[data-utilitytype="1"] .utility-content { display: flex; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="1"] .utility-content img, .commonHeader .header_right .store_section_nav_item[data-utilitytype="1"] .utility-content img { margin-right: 16px; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="3"] .utility_nav_item_icon, .commonHeader .header_right .store_section_nav_item[data-utilitytype="3"] .utility_nav_item_icon { display: flex; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="3"] .utility_nav_item_icon .contact-number, .commonHeader .header_right .store_section_nav_item[data-utilitytype="3"] .utility_nav_item_icon .contact-number { margin-left: 8px; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="2"] .utility_nav_item_icon, .commonHeader .header_right .store_section_nav_item[data-utilitytype="2"] .utility_nav_item_icon { display: flex; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="2"] .utility_nav_item_icon .loyalty-msg, .commonHeader .header_right .store_section_nav_item[data-utilitytype="2"] .utility_nav_item_icon .loyalty-msg { font: 16px / 16px Lato, Helvetica, Arial, sans-serif; margin-left: 8px; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="8"] .utility_nav_item_icon, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"] .utility_nav_item_icon { display: flex; align-items: baseline; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="8"] .utility_nav_item_icon .store_arrow, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"] .utility_nav_item_icon .store_arrow { display: inline-block; width: 26px; height: 26px; padding-left: 6px; font-size: 14px; padding-right: 7px; margin-top: -9px; }

.commonHeader .header_right .utility_nav_item .avatar-content, .commonHeader .header_right .store_section_nav_item .avatar-content { display: flex; align-items: start; font: 14px / 17px Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.64px; color: rgb(23, 23, 23); }

.commonHeader .header_right .utility_nav_item .avatar-content .avatar-img, .commonHeader .header_right .store_section_nav_item .avatar-content .avatar-img { border-radius: 50%; border: 1px solid rgb(111, 19, 96); margin-right: 16px; }

.commonHeader .header_right .utility_nav_item .avatar-content .name-img, .commonHeader .header_right .store_section_nav_item .avatar-content .name-img { height: 16px; width: 16px; margin-right: 8px; background-color: rgb(41, 78, 149); border-radius: 50%; font: 700 12px / 16px Montserrat, Lato, Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; }

.commonHeader .header_right .utility_nav_item .c_i_num, .commonHeader .header_right .store_section_nav_item .c_i_num { height: 16px; width: 16px; background-color: var(--lenovo-red); text-align: center; border: 1px solid white; border-radius: 50%; position: relative; right: 9px; top: -7px; margin-right: -14px; font: 700 12px / 16px "Noto Sans", Lato, Helvetica, Arial, sans-serif; letter-spacing: -0.12px; color: rgb(255, 255, 255); }

.commonHeader .header_right .utility_nav_item .utilityLink, .commonHeader .header_right .store_section_nav_item .utilityLink { display: flex; height: 100%; }

.commonHeader .header_right .utility_nav_item .userMSG, .commonHeader .header_right .store_section_nav_item .userMSG { margin-right: 8px; }

.commonHeader .header_right .utility_nav_item .popover, .commonHeader .header_right .store_section_nav_item .popover { right: 0px; min-width: 195px; cursor: initial; }

.commonHeader .header_right .utility_nav_item .popover_title, .commonHeader .header_right .store_section_nav_item .popover_title { right: 11px; top: 32px; width: max-content; min-width: initial; background-color: rgba(0, 0, 0, 0.75); color: rgb(255, 255, 255); padding: 5px 20px; font-size: 14px; height: 35px; line-height: 21px; box-shadow: none; }

.commonHeader .header_right .utility_nav_item .popover_title::before, .commonHeader .header_right .store_section_nav_item .popover_title::before { display: none; }

.commonHeader .header_right .utility_nav_item .popover_title::after, .commonHeader .header_right .store_section_nav_item .popover_title::after { display: none; }

.commonHeader .header_right .utility_nav_item_text, .commonHeader .header_right .store_section_nav_item_text { margin-right: 5px; font-size: 13px; }

.commonHeader .header_right .utility_nav_item_icon > img, .commonHeader .header_right .store_section_nav_item_icon > img { height: 16px; width: 16px; display: inline-block; }

.commonHeader .header_right .utility_nav_item_icon > i, .commonHeader .header_right .store_section_nav_item_icon > i { letter-spacing: -0.16px; position: absolute; width: 12px; height: 12px; font-size: 10px; background-color: rgb(0, 102, 0); color: rgb(255, 255, 255); border-radius: 50%; font-style: normal; right: -6px; top: 1.6px; text-align: center; line-height: 1; }

.commonHeader .header_right .utility_nav_item .normal_icon, .commonHeader .header_right .store_section_nav_item .normal_icon { display: block; }

.commonHeader .header_right .utility_nav_item .active_icon, .commonHeader .header_right .store_section_nav_item .active_icon { display: none; }

.commonHeader .header_right .utility_nav_item:hover .popover, .commonHeader .header_right .store_section_nav_item:hover .popover { display: block !important; }

.commonHeader .header_right .utility_nav_item:hover .normal_icon, .commonHeader .header_right .store_section_nav_item:hover .normal_icon { display: none; }

.commonHeader .header_right .utility_nav_item:hover .active_icon, .commonHeader .header_right .store_section_nav_item:hover .active_icon, .commonHeader .header_right .utility_nav_item[data-utilitytype="5"]:hover .normal_icon, .commonHeader .header_right .store_section_nav_item[data-utilitytype="5"]:hover .normal_icon { display: block; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="5"]:hover .active_icon, .commonHeader .header_right .store_section_nav_item[data-utilitytype="5"]:hover .active_icon { display: none; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="8"]:hover .store_arrow, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"]:hover .store_arrow, .commonHeader .header_right .utility_nav_item[data-utilitytype="8"] .iconfont-arrowDown-rotate, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"] .iconfont-arrowDown-rotate { transform: rotate(180deg); }

.commonHeader .header_right .utility_nav_item[data-utilitytype="1"] .popoverContent > p, .commonHeader .header_right .utility_nav_item[data-utilitytype="8"] .popoverContent > p, .commonHeader .header_right .store_section_nav_item[data-utilitytype="1"] .popoverContent > p, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"] .popoverContent > p { cursor: pointer; }

.commonHeader .header_right .utility_nav_item[data-utilitytype="8"] .popoverContent > p:hover, .commonHeader .header_right .store_section_nav_item[data-utilitytype="8"] .popoverContent > p:hover { text-decoration: underline; }

.commonHeader .header_right .utility_nav_item:last-child .popover, .commonHeader .header_right .store_section_nav_item:last-child .popover { right: 0px; }

.commonHeader .header_right .utility_nav_item:last-child .popover::after, .commonHeader .header_right .store_section_nav_item:last-child .popover::after { right: 5px; }

.commonHeader .header_right .utility_nav_item:hover, .commonHeader .header_right .utility_nav_item:focus-within, .commonHeader .header_right .store_section_nav_item:hover, .commonHeader .header_right .store_section_nav_item:focus-within { background-color: rgb(255, 255, 255); border-radius: 6px 6px 0px 0px; }

.commonHeader .header_right .utility_nav_item:hover .utility_nav_item_icon, .commonHeader .header_right .utility_nav_item:focus-within .utility_nav_item_icon, .commonHeader .header_right .store_section_nav_item:hover .utility_nav_item_icon, .commonHeader .header_right .store_section_nav_item:focus-within .utility_nav_item_icon { height: 28px; padding-bottom: 7px; border-bottom: 4px solid rgb(225, 20, 10); }

.commonHeader .header_right .utility_nav_item_store .popover, .commonHeader .header_right .store_section_nav_item_store .popover { font-weight: 400; }

.commonHeader .header_right .utility_nav_line, .commonHeader .header_right .store_section_nav_line { color: rgb(153, 153, 153); display: flex; align-items: flex-end; }

.commonHeader .header_right .second_utility_list .utility_nav_item { height: 48px; align-items: center; padding: 8px 16px 0px; }

.commonHeader .header_right .second_utility_list .utility_nav_item[data-utilitytype="1"] .utility-content span { line-height: 24px; white-space: nowrap; }

.commonHeader .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content { background-color: rgb(255, 255, 255); align-items: start; }

.commonHeader .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content .card-heart-icon { width: 32px; }

.commonHeader .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content .card-heart-icon .iconfont-cardHeart, .commonHeader .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content .card-heart-icon .iconfont-cardHeartPurple { font-size: 32px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .utility_nav_item_icon { height: 40px; min-width: 24px; padding-bottom: 5px; border-bottom: 4px solid rgb(255, 255, 255); display: flex; align-items: center; }

.commonHeader .header_right .second_utility_list .utility_nav_item .utility_nav_item_icon img { height: 24px; width: 24px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .accessibilityIcon { top: 17px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .avatar-content { align-items: center; font-size: 16px; line-height: 24px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .avatar-content .avatar-img { height: 32px; width: 32px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .avatar-content .name-img { height: 32px; width: 32px; font-size: 16px; line-height: 24px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .c_i_num { height: 24px; width: 24px; right: 13px; top: -6px; line-height: 24px; margin-right: -14px; }

.commonHeader .header_right .second_utility_list .utility_nav_item .popover_title { top: 48px; }

.commonHeader .header_right .second_utility_list .utility_nav_item:last-child .popover { right: 6px; }

.commonHeader .header_right .second_utility_list .utility_nav_item:hover .utility_nav_item_icon, .commonHeader .header_right .second_utility_list .utility_nav_item:focus-within .utility_nav_item_icon { padding-bottom: 5px; border-bottom-color: rgb(225, 20, 10); }

.commonHeader .header_right .card-heart-content { width: 40px; border-radius: 0px; box-shadow: none; }

.commonHeader .header_right .card-heart-content:hover { background-color: rgb(255, 255, 255); }

.commonHeader .nav_view { background-color: rgb(255, 255, 255); width: 100%; order: 2; padding-left: 16px; }

.commonHeader .nav_view .search_view { flex: 1 1 auto; border: 2px solid rgb(23, 23, 23); border-radius: 12px; }

.commonHeader .nav_view .sup_nav { display: flex; margin-right: 20px; }

.commonHeader .nav_view .sup_nav .nav_item { margin: 0px 24px 0px 0px; position: relative; }

.commonHeader .nav_view .sup_nav .nav_item:last-child { margin-right: 0px; }

.commonHeader .nav_view .sup_nav .nav_item .nav_item_title { font-family: Lato, Helvetica, Arial, sans-serif; }

.commonHeader .nav_view .sup_nav .nav_item .nav_item_title > .text { cursor: pointer; line-height: 24px; font-size: 16px; transition: color 0.3s, border-bottom 0.3s; border-bottom: 4px solid rgb(255, 255, 255); color: var(--dark-gray-1); position: relative; }

.commonHeader .nav_view .sup_nav .nav_item.sup_nav_active .nav_item_title .text { color: rgb(0, 0, 0); font-weight: 700; }

.commonHeader .nav_view .sup_nav .normal_nav_item::after { content: ""; width: 50%; height: 4px; background-color: rgb(255, 255, 255); position: absolute; top: calc(100% - 4px); left: 25%; transition: 0.3s; margin-top: -1px; }

.commonHeader .nav_view .sup_nav .normal_nav_item:hover .text, .commonHeader .nav_view .sup_nav .normal_nav_item:focus .text { color: rgb(23, 23, 23); }

.commonHeader .nav_view .sup_nav .normal_nav_item:hover:hover::after, .commonHeader .nav_view .sup_nav .normal_nav_item:focus:hover::after { left: 0px; width: 100%; background-color: rgb(225, 20, 10); }

.commonHeader .nav_view .search-box { min-width: 380px; }

.commonHeader .extra_padding::before { content: ""; display: block; position: absolute; width: 100%; height: 0.75em; top: -0.75em; }

.commonHeader .extra_padding::after { content: ""; display: block; position: absolute; width: 100%; height: 0.75em; bottom: -0.75em; }

.commonHeader .second_view { width: 100%; order: 3; z-index: 100; bottom: -56px; min-height: 56px; height: auto; background-color: var(--pale-gray-3); white-space: nowrap; }

.commonHeader .second_view.hide_view { opacity: 0; visibility: hidden; }

.commonHeader .second_view.posRelative { position: relative; bottom: 0px; }

.commonHeader .second_view.posAbsolute { position: absolute; bottom: -45px; }

.commonHeader .second_view .second_list { max-width: 1920px; padding-left: 16px; display: flex; justify-content: center; align-items: center; }

.commonHeader .second_view .second_list > ul { height: 100%; margin-left: -12px; }

.commonHeader .second_view .second_list > ul .second_list_item { height: 38px; margin-top: 18px; display: inline-block; padding: 0px 12px; border-top-left-radius: 7px; border-top-right-radius: 7px; }

.commonHeader .second_view .second_list > ul .second_list_item .second_list_item_a { display: inherit; height: 100%; }

.commonHeader .second_view .second_list > ul .second_list_item .seccond_list_title { position: relative; transition: border-top 0.3s, border-right 0.3s, border-bottom 0.3s, border-left 0.3s, color 0.3s, background-color 0.3s, border-radius 0.3s; }

.commonHeader .second_view .second_list > ul .second_list_item .seccond_list_title::after { content: ""; display: block; position: absolute; height: 2px; width: 100%; background: rgb(255, 255, 255); left: 0px; bottom: -2px; z-index: 10; opacity: 0; visibility: hidden; transition: visibility 0.3s, opacity 0.3s; }

.commonHeader .second_view .second_list > ul .second_list_item .seccond_list_title .text { position: relative; cursor: pointer; display: inline-block; font: 14px / 24px Lato, Helvetica, Arial, sans-serif; color: rgb(78, 68, 78); transition: 0.3s; }

.commonHeader .second_view .second_list > ul .second_list_item .seccond_list_title .text::after { content: ""; width: 50%; height: 4px; background: var(--pale-gray-3); position: absolute; top: 100%; left: 25%; transition: 0.3s; margin-top: 9px; }

.commonHeader .second_view .second_list > ul .second_list_item .seccond_list_title .text:hover::after { left: 0px; width: 100%; background: rgb(225, 20, 10); }

.commonHeader .second_view .second_list > ul .second_list_item:focus-within, .commonHeader .second_view .second_list > ul .second_list_item:hover, .commonHeader .second_view .second_list > ul .second_list_item.focus { background-color: rgb(255, 255, 255); }

.commonHeader .second_view .second_list > ul .second_list_item:focus-within .seccond_list_title .text::after, .commonHeader .second_view .second_list > ul .second_list_item:hover .seccond_list_title .text::after, .commonHeader .second_view .second_list > ul .second_list_item.focus .seccond_list_title .text::after { left: 0px; width: 100%; background: rgb(225, 20, 10); }

.commonHeader .second_view .second_list > ul .second_list_item:focus-within .seccond_list_title::after, .commonHeader .second_view .second_list > ul .second_list_item:hover .seccond_list_title::after, .commonHeader .second_view .second_list > ul .second_list_item.focus .seccond_list_title::after { display: none; }

.commonHeader .second_view .second_list > ul .second_list_item:focus-within .seccond_list_title .text, .commonHeader .second_view .second_list > ul .second_list_item:hover .seccond_list_title .text, .commonHeader .second_view .second_list > ul .second_list_item.focus .seccond_list_title .text { font: 14px / 24px Lato, Helvetica, Arial, sans-serif; text-shadow: rgb(23, 23, 23) 0px 0px 0.65px; }

.commonHeader .second_view .second_list > ul .second_list_item:focus-within .seccond_list_title .text *, .commonHeader .second_view .second_list > ul .second_list_item:hover .seccond_list_title .text *, .commonHeader .second_view .second_list > ul .second_list_item.focus .seccond_list_title .text * { color: inherit; }

.commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:focus-within .seccond_list_title .text::after, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:hover .seccond_list_title .text::after, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu.focus .seccond_list_title .text::after { left: 0px; width: 100%; background: rgb(225, 20, 10); }

.commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:focus-within .seccond_list_title::after, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:hover .seccond_list_title::after, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu.focus .seccond_list_title::after { content: ""; opacity: 1; visibility: visible; }

.commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:focus-within .seccond_list_title .text *, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu:hover .seccond_list_title .text *, .commonHeader .second_view .second_list > ul .second_list_item.hasMegamenu.focus .seccond_list_title .text * { color: inherit; }

.commonHeader .second_view .second_list > ul .second_view_not_show_three .three_view { display: none !important; visibility: hidden !important; }

.commonHeader .hide-view { display: none; }

.commonHeader .three_view { z-index: 9; display: block; padding: 30px 0px 24px; background-color: rgb(255, 255, 255); position: absolute; left: 0px; width: 100%; border-bottom: 1px solid rgb(0, 0, 0); white-space: normal; }

.commonHeader .three_view .three_list_item { flex: 1 1 0%; max-width: 200px; margin-right: 36px; }

.commonHeader .three_view .three_list_item:empty { display: none; }

.commonHeader .three_list { justify-content: center; }

.commonHeader .three_list_item:last-child { margin-right: 0px; }

.commonHeader .three_list_item .three_list_title { font-size: 13px; font-weight: 700; line-height: 19px; }

.commonHeader .three_list_item .three_list_title:first-child { margin-bottom: 7px; }

.commonHeader .three_list_item .three_list_text { display: block; min-height: 14px; box-sizing: content-box; color: rgb(58, 58, 58); font: 14px / 16px Lato, Helvetica, Arial, sans-serif; }

.commonHeader .three_list_item .three_item:not(:first-child) { padding-top: 12px; }

.commonHeader .three_list_item .three_list_text_blod { display: block; color: rgb(0, 0, 0); min-height: 14px; font: 700 14px / 14px Lato, Helvetica, Arial, sans-serif; box-sizing: content-box; }

.commonHeader .three_list_item a.three_list_text_blod:hover, .commonHeader .three_list_item a.three_list_text:hover { color: var(--med-blue); text-decoration: underline; }

.commonHeader .three_list .screen_hot { max-width: 242px; margin-right: 16px; }

.commonHeader .three_list .screen_hot .commonEspotContent { visibility: hidden; }

.commonHeader .three_list .screen_hot .espotFragment { height: 187px; width: 242px; display: flex; align-items: center; place-content: center flex-start; flex-wrap: wrap; padding: 5px; visibility: visible; background: linear-gradient(to right, rgb(246, 247, 248) 0px, rgb(237, 238, 241) 20%, rgb(246, 247, 248) 40%, rgb(246, 247, 248) 100%) 0% 0% / cover no-repeat rgb(246, 247, 248); position: relative; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeholderShimmer; animation-timing-function: linear; }

.commonHeader .three_list .screen_hot .espotFragment > p { word-break: break-word; }

.commonHeader .margin20 { margin-right: 20px; }

.commonHeader .margin32 { margin-right: 32px; }

.commonHeader #appmenu .second_list_item[aria-expanded="true"] .three_view { display: block !important; }

@media screen and (min-width: 1360px) {
  .commonHeader .three_view > .main { width: 1360px; margin: 0px auto; }
}

@media screen and (min-width: 1280px) and (max-width: 1359px) {
  .commonHeader .three_view > .main { width: 1280px; margin: 0px auto; }
}

@media screen and (min-width: 1920px) {
  .commonHeader .second_view { justify-content: center; }
  .commonHeader .second_view .second_list { width: 1920px; justify-content: normal; align-items: normal; }
}

.commonHeader .lost_dialog { width: 600px; height: 426px; top: 0px; right: 0px; position: fixed; background: rgb(255, 255, 255); display: none; }

.commonHeader .lost_dialog .recommend { padding: 20px 21px 17px 20px; position: relative; flex: 1 1 0%; }

.commonHeader .lost_dialog .recommend .recommend_title { padding-bottom: 9px; font-size: 18px; border-bottom: 1px solid rgb(0, 0, 0); }

.commonHeader .lost_dialog .recommend .recommend_content { margin-top: 17px; }

.commonHeader .lost_dialog .recommend .recommend_content .content_list { padding-bottom: 32px; }

.commonHeader .lost_dialog .recommend .recommend_content .content_list span { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.commonHeader .lost_dialog .recommend .recommend_content .content_list span:first-child { color: var(--med-blue); }

.commonHeader .lost_dialog .recommend .recommend_content .content_list span:last-child { color: rgb(85, 85, 85); }

.commonHeader .lost_dialog .recommend .view { position: absolute; right: 20px; font-size: 14px; color: var(--med-blue); bottom: 17px; }

.commonHeader .lost_dialog .specifications { width: 200px; padding-top: 18px; padding-left: 20px; font-size: 14px; height: 425px; background: rgb(239, 239, 239); }

.commonHeader .lost_dialog .specifications li { padding-bottom: 30px; }

.commonHeader .lost_dialog .specifications li span:first-child { color: rgb(85, 85, 85); }

.commonHeader .lost_dialog .specifications li span:last-child { font-family: "Lato Regular", Lato, Helvetica, Arial, sans-serif; }

.smbCommonHeader { --smb-bg-color: #171717; }

.smbCommonHeader .masthead { background-color: var(--smb-bg-color); }

.smbCommonHeader .masthead .header_right .utility_nav { height: 100%; align-items: flex-start; }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="10"] { display: none; }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] { padding: 0px; }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-container { padding: 0px 12px; background-color: var(--smb-bg-color); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content { background-color: var(--smb-bg-color); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content .card-heart-icon { cursor: pointer; filter: invert(1); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container { background-color: rgb(255, 255, 255); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content { background-color: rgb(255, 255, 255); border-bottom: 4px solid rgb(225, 20, 10); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"]:hover .card-wish-container.card-new-wish .card-heart-content .card-heart-icon { filter: invert(0); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-hover { background-color: rgb(255, 255, 255); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-hover.card-new-wish .card-heart-content { background-color: rgb(255, 255, 255); border-bottom: 4px solid rgb(225, 20, 10); }

.smbCommonHeader .masthead .header_right .utility_nav_item[data-utilitytype="6"] .card-wish-hover.card-new-wish .card-heart-content .card-heart-icon { filter: invert(0); }

.smbCommonHeader .masthead .header_right .utility_nav_item .userMSG { margin-right: 8px; font-size: 12px; color: rgb(255, 255, 255); letter-spacing: -0.19px; line-height: 15px; }

.smbCommonHeader .masthead .header_right .utility_nav_item_icon, .smbCommonHeader .masthead .header_right .utility_nav_item .avatar-content { color: rgb(255, 255, 255); }

.smbCommonHeader .masthead .header_right .utility_nav_item:hover .utility_nav_item_icon, .smbCommonHeader .masthead .header_right .utility_nav_item:focus-within .utility_nav_item_icon { color: rgb(23, 23, 23); padding-bottom: 5px; border-bottom: 4px solid rgb(225, 20, 10); }

.smbCommonHeader .masthead .header_right .utility_nav_item:hover .utility_nav_item_icon .avatar-content, .smbCommonHeader .masthead .header_right .utility_nav_item:focus-within .utility_nav_item_icon .avatar-content { color: rgb(23, 23, 23); }

.smbCommonHeader .masthead .header_right .utility_nav_line { color: rgb(255, 255, 255); }

.smbCommonHeader .masthead .header_right .second_utility_list .utility_nav_item_icon { border-bottom-color: var(--smb-bg-color); }

.smbCommonHeader .masthead .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container { padding: 8px 16px 0px; }

.smbCommonHeader .masthead .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content { width: 32px; }

.smbCommonHeader .masthead .header_right .second_utility_list .utility_nav_item[data-utilitytype="6"] .card-wish-container.card-new-wish .card-heart-content .card-heart-icon { width: auto; height: auto; }

.smbCommonHeader .nav_view { background-color: var(--smb-bg-color); }

.smbCommonHeader .nav_view .segment_nav_container .segmentItem:focus-within .text::after, .smbCommonHeader .nav_view .segment_nav_container .segmentItem:hover .text::after { background: rgb(201, 208, 240); }

.smbCommonHeader .nav_view .segment_nav_container .segmentItem .text { color: rgb(255, 255, 255); }

.smbCommonHeader .nav_view .segment_nav_container .segmentItem .text:hover::after { background: rgb(201, 208, 240); }

.smbCommonHeader .nav_view .sup_nav .nav_item .nav_item_title .text { color: rgb(255, 255, 255); border-bottom-color: var(--smb-bg-color); }

.smbCommonHeader .nav_view .sup_nav .nav_item.sup_nav_active .nav_item_title .text { color: var(--light-blue); }

.smbCommonHeader .nav_view .sup_nav .nav_item.sup_nav_active .nav_item_title::after { content: ""; width: 100%; height: 4px; background-color: rgb(201, 208, 240); position: absolute; top: 100%; left: 0px; transition: 0.3s; margin-top: -8px; }

.smbCommonHeader .nav_view .sup_nav .normal_nav_item::after { background-color: var(--smb-bg-color); }

.smbCommonHeader .second_view .second_list { padding-left: 0px; }

.smbCommonHeader .second_view .second_list > ul { margin-left: 0px; }

.smbCommonHeader .second_view .second_list > ul .second_list_item .seccond_list_title { box-sizing: border-box; }

.smbCommonHeader .second_view .second_list > ul .second_list_item .seccond_list_title .text { padding: 0px 0px 8px; border-bottom-color: var(--smb-bg-color); margin-top: -2px; }

.smbCommonHeader .second_view .second_list > ul .second_list_item .seccond_list_title .text::after { margin-top: 1px; }

.smbCommonHeader .second_view .three_view { border-bottom-color: var(--smb-bg-color); }