.benefit-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-md);position:relative;transition:all .25s ease}.benefit-card--list{align-items:start;display:grid;gap:12px;grid-template-columns:minmax(0,100px) minmax(0,1fr)}.benefit-card--list .benefit-card__content{align-self:stretch;min-height:100px}.benefit-card__thumb{align-self:center;background:linear-gradient(180deg,rgba(99,102,241,.14),rgba(236,72,153,.06)),var(--bg-glass);border-radius:calc(var(--radius-lg) - 2px);height:100px;justify-self:start;min-width:0;overflow:hidden;position:relative;width:100px}.benefit-card__thumb img,.benefit-card__thumb-fallback{display:block;height:100%;min-width:0;-o-object-fit:cover;object-fit:cover;width:100%}.benefit-card__thumb-img--brand-logo{background:transparent;-o-object-fit:cover;object-fit:cover;padding:0}.benefit-card__thumb-fallback{background:linear-gradient(135deg,rgba(148,163,184,.12),rgba(148,163,184,.04));display:grid;place-items:center}.benefit-card__thumb-fallback .material-icons-round{font-size:30px}.benefit-card__content{display:flex;flex-direction:column;min-width:0}.benefit-card:before{background:var(--card-accent,var(--accent-gradient));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease}.benefit-card:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:var(--shadow-card);transform:translateY(-2px)}.benefit-card:hover:before{opacity:1}.benefit-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.benefit-card__badge-row,.benefit-card__service-badge{align-items:center;display:inline-flex;gap:4px}.benefit-card__service-badge{background:var(--bg-glass-strong);border-radius:var(--radius-full);color:var(--text-secondary);font-size:.65rem;font-weight:600;padding:2px 8px}.benefit-card__badge-row .benefit-card__service-badge:not(.benefit-card__service-badge--secondary){background:rgba(59,130,246,.08);color:#2563eb}.benefit-card__service-badge .membership-dot{height:9px;width:9px}.benefit-card__service-badge--secondary{background:rgba(3,199,90,.12);color:#047857}.benefit-card__save-btn{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;width:32px}.benefit-card__save-btn:hover{background:var(--bg-glass);color:var(--accent-warm)}.benefit-card__save-btn.saved{color:var(--accent-warm)}.benefit-card__save-btn .material-icons-round{font-size:20px}.benefit-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;font-size:14px;font-weight:700;-webkit-line-clamp:2;line-height:1.4;margin:0 0 2px}.benefit-card__tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-sm)}.benefit-tag{background:var(--bg-glass);border-radius:var(--radius-full);color:var(--text-muted);font-size:.65rem;padding:2px 8px}.benefit-card__footer{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.benefit-card__discount{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:14px;font-weight:800}.benefit-card__discount--plain{align-items:flex-end;background:none;-webkit-background-clip:initial;background-clip:initial;min-height:32px}.benefit-card__discount--detailed,.benefit-card__discount--plain{display:inline-flex;-webkit-text-fill-color:currentColor;color:var(--accent-primary)}.benefit-card__discount--detailed{align-items:flex-start;background:none;flex-direction:column;flex-wrap:nowrap;gap:1px;line-height:1.1}.benefit-card__discount-topline{align-items:baseline;display:inline-flex;gap:4px}.benefit-card__discount-percent{color:#ef4444;font-size:13px;font-weight:800;line-height:1}.benefit-card__discount-original{color:var(--text-muted);font-size:13px;margin-right:0;text-decoration:line-through;text-decoration-thickness:1px}.benefit-card__discount-current{font-size:14px;margin-right:0}.benefit-card__discount-shipping{color:var(--text-secondary);font-size:14px;font-weight:700}.benefit-card--list .benefit-card__discount-shipping{display:none}.benefit-card__date{color:var(--text-muted);font-size:.7rem}.benefit-card--list .benefit-card__footer{align-items:flex-end;margin-top:auto;min-height:36px;padding-right:44px}.benefit-card--list .benefit-card__date{display:none}.benefit-card--list .benefit-card__save-btn{bottom:var(--space-md);height:30px;position:absolute;right:var(--space-md);width:30px;z-index:1}.user-shell .hot-badge{align-items:center;align-self:flex-start;animation:user-pulse 2s ease-in-out infinite;background:#e74c3c;border-radius:var(--radius-full);color:#fff;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 8px}html.user-theme-dark .user-shell .benefit-card{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08);box-shadow:0 8px 24px rgba(0,0,0,.28)}html.user-theme-dark .user-shell .benefit-card:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.12);box-shadow:0 12px 28px rgba(0,0,0,.34)}html.user-theme-dark .user-shell .benefit-card__service-badge{background:hsla(0,0%,100%,.08);color:var(--text-primary)}html.user-theme-dark .user-shell .benefit-card__badge-row .benefit-card__service-badge:not(.benefit-card__service-badge--secondary){background:rgba(59,130,246,.14);color:#bfdbfe}html.user-theme-dark .user-shell .benefit-card__service-badge--secondary{background:rgba(3,199,90,.12);color:#7dd3a5}html.user-theme-dark .user-shell .benefit-tag{background:hsla(0,0%,100%,.08);color:var(--text-muted)}html.user-theme-dark .user-shell .benefit-card__date{color:var(--text-muted)}html.user-theme-dark .user-shell .benefit-card__save-btn:hover{background:hsla(0,0%,100%,.06)}@keyframes user-pulse{0%,to{box-shadow:0 0 0 0 rgba(253,121,168,.4)}50%{box-shadow:0 0 0 6px rgba(253,121,168,0)}}.home-section--benefits .benefits-grid.grid-view .benefit-card__tags{display:none}.home-section--benefits .benefits-grid.grid-view .benefit-card--list{grid-template-columns:1fr}.home-section--benefits .benefits-grid.grid-view .benefit-card__thumb{display:none}.home-section--benefits .benefits-grid.grid-view .benefit-card{border-radius:20px;padding:14px}.home-section--benefits .benefits-grid.grid-view .benefit-card__header{margin-bottom:6px}.home-section--benefits .benefits-grid.grid-view .benefit-card__badge-row{flex:1;gap:8px;justify-content:flex-start}.home-section--benefits .benefits-grid.grid-view .benefit-card__service-badge{background:rgba(59,130,246,.1);border-radius:var(--radius-full);color:#2563eb;font-size:.65rem;font-weight:600;padding:2px 8px;white-space:nowrap}html.user-theme-dark .user-shell .home-section--benefits .benefits-grid.grid-view .benefit-card__service-badge{background:rgba(59,130,246,.16);color:#bfdbfe}.home-section--benefits .benefits-grid.grid-view .benefit-card__save-btn{height:28px;width:28px}.home-section--benefits .benefits-grid.grid-view .benefit-card__title{font-size:14px;line-height:1.48;min-height:1.48em}.home-section--benefits .benefits-grid.grid-view .benefit-card__footer{align-items:flex-start;flex-direction:column;gap:4px}.home-section--benefits .benefits-grid.grid-view .benefit-card__discount{font-size:14px;line-height:1.4}.home-section--benefits .benefits-grid.grid-view .benefit-card__date{display:block;font-size:.74rem;line-height:1.3}