.my-coupons{padding:32px 0 64px}.my-coupons__header{margin-bottom:32px;text-align:center}.my-coupons__header h1{font-size:28px;font-weight:700;color:#222;margin:0 0 8px}.my-coupons__header p{font-size:14px;color:#666;margin:0}.my-coupons__tabs{display:flex;justify-content:center;gap:4px;margin-bottom:24px;border-bottom:1px solid #e0e0e0;padding-bottom:0}.my-coupons__tab{padding:12px 24px;border:none;background:transparent;font-size:14px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease}.my-coupons__tab:hover{color:#06c}.my-coupons__tab--active{color:#06c;border-bottom-color:#06c;font-weight:600}.my-coupons__content{max-width:720px;margin:0 auto}.my-coupons__panel[hidden]{display:none}.my-coupons__loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;text-align:center}.my-coupons__loading[hidden]{display:none}.my-coupons__spinner{display:inline-block;width:28px;height:28px;border:3px solid #e0e0e0;border-top-color:#06c;border-radius:50%;animation:my-coupons-spin .6s linear infinite}@keyframes my-coupons-spin{to{transform:rotate(360deg)}}.my-coupons__list{display:flex;flex-direction:column;gap:12px}.my-coupons__card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000000a}.my-coupons__card--available{border-left:4px solid #0066cc}.my-coupons__card--used{border-left:4px solid #9e9e9e}.my-coupons__card--expired{border-left:4px solid #d32f2f;opacity:.7}.my-coupons__card-body{flex:1;display:flex;flex-direction:column;gap:4px}.my-coupons__card-title{font-size:15px;font-weight:600;color:#222}.my-coupons__card-desc{font-size:14px;color:#06c;font-weight:500}.my-coupons__card-meta{font-size:12px;color:#999}.my-coupons__use-btn{padding:8px 16px;border:none;border-radius:6px;background:#06c;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease}.my-coupons__use-btn:hover{background:#0052a3}.my-coupons__card-used{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#666}.my-coupons__badge--expired{padding:4px 10px;border-radius:4px;background:#ffebee;color:#c62828;font-size:12px;font-weight:600;white-space:nowrap}.my-coupons__empty{padding:48px 24px;text-align:center;color:#666;font-size:14px;background:#f9f9f9;border-radius:8px;border:1px dashed #e0e0e0}.my-coupons__empty[hidden]{display:none}.my-coupons__error{padding:16px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px}.my-coupons__error[hidden]{display:none}.my-coupons__pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.my-coupons__pagination[hidden]{display:none}.my-coupons__btn{padding:8px 16px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;font-size:13px;cursor:pointer;transition:all .2s ease}.my-coupons__btn:hover:not(:disabled){border-color:#06c;color:#06c}.my-coupons__btn:disabled{opacity:.5;cursor:not-allowed}.my-coupons__pagination-info{font-size:13px;color:#666}@media(max-width:640px){.my-coupons{padding:24px 0 48px}.my-coupons__header h1{font-size:22px}.my-coupons__tabs{gap:0}.my-coupons__tab{padding:10px 16px;font-size:13px}.my-coupons__card{padding:12px;gap:12px}.my-coupons__use-btn{padding:6px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.my-coupons__header h1{color:#e0e0e0}.my-coupons__header p{color:#aaa}.my-coupons__tabs{border-bottom-color:#444}.my-coupons__tab{color:#aaa}.my-coupons__tab--active{color:#4da6ff;border-bottom-color:#4da6ff}.my-coupons__card{background:#2a2a2a;border-color:#444}.my-coupons__card-title{color:#e0e0e0}.my-coupons__card-desc{color:#4da6ff}.my-coupons__card-meta{color:#999}.my-coupons__card-used{color:#aaa}.my-coupons__empty{background:#2a2a2a;border-color:#444;color:#aaa}.my-coupons__btn{background:#2a2a2a;border-color:#444;color:#e0e0e0}.my-coupons__btn:hover:not(:disabled){border-color:#4da6ff;color:#4da6ff}.my-coupons__pagination-info{color:#aaa}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/my-coupons.css.map */