.modal--savings-opportunity{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 16px)}.modal--savings-opportunity .modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal--savings-opportunity .modal__content{position:relative;background:var(--color-background, #fefdfb);border-radius:var(--radius-xl, 12px);box-shadow:var(--shadow-lg, 0 8px 25px rgba(0, 0, 0, .15));width:90%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:1;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal--savings-opportunity .modal__header{position:relative;padding:var(--space-4, 16px) var(--space-6, 24px) 0}.modal--savings-opportunity .modal__close{position:absolute;top:var(--space-4, 16px);right:var(--space-4, 16px);background:none;border:none;padding:var(--space-2, 8px);cursor:pointer;border-radius:var(--radius-full, 50%);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast, all .2s ease);color:var(--color-text-medium, #666)}.modal--savings-opportunity .modal__close:hover{background:var(--color-surface, #f8f4e2);color:var(--color-text, #333)}.modal--savings-opportunity .modal__close i{font-size:20px}.modal--savings-opportunity .modal__body{padding:0 var(--space-6, 24px)}.savings-opportunity{text-align:center;padding:var(--space-4, 16px) 0}.savings-opportunity__icon{font-size:48px;margin-bottom:var(--space-4, 16px);line-height:1}.savings-opportunity__title{font-size:var(--text-2xl, 24px);font-weight:var(--font-bold, 700);color:var(--color-primary, #9c5564);margin-bottom:var(--space-4, 16px);line-height:1.2}.savings-opportunity__message{font-size:var(--text-lg, 16px);color:var(--color-text, #333);margin-bottom:var(--space-6, 24px);line-height:1.5}.savings-opportunity__message p{margin-bottom:var(--space-3, 12px)}.savings-opportunity__message p:last-child{margin-bottom:0}.savings-opportunity__message strong{color:var(--color-primary, #9c5564);font-weight:var(--font-semibold, 600)}.savings-opportunity__current-cart{background:var(--color-surface-light, #faf7f0);border-radius:var(--radius-lg, 8px);padding:var(--space-5, 20px);margin-bottom:var(--space-6, 24px);border:var(--border-light, 1px solid var(--color-border, #ede7d3))}.cart-summary__item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, 8px) 0;font-size:var(--text-base, 14px)}.cart-summary__item:not(:last-child){border-bottom:1px solid var(--color-border, #ede7d3)}.cart-summary__label{color:var(--color-text-medium, #666)}.cart-summary__value{font-weight:var(--font-semibold, 600);color:var(--color-text, #333)}.cart-summary__savings{padding-top:var(--space-3, 12px);border-top:2px solid var(--color-primary, #9c5564);margin-top:var(--space-2, 8px)}.cart-summary__savings .cart-summary__value{color:var(--color-primary, #9c5564);font-weight:var(--font-bold, 700);font-size:var(--text-lg, 16px)}.savings-opportunity__recommendation{margin-bottom:var(--space-6, 24px)}.recommendation{background:linear-gradient(135deg,var(--color-primary, #9c5564),var(--color-primary-hover, #7a3d4a));color:#fff;border-radius:var(--radius-lg, 8px);padding:var(--space-5, 20px);display:flex;align-items:flex-start;gap:var(--space-4, 16px);text-align:left}.recommendation__icon{font-size:24px;flex-shrink:0;margin-top:var(--space-1, 4px)}.recommendation__content h4{font-size:var(--text-lg, 16px);font-weight:var(--font-bold, 700);margin-bottom:var(--space-2, 8px);line-height:1.3;color:#fff}.recommendation__content p{font-size:var(--text-base, 14px);opacity:.9;line-height:1.4;margin:0}.modal--savings-opportunity .modal__footer{padding:var(--space-6, 24px);border-top:var(--border-light, 1px solid var(--color-border, #ede7d3));background:var(--color-surface-light, #faf7f0)}.savings-opportunity__actions{display:flex;gap:var(--space-4, 16px);justify-content:center}.savings-opportunity__actions .btn{padding:var(--space-3, 12px) var(--space-6, 24px);border-radius:var(--radius-md, 6px);font-size:var(--text-base, 14px);font-weight:var(--font-semibold, 600);cursor:pointer;transition:var(--transition-fast, all .2s ease);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;min-width:140px}.savings-opportunity__actions .btn--secondary{background:transparent;color:var(--color-text-medium, #666);border-color:var(--color-border-medium, #d4c4b0)}.savings-opportunity__actions .btn--secondary:hover{background:var(--color-surface, #f8f4e2);color:var(--color-text, #333);border-color:var(--color-primary, #9c5564)}.savings-opportunity__actions .btn--primary{background:var(--color-primary, #9c5564);color:#fff;border-color:var(--color-primary, #9c5564)}.savings-opportunity__actions .btn--primary:hover{background:var(--color-primary-hover, #7a3d4a);border-color:var(--color-primary-hover, #7a3d4a);transform:translateY(-1px);box-shadow:var(--shadow-md, 0 4px 20px rgba(0, 0, 0, .1))}@media (max-width: 768px){.modal--savings-opportunity{padding:var(--space-4, 16px);align-items:flex-start;padding-top:8vh}.modal--savings-opportunity .modal__content{width:100%;max-width:calc(100vw - 32px);max-height:84vh;margin:0}.modal--savings-opportunity .modal__body,.modal--savings-opportunity .modal__footer{padding-left:var(--space-4, 16px);padding-right:var(--space-4, 16px)}.savings-opportunity{padding:var(--space-2, 8px) 0}.savings-opportunity__icon{font-size:32px;margin-bottom:var(--space-2, 8px)}.savings-opportunity__title{font-size:var(--text-lg, 18px);margin-bottom:var(--space-2, 8px);line-height:1.1}.savings-opportunity__message{margin-bottom:var(--space-3, 12px);font-size:var(--text-base, 14px)}.savings-opportunity__current-cart{padding:var(--space-3, 12px);margin-bottom:var(--space-3, 12px)}.savings-opportunity__recommendation{margin-bottom:var(--space-3, 12px)}.savings-opportunity__actions{flex-direction:column;gap:var(--space-3, 12px)}.savings-opportunity__actions .btn{width:100%;padding:var(--space-2, 8px) var(--space-4, 16px)}.recommendation{flex-direction:column;text-align:center;gap:var(--space-2, 8px);padding:var(--space-3, 12px)}.recommendation__icon{margin-top:0;font-size:18px}.recommendation__content h4{font-size:var(--text-sm, 13px);margin-bottom:var(--space-1, 4px)}.recommendation__content p{font-size:var(--text-xs, 11px);line-height:1.3}}@media (max-width: 480px){.modal--savings-opportunity{padding:var(--space-3, 12px);padding-top:6vh}.modal--savings-opportunity .modal__content{max-width:calc(100vw - 24px);max-height:88vh}.savings-opportunity__icon{font-size:28px}.savings-opportunity__title{font-size:var(--text-base, 15px)}.savings-opportunity__message{font-size:var(--text-sm, 13px)}.cart-summary__item{font-size:var(--text-xs, 11px);padding:var(--space-1, 4px) 0}}.modal--savings-opportunity.closing{animation:modalSlideOut .2s ease-in forwards}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.modal--savings-opportunity .modal__close:focus,.savings-opportunity__actions .btn:focus{outline:2px solid var(--color-primary, #9c5564);outline-offset:2px}.savings-opportunity--loading{opacity:.7;pointer-events:none}.savings-opportunity--loading:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:24px;border:2px solid var(--color-primary, #9c5564);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/16/assets/savings-opportunity-modal.css.map */