/**
 * MobileRanks — Phone Finder v10.8.0
 * Premium results layer. Scoped to `.mrf10-page`.
 */

:root{
  --mrf-blue:#0A3A8A;--mrf-blue-2:#1976D2;--mrf-orange:#FF6A00;
  --mrf-text:#0F172A;--mrf-muted:#64748B;--mrf-border:#E5E7EB;
  --mrf-bg:#F8FAFC;--mrf-card:#fff;--mrf-radius:14px;
  --mrf-shadow:0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.06);
  --mrf-shadow-hover:0 8px 30px rgba(10,58,138,.14);
}

.mrf10-page{background:var(--mrf-bg);color:var(--mrf-text);font-family:var(--mr-font-body,Inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
/* Hero — hardened against theme/plugin overrides (gradient-text, entry-title colors, custom h1 fonts). */
.mrf10-page .mrf10-hero{position:relative;background:linear-gradient(135deg,#0A3A8A 0%,#1976D2 100%)!important;color:#fff!important;padding:48px 0 40px!important;margin:0 0 22px!important;overflow:hidden;isolation:isolate}
.mrf10-page .mrf10-hero > .container,.mrf10-page .mrf10-hero > *{position:relative;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.mrf10-page .mrf10-hero h1,.mrf10-page .mrf10-hero .entry-title{font-family:var(--mr-font-head,Poppins),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-weight:800!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.15!important;letter-spacing:-.01em!important;margin:0 0 8px!important;padding:0!important;color:#ffffff!important;background:none!important;-webkit-text-fill-color:#ffffff!important;text-shadow:0 1px 2px rgba(0,0,0,.15);border:0!important}
.mrf10-page .mrf10-hero p{margin:0!important;color:#ffffff!important;opacity:.95;font-size:15px;font-family:inherit;line-height:1.5;max-width:820px}


.mrf10-wrap{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
@media (max-width:960px){.mrf10-wrap{grid-template-columns:1fr}}

/* ---------- Sidebar ---------- */
.mrf10-side{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;background:var(--mrf-card);border:1px solid var(--mrf-border);border-radius:var(--mrf-radius);box-shadow:var(--mrf-shadow);padding:18px}
.mrf10-side h3{font:800 12px/1 var(--mr-font-head,Poppins),system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mrf-blue);margin:16px 0 10px}
.mrf10-side h3:first-child{margin-top:0}
.mrf10-side label{display:block;font-size:13px;color:var(--mrf-text);margin-bottom:6px}
.mrf10-side select,.mrf10-side input[type=number],.mrf10-side input[type=search]{width:100%;padding:9px 10px;border:1px solid var(--mrf-border);border-radius:9px;font:500 13px Inter,system-ui,sans-serif;background:#fff;color:var(--mrf-text)}
.mrf10-side select:focus,.mrf10-side input:focus{outline:none;border-color:var(--mrf-blue-2);box-shadow:0 0 0 3px rgba(25,118,210,.15)}
.mrf10-side .mrf10-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;padding:4px 0;cursor:pointer}
.mrf10-side .mrf10-check input{accent-color:var(--mrf-blue);width:16px;height:16px}
.mrf10-side .mrf10-actions{display:flex;gap:8px;margin-top:16px}
.mrf10-side .mrf10-actions button{flex:1;padding:11px;border-radius:10px;border:0;font:800 12px/1 Poppins,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:.15s}
.mrf10-btn-apply{background:linear-gradient(135deg,var(--mrf-orange),#FF8A33);color:#fff;box-shadow:0 4px 12px rgba(255,106,0,.28)}
.mrf10-btn-apply:hover{filter:brightness(1.06)}
.mrf10-btn-reset{background:#F1F5F9;color:var(--mrf-text)}
.mrf10-btn-reset:hover{background:#E2E8F0}

/* Mobile drawer */
.mrf10-filter-open{display:none;position:sticky;top:64px;z-index:20;margin-bottom:12px;padding:12px 16px;border-radius:10px;background:#fff;border:1px solid var(--mrf-border);box-shadow:var(--mrf-shadow);font:700 13px Poppins,system-ui,sans-serif;cursor:pointer;width:100%;text-align:left}
@media (max-width:960px){
  .mrf10-filter-open{display:block}
  .mrf10-side{position:fixed;inset:0 auto 0 0;top:0;max-height:100vh;width:88%;max-width:340px;z-index:100;border-radius:0;transform:translateX(-102%);transition:transform .25s ease;box-shadow:0 10px 40px rgba(0,0,0,.25)}
  .mrf10-side.is-open{transform:none}
  .mrf10-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:99}
  .mrf10-backdrop.is-open{display:block}
}

/* ---------- Toolbar ---------- */
.mrf10-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--mrf-border);border-radius:12px;box-shadow:var(--mrf-shadow);padding:12px 16px;margin-bottom:14px;flex-wrap:wrap}
.mrf10-count{font:800 15px/1 Poppins,system-ui,sans-serif;color:var(--mrf-text)}
.mrf10-count b{color:var(--mrf-orange)}
.mrf10-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mrf10-tools select,.mrf10-tools input[type=search]{padding:8px 10px;border:1px solid var(--mrf-border);border-radius:8px;font:500 13px Inter;background:#fff}
.mrf10-tools input[type=search]{min-width:180px}
.mrf10-view{display:inline-flex;border:1px solid var(--mrf-border);border-radius:8px;overflow:hidden}
.mrf10-view button{padding:7px 11px;border:0;background:#fff;font:700 12px Poppins;color:var(--mrf-muted);cursor:pointer}
.mrf10-view button.is-active{background:var(--mrf-blue);color:#fff}
.mrf10-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--mrf-border);border-radius:8px;background:#fff;font:700 12px Poppins;color:var(--mrf-text);cursor:pointer}
.mrf10-toggle.is-on{background:var(--mrf-blue);color:#fff;border-color:var(--mrf-blue)}

/* ---------- Chips ---------- */
.mrf10-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.mrf10-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 12px;background:#fff;border:1px solid var(--mrf-border);border-radius:999px;font:600 12px Inter;color:var(--mrf-text)}
.mrf10-chip b{color:var(--mrf-blue);margin-right:4px}
.mrf10-chip button{border:0;background:transparent;font-size:16px;line-height:1;color:var(--mrf-muted);cursor:pointer;padding:0 2px}
.mrf10-chip button:hover{color:var(--mrf-orange)}
.mrf10-chip-clear{background:var(--mrf-orange);color:#fff;border-color:var(--mrf-orange);cursor:pointer}
.mrf10-chip-clear:hover{filter:brightness(1.08)}

/* ---------- Grid ---------- */
.mrf10-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;contain:layout}
@media (max-width:1400px){.mrf10-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1080px){.mrf10-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mrf10-grid{grid-template-columns:1fr}}
.mrf10-grid.is-list{grid-template-columns:1fr}
.mrf10-grid.is-list .mrf10-card{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:stretch}
.mrf10-grid.is-list .mrf10-card .mrf10-thumb{aspect-ratio:1/1;height:100%}

/* ---------- Card ---------- */
.mrf10-card{position:relative;background:var(--mrf-card);border:1px solid var(--mrf-border);border-radius:var(--mrf-radius);box-shadow:var(--mrf-shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;contain:layout paint}
.mrf10-card:hover{transform:translateY(-3px);box-shadow:var(--mrf-shadow-hover);border-color:var(--mrf-blue-2)}
.mrf10-card .mrf10-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.mrf10-badge{display:inline-block;padding:4px 8px;font:800 10px/1 Poppins;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;color:#fff;background:var(--mrf-blue)}
.mrf10-badge.ec{background:linear-gradient(135deg,#FF6A00,#FFB100)}
.mrf10-badge.st-available{background:#10B981}
.mrf10-badge.st-coming{background:#F59E0B}
.mrf10-badge.st-discontinued{background:#94A3B8}
.mrf10-save{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:var(--mrf-shadow);display:grid;place-items:center;cursor:pointer;color:#94A3B8;transition:.15s}
.mrf10-save:hover{color:var(--mrf-orange);transform:scale(1.08)}
.mrf10-save.is-saved{color:#EF4444}
.mrf10-check-compare{position:absolute;top:10px;right:52px;z-index:2;width:22px;height:22px;accent-color:var(--mrf-blue);display:none}
.mrf10-page.compare-on .mrf10-check-compare{display:block}

.mrf10-thumb{aspect-ratio:1/1;background:#fff;padding:12px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--mrf-border)}
.mrf10-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mrf10-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.mrf10-brand{font:700 11px/1 Poppins;letter-spacing:.08em;text-transform:uppercase;color:var(--mrf-blue-2)}
.mrf10-title{font:700 15px/1.3 Poppins,system-ui,sans-serif;color:var(--mrf-text);margin:0}
.mrf10-title a{color:inherit;text-decoration:none}
.mrf10-title a:hover{color:var(--mrf-blue)}
.mrf10-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--mrf-muted)}
.mrf10-score{display:inline-flex;align-items:center;gap:4px;background:#EEF2FF;color:var(--mrf-blue);padding:3px 8px;border-radius:6px;font:800 12px Poppins}
.mrf10-price{font:800 18px/1 Poppins;color:var(--mrf-text)}
.mrf10-price small{font:600 12px Inter;color:var(--mrf-muted);margin-left:4px}

.mrf10-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;margin-top:4px;padding-top:10px;border-top:1px dashed var(--mrf-border)}
.mrf10-specs div{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mrf-text);min-width:0}
.mrf10-specs .ic{width:14px;height:14px;color:var(--mrf-blue-2);flex-shrink:0}
.mrf10-specs span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mrf10-features{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.mrf10-feat{padding:2px 7px;border-radius:6px;background:#F1F5F9;color:var(--mrf-text);font:700 10px/1.6 Poppins;letter-spacing:.03em}
.mrf10-feat.on{background:#DCFCE7;color:#166534}

.mrf10-cta{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto;padding-top:12px}
.mrf10-cta a.mrf10-view-btn{display:block;padding:10px;text-align:center;border-radius:9px;background:var(--mrf-blue);color:#fff;text-decoration:none;font:800 12px/1 Poppins;letter-spacing:.04em;text-transform:uppercase;transition:.15s}
.mrf10-cta a.mrf10-view-btn:hover{background:#092e6f}
.mrf10-cta button.mrf10-quick{padding:10px 12px;border:1px solid var(--mrf-border);border-radius:9px;background:#fff;color:var(--mrf-text);font:800 12px/1 Poppins;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.15s}
.mrf10-cta button.mrf10-quick:hover{border-color:var(--mrf-orange);color:var(--mrf-orange)}

/* ---------- Highlights ---------- */
.mrf10-highlights{background:#fff;border:1px solid var(--mrf-border);border-radius:12px;box-shadow:var(--mrf-shadow);padding:14px 16px;margin-bottom:14px;display:flex;gap:10px;flex-wrap:wrap;font-size:13px}
.mrf10-highlights h4{font:800 12px/1 Poppins;letter-spacing:.06em;text-transform:uppercase;color:var(--mrf-blue);margin:0 8px 0 0;align-self:center}
.mrf10-hl{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#F1F5F9;color:var(--mrf-text);font:600 12px Inter}
.mrf10-hl b{color:var(--mrf-blue)}

/* ---------- Sticky compare bar ---------- */
.mrf10-cbar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#fff;border-top:1px solid var(--mrf-border);box-shadow:0 -8px 30px rgba(15,23,42,.12);padding:14px 20px;display:none;align-items:center;justify-content:space-between;gap:16px}
.mrf10-cbar.is-on{display:flex}
.mrf10-cbar .list{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--mrf-text)}
.mrf10-cbar .list span{padding:5px 10px;border-radius:999px;background:#F1F5F9;font-weight:600}
.mrf10-cbar a{padding:11px 22px;background:linear-gradient(135deg,var(--mrf-orange),#FF8A33);color:#fff;text-decoration:none;border-radius:10px;font:800 12px Poppins;letter-spacing:.05em;text-transform:uppercase}
.mrf10-cbar a.disabled{opacity:.45;pointer-events:none}

/* ---------- Skeleton / empty / load-more ---------- */
.mrf10-skel{background:#fff;border:1px solid var(--mrf-border);border-radius:var(--mrf-radius);overflow:hidden}
.mrf10-skel .b{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:mrf10-shine 1.2s infinite;border-radius:6px}
.mrf10-skel .b1{aspect-ratio:1/1}.mrf10-skel .b2{height:14px;margin:14px 16px 0}.mrf10-skel .b3{height:22px;margin:10px 16px 0}.mrf10-skel .b4{height:38px;margin:14px 16px 16px}
@keyframes mrf10-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}

.mrf10-empty{background:#fff;border:1px dashed var(--mrf-border);border-radius:var(--mrf-radius);padding:32px 20px;text-align:center;color:var(--mrf-text)}
.mrf10-empty h3{margin:0 0 6px;font:800 18px Poppins;color:var(--mrf-blue)}
.mrf10-empty ul{list-style:none;padding:0;margin:10px 0 0;display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mrf10-empty li{background:#F1F5F9;padding:6px 12px;border-radius:999px;font-size:13px}

.mrf10-loadmore{display:block;margin:22px auto 40px;padding:13px 26px;background:#fff;border:1px solid var(--mrf-border);border-radius:10px;font:800 13px Poppins;letter-spacing:.05em;text-transform:uppercase;color:var(--mrf-blue);cursor:pointer;transition:.15s}
.mrf10-loadmore:hover{background:var(--mrf-blue);color:#fff;border-color:var(--mrf-blue)}
.mrf10-loadmore[disabled]{opacity:.4;pointer-events:none}

/* ---------- Focus visibility ---------- */
.mrf10-page a:focus-visible,.mrf10-page button:focus-visible,.mrf10-page input:focus-visible,.mrf10-page select:focus-visible{outline:2px solid var(--mrf-orange);outline-offset:2px}