:root{--brand: #d96041;--ink: #172033;--muted: #667085;--line: #e6e9ef;--soft: #f6f7fa}*{box-sizing: border-box}body{margin: 0;font: 15px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif;color: var(--ink);background: #fff}.topnav{border-bottom: 1px solid var(--line);background: #fff;position: sticky;top: 0;z-index: 50}.nav-inner{max-width: 1240px;margin: auto;padding: 10px 18px;display: flex;align-items: center;justify-content: space-between;gap: 24px}.brand{display: flex;align-items: center;gap: 10px;font-weight: 800;color: var(--ink);text-decoration: none}.brand img{height: 42px}.compare-page{max-width: 1240px;margin: auto;padding: 22px 18px 64px}.breadcrumb{display: flex;gap: 8px;flex-wrap: wrap;font-size: 13px;color: var(--muted);margin-bottom: 18px}.breadcrumb a{color: var(--brand);text-decoration: none}.compare-hero{background: linear-gradient(135deg, #f8f3ef, #f6f7fb);padding: 30px;border-radius: 20px;margin-bottom: 22px}.section-kicker{font-size: 12px;letter-spacing: 0.12em;font-weight: 800;color: var(--brand);margin: 0 0 6px}.compare-hero h1{margin: 0 0 8px;font-size: clamp(24px, 4vw, 38px)}.compare-table-wrap{overflow: auto;border: 1px solid var(--line);border-radius: 18px}.compare-table{width: 100%;min-width: 760px;border-collapse: collapse}.compare-table th,.compare-table td{padding: 14px;border-bottom: 1px solid var(--line);border-right: 1px solid var(--line);text-align: center}.compare-table tbody th{background: var(--soft);text-align: left;min-width: 170px}.compare-table thead th{vertical-align: top;background: #fff}.compare-table thead a{color: var(--ink);text-decoration: none !important;display: grid;gap: 8px;justify-items: center}.compare-table thead img{width: 130px;height: 150px;object-fit: contain}.overall-score{background: var(--brand);color: #fff;border-radius: 999px;padding: 5px 10px;font-size: 12px}.comparison-summary,.popular-pairs-section{width: 100%;max-width: 1200px;margin: 28px auto;padding: 28px;background: #fff;border: 1px solid #e9e9ee;border-radius: 20px;box-shadow: 0 12px 35px rgba(20, 24, 40, 0.06)}.comparison-summary h2,.popular-pairs-section h2{margin: 0 0 16px;font-size: 28px}.summary-note{color: var(--muted)}.summary-card-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 16px}.summary-card{border: 1px solid var(--line);border-radius: 16px;padding: 18px;position: relative}.summary-card.leader{border-color: var(--brand);box-shadow: 0 8px 24px rgba(217, 96, 65, 0.12)}.leader-badge{display: inline-block;background: #fff0ea;color: #a43d22;padding: 5px 9px;border-radius: 999px;font-size: 11px;font-weight: 800}.summary-card-head{display: flex;justify-content: space-between;gap: 12px;align-items: start}.summary-card-head h3{font-size: 17px}.summary-card-head > strong{font-size: 28px;color: var(--brand);white-space: nowrap}.summary-card-head small{font-size: 12px;color: var(--muted)}.summary-card h4{margin: 14px 0 6px}.summary-card ul{padding-left: 18px;margin: 0}.compare-suggestion-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px}.compare-suggestion-card{border: 1px solid var(--line);border-radius: 17px;padding: 16px;color: var(--ink);text-decoration: none !important;transition: 0.2s}.compare-suggestion-card *{text-decoration: none !important}.compare-suggestion-card:hover{transform: translateY(-2px);box-shadow: 0 12px 30px rgba(15, 23, 42, 0.09)}.suggestion-products{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: 10px}.suggestion-products > div{display: grid;gap: 8px;text-align: center}.suggestion-products img{width: 100%;height: 130px;object-fit: contain}.suggestion-products strong{font-size: 13px}.vs{display: grid;place-items: center;width: 38px;height: 38px;border-radius: 50%;background: var(--brand);color: white;font-weight: 900}.suggestion-cta{display: block;text-align: center;margin-top: 12px;color: var(--brand);font-weight: 800}@media (max-width: 850px){.summary-card-grid{grid-template-columns: 1fr}.compare-suggestion-grid{grid-template-columns: 1fr}.nav-inner{align-items: flex-start}.site-menu{display: none}}.compare-analysis,.full-specs{max-width: 1200px;margin: 28px auto;padding: 28px;background: #fff;border: 1px solid #e9e9ee;border-radius: 20px;box-shadow: 0 12px 35px rgba(20, 24, 40, 0.06)}.analysis-heading h2,.full-specs-heading h2{margin: 4px 0 8px;font-size: 26px}.analysis-heading p,.full-specs-heading p{color: #666}.section-kicker{font-size: 12px !important;font-weight: 800;letter-spacing: 0.12em;color: #d96041 !important;margin: 0 !important}.analysis-grid{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);gap: 30px;align-items: center;margin-top: 24px}.radar-canvas-wrap{height: 390px}.radar-score-list{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-top: 16px}.radar-score-item{min-width: 150px;padding: 12px;border: 1px solid #eee;border-radius: 12px;text-align: center}.radar-score-item strong{display: block;font-size: 25px;color: #d96041}.radar-score-item strong small{font-size: 12px}.radar-score-item span{display: block;font-size: 12px;color: #555;margin-top: 4px}.analysis-tabs{display: flex;gap: 8px;overflow: auto;margin-bottom: 18px}.analysis-tab{border: 1px solid #ddd;background: #fff;border-radius: 999px;padding: 9px 13px;white-space: nowrap;cursor: pointer}.analysis-tab.is-active{background: #d96041;color: #fff;border-color: #d96041}.analysis-copy{display: none}.analysis-copy.is-active{display: block}.analysis-copy h3{font-size: 20px;margin: 0 0 18px}.analysis-advantage{display: flex;gap: 10px;margin: 0 0 14px}.analysis-advantage > span{display: grid;place-items: center;flex: 0 0 24px;height: 24px;border-radius: 50%;background: #edf9f0;color: #14833b;font-weight: 800}.analysis-advantage strong,.analysis-advantage small{display: block}.analysis-advantage small{color: #777;margin-top: 3px}.full-specs-heading{display: flex;align-items: end;justify-content: space-between;gap: 16px;flex-wrap: wrap;margin-bottom: 18px}.difference-toggle{border: 1px solid #d96041;background: #fff;color: #d96041;border-radius: 999px;padding: 10px 16px;font-weight: 700;cursor: pointer}.difference-toggle.is-active{background: #d96041;color: #fff}.full-spec-table .spec-group th{background: #fbeedc !important;color: #7a351f !important;font-size: 15px;text-align: left !important}.full-spec-table .spec-row.is-different td{background: #fffdf9}.full-spec-table thead th a{text-decoration: none !important;color: inherit !important}.full-spec-table thead img{display: block;width: 100%;max-width: 130px;height: 150px;object-fit: contain;margin: 0 auto 8px}.full-spec-table thead strong,.full-spec-table thead span{display: block}.full-spec-table [hidden]{display: none !important}@media (max-width: 800px){.compare-analysis,.full-specs{margin: 18px 12px;padding: 18px}.analysis-grid{grid-template-columns: 1fr}.radar-canvas-wrap{height: 320px}.analysis-heading h2,.full-specs-heading h2{font-size: 22px}}.best-offer-row > th,.best-offer-row > td{background: #fffaf7;vertical-align: top}.compare-best-offer{display: flex;min-width: 150px;flex-direction: column;align-items: center;gap: 4px;padding: 12px 8px;text-align: center}.compare-best-offer__label{color: #777;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em}.compare-best-offer strong{color: #b64025;font-size: 19px;line-height: 1.2}.compare-best-offer span,.compare-best-offer small{color: #666}.compare-best-offer a{display: inline-flex;justify-content: center;margin-top: 6px;padding: 8px 13px;border-radius: 8px;background: #d96041;color: #fff !important;font-weight: 800;text-decoration: none !important}.compare-best-offer a:hover{filter: brightness(0.94)}.compare-best-offer--empty strong{color: #555;font-size: 14px}.compare-best-offer--empty span{font-size: 12px}.page-phone-compare .topnav{position: sticky;top: 0;z-index: 1200;width: 100%;background: #fff;border-bottom: 1px solid #eee;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05)}.page-phone-compare .topnav .container{width: 100%;max-width: 1200px;min-height: 66px;margin: 0 auto;padding: 8px 16px;display: flex;align-items: center;justify-content: space-between;gap: 16px}.page-phone-compare .topnav .brand{display: flex;align-items: center;gap: 8px;flex: 0 0 auto;color: #222;font-size: 15px;font-weight: 700;text-decoration: none}.page-phone-compare .topnav .brand img{display: block;width: auto;max-width: 180px;height: 50px}.page-phone-compare .site-navigation{margin-left: auto}.page-phone-compare .site-navigation > nav > ul{display: flex !important;align-items: center;gap: 18px !important;margin: 0 !important;padding: 0 !important;list-style: none !important}.page-phone-compare .site-navigation a{color: #444;font-size: 14px;text-decoration: none}.page-phone-compare .site-navigation a:hover{color: #d96041}.page-phone-compare .menu-toggle{display: none;margin-left: auto;padding: 7px 10px;border: 1px solid #e5e5e5;border-radius: 8px;background: #fff;color: #222;font-size: 24px;line-height: 1;cursor: pointer}@media (max-width: 768px){.page-phone-compare .topnav .container{position: relative;min-height: 60px;padding: 6px 12px}.page-phone-compare .topnav .brand span{display: none}.page-phone-compare .topnav .brand img{height: 46px}.page-phone-compare .menu-toggle{display: inline-flex;align-items: center;justify-content: center}.page-phone-compare .site-navigation{display: none;position: absolute;top: calc(100%);right: 12px;left: 12px;z-index: 1300;max-height: calc(100vh - 80px);margin: 0;overflow-y: auto;border: 1px solid #eee;border-radius: 10px;background: #fff;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14)}.page-phone-compare .topnav.is-open .site-navigation{display: block}.page-phone-compare .site-navigation > nav{display: block !important;position: static !important;min-width: 0 !important;padding: 10px !important;border: 0 !important;box-shadow: none !important}.page-phone-compare .site-navigation > nav > ul{display: flex !important;flex-direction: column !important;align-items: stretch !important;gap: 2px !important}.page-phone-compare .site-navigation > nav > ul > li > a{display: block;padding: 10px 12px;border-radius: 7px}.page-phone-compare .site-navigation .dropdown-menu{position: static !important;width: 100%;min-width: 0 !important;margin-top: 2px;padding: 4px 0 4px 12px !important;border: 0 !important;box-shadow: none !important}}.compare-suggestion-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px;margin-top: 20px}.compare-suggestion-card{min-width: 0;padding: 18px;color: var(--ink);background: #fff;border: 1px solid var(--line);border-radius: 17px;text-decoration: none !important;transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease}.compare-suggestion-card:hover{transform: translateY(-2px);border-color: #ddd5d1;box-shadow: 0 12px 30px rgba(15, 23, 42, 0.09)}@media (max-width: 850px){.comparison-summary,.popular-pairs-section{margin: 18px 12px;padding: 18px;width: auto}.summary-card-grid,.compare-suggestion-grid{grid-template-columns: 1fr}.comparison-summary h2,.popular-pairs-section h2{font-size: 23px}}.compare-offer-button{display: inline-flex;align-items: center;justify-content: center;min-height: 36px;margin-top: 8px;padding: 8px 14px;border: 1px solid var(--brand);border-radius: 8px;background: var(--brand);color: #fff !important;font-size: 13px;font-weight: 800;line-height: 1;text-decoration: none !important;white-space: nowrap;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.compare-offer-button:hover{background: #b94c31;border-color: #b94c31;color: #fff !important;transform: translateY(-1px)}.compare-offer-button:focus-visible{outline: 3px solid rgba(217, 96, 65, .25);outline-offset: 2px}.compare-offer-button.is-secondary{background: #fff;color: var(--brand) !important}.compare-offer-button.is-secondary:hover{background: #fff4ef;color: #b94c31 !important}.compare-offer-cell{display: flex;min-width: 170px;flex-direction: column;align-items: center;justify-content: flex-start;gap: 7px;padding: 12px 8px;text-align: center}.compare-offer-store{display: flex;min-height: 36px;align-items: center;justify-content: center}.compare-offer-store img{display: block;width: auto;max-width: 100px;max-height: 32px;object-fit: contain}.compare-offer-price{color: #222;font-size: 18px;line-height: 1.2;white-space: nowrap}.compare-offer-meta{color: #666;font-size: 12px;line-height: 1.3}.compare-offer-badge{color: #777;font-size: 12px;font-weight: 700}