.loyalty-page{font-family:inherit;color:#1f2937;background:#f8fafc;padding:48px 16px;overflow-x:hidden}.loyalty-container{width:100%;max-width:1120px;margin:0 auto}.loyalty-hero{background:linear-gradient(135deg,#111827,#374151);color:#fff;border-radius:24px;padding:48px 32px;margin-bottom:32px}.loyalty-badge{display:inline-block;background:#ffffff24;color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;line-height:1.4;margin-bottom:16px}.loyalty-title{font-size:40px;line-height:1.2;margin:0 0 16px;font-weight:800;color:#fff}.loyalty-desc{font-size:17px;line-height:1.7;max-width:760px;margin:0;color:#e5e7eb}.loyalty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:32px}.loyalty-card,.loyalty-section{background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0f172a0f}.loyalty-card{border-radius:20px;padding:24px}.loyalty-card h3{font-size:20px;margin:0 0 12px;color:#111827}.loyalty-card p,.loyalty-list li{font-size:15px;line-height:1.7;color:#4b5563}.loyalty-card p{margin:0}.loyalty-section{border-radius:24px;padding:32px;margin-bottom:32px;overflow:hidden}.loyalty-section h2{font-size:28px;line-height:1.25;margin:0 0 20px;color:#111827}.loyalty-table{width:100%;border-collapse:collapse}.loyalty-table th,.loyalty-table td{padding:16px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:15px;color:#374151;vertical-align:middle}.loyalty-table th{background:#f3f4f6;color:#111827;font-weight:700}.loyalty-list{padding-left:20px;margin:0}.loyalty-list li{margin-bottom:12px}.loyalty-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loyalty-field{display:flex;flex-direction:column;gap:8px}.loyalty-field label{font-size:14px;font-weight:700;color:#111827}.loyalty-field input,.loyalty-field select,.loyalty-field textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px 14px;font-size:15px;background:#fff;box-sizing:border-box}.loyalty-field textarea{min-height:120px;resize:vertical}.loyalty-field.full{grid-column:1 / -1}.loyalty-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;background:#05334d;color:#fff;border:none;border-radius:12px;padding:14px 22px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none}.loyalty-button:disabled{opacity:.7;cursor:not-allowed}.loyalty-note{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:16px;padding:16px;font-size:14px;line-height:1.7;margin-top:20px}.loyalty-toast-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:9998}.loyalty-toast-overlay.show{opacity:1;visibility:visible}.loyalty-toast{position:fixed;top:50%;left:50%;width:min(420px,calc(100% - 32px));transform:translate(-50%,-42%);background:#111827;color:#fff;padding:24px 22px;border-radius:18px;font-size:15px;line-height:1.6;box-shadow:0 24px 70px #00000059;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9999;text-align:center}.loyalty-toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)}.loyalty-toast strong{display:block;font-size:18px;margin-bottom:6px}.loyalty-toast span{display:block;color:#e5e7eb;margin-bottom:16px}.loyalty-toast-link{display:inline-flex;align-items:center;justify-content:center;background:#2563eb;color:#fff;text-decoration:none;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:700}.loyalty-toast-link:hover{background:#1d4ed8;color:#fff}.loyalty-toast.error{background:#991b1b}@media screen and (max-width:480px){.loyalty-toast{padding:22px 18px}.loyalty-toast-link{width:100%}}@media screen and (max-width:990px){.loyalty-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.loyalty-page{padding:32px 12px}.loyalty-hero{padding:32px 20px;border-radius:20px}.loyalty-title{font-size:30px;color:#fff}.loyalty-desc{font-size:15px}.loyalty-section{padding:24px 16px;border-radius:20px}.loyalty-section h2{font-size:24px}.loyalty-form{grid-template-columns:1fr}.loyalty-table{display:block}.loyalty-table thead{display:none}.loyalty-table tbody,.loyalty-table tr,.loyalty-table td{display:block;width:100%}.loyalty-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:12px;margin-bottom:12px}.loyalty-table td{border-bottom:0;padding:8px 0;font-size:14px}.loyalty-table td:before{display:block;font-weight:700;color:#111827;margin-bottom:4px}.loyalty-table td:nth-child(1):before{content:"Total Sales"}.loyalty-table td:nth-child(2):before{content:"Point Didapat"}.loyalty-table td:nth-child(3):before{content:"Nilai Redeem"}.loyalty-button{width:100%}.loyalty-toast{left:16px;right:16px;bottom:16px;max-width:none;text-align:center}}@media screen and (max-width:480px){.loyalty-title{font-size:26px}.loyalty-section h2{font-size:22px}.loyalty-card{padding:20px}.loyalty-hero{padding:28px 18px}.loyalty-badge{font-size:13px}.loyalty-field input,.loyalty-field select,.loyalty-field textarea{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/loyalty-point.css.map */