/*
Theme Name: iPhoneXpert Consumer Guide
Theme URI: https://iphonexpert.com/
Author: iPhoneXpert
Description: Consumer-facing iPhone repair, troubleshooting, calculator, trust, schema, city, global, device, blog, and buying guide theme.
Version: 1.10.1
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: Proprietary
Text Domain: iphonexpert
*/


:root{
  --bg:#f7f8fb;
  --ink:#111827;
  --muted:#5b6475;
  --line:#dfe4ee;
  --panel:#ffffff;
  --brand:#183153;
  --brand2:#2563eb;
  --soft:#eaf1ff;
  --accent:#14b8a6;
  --warning:#fff7ed;
  --danger:#fee2e2;
  --radius:22px;
  --shadow:0 22px 60px rgba(17,24,39,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--brand2);text-decoration:none}
a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:16px;top:16px;width:auto;height:auto;background:#fff;padding:10px 14px;border-radius:12px;z-index:9999}
.container{width:min(1140px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900;letter-spacing:-.03em;font-size:1.25rem}
.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(37,99,235,.22)}
.nav-toggle{display:none;border:0;background:var(--brand);color:#fff;border-radius:12px;padding:10px 12px;font-weight:800}
.main-nav{display:flex;align-items:center;gap:18px;font-weight:750;font-size:.94rem}
.main-nav a{color:#1f2937}
.header-cta{background:var(--ink);color:#fff!important;padding:10px 14px;border-radius:999px}
.hero{padding:68px 0 42px;background:
  radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 30%),
  radial-gradient(circle at 80% 10%,rgba(20,184,166,.18),transparent 26%),
  linear-gradient(180deg,#fff, var(--bg))}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:var(--soft);border:1px solid #d7e5ff;color:#1e3a8a;border-radius:999px;font-size:.88rem;font-weight:800;margin-bottom:18px}
h1{font-size:clamp(2.15rem,5vw,4.3rem);line-height:.98;margin:0 0 18px;letter-spacing:-.06em}
h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.08;margin:0 0 14px;letter-spacing:-.035em}
h3{font-size:1.18rem;line-height:1.2;margin:0 0 10px;letter-spacing:-.015em}
p{margin:0 0 16px}
.lede{font-size:1.15rem;color:var(--muted);max-width:68ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;padding:12px 18px;font-weight:850;text-decoration:none!important;cursor:pointer}
.button.primary{background:var(--brand2);color:#fff;box-shadow:0 14px 28px rgba(37,99,235,.22)}
.button.dark{background:var(--ink);color:#fff}
.button.secondary{background:#fff;color:var(--brand);border-color:var(--line)}
.button.full{width:100%}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:#374151;font-size:.88rem;font-weight:750}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.form-card{padding:22px}
.form-card h2{font-size:1.45rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .span-2{grid-column:span 2}
label{display:block;font-size:.82rem;color:#374151;font-weight:850;margin:0 0 6px}
input,select,textarea{width:100%;border:1px solid #cfd7e6;border-radius:14px;padding:12px 12px;font:inherit;background:#fff;color:var(--ink)}
textarea{min-height:96px;resize:vertical}
.form-note{font-size:.82rem;color:var(--muted);margin-top:10px}
.section{padding:48px 0}
.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}
.section-head p{max-width:64ch;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.feature-card{padding:22px}
.feature-card .icon{width:42px;height:42px;border-radius:14px;background:var(--soft);display:grid;place-items:center;margin-bottom:14px;font-weight:900;color:var(--brand2)}
.feature-card p,.article-card p{color:var(--muted)}
.article-card{padding:20px;display:flex;flex-direction:column;min-height:210px}
.article-card .meta{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900;margin-bottom:8px}
.article-card .read{margin-top:auto;font-weight:900}
.breadcrumbs{font-size:.88rem;margin-bottom:18px;color:#64748b}
.breadcrumbs a{color:#334155}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.article-main{padding:34px}
.article-main h1{font-size:clamp(2rem,4vw,3.55rem)}
.article-main h2{margin-top:34px}
.article-main ul,.article-main ol{padding-left:1.25rem;margin:0 0 18px}
.article-main li{margin:8px 0}
.toc{padding:18px;position:sticky;top:88px}
.toc ul{list-style:none;margin:0;padding:0}
.toc li{border-bottom:1px solid var(--line)}
.toc li:last-child{border-bottom:0}
.toc a{display:block;padding:10px 0;color:#334155;font-weight:750}
.notice{border-radius:18px;padding:16px 18px;margin:20px 0;border:1px solid var(--line);background:#f8fafc}
.notice strong{display:block;margin-bottom:4px}
.notice.warning{background:var(--warning);border-color:#fed7aa}
.notice.danger{background:var(--danger);border-color:#fecaca}
.callout{background:linear-gradient(135deg,var(--brand),#0f766e);color:#fff;border-radius:var(--radius);padding:24px;margin:28px 0}
.callout p{color:rgba(255,255,255,.84)}
.callout .button{background:#fff;color:var(--brand)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;margin:18px 0}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#f1f5f9;font-size:.84rem;text-transform:uppercase;letter-spacing:.06em}
tr:last-child td{border-bottom:0}
.faq details{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 16px;margin:10px 0}
.faq summary{font-weight:900;cursor:pointer}
.sidebar-stack{display:flex;flex-direction:column;gap:16px}
.side-box{padding:18px}
.side-box h3{font-size:1.05rem}
.side-box ul{margin:0;padding-left:1.1rem}
.side-box li{margin:8px 0}
.estimator{padding:22px}
.result{display:none;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px;padding:14px;margin-top:14px}
.result.show{display:block}
.footer{background:#0b1220;color:#cbd5e1;padding:42px 0 22px;margin-top:40px}
.footer a{color:#e0f2fe}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;gap:24px;margin-bottom:28px}
.footer h3{color:#fff}
.footer p{color:#94a3b8}
.footer ul{margin:0;padding:0;list-style:none}
.footer li{margin:9px 0}
.disclaimer{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:.82rem;color:#94a3b8}
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}
.kpi strong{display:block;font-size:1.35rem;letter-spacing:-.04em}
.kpi span{color:var(--muted);font-size:.88rem;font-weight:750}
.quick-paths{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.quick-paths a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:var(--shadow-soft)}
.quick-paths a:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .main-nav{position:absolute;top:68px;left:18px;right:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;display:none;flex-direction:column;align-items:stretch}
  .main-nav.open{display:flex}
  .main-nav a{padding:10px 12px}
  .hero-grid,.article-layout,.grid-2,.grid-3,.footer-grid{grid-template-columns:1fr}
  .toc{position:static}
  .kpi-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .container{width:min(100% - 24px,1140px)}
  .form-grid{grid-template-columns:1fr}
  .form-grid .span-2{grid-column:auto}
  .hero{padding-top:42px}
  .article-main{padding:22px}
  .kpi-strip{grid-template-columns:1fr}
}


.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}


/* Blog and contributor expansion */
.hero.compact{padding:56px 0 34px}
.blog-hero{padding-bottom:54px}
.main-nav{gap:12px;font-size:.9rem}
.header-cta{padding:9px 13px}
.category-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;color:#334155;font-size:.86rem;font-weight:850;text-decoration:none!important}
.chip:hover{background:var(--soft);text-decoration:none}
.post-grid{align-items:stretch}
.post-card{overflow:hidden}
.post-card .meta a,.blog-single .breadcrumbs a,.blog-single .post-meta-row a{color:#475569}
.post-thumb{display:block;margin:-20px -20px 16px;aspect-ratio:16/10;background:#e5e7eb;overflow:hidden}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.single-featured-image{margin:22px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#e5e7eb}
.single-featured-image img{width:100%;height:auto;display:block}
.post-meta-row{font-size:.9rem;color:#64748b;font-weight:800;margin-bottom:12px}
.blog-search-card .search-form{margin:12px 0 18px}
.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.blog-prompt-box{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.blog-prompt-box p{color:var(--muted);margin:6px 0 8px}
.pagination-wrap{margin-top:28px;display:flex;justify-content:center}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;font-weight:850;color:#334155;text-decoration:none!important}
.page-numbers.current{background:var(--brand2);color:#fff;border-color:var(--brand2)}
.creator-box{background:linear-gradient(180deg,#fff,#eef6ff)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.prose{max-width:860px}
.prose h1{font-size:clamp(2rem,4vw,3.2rem)}
.prose p{color:var(--muted)}
.blog-single .wp-block-image img{border-radius:18px;border:1px solid var(--line)}
.blog-single blockquote{border-left:4px solid var(--brand2);padding:12px 18px;margin:24px 0;background:#f8fafc;border-radius:0 16px 16px 0;color:#334155}
.blog-single pre,.blog-single code{background:#0b1220;color:#e2e8f0;border-radius:12px}
.blog-single pre{padding:16px;overflow:auto}
@media (max-width:1080px){
  .main-nav{gap:8px;font-size:.84rem}
  .header-cta{padding:8px 10px}
}
@media (max-width:900px){
  .main-nav{gap:0;font-size:.94rem}
  .search-row{grid-template-columns:1fr}
}


/* City map experience */
.phone-map{padding:18px;background:linear-gradient(160deg,#0f172a,#1d4ed8);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.22)}
.phone-shell{width:min(360px,100%);margin:0 auto;border:10px solid #101827;border-radius:44px;background:#101827;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 26px 58px rgba(0,0,0,.28);overflow:hidden}
.phone-shell.small{max-width:310px}
.phone-top{height:24px;background:#101827;position:relative}
.phone-top:after{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:76px;height:7px;border-radius:999px;background:#1f2937}
.phone-screen{background:linear-gradient(180deg,#f8fafc,#eaf1ff);color:#0f172a;min-height:460px;padding:18px;display:flex;flex-direction:column;gap:16px}
.phone-shell.small .phone-screen{min-height:300px;justify-content:center;text-align:center}
.mini-map{position:relative;height:230px;border-radius:26px;background:radial-gradient(circle at 30% 20%,rgba(37,99,235,.25),transparent 28%),linear-gradient(180deg,#dbeafe,#ecfeff);overflow:hidden;border:1px solid rgba(15,23,42,.08)}
.us-shape{position:absolute;left:7%;right:7%;top:18%;bottom:14%;background:rgba(15,49,83,.12);clip-path:polygon(3% 38%,13% 22%,28% 18%,40% 24%,51% 18%,66% 21%,78% 28%,92% 32%,96% 47%,85% 62%,73% 64%,64% 76%,48% 73%,37% 80%,22% 70%,12% 62%,6% 50%)}
.map-dot{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;border-radius:999px;border:3px solid #fff;background:#2563eb;box-shadow:0 0 0 8px rgba(37,99,235,.18),0 10px 25px rgba(15,23,42,.22);transform:translate(-50%,-50%);cursor:pointer;transition:.18s ease}
.map-dot:hover,.map-dot.active{background:#14b8a6;transform:translate(-50%,-50%) scale(1.22);box-shadow:0 0 0 12px rgba(20,184,166,.2),0 12px 30px rgba(15,23,42,.28)}
.phone-info{background:#fff;border-radius:24px;padding:18px;border:1px solid var(--line);box-shadow:0 18px 38px rgba(15,23,42,.08)}
.phone-info span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64748b}.phone-info h2{font-size:1.6rem;margin-top:6px}.phone-info p{color:#475569}.phone-info .button{width:100%}
.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.city-card{text-align:left;border:1px solid var(--line);padding:16px;cursor:pointer;background:#fff;transition:.18s ease}.city-card:hover,.city-card.active{transform:translateY(-3px);border-color:#2563eb;box-shadow:0 20px 45px rgba(37,99,235,.14);text-decoration:none}.city-card span{display:block;color:#2563eb;font-weight:950;font-size:.82rem;margin-bottom:8px}.city-card strong{display:block;color:#0f172a;font-size:1.05rem;line-height:1.12}.city-card em{display:block;color:#64748b;font-style:normal;margin-top:4px}
.check-list{list-style:none;padding:0;margin:18px 0}.check-list li{position:relative;padding-left:28px;margin:10px 0;color:#334155;font-weight:750}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;background:#dcfce7;color:#166534;display:grid;place-items:center;font-size:.78rem;font-weight:900}.city-link-list{columns:2;gap:34px}.city-link-list li{break-inside:avoid;margin:9px 0}.city-phone-card{padding:20px;background:linear-gradient(135deg,#ffffff,#dbeafe)}.city-signal{display:flex;justify-content:center;align-items:flex-end;gap:5px;margin-top:18px}.city-signal span{width:10px;border-radius:999px;background:#2563eb}.city-signal span:nth-child(1){height:18px}.city-signal span:nth-child(2){height:28px}.city-signal span:nth-child(3){height:38px}.city-signal span:nth-child(4){height:48px;background:#14b8a6}
.form-intro{color:var(--muted);margin-top:-4px;margin-bottom:16px}
@media(max-width:980px){.city-grid{grid-template-columns:repeat(2,1fr)}.city-link-list{columns:1}.phone-shell{max-width:330px}}
@media(max-width:560px){.city-grid{grid-template-columns:1fr}.phone-screen{min-height:430px}.mini-map{height:200px}}


/* v1.5 growth pack */
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.city-pill{display:block;border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 14px;text-align:center;font-weight:900;box-shadow:0 10px 25px rgba(15,23,42,.06)}.lede.small{font-size:1.04rem;max-width:820px}.calculator-card select,.calculator-card input,.checklist-tool input[type="checkbox"]{accent-color:#2563eb}.result-box{margin-top:18px;padding:18px;border-radius:20px;background:#eff6ff;border:1px solid #bfdbfe}.result-box strong{display:block;color:#0f172a;font-size:1.12rem;margin-bottom:8px}.result-box p{margin:0;color:#475569}.comparison-table-wrap{overflow-x:auto;border-radius:24px;border:1px solid var(--line);box-shadow:0 16px 40px rgba(15,23,42,.07)}.comparison-table{width:100%;border-collapse:collapse;background:#fff}.comparison-table th,.comparison-table td{text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top}.comparison-table th{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#475569;background:#f8fafc}.comparison-table tr:last-child td{border-bottom:0}.checklist-progress{display:inline-flex;gap:6px;align-items:center;margin:8px 0 14px;padding:8px 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:950}.interactive-checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.interactive-checklist li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-weight:800}.interactive-checklist label{display:flex;gap:10px;align-items:center;cursor:pointer}.global-screen{justify-content:center;text-align:center}.global-orbit{position:relative;margin:26px auto 0;width:210px;height:210px;border-radius:999px;border:1px dashed rgba(37,99,235,.45);display:grid;place-items:center;background:radial-gradient(circle, #eff6ff 0, #dbeafe 58%, #bfdbfe 100%)}.global-orbit strong{width:88px;height:88px;border-radius:26px;background:#0f172a;color:#fff;display:grid;place-items:center;box-shadow:0 18px 35px rgba(15,23,42,.28)}.global-orbit span{position:absolute;width:20px;height:20px;background:#2563eb;border:4px solid #fff;border-radius:999px;box-shadow:0 10px 20px rgba(37,99,235,.3)}.global-orbit span:nth-child(1){top:18px;left:48px}.global-orbit span:nth-child(2){right:22px;top:80px;background:#14b8a6}.global-orbit span:nth-child(3){bottom:25px;left:75px;background:#f59e0b}.mini h3{margin-top:0}.mini p{margin-bottom:0}
@media(max-width:1100px){.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.grid-5,.grid-4,.grid-2{grid-template-columns:1fr}.comparison-table th,.comparison-table td{padding:12px}}


/* v1.6 trust and conversion upgrade */
.prose .check-list{margin-top:10px}.article-trust-box{margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#f8fafc}.article-trust-box h2{font-size:1.45rem}.trust-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.trust-mini-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.trust-mini-grid strong{display:block;color:#0f172a;font-size:.86rem;text-transform:uppercase;letter-spacing:.06em}.trust-mini-grid span{display:block;color:#475569;margin-top:4px}.calculator-card{padding:24px}.form-intro{color:var(--muted);margin-top:-6px}.faq-block{display:grid;gap:12px}.faq-item{padding:18px;border-radius:18px;border:1px solid var(--line);background:#fff}.faq-item h3{margin-bottom:6px}.mini-note{font-size:.88rem;color:var(--muted)}
@media(max-width:760px){.trust-mini-grid{grid-template-columns:1fr}.main-nav{gap:12px}}

/* v1.6.1 UI polish and expanded cities */
.hero-card{padding:30px 34px}
.hero-card h2{font-size:clamp(1.8rem,3.2vw,3.15rem);letter-spacing:-.05em;line-height:.98;margin-bottom:18px}
.quick-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.quick-list li{margin:0}
.quick-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);font-weight:850;color:#1d4ed8;box-shadow:0 8px 22px rgba(15,23,42,.05);text-decoration:none!important}
.quick-list a:after{content:"→";font-weight:900;color:#94a3b8;transition:transform .18s ease,color .18s ease}
.quick-list a:hover{border-color:#bfdbfe;box-shadow:0 16px 32px rgba(37,99,235,.12);transform:translateY(-1px)}
.quick-list a:hover:after{transform:translateX(3px);color:#2563eb}
.quick-list .label{display:flex;align-items:center;gap:12px}
.quick-list .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 0 0 5px rgba(37,99,235,.10)}
.hero-card .mini-note{margin-top:14px}
.mini-map{position:relative;height:240px;border-radius:28px;background:radial-gradient(circle at 24% 20%,rgba(37,99,235,.22),transparent 24%),linear-gradient(180deg,#dbeafe,#f0f9ff);overflow:hidden;border:1px solid rgba(15,23,42,.08)}
.us-shape{position:absolute;left:5%;right:6%;top:16%;bottom:13%;background:rgba(15,49,83,.14);clip-path:polygon(2% 37%,5% 34%,6% 29%,8% 26%,11% 22%,15% 18%,20% 18%,24% 16%,29% 17%,33% 19%,38% 18%,42% 15%,47% 15%,50% 13%,55% 15%,59% 18%,63% 18%,67% 19%,71% 22%,76% 24%,82% 25%,87% 27%,91% 31%,95% 35%,96% 41%,93% 44%,92% 49%,90% 54%,86% 59%,82% 63%,77% 64%,74% 66%,70% 69%,67% 73%,63% 77%,58% 78%,54% 77%,49% 74%,45% 73%,40% 73%,35% 76%,31% 80%,27% 79%,23% 76%,19% 72%,16% 68%,11% 64%,8% 58%,5% 52%,3% 46%)}
.us-shape:before{content:"";position:absolute;left:18%;bottom:-16%;width:9%;height:8%;background:rgba(15,49,83,.14);clip-path:polygon(12% 55%,22% 35%,42% 28%,62% 34%,77% 49%,70% 67%,48% 74%,25% 70%)}
.us-shape:after{content:"";position:absolute;left:29%;bottom:-10%;width:4%;height:3%;border-radius:999px;background:rgba(15,49,83,.14)}
.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.city-card{border-radius:18px}
.city-card em{font-size:.92rem}
.city-link-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.city-link-columns h3{margin-bottom:8px}
.city-link-columns ul{list-style:none;margin:0;padding:0}
.city-link-columns li{margin:9px 0}
@media(max-width:980px){.city-link-columns{grid-template-columns:1fr}.hero-card{padding:24px}.hero-card h2{font-size:2.2rem}}
@media(max-width:560px){.hero-card{padding:20px}.quick-list a{padding:13px 14px}.hero-card h2{font-size:1.9rem}.mini-map{height:208px}}
/* v1.6.2 homepage/footer/map refinement */
.hero-card{padding:32px 34px;border-radius:30px}
.hero-card h2{font-size:clamp(1.85rem,3.3vw,3.2rem);letter-spacing:-.055em;line-height:.98;margin-bottom:8px}
.hero-card .quick-intro{color:var(--muted);margin:0 0 18px;font-size:1rem}
.quick-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.quick-list li{margin:0}
.quick-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);font-weight:850;color:#183153;box-shadow:0 8px 20px rgba(15,23,42,.05);text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.quick-list a:after{content:"View";font-weight:900;font-size:.86rem;letter-spacing:.01em;color:#2563eb;background:#eef4ff;border:1px solid #dbe7ff;padding:8px 12px;border-radius:999px}
.quick-list a:hover{border-color:#bfdbfe;box-shadow:0 18px 34px rgba(37,99,235,.12);transform:translateY(-1px)}
.quick-list .label{display:flex;align-items:center;gap:12px}
.quick-list .dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#14b8a6);box-shadow:0 0 0 5px rgba(37,99,235,.10)}
.hero-card .mini-note{margin-top:14px;color:#64748b}
.phone-map{padding:20px;background:linear-gradient(160deg,#0b1730,#1d4ed8 68%,#1e3a8a);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.22)}
.mini-map{position:relative;height:244px;border-radius:28px;background:radial-gradient(circle at 24% 20%,rgba(37,99,235,.18),transparent 24%),linear-gradient(180deg,#dbeafe,#f8fbff);overflow:hidden;border:1px solid rgba(15,23,42,.08)}
.us-shape{position:absolute;left:4.5%;right:5.5%;top:14%;bottom:11%;background:linear-gradient(180deg,rgba(15,49,83,.16),rgba(15,49,83,.12));clip-path:polygon(1% 41%,3% 34%,6% 30%,7% 26%,10% 22%,13% 19%,17% 15%,23% 14%,27% 15%,31% 18%,35% 17%,39% 16%,44% 12%,48% 12%,52% 14%,57% 17%,61% 17%,65% 19%,70% 23%,74% 24%,79% 26%,84% 27%,89% 30%,93% 34%,96% 40%,97% 48%,94% 51%,92% 56%,89% 60%,85% 64%,79% 65%,75% 67%,71% 70%,68% 75%,64% 78%,58% 79%,54% 78%,49% 75%,44% 73%,39% 73%,34% 77%,30% 82%,25% 81%,20% 77%,16% 72%,12% 68%,8% 62%,5% 56%,2% 50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.us-shape:before{content:"";position:absolute;left:17%;bottom:-18%;width:10%;height:8%;background:rgba(15,49,83,.14);clip-path:polygon(12% 58%,22% 33%,42% 24%,65% 33%,80% 49%,74% 69%,50% 76%,26% 70%)}
.us-shape:after{content:"";position:absolute;left:30%;bottom:-11%;width:4.5%;height:3.4%;border-radius:999px;background:rgba(15,49,83,.15)}
.city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.city-card{border-radius:18px;padding:16px 14px}
.city-card strong{font-size:1.02rem}
.city-card em{font-size:.92rem}
.footer-grid{grid-template-columns:1.05fr .9fr .9fr .95fr}
@media(max-width:980px){.hero-card{padding:24px}.hero-card h2{font-size:2.2rem}.footer-grid{grid-template-columns:1fr 1fr}.city-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-card{padding:20px}.hero-card h2{font-size:1.9rem}.quick-list a{padding:13px 14px}.quick-list a:after{padding:7px 11px}.mini-map{height:210px}.footer-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:1fr}}

/* v1.7 remote digital help service */
.digital-help-card{background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.digital-help-card .badge-row{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}
.digital-help-card .badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #dbe7ff;background:#fff;border-radius:999px;padding:8px 12px;color:#1e3a8a;font-weight:850;font-size:.88rem}
.service-steps{counter-reset:service;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service-step{position:relative;padding:22px;border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.service-step:before{counter-increment:service;content:counter(service);display:grid;place-items:center;width:36px;height:36px;border-radius:13px;background:#2563eb;color:#fff;font-weight:950;margin-bottom:14px}
.help-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.help-price{padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.help-price strong{display:block;font-size:1.7rem;letter-spacing:-.05em;margin:8px 0;color:#0f172a}
.help-price .meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}
.help-price ul{padding-left:1.1rem;margin:12px 0 18px}
.help-price li{margin:7px 0;color:#475569}
.safety-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.safety-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff}
.safety-card h3{display:flex;align-items:center;gap:8px}
.safety-card h3:before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#dcfce7;color:#166534;font-size:.8rem;font-weight:950}
@media(max-width:900px){.service-steps,.help-price-grid,.safety-grid{grid-template-columns:1fr}}


/* v1.7.1 checkbox and checklist layout fix */
input[type="checkbox"],
input[type="radio"]{
  width:auto;
  min-width:18px;
  height:18px;
  padding:0;
  margin:2px 0 0;
  flex:0 0 auto;
  border-radius:4px;
  box-shadow:none;
}
.interactive-checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.interactive-checklist li{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:0;
  font-weight:800;
  overflow:hidden;
}
.interactive-checklist label{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:flex-start;
  gap:12px;
  width:100%;
  padding:14px 16px;
  cursor:pointer;
  color:#334155;
  line-height:1.35;
}
.interactive-checklist label:hover{
  background:#f8fbff;
}
.interactive-checklist input[type="checkbox"]{
  margin-top:2px;
}
.interactive-checklist input[type="checkbox"]:checked + span{
  color:#0f172a;
}
.checklist-tool .result-box{
  margin-top:18px;
}


/* v1.7.2 improved U.S. map silhouette */
.mini-map{height:248px;background:radial-gradient(circle at 24% 18%,rgba(37,99,235,.16),transparent 26%),linear-gradient(180deg,#dce9ff,#f4fbff)}
.us-shape{
  position:absolute;
  left:4%; right:5%; top:12%; bottom:10%;
  background:linear-gradient(180deg,rgba(84,104,132,.20),rgba(84,104,132,.15));
  clip-path:polygon(
    3% 47%,5% 41%,8% 35%,10% 31%,13% 26%,18% 24%,23% 23%,28% 22%,33% 24%,38% 26%,43% 24%,48% 20%,53% 19%,58% 20%,63% 22%,68% 25%,73% 28%,78% 30%,83% 31%,88% 34%,92% 38%,94% 45%,95% 50%,93% 53%,92% 58%,90% 61%,88% 65%,85% 69%,82% 72%,78% 74%,75% 76%,72% 78%,69% 84%,66% 88%,62% 90%,58% 88%,54% 86%,51% 81%,48% 79%,44% 79%,40% 80%,36% 83%,32% 87%,28% 90%,24% 89%,20% 84%,17% 79%,14% 75%,11% 69%,8% 62%,6% 56%
  );
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.us-shape:before{
  content:"";
  position:absolute;
  right:13%; top:26%;
  width:8%; height:14%;
  background:rgba(84,104,132,.18);
  clip-path:polygon(18% 0,55% 8%,82% 22%,92% 46%,88% 70%,70% 95%,45% 86%,33% 65%,18% 42%,8% 18%);
}
.us-shape:after{
  content:"";
  position:absolute;
  right:20%; bottom:-4%;
  width:6%; height:14%;
  background:rgba(84,104,132,.18);
  clip-path:polygon(20% 0,55% 6%,68% 18%,76% 34%,66% 52%,62% 70%,68% 100%,44% 90%,28% 72%,18% 48%,10% 22%);
  transform:rotate(8deg);
}
.map-dot{width:17px;height:17px;border-width:4px;box-shadow:0 0 0 10px rgba(37,99,235,.16),0 10px 24px rgba(15,23,42,.20)}
.map-dot:hover,.map-dot.active{box-shadow:0 0 0 14px rgba(20,184,166,.18),0 12px 30px rgba(15,23,42,.24)}
@media(max-width:560px){.mini-map{height:214px}}


/* v1.7.3 finalized U.S. map and fallback site icon */
.mini-map{height:252px;background:radial-gradient(circle at 22% 18%,rgba(37,99,235,.14),transparent 28%),linear-gradient(180deg,#dbe8ff,#f4fbff)}
.us-shape{
  position:absolute;left:3%;right:4%;top:10%;bottom:8%;
  background:transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20960%20560%27%3E%0A%3Cpath%20fill%3D%27rgba%2884%2C104%2C132%2C0.55%29%27%20d%3D%27M63%20275l17-49%2033-52%2029-29%2046-30%2060-17%2087-2%2077%2018%2061%2017%2043-9%2065-31%2055-8%2071%2010%2064%2022%2059%2017%2054%2012%2041%2025%2034%2029%2018%2043-6%2041-26%2014-15%2042-25%2025-25%2032-20%2024-17%2042-29%2011-42-4-47-22-39-37-35%2021-33%2035-33%2033-43%2012-58-6-48-31-42%209-41%2028-45%2032-54%2031-37-4-34-26-41-37-50-53-46-45-28-34-21-29-4-30%2012-23%2011-19z%27/%3E%0A%3Cpath%20fill%3D%27rgba%2884%2C104%2C132%2C0.45%29%27%20d%3D%27M785%20148l31-7%2022%2010%2017%2018%207%2020-9%2018-19%206-18-5-19-19-14-19%202-22z%27/%3E%0A%3Cpath%20fill%3D%27rgba%2884%2C104%2C132%2C0.45%29%27%20d%3D%27M734%20384l18%206%2013%2019%208%2022%200%2024-9%2029-15%2019-24%204-13-18%200-28%206-27%206-18%2010-32z%27/%3E%0A%3Cpath%20fill%3D%27rgba%2884%2C104%2C132%2C0.45%29%27%20d%3D%27M208%20481l21-8%2031%209%2018%2020-6%2024-28%2012-24-8-17-17%205-32z%27/%3E%0A%3C/svg%3E") center/contain no-repeat;
  clip-path:none !important;box-shadow:none !important;
}
.us-shape:before,.us-shape:after{display:none !important;content:none !important}
.map-dot{width:16px;height:16px;border-width:4px;box-shadow:0 0 0 10px rgba(37,99,235,.16),0 10px 24px rgba(15,23,42,.18)}
.map-dot:hover,.map-dot.active{box-shadow:0 0 0 15px rgba(20,184,166,.18),0 12px 30px rgba(15,23,42,.22)}
@media(max-width:560px){.mini-map{height:216px}}


/* v1.7.4 city card overflow and spacing fix */
.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:start}
.two-col > *{min-width:0}
.grid-2 > *{min-width:0}
.card.mini{padding:20px 22px;overflow:hidden}
.card.mini h3,.card.mini p{max-width:100%;overflow-wrap:anywhere;word-break:normal}
.card.mini h3{margin:0 0 12px;line-height:1.08;font-size:clamp(1.2rem,2.2vw,1.5rem)}
.card.mini p{margin:0;color:#334155;font-size:1.02rem;line-height:1.45}
.city-phone-card{padding:24px;overflow:hidden}
.section .grid-2 .card{height:100%}
@media(max-width:900px){.two-col{grid-template-columns:1fr}.card.mini{padding:18px 18px}}


/* v1.7.5 stable launch header */
.site-header{
  background:rgba(255,255,255,.96);
  box-shadow:0 1px 0 rgba(15,23,42,.06);
}
.header-inner{
  min-height:72px;
}
.logo{
  white-space:nowrap;
  text-decoration:none!important;
}
.logo:hover{
  text-decoration:none!important;
}
.main-nav{
  flex-wrap:nowrap;
  gap:16px;
  white-space:nowrap;
}
.main-nav a{
  text-decoration:none!important;
}
.main-nav a:hover{
  color:var(--brand2);
}
.main-nav .hide-on-medium{
  display:inline-flex;
}
.header-cta{
  flex:0 0 auto;
}
@media(max-width:1120px){
  .main-nav{
    gap:12px;
    font-size:.9rem;
  }
  .main-nav .hide-on-medium{
    display:none;
  }
}
@media(max-width:860px){
  .nav-toggle{display:inline-flex}
  .main-nav{
    display:none;
    position:absolute;
    left:18px;
    right:18px;
    top:74px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:10px;
    box-shadow:var(--shadow);
    white-space:normal;
  }
  .main-nav.open{display:flex}
  .main-nav a{
    padding:12px 14px;
    border-radius:12px;
  }
  .main-nav a:hover{
    background:#f8fafc;
  }
  .main-nav .hide-on-medium{
    display:block;
  }
  .header-cta{
    text-align:center;
    margin-top:6px;
  }
}


/* v1.8.0 logo integration + improved remote help */
.logo{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:900;letter-spacing:-.03em;font-size:1.25rem;white-space:nowrap}
.logo-image{display:block;height:42px;width:auto;max-width:min(340px,40vw)}
.logo-text{position:absolute;left:-9999px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.footer-logo{display:block;height:36px;width:auto;max-width:260px}
.remote-highlight{padding:26px;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-radius:28px;box-shadow:0 20px 50px rgba(15,23,42,.22)}
.remote-highlight p{color:rgba(255,255,255,.86)}
.remote-list{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:10px}
.remote-list li{display:flex;align-items:flex-start;gap:10px}
.remote-list li:before{content:'✓';display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:.8rem;font-weight:900;margin-top:2px}
.help-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.help-include{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff}
.help-include ul{margin:0;padding-left:1.05rem}
.help-include li{margin:8px 0;color:#475569}
.remote-sessions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.remote-session{padding:22px;border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 14px 34px rgba(15,23,42,.06)}
.remote-session .price{font-size:2rem;line-height:1;letter-spacing:-.05em;font-weight:950;margin:12px 0 8px;color:#0f172a}
.remote-session .meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:900}
.remote-session ul{margin:12px 0 0;padding-left:1rem}
.remote-session li{margin:7px 0;color:#475569}
@media(max-width:980px){.help-detail-grid,.remote-sessions{grid-template-columns:1fr}.logo-image{max-width:250px}}
@media(max-width:640px){.logo-image{height:34px;max-width:210px}.footer-logo{height:30px}}


/* v1.8.3 corrected iPhoneXpert logo cache-bust */
.logo-image{height:44px;width:auto;max-width:min(390px,42vw);object-fit:contain}
.footer-logo{height:38px;width:auto;max-width:285px;object-fit:contain}
@media(max-width:640px){.logo-image{height:34px;max-width:220px}.footer-logo{height:31px}}


/* v1.8.4 footer white logo */
.footer-logo-white{height:42px;max-width:320px;object-fit:contain}
@media(max-width:640px){.footer-logo-white{height:34px;max-width:240px}}

/* v1.8.5 accessories header link fix */


/* v1.8.6 larger footer logo */
.footer-brand{margin-bottom:18px}
.footer-logo-white{height:56px !important;max-width:420px !important;object-fit:contain}
@media(max-width:640px){.footer-logo-white{height:44px !important;max-width:300px !important}}


/* v1.8.7 city-page stable global header */
.site-header,
.site-header *{
  box-sizing:border-box;
}
.site-header{
  position:relative;
  z-index:1000;
  isolation:isolate;
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  width:100%;
}
.logo{
  flex:0 0 auto;
  min-width:0;
}
.logo-image{
  height:44px;
  width:auto;
  max-width:330px;
  object-fit:contain;
}
.main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1 1 auto;
  min-width:0;
  gap:15px;
  margin-left:auto;
}
.main-nav a{
  flex:0 0 auto;
  line-height:1;
}
.main-nav .header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
}
body.page-template-default .site-header .main-nav,
body.home .site-header .main-nav,
body.archive .site-header .main-nav,
body.single .site-header .main-nav{
  display:flex;
}
@media(max-width:1180px){
  .logo-image{max-width:285px;height:40px}
  .main-nav{gap:11px;font-size:.9rem}
  .main-nav .hide-on-medium{display:none}
}
@media(max-width:860px){
  .logo-image{height:36px;max-width:230px}
  .nav-toggle{display:inline-flex}
  body.page-template-default .site-header .main-nav,
  body.home .site-header .main-nav,
  body.archive .site-header .main-nav,
  body.single .site-header .main-nav,
  .main-nav{
    display:none;
    position:absolute;
    left:18px;
    right:18px;
    top:74px;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    margin-left:0;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:10px;
    box-shadow:var(--shadow);
    white-space:normal;
  }
  body.page-template-default .site-header .main-nav.open,
  body.home .site-header .main-nav.open,
  body.archive .site-header .main-nav.open,
  body.single .site-header .main-nav.open,
  .main-nav.open{
    display:flex;
  }
  .main-nav .hide-on-medium{display:block}
  .main-nav a{
    display:block;
    width:100%;
    padding:13px 14px;
    border-radius:12px;
  }
  .main-nav .header-cta{
    display:flex;
    width:100%;
    margin-top:6px;
  }
}


/* v1.8.8 accessories/header alignment fix */
.site-header{
  width:100%;
}
.site-header .container,
.header-inner{
  max-width:1200px !important;
  width:calc(100% - 40px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.header-inner{
  padding-left:0 !important;
  padding-right:0 !important;
}
.logo{
  margin-left:0 !important;
}
.logo-image{
  height:44px;
  width:auto;
  max-width:310px;
  object-fit:contain;
}
.main-nav{
  margin-left:auto;
}
@media(min-width:1201px){
  .site-header .container,
  .header-inner{
    width:1200px !important;
  }
}
@media(max-width:1180px){
  .site-header .container,
  .header-inner{
    width:calc(100% - 32px) !important;
  }
  .logo-image{
    height:40px;
    max-width:280px;
  }
}
@media(max-width:860px){
  .site-header .container,
  .header-inner{
    width:calc(100% - 28px) !important;
  }
  .main-nav{
    left:14px;
    right:14px;
  }
}


/* v1.8.9 full-audit footer path repair */
.footer-logo-white{height:56px !important;max-width:420px !important;object-fit:contain}
@media(max-width:640px){.footer-logo-white{height:44px !important;max-width:300px !important}}


/* v1.9.4 mobile menu reliability patch */
.screen-reader-text{
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important;
}
@media(max-width:900px){
  .site-header{
    position:relative;
    z-index:9999;
  }
  .header-inner{
    position:relative;
    min-height:72px;
  }
  .nav-toggle,
  button.nav-toggle,
  [data-nav-toggle]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:54px!important;
    min-height:54px!important;
    width:54px!important;
    height:54px!important;
    padding:0!important;
    margin-left:auto!important;
    border:1px solid rgba(148,163,184,.45)!important;
    border-radius:18px!important;
    background:#ffffff!important;
    color:#0f172a!important;
    box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:10001!important;
    line-height:1!important;
    font-size:0!important;
  }
  .nav-toggle span[aria-hidden="true"],
  button.nav-toggle span[aria-hidden="true"],
  [data-nav-toggle] span[aria-hidden="true"]{
    display:block!important;
    width:24px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:999px!important;
    position:relative!important;
    transition:background .16s ease!important;
    pointer-events:none!important;
  }
  .nav-toggle span[aria-hidden="true"]::before,
  .nav-toggle span[aria-hidden="true"]::after,
  button.nav-toggle span[aria-hidden="true"]::before,
  button.nav-toggle span[aria-hidden="true"]::after,
  [data-nav-toggle] span[aria-hidden="true"]::before,
  [data-nav-toggle] span[aria-hidden="true"]::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    width:24px!important;
    height:2px!important;
    background:currentColor!important;
    border-radius:999px!important;
    transition:transform .18s ease, top .18s ease!important;
  }
  .nav-toggle span[aria-hidden="true"]::before,
  button.nav-toggle span[aria-hidden="true"]::before,
  [data-nav-toggle] span[aria-hidden="true"]::before{
    top:-8px!important;
  }
  .nav-toggle span[aria-hidden="true"]::after,
  button.nav-toggle span[aria-hidden="true"]::after,
  [data-nav-toggle] span[aria-hidden="true"]::after{
    top:8px!important;
  }
  .nav-toggle[aria-expanded="true"] span[aria-hidden="true"],
  button.nav-toggle[aria-expanded="true"] span[aria-hidden="true"],
  [data-nav-toggle][aria-expanded="true"] span[aria-hidden="true"]{
    background:transparent!important;
  }
  .nav-toggle[aria-expanded="true"] span[aria-hidden="true"]::before,
  button.nav-toggle[aria-expanded="true"] span[aria-hidden="true"]::before,
  [data-nav-toggle][aria-expanded="true"] span[aria-hidden="true"]::before{
    top:0!important;
    transform:rotate(45deg)!important;
  }
  .nav-toggle[aria-expanded="true"] span[aria-hidden="true"]::after,
  button.nav-toggle[aria-expanded="true"] span[aria-hidden="true"]::after,
  [data-nav-toggle][aria-expanded="true"] span[aria-hidden="true"]::after{
    top:0!important;
    transform:rotate(-45deg)!important;
  }
  .main-nav,
  #site-navigation{
    z-index:10000!important;
    pointer-events:auto!important;
  }
  .main-nav.open,
  #site-navigation.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.iphx-nav-open{
    overflow-x:hidden!important;
  }
}
@media(max-width:420px){
  .nav-toggle,
  button.nav-toggle,
  [data-nav-toggle]{
    min-width:52px!important;
    min-height:52px!important;
    width:52px!important;
    height:52px!important;
  }
}


/* v1.9.5 restore original mobile menu color */
@media(max-width:900px){
  .nav-toggle,
  button.nav-toggle,
  [data-nav-toggle]{
    background:var(--brand) !important;
    color:#ffffff !important;
    border:0 !important;
    box-shadow:0 10px 24px rgba(15,23,42,.18) !important;
  }
}


/* v1.9.6 larger header logo/icon + attached site icon */
.logo{
  gap:14px;
}
.logo-image{
  height:58px !important;
  width:auto !important;
  max-width:min(430px,46vw) !important;
  object-fit:contain !important;
}
.logo-mark,
.site-logo-mark{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
}
@media(max-width:900px){
  .logo-image{
    height:46px !important;
    max-width:250px !important;
  }
  .logo-mark,
  .site-logo-mark{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
  }
}
@media(max-width:420px){
  .logo-image{
    height:42px !important;
    max-width:220px !important;
  }
  .logo-mark,
  .site-logo-mark{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
  }
}


/* v1.9.8 safe logo/menu spacing fix */
.header-inner{
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
}
.logo{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:315px !important;
  overflow:visible !important;
  text-decoration:none !important;
}
.logo-image{
  display:block !important;
  width:315px !important;
  max-width:315px !important;
  min-width:0 !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.main-nav{
  margin-left:auto !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  justify-content:flex-end !important;
  gap:18px !important;
}
@media(max-width:1280px){
  .header-inner{
    gap:28px !important;
  }
  .logo-image{
    width:292px !important;
    max-width:292px !important;
  }
  .logo{
    max-width:292px !important;
  }
  .main-nav{
    gap:14px !important;
    font-size:.92rem !important;
  }
}
@media(max-width:1120px){
  .logo-image{
    width:260px !important;
    max-width:260px !important;
  }
  .logo{
    max-width:260px !important;
  }
  .main-nav{
    gap:12px !important;
    font-size:.88rem !important;
  }
  .main-nav .hide-on-medium{
    display:none !important;
  }
}
@media(max-width:900px){
  .header-inner{
    gap:12px !important;
  }
  .logo{
    max-width:230px !important;
  }
  .logo-image{
    width:230px !important;
    max-width:230px !important;
  }
  .main-nav{
    margin-left:0 !important;
    flex:none !important;
    justify-content:flex-start !important;
    font-size:1rem !important;
  }
}
@media(max-width:420px){
  .logo{
    max-width:205px !important;
  }
  .logo-image{
    width:205px !important;
    max-width:205px !important;
  }
}


/* v1.10.1 real-logo Chrome deployment fix */
.site-header .container.header-inner,
.site-header .header-inner{
  max-width:1880px !important;
  width:calc(100% - 96px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}
.header-inner{
  display:grid !important;
  grid-template-columns:340px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:clamp(34px,3.2vw,70px) !important;
  min-height:88px !important;
}
.logo{
  grid-column:1 !important;
  display:block !important;
  width:340px !important;
  min-width:340px !important;
  max-width:340px !important;
  overflow:hidden !important;
  line-height:0 !important;
  text-decoration:none !important;
  flex:none !important;
}
.logo-image{
  display:block !important;
  width:340px !important;
  min-width:340px !important;
  max-width:340px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.main-nav{
  grid-column:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(12px,1.15vw,22px) !important;
  min-width:0 !important;
  width:100% !important;
  margin:0 !important;
  white-space:nowrap !important;
  font-size:clamp(.88rem,.83vw,1rem) !important;
  line-height:1 !important;
}
.main-nav a{
  flex:0 0 auto !important;
  line-height:1 !important;
}
.main-nav .header-cta{
  padding:16px 22px !important;
  border-radius:999px !important;
}
@media(max-width:1440px){
  .site-header .container.header-inner,
  .site-header .header-inner{
    width:calc(100% - 64px) !important;
  }
  .header-inner{
    grid-template-columns:310px minmax(0,1fr) !important;
    column-gap:34px !important;
  }
  .logo,
  .logo-image{
    width:310px !important;
    min-width:310px !important;
    max-width:310px !important;
  }
  .main-nav{
    gap:13px !important;
    font-size:.88rem !important;
  }
  .main-nav .header-cta{
    padding:15px 19px !important;
  }
}
@media(max-width:1260px){
  .header-inner{
    grid-template-columns:285px minmax(0,1fr) !important;
    column-gap:24px !important;
  }
  .logo,
  .logo-image{
    width:285px !important;
    min-width:285px !important;
    max-width:285px !important;
  }
  .main-nav{
    gap:11px !important;
    font-size:.84rem !important;
  }
  .main-nav .hide-on-medium{
    display:none !important;
  }
  .main-nav .header-cta{
    padding:13px 17px !important;
  }
}
@media(max-width:1040px){
  .site-header .container.header-inner,
  .site-header .header-inner{
    width:calc(100% - 40px) !important;
  }
  .header-inner{
    grid-template-columns:250px minmax(0,1fr) !important;
    column-gap:18px !important;
  }
  .logo,
  .logo-image{
    width:250px !important;
    min-width:250px !important;
    max-width:250px !important;
  }
  .main-nav{
    gap:9px !important;
    font-size:.80rem !important;
  }
  .main-nav .header-cta{
    padding:12px 15px !important;
  }
}
@media(max-width:900px){
  .site-header .container.header-inner,
  .site-header .header-inner{
    width:calc(100% - 32px) !important;
  }
  .header-inner{
    display:flex !important;
    min-height:72px !important;
    column-gap:0 !important;
  }
  .logo{
    width:235px !important;
    min-width:0 !important;
    max-width:235px !important;
    overflow:hidden !important;
    flex:0 1 auto !important;
  }
  .logo-image{
    width:235px !important;
    min-width:0 !important;
    max-width:235px !important;
    height:auto !important;
  }
  .main-nav{
    display:none !important;
    white-space:normal !important;
    width:auto !important;
    font-size:1rem !important;
  }
  .main-nav.open{
    display:flex !important;
  }
}
@media(max-width:420px){
  .logo,
  .logo-image{
    width:205px !important;
    max-width:205px !important;
  }
}