.of-ranking[data-astro-cid-pg5hcjgv]{--gap:14px;--card-pad:24px;--card-gap:24px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 3px #0a0c100a, 0 1px 2px #0a0c100f;--shadow-md:0 4px 12px #0a0c100d, 0 2px 6px #0a0c100a;--shadow-lg:0 10px 28px #0a0c1014, 0 4px 12px #0a0c100a;--shadow-xl:0 20px 40px #0a0c101a, 0 8px 20px #0a0c100f;--color-bg:#fff;--color-bg-muted:#f8f9fb;--color-text:#15171a;--color-text-muted:#667085;--color-border:#e6e8ef;--cta-bg:#c41414;--cta-bg-hover:#a41010;--cta-text:#fff;--fs-h2:clamp(22px, 2vw + 14px, 28px);--fs-title:clamp(20px, 1.2vw + 14px, 26px);--fs-body:clamp(14px, .3vw + 13px, 16px);--fs-meta:clamp(13px, .2vw + 12px, 14px);--fs-small:12px;--pill-h:48px;--image-ratio:4/3;font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);margin:24px 0}.dark .of-ranking[data-astro-cid-pg5hcjgv]{--color-bg:#2a1515;--color-bg-muted:#221010;--color-text:#f5f0f0;--color-text-muted:#a89a9a;--color-border:#3a2020}.of-ranking[data-astro-cid-pg5hcjgv] [data-astro-cid-pg5hcjgv],.of-ranking[data-astro-cid-pg5hcjgv] [data-astro-cid-pg5hcjgv]:before,.of-ranking[data-astro-cid-pg5hcjgv] [data-astro-cid-pg5hcjgv]:after{box-sizing:border-box}.of-ranking__h2[data-astro-cid-pg5hcjgv]{font-size:var(--fs-h2);color:var(--color-text);letter-spacing:-.02em;margin:0 0 20px;font-weight:800;line-height:1.25}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__list[data-astro-cid-pg5hcjgv]{gap:var(--card-gap);grid-template-columns:1fr;display:grid}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__row[data-astro-cid-pg5hcjgv]{padding:var(--card-pad);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);grid-template:"image title""image rating""image desc"1fr"image price""image cta"/minmax(180px,320px) 1fr;align-items:start;gap:8px 24px;transition:box-shadow .2s,transform .2s;display:grid}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__row[data-astro-cid-pg5hcjgv]:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__image[data-astro-cid-pg5hcjgv]{grid-area:image;align-self:stretch;position:relative}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__image[data-astro-cid-pg5hcjgv] img[data-astro-cid-pg5hcjgv]{width:100%;height:100%;aspect-ratio:var(--image-ratio);object-fit:cover;border-radius:var(--radius-lg);display:block}.of-ranking__dot[data-astro-cid-pg5hcjgv]{width:14px;height:14px;box-shadow:0 0 0 3px var(--color-bg), var(--shadow-sm);border-radius:50%;position:absolute;top:12px;right:12px}.of-ranking__dot[data-astro-cid-pg5hcjgv].is-online{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);animation:2s infinite ot-pulse-online}.of-ranking__dot[data-astro-cid-pg5hcjgv].is-offline{background:linear-gradient(135deg,#9ca3af 0%,#6b7280 100%)}@keyframes ot-pulse-online{0%,to{box-shadow:0 0 0 3px var(--color-bg), 0 0 0 6px #10b98133}50%{box-shadow:0 0 0 3px var(--color-bg), 0 0 0 10px #10b98100}}.of-ranking--cards[data-astro-cid-pg5hcjgv] .ot-badge[data-astro-cid-pg5hcjgv]{box-shadow:var(--shadow-md);position:absolute;bottom:12px;right:12px}.ot-badge[data-astro-cid-pg5hcjgv]{border-radius:var(--radius-pill);font-weight:700;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;line-height:1;display:inline-flex}.ot-badge--verified[data-astro-cid-pg5hcjgv]{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.ot-badge--official[data-astro-cid-pg5hcjgv]{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.ot-badge--partner[data-astro-cid-pg5hcjgv]{color:#5b21b6;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.ot-badge--bestseller[data-astro-cid-pg5hcjgv]{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.ot-badge--new[data-astro-cid-pg5hcjgv]{color:#0e7490;background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%)}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__name[data-astro-cid-pg5hcjgv]{grid-area:title;align-self:end}.of-ranking__title-row[data-astro-cid-pg5hcjgv]{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.of-ranking__title[data-astro-cid-pg5hcjgv]{font-size:var(--fs-title);color:var(--color-text);letter-spacing:-.01em;font-weight:800}.of-ranking__handle[data-astro-cid-pg5hcjgv]{font-size:var(--fs-meta);color:var(--color-text-muted);margin-top:2px}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__rating[data-astro-cid-pg5hcjgv]{font-size:var(--fs-meta);grid-area:rating;align-items:center;gap:10px;margin-top:8px;display:flex}.of-ranking__rating-label[data-astro-cid-pg5hcjgv]{color:var(--color-text-muted)}.of-ranking__stars-wrapper[data-astro-cid-pg5hcjgv]{align-items:center;gap:8px;display:flex}.of-ranking__stars[data-astro-cid-pg5hcjgv]{letter-spacing:1px;font-size:18px;line-height:1;display:inline-block;position:relative}.of-ranking__stars-bg[data-astro-cid-pg5hcjgv]{color:#e5e7eb}.dark .of-ranking__stars-bg[data-astro-cid-pg5hcjgv]{color:#4a3030}.of-ranking__stars-fill[data-astro-cid-pg5hcjgv]{white-space:nowrap;color:#fbbf24;position:absolute;top:0;left:0;overflow:hidden}.of-ranking__rating-value[data-astro-cid-pg5hcjgv]{background:var(--color-bg-muted);border-radius:var(--radius-sm);color:var(--color-text);padding:3px 10px;font-size:13px;font-weight:700}.of-ranking__rating-empty[data-astro-cid-pg5hcjgv]{color:var(--color-text-muted)}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__desc[data-astro-cid-pg5hcjgv]{max-width:65ch;color:var(--color-text-muted);font-size:var(--fs-body);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;grid-area:desc;margin-top:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__price[data-astro-cid-pg5hcjgv]{color:var(--color-text);grid-area:price;align-self:end;margin-top:12px;font-size:16px}.of-ranking__price[data-astro-cid-pg5hcjgv] strong[data-astro-cid-pg5hcjgv]{color:var(--color-text-muted);margin-right:4px;font-weight:600}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__cta[data-astro-cid-pg5hcjgv]{grid-area:cta;align-self:end;margin-top:16px}.of-ranking__btn[data-astro-cid-pg5hcjgv]{width:100%;height:var(--pill-h);border-radius:var(--radius-pill);background:var(--cta-bg);color:var(--cta-text);box-shadow:var(--shadow-md), 0 0 0 1px #0000000a;font-weight:700;font-size:var(--fs-meta);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;transition:all .2s;display:inline-flex}.of-ranking__btn[data-astro-cid-pg5hcjgv]:hover{background:var(--cta-bg-hover);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.of-ranking__btn[data-astro-cid-pg5hcjgv]:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.of-ranking__btn[data-astro-cid-pg5hcjgv]:focus-visible{outline:2px solid var(--cta-bg);outline-offset:2px}.of-ranking__attribution[data-astro-cid-pg5hcjgv]{color:var(--color-text-muted);text-align:center;opacity:.75;margin:16px 0 0;padding:8px 0;font-size:11px}@media (width<=720px){.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__row[data-astro-cid-pg5hcjgv]{grid-template-columns:1fr;grid-template-areas:"image""title""rating""desc""price""cta";gap:8px;padding:18px}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__image[data-astro-cid-pg5hcjgv]{max-width:100%}.of-ranking--cards[data-astro-cid-pg5hcjgv] .of-ranking__image[data-astro-cid-pg5hcjgv] img[data-astro-cid-pg5hcjgv]{max-height:360px}}