.tg{flex-direction:column;gap:.875rem;min-width:0;display:flex}.tg-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:.75rem;margin-inline:-1rem;padding:.25rem 1rem .75rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.tg-rail__item{scroll-snap-align:start;flex:0 0 11.5rem}.tg-tile{border:2px solid var(--border);background:var(--card);text-align:start;border-radius:1.125rem;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.5rem .5rem .75rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.tg-tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px -18px #0d0d1a73}.tg-tile:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.tg-tile--focus{border-color:var(--brand-border)}.tg-tile--on{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-light,#ff6a001f)}.tg-tile__card{pointer-events:none;display:block}.tg-tile__card .wcard--apple{border-radius:10px}.tg-tile__shop{color:var(--foreground);align-items:center;gap:.375rem;font-size:.875rem;font-weight:800;display:flex}.tg-tile__check{background:var(--brand);color:#fff;border-radius:999px;width:1rem;height:1rem;margin-inline-start:auto;padding:.125rem}.tg-tile__offer{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.tg-facts{flex-wrap:wrap;gap:.375rem;display:flex}.tg-fact{background:var(--background);color:var(--foreground);border-radius:999px;align-items:center;gap:.3125rem;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.tg-fact__icon{flex-shrink:0;width:.8125rem;height:.8125rem}.tg-fact--rule{color:#3730a3;background:#eef2ff}.tg-fact--boost{color:#7a4b00;background:linear-gradient(135deg,#fff4d6,#ffe7a8)}.tg-fact--gift{color:#065f46;background:#ecfdf5}.tg-fact--never{color:#991b1b;background:#fef2f2}.tg-fact--reach{color:#075985;background:#f0f9ff}.tg-fact--tip{color:#5b21b6;background:#f5f3ff}.tg-detail{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:1rem;flex-direction:column;gap:.75rem;padding:1rem;animation:.22s ease-out both tg-in;display:flex}.tg-detail__title{color:var(--foreground);align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.tg-detail__badge{background:var(--card);color:var(--brand-dark,var(--brand));border-radius:999px;margin-inline-start:auto;padding:.125rem .5rem;font-size:.6875rem;font-weight:800}.tg-detail__offer{color:var(--foreground);font-size:.875rem;font-weight:600;line-height:1.45}.tg-detail__why{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.8125rem;line-height:1.5;display:flex}.tg-detail__warn{color:#92400e;background:#fffbeb;border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:.625rem .75rem;font-size:.8125rem;line-height:1.45;display:flex}.tg-detail__warn svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.tg-detail__ideas,.tg-detail__ideas ul{flex-direction:column;gap:.375rem;display:flex}.tg-detail__ideas li{background:var(--card);color:var(--foreground);border-radius:.75rem .75rem .75rem .25rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.45;box-shadow:0 1px 2px #0d0d1a0f}[dir=rtl] .tg-detail__ideas li{border-radius:.75rem .75rem .25rem}.tg-detail__use{align-self:flex-start}@keyframes tg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tg-detail{animation:none}.tg-tile:hover{transform:none}}