:root{--syro-green-dark:#1B5E20;--syro-green:#2E7D32;--syro-green-medium:#4CAF50;--syro-green-light:#81C784;--syro-green-pale:#E8F5E9;--syro-gold:#FFD700;--syro-gold-dark:#FFA000;--syro-gold-pale:#FFF8E1;--syro-blue:#1565C0;--syro-orange:#FF6B35}.syro-points-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--syro-green) 0%,var(--syro-green-dark) 100%);color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 2px 8px rgb(46 125 50 / .3)}.syro-product-points{background:var(--syro-green-pale);padding:12px 15px;border-radius:10px;margin:15px 0;border-left:4px solid var(--syro-green)}.syro-product-points span{color:var(--syro-green-dark);font-size:14px}.syro-points-summary{background:linear-gradient(135deg,var(--syro-green-pale) 0%,#C8E6C9 100%);padding:25px;border-radius:15px;margin:20px 0}.syro-points-summary h3{color:var(--syro-green-dark);margin:0 0 20px 0;font-size:22px}.syro-reward-card{border:2px solid #E0E0E0;border-radius:15px;padding:20px;text-align:center;background:#fff;transition:all 0.3s ease}.syro-reward-card:hover{border-color:var(--syro-green-light);box-shadow:0 5px 20px rgb(46 125 50 / .15);transform:translateY(-3px)}.syro-reward-card.can-redeem{border-color:var(--syro-green);background:linear-gradient(to bottom,#F1F8E9 0%,white 100%)}.syro-reward-card h4{color:var(--syro-green-dark);margin:10px 0}.syro-reward-card .points-required{font-size:28px;font-weight:800;color:var(--syro-green-dark)}.syro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--syro-green);color:#fff;padding:12px 25px;border-radius:25px;border:none;cursor:pointer;font-weight:600;font-size:14px;text-decoration:none;transition:all 0.3s ease}.syro-btn:hover{background:var(--syro-green-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgb(46 125 50 / .3)}.syro-btn:disabled{background:#BDBDBD;cursor:not-allowed;transform:none}.syro-btn-secondary{background:#fff0;color:var(--syro-green);border:2px solid var(--syro-green)}.syro-btn-secondary:hover{background:var(--syro-green);color:#fff}.syro-progress-bar{background:#E0E0E0;border-radius:10px;height:10px;overflow:hidden;margin:10px 0}.syro-progress-bar .fill{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--syro-green) 0%,var(--syro-green-light) 100%);transition:width 0.5s ease}.syro-progress-bar.purchase .fill{background:linear-gradient(90deg,var(--syro-blue) 0%,#42A5F5 100%)}.syro-share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.syro-share-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:25px;text-decoration:none;font-weight:600;font-size:13px;transition:all 0.3s ease;border:none;cursor:pointer}.syro-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.syro-share-btn.whatsapp{background:#25D366;color:#fff}.syro-share-btn.facebook{background:#1877F2;color:#fff}.syro-share-btn.twitter{background:#1DA1F2;color:#fff}.syro-share-btn.email{background:#EA4335;color:#fff}.syro-share-btn.copy{background:#666;color:#fff}.syro-points-history{width:100%;border-collapse:collapse}.syro-points-history th{background:var(--syro-green-pale);padding:12px 15px;text-align:left;font-weight:600;color:var(--syro-green-dark)}.syro-points-history td{padding:12px 15px;border-bottom:1px solid #E0E0E0}.syro-points-history tr:hover{background:#FAFAFA}.syro-points-history .points-positive{color:var(--syro-green);font-weight:700}.syro-points-history .points-negative{color:#F44336;font-weight:700}.syro-type-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.syro-type-tag.purchase{background:#E3F2FD;color:var(--syro-blue)}.syro-type-tag.free{background:var(--syro-gold-pale);color:var(--syro-gold-dark)}.syro-referral-code{display:inline-flex;align-items:center;gap:8px;background:var(--syro-gold-pale);padding:10px 18px;border-radius:10px;font-family:'Monaco','Consolas',monospace;font-weight:700;font-size:16px;letter-spacing:2px;cursor:pointer;transition:all 0.3s ease}.syro-referral-code:hover{background:var(--syro-gold)}.syro-loyalty-info{background:linear-gradient(135deg,var(--syro-green-pale) 0%,#C8E6C9 100%);padding:30px;border-radius:20px}.syro-loyalty-info h2{color:var(--syro-green-dark);text-align:center;margin-bottom:25px}.syro-info-card{background:#fff;padding:20px;border-radius:15px;text-align:center;box-shadow:0 2px 10px rgb(0 0 0 / .05)}.syro-info-card .icon{font-size:40px;margin-bottom:10px}.syro-info-card h4{color:var(--syro-green-dark);margin:0 0 8px 0}.syro-info-card p{color:#666;font-size:14px;margin:0}.syro-loyalty-legal{background:#F5F5F5;padding:25px;border-radius:12px;font-size:13px;color:#666}.syro-loyalty-legal h4{color:#333;margin:0 0 15px 0}.syro-loyalty-legal ul{margin:15px 0 0 20px;line-height:1.8}.syro-community-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:20px 0}.syro-stat-item{text-align:center}.syro-stat-item .value{font-size:40px;font-weight:800;color:var(--syro-green-dark);line-height:1}.syro-stat-item .label{font-size:14px;color:#666;margin-top:5px}.syro-ranking{margin:20px 0}.syro-ranking h3{color:var(--syro-green-dark);margin-bottom:15px}.syro-ranking-list{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 2px 15px rgb(0 0 0 / .08)}.syro-ranking-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #E0E0E0}.syro-ranking-item:last-child{border-bottom:none}.syro-ranking-item.top-3{background:var(--syro-gold-pale)}.syro-ranking-item .rank{width:35px;font-weight:700;color:#666;font-size:16px}.syro-ranking-item .name{flex:1;font-weight:500}.syro-ranking-item .points{font-weight:700;color:var(--syro-green-dark)}.syro-cart-points td,.syro-cart-points th{padding:15px 0}.syro-apply-points-btn,.syro-remove-points-btn{margin-top:8px;font-size:12px!important;padding:6px 12px!important}@media (max-width:768px){.syro-points-summary{padding:15px}.syro-reward-card{padding:15px}.syro-share-buttons{flex-direction:column}.syro-share-btn{justify-content:center}.syro-community-stats{gap:20px}.syro-stat-item .value{font-size:32px}}@keyframes syro-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.syro-pulse{animation:syro-pulse 0.5s ease-out}@keyframes syro-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.syro-shake{animation:syro-shake 0.4s ease-in-out}