.cross-sell-modal{padding:0;border:1px solid var(--md-sys-color-outline-variant);border-radius:28px;background:var(--md-sys-color-surface-container-low);width:calc(100% - 2rem);max-width:520px;max-height:80vh;box-shadow:0 32px 64px -16px #0000001f;overflow:hidden;margin:auto;color:var(--md-sys-color-on-surface);font-family:inherit}.cross-sell-modal::backdrop{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cross-sell-modal .popup-container{display:flex;flex-direction:column;height:100%;max-height:75vh}.cross-sell-modal .popup-header{padding:2rem 2rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.cross-sell-modal .popup-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1}.cross-sell-modal .popup-close{background:var(--md-sys-color-surface-variant);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;color:var(--md-sys-color-on-surface-variant);transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center}.cross-sell-modal .popup-close:hover{background:var(--md-sys-color-outline-variant);transform:rotate(90deg);color:var(--md-sys-color-on-surface)}.cross-sell-modal .popup-close:active{transform:rotate(90deg) scale(.92)}.cross-sell-modal .popup-main{padding:0 2rem 2.5rem;overflow-y:auto;flex:1;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.cross-sell-modal .added-product-info{display:flex;align-items:center;gap:1.75rem;padding:1.75rem .25rem;background:var(--md-sys-color-surface-bright);border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 4px 12px #00000008}.cross-sell-modal .added-product-image-wrapper{--size: 120px;flex-shrink:0;width:var(--size);height:auto;max-height:var(--size);background:#fff;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cross-sell-modal .added-product-image{width:90%;height:90%;object-fit:contain}.cross-sell-modal .added-product-info-text .product-name{margin:0 0 .35rem;font-size:1.1rem;font-weight:700;line-height:1.3}.cross-sell-modal .added-product-info-text .product-price{margin:0;font-size:1rem;font-weight:600;color:var(--md-sys-color-secondary)}.cross-sell__heading{margin:0 0 1.5rem;font-size:1.2rem;font-weight:800;text-transform:none;letter-spacing:.1em;color:var(--md-sys-color-outline)}.cross-sell__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.cross-sell__item{display:flex;flex-direction:column;gap:.75rem;cursor:pointer;border:1px solid var(--md-sys-color-outline-variant);background-color:#fff;padding:.825rem;transition:transform .16s cubic-bezier(.23,1,.32,1)}.cross-sell__item:active{transform:scale(.98)}.cross-sell__image{display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s ease;position:relative;overflow:hidden}.cross-sell__image img{width:100%;height:100%;max-height:200px;object-fit:contain}.cross-sell__title{font-size:.9rem;font-weight:600;text-decoration:none;color:var(--md-sys-color-on-surface);line-height:1.1;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.cross-sell__item:hover .cross-sell__title,.cross-sell__item:hover .cross-sell__price{color:var(--md-sys-color-secondary)}.cross-sell__price{font-size:1rem;font-weight:800}.cross-sell__button{width:100%;margin-top:.75rem;font-weight:700!important;letter-spacing:.02em!important}.cross-sell__button .button-text{transition:opacity .2s ease}.cross-sell__button .loading__spinner{display:none}.cross-sell__button.loading .button-text{opacity:0}.cross-sell__button.loading .loading__spinner{display:block}.cross-sell__button.modal-add-to-cart{transition:background-color .2s ease,opacity .2s ease}.cross-sell__button.modal-add-to-cart.loading{opacity:.7;pointer-events:none}.cross-sell__button.modal-add-to-cart.success{background:#2e7d32!important;color:#fff!important}.cross-sell-modal .popup-footer{height:max-content;padding:2rem;background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant)}.cross-sell-modal .popup-actions{display:grid;grid-template-columns:1fr 1.1fr;gap:1.25rem;width:100%}.cross-sell-modal .full-width{width:100%}.cross-sell-modal .popup-main::-webkit-scrollbar{width:5px}.cross-sell-modal .popup-main::-webkit-scrollbar-track{background:transparent}.cross-sell-modal .popup-main::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:10px}.cross-sell-modal .popup-main::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}@media screen and (max-width:480px){.cross-sell-modal{width:100%;height:100%;max-height:100vh;border-radius:28px 28px 0 0;margin:0;position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-rows:1fr auto;border-bottom:none;transform:translateY(100%);transition:transform .4s cubic-bezier(.23,1,.32,1)}.cross-sell-modal[open]{transform:translateY(0)}.cross-sell-modal .popup-container{height:100%}.cross-sell-modal .popup-header{padding:1.25rem 1.5rem .75rem}.cross-sell-modal .popup-title{font-size:1.25rem}.cross-sell-modal .popup-main{padding:0 1.25rem 1.5rem;flex:none;overflow-y:visible;max-height:calc(85vh - 140px)}.cross-sell-modal .popup-footer{padding-inline:1rem;padding-top:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant)}.cross-sell-modal .added-product-info{margin-bottom:1.5rem;padding:1.25rem}.cross-sell-modal .added-product-image-wrapper{--size: 80px}.cross-sell__grid{grid-template-columns:1fr;gap:1rem}.cross-sell-modal .popup-actions{grid-template-columns:1fr;gap:.75rem}}@keyframes modalReveal{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.cross-sell-modal[open]{animation:modalReveal .4s cubic-bezier(.23,1,.32,1) forwards}
/*# sourceMappingURL=/cdn/shop/t/156/assets/component-cross-sell.css.map */