/* Created at: 2024-12-12 02:09:53 */  /* BEGIN ------ Style Free Gift Multiple - copy from _third-party-tippy-storefront.scss ------- */ .STP-tiers .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; } .STP-tiers [data-tippy-root] { max-width: calc(100vw - 10px); } .STP-tiers .tippy-box { position: relative; opacity: 1; color: #fff; font-size: 14px; line-height: 1.4; white-space: normal; outline: 0; transition-property: transform, visibility, opacity; } .STP-tiers .tippy-box[data-placement^=top] > .tippy-arrow, .STP-tiers .tippy-box[data-placement^=top] > .tippy-svg-arrow { bottom: 0; } .STP-tiers .tippy-box[data-placement^=top] > .tippy-arrow:before, .STP-tiers .tippy-box[data-placement^=top] .tippy-arrow-custom:before { bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; transform-origin: center top; } .STP-tiers .tippy-box[data-placement^=bottom] > .tippy-arrow, .STP-tiers .tippy-box[data-placement^=bottom] > .tippy-svg-arrow { top: 0; } .STP-tiers .tippy-box[data-placement^=bottom] > .tippy-arrow:before, .STP-tiers .tippy-box[data-placement^=bottom] .tippy-arrow-custom:before { top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: center bottom; } .STP-tiers .tippy-box[data-placement^=left] > .tippy-arrow, .STP-tiers .tippy-box[data-placement^=left] > .tippy-svg-arrow { right: 0; } .STP-tiers .tippy-box[data-placement^=left] > .tippy-arrow:before, .STP-tiers .tippy-box[data-placement^=left] .tippy-arrow-custom:before { border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; transform-origin: center left; } .STP-tiers .tippy-box[data-placement^=right] > .tippy-arrow, .STP-tiers .tippy-box[data-placement^=right] > .tippy-svg-arrow { left: 0; } .STP-tiers .tippy-box[data-placement^=right] > .tippy-arrow:before, .STP-tiers .tippy-box[data-placement^=right] .tippy-arrow-custom:before { left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: center right; } .STP-tiers .tippy-box[data-inertia][data-state=visible] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .STP-tiers .tippy-arrow, .STP-tiers .tippy-arrow-custom { display: block; width: 16px; height: 16px; color: #377DFF; opacity: 1; } .STP-tiers .tippy-arrow:before, .STP-tiers .tippy-arrow-custom:before { content: ''; position: absolute; border-color: transparent; border-style: solid; } .STP-tiers .tippy-content { position: relative; z-index: 1; } .STP-tiers .tippy-content-custom { background-color: #377DFF; padding: 5px 9px; border-radius: 4px; } .STP-tiers .tippy-content p { margin: 5px 0; font-size: 12px; line-height: 17px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .STP-tiers .tippy-content p strong { font-size: 12px; font-weight: 600; } .deal { max-width: 534px; } .dealItem { display: flex; flex-direction: column; margin-bottom: 16px; border: 2px solid #bdbdbd; border-radius: 2px; color: #535f77; cursor: pointer; } .dealItem > .content { display: flex; justify-content: space-between; align-items: center; padding: 16px 40px; } .dealItem > .content .discountInfo { display: flex; flex: 0 0 50%; } .dealItem > .content .discountInfo .checkbox { width: 18px; min-width: 18px; height: 18px; border-radius: 100px; display: flex; justify-content: center; align-items: center; margin-right: 10px; border: 1px solid #c5cad5; box-shadow: 0px 1px 0px #e9ebf0; } .dealItem > .content .saleInfo { display: flex; flex: 0 0 50%; flex-direction: column; gap: 8px 0; text-align: right; } .dealItem > .content .saleInfo > h5 { font-size: 14px; font-weight: 700; color: #107c10; padding: 0 !important; margin: 0 !important; } .dealItem > .content .saleInfo .price { display: inline-block; font-size: 14px; font-weight: 700; color: inherit; } .dealItem > .content .saleInfo .price .original { padding-right: 8px; text-decoration: line-through; } .dealItem > .content .saleInfo .price .sale, .dealItem > .content .saleInfo .price .original { font-size: 16px; font-weight: 500; } .dealItem > .content .saleInfo .total { display: inline-block; font-size: 14px; font-weight: 500; color: inherit; gap: 0 8px; } .dealItem > .content .saleInfo .total .original { text-decoration: line-through; } .dealActive { border: 2px solid #107c10; border-radius: 2px; margin-bottom: 16px; } .dealActive > .dealItem { border: none !important; margin-bottom: 0 !important; } .dealActive > .dealItem .checkbox { border: 5px solid #107c10 !important; } .dealStyle1 { display: none; } .dealStyle1 h5 { margin: 0 !important; } .dealActive .dealStyle1, .dealActive .dealStyle2 { display: block !important; padding: 15px; color: #f5f7f9; background-color: #107c10; font-size: 20px !important; font-weight: 500; text-align: center; } .deal1 { background-color: rgba(16, 124, 16, 0.1); } .deal1 .dealItem { background-color: rgba(16, 124, 16, 0.1) !important; } .btnGrabThisDeal { width: 100%; height: 48px; padding: 10px; color: #fff; background: #107c10; display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 24px; font-weight: 600; text-align: center; cursor: pointer; user-select: none; margin-bottom: 16px; transition: all 0.3s ease; } .btnGrabThisDeal:hover { background: #228e22; } .btnGrabThisDeal .qbLoader, .STP-button-has-loader .qbLoader { display: none; } .qbLoading { pointer-events: none; } .qbLoading span { display: none !important; } .STP-free-gift-multiple__loading .qbLoader, .qbLoading .qbLoader { display: block; } /* QB Helper CSS */ .helperBreakSpaces { white-space: break-spaces; } /* QB Modal */ .qbModal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 99999999; opacity: 0; visibility: hidden; } .qbModalShow { opacity: 1 !important; visibility: visible !important; transition: all 0.5s ease-in-out; } .qbModal .qbModalContent { display: grid; padding: 20px; background: #fff; border-radius: 8px; width: 30%; min-width: 500px; position: relative; transition: all 0.5s linear; } .qbModal .qbModalContent .qbModalHeader { text-align: right; } .qbModal .qbModalContent .qbModalHeader .qbCloseModal { font-size: 19px; background: transparent; border: none; outline: none; cursor: pointer; } .qbModal .qbModalContent .qbModalMessage { font-size: 16px; font-weight: 400; padding: 0 0 34px; } .qbModal .qbModalContent .qbModalFooter { text-align: right; } .qbModal .qbModalContent .qbModalFooter button { display: inline-block; padding: 10px 20px; color: #fff; background: rgba(55, 125, 255, 1); border: none; outline: none; border-radius: 8px; cursor: pointer; transition: all 0.5s; min-width: 3.6rem; font-size: 16px; font-weight: 500; box-shadow: 0 1px 0 rgb(0 0 0 / 5%); user-select: none; text-decoration: none; } @media screen and (max-width: 992px){ .dealItem > .content { padding: 10px 20px; } .dealActive .dealStyle1, .dealActive .dealStyle2 { padding: 5px; } } .qbLoader, .qbLoader:after { border-radius: 50%; width: 11em; height: 11em; } .qbLoader { display: none; font-size: 2.5px; position: relative; text-indent: -9999em; border-top: 1.2em solid rgba(255, 255, 255, 0.2); border-right: 1.2em solid rgba(255, 255, 255, 0.2); border-bottom: 1.2em solid rgba(255, 255, 255, 0.2); border-left: 1.2em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .STP-free-gift-multiple__loading .qbLoader { border-top: 1.2em solid rgba(255, 255, 255, 1); border-right: 1.2em solid rgba(255, 255, 255, 1); border-bottom: 1.2em solid rgba(255, 255, 255, 1); border-left: 1.2em solid #377dff; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* BEGIN ------ Generated by SCSS - Style Table Default B - Do not update here ------ */ .STP-table-default--storefront .STP-table-default__inner { min-width: 274px; border-radius: 10px; overflow: hidden; } .STP-table-default--storefront.table-default-2 .STP-table-default__inner { background-color: #F9FBFE; border: 1px solid #377DFF; } .STP-table-default--storefront.table-default-3 .STP-table-default__inner { background-color: #F4F6FE; border: 1px solid #676FA3; } .STP-table-default--storefront.table-default-2 .STP-table-default__heading { padding: 16px 16px 0; } .STP-table-default--storefront.table-default-3 .STP-table-default__heading { padding: 0; } .STP-table-default--storefront.table-default-2 .STP-table-default__heading-inner { padding: 0 0 6px; border-bottom: 1px solid #377DFF; } .STP-table-default--storefront.table-default-3 .STP-table-default__heading-inner { text-align: center; padding: 6px; background-color: #676FA3F7; border-bottom: 1px solid #676FA3; } .STP-table-default--storefront .STP-table-default__heading-text { font-size: 16px; } .STP-table-default--storefront.table-default-2 .STP-table-default__heading-text { font-weight: 500; line-height: 22px; color: #1C2B4B; } .STP-table-default--storefront.table-default-3 .STP-table-default__heading-text { font-weight: 600; line-height: 24px; color: #fff; } .STP-table-default--storefront .STP-table-default__body { width: 100%; } .STP-table-default--storefront.table-default-3 .STP-table-default__body { padding: 8px 0 0; } .STP-table-default--storefront .STP-table-default__body-inner { width: 100%; padding: 8px; display: flex; flex-wrap: wrap; justify-content: center; } .STP-table-default--storefront .STP-table-default__item { flex: 0 0 auto; padding: 4px 8px 10px; min-width: 85px; } .STP-table-default--storefront .STP-table-default__item-top { padding: 4px 0; } .STP-table-default--storefront .STP-table-default__item-top-text { font-weight: 500; font-size: 14px; line-height: 22px; color: #535F77; } .STP-table-default--storefront .STP-table-default__item-bottom { padding: 4px 0; } .STP-table-default--storefront .STP-table-default__item-bottom-text { font-weight: 500; font-size: 18px; line-height: 22px; } .STP-table-default--storefront.table-default-2 .STP-table-default__item-bottom-text { color: #377DFF; } .STP-table-default--storefront.table-default-3 .STP-table-default__item-bottom-text { color: #676FA3; } .STP-table-default--storefront .STP-table-default-1__line-text { margin: 0 0 3px; } .STP-table-default--storefront .STP-table-default-1__line-text:last-child { margin: 0; } /* END ------ Generated by SCSS - Style Table Default B - Do not update here ------ */ /* BEGIN ------ Generated by SCSS - Style Table Grid - Do not update here ------ */ .STP-table-grid--storefront .STP-table-grid__inner table { width: 100%; border-collapse: collapse; box-shadow: none; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table { border: 0; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table thead tr:first-child th, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table thead tr:first-child th { border-top: 0 !important; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table thead tr:last-child th, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table thead tr:last-child th { border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table tbody tr:nth-child(odd), .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table tbody tr:nth-child(odd) { background-color: #FFFFFF; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table tbody tr:nth-child(even), .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table tbody tr:nth-child(even) { background-color: #F8F9FD; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table tbody tr:last-child td, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table tbody tr:last-child td { border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table th, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table th { text-align: left; padding: 11px 16px; background-color: #F8F9FD; border-left: 0 !important; border-right: 0 !important; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner table td, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner table td { padding: 9px 16px; border-left: 0 !important; border-right: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table thead tr:first-child th, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table thead tr:first-child th { border-top: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table thead tr:last-child th, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table thead tr:last-child th { border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table tbody tr:nth-child(odd), .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table tbody tr:nth-child(odd) { background-color: #FEF3E9; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table tbody tr:nth-child(even), .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table tbody tr:nth-child(even) { background-color: #FFFFFF; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table tbody tr:first-child td, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table tbody tr:first-child td { border-top: 0; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table tbody tr:last-child td, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table tbody tr:last-child td { border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table th, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table th { text-align: left; padding: 11px 16px; background-color: #E88830; border-left: 1px solid #E1E3E5; border-right: 1px solid #E1E3E5; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table th:first-child, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table th:first-child { border-left: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table th:last-child, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table th:last-child { border-right: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table td, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table td { border: 1px solid #E1E3E5; padding: 9px 16px; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table td:first-child, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table td:first-child { border-left: 0 !important; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner table td:last-child, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner table td:last-child { border-right: 0 !important; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table tbody tr:first-child, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table tbody tr:first-child { border-top: 0; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table tbody tr:last-child, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table tbody tr:last-child { border-bottom: 0; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table tbody tr, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table tbody tr { border: 1px dashed #919EAB; border-left: 0; border-right: 0; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table tbody tr:first-child td, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table tbody tr:first-child td { border-top: 0 !important; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table tbody tr:last-child td { padding-bottom: 0; border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table tbody tr:last-child td { border-bottom: 0 !important; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table th, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table th { padding: 8px; text-align: left; border-width: 0 !important; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner table td, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner table td { padding: 8px; border-left-width: 0 !important; border-right-width: 0 !important; } .STP-table-grid--storefront .STP-table-grid__inner { border-radius: 10px; overflow: hidden; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__inner, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__inner { border: 1px solid #EBECF0; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__inner, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__inner { border: 1px solid #E88830; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__inner, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__inner { padding: 8px; background-color: #F8F9FD; border: 1px solid #F4F5F7; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__heading-left-text, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__heading-left-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #585E80; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__heading-left-text, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__heading-left-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #FFFFFF; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__heading-left-text, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__heading-left-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #050505; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__heading-right, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__heading-right { text-align: right; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__heading-right, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__heading-right { text-align: center; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__heading-right, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__heading-right { text-align: right; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__heading-right-text, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__heading-right-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #585E80; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__heading-right-text, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__heading-right-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #FFFFFF; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__heading-right-text, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__heading-right-text { font-weight: 600; font-size: 12px; line-height: 14px; color: #050505; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__item-left, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__item-left { text-align: center; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__item-left-text, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__item-left-text { font-weight: 500; font-size: 12px; line-height: 20px; color: #595E7E; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__item-left-text, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__item-left-text { font-weight: 500; font-size: 12px; line-height: 14px; color: #535F77; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__item-left-text, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__item-left-text { font-weight: 500; font-size: 12px; line-height: 20px; color: #4F4F4F; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__item-right, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__item-right { text-align: right; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__item-right, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__item-right { text-align: center; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__item-right, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__item-right { text-align: right; } .STP-table-grid--storefront.table-grid-1 .STP-table-grid__item-right-text, .STP-table-grid--storefront.table-grid-4 .STP-table-grid__item-right-text { font-weight: 500; font-size: 10px; line-height: 20px; color: #595E7E; } .STP-table-grid--storefront.table-grid-2 .STP-table-grid__item-right-text, .STP-table-grid--storefront.table-grid-5 .STP-table-grid__item-right-text { font-weight: 500; font-size: 12px; line-height: 14px; color: #535F77; } .STP-table-grid--storefront.table-grid-3 .STP-table-grid__item-right-text, .STP-table-grid--storefront.table-grid-6 .STP-table-grid__item-right-text { font-weight: 500; font-size: 12px; line-height: 20px; color: #4F4F4F; } /* END ------ Generated by SCSS - Style Table Grid - Do not update here ------ */ /* BEGIN ------ Generated by SCSS - Style Table Selector - Do not update here ------ */ .STP-table-selector { width: 100%; min-width: 300px; } .STP-table-selector__list { width: 100%; display: flex; flex-wrap: wrap; } .STP-table-selector__option { width: 100%; padding: 6px 0; } .STP-table-selector__option:first-child { padding: 0 0 6px; } .STP-table-selector__option-inner { width: 100%; background: #FFFFFF; border: 2px solid #E2E6EA; box-sizing: border-box; border-radius: 2px; cursor: pointer; } .STP-table-selector__option--selected .STP-table-selector__option-inner { border-color: #5C5470; background: #F0EFF3; } .table-selector-2 .STP-table-selector__option--selected .STP-table-selector__option-inner { border-color: #008E9B; background: #F0F8F9; } .STP-table-selector__heading { width: 100%; display: none; justify-content: center; background: #5C5470; padding: 12px 10px 8px; min-height: 46px; } .STP-table-selector__option--selected .STP-table-selector__heading { display: flex; } .table-selector-1 .STP-table-selector__option--selected .STP-table-selector__heading { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } .table-selector-2 .STP-table-selector__heading { position: relative; justify-content: flex-start; align-items: flex-start; background: #F0F8F9; padding: 0; } .STP-table-selector__heading-left { display: inline; width: 100%; text-align: center; } .STP-table-selector__heading-left span:first-of-type { font-weight: 500; font-size: 20px; line-height: 24px; color: #F5F7F9; } .table-selector-2 .STP-table-selector__heading-left { flex: 1 1 auto; display: block; text-align: left; color: #008E9B; padding: 14px 8px 10px 22px; } .table-selector-2 .STP-table-selector__heading-left span { color: #008E9B; } .STP-table-selector__heading-left-discount-text { font-weight: 500; font-size: 18px; line-height: 21px; color: #FFFFFF; padding: 0 0 0 12px; text-transform: uppercase; } .table-selector-2 .STP-table-selector__heading-left-discount-text { display: none; } .STP-table-selector__heading-right { display: none; } .table-selector-2 .STP-table-selector__heading-right { flex: 0 0 auto; position: relative; top: 0; display: block; width: 106px; text-align: center; margin: 0 22px 0 0; } .STP-table-selector__heading-right-text { position: relative; z-index: 2; width: 100%; min-height: 45px; font-weight: 700; font-size: 16px; line-height: 19px; color: #FFFFFF; word-break: break-word; padding: 18px 4px 2px; background-color: #008E9B; text-transform: uppercase; } .STP-table-selector__heading-right-arrow { position: absolute; left: 0; bottom: -17px; width: 0; height: 0; border-left: 53px solid transparent; border-right: 53px solid transparent; border-top: 17px solid #008E9B; } .STP-table-selector__heading-right-arrow-svg { position: absolute; bottom: -6px; left: -56px; z-index: 1; } .STP-table-selector__heading-right-arrow-svg svg { display: block; } .STP-table-selector__heading-right-arrow-svg path { fill: #008E9B; } .STP-table-selector__body { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 18px 13px 14px; } .STP-table-selector__option--selected .STP-table-selector__body { padding: 28px 20px 19px; } .table-selector-2 .STP-table-selector__body { padding: 18px 13px 14px; } .table-selector-2 .STP-table-selector__option--selected .STP-table-selector__body { padding: 35px 22px 14px; } .STP-table-selector__body-left { position: relative; flex: 0 1 auto; width: 100%; padding: 4px 0 0 28px; } .STP-table-selector__option--selected .STP-table-selector__body-left { padding: 0 0 0 20px; } .table-selector-2 .STP-table-selector__option--selected .STP-table-selector__body-left { padding: 0 0 0 24px; } .STP-table-selector__body-right { min-width: 180px; } .STP-table-selector__body-text { font-weight: 500; font-size: 14px; line-height: 24px; color: #535F77; } .STP-table-selector__option--selected .STP-table-selector__body-text { font-weight: 500; font-size: 16px; line-height: 19px; } .STP-table-selector__price-row { text-align: right; margin-bottom: 6px; word-break: break-word; } .STP-table-selector__price-row:last-child { margin-bottom: 0; } .STP-table-selector__price-compare { display: inline-block; font-weight: 500; font-size: 16px; line-height: 19px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #A6ADB9; } .STP-table-selector__price { display: inline-block; font-weight: 500; font-size: 16px; line-height: 19px; color: #535F77; padding: 0 0 0 8px; } .STP-table-selector__total-compare { display: inline-block; font-weight: 500; font-size: 14px; line-height: 17px; color: #535F77; padding: 0 0 0 8px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .STP-table-selector__option--selected .STP-table-selector__total-compare { color: #A6ADB9; } .STP-table-selector__total-text { display: inline-block; font-weight: 500; font-size: 14px; line-height: 17px; color: #535F77; } .STP-table-selector__total { display: inline-block; font-weight: 500; font-size: 14px; line-height: 17px; color: #535F77; padding: 0 0 0 8px; } .STP-table-selector__discount-text span { font-weight: 700; font-size: 14px; line-height: 17px; color: #5C5470; text-transform: uppercase; } .STP-table-selector__option--selected .STP-table-selector__discount-text { display: none; } .table-selector-2 .STP-table-selector__discount-text span { color: #008E9B; } .STP-table-selector__checkbox { position: absolute; left: 1px; top: 8px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #C5CAD5; box-sizing: border-box; box-shadow: 0 1px 0 #E9EBF0; } .STP-table-selector__option--selected .STP-table-selector__checkbox { left: -3px; top: 1px; border: 4px solid #5C5470; } .table-selector-2 .STP-table-selector__option--selected .STP-table-selector__checkbox { left: 0; top: 1px; border: 4px solid #008E9B; } .STP-table-selector__variants { width: 100%; display: none; padding: 8px 18px 23px; } .STP-table-selector__option--selected .STP-table-selector__variants { display: flex; } .table-selector-2 .STP-table-selector__option--selected .STP-table-selector__variants { padding: 8px 22px 21px; } .STP-table-selector__variants-list { width: 100%; } .STP-table-selector__variants-item { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .STP-table-selector__variants-item:last-child { margin-bottom: 0; } .table-selector-2 .STP-table-selector__variants-item { margin-bottom: 13px; } .table-selector-2 .STP-table-selector__variants-item:last-child { margin-bottom: 0; } .STP-table-selector__variants-item-count { flex: 0 1 auto; min-width: 16px; font-weight: 500; font-size: 16px; line-height: 22px; color: #1C2B4B; } .STP-table-selector__variants-item-option { flex: 1 1 auto; width: 180px; padding: 0 4px; } .STP-table-selector__variants-item-option:last-child { padding-right: 0; } .STP-table-selector__variants-item-option .Polaris-Select__Icon svg { color: #5C5470; } .STP-table-selector__variants-item-option .Polaris-Select__Backdrop { border-radius: 2px; } .STP-table-selector__button { width: 100%; display: flex; justify-content: center; align-items: center; background: #5C5470; border-radius: 2px; text-align: center; margin-top: 6px; padding: 10px 4px; word-break: break-word; cursor: pointer; } .STP-table-selector__button span { width: 100%; font-weight: 600; font-size: 20px; line-height: 24px; color: #fff; } .table-selector-2 .STP-table-selector__button { background: #008E9B; } .STP-table-selector--design-selector-list { cursor: pointer; } .STP-table-selector--preview-block { max-width: 435px; margin: 0 auto; } .STP-table-selector--tier-form { max-width: 435px; margin: 0 auto 20px; } .STP-table-selector--storefront { margin: 16px 0; } .STP-table-selector--storefront .STP-table-selector__price, .STP-table-selector--storefront .STP-table-selector__total-compare, .STP-table-selector--storefront .STP-table-selector__total { padding: 0 0 0 2px; } .STP-table-selector--storefront .STP-table-selector__variants-item-option { position: relative; } .STP-table-selector--storefront .STP-table-selector__variants-item-option::after { content: ""; display: block; position: absolute; right: 25px; top: 17px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #5C5470; pointer-events: none; } .STP-table-selector--storefront .STP-table-selector__variants-item-option > select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-width: 1px; border-color: #d2d5d8; height: 38px; line-height: 36px; color: #8c9196; font-weight: 400; font-size: 16px; padding: 1px 36px 1px 20px; border-radius: 2px; outline: 0; box-shadow: none; background-image: none; } .STP-table-selector--storefront .STP-table-selector__option--selected .STP-table-selector__option-inner { cursor: default; } /* END ------ Generated by SCSS - Style Table Selector - Do not update here ------ */ /* BEGIN ------ Generated by SCSS - Style Table Cross Sell - Do not update here ------ */ .STP-table-cross-sell { min-width: 300px; } .STP-table-cross-sell .STP-helper-visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; } .STP-table-cross-sell.STP-table-cross-sell--uncheck-all .STP-table-cross-sell__total-block-inner { display: none; } .STP-table-cross-sell__heading { margin: 0 0 8px; } .STP-table-cross-sell__heading p { margin: 0; font-style: normal; font-weight: 600; font-size: 16px; line-height: 22px; color: #1C2B4B; } .STP-table-cross-sell__inner { padding: 10px 8px; border: 1px solid #E2E5EA; border-radius: 12px; } .STP-table-cross-sell__list { display: grid; gap: 16px; grid-template-columns: 100%; } .STP-table-cross-sell__item { padding: 10px 16px; border: 1px solid #E2E5EA; border-radius: 12px; background: #fff; } .STP-table-cross-sell__item-inner { display: grid; gap: 16px; grid-template-columns: 16px 88px 1fr 1fr; } .STP-table-cross-sell__image { display: flex; align-items: center; } .STP-table-cross-sell__image-inner { position: relative; width: 100%; } .STP-table-cross-sell__image-inner img { width: 100%; border-radius: 12px; } .STP-table-cross-sell__checkbox { display: flex; align-items: center; } .STP-table-cross-sell__checkbox label { display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; border: 1px solid #DFE1E5; border-radius: 3px; background: #fff; } .STP-table-cross-sell__checkbox label > span { display: flex; justify-content: center; align-items: center; } .STP-table-cross-sell__checkbox label > span > svg { opacity: 0; } .STP-table-cross-sell__checkbox input[type=checkbox] { visibility: hidden; } .STP-table-cross-sell__checkbox input[type=checkbox]:checked + label { background: #377DFF; } .STP-table-cross-sell__checkbox input[type=checkbox]:checked + label > span > svg { opacity: 1; } .STP-table-cross-sell__body { display: grid; gap: 8px; } .STP-table-cross-sell__title { overflow: hidden; } .STP-table-cross-sell__title > p, .STP-table-cross-sell__title > a, .STP-table-cross-sell__sold-out > span { display: block; margin: 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #1C2B4B; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .STP-table-cross-sell__sold-out { display: none; overflow: hidden; } .STP-table-cross-sell__sold-out > span { color: #FF0000 } .STP-table-cross-sell__select-inner { position: relative; display: inline-block; } .STP-table-cross-sell__select-input { width: 84px; height: 32px; border: 1px solid #F2F2F2; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 17px 1px 9px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; } .STP-table-cross-sell__select-input:focus { outline: 0; box-shadow: none; } .STP-table-cross-sell__select-input:disabled { text-align: center; padding: 1px 8px; cursor: default; } .STP-table-cross-sell__select-input:disabled + span { opacity: 0; } .STP-table-cross-sell__select-dropdown-icon { position: absolute; top: 1px; right: 7px; pointer-events: none; } .STP-table-cross-sell__quantity-inner { display: flex; position: relative; } .STP-table-cross-sell__quantity-input { -moz-appearance: textfield; -webkit-appearance: none; appearance: none; width: 48px; height: 24px; background: rgba(242, 242, 242, 0.3); border: 1px solid #F2F2F2; font-size: 12px; padding: 1px 2px 1px; text-align: center; } .STP-table-cross-sell__quantity-input:focus { outline: none; box-shadow: none; } .STP-table-cross-sell__quantity-input::-webkit-outer-spin-button, .STP-table-cross-sell__quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .STP-table-cross-sell__quantity-button { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #fff; border: 1px solid #F2F2F2; cursor: pointer; } .STP-table-cross-sell__right { display: grid; gap: 8px; } .STP-table-cross-sell__discounted-price { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #27AE60; } .STP-table-cross-sell__price-wrap { text-align: right; } .STP-table-cross-sell__price { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #45526C; text-decoration: line-through; } .STP-table-cross-sell__save-text-inner { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 8px; min-width: 120px; min-height: 28px; background: rgba(255, 153, 0, 0.1); border: 1px solid #FF9900; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); border-radius: 50px; } .STP-table-cross-sell__save-text-content { font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #FF9900; text-align: center; } .STP-table-cross-sell__save-text-icon { display: inline-flex; } .STP-table-cross-sell__total-block { display: flex; justify-content: flex-end; margin: 16px 0 8px; } .STP-table-cross-sell__total-block-inner { display: flex; flex-wrap: wrap; justify-content: flex-end; } .STP-table-cross-sell__total-text { padding: 0 6px 0 0; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #1C2B4B; } .STP-table-cross-sell__total-discounted-price { font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: #27AE60; } .STP-table-cross-sell__total-price { font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: #45526C; text-decoration: line-through; padding: 0 0 0 6px; } .STP-table-cross-sell__button-add-to-cart { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px; background: #1E85F2; border-radius: 12px; border: 0; outline: 0; box-shadow: none; cursor: pointer; } .STP-table-cross-sell__button-add-to-cart:hover { background: #2468e7; } .STP-table-cross-sell__button-add-to-cart:disabled { opacity: 0.5; pointer-events: none; } .STP-table-cross-sell__button-add-to-cart.disabled { pointer-events: none; } .STP-table-cross-sell__button-add-to-cart span { font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell__item { padding: 10px 8px; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell__item-inner { gap: 4px; grid-template-columns: 16px 18% 1fr 1fr; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell__image-inner { width: 100%; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell__quantity-input { width: 36px; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell__save-text-inner { padding: 4px 6px; gap: 4px; } /* END -------- Generated by SCSS - Style Table Cross Sell - Do not update here ------ */ /* BEGIN ------ Generated by SCSS - Style Table Upsell Fbt - Do not update here ------ */ .STP-table-upsell-fbt { min-width: 300px; max-width: 1200px; margin: 0 auto; } .STP-table-upsell-fbt .STP-helper-visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; } .STP-table-upsell-fbt--uncheck-all .STP-table-upsell-fbt__total-block-inner { display: none; } .STP-table-upsell-fbt__inner { display: flex; flex-wrap: wrap; gap: 0; padding: 0; border: 1px solid #D3D3D3; border-radius: 12px; } .STP-table-upsell-fbt__heading-block { position: relative; width: 100%; grid-area: headingBlock; padding: 16px 16px 8px; } .STP-table-upsell-fbt__main-heading { margin: 0; font-style: normal; font-weight: 600; font-size: 22px; line-height: 30px; color: #1C2B4B; } .STP-table-upsell-fbt__sub-heading { margin: 16px 0 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #1C2B4B; } .STP-table-upsell-fbt__list { position: relative; width: 100%; grid-area: listBlock; display: grid; gap: 16px; grid-template-columns: 100%; padding: 8px 16px 16px; } .STP-table-upsell-fbt__item { padding: 0; } .STP-table-upsell-fbt__item-inner { display: flex; gap: 8px; align-items: center; } .STP-table-upsell-fbt__image { display: flex; align-items: center; } .STP-table-upsell-fbt__image-inner { position: relative; width: 100%; padding-top: 100%; border-radius: 12px; overflow: hidden; } .STP-table-upsell-fbt__image-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .STP-table-upsell-fbt__checkbox { display: flex; align-items: center; } .STP-table-upsell-fbt__checkbox label { display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; border: 1px solid #DFE1E5; border-radius: 3px; background: #fff; cursor: pointer; } .STP-table-upsell-fbt__checkbox label > span { display: flex; justify-content: center; align-items: center; } .STP-table-upsell-fbt__checkbox label > span > svg { opacity: 0; } .STP-table-upsell-fbt__checkbox input[type=checkbox] { visibility: hidden; } .STP-table-upsell-fbt__checkbox input[type=checkbox]:checked + label { background: #377DFF; } .STP-table-upsell-fbt__checkbox input[type=checkbox]:checked + label > span > svg { opacity: 1; } .STP-table-upsell-fbt__checkbox input[type=checkbox]:disabled + label { cursor: default; background: #b9b9b9; } .STP-table-upsell-fbt__body { display: flex; gap: 8px; align-items: center; width: calc(100% - 24px); } .STP-table-upsell-fbt__title { overflow: hidden; } .STP-table-upsell-fbt__title > p, .STP-table-upsell-fbt__title > a { display: block; margin: 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #1C2B4B; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .STP-table-upsell-fbt__body-group { display: flex; align-items: center; width: auto; gap: 8px; } .STP-table-upsell-fbt__select { max-width: 50%; } .STP-table-upsell-fbt__select-inner { position: relative; display: inline-block; max-width: 100%; } .STP-table-upsell-fbt__select-input { font-family: "SF-Pro-Text", "SF Pro Text", "Raleway", sans-serif; width: auto; max-width: 100%; height: 32px; border: 1px solid #E2E5EA; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); border-radius: 8px; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 22px 1px 9px; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: #535F77; opacity: 1; cursor: pointer; } .STP-table-upsell-fbt__select-input:focus { outline: 0; box-shadow: none; } .STP-table-upsell-fbt__select-input:disabled { text-align: center; padding: 1px 8px; cursor: default; } .STP-table-upsell-fbt__select-input:disabled + span { opacity: 0; } .STP-table-upsell-fbt__select-dropdown-icon { position: absolute; top: 0; right: 8px; height: 100%; display: flex; align-items: center; pointer-events: none; } .STP-table-upsell-fbt__quantity-inner { display: flex; position: relative; } .STP-table-upsell-fbt__quantity-input { -moz-appearance: textfield; -webkit-appearance: none; appearance: none; width: 48px; height: 24px; background: rgba(242, 242, 242, 0.3); border: 1px solid #F2F2F2; font-size: 12px; padding: 1px 2px 1px; text-align: center; } .STP-table-upsell-fbt__quantity-input:focus { outline: none; box-shadow: none; } .STP-table-upsell-fbt__quantity-input::-webkit-outer-spin-button, .STP-table-upsell-fbt__quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .STP-table-upsell-fbt__quantity-button { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #fff; border: 1px solid #F2F2F2; } .STP-table-upsell-fbt__right { display: none; } .STP-table-upsell-fbt__discounted-price { display: inline-block; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; max-width: 100%; } .STP-table-upsell-fbt__price-wrap { display: flex; align-items: center; text-align: right; gap: 8px; } .STP-table-upsell-fbt__price { display: inline-block; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-decoration: line-through; } .STP-table-upsell-fbt__save-text-inner { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 8px; min-width: 120px; min-height: 28px; background: rgba(255, 153, 0, 0.1); border: 1px solid #FF9900; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); border-radius: 50px; } .STP-table-upsell-fbt__save-text-content { font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #FF9900; text-align: center; } .STP-table-upsell-fbt__save-text-icon { display: inline-flex; } .STP-table-upsell-fbt__total-block { display: flex; justify-content: center; margin: 8px 0; } .STP-table-upsell-fbt__total-block-inner { display: flex; flex-wrap: wrap; justify-content: flex-end; } .STP-table-upsell-fbt__total-text { padding: 0 6px 0 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; } .STP-table-upsell-fbt__total-discounted-price { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; padding: 0 0 0 6px; } .STP-table-upsell-fbt__total-price { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; text-decoration: line-through; } .STP-table-upsell-fbt__button-add-to-cart { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px; background: #fff; border: 1px solid #E2E5EA; border-radius: 8px; outline: 0; cursor: pointer; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); } .STP-table-upsell-fbt__button-add-to-cart:hover { background: #fff; } .STP-table-upsell-fbt__button-add-to-cart:disabled { opacity: 0.5; pointer-events: none; } .STP-table-upsell-fbt__button-add-to-cart span { font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #000; } .STP-table-upsell-fbt__atc-block { position: relative; display: none; width: 100%; grid-area: atcBlock; } .STP-table-upsell-fbt__img-block-wrap { position: relative; display: flex; width: 100%; padding: 8px 16px; } .STP-table-upsell-fbt__img-block-wrap .STP-table-upsell-fbt__atc-block { display: block; width: 280px; } .STP-table-upsell-fbt__img-block { width: auto; grid-area: imgBlock; display: flex; flex-wrap: wrap; align-items: center; gap: 14px; } .STP-table-upsell-fbt__img-item-wrap { display: flex; align-items: center; gap: 14px; } .STP-table-upsell-fbt__img-item-wrap:last-child .STP-table-upsell-fbt__img-item-plus svg { display: none; } .STP-table-upsell-fbt__img-item { display: flex; align-items: center; justify-content: center; width: 100px; } .STP-table-upsell-fbt__img-item-inner { position: relative; width: 100%; padding-top: 100%; overflow: hidden; } .STP-table-upsell-fbt__img-item-align { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .STP-table-upsell-fbt__img-item-align img { max-width: 100%; max-height: 100%; border-radius: 8px; } .STP-table-upsell-fbt__img-item-plus { display: flex; align-items: center; justify-content: center; width: 15px; } .STP-table-upsell-fbt__img-item-plus svg { max-width: 100%; } .STP-table-upsell-fbt__admin-edit { display: none; position: absolute; z-index: 9; border-radius: 8px; top: 0; left: 0; width: 100%; height: 100%; min-height: 32px; background-color: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; } .STP-table-upsell-fbt__admin-edit-button { min-width: 51px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px; background: #377dff; border: 0; border-radius: 8px; outline: 0; cursor: pointer; box-shadow: none; } .STP-table-upsell-fbt__admin-edit-button:hover { background: #2468e7; } .STP-table-upsell-fbt__admin-edit-button:disabled { opacity: 0.5; pointer-events: none; } .STP-table-upsell-fbt__admin-edit-button span { font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #fff; } .STP-table-upsell-fbt__sold-out { display: none; overflow: hidden; color: #FF0000; min-width: 90px; font-size: 14px; } @media screen and (max-width: 768px) { .STP-table-upsell-fbt__list { gap: 0; padding: 8px 0 16px; } .STP-table-upsell-fbt__item { padding: 0 16px; border-bottom: 1px solid #E2E5EA; } .STP-table-upsell-fbt__item:first-child { border-top: 1px solid #E2E5EA; } .STP-table-upsell-fbt__item-inner { position: relative; flex-wrap: wrap; width: 100%; padding: 16px 0 16px 32px; } .STP-table-upsell-fbt__checkbox { position: absolute; top: 20px; left: 0; } .STP-table-upsell-fbt__body { flex-wrap: wrap; } .STP-table-upsell-fbt__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .STP-table-upsell-fbt__body-group { flex-wrap: wrap; gap: 8px; width: 100%; min-width: initial; } .STP-table-upsell-fbt__select { width: 50%; } .STP-table-upsell-fbt__select-inner { max-width: 100%; } .STP-table-upsell-fbt__select-input { max-width: 100%; min-width: 80px; } .STP-table-upsell-fbt__price-wrap { width: 50%; max-width: calc(50% - 8px); text-align: right; flex-flow: column; align-items: flex-end; } .STP-table-upsell-fbt__discounted-price { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; } .STP-table-upsell-fbt__atc-block { display: block; padding: 0 16px 16px; } .STP-table-upsell-fbt__img-block-wrap .STP-table-upsell-fbt__atc-block { display: none; } .STP-table-upsell-fbt__img-block { width: 100%; justify-content: flex-start; } .STP-table-upsell-fbt__img-item { width: 60px; } .STP-table-upsell-fbt__sold-out { width: 100px; } } .STP-helper-max-width-768 .STP-table-upsell-fbt__list { gap: 0; padding: 8px 0 16px; } .STP-helper-max-width-768 .STP-table-upsell-fbt__item { padding: 0 16px; border-bottom: 1px solid #E2E5EA; } .STP-helper-max-width-768 .STP-table-upsell-fbt__item:first-child { border-top: 1px solid #E2E5EA; } .STP-helper-max-width-768 .STP-table-upsell-fbt__item-inner { position: relative; flex-wrap: wrap; width: 100%; padding: 16px 0 16px 32px; } .STP-helper-max-width-768 .STP-table-upsell-fbt__checkbox { position: absolute; top: 20px; left: 0; } .STP-helper-max-width-768 .STP-table-upsell-fbt__body { flex-wrap: wrap; } .STP-helper-max-width-768 .STP-table-upsell-fbt__title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .STP-helper-max-width-768 .STP-table-upsell-fbt__body-group { flex-wrap: wrap; gap: 8px; width: 100%; min-width: initial; } .STP-helper-max-width-768 .STP-table-upsell-fbt__select { width: 50%; } .STP-helper-max-width-768 .STP-table-upsell-fbt__select-inner { max-width: 100%; } .STP-helper-max-width-768 .STP-table-upsell-fbt__select-input { max-width: 100%; min-width: 80px; } .STP-helper-max-width-768 .STP-table-upsell-fbt__price-wrap { width: 50%; max-width: calc(50% - 8px); text-align: right; flex-flow: column; align-items: flex-end; } .STP-helper-max-width-768 .STP-table-upsell-fbt__discounted-price { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; } .STP-helper-max-width-768 .STP-table-upsell-fbt__atc-block { display: block; padding: 0 16px 16px; } .STP-helper-max-width-768 .STP-table-upsell-fbt__img-block-wrap .STP-table-upsell-fbt__atc-block { display: none; } .STP-helper-max-width-768 .STP-table-upsell-fbt__img-block { width: 100%; justify-content: flex-start; } .STP-helper-max-width-768 .STP-table-upsell-fbt__img-item { width: 60px; } .STP-helper-max-width-768 .STP-table-upsell-fbt__sold-out { width: 100px; } /* END -------- Generated by SCSS - Style Table Upsell Fbt - Do not update here ------ */ .STP-table-service-upsell { margin: 24px 0; max-width: 330px; } .STP-table-service-upsell-cart { margin: 24px 0; max-width: 350px; width: 100%; float: right; } .STP-tiers-cart-page.clearfix:after { clear: both; content: ""; display: block; width: 0px; height: 0px; } .drawer__footer .STP-table-service-upsell-cart { margin: 0 0 24px 0; max-width: 100%; max-height: 250px; overflow: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } /* Hide scrollbar for Chrome, Safari and Opera */ .drawer__footer .STP-table-service-upsell-cart::-webkit-scrollbar { display: none; } .STP-table-service-upsell .STP-table-service-upsell__list { display: flex; flex-direction: column; gap: 24px; } .STP-table-service-upsell .STP-table-service-upsell__item { display: flex; gap: 8px; } .STP-table-service-upsell__checkbox { display: flex; align-items: start; gap: 10px; } .STP-table-service-upsell__checkbox input[type=checkbox] { visibility: hidden; } .STP-table-service-upsell__checkbox .STP-helper-visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; } .STP-table-service-upsell__checkbox input[type=checkbox]:checked + label { background: #377DFF; } .STP-table-service-upsell__checkbox label { display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; border: 1px solid #DFE1E5; border-radius: 3px; background: #fff; cursor: pointer; margin-top: 3px; } .STP-table-service-upsell .STP-table-service-upsell__item .content-right { width: 100%; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__name { display: flex; justify-content: space-between; width: 100%; line-height: 22px; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__name span:nth-child(1) { max-width: 70%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; word-wrap: break-word; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__name span:nth-child(2) { max-width: 30%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; word-wrap: break-word; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__message { font-weight: bold; font-size: 14px; text-align: start; } .STP-table-service-upsell .STP-table-service-upsell__item .STP_table-service-upsell_input__wrapper.hide { display: none; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input { margin-top: 8px; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input input { border: 1px solid #DFE1E5; padding: 11px 20px; border-radius: 8px; width: 100%; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 15px; font-weight: lighter; color: #8B93A2; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input input::-moz-placeholder { /* Firefox 19+ */ font-size: 15px; font-weight: lighter; color: #8B93A2; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input input:-ms-input-placeholder { /* IE 10+ */ font-size: 15px; font-weight: lighter; color: #8B93A2; } .STP-table-service-upsell .STP-table-service-upsell__item .STP-table-service-upsell__input input:-moz-placeholder { /* Firefox 18- */ font-size: 15px; font-weight: lighter; color: #8B93A2; } /* BEGIN ------ Style Free Gift Multiple - copy from _free-gift-multiple-storefront.scss ------- */ .STP-free-gift-multiple { min-width: 300px; } .STP-free-gift-multiple__title { margin: 0 0 10px 0; } .STP-free-gift-multiple__list { display: flex; flex-wrap: wrap; margin: 0 -4px; } .STP-free-gift-multiple__item { position: relative; width: 109px; padding-top: 109px; margin: 4px; } .STP-free-gift-multiple__item:hover .STP-free-gift-multiple__overlay { display: none; } .STP-free-gift-multiple__list-only-one .STP-free-gift-multiple__item:first-child .STP-free-gift-multiple__overlay { display: none; } .STP-free-gift-multiple__item-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4px; overflow: hidden; background-color: #fff; border-radius: 12px; border: 1px solid #DFE1E5; cursor: pointer; } .STP-free-gift-multiple__list-only-one .STP-free-gift-multiple__item:first-child .STP-free-gift-multiple__item-inner { border-color: #DFE1E5 !important; cursor: default; } .STP-free-gift-multiple__img-wrap { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden; border-radius: 12px; border: 1px solid #DFE1E5; } .STP-free-gift-multiple__overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; user-select: none; } .STP-free-gift-multiple__img { max-width: 100%; max-height: 100%; } .STP-free-gift-multiple__loading-wrap { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .STP-tiers__preview .STP-tier-block { border-color: #FF9671 !important; border-width: 1px !important; border-radius: 10px !important; border-style: solid !important; box-sizing: border-box !important; margin: auto !important; overflow: hidden !important; } .STP-tiers__preview .STP-tier-block-message { background-color: #FF9671 !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 600 !important; font-style: normal !important; text-decoration: none !important; text-align: center !important; padding: 6px 10px !important; } .STP-tiers__preview .STP-tier-block-lines { padding: 17px !important; line-height: 20px !important; background-color: #F0F7EE !important; border-color: #107C10 !important; border-width: 1px !important; border-style: none !important; color: #535F77 !important; font-size: 14px !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; text-align: center !important; border-left-width: 0 !important; border-right-width: 0 !important; border-bottom-width: 0 !important; border-radius: inherit; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .STP-tiers__preview .STP-tier-block-message.STP-tier-block-message-empty + .STP-tier-block-lines { margin-top: -6px 10px !important; } /* BEGIN ------ Generated by SCSS - Style Table Cross Sell Cart Page - Do not update here ------ */ .STP-table-cross-sell-cart { min-width: 300px; } .STP-table-cross-sell-cart .STP-helper-visually-hidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); word-wrap: normal !important; } .STP-table-cross-sell.STP-table-cross-sell--uncheck-all .STP-table-cross-sell-cart__total-block-inner { display: none; } .STP-table-cross-sell-cart__heading { margin: 0 0 24px; } .STP-table-cross-sell-cart__heading p { margin: 0; font-style: normal; font-weight: 600; font-size: 24px; line-height: 24px; } .STP-table-cross-sell-cart__heading span { margin: 0; font-style: normal; font-weight: 600; font-size: 14px; line-height: 14px; } .STP-table-cross-sell-cart__inner { padding: 16px; border: 1px solid #E2E5EA; border-radius: 12px; } .STP-table-cross-sell-cart__list { display: flex; overflow: auto; } .STP-table-cross-sell-cart__item { border: 1px solid #E2E5EA; border-radius: 0 0 8px 8px; background: #fff; } .STP-table-cross-sell-cart__item-inner { display: flex; flex-direction: column; gap: 16px; grid-template-columns: 16px 88px 1fr 1fr; } .STP-table-cross-sell-cart__image { display: flex; align-items: center; } .STP-table-cross-sell-cart__image-inner { position: relative; width: 100%; max-height: 505.34px; display: flex; justify-content: center; align-items: center; } .STP-table-cross-sell-cart__image-inner img { width: 100%; } .STP-table-cross-sell-cart__checkbox { display: flex; align-items: center; } .STP-table-cross-sell-cart__checkbox label { display: flex; width: 16px; height: 16px; justify-content: center; align-items: center; border: 1px solid #DFE1E5; border-radius: 3px; background: #fff; } .STP-table-cross-sell-cart__checkbox label > span { display: flex; justify-content: center; align-items: center; } .STP-table-cross-sell-cart__checkbox label > span > svg { opacity: 0; } .STP-table-cross-sell-cart__checkbox input[type=checkbox] { visibility: hidden; } .STP-table-cross-sell-cart__checkbox input[type=checkbox]:checked + label { background: #377DFF; } .STP-table-cross-sell-cart__checkbox input[type=checkbox]:checked + label > span > svg { opacity: 1; } .STP-table-cross-sell-cart__body { display: grid; gap: 8px; padding: 0 16px 16px 16px; } .STP-table-cross-sell-cart__title { overflow: hidden; } .STP-table-cross-sell-cart__title > p, .STP-table-cross-sell-cart__title > a, .STP-table-cross-sell-cart__sold-out > span { display: block; margin: 0; font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .STP-table-cross-sell-cart__title > a { color: #1C2B4B; } .STP-table-cross-sell-cart__sold-out { display: none; overflow: hidden; padding: 30px 0 0 0; text-align: center; } .STP-table-cross-sell-cart__select-inner { position: relative; display: inline-block; } .STP-table-cross-sell-cart__select-input { width: 84px; height: 32px; border: 1px solid #e2e5ea; border-radius: 8px; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 1px 17px 1px 9px; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; color: #616C82; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); } .STP-table-cross-sell-cart__select-input:focus { outline: 0; box-shadow: none; } .STP-table-cross-sell-cart__select-input:disabled { text-align: center; padding: 1px 8px; cursor: default; } .STP-table-cross-sell-cart__select-input:disabled + span { opacity: 0; } .STP-table-cross-sell-cart__select-dropdown-icon { position: absolute; top: 1px; right: 7px; pointer-events: none; } .STP-table-cross-sell-cart__quantity-inner { display: flex; position: relative; } .STP-table-cross-sell-cart__quantity-input { -moz-appearance: textfield; -webkit-appearance: none; appearance: none; width: 48px; height: 24px; background: rgba(242, 242, 242, 0.3); border: 1px solid #F2F2F2; font-size: 12px; padding: 1px 2px 1px; text-align: center; } .STP-table-cross-sell-cart__quantity-input:focus { outline: none; box-shadow: none; } .STP-table-cross-sell-cart__quantity-input::-webkit-outer-spin-button, .STP-table-cross-sell-cart__quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .STP-table-cross-sell-cart__quantity-button { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background: #fff; border: 1px solid #F2F2F2; cursor: pointer; } .STP-table-cross-sell-cart__right { display: grid; gap: 8px; } .STP-table-cross-sell-cart__discounted-price { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #27AE60; } .STP-table-cross-sell-cart__price-wrap { text-align: left; display: flex; flex-direction: column; } .STP-table-cross-sell-cart__price { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #45526C; text-decoration: line-through; } .STP-table-cross-sell-cart__save-text-inner { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 4px; gap: 8px; min-width: 120px; min-height: 28px; background: rgba(255, 153, 0, 0.1); border: 1px solid #FF9900; box-shadow: 0 2px 4px rgba(97, 108, 134, 0.06); border-radius: 50px; } .STP-table-cross-sell-cart__save-text-content { font-style: normal; font-weight: 700; font-size: 12px; line-height: 20px; color: #FF9900; text-align: center; } .STP-table-cross-sell-cart__save-text-icon { display: inline-flex; } .STP-table-cross-sell-cart__total-block { display: flex; justify-content: flex-end; margin: 16px 0 8px; } .STP-table-cross-sell-cart__total-block-inner { display: flex; flex-wrap: wrap; justify-content: flex-end; } .STP-table-cross-sell-cart__total-text { padding: 0 6px 0 0; font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #1C2B4B; } .STP-table-cross-sell-cart__total-discounted-price { font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: #27AE60; } .STP-table-cross-sell-cart__total-price { font-style: normal; font-weight: 600; font-size: 14px; line-height: 22px; color: #45526C; text-decoration: line-through; padding: 0 0 0 6px; } .STP-table-cross-sell-cart__button-add-to-cart { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 12px; background: #1E85F2; border-radius: 12px; border: 0; outline: 0; box-shadow: none; cursor: pointer; margin: 0 auto; } .STP-table-cross-sell-cart__button-add-to-cart:hover { background: #2468e7; } .STP-table-cross-sell-cart__button-add-to-cart:disabled { opacity: 0.5; pointer-events: none; } .STP-table-cross-sell-cart__button-add-to-cart.disabled { pointer-events: none; } .STP-table-cross-sell-cart__button-add-to-cart span { font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; pointer-events: none; } .STP-table-cross-sell-cart__button-add-to-cart.STP-table-cross-sell-cart__sold-out { display: none; background-color: #E2E5EA; color: #FFFFFF; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell-cart__item { padding: 10px 8px; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell-cart__item-inner { gap: 4px; grid-template-columns: 16px 18% 1fr 1fr; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell-cart__image-inner { width: 100%; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell-cart__quantity-input { width: 36px; } .STP-table-cross-sell.STP-table-cross-sell--small .STP-table-cross-sell-cart__save-text-inner { padding: 4px 6px; gap: 4px; } /* END -------- Generated by SCSS - Style Table Cross Sell - Do not update here ------ */