.category-discount-rankings{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif}
.category-discount-rankings section{margin-top:28px}
.ranking-grid{display:grid;gap:14px}
.ranking-tabs{display:flex;gap:8px;margin:16px 0 0;padding:0 0 8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.ranking-tab{flex:0 0 auto;padding:10px 16px;border:1px solid #dce4ef;border-radius:999px;background:#f8fafc;color:#475569;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.ranking-tab:hover{border-color:#9bb7f7;background:#eef4ff;color:#1d4ed8}
.ranking-tab[aria-selected="true"]{border-color:#1d4ed8;background:#1d4ed8;color:#fff;box-shadow:0 3px 9px #1d4ed833}
.ranking-tab:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.ranking-category[hidden]{display:none}
.ranking-category{padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0f172a0a}
.ranking-category h3{margin:0 0 14px;color:#0b1c30;font-size:18px}
.ranking-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ranking-metric{min-width:0;padding:13px;border-radius:12px;background:#f8fafc}
.ranking-metric h4{margin:0 0 10px;color:#334155;font-size:14px}
.ranking-metric ol{display:grid;grid-auto-rows:1fr;gap:10px;margin:0;padding:0;list-style:none}
.ranking-offer{position:relative;display:grid;grid-template-columns:42px 64px minmax(0,1fr) auto;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:150px;padding:13px;border:1px solid #e2e8f0;border-radius:14px;background:linear-gradient(115deg,#fff 55%,#f8fafc);box-shadow:0 3px 12px #0f172a0b}
.ranking-place-1{border-color:#e9c86e;background:linear-gradient(115deg,#fffdf4,#fff 58%,#fff9e6);box-shadow:0 5px 18px #d4a72c1c}
.ranking-medal{display:grid;width:42px;height:42px;place-items:center;border:1px solid #e2e8f0;border-radius:50%;background:#f1f5f9;font-size:23px;line-height:1}
.ranking-place-1 .ranking-medal{width:48px;height:48px;border-color:#edcf78;background:linear-gradient(145deg,#fff4c5,#f6d56e);box-shadow:0 3px 9px #d4a72c38;font-size:27px}
.ranking-place-2 .ranking-medal{border-color:#d8dee8;background:linear-gradient(145deg,#fff,#dce3ed)}
.ranking-place-3 .ranking-medal{border-color:#ebc3a6;background:linear-gradient(145deg,#fff0e3,#db9b72)}
.ranking-brand-logo,.ranking-brand-fallback{display:grid;width:64px;height:64px;place-items:center;box-sizing:border-box;border:1px solid #e8edf3;border-radius:16px;background:#fff;object-fit:contain;box-shadow:0 4px 13px #0f172a12}
.ranking-brand-logo[hidden],.ranking-brand-fallback[hidden]{display:none}
.ranking-brand-fallback{background:linear-gradient(145deg,#f8fafc,#e8eef6);color:#475569;font-size:26px;font-weight:800}
.ranking-offer-main{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:center;align-self:stretch;min-width:0;min-height:0;color:#0f172a;font-size:13px;text-align:left}
.ranking-brand-name{display:block;width:100%;overflow:visible;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.35}
.ranking-offer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:0;margin-top:6px}
.ranking-carrier{display:inline-flex;flex:0 0 auto;align-items:center;min-height:23px;padding:2px 9px;border:1px solid #1d4ed8;border-radius:999px;background:#1d4ed8;color:#fff;font-size:11px;font-weight:850;letter-spacing:.035em;white-space:nowrap;box-shadow:0 2px 6px #1d4ed833}
.ranking-carrier-KT{border-color:#c41920;background:#c41920;box-shadow:0 2px 6px #c4192033}
.ranking-carrier-LGU{border-color:#8d1c72;background:#8d1c72;box-shadow:0 2px 6px #8d1c7233}
.ranking-grades{display:inline-block;flex:0 0 auto;margin:0;padding:2px 7px;border-radius:999px;background:#eef2f7;color:#475569;font-size:10px;font-weight:700;white-space:nowrap}
.ranking-offer-main p{align-self:start;min-height:0;margin:6px 0 0;overflow:visible;color:#64748b;font-size:11px;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.ranking-value{padding:8px 10px;border:1px solid #dce7ff;border-radius:11px;background:#edf3ff;color:#1d4ed8;font-size:17px;white-space:nowrap}
.ranking-place-1 .ranking-value{border-color:#edcf78;background:#fff4ca;color:#765000;font-size:19px}
.ranking-empty,.ranking-status{margin:0;padding:14px;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;font-size:12px}
.ranking-updated{margin-top:14px;color:#64748b;font-size:12px}
.ranking-error{margin-top:12px;padding:12px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:13px}
.category-discount-links{margin-top:28px}
@media(max-width:700px){.ranking-metrics{grid-template-columns:1fr}}
@media(max-width:520px){.ranking-category{padding:13px}.ranking-offer{grid-template-columns:34px 52px minmax(0,1fr) auto;gap:8px;min-height:140px;padding:9px}.ranking-medal{width:34px;height:34px;font-size:19px}.ranking-place-1 .ranking-medal{width:38px;height:38px;font-size:23px}.ranking-brand-logo,.ranking-brand-fallback{width:52px;height:52px;border-radius:13px}.ranking-brand-name{font-size:14px}.ranking-carrier{min-height:21px;padding:1px 7px;font-size:10px}.ranking-value{padding:7px 8px;font-size:14px}.ranking-place-1 .ranking-value{font-size:16px}}
@media(max-width:390px){.ranking-offer{grid-template-columns:30px 44px minmax(0,1fr);gap:7px;min-height:140px}.ranking-medal{width:30px;height:30px;font-size:17px}.ranking-place-1 .ranking-medal{width:34px;height:34px;font-size:21px}.ranking-brand-logo,.ranking-brand-fallback{width:44px;height:44px}.ranking-value{grid-column:3;justify-self:start;align-self:start;margin-top:5px}.ranking-offer-main p{font-size:10px}}