:root{
  --pa-bg:#f7f8fa;
  --pa-surface:#fff;
  --pa-text:#111827;
  --pa-muted:#667085;
  --pa-border:#e5e7eb;
  --pa-primary:#2563eb;
  --pa-primary-hover:#1d4ed8;
  --pa-success:#16a34a;
  --pa-warning:#f59e0b;
  --pa-danger:#dc2626;
  --pa-radius:12px;
  --pa-radius-sm:9px;
  --pa-shadow:0 10px 30px rgba(15,23,42,.06);
  --pa-max:1280px;
}

.phoneatlas-page,
.pa-home,.pa-app,.pa-device-single,.pa-protector-single,.pa-device-archive{
  color:var(--pa-text);
  font-family:Inter,"Noto Sans Arabic",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;
}

.pa-home,.pa-app,.pa-device-single,.pa-protector-single,.pa-device-archive{max-width:var(--pa-max);margin-inline:auto;padding-inline:24px}
.pa-home *,.pa-app *,.pa-device-single *,.pa-protector-single *,.pa-device-archive *{box-sizing:border-box}
.pa-home a,.pa-app a,.pa-device-single a,.pa-protector-single a,.pa-device-archive a{color:inherit;text-decoration:none}
.pa-home h1,.pa-home h2,.pa-home h3,.pa-app h1,.pa-app h2,.pa-device-single h1,.pa-device-single h2,.pa-device-single h3{letter-spacing:-.025em;color:var(--pa-text);margin-top:0}
.pa-eyebrow{display:inline-block;font-size:.76rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:var(--pa-primary);margin-bottom:10px}
.pa-empty,.pa-loading{grid-column:1/-1;padding:28px;border:1px dashed var(--pa-border);border-radius:var(--pa-radius);background:var(--pa-surface);color:var(--pa-muted);text-align:center}

/* Buttons */
.pa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--pa-border);border-radius:10px;background:var(--pa-surface);color:var(--pa-text)!important;font-weight:700;cursor:pointer;transition:.18s ease;box-shadow:none}
.pa-btn:hover{border-color:#cbd5e1;transform:translateY(-1px)}
.pa-btn-primary{background:var(--pa-primary);border-color:var(--pa-primary);color:#fff!important}
.pa-btn-primary:hover{background:var(--pa-primary-hover);border-color:var(--pa-primary-hover)}
.pa-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}

/* Hero */
.pa-hero{margin:28px 0 54px;padding:64px clamp(24px,5vw,72px);border:1px solid var(--pa-border);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#f5f8ff 52%,#eef4ff 100%);overflow:hidden;position:relative}
.pa-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.12),rgba(37,99,235,0) 67%);right:-90px;top:-120px;pointer-events:none}
.pa-hero-copy{max-width:780px;position:relative;z-index:1}
.pa-hero h1{font-size:clamp(2rem,4.6vw,4.35rem);line-height:1.03;margin-bottom:18px;max-width:900px}
.pa-hero p{font-size:1.08rem;color:var(--pa-muted);max-width:720px;margin:0 0 24px}
.pa-global-search,.pa-smart-search{position:relative;max-width:760px}
.pa-global-search input,.pa-smart-search input,.pa-filter-panel input,.pa-filter-panel select{width:100%;border:1px solid var(--pa-border);background:#fff;color:var(--pa-text);border-radius:10px;min-height:48px;padding:0 14px;font:inherit;outline:none;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.pa-global-search input{min-height:56px;padding:0 18px;font-size:1rem;box-shadow:var(--pa-shadow)}
.pa-global-search input:focus,.pa-smart-search input:focus,.pa-filter-panel input:focus,.pa-filter-panel select:focus{border-color:#93b4fb;box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.pa-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}

/* Autocomplete */
.pa-autocomplete{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;background:#fff;border:1px solid var(--pa-border);border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.15);overflow:hidden;max-height:380px;overflow-y:auto}
.pa-autocomplete button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;padding:10px 12px;text-align:start;cursor:pointer;color:var(--pa-text)}
.pa-autocomplete button:last-child{border-bottom:0}
.pa-autocomplete button:hover{background:#f8fafc}
.pa-autocomplete img,.pa-search-icon{width:42px;height:42px;border-radius:8px;object-fit:contain;background:#f8fafc;display:grid;place-items:center}
.pa-autocomplete button span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.pa-autocomplete strong{font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-autocomplete small{color:var(--pa-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-autocomplete-state{padding:14px;color:var(--pa-muted)}

/* Sections */
.pa-section{margin:0 0 54px}
.pa-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.pa-section-head h2{font-size:clamp(1.45rem,2vw,2rem);margin:0}

/* Device cards */
.pa-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pa-device-card{background:var(--pa-surface);border:1px solid var(--pa-border);border-radius:var(--pa-radius);overflow:hidden;transition:.2s ease;min-width:0}
.pa-device-card:hover{transform:translateY(-2px);box-shadow:var(--pa-shadow);border-color:#d8dee8}
.pa-device-image{display:flex;align-items:center;justify-content:center;height:245px;background:linear-gradient(180deg,#fbfcfd,#f7f8fa);padding:20px}
.pa-device-image img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}
.pa-device-card:hover .pa-device-image img{transform:scale(1.02)}
.pa-phone-placeholder{font-size:5rem;color:#cbd5e1;display:grid;place-items:center;width:100%;height:100%}
.pa-device-body{padding:16px 16px 15px}
.pa-device-meta{min-height:22px;color:var(--pa-muted);font-size:.79rem;display:flex;justify-content:space-between;gap:8px}
.pa-rating{color:#b7791f;font-weight:750;white-space:nowrap}
.pa-device-card h3{font-size:1.03rem;line-height:1.35;margin:7px 0 10px}
.pa-mini-specs{font-size:.82rem;color:var(--pa-muted);min-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-device-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #f0f2f5;margin-top:14px;padding-top:12px;font-size:.88rem}
.pa-device-footer strong{font-size:.9rem}
.pa-add-compare{border:0;background:transparent;color:var(--pa-primary);font-weight:750;cursor:pointer;padding:4px 0}
.pa-add-compare.is-added{color:var(--pa-success)}

/* Tools */
.pa-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pa-tool-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--pa-border);background:#fff;border-radius:var(--pa-radius);padding:22px;min-height:140px;transition:.18s ease}
.pa-tool-card:hover{border-color:#bdcdfb;box-shadow:var(--pa-shadow);transform:translateY(-2px)}
.pa-tool-card strong{font-size:1.08rem}
.pa-tool-card span{color:var(--pa-muted);font-size:.9rem}

/* Brands */
.pa-brand-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.pa-brand-pill{display:flex;flex-direction:column;border:1px solid var(--pa-border);background:#fff;border-radius:10px;padding:13px 14px;transition:.15s}
.pa-brand-pill:hover{border-color:#bdcdfb;background:#fafcff}
.pa-brand-pill span{font-weight:750;font-size:.9rem}.pa-brand-pill small{color:var(--pa-muted);font-size:.72rem;margin-top:2px}

/* App shells */
.pa-app{padding-top:28px;padding-bottom:60px}
.pa-app-intro{max-width:780px;margin-bottom:28px}
.pa-app-intro h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;margin-bottom:12px}
.pa-app-intro p{color:var(--pa-muted);font-size:1.02rem;margin:0}
.pa-tabs{display:flex;gap:4px;background:#eef2f7;border:1px solid var(--pa-border);padding:4px;border-radius:11px;width:max-content;margin-bottom:22px}
.pa-tabs button{border:0;border-radius:8px;background:transparent;padding:9px 14px;font-weight:750;color:#475467;cursor:pointer}
.pa-tabs button.is-active{background:#fff;color:var(--pa-text);box-shadow:0 1px 4px rgba(15,23,42,.08)}
.pa-tab-panel{display:none}.pa-tab-panel.is-active{display:block}
.pa-smart-search label{display:block;font-size:.82rem;font-weight:750;margin-bottom:7px;color:#344054}
.pa-smart-search input{min-height:54px}

/* Compatibility */
.pa-compat-result{margin-top:34px;scroll-margin-top:100px}
.pa-result-head{border-bottom:1px solid var(--pa-border);padding-bottom:16px;margin-bottom:14px}
.pa-result-head h2{font-size:1.4rem;margin:0 0 4px}.pa-result-head p{margin:0;color:var(--pa-muted);font-size:.86rem}
.pa-compat-item{display:grid;grid-template-columns:1fr auto;gap:18px;padding:17px 0;border-bottom:1px solid var(--pa-border)}
.pa-compat-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.pa-compat-title a{font-weight:800}.pa-compat-title a:hover{color:var(--pa-primary)}
.pa-compat-meta{font-size:.82rem;color:var(--pa-muted);margin-top:5px}.pa-compat-item p{margin:8px 0 0;font-size:.9rem;color:#475467}
.pa-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:.69rem;font-weight:800;line-height:1}
.pa-status-confirmed{background:#ecfdf3;color:#027a48}.pa-status-possible{background:#fffaeb;color:#b54708}.pa-status-testing{background:#eff8ff;color:#175cd3}.pa-status-not_compatible{background:#fef3f2;color:#b42318}
.pa-verified{font-size:.76rem;color:var(--pa-muted);white-space:nowrap;padding-top:3px}
.pa-negative{margin-top:18px;border:1px solid #fecaca;background:#fff7f7;border-radius:10px;padding:12px 14px;color:#7f1d1d}.pa-negative summary{font-weight:750;cursor:pointer}.pa-negative div{padding-top:8px;font-size:.85rem}

/* Compare */
.pa-compare-picker{border:1px solid var(--pa-border);border-radius:var(--pa-radius);background:#fff;padding:18px;margin-bottom:24px}
.pa-selected-devices{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pa-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #cdd9fb;background:#f7f9ff;border-radius:999px;padding:7px 9px 7px 12px;font-size:.82rem;font-weight:700}.pa-chip button{border:0;background:#e7edff;width:22px;height:22px;border-radius:50%;cursor:pointer;color:#344054;line-height:1}
.pa-compare-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.pa-switch{display:flex;align-items:center;gap:8px;color:#475467;font-size:.86rem;font-weight:650}.pa-switch input{width:17px;height:17px}
.pa-compare-scroll{overflow:auto;border:1px solid var(--pa-border);border-radius:var(--pa-radius);background:#fff}
.pa-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;margin:0}
.pa-compare-table th,.pa-compare-table td{padding:12px 14px;border-bottom:1px solid var(--pa-border);border-right:1px solid var(--pa-border);vertical-align:top;font-size:.84rem;background:#fff;text-align:start}
.pa-compare-table tr > *:last-child{border-right:0}.pa-compare-table tbody tr:last-child > *{border-bottom:0}
.pa-compare-table thead th{position:sticky;top:0;z-index:4;background:#fff}.pa-compare-table thead th:first-child{z-index:5;min-width:170px}
.pa-compare-head{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:170px}.pa-compare-head img{height:76px;width:76px;object-fit:contain;align-self:center}.pa-compare-head a{font-weight:800}.pa-compare-head small{color:var(--pa-muted)}
.pa-section-row th{background:#f8fafc!important;color:#344054;font-weight:850;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
.pa-spec-row th{position:sticky;left:0;z-index:2;background:#fbfcfd;font-weight:750;color:#475467;width:170px}.pa-spec-row.is-different td{background:#fffef8}.pa-diff-only .pa-spec-row.is-same{display:none}

/* Finder */
.pa-finder-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.pa-filter-panel{position:sticky;top:88px;border:1px solid var(--pa-border);background:#fff;border-radius:var(--pa-radius);padding:15px}
.pa-filter-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--pa-border);margin-bottom:12px}.pa-filter-head button{border:0;background:transparent;color:var(--pa-primary);font-weight:700;cursor:pointer}
.pa-filter-panel label{display:block;font-size:.77rem;font-weight:750;color:#344054;margin:0 0 12px}.pa-filter-panel label input,.pa-filter-panel label select{margin-top:6px;min-height:42px;font-size:.86rem}
.pa-filter-panel .pa-check{display:flex;align-items:center;gap:8px;margin-top:4px}.pa-filter-panel .pa-check input{width:17px;height:17px;min-height:auto;margin:0}
.pa-finder-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pa-filter-mobile{display:none;border:1px solid var(--pa-border);background:#fff;border-radius:8px;padding:8px 11px;font-weight:700}
.pa-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px}.pa-pagination button{border:1px solid var(--pa-border);background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.pa-pagination span{color:var(--pa-muted);font-size:.84rem}

/* Single device */
.pa-breadcrumb{font-size:.78rem;color:var(--pa-muted);margin:22px 0 18px}.pa-breadcrumb a:hover{color:var(--pa-primary)}
.pa-device-hero{display:grid;grid-template-columns:minmax(280px,430px) 1fr;gap:50px;align-items:center;padding:28px 0 38px}
.pa-device-gallery{height:430px;display:flex;align-items:center;justify-content:center;border:1px solid var(--pa-border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fafc);padding:30px}.pa-device-gallery img{width:100%;height:100%;object-fit:contain}
.pa-device-summary h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.04;margin-bottom:12px}.pa-device-submeta{display:flex;flex-wrap:wrap;gap:10px;color:var(--pa-muted);font-size:.88rem;margin-bottom:22px}.pa-dot:before{content:"•";margin-inline-end:10px;color:#cbd5e1}
.pa-price-box{display:flex;align-items:flex-end;gap:10px;margin:22px 0}.pa-price-box strong{font-size:1.7rem}.pa-price-box span{font-size:.78rem;color:var(--pa-muted);padding-bottom:5px}
.pa-quick-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.pa-quick-spec{border:1px solid var(--pa-border);border-radius:10px;padding:11px}.pa-quick-spec small{display:block;color:var(--pa-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.pa-quick-spec strong{display:block;margin-top:3px;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sticky-nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--pa-border);border-bottom:1px solid var(--pa-border);margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);overflow:auto}.pa-sticky-nav-inner{max-width:var(--pa-max);margin:auto;display:flex;gap:22px;min-width:max-content;padding:0 24px}.pa-sticky-nav a{display:block;padding:14px 0;font-size:.82rem;font-weight:750;color:#475467}.pa-sticky-nav a:hover{color:var(--pa-primary)}
.pa-spec-section{scroll-margin-top:90px;padding:32px 0;border-bottom:1px solid var(--pa-border)}.pa-spec-section h2{font-size:1.22rem;margin:0 0 14px}.pa-spec-table{border:1px solid var(--pa-border);border-radius:var(--pa-radius);overflow:hidden}.pa-spec-line{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--pa-border)}.pa-spec-line:last-child{border-bottom:0}.pa-spec-line dt,.pa-spec-line dd{margin:0;padding:11px 13px;font-size:.87rem}.pa-spec-line dt{background:#fafbfc;color:#475467;font-weight:750}.pa-spec-line dd{white-space:pre-line}
.pa-device-compat-card{margin-top:28px;border:1px solid #cfe0ff;background:#f7faff;border-radius:var(--pa-radius);padding:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.pa-device-compat-card h3{margin:0 0 5px;font-size:1rem}.pa-device-compat-card p{margin:0;color:var(--pa-muted);font-size:.86rem}

/* Protector single */
.pa-protector-hero{display:grid;grid-template-columns:320px 1fr;gap:38px;align-items:center;padding:28px 0}.pa-protector-image{height:300px;border:1px solid var(--pa-border);background:#fafafa;border-radius:16px;padding:24px;display:grid;place-items:center}.pa-protector-image img{max-width:100%;max-height:100%;object-fit:contain}.pa-protector-meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pa-meta-pill{border:1px solid var(--pa-border);border-radius:999px;padding:5px 9px;font-size:.75rem;color:#475467;background:#fff}

/* Archive */
.pa-archive-head{padding:34px 0 20px}.pa-archive-head h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:8px}.pa-archive-head p{margin:0;color:var(--pa-muted)}

/* RTL */
[dir="rtl"] .pa-compare-table th,[dir="rtl"] .pa-compare-table td{text-align:right}
[dir="rtl"] .pa-spec-row th{left:auto;right:0}

@media (min-width:1100px){.pa-device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pa-home .pa-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1024px){.pa-brand-grid{grid-template-columns:repeat(4,1fr)}.pa-device-hero{grid-template-columns:360px 1fr;gap:30px}.pa-device-gallery{height:360px}.pa-finder-layout{grid-template-columns:240px 1fr}.pa-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .pa-home,.pa-app,.pa-device-single,.pa-protector-single,.pa-device-archive{padding-inline:16px}
  .pa-hero{margin-top:16px;padding:34px 20px;border-radius:16px}.pa-hero h1{font-size:2.25rem}.pa-global-search input{min-height:52px}.pa-hero-actions{flex-direction:column;align-items:stretch}
  .pa-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pa-device-image{height:170px;padding:13px}.pa-device-body{padding:12px}.pa-device-card h3{font-size:.9rem}.pa-mini-specs{font-size:.72rem}.pa-device-footer{align-items:flex-start;flex-direction:column;gap:6px}.pa-add-compare{font-size:.75rem}
  .pa-tools-grid{grid-template-columns:1fr}.pa-brand-grid{grid-template-columns:repeat(2,1fr)}
  .pa-app{padding-top:18px}.pa-app-intro h1{font-size:2.2rem}.pa-tabs{width:100%}.pa-tabs button{flex:1}
  .pa-compat-item{grid-template-columns:1fr}.pa-verified{padding-top:0}.pa-compare-actions{align-items:flex-start;flex-direction:column}
  .pa-finder-layout{display:block}.pa-filter-panel{position:fixed;inset:0 auto 0 0;width:min(88vw,340px);z-index:9999;border-radius:0;transform:translateX(-105%);transition:.2s ease;overflow:auto;top:0;padding:18px;box-shadow:0 0 50px rgba(15,23,42,.25)}[dir="rtl"] .pa-filter-panel{left:auto;right:0;transform:translateX(105%)}.pa-filter-panel.is-open{transform:translateX(0)}.pa-filter-mobile{display:inline-flex}
  .pa-device-hero{grid-template-columns:1fr;gap:24px;padding-top:14px}.pa-device-gallery{height:330px}.pa-device-summary h1{font-size:2.25rem}.pa-quick-specs{grid-template-columns:repeat(2,1fr)}.pa-sticky-nav-inner{padding:0 16px}.pa-spec-line{grid-template-columns:120px 1fr}.pa-device-compat-card{align-items:flex-start;flex-direction:column}.pa-protector-hero{grid-template-columns:1fr}.pa-protector-image{height:250px}
}
@media (max-width:430px){.pa-device-image{height:150px}.pa-device-meta{display:block}.pa-rating{display:block;margin-top:2px}.pa-mini-specs{white-space:normal;min-height:34px}.pa-device-footer strong{font-size:.78rem}.pa-brand-grid{grid-template-columns:1fr 1fr}.pa-spec-line{grid-template-columns:105px 1fr}.pa-spec-line dt,.pa-spec-line dd{padding:10px;font-size:.79rem}}