.loyalty-container{background-color:rgba(var(--color-background),1);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 4px);padding:1.5rem;margin:1rem 0;transition:all .3s ease}.loyalty-container:hover{box-shadow:0 2px 8px rgba(var(--color-shadow),.1)}.loyalty-points-display{background:linear-gradient(135deg,rgba(var(--color-button),.05),rgba(var(--color-button),.02));border-left:4px solid rgb(var(--color-button));padding:1.25rem 1.5rem;border-radius:4px;margin:1rem 0}.loyalty-points-amount{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:rgb(var(--color-button));line-height:1}.loyalty-points-label{font-size:.875rem;color:rgba(var(--color-foreground),.7);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em}.points-badge{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(var(--color-button),.1);color:rgb(var(--color-button));padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid rgba(var(--color-button),.2)}.points-badge-icon{display:inline-block;width:1rem;height:1rem}.points-badge--large{padding:.5rem 1rem;font-size:.875rem}.loyalty-progress-container{margin:1.5rem 0}.loyalty-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.loyalty-progress-title{font-size:.875rem;font-weight:600;color:rgba(var(--color-foreground),.9)}.loyalty-progress-goal{font-size:.75rem;color:rgba(var(--color-foreground),.6)}.progress-bar{width:100%;height:8px;background-color:rgba(var(--color-foreground),.1);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,rgb(var(--color-button)),rgba(var(--color-button),.8));border-radius:10px;transition:width .6s ease}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:rgba(var(--color-foreground),.6)}.rewards-widget{background-color:rgba(var(--color-background),.5);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 4px);padding:1.25rem;margin:1.5rem 0}.rewards-widget-title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.9);margin-bottom:1rem}.rewards-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.rewards-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:rgba(var(--color-button),.03);border-radius:4px;border-left:3px solid rgba(var(--color-button),.3);transition:all .2s ease}.rewards-list-item:hover{background-color:rgba(var(--color-button),.06);border-left-color:rgb(var(--color-button))}.rewards-list-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;background-color:rgba(var(--color-button),.15);border-radius:50%;color:rgb(var(--color-button));font-size:.875rem}.rewards-list-item-text{flex:1;font-size:.875rem;color:rgba(var(--color-foreground),.9)}.rewards-list-item-points{font-weight:600;color:rgb(var(--color-button));white-space:nowrap}.loyalty-tier{display:inline-block;padding:.5rem 1rem;border-radius:var(--inputs-radius, 4px);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.loyalty-tier-bronze{background-color:#cd7f3226;color:#cd7f32;border:1px solid rgba(205,127,50,.3)}.loyalty-tier-silver{background-color:#c0c0c026;color:#646464;border:1px solid rgba(192,192,192,.3)}.loyalty-tier-gold{background-color:#ffd70026;color:#b8860b;border:1px solid rgba(255,215,0,.3)}.loyalty-tier-platinum{background-color:#e5e4e24d;color:#464e54;border:1px solid rgba(192,192,192,.5)}.header-loyalty-counter{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.125rem;background:linear-gradient(135deg,rgba(var(--color-button),.12),rgba(var(--color-button),.06));border-radius:50px;border:1.5px solid rgba(var(--color-button),.35);font-size:.875rem;color:rgb(var(--color-button));font-weight:700;text-decoration:none;letter-spacing:.01em;transition:all .2s ease;white-space:nowrap;cursor:pointer}.header-loyalty-counter:hover{background:linear-gradient(135deg,rgba(var(--color-button),.18),rgba(var(--color-button),.1));border-color:rgba(var(--color-button),.55);transform:translateY(-1px);box-shadow:0 3px 10px rgba(var(--color-button),.2)}.header-loyalty-counter-icon{display:inline-block;font-size:1rem;line-height:1}@keyframes loyaltyPulse{0%,to{box-shadow:0 0 rgba(var(--color-button),.25)}50%{box-shadow:0 0 0 5px rgba(var(--color-button),0)}}.header-loyalty-counter--new{animation:loyaltyPulse 2s ease-in-out 3}@media screen and (max-width:989px){.header-loyalty-counter{font-size:.8rem;padding:.4rem .875rem;gap:.3rem}.header-loyalty-counter-icon{font-size:.875rem}}@media screen and (max-width:749px){.header-loyalty-counter{font-size:.75rem;padding:.375rem .75rem}}.loyalty-faq-container{margin:2rem 0}.loyalty-faq-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;color:rgba(var(--color-foreground),1)}.faq-item{margin-bottom:1rem}.faq-question{background-color:rgba(var(--color-button),.05);padding:1rem 1.25rem;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(var(--color-button),.1);font-weight:600;color:rgba(var(--color-foreground),.95)}.faq-question:hover{background-color:rgba(var(--color-button),.08);border-color:rgba(var(--color-button),.2)}.faq-question-icon{display:inline-block;width:1rem;height:1rem;transition:transform .3s ease;color:rgb(var(--color-button))}.faq-question.active .faq-question-icon{transform:rotate(180deg)}.faq-answer{display:none;padding:1rem 1.25rem;background-color:rgba(var(--color-foreground),.02);border-left:3px solid rgb(var(--color-button));color:rgba(var(--color-foreground),.8);line-height:1.6;font-size:.95rem}.faq-answer.active{display:block;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loyalty-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.loyalty-modal-overlay.active{display:flex}.loyalty-modal-content{background:#fff;border-radius:var(--inputs-radius, 4px);max-width:500px;width:100%;padding:2rem;position:relative;box-shadow:0 10px 40px #00000026;animation:modalSlideIn .4s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loyalty-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:color .2s}.loyalty-modal-close:hover{color:rgba(var(--color-foreground),.9)}.loyalty-modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:rgba(var(--color-foreground),1)}.loyalty-modal-subtitle{font-size:.95rem;color:rgba(var(--color-foreground),.6);margin-bottom:1.5rem}.loyalty-modal-benefits{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1rem}.loyalty-modal-benefit{display:flex;gap:1rem;align-items:flex-start}.loyalty-modal-benefit-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background-color:rgba(var(--color-button),.15);border-radius:50%;color:rgb(var(--color-button));font-size:1rem}.loyalty-modal-benefit-text{flex:1}.loyalty-modal-benefit-title{font-weight:600;color:rgba(var(--color-foreground),1);margin-bottom:.25rem}.loyalty-modal-benefit-desc{font-size:.875rem;color:rgba(var(--color-foreground),.7)}.loyalty-modal-cta{display:flex;gap:1rem;margin-top:1.5rem}.loyalty-modal-button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:var(--inputs-radius, 4px);font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:inline-block}.loyalty-modal-button-primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.loyalty-modal-button-primary:hover{opacity:.9;transform:translateY(-2px)}.loyalty-modal-button-secondary{background-color:transparent;color:rgb(var(--color-button));border:2px solid rgb(var(--color-button))}.loyalty-modal-button-secondary:hover{background-color:rgba(var(--color-button),.05)}.cart-loyalty-notification{background-color:#3ed6601a;border:1px solid rgba(62,214,96,.3);border-radius:4px;padding:1rem;margin:1rem 0;display:flex;align-items:center;gap:1rem;animation:slideInDown .4s ease}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.cart-loyalty-notification-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;background-color:#3ed66033;border-radius:50%;color:#3ed660;font-size:1.25rem}.cart-loyalty-notification-content{flex:1}.cart-loyalty-notification-title{font-weight:600;color:#3ed660;margin-bottom:.25rem}.cart-loyalty-notification-text{font-size:.875rem;color:#000000b3}.loyalty-help-text{display:inline-block;font-size:.75rem;color:rgba(var(--color-foreground),.6);margin-top:.5rem;line-height:1.4}.loyalty-help-icon{display:inline-block;width:1rem;height:1rem;background-color:rgba(var(--color-foreground),.2);border-radius:50%;text-align:center;line-height:1rem;font-weight:700;color:rgba(var(--color-foreground),.5);margin-left:.25rem;cursor:help}.loyalty-multiplier-banner{background:linear-gradient(135deg,rgba(var(--color-button),.15),rgba(var(--color-button),.08));border:2px solid rgb(var(--color-button));border-radius:var(--inputs-radius, 4px);padding:1.25rem;margin:1.5rem 0;text-align:center}.loyalty-multiplier-badge{display:inline-block;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:.5rem 1rem;border-radius:20px;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.loyalty-multiplier-text{color:rgba(var(--color-foreground),.9);font-size:.95rem;line-height:1.5}.loyalty-multiplier-highlight{font-weight:700;color:rgb(var(--color-button))}.loyalty-analytics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.analytics-card{background-color:rgba(var(--color-background),.5);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--inputs-radius, 4px);padding:1.5rem;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:rgba(var(--color-button),.3);box-shadow:0 4px 12px rgba(var(--color-shadow),.1)}.analytics-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:rgba(var(--color-foreground),.6);margin-bottom:.5rem}.analytics-card-value{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;color:rgb(var(--color-button));line-height:1;margin-bottom:.5rem}.analytics-card-unit{font-size:.875rem;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){.loyalty-container{padding:1rem;margin:.75rem 0}.loyalty-points-display,.rewards-widget{padding:1rem}.loyalty-modal-content{padding:1.5rem}.loyalty-faq-title{font-size:1.25rem}.loyalty-analytics-container{grid-template-columns:1fr;gap:1rem}.cart-loyalty-notification{padding:.75rem;gap:.75rem}}.loyalty-help-icon:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}button[class*=loyalty]:focus,a[class*=loyalty]:focus{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-loyalty.css.map */