:root{--ink:#142033;--muted:#65748a;--blue:#1769e0;--blue2:#0c4ca4;--line:#e4eaf2;--bg:#f7f9fc;--card:#fff;--navy:#0e2443;--soft:#eef5ff;--green:#137a48}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 18px rgba(17,35,61,.06)}.topbar{background:#fff}.topbar-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:baseline;min-width:235px}.brand strong{font-size:21px;letter-spacing:-.03em}.brand span{font-size:21px;color:var(--blue);font-weight:800}.brand small{grid-column:1/-1;color:var(--muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase;margin-top:2px}.searchbox{flex:1;display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:560px;margin-left:auto}.searchbox input{border:0;outline:0;background:#fff;padding:11px 13px;flex:1;font:inherit;font-size:13px}.searchbox button{border:0;background:var(--blue);color:#fff;padding:0 18px;font-weight:800}.quote-btn{background:var(--navy);color:#fff;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:800;white-space:nowrap}.mainnav{background:#fff;border-top:1px solid #f0f3f7}.nav-inner{display:flex;align-items:center;gap:0;overflow-x:auto}.nav-inner a{padding:13px 12px;font-size:12px;font-weight:750;color:#53637a;white-space:nowrap;border-bottom:2px solid transparent}.nav-inner a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.page-hero{background:linear-gradient(135deg,#0d2342 0%,#1769e0 100%);color:#fff;padding:54px 0}.page-hero .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#bcd5fa;font-weight:800}.page-hero h1{font-size:42px;line-height:1.08;letter-spacing:-.04em;margin:10px 0 13px;max-width:820px}.page-hero p{max-width:760px;color:#d8e6fb;line-height:1.7;margin:0;font-size:15px}.section{padding:42px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.section-head h2{margin:0;font-size:27px;letter-spacing:-.025em}.section-head p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.btn{display:inline-flex;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:800}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;border:1px solid #cfd9e6;color:var(--blue)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:0 6px 20px rgba(20,32,51,.035)}.card:hover{box-shadow:0 12px 28px rgba(20,32,51,.08);transform:translateY(-2px);transition:.18s}.pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:var(--soft);color:var(--blue);font-size:10px;font-weight:850}.source{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:14px;padding-top:11px}.verified{color:var(--green);font-weight:850}.source a{color:var(--blue);font-weight:800}.news-date{font-size:11px;color:var(--muted);font-weight:800;margin-top:12px}.news h3{font-size:16px;line-height:1.4;margin:8px 0}.news p{font-size:12.5px;line-height:1.65;color:#58687d;margin:0}
.phone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.phone-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.phone-image{height:240px;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.phone-image img{width:100%;height:100%;object-fit:contain;padding:16px}.phone-body{padding:14px}.phone-brand{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900}.phone-name{font-size:15px;font-weight:800;margin:6px 0}.phone-model{font:600 10.5px ui-monospace,SFMono-Regular,Menlo,monospace;color:#66758a;min-height:31px;line-height:1.5}.phone-actions{display:flex;gap:7px;margin-top:12px}.phone-actions a{flex:1;text-align:center;border:1px solid var(--line);border-radius:8px;padding:8px 5px;font-size:10.5px;font-weight:850}.phone-actions a:last-child{background:var(--blue);border-color:var(--blue);color:#fff}.brand-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.brand-tabs a{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:850;color:#52627a}.brand-tabs a:hover{color:var(--blue);border-color:#aac7f2}.brand-section{scroll-margin-top:130px;margin-bottom:44px}.brand-title{display:flex;align-items:center;gap:10px;margin:0 0 6px}.brand-title h2{margin:0;font-size:23px}.count{font-size:11px;color:var(--muted);font-weight:700}
.home-hero{background:linear-gradient(135deg,#0b1f3a 0%,#125bc3 58%,#1f7ae8 100%);color:#fff}.home-hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-top:62px;padding-bottom:62px}.home-hero .eyebrow{font-size:11px;letter-spacing:.14em;color:#bcd5fa;font-weight:850;text-transform:uppercase}.home-hero h1{font-size:48px;line-height:1.03;letter-spacing:-.045em;margin:11px 0 16px}.home-hero p{font-size:16px;line-height:1.75;color:#d9e8fc;max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:22px}.hero-panel .metric{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.16)}.hero-panel .metric:last-child{border-bottom:0}.hero-panel b{display:block;font-size:23px}.hero-panel span{font-size:11px;color:#cfe0f7}.home-links{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-28px;position:relative}.home-link{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(16,34,61,.08)}.home-link h3{font-size:15px;margin:0 0 5px}.home-link p{font-size:11.5px;color:var(--muted);line-height:1.55;margin:0}.home-link span{display:block;margin-top:10px;color:var(--blue);font-size:11px;font-weight:850}
.site-footer{background:#0d1e36;color:#d2dbea;margin-top:35px;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand{font-size:18px;font-weight:850;color:#fff}.site-footer p{font-size:12px;line-height:1.7;color:#9eabc0;max-width:380px}.site-footer b{display:block;color:#fff;font-size:12px;margin-bottom:10px}.site-footer a{display:block;font-size:11.5px;color:#aeb9ca;margin:7px 0}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:25px;padding-top:14px;color:#7f8ca1;font-size:10px}
@media(max-width:980px){.home-hero .wrap{grid-template-columns:1fr}.phone-grid{grid-template-columns:repeat(3,1fr)}.home-links{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr 1fr}.quote-btn{display:none}}
@media(max-width:700px){.topbar-inner{min-height:62px}.brand,.brand strong,.brand span{font-size:18px}.searchbox{display:none}.page-hero h1,.home-hero h1{font-size:34px}.phone-grid,.card-grid,.home-links,.footer-grid{grid-template-columns:1fr 1fr}.phone-image{height:220px}.nav-inner a{padding:12px 9px}}
@media(max-width:480px){.phone-grid,.card-grid,.home-links,.footer-grid{grid-template-columns:1fr}.phone-image{height:260px}}

/* V21 navigation */
.mainnav .nav-dropdown{position:relative;display:flex;align-items:center}.mainnav .nav-parent{display:flex;align-items:center}.nav-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid #dfe7f2;border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(20,45,80,.12);padding:8px;z-index:80}.nav-menu a{display:block!important;padding:9px 11px!important;border-radius:6px;white-space:nowrap}.nav-menu a:hover{background:#f3f7fc}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}@media(max-width:900px){.mainnav .nav-inner{gap:16px}.nav-menu{position:fixed;left:20px;right:20px;top:auto}.mainnav .nav-dropdown:hover .nav-menu{display:none}.nav-dropdown:focus-within .nav-menu{display:block}}
/* V21 homepage product area */
.home-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-product{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.18s}.home-product:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(18,48,88,.08)}.home-product img{width:100%;height:190px;object-fit:contain;background:#f8fbff;display:block}.home-product-body{padding:16px}.home-product h3{margin:0 0 7px;font-size:17px}.home-product p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.home-product .arrow{display:inline-block;margin-top:12px;color:#1565d8;font-weight:700;font-size:12px}@media(max-width:950px){.home-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.home-products{grid-template-columns:1fr}}

/* V22 homepage polish */
.nav-inner{gap:6px}.mainnav .nav-inner>a,.nav-parent{white-space:nowrap}.nav-dropdown{position:relative}.nav-menu{min-width:250px}.home-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-product img{width:100%;height:190px;object-fit:contain;background:#f4f7fb}.phone-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.phone-image{background:#f6f8fb;min-height:230px;display:flex;align-items:center;justify-content:center}.phone-image img{width:100%;height:220px;object-fit:contain}.phone-card{min-width:0}.phone-name{font-weight:700}.phone-model{font-size:.82rem;color:#607086;line-height:1.35}.source .verified{font-weight:700}.hero-copy{max-width:760px}@media(max-width:1100px){.home-products{grid-template-columns:repeat(2,1fr)}.phone-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.home-products{grid-template-columns:1fr}.phone-grid{grid-template-columns:repeat(2,1fr)}}


/* V25 navigation enhancement */
.mainnav .nav-inner{overflow:visible;position:relative}
.mainnav .nav-dropdown{position:relative;display:flex;align-items:center}
.mainnav .nav-parent{display:flex;align-items:center;gap:7px;cursor:pointer}
.mainnav .nav-parent span{font-size:10px;transition:transform .18s ease}
.mainnav .nav-dropdown:hover .nav-parent span,.mainnav .nav-dropdown.open .nav-parent span{transform:rotate(180deg)}
.nav-menu{display:none;position:absolute;top:calc(100% + 7px);left:0;min-width:245px;background:rgba(255,255,255,.98);border:1px solid #dce6f2;border-radius:12px;padding:8px;box-shadow:0 18px 42px rgba(15,40,75,.18);z-index:9999}
.nav-menu:before{content:"";position:absolute;top:-7px;left:18px;width:12px;height:12px;background:#fff;border-left:1px solid #dce6f2;border-top:1px solid #dce6f2;transform:rotate(45deg)}
.nav-menu a{display:flex!important;align-items:center;gap:10px;padding:11px 12px!important;border:0!important;border-radius:8px!important;color:#40516a!important;font-size:12.5px!important;font-weight:700!important}
.nav-menu a:before{content:"";width:6px;height:6px;border-radius:50%;background:#2f76dc;opacity:.7}
.nav-menu a:hover{background:#f1f6fc!important;color:#1565d8!important}
.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu,.nav-dropdown.open .nav-menu{display:block}
@media(max-width:900px){.mainnav .nav-inner{overflow:visible}.mainnav .nav-dropdown:hover .nav-menu{display:none}.nav-dropdown.open .nav-menu,.nav-dropdown:focus-within .nav-menu{display:block}.nav-menu{position:absolute;left:0;top:calc(100% + 5px);min-width:220px}}
@media(max-width:820px){.mainnav .nav-inner{overflow:visible}.nav-menu{position:fixed;left:16px;right:16px;top:118px;min-width:0}.nav-menu:before{display:none}}

.gallery-thumbs img{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.gallery-thumbs img:hover{transform:translateY(-1px);border-color:#7aa7e8;box-shadow:0 4px 12px rgba(21,101,216,.12)}.gallery-thumbs img.active{border-color:#1565d8;box-shadow:0 0 0 2px rgba(21,101,216,.12)}

.image-source-note{font-size:11px;color:#7b8798;margin:-10px 0 16px}.phone-image img{object-fit:contain}

/* V27 phone image reliability and gallery polish */
.phone-image{height:300px!important;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;padding:18px;}
.phone-image img{width:100%;height:100%;object-fit:contain;display:block;}
.gallery-main{min-height:520px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.gallery-main img{width:100%;height:520px;object-fit:contain;display:block;}
.gallery-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.gallery-thumbs img{width:88px;height:88px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:5px;cursor:pointer;}
.gallery-thumbs img:hover{border-color:#2563eb;transform:translateY(-1px);}

/* V29 product detail gallery updates */
.detail-hero{grid-template-columns:minmax(420px,560px) minmax(0,1fr)}
.gallery{padding:18px}
.gallery-main{min-height:620px;aspect-ratio:auto}
.gallery-main img{width:100%;height:620px;object-fit:contain;display:block}
.gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.gallery-thumbs img{width:100%;height:120px;aspect-ratio:auto;object-fit:contain;cursor:pointer;background:#fff}
.gallery-thumbs img.active{border:2px solid var(--blue,#1565d8)}
.workflow-software-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.workflow-software-grid .workflow-card img{height:180px;object-fit:contain;background:#fff}
@media(max-width:1180px){.detail-hero{grid-template-columns:minmax(360px,480px) minmax(0,1fr)}.gallery-main,.gallery-main img{min-height:520px;height:520px}.workflow-software-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.detail-hero{grid-template-columns:1fr}.gallery-main,.gallery-main img{min-height:500px;height:500px}.workflow-software-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.gallery{padding:12px}.gallery-main,.gallery-main img{min-height:360px;height:360px}.gallery-thumbs img{height:92px}.workflow-software-grid{grid-template-columns:1fr}}


/* V30 gallery: thumbnails always left-to-right */
.gallery-thumbs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;margin-top:12px;scroll-snap-type:x proximity}
.gallery-thumbs img{display:block!important;flex:0 0 110px!important;width:110px!important;height:110px!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;cursor:pointer;scroll-snap-align:start}
.gallery-thumbs img:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 18px rgba(21,101,216,.12)}
@media(max-width:700px){.gallery-thumbs img{flex-basis:86px!important;width:86px!important;height:86px!important}}

/* V39: separate top-level Drive Test workflow tabs */
.mainnav .nav-inner>a[href*="drive-test-phones"],
.mainnav .nav-inner>a[href*="software.html#optimization"]{font-weight:800;color:#334866}
.mainnav .nav-inner>a[href*="drive-test-phones"]:hover,
.mainnav .nav-inner>a[href*="software.html#optimization"]:hover{color:var(--blue);background:#f5f8fd}
@media(min-width:1100px){.mainnav .nav-inner{justify-content:flex-start}.nav-inner a{padding-left:10px;padding-right:10px}}

/* V44 pricing update */
.product-price{padding:0 14px 8px;font-size:17px;font-weight:800;color:#1f4f8f;line-height:1.35}.product-price .old-price{text-decoration:line-through;color:#8a97a8;font-size:12px;font-weight:600;margin-left:6px}.product-price .sale-pill{display:inline-block;margin-left:7px;background:#df2d3d;color:#fff;border-radius:5px;padding:3px 7px;font-size:10px;vertical-align:2px;letter-spacing:.2px}.detail-price{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:4px 0 10px}.detail-price .now{font-size:24px;font-weight:800;color:#1f5fa8}.detail-price .was{font-size:14px;color:#8794a6;text-decoration:line-through;font-weight:700}.detail-price .sale{background:#df2d3d;color:#fff;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:800}.price-note{font-size:11px;color:#77869a;margin:0 0 12px}.pc-actions{margin-top:auto}

/* V45 Global responsive typography, catalog arrangement and product-card standardization */
:root{--rft-max:1440px;--rft-blue:#1769e0;--rft-navy:#0e2443;--rft-ink:#142033;--rft-muted:#5f6f85;--rft-line:#dce5ef;--rft-bg:#f6f8fb}
html{font-size:17px}body{font-size:1rem;line-height:1.55}.wrap{max-width:var(--rft-max);padding-left:28px;padding-right:28px}
.site-header{box-shadow:0 4px 20px rgba(17,35,61,.07)}.topbar-inner{min-height:78px}.brand strong,.brand span{font-size:23px}.brand small{font-size:10.5px}.searchbox{max-width:700px}.searchbox input{font-size:14px;padding:13px 15px}.searchbox button{font-size:13px;padding:0 22px}.quote-btn{font-size:13px;padding:12px 18px}.nav-inner a{font-size:13.5px;padding:14px 14px}
.page-hero{padding:60px 0}.page-hero h1{font-size:46px}.page-hero p{font-size:17px}.section{padding:48px 0}.section-head h2{font-size:31px}.section-head p{font-size:15px}
.phone-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.phone-card,.product-card,.home-product,.card{border-radius:16px}.phone-card{min-height:100%;box-shadow:0 5px 18px rgba(20,32,51,.035)}.phone-image{height:280px;min-height:280px}.phone-image img{height:260px;padding:18px}.phone-body{padding:17px}.phone-brand{font-size:11px}.phone-name{font-size:18px;line-height:1.3;margin:7px 0}.phone-model{font-size:12px;min-height:38px}.phone-price b{font-size:19px!important}.phone-price s{font-size:13px!important}.pill{font-size:11px;padding:6px 11px}.phone-actions{gap:9px;margin-top:15px}.phone-actions a{font-size:12px;padding:10px 7px;border-radius:9px}
.brand-title h2{font-size:30px}.count{font-size:13px}.brand-section p{font-size:15px!important}.brand-tabs{gap:10px}.brand-tabs a{font-size:12.5px;padding:10px 15px}
.home-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-product img{height:230px}.home-product-body{padding:18px}.home-product h3{font-size:19px}.home-product p{font-size:14px}.home-link h3{font-size:17px}.home-link p{font-size:13px}.footer-brand{font-size:21px}.site-footer p{font-size:13px}.site-footer a,.site-footer b{font-size:12.5px}.copyright{font-size:11px}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{box-shadow:0 5px 18px rgba(20,32,51,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,48,88,.11);border-color:#9abbe9}.product-card>img{height:230px!important;object-fit:contain!important;padding:10px;background:#f8fbff!important}.product-card .pc-top{padding:17px 17px 8px}.pc-brand{font-size:11px}.pc-name{font-size:18px;line-height:1.3}.pc-model{font-size:12px;line-height:1.5;min-height:36px}.pc-actions{padding:14px 17px 17px;gap:9px}.btn{font-size:13px;padding:11px 16px}.product-price .sale-now{font-size:19px}.product-price .old-price{font-size:13px}.product-price .sale-pill{font-size:10.5px}
.catalog-sort{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 16px}.catalog-sort label{font-size:13px;font-weight:800;color:#516179}.catalog-sort select{appearance:auto;border:1px solid var(--rft-line);background:#fff;color:var(--rft-ink);border-radius:9px;padding:9px 34px 9px 12px;font:700 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer}.catalog-sort select:focus{outline:3px solid rgba(23,105,224,.16);border-color:var(--rft-blue)}
@media(max-width:1300px){.wrap{max-width:1240px}.phone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-image{height:260px;min-height:260px}.phone-image img{height:240px}}
@media(max-width:1024px){html{font-size:16px}.wrap{padding-left:22px;padding-right:22px}.topbar-inner{min-height:72px}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-hero h1{font-size:40px}.phone-image{height:250px;min-height:250px}.phone-image img{height:230px}.product-card>img{height:210px!important}}
@media(max-width:760px){html{font-size:16px}.wrap{padding-left:16px;padding-right:16px}.page-hero{padding:44px 0}.page-hero h1{font-size:34px}.page-hero p{font-size:16px}.topbar-inner{gap:12px}.brand{min-width:0}.brand strong,.brand span{font-size:20px}.brand small{font-size:9px}.phone-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-image{height:220px;min-height:220px}.phone-image img{height:205px;padding:12px}.phone-body{padding:13px}.phone-name,.pc-name{font-size:16px}.phone-model,.pc-model{font-size:11px;min-height:34px}.phone-price b{font-size:17px!important}.phone-actions{gap:7px;margin-top:12px}.phone-actions a{font-size:11px;padding:9px 5px}.product-card>img{height:180px!important;padding:8px}.catalog-sort{justify-content:flex-start}.catalog-sort label{font-size:12px}.catalog-sort select{font-size:12px;padding:9px 12px}.home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-product img{height:180px}.home-product h3{font-size:16px}.home-product p{font-size:12px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.page-hero h1{font-size:30px}.phone-grid,.product-grid,.home-products{grid-template-columns:1fr}.phone-image{height:290px;min-height:290px}.phone-image img{height:270px}.product-card>img{height:240px!important}.phone-name,.pc-name{font-size:18px}.phone-actions a{font-size:12px}.catalog-sort{justify-content:stretch}.catalog-sort select{flex:1}.footer-grid{grid-template-columns:1fr}}

/* ===== FINAL PRODUCTION UI POLISH ===== */
:root{--rf-blue:#1769e0;--rf-blue-dark:#0e4ea8;--rf-ink:#152842;--rf-muted:#5f6f84;--rf-line:#dbe4ee;--rf-surface:#ffffff;--rf-bg:#f5f7fb}
html{font-size:16px}body{background:var(--rf-bg);color:var(--rf-ink);line-height:1.55}.wrap{max-width:1280px;padding-left:24px;padding-right:24px}
.site-header{box-shadow:0 2px 16px rgba(18,42,76,.06)}.topbar-inner{min-height:76px}.brand strong,.brand span{font-size:22px}.brand small{font-size:10px;letter-spacing:.12em}.searchbox{max-width:620px;border-radius:10px}.searchbox input{font-size:14px;padding:12px 14px}.searchbox button{padding:0 20px}.quote-btn{padding:11px 17px;border-radius:9px}
.nav-inner{gap:2px}.nav-inner a{font-size:12.5px;padding:14px 13px}.nav-menu{border-radius:10px;box-shadow:0 16px 36px rgba(18,42,76,.14)}
.section{padding:48px 0}.section-head{margin-bottom:24px}.section-head h2{font-size:30px}.section-head p{font-size:14px}.page-hero{padding:62px 0}.page-hero h1{font-size:46px}.page-hero p{font-size:16px}.home-hero .wrap{padding-top:72px;padding-bottom:72px}.home-hero h1{font-size:52px}.home-hero p{font-size:17px}
.btn{min-height:42px;align-items:center;justify-content:center;padding:10px 16px;border-radius:9px}.card,.phone-card,.home-product{border-radius:15px;box-shadow:0 7px 22px rgba(20,42,74,.045)}.card{padding:20px}.card:hover,.phone-card:hover,.home-product:hover{box-shadow:0 14px 32px rgba(20,42,74,.09)}
.phone-grid{gap:18px}.phone-image{height:260px}.phone-image img{padding:18px}.phone-body{padding:16px}.phone-brand{font-size:10.5px}.phone-name{font-size:17px;line-height:1.3;margin:7px 0}.phone-model{font-size:11.5px;min-height:32px}.phone-actions{margin-top:14px}.phone-actions a{min-height:44px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:9px}
.home-products{gap:18px}.home-product-body{padding:18px}.home-product h3{font-size:18px}.home-product p{font-size:13.5px}.home-link{padding:20px}.home-link h3{font-size:16px}.home-link p{font-size:12.5px}
.site-footer{padding:48px 0 20px}.site-footer p{font-size:13px}.site-footer a{font-size:12px}.footer-grid{gap:48px}
@media(max-width:1200px){.phone-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wrap{max-width:1180px}}
@media(max-width:980px){.wrap{padding-left:20px;padding-right:20px}.page-hero h1{font-size:40px}.home-hero h1{font-size:44px}.phone-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:42px 0}}
@media(max-width:700px){html{font-size:15px}.wrap{padding-left:16px;padding-right:16px}.topbar-inner{min-height:64px}.page-hero{padding:44px 0}.page-hero h1,.home-hero h1{font-size:34px;line-height:1.1}.page-hero p,.home-hero p{font-size:15px}.section{padding:34px 0}.section-head h2{font-size:25px}.section-head{align-items:flex-start;flex-direction:column;gap:6px}.phone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.phone-image{height:220px}.phone-name{font-size:16px}.phone-body{padding:14px}.phone-actions{gap:6px}.phone-actions a{font-size:10.5px}.card-grid,.home-links{gap:12px}}
@media(max-width:480px){.phone-grid,.card-grid,.home-links,.footer-grid{grid-template-columns:1fr}.phone-image{height:270px}.phone-actions a{min-height:46px}.section-head h2{font-size:23px}.page-hero h1,.home-hero h1{font-size:31px}}


/* V61 cross-device calibration: SEO/SMO responsive polish */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
a,button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(21,94,239,.38);outline-offset:3px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mainnav{max-width:100%;overflow:hidden}.nav-inner{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.nav-inner::-webkit-scrollbar{height:5px}.nav-inner::-webkit-scrollbar-thumb{background:#c9d6e8;border-radius:10px}
.searchbox input{min-width:0}.quote-btn,.btn,.sitewide-ceir-btn{touch-action:manipulation}
.sitewide-ceir{position:relative}.sitewide-ceir-inner{width:100%}
.sitewide-ceir-btn{text-decoration:none}
@media (max-width:1024px){
  .site-header{position:sticky}.nav-inner{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .nav-inner>a,.nav-inner .nav-parent{scroll-snap-align:start}
  .section-head>*,.sitewide-ceir-copy{min-width:0}
}
@media (max-width:760px){
  .site-header{position:relative}.topbar-inner{padding-top:10px;padding-bottom:10px}
  .mainnav{border-top:1px solid #eef2f7}.nav-inner{gap:0;padding:0 16px}
  .nav-inner a,.nav-parent{min-height:44px;display:flex;align-items:center}
  .mainnav .nav-dropdown{flex:0 0 auto}.nav-menu{max-height:calc(100vh - 90px);overflow:auto}
  .home-hero .wrap{padding-top:48px;padding-bottom:48px}.hero-actions,.lp-band{gap:10px}
  .btn{min-height:44px}.phone-card,.product-card,.card,.home-product{min-width:0}
  .sitewide-ceir{padding:16px 0}.sitewide-ceir-copy strong{font-size:14px}.sitewide-ceir-copy span{font-size:12.5px}
  .sitewide-ceir-btn{min-height:44px;width:100%}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
}
@media (max-width:480px){
  .brand small{max-width:220px;white-space:normal;line-height:1.25}
  .page-hero,.home-hero .wrap{padding-top:38px;padding-bottom:38px}
  .hero-actions .btn{width:100%}.hero-actions{flex-direction:column;align-items:stretch}
  .section{padding:30px 0}.site-footer{padding-top:36px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}


/* V66 Products navigation: reliable split control + premium glass menu */
.mainnav .nav-dropdown{position:relative;display:flex;align-items:stretch;isolation:isolate}
.mainnav .nav-parent{display:inline-flex;align-items:center;white-space:nowrap}
.mainnav .nav-toggle{
  appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;width:30px;padding:0;
  font:inherit;font-size:15px;line-height:1;border-radius:6px;transition:background .2s ease,transform .2s ease
}
.mainnav .nav-toggle:hover,.mainnav .nav-toggle:focus-visible{background:rgba(20,58,110,.08);outline:none}
.mainnav .nav-dropdown.open .nav-toggle span{transform:rotate(180deg)}
.mainnav .nav-menu{
  display:block!important;visibility:hidden;opacity:0;pointer-events:none;
  position:absolute;top:calc(100% + 10px);left:0;min-width:560px;max-width:min(700px,calc(100vw - 40px));
  padding:14px;border:1px solid rgba(255,255,255,.20);border-radius:16px;
  background:linear-gradient(135deg,rgba(10,25,45,.97),rgba(28,55,92,.96));
  box-shadow:0 24px 70px rgba(8,22,42,.30);backdrop-filter:blur(14px);
  transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:9999
}
.mainnav .nav-dropdown.open .nav-menu,
.mainnav .nav-dropdown:hover .nav-menu,
.mainnav .nav-dropdown:focus-within .nav-menu{
  visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)
}
.mainnav .nav-menu:before{display:none!important}
.nav-menu-title{color:rgba(255,255,255,.58);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px 10px}
.nav-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.mainnav .nav-menu .nav-menu-grid a{
  display:flex!important;align-items:center!important;padding:12px 13px!important;margin:0!important;
  min-height:44px;border-radius:10px!important;color:#fff!important;background:rgba(255,255,255,.055)!important;
  border:1px solid transparent!important;font-size:13px!important;font-weight:700!important;white-space:normal!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease
}
.mainnav .nav-menu .nav-menu-grid a:before{display:none!important}
.mainnav .nav-menu .nav-menu-grid a:hover,
.mainnav .nav-menu .nav-menu-grid a:focus-visible{
  background:rgba(78,133,220,.20)!important;border-color:rgba(132,174,240,.35)!important;transform:translateY(-1px)
}
.mainnav .nav-menu-all{
  display:flex!important;align-items:center;justify-content:space-between;margin:10px 2px 0!important;padding:11px 12px!important;
  color:#dceaff!important;font-size:12px!important;font-weight:800!important;border-top:1px solid rgba(255,255,255,.13)!important;
  border-radius:0!important;background:transparent!important
}
.mainnav .nav-menu-all span{font-size:16px}
@media(max-width:900px){
  .mainnav .nav-menu{min-width:480px;left:0}
}
@media(max-width:680px){
  .mainnav .nav-dropdown{position:static}
  .mainnav .nav-menu{position:fixed;left:12px;right:12px;top:auto;min-width:0;max-width:none}
  .nav-menu-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mainnav .nav-menu,.mainnav .nav-toggle span{transition:none}
}

/* V66 accessory product imagery */
.product-card .pc-image{height:180px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:10px}
.product-card .pc-image img{width:100%;height:100%;object-fit:contain;display:block}
.product-card .pc-top{flex:1}
@media(max-width:700px){.product-card .pc-image{height:165px}}

/* V67 Products navigation final reliability fix
   Desktop: hover-to-open like the TEMS/Nemo reference.
   Touch devices: dedicated arrow toggle remains clickable. */
@media (min-width:821px){
  .site-header,.mainnav,.mainnav .nav-inner{overflow:visible!important}
  .site-header{position:relative;z-index:10000}
  .mainnav{position:relative;z-index:10001}
  .mainnav .nav-inner{position:relative}
  .mainnav .nav-dropdown{position:relative;z-index:10002}
  .mainnav .nav-menu{
    top:100%!important;
    margin-top:0!important;
    transform:translateY(-4px);
  }
  .mainnav .nav-dropdown:hover .nav-menu,
  .mainnav .nav-dropdown:focus-within .nav-menu,
  .mainnav .nav-dropdown.open .nav-menu{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}

/* Hover behavior only on real mouse/trackpad devices so touch is not sticky. */
@media (hover:hover) and (pointer:fine){
  .mainnav .nav-dropdown:hover > .nav-parent{
    color:var(--blue)!important;
    border-bottom-color:var(--blue)!important;
  }
  .mainnav .nav-dropdown:hover > .nav-toggle{
    color:var(--blue);
  }
}

/* Touch and tablet fallback: keep the menu inside the viewport and use the arrow. */
@media (max-width:820px), (hover:none){
  .site-header,.mainnav{overflow:visible!important}
  .mainnav .nav-menu{
    z-index:10050!important;
  }
  .mainnav .nav-dropdown:hover .nav-menu{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transform:translateY(-4px);
  }
  .mainnav .nav-dropdown.open .nav-menu,
  .mainnav .nav-dropdown:focus-within .nav-menu{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}

/* Prevent page hero/content layers from sitting above the open menu. */
main,.home-hero,.page-hero{position:relative;z-index:1}
.site-header{z-index:10000!important}

/* V68 product specification clarity and 5G NR availability */
.product-card{position:relative}
.product-card .product-5g-badge{position:absolute;top:10px;right:10px;z-index:3;background:#1565d8;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:0 4px 14px rgba(21,101,216,.25)}
.product-card .pc-sale-was{display:block;font-size:11px;color:#7b8797;text-decoration:line-through;margin-top:3px}
.product-card .pc-sale-label{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:999px;background:#eef5ff;color:#0f5fa8;font-size:9px;font-weight:900;vertical-align:middle;text-transform:uppercase;letter-spacing:.03em}
.detail-5g-badge{display:inline-block;margin:0 0 10px;padding:6px 10px;border-radius:999px;background:#eef5ff;color:#0f5fa8;font-size:11px;font-weight:900;letter-spacing:.03em}
.detail-sale-box{margin:10px 0 12px;padding:10px 12px;border:1px solid #d7e4f8;border-radius:10px;background:#f8fbff}
.detail-sale-box .was{font-size:12px;color:#7b8797;text-decoration:line-through}
.detail-sale-box .sale{font-size:22px;font-weight:900;color:var(--blue,#1565d8)}
.detail-sale-box .note{font-size:11px;color:#607089;margin-top:3px}