.altf-deals-page{--afd-gradient:linear-gradient(135deg,var(--primary),var(--secondary,#22d3ee));--afd-muted:color-mix(in srgb,var(--foreground) 70%,var(--background));--afd-card:color-mix(in srgb,var(--card) 94%,transparent);--afd-soft:color-mix(in srgb,var(--primary) 8%,var(--background));--afd-line:color-mix(in srgb,var(--border) 86%,var(--primary));--afd-free:var(--anslation-ds-success,#16a34a);--afd-free-soft:color-mix(in srgb,var(--afd-free) 12%,var(--background));min-height:100vh;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--primary) 11%,transparent),transparent 30rem),radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--secondary,#22d3ee) 7%,transparent),transparent 26rem),linear-gradient(180deg,var(--background) 0,color-mix(in srgb,var(--primary) 4%,var(--background)) 44%,var(--background) 100%);color:var(--foreground);font-family:var(--font-primary),ui-sans-serif,system-ui,sans-serif}[data-theme=dark] .altf-deals-page{--afd-card:color-mix(in srgb,var(--card) 88%,transparent);--afd-soft:color-mix(in srgb,var(--primary) 12%,var(--background))}.afd-gradient-text{background:var(--afd-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.afd-card{display:flex;flex-direction:column;border:1px solid var(--afd-line);border-radius:var(--anslation-ds-radius-lg,12px);background:var(--afd-card);box-shadow:var(--anslation-ds-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;overflow:hidden}.afd-card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:var(--anslation-ds-shadow-md,0 8px 24px rgba(15,23,42,.08));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.afd-card,.afd-card:hover{transition:none;transform:none}}.afd-card-body{display:flex;flex-direction:column;flex:1;gap:10px;padding:18px}.afd-icon-tile{justify-content:center;width:48px;height:48px;flex:none;border-radius:var(--anslation-ds-radius,8px);border:1px solid var(--afd-line);background:var(--afd-soft)}.afd-badge,.afd-icon-tile{display:inline-flex;align-items:center}.afd-badge{gap:4px;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.01em}.afd-badge-free{background:var(--afd-free-soft);color:var(--afd-free);border:1px solid color-mix(in srgb,var(--afd-free) 30%,transparent)}.afd-badge-urgency{background:color-mix(in srgb,var(--anslation-ds-warning,#f59e0b) 14%,var(--background));color:color-mix(in srgb,var(--anslation-ds-warning,#f59e0b) 72%,var(--foreground));border:1px solid color-mix(in srgb,var(--anslation-ds-warning,#f59e0b) 32%,transparent)}.afd-badge-new{background:color-mix(in srgb,var(--secondary,#22d3ee) 14%,var(--background));color:color-mix(in srgb,var(--secondary,#22d3ee) 55%,var(--foreground));border:1px solid color-mix(in srgb,var(--secondary,#22d3ee) 32%,transparent)}.afd-pill{display:inline-flex;align-items:center;gap:4px;border-radius:var(--anslation-ds-radius,8px);background:color-mix(in srgb,var(--foreground) 5%,transparent);color:var(--muted-foreground);padding:4px 8px;font-size:11px;font-weight:500}.afd-price-free{font-size:1.35rem;font-weight:800;color:var(--afd-free);line-height:1}.afd-price-original{font-size:.9rem;color:var(--muted-foreground);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--anslation-ds-danger,#ef4444) 65%,transparent);text-decoration-thickness:1.5px}.afd-rank{display:inline-flex;width:34px;height:34px;flex:none;border-radius:9999px;background:var(--afd-gradient);color:var(--primary-foreground,#ffffff);font-weight:800;font-size:15px;box-shadow:var(--anslation-ds-shadow-sm)}.afd-count-tile,.afd-rank{align-items:center;justify-content:center}.afd-count-tile{display:flex;flex-direction:column;min-width:58px;padding:8px 6px;border-radius:var(--anslation-ds-radius,8px);border:1px solid var(--afd-line);background:var(--afd-card)}.afd-count-number{font-family:var(--font-mono,ui-monospace,monospace);font-size:1.35rem;font-weight:700;line-height:1.1;color:var(--foreground);font-variant-numeric:tabular-nums}.afd-count-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}.afd-buybox{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--anslation-ds-radius-lg,12px);background:var(--afd-card);box-shadow:var(--anslation-ds-shadow-md,0 8px 24px rgba(15,23,42,.08));padding:20px}.afd-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:var(--anslation-ds-radius,8px);background:var(--primary);color:var(--primary-foreground,#ffffff);font-weight:700;font-size:14px;transition:background-color .15s ease}.afd-cta:hover{background:var(--primary-hover,var(--primary))}.afd-cta:focus-visible{outline:none;box-shadow:var(--anslation-ds-focus-ring,0 0 0 3px rgba(20,184,166,.35))}.afd-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--anslation-ds-radius,8px);border:1px solid var(--afd-line);background:var(--afd-card);color:var(--foreground);font-weight:600;font-size:13px;transition:border-color .15s ease,background-color .15s ease}.afd-cta-secondary:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));background:var(--afd-soft)}.afd-cta-secondary:focus-visible{outline:none;box-shadow:var(--anslation-ds-focus-ring,0 0 0 3px rgba(20,184,166,.35))}.afd-gem-bar{height:8px;border-radius:9999px;background:color-mix(in srgb,var(--foreground) 8%,transparent);overflow:hidden}.afd-gem-bar-fill{height:100%;border-radius:9999px;background:var(--afd-gradient)}.afd-filter-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:8px 12px;border-radius:var(--anslation-ds-radius,8px);color:var(--muted-foreground);font-size:13px;font-weight:600;text-align:left;transition:background-color .15s ease,color .15s ease}.afd-filter-button:hover{background:var(--afd-soft);color:var(--foreground)}.afd-filter-button.is-active{background:var(--primary);color:var(--primary-foreground,#ffffff)}.afd-filter-button:focus-visible{outline:none;box-shadow:var(--anslation-ds-focus-ring,0 0 0 3px rgba(20,184,166,.35))}.afd-input{width:100%;min-height:40px;padding:8px 12px;border-radius:var(--anslation-ds-radius,8px);border:1px solid var(--border);background:var(--afd-card);color:var(--foreground);font-size:14px}.afd-input::placeholder{color:var(--muted-foreground)}.afd-input:focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--anslation-ds-focus-ring,0 0 0 3px rgba(20,184,166,.35))}.afd-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(272px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}.afd-shelf>*{scroll-snap-align:start}.afd-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}@media (max-width:1024px){.afd-detail-grid{grid-template-columns:minmax(0,1fr)}}.afd-sticky-box{position:sticky;top:96px}@media (max-width:1024px){.afd-sticky-box{position:static}}.afd-plan-table{border:1px solid var(--afd-line);border-radius:var(--anslation-ds-radius-lg,12px);background:var(--afd-card);overflow:hidden}.afd-plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);font-size:14px}.afd-plan-row:first-child{border-top:none}