.loyalty-points-display{display:flex;align-items:center;gap:12px;margin:16px 0;padding:16px 20px;background:linear-gradient(135deg,var(--color-gold-transparent-10),var(--color-gold-transparent-20));border:1px solid var(--color-primary);border-radius:12px;font-size:14px;color:var(--color-foreground);transition:all .3s ease;box-shadow:0 2px 8px var(--color-black-transparent-10)}.loyalty-points-display:hover{background:linear-gradient(135deg,var(--color-gold-transparent-15),var(--color-gold-transparent-25));border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 16px var(--color-black-transparent-15)}.loyalty-points-icon{display:flex;align-items:center;color:var(--color-primary);flex-shrink:0}.loyalty-points-icon svg{width:60px;height:60px;filter:drop-shadow(0 2px 4px var(--color-black-transparent-10))}.loyalty-points-content{display:flex;flex-direction:column;gap:4px;flex:1}.loyalty-points-text{font-weight:600;color:var(--color-foreground);font-size:15px;line-height:1.4}.loyalty-points-text strong{color:var(--color-primary);font-weight:700;font-size:16px}.loyalty-points-value{font-size:13px;color:var(--color-accent);font-style:normal;font-weight:500;opacity:.9}@media (min-width: 769px) and (max-width: 1023px){.loyalty-points-display{margin:12px 0;padding:12px 16px;font-size:13px;border-radius:10px}.loyalty-points-icon svg{width:50px;height:50px}.loyalty-points-text{font-size:14px}.loyalty-points-text strong{font-size:15px}.loyalty-points-value{font-size:12px}}@media (min-width: 1024px) and (max-width: 1279px){.loyalty-points-display{margin:14px 0;padding:14px 18px;gap:10px}.loyalty-points-icon svg{width:55px;height:55px}}@media (min-width: 1280px){.loyalty-points-display{margin:18px 0;padding:18px 24px;gap:16px;font-size:15px}.loyalty-points-icon svg{width:65px;height:65px}.loyalty-points-text{font-size:16px}.loyalty-points-text strong{font-size:17px}.loyalty-points-value{font-size:14px}}@media (max-width: 768px){.loyalty-points-display{margin:8px 0;padding:6px 10px;font-size:13px}.loyalty-points-icon svg{width:64px;height:64px}.loyalty-points-value{font-size:11px}}@media (max-width: 480px){.loyalty-points-display{margin:6px 0;padding:5px 8px;font-size:12px}.loyalty-points-icon svg{width:56px;height:56px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/loyalty-points-display.css.map */