*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f5f7fb;--surface:#ffffff;--surface2:#f8faff;--line:#e3e8f2;--line2:#d8e0ed;--text:#172033;--muted:#68758a;--blue:#1769e0;--blue2:#0f5dc8;--blue-soft:#edf5ff;--cyan:#0a93c9;--green:#15855c;--gold:#b77a13;--danger:#c8465a;--radius:18px;--shadow:0 12px 36px rgba(31,49,78,.08)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.topbar{background:#f0f4fa;border-bottom:1px solid var(--line);color:#66758b;font-size:12px}.topbar .wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav .wrap{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:22px;font-weight:900;letter-spacing:-1.1px;color:#121d30}.brand b{color:var(--blue)}.navlinks{display:flex;align-items:center;gap:28px;color:#56647a}.navlinks a.active,.navlinks a:hover{color:var(--blue)}.btn{border:1px solid var(--line2);border-radius:10px;padding:10px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#26344a;background:#fff;transition:.18s}.btn:hover{transform:translateY(-1px);border-color:#bfcbe0}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(23,105,224,.17)}.btn.primary:hover{background:var(--blue2)}.btn.glass{background:#fff}.hero{background:linear-gradient(180deg,#fff 0%,#f7faff 100%);padding:82px 0 76px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.eyebrow,.kicker{font-size:11px;letter-spacing:1.8px;color:var(--blue);font-weight:900}.hero h1{font-size:64px;line-height:1.01;letter-spacing:-3.8px;margin:16px 0 24px;color:#142036}.hero h1 span,.blue-section h2 span{color:var(--blue)}.lead{font-size:18px;color:#647289;max-width:720px}.hero-actions{display:flex;gap:11px;margin:30px 0}.stats{display:flex;gap:38px;margin-top:40px}.stat strong{display:block;font-size:24px;color:#19243a}.stat span{color:var(--muted);font-size:12px}.hero-panel{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 22px 60px rgba(32,61,101,.10)}.glow{display:none}.hero-panel-head{display:flex;justify-content:space-between;color:#8190a6;font-size:11px;letter-spacing:1px;margin:4px 6px 14px}.hero-panel-head b{color:var(--green)}.score-card{display:flex;justify-content:space-between;align-items:center;background:#fbfcfe;border:1px solid var(--line);border-radius:15px;padding:17px 18px;margin-top:10px;transition:.18s}.score-card:hover{transform:translateY(-2px);border-color:#b9cbea;box-shadow:0 8px 24px rgba(31,69,121,.07)}.score-card .type{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:1px}.score-card h3{margin:4px 0 0;font-size:17px}.score-ring{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--score)*1%),#e6ebf3 0);position:relative}.score-ring:after{content:"";position:absolute;inset:5px;background:#fff;border-radius:50%}.score-ring span{z-index:1;font-weight:900;font-size:20px;color:#17233a}.section{padding:72px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:38px;letter-spacing:-1.7px;margin:6px 0}.section-head p,.blue-section p{color:var(--muted);max-width:650px}.text-link{color:var(--blue);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.category{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;min-height:188px;transition:.18s}.category:hover{transform:translateY(-3px);border-color:#bfd1ed;box-shadow:var(--shadow)}.category-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--blue-soft);color:var(--blue);font-size:23px}.category h3{font-size:21px;margin:18px 0 6px}.category p{color:var(--muted);margin:0}.category small{display:block;color:var(--blue);margin-top:18px;font-weight:700}.blue-section{background:#eef5ff;border-top:1px solid #dce9fa;border-bottom:1px solid #dce9fa}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.mini-dashboard{background:#fff;border:1px solid #d7e2f1;border-radius:20px;padding:26px;box-shadow:0 16px 40px rgba(38,76,126,.08)}.dash-title{display:flex;justify-content:space-between;align-items:center;color:#75849a;font-weight:900}.dash-title strong{font-size:44px;color:#1b2a43}.dash-title small{font-size:14px;color:#7d8ba0}.score-bars>div{display:grid;grid-template-columns:110px 1fr 50px;gap:12px;align-items:center;margin:18px 0}.score-bars span{color:#617087}.score-bars i{height:7px;background:#e8edf4;border-radius:9px;overflow:hidden}.score-bars i:after{content:"";display:block;height:100%;width:var(--w);background:var(--blue);border-radius:9px}.score-bars b{text-align:right}.footer{background:#fff;border-top:1px solid var(--line);color:#78869b}.footer .wrap{min-height:90px;display:flex;justify-content:space-between;align-items:center}.chart-hero{padding:58px 0 38px;background:#fff;border-bottom:1px solid var(--line)}.chart-hero h1{font-size:48px;letter-spacing:-2px;margin:7px 0}.chart-actions{display:flex;align-items:center;gap:14px;margin-top:22px}.updated{font-size:11px;color:var(--green);letter-spacing:1px}.leaderboard-section{padding-top:28px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:28px}.field{width:100%;border:1px solid var(--line2);background:#fff;color:#26344a;border-radius:10px;padding:12px 13px;outline:none}.field:focus{border-color:#8ab3ed;box-shadow:0 0 0 3px rgba(23,105,224,.07)}textarea.field{resize:vertical}.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 34px}.podium-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative;overflow:hidden;box-shadow:0 7px 24px rgba(41,58,88,.04)}.podium-card:first-child{border-top:3px solid var(--blue)}.podium-card .rank{color:var(--blue);font-weight:900;font-size:11px}.podium-card h3{font-size:19px;margin:8px 0}.big-score{font-size:38px;font-weight:950}.big-score small{font-size:11px;color:var(--muted);margin-left:4px}.badge{display:inline-flex;background:var(--blue-soft);color:var(--blue2);border:1px solid #d5e6fb;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.compare-tip{color:#78879b;font-size:12px;margin:12px 2px}.ranking-cards{display:grid;gap:10px}.rank-card{display:grid;grid-template-columns:60px 1.5fr 100px 1fr 150px;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;transition:.18s}.rank-card:hover{border-color:#b9cbe6;box-shadow:0 8px 25px rgba(40,66,103,.05)}.rank-num{font-size:22px;font-weight:950;color:#8090a5}.rank-card.top .rank-num{color:var(--blue)}.product-name{font-size:17px;font-weight:900}.product-note{font-size:12px;color:#7b899d;margin-top:3px}.score-box{font-size:25px;font-weight:950;color:#1e2b42}.score-box small{font-size:10px;color:#8190a5}.chips{display:flex;flex-wrap:wrap;gap:5px}.chip{font-size:10px;background:#f1f5fa;color:#50637c;border-radius:7px;padding:4px 7px}.rank-actions{display:flex;gap:7px;justify-content:flex-end}.mini{padding:8px 10px;font-size:11px}.compare-check{display:flex;align-items:center;gap:6px;font-size:11px;color:#718198}.compare-check input{accent-color:var(--blue)}.compare-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%,130%);z-index:80;background:#fff;border:1px solid #ccd8e8;border-radius:14px;padding:10px 12px 10px 18px;display:flex;align-items:center;gap:18px;box-shadow:0 18px 60px rgba(29,46,75,.2);transition:.25s}.compare-bar.show{transform:translate(-50%,0)}.close-compare{background:none;border:0;color:#7b8aa0;font-size:24px;cursor:pointer}.modal{position:fixed;inset:0;z-index:100}.modal-backdrop{position:absolute;inset:0;background:rgba(23,32,49,.42);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(1040px,calc(100% - 28px));max-height:88vh;overflow:auto;margin:6vh auto;background:#fff;border:1px solid #d4deec;border-radius:22px;padding:30px;box-shadow:0 30px 100px rgba(21,35,59,.25)}.modal-close{position:absolute;right:20px;top:16px;background:none;border:0;color:#77869b;font-size:30px;cursor:pointer}.detail-head{display:flex;justify-content:space-between;gap:20px;padding-right:35px}.detail-head h2{font-size:34px;margin:4px 0}.detail-score{font-size:52px;font-weight:950;color:var(--blue)}.detail-score small{font-size:14px;color:#8190a5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px}.detail-panel{background:#fafbfe;border:1px solid var(--line);border-radius:15px;padding:20px}.detail-panel h3{margin-top:0;font-size:13px;letter-spacing:.5px;color:#53647c}.spec-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.spec{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e5eaf1;font-size:12px}.spec span{color:#75849a}.verdict{font-size:16px;color:#41516a}.pc-list{padding-left:18px;color:#55667d}.compare-table{width:100%;border-collapse:collapse;margin-top:22px}.compare-table th,.compare-table td{text-align:left;padding:13px;border-bottom:1px solid #e2e8f1;vertical-align:top}.compare-table th{color:#75849a;font-size:11px}.winner{color:var(--blue);font-weight:900}.admin-body{background:#f3f6fa}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-side{padding:26px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.admin-side small{color:#8a98ab;margin:18px 10px 10px}.admin-side button,.admin-side>a:not(.brand){text-align:left;border:0;background:transparent;color:#5f6f85;padding:11px 12px;border-radius:9px;cursor:pointer}.admin-side button:hover,.admin-side>a:not(.brand):hover{background:#f4f7fb}.admin-side button.active{background:var(--blue-soft);color:var(--blue);font-weight:800}.admin-main{padding:34px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.admin-head h1{font-size:34px;margin:4px 0}.admin-head p{color:var(--muted)}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-layout{display:grid;grid-template-columns:300px 1fr;gap:18px}.product-list-panel,.editor-panel,.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(29,49,79,.035)}.product-list-panel .field{margin-bottom:12px}.product-item{padding:12px;border-radius:9px;cursor:pointer;border:1px solid transparent}.product-item:hover,.product-item.active{background:#f5f9ff;border-color:#dbe7f6}.product-item b{display:block}.product-item small{color:#7b8a9f}.editor-tabs{display:flex;gap:7px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.editor-tabs button{border:1px solid var(--line);background:#fff;color:#65758b;border-radius:8px;padding:8px 10px;cursor:pointer}.editor-tabs button.active{background:var(--blue);border-color:var(--blue);color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.grid2 label{font-size:11px;color:#738299}.form-grid .field,.grid2 .field{margin-top:5px}.full{grid-column:1/-1}.score-edit{display:grid;grid-template-columns:1fr 130px;gap:8px;margin-bottom:9px;align-items:center}.score-edit span{color:#66778e}.list-edit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-edit textarea{min-height:150px}.admin-card{margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rank-edit-row{display:grid;grid-template-columns:70px 1fr 90px;gap:10px;align-items:center;padding:9px;border-bottom:1px solid #e7ecf3}.toast{display:none;position:fixed;right:20px;bottom:20px;background:#fff;border:1px solid #ccd8e8;color:#2b3b52;border-radius:10px;padding:12px 16px;z-index:120;box-shadow:var(--shadow)}.import-card{max-width:900px}.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.import-note{background:#f7faff;border:1px solid #dce8f8;border-radius:12px;padding:14px;color:#5e6f86;font-size:13px;margin:14px 0}.import-status{padding:12px 0;color:#5f7086}.import-preview{overflow:auto;max-height:360px;border:1px solid var(--line);border-radius:12px}.import-preview table{width:100%;border-collapse:collapse;font-size:12px}.import-preview th,.import-preview td{white-space:nowrap;text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.import-preview th{position:sticky;top:0;background:#f7f9fc;color:#5f6f83}.mapping-summary{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.mapping-summary span{font-size:11px;padding:5px 8px;border-radius:999px;background:#edf5ff;color:#1769e0}.file-drop{border:1.5px dashed #c9d6e7;background:#fbfcfe;border-radius:12px;padding:17px}.source-data{margin-top:12px}.source-data summary{cursor:pointer;color:var(--blue);font-weight:800}.source-data .spec-list{margin-top:10px}@media(max-width:900px){.navlinks a:not(.btn){display:none}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:50px}.category-grid,.podium{grid-template-columns:1fr 1fr}.rank-card{grid-template-columns:45px 1fr 75px}.rank-card .chips{display:none}.rank-actions{grid-column:2/-1;justify-content:flex-start}.filters{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-side{display:none}.admin-layout{grid-template-columns:1fr}.product-list-panel{max-height:260px;overflow:auto}.import-grid{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:min(100% - 24px,1180px)}.hero{padding:54px 0}.hero h1{font-size:42px;letter-spacing:-2.5px}.stats{gap:18px}.stat strong{font-size:19px}.section{padding:54px 0}.section h2{font-size:31px}.category-grid,.podium,.detail-grid{grid-template-columns:1fr}.section-head{display:block}.text-link{display:inline-block;margin-top:10px}.filters{grid-template-columns:1fr}.rank-card{grid-template-columns:38px 1fr 65px;padding:14px 11px}.product-note{display:none}.score-box{font-size:20px}.modal-card{padding:22px 16px}.detail-head h2{font-size:26px}.spec-list{grid-template-columns:1fr}.admin-main{padding:18px}.form-grid,.grid2,.list-edit{grid-template-columns:1fr}.full{grid-column:auto}.footer .wrap{flex-direction:column;justify-content:center;gap:5px}.chart-hero h1{font-size:38px}.admin-head{align-items:flex-start;flex-direction:column}}
/* V4.3 grouped smartphone data */
.import-group{border:1px solid #e3eaf4;border-radius:14px;padding:14px;margin:0 0 14px;background:#fbfdff}
.import-group h3{margin:0 0 10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#50627a}
.source-data .spec small{font-weight:500;color:#93a1b5;margin-left:4px}
/* V4.5 public leaderboard polish */
body.modal-open{overflow:hidden}
.chart-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}
.summary-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;display:flex;flex-direction:column;gap:4px}
.summary-item span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7b899d;font-weight:800}
.summary-item strong{font-size:20px;letter-spacing:-.4px;color:#1f2d43;line-height:1.2}
.summary-item strong small{font-size:11px;color:#7d8ca0;margin-left:2px}
.search-wrap{position:relative}.search-wrap>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);z-index:1;color:#8090a4;font-size:18px}.search-wrap .field{padding-left:38px}
.podium-label,.leaderboard-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 2px 13px}.podium-label h2,.leaderboard-head h2{margin:4px 0 0;font-size:24px;letter-spacing:-.6px}.podium-note{font-size:11px;color:#8090a4}
.podium-premium{align-items:stretch;grid-template-columns:1fr 1.08fr 1fr;gap:16px;margin:0 0 36px}.podium-premium .podium-card{cursor:pointer;padding:22px;min-height:250px;display:flex;flex-direction:column;transition:.2s}.podium-premium .podium-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(36,55,84,.09);border-color:#c1d2e8}.podium-premium .podium-rank-1{border:1px solid #9fc4f6;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);transform:translateY(-8px)}.podium-premium .podium-rank-1:hover{transform:translateY(-11px)}
.podium-top{display:flex;align-items:center;justify-content:space-between}.place{font-size:28px;font-weight:950;color:#7d8ca0}.podium-rank-1 .place{color:var(--blue)}.leader-tag{background:var(--blue);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:5px 8px;border-radius:999px}.podium-score{display:flex;align-items:end;gap:7px;margin:16px 0 8px}.podium-score strong{font-size:44px;line-height:.9;letter-spacing:-2px;color:#1d2c42}.podium-score span{font-size:9px;line-height:1.25;color:#7e8da1;font-weight:800}.podium-card h3{font-size:19px;margin:8px 0 10px}.podium-facts{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 16px}.podium-facts span{font-size:10px;background:#f3f6fa;color:#55667e;padding:5px 7px;border-radius:7px}.podium-link{margin-top:auto;border:0;background:transparent;color:var(--blue);font-weight:800;font-size:11px;text-align:left;padding:0;cursor:pointer}
.rank-card{grid-template-columns:70px minmax(260px,1.55fr) 112px minmax(140px,.75fr) 170px;padding:17px 18px}.rank-num{display:flex;flex-direction:column;line-height:1}.rank-num span{font-size:8px;letter-spacing:.09em;color:#98a4b4;margin-bottom:5px}.rank-product{min-width:0}.product-facts{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.product-facts span{font-size:10px;color:#607087;background:#f4f7fa;border-radius:6px;padding:4px 6px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-box{display:flex;align-items:center;gap:6px}.score-box strong{font-size:28px;line-height:1;color:#1f2d43}.score-box small{line-height:1.25}.rank-meta .chips{justify-content:flex-start}.muted-chip{background:#f8fafc;color:#8795a8;border:1px solid #e8edf3}.empty-state{background:#fff;border:1px dashed #d5deea;border-radius:14px;padding:28px;color:#7a899d;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center}
.modal-card{width:min(1180px,calc(100% - 28px));padding:0;overflow:auto;background:#fff}.modal-close{z-index:4;right:20px;top:15px;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e2e8f0;font-size:22px;box-shadow:0 4px 18px rgba(34,50,78,.08)}#modalContent{min-height:300px}.product-profile,.compare-profile,.method-page{padding:34px}.profile-hero{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:12px 52px 28px 0}.profile-main h2{font-size:42px;letter-spacing:-1.7px;margin:6px 0 10px}.profile-chips{margin-top:10px}.profile-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.score-seal{width:142px;height:142px;flex:0 0 142px;border-radius:50%;background:#f6faff;border:1px solid #cfe1f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 7px #fff}.score-seal strong{font-size:48px;line-height:.85;color:var(--blue);letter-spacing:-2px}.score-seal>span{font-size:12px;color:#7c8ba0;margin:3px 0}.score-seal small{font-size:9px;line-height:1.2;font-weight:900;letter-spacing:.08em;color:#5f7088}.quick-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fbfcfe;margin-bottom:22px}.quick-strip>div{padding:14px 15px;border-right:1px solid var(--line);min-width:0}.quick-strip>div:last-child{border-right:0}.quick-strip span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a97a9;font-weight:800;margin-bottom:5px}.quick-strip b{display:block;font-size:12px;color:#33435b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-section{border-top:1px solid var(--line);padding:28px 0}.profile-section:first-of-type{border-top:0}.intro-section{display:grid;grid-template-columns:250px 1fr;gap:30px;align-items:start}.intro-section h3,.section-title h3{font-size:24px;margin:4px 0 0;letter-spacing:-.5px}.section-label{font-size:9px;color:var(--blue);font-weight:900;letter-spacing:.12em}.intro-section .verdict{margin:0;font-size:17px;line-height:1.65;color:#485a73}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:18px}.score-metric{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fbfcfe}.score-metric>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.score-metric span{font-size:12px;color:#5d6e85}.score-metric b{font-size:18px}.score-metric b small{font-size:9px;color:#8a98aa}.meter{height:5px;border-radius:9px;background:#e8eef6;margin-top:9px;overflow:hidden}.meter i{display:block;height:100%;width:var(--w);background:var(--blue);border-radius:9px}.benchmark-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.benchmark-card{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:14px}.benchmark-card span{display:block;font-size:10px;color:#77879c;min-height:26px}.benchmark-card strong{display:block;font-size:22px;color:#203047;margin-top:5px}.spec-sections{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.spec-section{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.spec-section h4{margin:0;padding:13px 15px;background:#f8fafc;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#52647c}.spec-table>div{display:grid;grid-template-columns:1fr 1.1fr;gap:14px;padding:10px 14px;border-bottom:1px solid #edf1f5}.spec-table>div:last-child{border-bottom:0}.spec-table span{font-size:11px;color:#7b899c}.spec-table b{font-size:11px;text-align:right;color:#33445b;word-break:break-word}.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-card{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfcfe}.pc-card h3{font-size:21px;margin:4px 0 11px}.pc-card ul{margin:0;padding-left:18px;color:#53647a}.pc-card li{margin:7px 0;font-size:13px}.pc-card.pro{border-top:3px solid #4e9b7d}.pc-card.con{border-top:3px solid #cf7e7e}
.compare-profile>h2{font-size:34px;letter-spacing:-1px;margin:7px 0}.compare-intro{color:#718198}.compare-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.compare-products>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fbfcfe}.compare-products span{font-size:9px;color:var(--blue);font-weight:900}.compare-products h3{font-size:16px;margin:6px 0 13px}.compare-products strong{font-size:28px}.compare-products small{font-size:10px;color:#8a98aa}.compare-section{border-top:1px solid var(--line);padding-top:22px;margin-top:22px}.compare-section>h3{font-size:18px}.compare-rows{border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-row{display:grid;grid-template-columns:220px repeat(3,1fr);border-bottom:1px solid var(--line)}.compare-row:last-child{border-bottom:0}.compare-label,.compare-value{padding:11px 12px;font-size:11px}.compare-label{background:#f8fafc;color:#66778e;font-weight:700}.compare-value{border-left:1px solid var(--line);color:#34465d;position:relative}.compare-value small{font-size:8px;color:#94a0b1}.best-value{background:#f4f9ff;color:#1769e0;font-weight:900}.best-value em{display:inline-block;margin-left:6px;font-size:8px;font-style:normal;background:#ddebff;color:#1769e0;border-radius:999px;padding:2px 5px}.method-page h2{font-size:36px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.method-grid>div{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fbfcfe}.method-grid strong{font-size:26px;color:var(--blue)}.method-grid h3{margin:8px 0 4px}.method-grid p{font-size:12px;color:#718198}
@media(max-width:1000px){.chart-summary{grid-template-columns:1fr 1fr}.podium-premium{grid-template-columns:1fr 1fr}.podium-premium .podium-rank-1{transform:none}.rank-card{grid-template-columns:55px 1fr 90px}.rank-meta{display:none}.rank-actions{grid-column:auto}.quick-strip{grid-template-columns:repeat(3,1fr)}.benchmark-grid{grid-template-columns:1fr 1fr}.compare-row{grid-template-columns:170px repeat(3,1fr)}}
@media(max-width:700px){.chart-summary{grid-template-columns:1fr 1fr}.summary-item strong{font-size:16px}.podium-label,.leaderboard-head{align-items:flex-start;flex-direction:column}.podium-premium{grid-template-columns:1fr}.podium-premium .podium-card{min-height:auto}.rank-card{grid-template-columns:42px 1fr 68px;gap:10px}.rank-actions{grid-column:2/-1}.product-facts span:nth-child(n+3){display:none}.score-box strong{font-size:22px}.score-box small{font-size:8px}.profile-hero{align-items:flex-start;padding-right:34px}.profile-main h2{font-size:30px}.score-seal{width:100px;height:100px;flex-basis:100px}.score-seal strong{font-size:36px}.quick-strip{grid-template-columns:1fr 1fr}.quick-strip>div{border-bottom:1px solid var(--line)}.intro-section{grid-template-columns:1fr;gap:10px}.score-grid,.spec-sections,.pc-grid{grid-template-columns:1fr}.benchmark-grid{grid-template-columns:1fr 1fr}.product-profile,.compare-profile,.method-page{padding:24px 16px}.compare-products{grid-template-columns:1fr}.compare-rows{overflow:auto}.compare-row{min-width:720px}.method-grid{grid-template-columns:1fr}}
@media(max-width:460px){.chart-summary{grid-template-columns:1fr}.profile-hero{display:block}.score-seal{margin-top:18px}.quick-strip{grid-template-columns:1fr}.benchmark-grid{grid-template-columns:1fr}.rank-card{grid-template-columns:36px 1fr 62px}.product-name{font-size:14px}.product-facts{display:none}}
/* V5.4 category-aware public presentation + lazy YouTube review */
.review-video-section{padding-top:8px}
.video-review-card{position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:22px;overflow:hidden;padding:0;background:#0b1220;cursor:pointer;display:block;text-align:left;box-shadow:0 14px 34px rgba(15,23,42,.12)}
.video-review-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.video-review-card:hover img{transform:scale(1.015)}
.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.05) 40%,rgba(2,6,23,.78) 100%)}
.video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1467df;font-size:28px;padding-left:5px;box-shadow:0 14px 30px rgba(0,0,0,.25)}
.video-caption{position:absolute;left:24px;right:24px;bottom:20px;color:#fff;display:flex;flex-direction:column;gap:4px}
.video-caption b{font-size:18px}.video-caption small{font-size:13px;opacity:.9}
.video-embed{width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 14px 34px rgba(15,23,42,.12)}
.video-embed iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:720px){.video-play-icon{width:58px;height:58px;font-size:22px}.video-caption{left:16px;right:16px;bottom:14px}.video-caption b{font-size:15px}}
/* V5.5 HD YouTube preview + larger YouTube-style play button */
.video-review-card img{image-rendering:auto}
.video-play-icon{width:96px;height:68px;border-radius:18px;background:#ff0000;color:#fff;font-size:31px;padding:0;box-shadow:0 12px 30px rgba(0,0,0,.34);transition:transform .18s ease,background .18s ease}
.video-play-icon span{display:block;transform:translateX(2px);line-height:1}
.video-review-card:hover .video-play-icon{transform:translate(-50%,-50%) scale(1.07);background:#f00000}
@media(max-width:720px){.video-play-icon{width:78px;height:56px;border-radius:15px;font-size:25px}}
/* V5.7: clean pending-score states */
.score-box.unscored .not-scored-text{font-size:14px;letter-spacing:-.2px;color:#6f7f95;white-space:nowrap}.podium-score.unscored .not-scored-text{font-size:38px;color:#93a0b2}.score-seal.unscored{background:#fafbfc;border-style:dashed}.score-seal.unscored .not-scored-text{font-size:40px;color:#8d9bad;letter-spacing:0}.score-seal.unscored>span{font-weight:800;color:#76869b}.compare-products strong{min-height:28px}
\n/* V5.8 TV admin polish */
.editor-panel .score-edit{grid-template-columns:minmax(230px,.85fr) minmax(320px,1.55fr);gap:12px}
.editor-panel .score-edit .field{min-width:0;width:100%}
.editor-panel .score-edit .kvv{font-weight:600;color:#33445b}
.editor-panel .import-group{padding:16px 14px;margin-bottom:14px;border:1px solid #e2eaf4;border-radius:14px;background:#fbfdff}
.editor-panel .import-group h3{margin:0 0 13px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#53677f}
@media(max-width:760px){.editor-panel .score-edit{grid-template-columns:1fr}.editor-panel .score-edit .kvv{min-height:42px}}
/* V5.9 TV leaderboard fact chips */
.product-facts .tv-fact,.podium-facts .tv-fact{display:inline-flex;flex-direction:column;gap:1px;align-items:flex-start;padding:5px 7px;line-height:1.15}
.product-facts .tv-fact small,.podium-facts .tv-fact small{font-size:7px;letter-spacing:.07em;text-transform:uppercase;color:#8a97a9;font-weight:900}
.product-facts .tv-fact b,.podium-facts .tv-fact b{font-size:10px;color:#43536a;font-weight:800;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.review-video-section{padding-top:28px}
@media(max-width:700px){.product-facts .tv-fact b,.podium-facts .tv-fact b{max-width:130px}}
/* V5.16 cinematic homepage redesign */
.home-dark{background:#061424;color:#fff}.home-dark .topbar{display:none}.home-dark .nav{background:rgba(3,17,31,.96);border-bottom:1px solid rgba(91,169,255,.18);position:relative;z-index:20}.home-dark .nav .wrap{max-width:1580px}.home-dark .brand{color:#fff;font-size:25px;letter-spacing:.08em}.home-dark .brand b{color:#1c9dff}.home-dark .navlinks a{color:#eaf4ff}.home-dark .navlinks a.active{color:#fff;border-bottom:3px solid #16a1ff}.home-dark .navlinks .btn{border-bottom:0}.new-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,#0a72d8 0,#073d78 24%,#071b31 52%,#04111f 78%);border-bottom:1px solid rgba(83,169,255,.25)}.new-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,22,.98) 0%,rgba(3,17,31,.91) 35%,rgba(3,17,31,.18) 67%,rgba(3,17,31,.05));pointer-events:none}.new-hero-grid{max-width:1580px;min-height:565px;display:grid;grid-template-columns:44% 56%;align-items:stretch;position:relative;z-index:2}.new-hero-copy{padding:55px 0 30px;position:relative;z-index:4}.hero-kicker{font-size:13px;letter-spacing:.31em;color:#27adff;font-weight:900;margin-bottom:18px}.hero-kicker i{display:inline-block;width:5px;height:5px;background:#27adff;border-radius:50%;margin:0 13px 2px}.new-hero h1{font-size:66px;line-height:.94;letter-spacing:-3.4px;margin:0 0 18px;font-weight:950;color:#fff}.new-hero h1 span{color:#1da5ff}.new-hero-copy>p{font-size:17px;line-height:1.48;max-width:610px;color:#d5e3f0;margin:0 0 22px}.new-hero-actions{display:flex;gap:14px;margin-bottom:25px}.hero-primary,.hero-secondary{border-radius:999px;padding:14px 24px;font-weight:850}.hero-primary{background:#168fff;color:#fff;border:1px solid #40b2ff;box-shadow:0 8px 28px rgba(0,139,255,.26)}.hero-secondary{background:rgba(9,28,48,.72);border:1px solid #77bdf1;color:#fff}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px}.hero-stat{position:relative;border:1px solid rgba(99,176,237,.3);background:rgba(5,25,44,.76);border-radius:12px;padding:16px 14px 14px;min-height:92px}.hero-stat i{font-style:normal;color:#27a9ff;font-size:20px;margin-right:7px}.hero-stat:first-child i{color:#ff3038}.hero-stat strong{font-size:27px;letter-spacing:-1px;color:#fff}.hero-stat span{display:block;font-size:11px;color:#c6d7e7;margin-top:7px}.hero-visual{position:relative;min-height:565px;z-index:1;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(1.03) contrast(1.02)}.hero-visual:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#071b31 0%,rgba(7,27,49,.18) 18%,transparent 45%)}.hero-scribble{position:absolute;z-index:3;left:8%;top:14%;font-size:21px;line-height:1.05;font-weight:800;font-style:italic;transform:rotate(-7deg);color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.4)}.home-categories{background:#061424;border-bottom:1px solid rgba(84,159,220,.22);padding:12px 0}.home-categories .wrap{max-width:1580px}.home-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.home-category-card{min-height:118px;border:1px solid rgba(104,169,222,.28);background:linear-gradient(135deg,#0b2035,#0a1b2d);border-radius:16px;padding:18px;display:grid;grid-template-columns:105px 1fr 20px;gap:15px;align-items:center;color:#fff;transition:.2s}.home-category-card:hover{transform:translateY(-3px);border-color:#239fff;background:#0d2741}.home-cat-icon{height:82px;border-radius:12px;display:grid;place-items:center;font-size:48px;font-weight:900;background:linear-gradient(145deg,#112f4d,#0b1726);color:#38acff}.home-category-card h3{font-size:20px;margin:0 0 8px;line-height:1.05}.home-category-card p{font-size:12px;color:#c3d3e2;margin:0;line-height:1.35}.home-category-card>b{font-size:30px;font-weight:300}.deals-card .home-cat-icon{background:linear-gradient(145deg,#1477e8,#0d42bd);color:#fff;clip-path:polygon(14% 12%,86% 12%,100% 50%,86% 88%,14% 88%,0 50%)}.trust-strip{background:#071625;border-bottom:1px solid rgba(84,159,220,.2);padding:18px 0}.trust-strip .wrap{max-width:1580px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.trust-strip .wrap>div{display:flex;gap:12px;align-items:center}.trust-strip b{font-size:28px;color:#25aaff}.trust-strip span{display:flex;flex-direction:column}.trust-strip strong{font-size:13px;color:#fff}.trust-strip small{font-size:10px;color:#8fa8bd;margin-top:2px}.home-rankings-detail{background:#f5f8fc;color:#14233a}.home-rankings-detail h2 span{color:#168fff}.home-score-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.home-score-stack .score-card{background:#fff}.home-dark .footer{background:#04111f;border-top:1px solid rgba(84,159,220,.2);color:#91a8bc}
@media(max-width:1100px){.new-hero-grid{grid-template-columns:1fr;min-height:0}.new-hero-copy{padding:48px 0 28px}.hero-visual{min-height:420px}.new-hero:after{background:linear-gradient(180deg,rgba(2,12,22,.3),rgba(3,17,31,.08))}.home-category-grid{grid-template-columns:1fr 1fr}.trust-strip .wrap{grid-template-columns:1fr 1fr}.new-hero h1{font-size:58px}}
@media(max-width:700px){.new-hero h1{font-size:44px;letter-spacing:-2px}.hero-kicker{font-size:10px;letter-spacing:.2em}.new-hero-actions{flex-direction:column}.hero-stats{grid-template-columns:1fr}.hero-stat{min-height:auto}.hero-visual{min-height:330px}.home-category-grid,.trust-strip .wrap,.home-score-stack{grid-template-columns:1fr}.home-category-card{grid-template-columns:80px 1fr 20px}.home-cat-icon{height:70px}.home-dark .navlinks a:not(.btn){display:none}}
/* V5.17 — Homepage light chrome to match the approved mockup */
.home-dark{background:#f5f8fc;color:var(--text)}
/* Keep the homepage header consistent with the light leaderboard pages. */
.home-dark .topbar{display:none}
.home-dark .nav{
position:sticky;
top:0;
z-index:50;
background:rgba(255,255,255,.97);
backdrop-filter:blur(16px);
border-bottom:1px solid #e0e7f1;
box-shadow:0 1px 0 rgba(20,47,84,.02)
}
.home-dark .nav .wrap{max-width:1580px}
.home-dark .brand{color:#101a2d;font-size:25px;letter-spacing:.08em}
.home-dark .brand b{color:#168fff}
.home-dark .navlinks{color:#42516a}
.home-dark .navlinks a{color:#26364e}
.home-dark .navlinks a:hover{color:#168fff}
.home-dark .navlinks a.active{color:#111d31;border-bottom:3px solid #168fff}
.home-dark .navlinks .btn{
color:#fff;
background:#168fff;
border-color:#168fff;
border-bottom:1px solid #168fff
}
.home-dark .navlinks .btn:hover{background:#0f7ddb;border-color:#0f7ddb;color:#fff}
/* Light band behind the dark ranking/deals cards, exactly as in the mockup. */
.home-categories{
background:linear-gradient(180deg,#edf6ff 0%,#f5f9fd 100%);
border-top:1px solid #dbe8f5;
border-bottom:1px solid #dce7f2;
padding:14px 0
}
.home-categories .wrap{max-width:1580px}
.home-category-card{
box-shadow:0 8px 22px rgba(13,42,72,.08)
}
/* The credibility strip under the cards also uses the light mockup treatment. */
.trust-strip{
background:#fff;
border-bottom:1px solid #dde6f0;
padding:18px 0
}
.trust-strip .wrap{max-width:1580px}
.trust-strip .wrap>div:not(:last-child){border-right:1px solid #dce4ee;padding-right:22px}
.trust-strip b{color:#168fff}
.trust-strip strong{color:#17243a}
.trust-strip small{color:#68788e}
/* Let the rest of the homepage continue naturally into the existing light site. */
.home-rankings-detail{background:#f5f8fc}
.home-dark .footer{background:#fff;border-top:1px solid #dde6f0;color:#6f7f94}
@media(max-width:900px){
.trust-strip .wrap>div:not(:last-child){border-right:0;padding-right:0}
}
/* V5.18 — approved mockup match */
.site-main-nav{background:#fff!important;border-bottom:1px solid #dce7f2!important;box-shadow:0 2px 12px rgba(31,65,100,.05);position:relative;z-index:30}
.site-main-nav .header-grid{max-width:1580px;display:grid;grid-template-columns:250px minmax(520px,1fr) 245px minmax(320px,400px);gap:22px;align-items:center;min-height:92px}
.brand-lockup{display:flex!important;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none!important;border-right:1px solid #d6e0eb;padding-right:24px}
.brand-lockup .brand-main{font-size:43px;font-weight:1000;letter-spacing:-2px;color:#07111f}
.brand-lockup .brand-main::after{content:'Z';color:#168fff;margin-left:-1px}
.brand-lockup .brand-sub{font-size:15px;font-weight:950;letter-spacing:.26em;color:#07111f;margin-top:1px}
.brand-lockup small{font-size:9px;font-weight:900;letter-spacing:.15em;color:#243651;margin-top:5px}
.site-main-nav .navlinks{display:flex;gap:32px;align-items:center;justify-content:center}
.site-main-nav .navlinks a{font-size:15px;font-weight:800;color:#18263d;padding:33px 0 28px;white-space:nowrap}
.site-main-nav .navlinks a.active{color:#16233a;border-bottom:4px solid #168fff}
.channel-badge{display:flex;align-items:center;gap:12px;text-decoration:none;color:#132139;border-left:1px solid #d6e0eb;padding-left:20px;min-width:0}
.channel-youtube-icon{width:48px;height:auto;flex:0 0 auto}
.channel-badge span{display:flex;flex-direction:column;min-width:0}.channel-badge strong{font-size:14px;line-height:1.1;white-space:nowrap}.channel-badge small{font-size:12px;color:#2d4260;margin-top:4px;white-space:nowrap}
.site-search{height:48px;border:1px solid #cfe1f3;background:#f8fbff;border-radius:25px;display:grid;grid-template-columns:40px 1fr 54px;align-items:center;overflow:hidden}.site-search>span{font-size:24px;text-align:center;color:#24364e}.site-search input{border:0;outline:0;background:transparent;width:100%;font-size:12px;color:#1c2c43}.site-search button{align-self:stretch;border:0;background:#1288f6;color:white;font-size:24px;cursor:pointer}
.home-dark .nav{padding:0!important}.home-dark .brand{font-size:inherit!important;letter-spacing:inherit!important}.home-dark .navlinks a{color:#18263d!important}.home-dark .navlinks a.active{color:#16233a!important}
.new-hero-grid{max-width:1580px;min-height:550px;grid-template-columns:43% 57%}
.new-hero-copy{padding:45px 0 24px}.new-hero h1{font-size:62px}.new-hero-copy>p{font-size:16px;max-width:600px}.hero-stats{max-width:650px;gap:10px}.hero-stat{min-height:108px;padding:15px 14px 12px}.hero-stat i{display:inline-grid;width:38px;height:32px;vertical-align:middle;color:#2dacff;margin-right:5px}.hero-stat i svg{width:100%;height:100%;fill:currentColor}.hero-stat strong{font-size:29px}.hero-stat span{font-size:12px;color:#e6f0fa;margin-top:6px}.hero-stat small{display:block;font-size:9px;color:#8eb4d1;margin-top:5px}.hero-stat:first-child i{color:#2dacff}
.home-categories{background:#f2f7fc!important;padding:14px 0 16px!important;border-bottom:1px solid #dbe6f0!important}.home-category-grid{gap:16px}.home-category-card{min-height:145px;grid-template-columns:135px 1fr 20px;padding:13px 16px 13px 12px;border-radius:15px;background:linear-gradient(135deg,#0b2035,#0a1b2d)!important;color:#fff!important;overflow:hidden}.home-category-card:hover{background:linear-gradient(135deg,#0d2946,#0a1c30)!important}.home-cat-image{height:115px;border-radius:10px;overflow:hidden;background:#0c1b2d}.home-cat-image img{width:100%;height:100%;object-fit:cover;display:block}.home-category-card h3{font-size:19px}.home-category-card p{font-size:12px}.home-category-card small{display:block;color:#1aa4ff;font-size:10px;margin-top:7px}.home-category-card>b{color:#fff;font-size:23px}.deals-card .home-cat-image{clip-path:none;background:#0b1d31}
.trust-strip{background:#fff!important;padding:18px 0!important;border-bottom:1px solid #dbe5ef!important}.trust-strip .wrap{grid-template-columns:repeat(4,1fr) 260px;gap:0}.trust-strip .wrap>div{padding:0 28px;min-height:54px}.trust-strip .wrap>div:first-child{padding-left:8px}.trust-strip strong{font-size:13px!important;color:#18263d!important}.trust-strip small{font-size:10px!important;color:#63758b!important}.trust-strip b{font-size:29px!important;color:#168fff!important}
@media(max-width:1320px){.site-main-nav .header-grid{grid-template-columns:220px 1fr 220px}.site-search{display:none}.site-main-nav .navlinks{gap:20px}.brand-lockup .brand-main{font-size:38px}}
@media(max-width:1000px){.site-main-nav .header-grid{grid-template-columns:210px 1fr}.channel-badge{display:none}.site-main-nav .navlinks{justify-content:flex-end}.site-main-nav .navlinks a:nth-child(n+5){display:none}.home-category-card{grid-template-columns:110px 1fr 18px}.home-cat-image{height:95px}.trust-strip .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-main-nav .header-grid{grid-template-columns:1fr auto;min-height:78px}.brand-lockup{border-right:0}.brand-lockup .brand-main{font-size:34px}.brand-lockup .brand-sub{font-size:11px}.brand-lockup small{font-size:7px}.site-main-nav .navlinks a{display:none!important}.site-main-nav .navlinks a.active{display:block!important;padding:28px 0}.new-hero-grid{grid-template-columns:1fr}.home-category-card{grid-template-columns:95px 1fr 18px;min-height:120px}.home-cat-image{height:90px}.trust-strip .wrap{grid-template-columns:1fr}.trust-strip .wrap>div{padding:10px 6px!important;border-right:0!important}}
/* V5.19 editable navigation */
.nav-editor{display:grid;gap:10px}.nav-editor-row{display:grid;grid-template-columns:90px minmax(150px,.8fr) minmax(260px,1.5fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px solid #e4eaf2;border-radius:12px;background:#f8fafc}.nav-editor-row .field{margin:0}.nav-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#52647c;white-space:nowrap}.nav-move{display:flex;gap:5px}.nav-mini-btn{border:1px solid #dbe4ef;background:#fff;border-radius:9px;padding:8px 9px;cursor:pointer;font-weight:800;color:#334155}.nav-mini-btn:hover{background:#eef6ff}.nav-delete{color:#b42318}.brand-lockup .brand-main{display:block}.brand-lockup .brand-sub{display:block;margin-top:-2px}.brand-lockup small{display:none!important}
@media(max-width:850px){.nav-editor-row{grid-template-columns:1fr 1fr}.nav-editor-row .nav-url{grid-column:1/-1}.nav-move{justify-content:flex-end}}
/* V5.20 — Chigz Tech logo + enhanced navigation hover */
.brand-lockup-image{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding-right:24px!important;border-right:1px solid #d6e0eb!important;overflow:visible}
.brand-lockup-image img{display:block;width:218px;height:auto;max-height:70px;object-fit:contain;object-position:left center;transition:transform .28s ease,filter .28s ease}
.brand-lockup-image:hover img{transform:translateY(-1px) scale(1.018);filter:drop-shadow(0 7px 12px rgba(22,143,255,.14))}
.site-main-nav .navlinks a:not(.btn){position:relative;z-index:0;padding:13px 17px!important;border-radius:12px;border-bottom:0!important;overflow:hidden;transition:color .22s ease,transform .22s ease,box-shadow .22s ease}
.site-main-nav .navlinks a:not(.btn)::before{content:"";position:absolute;z-index:-1;inset:0;border-radius:12px;background:linear-gradient(135deg,rgba(22,143,255,.12),rgba(22,105,224,.06));opacity:0;transform:scale(.82);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
.site-main-nav .navlinks a:not(.btn)::after{content:"";position:absolute;left:50%;bottom:5px;width:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#10b9ff,#1769e0);box-shadow:0 0 12px rgba(22,143,255,.48);transform:translateX(-50%);transition:width .24s cubic-bezier(.2,.8,.2,1)}
.site-main-nav .navlinks a:not(.btn):hover{color:#0b73da!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(23,105,224,.08)}
.site-main-nav .navlinks a:not(.btn):hover::before{opacity:1;transform:scale(1)}
.site-main-nav .navlinks a:not(.btn):hover::after{width:42%}
.site-main-nav .navlinks a:not(.btn).active{color:#0f5fc4!important;background:linear-gradient(135deg,rgba(22,143,255,.10),rgba(22,105,224,.05));box-shadow:inset 0 0 0 1px rgba(22,143,255,.09)}
.site-main-nav .navlinks a:not(.btn).active::after{width:42%}
.site-main-nav .navlinks a:not(.btn):focus-visible{outline:3px solid rgba(22,143,255,.22);outline-offset:3px}
@media(max-width:1320px){.brand-lockup-image img{width:195px}.brand-lockup-image{padding-right:18px!important}}
@media(max-width:700px){.brand-lockup-image{border-right:0!important;padding-right:0!important}.brand-lockup-image img{width:190px;max-height:58px}}
/* V5.22 — move the duplicated hero slogan away from the baked-in artwork */
@media (min-width:1101px){
.hero-scribble{
left:auto!important;
right:4.5%!important;
top:8%!important;
width:170px;
text-align:center;
font-size:22px!important;
line-height:1.08!important;
transform:rotate(-6deg)!important;
text-shadow:0 3px 14px rgba(0,0,0,.46)!important;
}
}
@media (max-width:1100px){
.hero-scribble{
left:auto!important;
right:5%!important;
top:8%!important;
text-align:center;
}
}
/* V5.23 — remove the duplicated handwritten hero slogan completely */
.hero-scribble{display:none!important}
/* V5.25 — hero composition: keep Chigz and the full Fold visible; crop from far right instead */
@media (min-width:1101px){
.hero-visual img{
object-fit:cover;
object-position:left center!important;
}
}
/* V5.27 — Latest Reviews + live global search */
.site-search-wrap{position:relative;min-width:0;z-index:80}
.site-search-wrap .site-search{width:100%}
.live-search-results{position:absolute;top:calc(100% + 10px);right:0;width:min(520px,calc(100vw - 28px));background:#fff;border:1px solid #d8e5f1;border-radius:17px;box-shadow:0 24px 65px rgba(20,47,77,.22);padding:8px;overflow:hidden;color:#17243a}
.live-search-results[hidden]{display:none!important}
.live-search-item{display:grid;grid-template-columns:72px 1fr 18px;gap:12px;align-items:center;padding:8px;border-radius:12px;color:#17243a;text-decoration:none;transition:background .16s ease,transform .16s ease}
.live-search-item:hover,.live-search-item.active{background:#edf7ff;transform:translateX(2px)}
.live-search-item img,.search-fallback{width:72px;height:48px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#0b2035,#168fff);display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px}
.search-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.search-copy strong{font-size:13px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-copy small{font-size:10px;color:#708299;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-search-item>b{font-size:22px;color:#168fff}.live-search-empty{padding:20px 18px;display:flex;flex-direction:column;gap:4px}.live-search-empty strong{font-size:13px}.live-search-empty span{font-size:11px;color:#708299}
.latest-reviews-section{background:#f5f8fc;color:#17243a;padding:54px 0 58px;border-top:1px solid #e0e8f1;border-bottom:1px solid #dbe5ef}
.latest-reviews-section .wrap{max-width:1580px}.latest-reviews-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.latest-reviews-head .kicker{font-size:11px;letter-spacing:.22em;color:#168fff;font-weight:900;margin-bottom:9px}.latest-reviews-head h2{margin:0;font-size:38px;letter-spacing:-1.6px;line-height:1}.latest-reviews-head h2 span{color:#168fff}.latest-reviews-head p{margin:10px 0 0;color:#64758b;font-size:13px}.latest-youtube-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8ddef;background:#fff;color:#0b6fc7;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:850;box-shadow:0 6px 18px rgba(30,78,121,.07);white-space:nowrap}.latest-youtube-link:hover{border-color:#168fff;background:#edf7ff;transform:translateY(-1px)}
.latest-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.latest-review-card{background:#fff;border:1px solid #dce6ef;border-radius:18px;overflow:hidden;box-shadow:0 11px 30px rgba(38,73,108,.08);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.latest-review-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(38,73,108,.14);border-color:#b8d9f5}.latest-review-thumb{position:relative;display:block;aspect-ratio:16/9;background:#071b31;overflow:hidden}.latest-review-thumb>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}.latest-review-card:hover .latest-review-thumb>img{transform:scale(1.025)}.latest-review-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,17,31,.35))}.latest-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:42px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.28));transition:transform .18s ease}.latest-play svg{width:58px;height:42px}.latest-review-card:hover .latest-play{transform:translate(-50%,-50%) scale(1.08)}.latest-score{position:absolute;z-index:3;right:11px;top:11px;background:rgba(4,17,31,.9);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 9px;font-weight:900;font-size:13px;backdrop-filter:blur(8px)}.latest-score small{font-size:8px;color:#9bcfff;margin-left:1px}.latest-review-body{padding:15px 16px 16px}.latest-review-type{font-size:9px;letter-spacing:.16em;color:#168fff;font-weight:900;text-transform:uppercase}.latest-review-body h3{font-size:18px;line-height:1.15;margin:6px 0 14px;letter-spacing:-.35px}.latest-review-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #edf1f5}.latest-review-actions a{font-size:10px;font-weight:850;color:#168fff}.latest-review-actions a:first-child{color:#19283d}
@media(max-width:1100px){.latest-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.latest-reviews-section{padding:38px 0}.latest-reviews-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.latest-reviews-head h2{font-size:31px}.latest-reviews-grid{grid-template-columns:1fr}.live-search-results{position:fixed;left:14px;right:14px;top:84px;width:auto;max-height:70vh;overflow:auto}}
/* V5.30 — 20% larger CHIGZ TECH header logo only */
@media (min-width:1321px){
.site-main-nav .header-grid{grid-template-columns:290px minmax(500px,1fr) 245px minmax(300px,400px)}
.brand-lockup-image img{width:262px;max-height:84px}
.brand-lockup-image{padding-right:18px!important}
}
@media (min-width:1001px) and (max-width:1320px){
.site-main-nav .header-grid{grid-template-columns:250px 1fr 220px}
.brand-lockup-image img{width:234px;max-height:78px}
}
/* V5.34 — permanent individual product pages */
.product-page-body{background:#f4f8fc;color:#142338}.product-page-main{padding:34px 0 70px}.product-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:#728197;margin:4px 0 22px}.product-breadcrumb a{color:#52708f;text-decoration:none}.product-breadcrumb a:hover{color:#168fff}.product-breadcrumb b{color:#24384f;font-weight:700}.product-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:42px;align-items:center;background:#fff;border:1px solid #dce7f2;border-radius:26px;padding:46px 48px;box-shadow:0 14px 40px rgba(41,75,111,.08);margin-bottom:20px}.product-page-copy h1{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:10px 0 16px;color:#101d2d}.product-page-copy>p{font-size:17px;line-height:1.72;color:#5a6b80;max-width:820px;margin:18px 0 0}.product-page-score{width:174px;height:174px;justify-self:end}.product-page-score strong{font-size:54px}.product-page-quick{margin:0 0 20px;background:#fff;border:1px solid #dce7f2;border-radius:20px;overflow:hidden}.product-page-main .profile-section{background:#fff;border:1px solid #dce7f2;border-radius:22px;padding:32px;margin:20px 0;box-shadow:0 10px 28px rgba(41,75,111,.055)}.product-page-main .profile-section h2{margin:5px 0 0;font-size:28px;letter-spacing:-.025em}.product-page-main .intro-section{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:38px;align-items:start}.product-related{margin:48px 0 0}.product-related>.section-title{margin-bottom:18px}.product-related h2{font-size:30px;margin:5px 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:flex;flex-direction:column;min-height:180px;padding:24px;background:#fff;border:1px solid #dce7f2;border-radius:18px;text-decoration:none;color:#13263b;box-shadow:0 8px 24px rgba(41,75,111,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-3px);border-color:#aad4fb;box-shadow:0 14px 32px rgba(41,75,111,.1)}.related-card>span{font-size:11px;font-weight:800;letter-spacing:.09em;color:#168fff}.related-card h3{font-size:20px;line-height:1.15;margin:12px 0 15px}.related-card strong{font-size:21px;margin-top:auto}.related-card small{color:#168fff;font-weight:700;margin-top:12px}.product-not-found{background:#fff;border:1px solid #dce7f2;border-radius:24px;padding:60px;text-align:center;margin:60px auto;max-width:800px}.product-not-found h1{font-size:42px;margin:10px 0}.product-not-found p{color:#65778b;margin-bottom:25px}.full-page-link{white-space:nowrap}
@media(max-width:800px){.product-page-main{padding-top:20px}.product-page-hero{grid-template-columns:1fr;padding:28px 22px;gap:22px}.product-page-score{justify-self:start;width:138px;height:138px}.product-page-score strong{font-size:44px}.product-page-main .intro-section{grid-template-columns:1fr;gap:14px}.related-grid{grid-template-columns:1fr}.product-page-main .profile-section{padding:23px 19px}.product-page-quick{overflow-x:auto}.product-not-found{padding:36px 22px;margin:30px auto}}
/* V5.40 — premium individual product page polish */
.product-page-body{background:linear-gradient(180deg,#eef5fb 0,#f7f9fc 430px,#f5f8fc 100%)}
.product-page-main{padding:28px 0 84px}
.product-page-main>.wrap{max-width:1320px}
.product-breadcrumb{margin:7px 0 18px;padding:0 4px;font-size:12px;font-weight:700;letter-spacing:.01em}
.product-breadcrumb span{color:#a6b4c4}.product-breadcrumb b{max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-page-hero{position:relative;overflow:hidden;grid-template-columns:minmax(0,1fr) 220px;gap:54px;min-height:330px;padding:50px 54px;margin-bottom:14px;background:radial-gradient(circle at 86% 12%,rgba(27,158,255,.32),transparent 32%),linear-gradient(135deg,#07192c 0%,#0a2948 52%,#0b3f73 100%);border:1px solid rgba(83,177,255,.34);box-shadow:0 24px 55px rgba(14,52,88,.18);color:#fff}
.product-page-hero:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-95px;bottom:-180px;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018);pointer-events:none}
.product-page-copy{position:relative;z-index:1}.product-page-copy .kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(79,184,255,.35);border-radius:999px;background:rgba(15,91,151,.22);color:#61c3ff;font-size:11px;font-weight:900;letter-spacing:.12em}
.product-page-copy h1{max-width:850px;margin:16px 0 14px;color:#fff;font-size:clamp(38px,4.5vw,64px);line-height:.98;letter-spacing:-.048em;text-wrap:balance}
.product-page-copy>p{max-width:830px;margin:19px 0 0;color:#d5e4f1;font-size:16px;line-height:1.68}
.product-page-copy .profile-chips{margin-top:6px}.product-page-copy .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#e9f5ff}.product-page-copy .badge{background:#168fff;color:#fff;border-color:#45b1ff}
.product-page-copy .profile-actions{margin-top:26px;gap:10px}.product-page-copy .btn{min-height:45px;border-radius:12px;padding:12px 18px}.product-page-copy .btn.primary{background:#168fff;border-color:#47b5ff;box-shadow:0 10px 24px rgba(0,132,255,.28)}.product-page-copy .btn.glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2);color:#fff}.product-page-copy .btn.glass:hover{background:rgba(255,255,255,.13)}
.product-page-score{position:relative;z-index:1;width:190px;height:190px;justify-self:end;background:radial-gradient(circle at 35% 28%,#fff 0,#f5fbff 42%,#e8f4ff 100%);border:7px solid rgba(255,255,255,.9);outline:1px solid rgba(77,184,255,.45);box-shadow:0 18px 45px rgba(0,0,0,.25),inset 0 0 0 1px #cfe9ff;color:#0d2942}.product-page-score strong{font-size:58px;color:#0876d7;letter-spacing:-.06em}.product-page-score span{color:#597187;font-weight:900;letter-spacing:.055em}.product-page-score.unscored{background:#f6fbff}
.product-page-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 14px;border-radius:17px;box-shadow:0 8px 24px rgba(31,67,101,.055)}.product-page-quick>div{min-height:88px;padding:18px 20px;background:#fff}.product-page-quick>div:first-child{border-radius:17px 0 0 17px}.product-page-quick>div:last-child{border-radius:0 17px 17px 0}.product-page-quick span{font-size:9px;letter-spacing:.09em;color:#8392a5;font-weight:900}.product-page-quick b{margin-top:6px;color:#172a40;font-size:14px;line-height:1.28}
.product-section-nav{position:sticky;top:8px;z-index:12;display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 18px;padding:7px;background:rgba(255,255,255,.94);border:1px solid #dbe7f2;border-radius:999px;box-shadow:0 10px 28px rgba(26,61,96,.11);backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:none}.product-section-nav::-webkit-scrollbar{display:none}.product-section-nav a{flex:0 0 auto;padding:8px 13px;border-radius:999px;color:#51667d;text-decoration:none;font-size:11px;font-weight:850}.product-section-nav a:hover{background:#eaf5ff;color:#0878dc}
.product-page-main .profile-section{border-radius:20px;padding:34px 36px;margin:16px 0;border-color:#dfe8f1;box-shadow:0 9px 28px rgba(31,67,101,.05)}
.product-page-main .profile-section .section-label,.product-related .section-label{color:#168fff;font-size:10px;font-weight:950;letter-spacing:.14em}.product-page-main .profile-section h2,.product-related h2{color:#13263b;font-size:28px;letter-spacing:-.035em}
.product-page-main .intro-section{position:relative;grid-template-columns:minmax(230px,.62fr) minmax(0,1.55fr);gap:46px;border-left:4px solid #168fff}.product-page-main .intro-section .verdict{margin:0;color:#40556d;font-size:17px;line-height:1.75}
.product-page-main .score-grid{gap:12px}.product-page-main .score-metric{padding:17px 18px;border:1px solid #e1e9f1;border-radius:14px;background:#fbfdff}.product-page-main .score-metric>div:first-child{align-items:center}.product-page-main .score-metric span{color:#344b63;font-weight:800}.product-page-main .score-metric b{font-size:22px;color:#0e75d2}.product-page-main .score-metric b small{color:#8a9aac}.product-page-main .meter{height:7px;background:#e8eef5;border-radius:999px;overflow:hidden}.product-page-main .meter i{display:block;height:100%;width:var(--w);border-radius:999px;background:linear-gradient(90deg,#168fff,#54baff)}
.product-page-main .benchmark-grid{gap:12px}.product-page-main .benchmark-card{min-height:105px;padding:20px;border:1px solid #e0e9f2;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbfe)}.product-page-main .benchmark-card span{color:#72849a;font-size:11px;font-weight:800}.product-page-main .benchmark-card strong{margin-top:8px;color:#142b43;font-size:24px;letter-spacing:-.025em}
.product-page-main .spec-sections{gap:14px}.product-page-main .spec-section{overflow:hidden;border:1px solid #e0e8f1;border-radius:16px;background:#fff}.product-page-main .spec-section h3{margin:0;padding:15px 18px;background:#f5f9fd;border-bottom:1px solid #e1eaf3;color:#1b3956;font-size:13px;letter-spacing:.03em}.product-page-main .spec-table>div{padding:12px 18px}.product-page-main .spec-table>div:nth-child(even){background:#fbfdff}.product-page-main .spec-table span{color:#6c7e92}.product-page-main .spec-table b{color:#253c53;font-weight:750}
.product-page-main .pc-grid{gap:14px}.product-page-main .pc-card{position:relative;overflow:hidden;border-radius:17px;padding:26px 28px;border:1px solid #e1e8f0}.product-page-main .pc-card.pro{background:linear-gradient(145deg,#f6fff9,#fff)}.product-page-main .pc-card.con{background:linear-gradient(145deg,#fff9f8,#fff)}.product-page-main .pc-card.pro:before,.product-page-main .pc-card.con:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.product-page-main .pc-card.pro:before{background:#28a96b}.product-page-main .pc-card.con:before{background:#e45c55}.product-page-main .pc-card h2{font-size:24px}.product-page-main .pc-card li{padding:8px 0;color:#40536a;line-height:1.45}
.product-page-main .review-video-section{padding:30px}.product-page-main .video-review-card{border-radius:17px;box-shadow:0 16px 36px rgba(12,35,59,.16)}
.product-related{margin-top:36px;padding-top:8px}.related-grid{gap:13px}.related-card{min-height:168px;border-radius:17px;padding:22px;background:linear-gradient(180deg,#fff,#fbfdff)}.related-card:hover{transform:translateY(-4px);border-color:#7fc3fb}.related-card h3{font-size:19px}.related-card strong{color:#0b79d8;font-size:22px}
html{scroll-behavior:smooth}.profile-section,.product-related{scroll-margin-top:82px}
@media(max-width:1000px){.product-page-hero{grid-template-columns:minmax(0,1fr) 160px;gap:28px;padding:38px}.product-page-score{width:150px;height:150px}.product-page-score strong{font-size:48px}.product-page-quick{grid-template-columns:repeat(3,1fr)}.product-page-quick>div:first-child,.product-page-quick>div:last-child{border-radius:0}.product-page-quick>div:nth-child(n+4){border-top:1px solid #e3ebf3}}
@media(max-width:800px){.product-page-main{padding-top:16px}.product-breadcrumb{padding:0 2px}.product-page-hero{grid-template-columns:1fr;min-height:0;padding:28px 23px;border-radius:21px}.product-page-copy h1{font-size:38px}.product-page-copy>p{font-size:15px}.product-page-score{justify-self:start;width:128px;height:128px;border-width:5px}.product-page-score strong{font-size:40px}.product-page-score span{font-size:9px}.product-page-quick{grid-template-columns:1fr 1fr}.product-page-quick>div{min-height:76px;padding:15px}.product-section-nav{justify-content:flex-start;margin-left:0;margin-right:0;border-radius:14px}.product-page-main .profile-section{padding:24px 20px}.product-page-main .intro-section{grid-template-columns:1fr;gap:14px}.product-page-main .intro-section .verdict{font-size:16px}.related-grid{grid-template-columns:1fr}.product-page-copy .profile-actions{display:grid;grid-template-columns:1fr}.product-page-copy .btn{text-align:center;justify-content:center}}
@media(max-width:480px){.product-page-quick{grid-template-columns:1fr}.product-page-copy h1{font-size:34px}.product-page-main .profile-section h2,.product-related h2{font-size:24px}.product-page-main .benchmark-grid{grid-template-columns:1fr}.product-breadcrumb b{max-width:230px}}
/* V5.41 — restore horizontal chart filters */
.advanced-filter-shell{margin:14px 0 24px;padding:16px 18px;border:1px solid #dce7f3;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 24px rgba(15,43,74,.05)}
.advanced-filter-top{display:flex;align-items:center;gap:14px;margin-bottom:13px}
.advanced-filter-top>div{margin-right:auto;display:flex;align-items:baseline;gap:12px}
.advanced-filter-top strong{font-size:15px;color:#10233f}
.filter-clear{border:0;background:none;color:#168cf2;font-weight:800;cursor:pointer}
.filter-mobile-toggle{display:none;border:1px solid #cfe1f4;background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;color:#0e2744}
.filter-mobile-toggle span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#1597f5;color:#fff;font-size:11px}
.advanced-filter-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.advanced-filter-fields label>span{display:block;margin:0 0 5px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#647b94;text-transform:uppercase}
.advanced-filter-fields .field{width:100%;min-width:0}
.active-filter-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.active-filter-pills:empty{display:none}
.filter-pill{border:1px solid #b9dcfb;background:#edf7ff;color:#0b69b6;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}
.filter-pill:hover{background:#dff1ff}
@media(max-width:1050px){.advanced-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.advanced-filter-shell{padding:13px}.advanced-filter-top>div{display:block}.advanced-filter-top .kicker{display:block}.filter-mobile-toggle{display:inline-flex;align-items:center;gap:7px}.advanced-filter-fields{display:none;grid-template-columns:1fr 1fr;margin-top:12px}.advanced-filter-shell.filters-open .advanced-filter-fields{display:grid}.filter-clear{font-size:12px}.active-filter-pills{margin-top:8px}}
@media(max-width:460px){.advanced-filter-fields{grid-template-columns:1fr}}
/* V5.55 Beebom-inspired information hierarchy, Chigz Tech identity */
.product-page-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;padding:34px;border:1px solid #dce6f2;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);box-shadow:0 16px 45px rgba(18,48,86,.08)}
.product-page-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.02;margin:8px 0 14px;letter-spacing:-.04em}.product-page-score{width:190px;height:190px;justify-self:end;box-shadow:0 18px 45px rgba(22,91,255,.18)}
.product-page-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0 28px;background:transparent;border:0;padding:0}.product-page-quick>div{min-height:104px;border:1px solid #dce6f2;background:#fff;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:8px;justify-content:center;box-shadow:0 8px 22px rgba(20,47,82,.05)}.product-page-quick span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#718096;font-weight:800}.product-page-quick b{font-size:15px;line-height:1.35;color:#15243a}
.product-section-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid #dce6f2;border-radius:15px;padding:8px;margin:0 0 24px;display:flex;gap:5px;overflow:auto}.product-section-nav a{white-space:nowrap;padding:9px 13px;border-radius:10px;font-weight:750;color:#52627a;text-decoration:none}.product-section-nav a:hover{background:#edf5ff;color:#1262e8}
.profile-section{border:1px solid #dce6f2;border-radius:22px;background:#fff;padding:26px;margin:18px 0;box-shadow:0 8px 25px rgba(20,47,82,.045)}
.key-specs-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 12px}.key-specs-heading h2{margin:3px 0 0;font-size:26px}.key-specs-heading p{margin:0;color:#728198;max-width:500px;text-align:right}
.spec-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.spec-section{border:1px solid #dce6f2;border-radius:18px;overflow:hidden;background:#fff;margin:0}.spec-section h3{margin:0;padding:15px 17px;background:#f7faff;border-bottom:1px solid #dce6f2;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#526985}.spec-table>div{display:grid;grid-template-columns:minmax(130px,.85fr) minmax(0,1.45fr);gap:16px;padding:12px 16px;border-bottom:1px solid #edf1f6;align-items:start}.spec-table>div:last-child{border-bottom:0}.spec-table span{color:#738198;font-size:13px}.spec-table b{font-size:13px;line-height:1.45;text-align:right;overflow-wrap:anywhere}
.score-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.score-metric{border:1px solid #dce6f2;border-radius:16px;padding:16px;background:#f9fbfe}.score-metric>div:first-child{display:flex;justify-content:space-between;gap:10px}.score-metric b{font-size:22px;color:#1262e8}.score-metric small{font-size:11px;color:#8491a5}
.pc-grid{gap:16px}.pc-card{border-radius:18px;border:1px solid #dce6f2;padding:22px}.review-video-section{padding:24px}
@media(max-width:1000px){.product-page-quick{grid-template-columns:repeat(3,1fr)}.score-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-page-hero{grid-template-columns:1fr;padding:24px}.product-page-score{justify-self:start;width:150px;height:150px}.product-page-quick{grid-template-columns:repeat(2,1fr)}.spec-sections{grid-template-columns:1fr}.score-grid{grid-template-columns:1fr}.key-specs-heading{display:block}.key-specs-heading p{text-align:left;margin-top:7px}.spec-table>div{grid-template-columns:1fr}.spec-table b{text-align:left}}
/* V5.56 — Stronger visual hierarchy + product/media pairing */
body.product-page-body{background:#eaf0f6}
.product-page-main{background:linear-gradient(180deg,#eaf0f6 0,#f3f6f9 55%,#eaf0f6 100%)}
.modal-card{background:#eef3f7}
.product-profile{background:#eef3f7}
.profile-hero,.product-page-hero{
background:
radial-gradient(circle at 88% 12%,rgba(45,139,255,.25),transparent 28%),
linear-gradient(135deg,#0b1727 0%,#10243d 58%,#12355f 100%) !important;
border:1px solid #23486e !important;
box-shadow:0 22px 55px rgba(5,20,40,.24) !important;
}
.profile-hero{padding:34px 38px !important;border-radius:22px;margin-bottom:18px}
.profile-main h2,.product-page-copy h1{color:#fff !important}
.profile-main .kicker,.product-page-copy .kicker{color:#58b8ff !important}
.profile-main .chip,.product-page-copy .chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.17);color:#eaf5ff}
.profile-main .badge,.product-page-copy .badge{background:#168fff;color:#fff}
.profile-actions .btn.glass,.product-page-copy .btn.glass{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20);color:#fff}
.profile-actions .btn.glass:hover,.product-page-copy .btn.glass:hover{background:rgba(255,255,255,.16)}
.product-page-copy>p{color:#cbd8e6 !important}
.score-seal,.product-page-score{
background:linear-gradient(145deg,#fff,#eaf5ff) !important;
border:5px solid rgba(255,255,255,.75) !important;
box-shadow:0 18px 45px rgba(0,0,0,.22),inset 0 0 0 1px #cde3f8 !important;
}
.quick-strip,.product-page-quick{
background:#dfe9f2 !important;
border:1px solid #c6d6e4 !important;
padding:10px !important;
gap:10px !important;
border-radius:18px !important;
}
.quick-strip>div,.product-page-quick>div{
background:linear-gradient(180deg,#f9fbfd,#edf3f8) !important;
border:1px solid #c9d7e5 !important;
border-radius:13px !important;
box-shadow:0 5px 14px rgba(21,50,82,.07);
}
.quick-strip>div{border-right:1px solid #c9d7e5 !important}
.quick-strip span,.product-page-quick span{color:#5f7185 !important}
.quick-strip b,.product-page-quick b{color:#10263e !important}
.profile-section,.product-page-main .profile-section{
background:#f8fafc !important;
border:1px solid #cbd9e6 !important;
box-shadow:0 10px 28px rgba(20,46,75,.07) !important;
}
.profile-section .section-title,.product-page-main .section-title{margin-bottom:16px}
.section-label{color:#0f7fe5 !important}
.spec-section,.product-page-main .spec-section{
border:1px solid #c6d6e5 !important;
box-shadow:0 6px 16px rgba(18,45,75,.06);
}
.spec-section h4,.product-page-main .spec-section h3{
background:linear-gradient(135deg,#10243d,#173b63) !important;
color:#f4f9ff !important;
border-bottom:0 !important;
}
.spec-table>div:nth-child(odd),.product-page-main .spec-table>div:nth-child(odd){background:#fff}
.spec-table>div:nth-child(even),.product-page-main .spec-table>div:nth-child(even){background:#eef4f8 !important}
.spec-table span,.product-page-main .spec-table span{color:#5b6e82 !important}
.spec-table b,.product-page-main .spec-table b{color:#162d45 !important}
.score-metric,.product-page-main .score-metric,.benchmark-card,.product-page-main .benchmark-card{
background:linear-gradient(180deg,#fff,#edf4f9) !important;
border-color:#c6d7e6 !important;
}
.pc-card.pro,.product-page-main .pc-card.pro{background:linear-gradient(145deg,#eefaf3,#fbfefc) !important}
.pc-card.con,.product-page-main .pc-card.con{background:linear-gradient(145deg,#fff0ef,#fffafa) !important}
/* Video + product image */
.product-media-grid{
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(290px,.75fr);
gap:16px;
margin:18px 0;
}
.product-media-grid.has-one{grid-template-columns:1fr}
.product-media-card{
min-width:0;
padding:20px;
border-radius:20px;
background:linear-gradient(145deg,#0d1c2e,#132b47);
border:1px solid #274b6f;
box-shadow:0 14px 34px rgba(8,27,48,.18);
}
.media-card-head{margin-bottom:13px}
.media-card-head h2,.media-card-head h3{margin:4px 0 0;color:#fff;font-size:22px;letter-spacing:-.02em}
.product-media-card .section-label{color:#59b7ff !important}
.product-media-card .video-review-card{
margin:0;
width:100%;
aspect-ratio:16/9;
border-radius:15px;
overflow:hidden;
}
.product-photo-stage{
min-height:100%;
aspect-ratio:1/1;
display:grid;
place-items:center;
overflow:hidden;
border-radius:15px;
background:
radial-gradient(circle at 50% 42%,#fff 0,#f7f9fb 42%,#dfe8f0 100%);
padding:24px;
}
.product-photo-stage img{
width:100%;height:100%;max-height:360px;object-fit:contain;
filter:drop-shadow(0 18px 22px rgba(13,30,48,.18));
}
.product-media-grid.has-one .product-media-video .video-review-card{max-height:520px}
.review-video-section{display:none !important}
.product-section-nav{
background:#10243d !important;border-color:#24486d !important;
box-shadow:0 8px 24px rgba(8,29,52,.13)
}
.product-section-nav a{color:#cad7e4 !important}
.product-section-nav a:hover{background:#1a3b5f !important;color:#fff !important}
@media(max-width:850px){
.product-media-grid{grid-template-columns:1fr}
.product-photo-stage{aspect-ratio:4/3;min-height:280px}
.profile-hero{padding:28px 24px !important}
}
/* V5.57 — 50/50 media row + image placeholder */
.product-media-grid{
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
align-items:stretch;
}
.product-media-card{
display:flex;
flex-direction:column;
}
.product-media-card .video-review-card{
aspect-ratio:16/9 !important;
max-height:300px !important;
min-height:0 !important;
}
.product-media-video .video-review-card img{
width:100%;
height:100%;
object-fit:cover;
}
.product-photo-stage{
flex:1;
min-height:0 !important;
aspect-ratio:16/9 !important;
max-height:300px;
padding:18px !important;
}
.product-photo-stage.image-coming-soon{
border:1px dashed #93a9bd;
background:linear-gradient(145deg,#f7fafc,#e7eef5) !important;
}
.product-image-placeholder{
width:100%;
height:100%;
min-height:190px;
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
text-align:center;
gap:7px;
color:#63788d;
}
.product-image-placeholder .placeholder-icon{
width:52px;height:52px;border-radius:14px;
display:grid;place-items:center;
background:#dce8f2;
color:#2c76b9;
font-size:28px;
}
.product-image-placeholder b{font-size:16px;color:#314a62}
.product-image-placeholder small{font-size:12px;color:#7b8fa2}
.product-media-grid.no-video{
grid-template-columns:minmax(0,520px) !important;
}
.product-media-grid.no-video .product-photo-card{
max-width:520px;
}
@media(max-width:850px){
.product-media-grid{grid-template-columns:1fr !important}
.product-media-card .video-review-card,
.product-photo-stage{max-height:none}
.product-photo-stage{aspect-ratio:16/9 !important}
}
/* V5.59 — Premium ranking + key spec + media polish */
/* ---------- TOP 3 PODIUM: SILVER / GOLD / BRONZE ---------- */
.podium-grid > *{
position:relative;
overflow:hidden;
isolation:isolate;
transition:transform .22s ease,box-shadow .22s ease;
}
.podium-grid > *:hover{transform:translateY(-4px)}
/* Current podium order is #2, #1, #3 */
.podium-grid > *:nth-child(1){
border:2px solid #aeb9c5 !important;
background:linear-gradient(145deg,#ffffff 52%,#edf1f5 100%) !important;
box-shadow:0 10px 24px rgba(80,96,112,.16),inset 0 1px 0 #fff !important;
}
.podium-grid > *:nth-child(2){
border:2px solid #e2a900 !important;
background:
radial-gradient(circle at 82% 18%,rgba(255,215,79,.22),transparent 30%),
linear-gradient(145deg,#fffdf6 48%,#fff3c7 100%) !important;
box-shadow:0 13px 32px rgba(196,145,0,.22),inset 0 1px 0 #fff !important;
}
.podium-grid > *:nth-child(3){
border:2px solid #c77943 !important;
background:
radial-gradient(circle at 84% 18%,rgba(205,127,50,.16),transparent 30%),
linear-gradient(145deg,#fffdfb 50%,#f9e6d8 100%) !important;
box-shadow:0 10px 25px rgba(150,84,38,.16),inset 0 1px 0 #fff !important;
}
.podium-grid > *:nth-child(1)::before,
.podium-grid > *:nth-child(2)::before,
.podium-grid > *:nth-child(3)::before{
position:absolute;top:0;left:0;
padding:9px 14px 10px 12px;
border-radius:0 0 18px 0;
font-weight:950;font-size:12px;letter-spacing:.08em;
z-index:-0;
}
.podium-grid > *:nth-child(1)::before{content:"SILVER";background:linear-gradient(135deg,#dbe1e7,#aab5c0);color:#3f4d5b}
.podium-grid > *:nth-child(2)::before{content:"★ GOLD";background:linear-gradient(135deg,#ffd95a,#d99b00);color:#6d4800}
.podium-grid > *:nth-child(3)::before{content:"BRONZE";background:linear-gradient(135deg,#e6a06f,#b86431);color:#fff}
/* ---------- FIVE KEY SPECS ---------- */
.quick-strip,.product-page-quick{
padding:12px !important;
gap:11px !important;
border:1px solid #b9cde0 !important;
background:linear-gradient(180deg,#dce8f2,#d4e2ee) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(26,58,89,.08) !important;
}
.quick-strip>div,.product-page-quick>div{
position:relative;
overflow:hidden;
border:1.5px solid #9eb9d3 !important;
background:linear-gradient(145deg,#fff,#edf5fb) !important;
box-shadow:0 6px 16px rgba(26,58,89,.10),inset 0 3px 0 #2587e8 !important;
padding:15px 16px !important;
min-height:70px;
}
.quick-strip>div::after,.product-page-quick>div::after{
content:"";position:absolute;inset:0;
background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 45%);
pointer-events:none;
}
.quick-strip>div:nth-child(2),.product-page-quick>div:nth-child(2){box-shadow:0 6px 16px rgba(98,63,190,.10),inset 0 3px 0 #7c4ce5 !important}
.quick-strip>div:nth-child(3),.product-page-quick>div:nth-child(3){box-shadow:0 6px 16px rgba(35,140,85,.10),inset 0 3px 0 #27b56c !important}
.quick-strip>div:nth-child(4),.product-page-quick>div:nth-child(4){box-shadow:0 6px 16px rgba(194,116,20,.10),inset 0 3px 0 #ef9a2f !important}
.quick-strip>div:nth-child(5),.product-page-quick>div:nth-child(5){box-shadow:0 6px 16px rgba(197,53,92,.10),inset 0 3px 0 #ef557c !important}
.quick-strip span,.product-page-quick span{font-weight:850;letter-spacing:.09em}
.quick-strip b,.product-page-quick b{font-size:14px}
/* ---------- PRODUCT PHOTO: NEVER CROP ---------- */
.product-photo-stage{
background:radial-gradient(circle at 50% 46%,#fff 0,#f5f8fb 52%,#dce7f0 100%) !important;
overflow:hidden !important;
padding:20px 28px !important;
}
.product-photo-stage.has-image img{
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:260px !important;
object-fit:contain !important;
object-position:center !important;
filter:drop-shadow(0 17px 18px rgba(20,38,56,.20));
}
/* ---------- MEDIA CARDS ---------- */
.product-media-card{
border:1px solid #1e4b74 !important;
background:
radial-gradient(circle at 90% 0,rgba(31,111,190,.16),transparent 34%),
linear-gradient(145deg,#0a1b2d,#102b48) !important;
}
.product-media-grid{gap:18px !important}
.product-media-card .video-review-card,.product-photo-stage{border:1px solid rgba(255,255,255,.12)}
.media-card-head h2,.media-card-head h3{font-weight:900}
/* ---------- HERO EXTRA DEPTH ---------- */
.profile-hero,.product-page-hero{
background:
linear-gradient(125deg,transparent 0 53%,rgba(0,113,227,.13) 53% 55%,transparent 55% 61%,rgba(20,118,220,.09) 61% 63%,transparent 63%),
radial-gradient(circle at 86% 18%,rgba(34,133,239,.30),transparent 28%),
linear-gradient(135deg,#07182a 0%,#0c2440 58%,#0c3c72 100%) !important;
}
/* Make leaderboard cards subtly stronger too */
.leader-row{
border-color:#c6d7e6 !important;
box-shadow:0 5px 16px rgba(26,52,79,.05);
}
/* V5.60 — FIX: podium medal styling targets actual podium-rank-* classes */
#podium.podium-premium .podium-card{
position:relative !important;
overflow:hidden !important;
isolation:isolate;
border-width:2px !important;
border-style:solid !important;
}
/* #2 SILVER */
#podium.podium-premium .podium-rank-2{
border-color:#aab5c1 !important;
background:
linear-gradient(135deg,rgba(255,255,255,.88),rgba(236,241,246,.92)) !important;
box-shadow:
0 12px 28px rgba(83,97,112,.16),
inset 0 3px 0 #c7d0d9 !important;
}
#podium.podium-premium .podium-rank-2::after{
content:"SILVER";
position:absolute;
top:0;right:0;
padding:8px 12px;
border-radius:0 16px 0 14px;
background:linear-gradient(135deg,#eef2f6,#a9b4bf);
color:#4b5968;
font-size:9px;
font-weight:950;
letter-spacing:.11em;
}
#podium.podium-premium .podium-rank-2 .place{color:#7f8c99 !important}
/* #1 GOLD */
#podium.podium-premium .podium-rank-1{
border-color:#e0a900 !important;
background:
radial-gradient(circle at 82% 16%,rgba(255,216,77,.27),transparent 31%),
linear-gradient(145deg,#fffef7 48%,#fff1b9 100%) !important;
box-shadow:
0 16px 38px rgba(195,143,0,.24),
inset 0 3px 0 #ffd85d !important;
transform:translateY(-8px) !important;
}
#podium.podium-premium .podium-rank-1::after{
content:"★ GOLD";
position:absolute;
top:0;right:0;
padding:8px 12px;
border-radius:0 16px 0 14px;
background:linear-gradient(135deg,#ffde65,#d99b00);
color:#704900;
font-size:9px;
font-weight:950;
letter-spacing:.11em;
}
#podium.podium-premium .podium-rank-1 .place{color:#cf9300 !important}
#podium.podium-premium .podium-rank-1 .leader-tag{
background:linear-gradient(135deg,#efb300,#cf8f00) !important;
box-shadow:0 5px 12px rgba(181,125,0,.20);
}
/* #3 BRONZE */
#podium.podium-premium .podium-rank-3{
border-color:#bf7040 !important;
background:
radial-gradient(circle at 84% 16%,rgba(204,126,66,.18),transparent 31%),
linear-gradient(145deg,#fffdfb 50%,#f7dfd0 100%) !important;
box-shadow:
0 12px 28px rgba(144,79,39,.16),
inset 0 3px 0 #cf8759 !important;
}
#podium.podium-premium .podium-rank-3::after{
content:"BRONZE";
position:absolute;
top:0;right:0;
padding:8px 12px;
border-radius:0 16px 0 14px;
background:linear-gradient(135deg,#e8a278,#b86131);
color:#fff;
font-size:9px;
font-weight:950;
letter-spacing:.11em;
}
#podium.podium-premium .podium-rank-3 .place{color:#b5683a !important}
/* Prevent old first-child blue rule from winning */
#podium.podium-premium .podium-card:first-child{
border-top-width:2px !important;
}
/* Hover behaviour */
#podium.podium-premium .podium-rank-2:hover,
#podium.podium-premium .podium-rank-3:hover{transform:translateY(-4px) !important}
#podium.podium-premium .podium-rank-1:hover{transform:translateY(-12px) !important}
@media(max-width:1000px){
#podium.podium-premium .podium-rank-1{transform:none !important}
#podium.podium-premium .podium-rank-1:hover{transform:translateY(-4px) !important}
}
/* =========================================================
V5.61 — PREMIUM PODIUM + PRODUCT IMAGES + LEADERBOARD
========================================================= */
/* TOP 3 */
#podium.podium-premium{
gap:18px !important;
margin-top:18px !important;
}
#podium.podium-premium .podium-card{
min-height:300px !important;
padding:26px 26px 22px !important;
border-radius:20px !important;
overflow:hidden !important;
cursor:pointer;
}
#podium.podium-premium .podium-card::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(125deg,transparent 0 70%,rgba(255,255,255,.44) 70% 73%,transparent 73% 79%,rgba(255,255,255,.30) 79% 82%,transparent 82%);
z-index:0;
}
#podium.podium-premium .podium-card > *{position:relative;z-index:2}
#podium.podium-premium .podium-rank-1{
border:2px solid #e2a600 !important;
background:
radial-gradient(circle at 83% 28%,rgba(255,214,61,.34),transparent 28%),
linear-gradient(145deg,#fffef9 35%,#fff5ca 100%) !important;
box-shadow:0 18px 40px rgba(194,142,0,.24),inset 0 3px 0 #ffda55 !important;
transform:translateY(-10px) !important;
}
#podium.podium-premium .podium-rank-2{
border:2px solid #9eabb9 !important;
background:
radial-gradient(circle at 83% 28%,rgba(191,204,217,.30),transparent 30%),
linear-gradient(145deg,#fff 38%,#e9eff5 100%) !important;
box-shadow:0 13px 30px rgba(74,91,108,.16),inset 0 3px 0 #c8d1da !important;
}
#podium.podium-premium .podium-rank-3{
border:2px solid #bf6c3b !important;
background:
radial-gradient(circle at 83% 28%,rgba(210,125,71,.22),transparent 30%),
linear-gradient(145deg,#fff 38%,#f7dfd0 100%) !important;
box-shadow:0 13px 30px rgba(139,73,35,.15),inset 0 3px 0 #db8b5a !important;
}
#podium.podium-premium .podium-medal{
position:absolute;
top:14px;
left:16px;
font-size:42px;
line-height:1;
filter:drop-shadow(0 5px 6px rgba(0,0,0,.12));
}
#podium.podium-premium .podium-top{
min-height:42px;
padding-left:52px;
}
#podium.podium-premium .place{
font-size:31px !important;
letter-spacing:-1.4px;
}
#podium.podium-premium .podium-rank-1 .place{color:#c98d00 !important}
#podium.podium-premium .podium-rank-2 .place{color:#738292 !important}
#podium.podium-premium .podium-rank-3 .place{color:#ad6237 !important}
#podium.podium-premium .leader-tag{
background:linear-gradient(135deg,#f4b600,#cf8d00) !important;
color:#fff !important;
box-shadow:0 5px 14px rgba(185,127,0,.22);
}
.podium-layout{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(95px,.82fr);
gap:10px;
align-items:center;
min-height:130px;
}
#podium.podium-premium .podium-score{
margin:8px 0 7px !important;
}
#podium.podium-premium .podium-score strong{
font-size:49px !important;
color:#142942 !important;
}
#podium.podium-premium .podium-card h3{
margin:7px 0 5px !important;
font-size:20px !important;
line-height:1.08;
color:#13263e;
}
.podium-product-image{
height:130px;
display:grid;
place-items:center;
padding:5px;
}
.podium-product-image img{
width:100%;
height:100%;
max-width:145px;
object-fit:contain;
filter:drop-shadow(0 11px 10px rgba(17,36,57,.18));
}
.podium-product-image.image-missing{
display:none;
}
#podium.podium-premium .podium-facts{
margin:12px 0 14px !important;
}
#podium.podium-premium .podium-facts span{
background:rgba(255,255,255,.78) !important;
border:1px solid rgba(130,153,177,.22);
box-shadow:0 2px 5px rgba(20,42,66,.04);
}
#podium.podium-premium .podium-link{
width:max-content;
padding:8px 11px !important;
background:rgba(255,255,255,.82) !important;
border:1px solid #c7d8e9 !important;
border-radius:10px;
box-shadow:0 5px 12px rgba(31,61,95,.07);
}
#podium.podium-premium .podium-rank-1 .podium-link{border-color:#e6be48 !important}
#podium.podium-premium .podium-rank-2 .podium-link{border-color:#b5c0cb !important}
#podium.podium-premium .podium-rank-3 .podium-link{border-color:#d2926d !important}
/* Remove the temporary text ribbons from V5.60 */
#podium.podium-premium .podium-rank-1::after,
#podium.podium-premium .podium-rank-2::after,
#podium.podium-premium .podium-rank-3::after{display:none !important}
/* COMPLETE LEADERBOARD */
.ranking-cards{
gap:9px !important;
padding:10px;
border:1px solid #c9daea;
border-radius:20px;
background:linear-gradient(180deg,#eaf2f8,#f5f8fb);
box-shadow:0 10px 28px rgba(28,56,84,.07);
}
.rank-card{
grid-template-columns:62px 58px minmax(260px,1.55fr) 100px minmax(130px,.7fr) 190px !important;
gap:12px !important;
min-height:92px;
padding:13px 16px !important;
border:1px solid #cbd9e6 !important;
border-radius:13px !important;
background:linear-gradient(180deg,#fff,#fbfdff) !important;
box-shadow:0 4px 11px rgba(24,52,80,.045);
}
.rank-card:hover{
transform:translateY(-1px);
border-color:#91b8de !important;
box-shadow:0 8px 20px rgba(24,65,102,.10) !important;
}
.rank-num{
text-align:center;
line-height:1.05;
}
.rank-num span{
display:block;
font-size:7px !important;
letter-spacing:.14em;
margin-bottom:5px;
}
.rank-thumb{
width:52px;
height:64px;
border-radius:9px;
background:linear-gradient(145deg,#f6f8fa,#e9eff4);
border:1px solid #d8e2ea;
display:grid;
place-items:center;
overflow:hidden;
}
.rank-thumb img{
width:100%;
height:100%;
object-fit:contain;
padding:3px;
}
.rank-thumb.image-missing{
background:#f0f4f8;
}
.rank-product{
min-width:0;
}
.rank-card .product-name{
font-size:16px !important;
margin-bottom:7px;
}
.rank-card .product-facts{
display:flex;
flex-wrap:wrap;
gap:5px;
}
.rank-card .product-facts > span{
border:1px solid #dfe8f0;
background:#f1f6fa;
}
.rank-card .score-box{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
border-left:1px solid #e3eaf1;
border-right:1px solid #e3eaf1;
min-height:55px;
}
.rank-card .score-box strong{
font-size:28px;
}
.rank-card .rank-meta{
display:flex;
align-items:center;
}
.rank-card .rank-actions{
align-items:center;
}
.rank-card .detail-btn{
border-color:#9cbfe3 !important;
color:#0f63c8;
}
.rank-card .detail-btn:hover{
border-color:#1769e0 !important;
background:#edf5ff;
}
/* Top 3 rows get matching restrained medal tints */
.rank-card.rank-row-1{
border-color:#e2b83d !important;
background:linear-gradient(90deg,#fff8dc 0,#fff 18%) !important;
box-shadow:inset 4px 0 0 #e4ad13,0 4px 11px rgba(157,112,0,.07);
}
.rank-card.rank-row-2{
border-color:#b8c2cc !important;
background:linear-gradient(90deg,#eef2f6 0,#fff 18%) !important;
box-shadow:inset 4px 0 0 #9aa8b6,0 4px 11px rgba(82,96,110,.06);
}
.rank-card.rank-row-3{
border-color:#d59a78 !important;
background:linear-gradient(90deg,#f9e8de 0,#fff 18%) !important;
box-shadow:inset 4px 0 0 #bd7045,0 4px 11px rgba(133,75,41,.06);
}
.rank-card.rank-row-1 .rank-num{color:#c99000 !important}
.rank-card.rank-row-2 .rank-num{color:#768594 !important}
.rank-card.rank-row-3 .rank-num{color:#b6673b !important}
/* Responsive */
@media(max-width:1000px){
#podium.podium-premium .podium-rank-1{transform:none !important}
.rank-card{
grid-template-columns:48px 52px minmax(210px,1fr) 80px 155px !important;
}
.rank-card .rank-meta{display:none}
}
@media(max-width:700px){
.podium-layout{grid-template-columns:1fr 105px}
.podium-product-image{height:110px}
#podium.podium-premium .podium-card{min-height:260px !important}
.ranking-cards{padding:7px}
.rank-card{
grid-template-columns:42px 48px minmax(0,1fr) 64px !important;
gap:8px !important;
}
.rank-thumb{width:44px;height:54px}
.rank-card .rank-actions{grid-column:3/-1}
.rank-card .score-box{border-right:0}
}
/* =========================================================
V5.62 — PREMIUM CHIGZ TECH SCORE BADGE
========================================================= */
.score-seal,
.product-page-score,
.product-page-score.score-premium{
position:relative !important;
width:154px !important;
height:154px !important;
min-width:154px !important;
border-radius:50% !important;
display:flex !important;
flex-direction:column;
align-items:center;
justify-content:center;
overflow:visible !important;
background:radial-gradient(circle at 50% 50%,#0a2445 0 55%,#07182d 56% 100%) !important;
border:3px solid #43d7ff !important;
box-shadow:0 0 0 6px rgba(32,154,255,.16),0 0 0 10px rgba(54,203,255,.08),0 0 28px rgba(19,169,255,.62),inset 0 0 25px rgba(34,164,255,.24) !important;
color:#fff !important;
}
.score-seal::before,
.product-page-score::before{
content:"";
position:absolute;
inset:-8px;
border-radius:50%;
background:conic-gradient(from 10deg,#00d8ff 0 10%,transparent 10% 18%,#187cff 18% 33%,transparent 33% 43%,#44e4ff 43% 62%,transparent 62% 70%,#0b72ff 70% 87%,transparent 87% 100%);
-webkit-mask:radial-gradient(circle,transparent 62%,#000 63% 68%,transparent 69%);
mask:radial-gradient(circle,transparent 62%,#000 63% 68%,transparent 69%);
filter:drop-shadow(0 0 7px #1bbfff);
animation:score-spin 12s linear infinite;
pointer-events:none;
}
.score-seal::after,
.product-page-score::after{
content:"";
position:absolute;
inset:-18px;
border-radius:50%;
border:1px dotted rgba(77,208,255,.48);
box-shadow:0 0 18px rgba(39,174,255,.22);
pointer-events:none;
}
@keyframes score-spin{to{transform:rotate(360deg)}}
.score-seal .score-orbit,.product-page-score .score-orbit{position:absolute;border-radius:50%;pointer-events:none}
.score-seal .orbit-a,.product-page-score .orbit-a{inset:7px;border:2px solid rgba(88,226,255,.78);box-shadow:inset 0 0 16px rgba(36,196,255,.36),0 0 10px rgba(36,196,255,.34)}
.score-seal .orbit-b,.product-page-score .orbit-b{inset:15px;border:1px solid rgba(51,131,255,.72)}
.score-seal .score-crown,.product-page-score .score-crown{position:absolute;top:-30px;left:50%;transform:translateX(-50%);color:#ffd03b;font-size:32px;line-height:1;text-shadow:0 3px 8px rgba(0,0,0,.28),0 0 8px rgba(255,193,36,.52)}
.score-seal strong,.product-page-score strong{position:relative;z-index:3;font-size:52px !important;line-height:.9 !important;letter-spacing:-2px;color:#fff !important;text-shadow:0 0 12px rgba(76,204,255,.26)}
.score-seal span,.product-page-score span{position:relative;z-index:3;margin-top:5px;font-size:13px !important;font-weight:800;color:#f4f9ff !important}
.score-seal small,.product-page-score small{position:relative;z-index:3;margin-top:4px;font-size:9px !important;line-height:1.1;letter-spacing:.14em;font-weight:900;color:#55dcff !important;text-align:center}
.score-seal em,.product-page-score em{
position:absolute;left:50%;bottom:-31px;transform:translateX(-50%);
min-width:112px;padding:7px 14px 6px;border-radius:999px;
border:1px solid #46cfff;background:linear-gradient(180deg,#0c6dbd,#07437f);
box-shadow:0 0 15px rgba(28,178,255,.40),inset 0 1px 0 rgba(255,255,255,.32);
color:#8feaff !important;font-style:normal;font-size:10px;font-weight:950;letter-spacing:.12em;text-align:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.32)
}
.product-page-score{width:166px !important;height:166px !important;min-width:166px !important}
.product-page-score strong{font-size:56px !important}
.score-seal.unscored,.product-page-score.unscored{
background:linear-gradient(145deg,#f7fafc,#e8eef4) !important;
border-color:#bccbd9 !important;box-shadow:0 8px 20px rgba(24,47,70,.10) !important;color:#607286 !important
}
.score-seal.unscored::before,.score-seal.unscored::after,.product-page-score.unscored::before,.product-page-score.unscored::after{display:none !important}
@media(max-width:720px){
.score-seal,.product-page-score{width:126px !important;height:126px !important;min-width:126px !important}
.score-seal strong,.product-page-score strong{font-size:43px !important}
.score-seal .score-crown,.product-page-score .score-crown{top:-24px;font-size:27px}
.score-seal em,.product-page-score em{bottom:-27px;font-size:8px;padding:6px 10px}
}
/* =========================================================
V5.63 — LEADERBOARD MINI SCORE RINGS
========================================================= */
.rank-card .score-box{
border-left:1px solid #e2eaf2 !important;
border-right:1px solid #e2eaf2 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
min-height:72px !important;
padding:4px 8px !important;
}
.row-score-ring{
position:relative;
width:70px;
height:70px;
min-width:70px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:radial-gradient(circle at 50% 46%,#ffffff 0 58%,#eef6ff 59% 100%);
border:2px solid #4bc9ff;
box-shadow:
0 0 0 3px rgba(66,168,255,.12),
0 0 13px rgba(43,154,255,.30),
inset 0 0 8px rgba(75,190,255,.16);
}
.row-score-ring::before{
content:"";
position:absolute;
inset:-4px;
border-radius:50%;
background:conic-gradient(
from 20deg,
#00d7ff 0 18%,
#2484ff 18% 38%,
#6b60ff 38% 60%,
#9c52ff 60% 78%,
#00bde9 78% 100%
);
-webkit-mask:radial-gradient(circle,transparent 62%,#000 63% 70%,transparent 71%);
mask:radial-gradient(circle,transparent 62%,#000 63% 70%,transparent 71%);
filter:drop-shadow(0 0 4px rgba(80,108,255,.40));
pointer-events:none;
}
.row-score-ring strong{
font-size:25px !important;
line-height:.86 !important;
letter-spacing:-1px;
color:#112742 !important;
}
.row-score-ring span{
margin-top:3px;
font-size:8px !important;
line-height:1;
font-weight:800;
color:#566d86 !important;
}
.row-score-ring small{
margin-top:2px;
font-size:6px !important;
line-height:1.05;
font-weight:950;
letter-spacing:.08em;
color:#154b7f !important;
text-align:center;
}
.row-score-ring.unscored{
border-color:#c4d0dc;
background:#f4f7fa;
box-shadow:none;
}
.row-score-ring.unscored::before{display:none}
.row-score-ring.unscored strong{font-size:19px !important;color:#718296 !important}
.row-score-ring.unscored small{font-size:7px !important;color:#718296 !important}
/* Slight score-tier variation to match approved blue->purple feel */
.rank-card[data-product] .row-score-ring{--ring:#238cff}
.rank-card .row-score-ring{transition:transform .18s ease,box-shadow .18s ease}
.rank-card:hover .row-score-ring{transform:scale(1.045);box-shadow:0 0 0 3px rgba(66,168,255,.14),0 0 16px rgba(43,154,255,.38),inset 0 0 8px rgba(75,190,255,.18)}
@media(max-width:1000px){
.row-score-ring{width:62px;height:62px;min-width:62px}
.row-score-ring strong{font-size:22px !important}
}
@media(max-width:700px){
.row-score-ring{width:56px;height:56px;min-width:56px}
.row-score-ring strong{font-size:20px !important}
.row-score-ring small{font-size:5px !important}
}
/* V5.64 — Homepage YouTube Latest Reviews CTA */
.new-hero-actions .hero-youtube{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-width:190px;
color:#fff !important;
background:linear-gradient(135deg,#ff2b2b 0%,#e60012 52%,#bf0010 100%) !important;
border:1px solid rgba(255,255,255,.22) !important;
box-shadow:
0 10px 24px rgba(214,0,18,.28),
inset 0 1px 0 rgba(255,255,255,.28) !important;
text-decoration:none;
transform:translateY(0);
transition:
transform .2s ease,
box-shadow .2s ease,
filter .2s ease,
border-color .2s ease;
}
.new-hero-actions .hero-youtube::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.24) 48%,transparent 61% 100%);
transform:translateX(-130%);
transition:transform .55s ease;
pointer-events:none;
}
.new-hero-actions .hero-youtube:hover{
transform:translateY(-3px) scale(1.015);
filter:brightness(1.06);
border-color:rgba(255,255,255,.42) !important;
box-shadow:
0 15px 34px rgba(214,0,18,.38),
0 0 0 4px rgba(255,35,48,.10),
inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.new-hero-actions .hero-youtube:hover::before{
transform:translateX(130%);
}
.new-hero-actions .hero-youtube:active{
transform:translateY(-1px) scale(.995);
}
.new-hero-actions .hero-youtube .yt-play{
width:28px;
height:22px;
display:grid;
place-items:center;
border-radius:7px;
background:#fff;
color:#e60012;
font-size:11px;
line-height:1;
box-shadow:0 4px 10px rgba(105,0,9,.20);
transition:transform .2s ease;
}
.new-hero-actions .hero-youtube:hover .yt-play{
transform:scale(1.10);
}
.new-hero-actions .hero-youtube .yt-arrow{
font-size:18px;
transition:transform .2s ease;
}
.new-hero-actions .hero-youtube:hover .yt-arrow{
transform:translateX(4px);
}
/* V5.86 — readable essentials cards */
.essentials-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:18px;
width:100%;
}
.essential-card{
min-width:0;
padding:16px 18px;
border:1px solid var(--line);
border-radius:14px;
background:#fbfcfe;
box-shadow:0 5px 14px rgba(19,48,79,.04);
}
.essential-card span{
display:block;
margin-bottom:7px;
font-size:9px;
font-weight:900;
letter-spacing:.11em;
text-transform:uppercase;
color:#7d8ba0;
}
.essential-card b{
display:block;
font-size:15px;
line-height:1.35;
color:#263a54;
white-space:normal;
overflow:visible;
text-overflow:clip;
word-break:normal;
}
/* V5.86 — compact benchmark results */
.benchmark-section{padding-top:22px;padding-bottom:22px}
.benchmark-section .section-title h3,
.benchmark-section .section-title h2{margin-bottom:0}
.benchmark-grid.compact-benchmarks{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
margin-top:13px;
}
.benchmark-card.compact-benchmark{
display:grid;
grid-template-columns:34px minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px 12px;
min-height:52px;
border-radius:11px;
}
.compact-benchmark .benchmark-icon{
display:flex;
width:32px;
height:32px;
min-height:0;
align-items:center;
justify-content:center;
border-radius:9px;
background:#eef5ff;
color:var(--blue);
}
.compact-benchmark .benchmark-icon svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.compact-benchmark .benchmark-name{
display:block;
min-height:0;
margin:0;
font-size:11px;
line-height:1.25;
color:#66778e;
}
.benchmark-card.compact-benchmark strong{
display:block;
margin:0;
font-size:17px;
line-height:1;
color:#203047;
white-space:nowrap;
}
@media (max-width:760px){
.essentials-grid{grid-template-columns:1fr}
.benchmark-grid.compact-benchmarks{grid-template-columns:1fr}
}
/* V5.87 — Score + Benchmarks 50/50 */
.score-benchmark-section{
padding-top:22px;
padding-bottom:22px;
}
.score-benchmark-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:16px;
align-items:start;
}
.score-benchmark-col>.profile-section{
border-top:0;
padding:0;
}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{
font-size:20px;
line-height:1.15;
}
.score-benchmark-col .score-grid{
grid-template-columns:1fr;
gap:8px;
margin-top:13px;
}
.score-benchmark-col .score-metric{
padding:10px 12px;
}
.score-benchmark-col .score-metric b{
font-size:16px;
}
.score-benchmark-col .meter{
margin-top:7px;
}
.score-benchmark-col .benchmark-grid.compact-benchmarks{
grid-template-columns:1fr;
gap:8px;
margin-top:13px;
}
.score-benchmark-col .benchmark-card.compact-benchmark{
min-height:48px;
padding:8px 10px;
}
.score-benchmark-col .compact-benchmark .benchmark-icon{
width:30px;
height:30px;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
font-size:16px;
}
@media (max-width:760px){
.score-benchmark-grid{grid-template-columns:1fr}
}
/* V5.88 — polished score + benchmark panels */
.score-benchmark-grid{
gap:14px;
}
.score-benchmark-col{
border:1px solid var(--line);
border-radius:16px;
background:#fff;
padding:20px 22px 16px;
}
.score-benchmark-col>.profile-section{
background:transparent;
}
.score-benchmark-col .section-title{
padding-bottom:13px;
border-bottom:1px solid #e8eef5;
margin-bottom:0;
}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{
font-size:22px;
letter-spacing:-.5px;
margin-top:5px;
}
/* Score breakdown: clean list, no boxed rows */
.score-list{
margin-top:0;
}
.score-row{
display:grid;
grid-template-columns:34px minmax(0,1fr);
gap:10px;
align-items:center;
padding:12px 0;
border-bottom:1px solid #edf1f5;
}
.score-row:last-child{
border-bottom:0;
}
.score-row-icon{
width:28px;
height:28px;
display:flex;
align-items:center;
justify-content:center;
color:var(--blue);
}
.score-row-icon svg{
width:23px;
height:23px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.score-row-main{
min-width:0;
}
.score-row-top{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}
.score-row-top>span{
font-size:12px;
font-weight:700;
color:#42536a;
}
.score-row-top b{
font-size:19px;
color:var(--blue);
line-height:1;
white-space:nowrap;
}
.score-row-top b small{
font-size:9px;
color:#8290a3;
margin-left:2px;
}
.score-row .meter{
height:4px;
margin-top:8px;
background:#dfe7f1;
}
/* Benchmarks: one clean panel with divider rows */
.score-benchmark-col .benchmark-grid.compact-benchmarks{
margin-top:0;
gap:0;
}
.score-benchmark-col .benchmark-card.compact-benchmark{
display:grid;
grid-template-columns:38px minmax(0,1fr) auto;
gap:11px;
align-items:center;
min-height:58px;
padding:10px 0;
border:0;
border-bottom:1px solid #edf1f5;
border-radius:0;
background:transparent;
}
.score-benchmark-col .benchmark-card.compact-benchmark:last-child{
border-bottom:0;
}
.score-benchmark-col .benchmark-name{
font-size:12px;
font-weight:700;
color:#42536a;
line-height:1.25;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
font-size:18px;
letter-spacing:-.2px;
color:#203047;
}
/* Official benchmark brand marks */
.brand-icon{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
flex:0 0 34px;
}
.brand-icon img{
display:block;
max-width:100%;
max-height:100%;
object-fit:contain;
}
.brand-geekbench{
border-radius:8px;
}
.brand-geekbench img{
width:32px;
height:32px;
}
.brand-3dmark{
width:34px;
position:relative;
justify-content:flex-start;
}
.brand-3dmark img{
max-width:none;
width:149px;
height:auto;
transform:translateX(0);
}
.brand-antutu{
border-radius:8px;
}
.brand-antutu img{
width:32px;
height:32px;
object-fit:contain;
}
.brand-fallback{
border-radius:9px;
background:#eef5ff;
color:var(--blue);
}
.brand-fallback svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
/* Remove visual "box inside a box" feel */
.score-benchmark-section{
border-top:1px solid var(--line);
padding:20px 0 22px;
}
.score-benchmark-section>.score-benchmark-grid{
margin:0;
}
@media (max-width:760px){
.score-benchmark-col{padding:17px 16px 13px}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{font-size:20px}
}
/* V5.89 — extra breathing room inside score and benchmark boxes */
.score-benchmark-col{
padding:28px 30px 24px;
}
.score-benchmark-col .section-title{
padding:0 0 18px;
margin:0 0 4px;
}
.score-benchmark-col .score-list,
.score-benchmark-col .benchmark-grid.compact-benchmarks{
padding:0 2px;
}
.score-row{
padding:15px 0;
}
.score-row{
grid-template-columns:42px minmax(0,1fr);
gap:14px;
}
.score-row-icon{
width:34px;
height:34px;
border-radius:10px;
background:#eef5ff;
}
.score-row-icon svg{
width:22px;
height:22px;
}
.score-row-top>span{
font-size:13px;
}
.score-row-top b{
font-size:20px;
}
.score-row .meter{
margin-top:9px;
}
.score-benchmark-col .benchmark-card.compact-benchmark{
grid-template-columns:44px minmax(0,1fr) auto;
gap:14px;
min-height:66px;
padding:14px 0;
}
.brand-icon{
width:38px;
height:38px;
flex-basis:38px;
}
.brand-geekbench img,
.brand-antutu img{
width:36px;
height:36px;
}
.score-benchmark-col .benchmark-name{
font-size:13px;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
font-size:19px;
}
/* Slightly more separation between the two 50/50 panels */
.score-benchmark-grid{
gap:18px;
}
@media (max-width:760px){
.score-benchmark-col{
padding:22px 20px 18px;
}
.score-row{
grid-template-columns:38px minmax(0,1fr);
gap:12px;
}
.score-benchmark-col .benchmark-card.compact-benchmark{
grid-template-columns:40px minmax(0,1fr) auto;
gap:11px;
}
}
/* V5.90 — match approved spacious mockup */
.score-benchmark-col{
padding:34px 36px 28px !important;
}
.score-benchmark-col .section-title{
padding:0 0 20px !important;
margin:0 0 2px !important;
}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{
margin-left:0 !important;
margin-right:0 !important;
}
/* Keep all row content comfortably away from panel edges */
.score-benchmark-col .score-list,
.score-benchmark-col .benchmark-grid.compact-benchmarks{
padding-left:8px !important;
padding-right:8px !important;
box-sizing:border-box;
}
/* Score rows */
.score-benchmark-col .score-row{
padding:16px 0 !important;
grid-template-columns:48px minmax(0,1fr) !important;
gap:16px !important;
}
.score-benchmark-col .score-row-icon{
width:40px !important;
height:40px !important;
margin-left:0 !important;
}
.score-benchmark-col .score-row-main{
padding-right:2px;
}
.score-benchmark-col .score-row-top{
padding-right:0;
}
/* Benchmark rows */
.score-benchmark-col .benchmark-card.compact-benchmark{
grid-template-columns:48px minmax(0,1fr) auto !important;
gap:16px !important;
min-height:70px !important;
padding:15px 0 !important;
margin:0 !important;
}
.score-benchmark-col .brand-icon{
width:40px !important;
height:40px !important;
flex-basis:40px !important;
margin-left:0 !important;
}
.score-benchmark-col .benchmark-name{
padding-left:0 !important;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
padding-right:0 !important;
margin-right:0 !important;
}
/* Give the two outer boxes a little more breathing room from the enclosing section */
.score-benchmark-grid{
gap:20px !important;
padding:0 6px;
box-sizing:border-box;
}
@media (max-width:760px){
.score-benchmark-col{
padding:24px 22px 20px !important;
}
.score-benchmark-col .score-list,
.score-benchmark-col .benchmark-grid.compact-benchmarks{
padding-left:4px !important;
padding-right:4px !important;
}
.score-benchmark-col .score-row{
grid-template-columns:42px minmax(0,1fr) !important;
gap:13px !important;
}
.score-benchmark-col .benchmark-card.compact-benchmark{
grid-template-columns:42px minmax(0,1fr) auto !important;
gap:12px !important;
}
}
/* V5.91 — INNER BOX PADDING FIX
Adds real padding INSIDE the Chigz Tech Score and Benchmarks boxes. */
.score-benchmark-col > .score-section,
.score-benchmark-col > .benchmark-section{
padding:28px 30px 24px !important;
box-sizing:border-box;
}
/* Keep headings comfortably away from the inside border */
.score-benchmark-col > .score-section .section-title,
.score-benchmark-col > .benchmark-section .section-title{
padding:0 0 18px !important;
margin:0 0 2px !important;
}
/* Score rows: inset content from both left and right edges */
.score-benchmark-col > .score-section .score-list{
padding:0 !important;
}
.score-benchmark-col > .score-section .score-row{
padding:15px 10px !important;
grid-template-columns:44px minmax(0,1fr) !important;
gap:14px !important;
}
.score-benchmark-col > .score-section .score-row-icon{
margin-left:0 !important;
}
.score-benchmark-col > .score-section .score-row-main{
padding-right:0 !important;
}
/* Benchmark rows: inset icons, labels and results from the box edges */
.score-benchmark-col > .benchmark-section .benchmark-grid.compact-benchmarks{
padding:0 !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
padding:15px 12px !important;
grid-template-columns:44px minmax(0,1fr) auto !important;
gap:14px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:first-child{
padding-top:16px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:last-child{
padding-bottom:16px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark strong{
padding-right:0 !important;
}
/* Make divider lines sit within the padded content area rather than against box edges */
.score-benchmark-col > .score-section .score-row,
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
border-bottom-color:#e7edf4 !important;
}
@media (max-width:760px){
.score-benchmark-col > .score-section,
.score-benchmark-col > .benchmark-section{
padding:22px 20px 18px !important;
}
.score-benchmark-col > .score-section .score-row{
padding:13px 6px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
padding:13px 6px !important;
}
}
/* V5.92 — COMPACT SCORE + BENCHMARK SECTION
Keep the same width and inner breathing room, but cut the vertical height substantially. */
/* Reduce the unused padding around the two inner panels */
.score-benchmark-section{
padding-top:12px !important;
padding-bottom:12px !important;
}
.score-benchmark-grid{
gap:18px !important;
padding:0 4px !important;
align-items:start !important;
}
/* Outer 50/50 columns: much less dead vertical space */
.score-benchmark-col{
padding:12px !important;
align-self:start !important;
}
/* The actual visible Score and Benchmark boxes */
.score-benchmark-col > .score-section,
.score-benchmark-col > .benchmark-section{
padding:20px 24px 16px !important;
margin:0 !important;
min-height:0 !important;
height:auto !important;
}
/* Compact headings while keeping clean spacing from the edges */
.score-benchmark-col > .score-section .section-title,
.score-benchmark-col > .benchmark-section .section-title{
padding:0 0 12px !important;
margin:0 !important;
}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{
margin-top:4px !important;
font-size:21px !important;
line-height:1.1 !important;
}
/* Score rows: keep left/right padding, reduce only vertical padding */
.score-benchmark-col > .score-section .score-row{
padding:9px 8px !important;
grid-template-columns:40px minmax(0,1fr) !important;
gap:12px !important;
}
.score-benchmark-col > .score-section .score-row-icon{
width:34px !important;
height:34px !important;
}
.score-benchmark-col > .score-section .score-row-icon svg{
width:20px !important;
height:20px !important;
}
.score-benchmark-col .score-row-top>span{
font-size:12px !important;
}
.score-benchmark-col .score-row-top b{
font-size:18px !important;
}
.score-benchmark-col .score-row .meter{
height:4px !important;
margin-top:6px !important;
}
/* Benchmarks: same comfortable horizontal inset, much tighter vertically */
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
padding:9px 10px !important;
min-height:50px !important;
grid-template-columns:40px minmax(0,1fr) auto !important;
gap:12px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:first-child{
padding-top:10px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:last-child{
padding-bottom:10px !important;
}
.score-benchmark-col .brand-icon{
width:34px !important;
height:34px !important;
flex-basis:34px !important;
}
.score-benchmark-col .brand-geekbench img,
.score-benchmark-col .brand-antutu img{
width:32px !important;
height:32px !important;
}
.score-benchmark-col .benchmark-name{
font-size:12px !important;
line-height:1.2 !important;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
font-size:18px !important;
}
/* Prevent any inherited min-height from stretching the two cards */
.score-benchmark-col,
.score-benchmark-col > .profile-section,
.score-benchmark-col > section{
min-height:0 !important;
}
/* Mobile: compact but still comfortable */
@media (max-width:760px){
.score-benchmark-col{
padding:8px !important;
}
.score-benchmark-col > .score-section,
.score-benchmark-col > .benchmark-section{
padding:18px 18px 14px !important;
}
.score-benchmark-col > .score-section .score-row{
padding:9px 4px !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
padding:9px 4px !important;
}
}
/* V5.93 — HALF-HEIGHT SCORE + BENCHMARK REDESIGN
Two compact columns inside each 50/50 panel. */
/* Keep the overall 50/50 layout, but remove wasted vertical space */
.score-benchmark-section{
padding:10px 0 !important;
}
.score-benchmark-grid{
gap:16px !important;
padding:0 !important;
align-items:start !important;
}
/* Make each outer column the ONE visible card */
.score-benchmark-col{
padding:16px 18px 14px !important;
border:1px solid #d6e1ec !important;
border-radius:16px !important;
background:#fff !important;
box-shadow:0 7px 20px rgba(20,46,75,.045) !important;
min-height:0 !important;
height:auto !important;
}
/* Remove the nested inner card completely */
.score-benchmark-col > .score-section,
.score-benchmark-col > .benchmark-section,
.product-page-main .score-benchmark-col > .score-section,
.product-page-main .score-benchmark-col > .benchmark-section{
margin:0 !important;
padding:0 !important;
min-height:0 !important;
height:auto !important;
background:transparent !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
/* Compact headings */
.score-benchmark-col > .score-section .section-title,
.score-benchmark-col > .benchmark-section .section-title{
margin:0 0 10px !important;
padding:0 0 9px !important;
border-bottom:1px solid #e7edf4 !important;
}
.score-benchmark-col .section-label{
font-size:8px !important;
letter-spacing:.12em !important;
}
.score-benchmark-col .section-title h2,
.score-benchmark-col .section-title h3{
margin:3px 0 0 !important;
font-size:18px !important;
line-height:1.05 !important;
letter-spacing:-.35px !important;
}
/* SCORE: 2-column mini cards = 3 rows instead of 5 */
.score-benchmark-col > .score-section .score-list{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:7px 8px !important;
padding:0 !important;
margin:0 !important;
}
.score-benchmark-col > .score-section .score-row{
display:grid !important;
grid-template-columns:28px minmax(0,1fr) !important;
gap:8px !important;
align-items:center !important;
padding:7px 8px !important;
min-height:48px !important;
margin:0 !important;
border:1px solid #e5edf5 !important;
border-radius:10px !important;
background:#fbfdff !important;
}
.score-benchmark-col > .score-section .score-row-icon{
width:26px !important;
height:26px !important;
border-radius:8px !important;
background:#eef5ff !important;
}
.score-benchmark-col > .score-section .score-row-icon svg{
width:16px !important;
height:16px !important;
}
.score-benchmark-col > .score-section .score-row-main{
min-width:0 !important;
padding:0 !important;
}
.score-benchmark-col .score-row-top{
gap:5px !important;
}
.score-benchmark-col .score-row-top>span{
font-size:10.5px !important;
line-height:1.15 !important;
font-weight:750 !important;
}
.score-benchmark-col .score-row-top b{
font-size:15px !important;
line-height:1 !important;
}
.score-benchmark-col .score-row-top b small{
font-size:7px !important;
}
.score-benchmark-col .score-row .meter{
height:3px !important;
margin-top:5px !important;
}
/* BENCHMARKS: 2-column mini cards = 3 rows instead of 5 */
.score-benchmark-col > .benchmark-section .benchmark-grid.compact-benchmarks{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:7px 8px !important;
padding:0 !important;
margin:0 !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark{
display:grid !important;
grid-template-columns:28px minmax(0,1fr) !important;
grid-template-rows:auto auto !important;
column-gap:8px !important;
row-gap:1px !important;
align-items:center !important;
padding:7px 8px !important;
min-height:48px !important;
margin:0 !important;
border:1px solid #e5edf5 !important;
border-radius:10px !important;
background:#fbfdff !important;
}
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:first-child,
.score-benchmark-col > .benchmark-section .benchmark-card.compact-benchmark:last-child{
padding-top:7px !important;
padding-bottom:7px !important;
}
.score-benchmark-col .brand-icon{
grid-column:1 !important;
grid-row:1 / span 2 !important;
width:26px !important;
height:26px !important;
flex-basis:26px !important;
margin:0 !important;
border-radius:7px !important;
}
.score-benchmark-col .brand-geekbench img,
.score-benchmark-col .brand-antutu img{
width:25px !important;
height:25px !important;
}
.score-benchmark-col .brand-3dmark{
width:26px !important;
height:26px !important;
overflow:hidden !important;
}
.score-benchmark-col .brand-3dmark img{
width:112px !important;
max-width:none !important;
}
.score-benchmark-col .benchmark-name{
grid-column:2 !important;
grid-row:1 !important;
min-width:0 !important;
font-size:10.5px !important;
line-height:1.12 !important;
font-weight:750 !important;
white-space:normal !important;
}
.score-benchmark-col .benchmark-card.compact-benchmark strong{
grid-column:2 !important;
grid-row:2 !important;
justify-self:start !important;
margin:1px 0 0 !important;
padding:0 !important;
font-size:14px !important;
line-height:1 !important;
color:#172b43 !important;
white-space:nowrap !important;
}
/* Tablet/mobile: stack items so they remain easy to read */
@media (max-width:900px){
.score-benchmark-col > .score-section .score-list,
.score-benchmark-col > .benchmark-section .benchmark-grid.compact-benchmarks{
grid-template-columns:1fr !important;
}
}
@media (max-width:760px){
.score-benchmark-col{
padding:15px 16px 13px !important;
}
}
/* V5.94 — SPECS FIRST + HALF-HEIGHT PROS/CONS */
/* Keep Pros + Cons side-by-side, but make each card substantially shorter */
.pc-grid{
gap:12px !important;
align-items:start !important;
}
.pc-card{
padding:12px 14px 11px !important;
min-height:0 !important;
height:auto !important;
border-radius:12px !important;
}
.pc-card h3,
.pc-card h2{
margin:3px 0 8px !important;
font-size:17px !important;
line-height:1.05 !important;
}
.pc-card .section-label{
font-size:8px !important;
letter-spacing:.11em !important;
}
/* Two columns inside each Pros/Cons card: 4 bullets become 2 rows */
.pc-card ul{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
column-gap:16px !important;
row-gap:3px !important;
margin:0 !important;
padding-left:16px !important;
}
.pc-card li{
margin:0 !important;
padding:0 !important;
font-size:11px !important;
line-height:1.28 !important;
}
/* Product page outer Pros/Cons section no longer adds excess height */
#pros-cons.profile-section{
padding:12px 14px !important;
}
/* Modal Pros/Cons wrapper */
.profile-modal .profile-section:has(.pc-grid),
.modal .profile-section:has(.pc-grid){
padding-top:12px !important;
padding-bottom:12px !important;
}
/* Mobile keeps one column for readability */
@media (max-width:760px){
.pc-card ul{
grid-template-columns:1fr !important;
row-gap:4px !important;
}
.pc-card{
padding:13px 14px 11px !important;
}
}
/* =========================================================
V5.99 — LEADERBOARD SPECS WIDTH + SCORE POSITION
Desktop only: gives the product/specification area more
horizontal room and moves the score ring further right.
========================================================= */
@media (min-width:1001px){
.rank-card{
grid-template-columns:
62px
58px
minmax(360px,1.95fr)
100px
minmax(72px,.32fr)
190px !important;
gap:12px !important;
}
.rank-card .rank-product{
min-width:0;
padding-right:8px;
}
.rank-card .product-facts{
max-width:none;
}
.rank-card .score-box{
justify-self:end;
width:100px;
}
.rank-card .rank-meta{
min-width:0;
}
}
/* =========================================================
V5.103 — MINI PC HOME CARD + CATEGORY GRID
Adds Mini PC Rankings as an equal homepage category card.
========================================================= */
@media (min-width:1401px){
.home-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.home-category-card{grid-template-columns:100px minmax(0,1fr) 18px!important;padding:13px 13px 13px 11px!important}
.home-cat-image{height:100px!important}
.home-category-card h3{font-size:17px!important}
.home-category-card p{font-size:11px!important}
}
@media (min-width:1101px) and (max-width:1400px){
.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
.mini-pc-cat-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#123d68 0,#0b243d 58%,#071829 100%)!important}
.mini-pc-cat-art svg{width:86%;height:86%;fill:none;stroke:#36b5ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(54,181,255,.28))}
.mini-pc-cat-art svg rect:first-child{fill:rgba(13,48,80,.62)}
/* =========================================================
V5.104 — RANKINGS HOVER MEGA MENU
Eye-catching leaderboard picker under the main Rankings nav.
Desktop/tablet hover + keyboard focus; mobile keeps current nav.
========================================================= */
.site-main-nav,
.site-main-nav .header-grid,
.site-main-nav .navlinks{overflow:visible!important}
.site-main-nav{z-index:80!important}
.site-main-nav .navlinks{position:relative}
.site-main-nav .nav-menu-item{position:relative;display:flex;align-items:center;align-self:stretch}
.site-main-nav .rankings-menu-trigger{display:flex!important;align-items:center;gap:7px}
.site-main-nav .rankings-chevron{font-size:15px;line-height:1;transform:translateY(-1px);transition:transform .22s ease;color:#168fff}
.site-main-nav .rankings-nav-item:hover .rankings-chevron,
.site-main-nav .rankings-nav-item:focus-within .rankings-chevron{transform:translateY(-1px) rotate(180deg)}
.site-main-nav .rankings-dropdown{
position:absolute;
top:calc(100% - 8px);
left:50%;
width:min(650px,calc(100vw - 32px));
transform:translate(-50%,10px) scale(.985);
transform-origin:50% 0;
padding:15px;
border:1px solid rgba(156,184,211,.55);
border-radius:19px;
background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(244,249,255,.985));
box-shadow:0 24px 65px rgba(12,38,67,.22),0 5px 18px rgba(23,105,224,.10);
backdrop-filter:blur(18px);
opacity:0;
visibility:hidden;
pointer-events:none;
z-index:999;
transition:opacity .18s ease,transform .2s cubic-bezier(.2,.8,.2,1),visibility .18s;
}
.site-main-nav .rankings-dropdown::before{
content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;
transform:translateX(-50%) rotate(45deg);background:#fff;border-left:1px solid rgba(156,184,211,.48);border-top:1px solid rgba(156,184,211,.48)
}
.site-main-nav .rankings-nav-item:hover .rankings-dropdown,
.site-main-nav .rankings-nav-item:focus-within .rankings-dropdown{
opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)
}
.site-main-nav .rankings-dropdown-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:3px 5px 13px;border-bottom:1px solid #e4edf6;margin-bottom:12px;text-align:left}
.site-main-nav .rankings-dropdown-head span{display:grid;gap:2px}
.site-main-nav .rankings-dropdown-head small{font-size:9px;line-height:1.2;font-style:normal;font-weight:900;letter-spacing:.17em;color:#168fff}
.site-main-nav .rankings-dropdown-head strong{font-size:19px;line-height:1.2;color:#10243d;letter-spacing:-.02em}
.site-main-nav .rankings-dropdown-head i{font-size:10px;font-style:normal;font-weight:850;color:#14754b;background:#eaf9f1;border:1px solid #cceedd;border-radius:999px;padding:6px 9px;white-space:nowrap}
.site-main-nav .rankings-dropdown-head i::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#19a866;box-shadow:0 0 0 3px rgba(25,168,102,.12);vertical-align:1px}
.site-main-nav .rankings-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
/* Override the normal top-nav anchor treatment inside the dropdown. */
.site-main-nav .navlinks .rankings-menu-card{
position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 18px!important;gap:11px!important;align-items:center!important;
min-height:78px!important;padding:11px 12px!important;border:1px solid #e2ebf4!important;border-radius:14px!important;
background:#fff!important;color:#14283f!important;text-decoration:none!important;overflow:hidden!important;
transform:none!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important
}
.site-main-nav .navlinks .rankings-menu-card::before{content:""!important;position:absolute!important;inset:auto -35px -48px auto!important;width:105px!important;height:105px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(22,143,255,.13),rgba(22,143,255,0) 70%)!important;opacity:1!important;transform:none!important}
.site-main-nav .navlinks .rankings-menu-card::after{display:none!important}
.site-main-nav .navlinks .rankings-menu-card:hover,
.site-main-nav .navlinks .rankings-menu-card:focus-visible{border-color:#b7d9f6!important;box-shadow:0 9px 24px rgba(24,94,156,.11)!important;transform:translateY(-2px)!important;color:#14283f!important;outline:none!important}
.site-main-nav .rankings-menu-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#edf7ff,#e4f1fc);border:1px solid #d4e9fa;color:#168fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)}
.site-main-nav .rankings-menu-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-main-nav .rankings-menu-copy{display:grid;min-width:0;text-align:left;line-height:1.1}
.site-main-nav .rankings-menu-copy small{font-size:7.5px;font-weight:900;letter-spacing:.14em;color:#7b8da1;margin-bottom:3px}
.site-main-nav .rankings-menu-copy strong{font-size:14px;color:#14283f;margin-bottom:4px;white-space:nowrap}
.site-main-nav .rankings-menu-copy em{font-size:10px;font-style:normal;font-weight:650;color:#718399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-main-nav .rankings-menu-card>b{position:relative;z-index:2;font-size:21px;color:#168fff;transition:transform .18s ease}
.site-main-nav .rankings-menu-card:hover>b{transform:translateX(2px)}
.site-main-nav .rankings-menu-tvs .rankings-menu-icon{color:#7659e8;background:linear-gradient(145deg,#f4f0ff,#ede8ff);border-color:#ded6ff}
.site-main-nav .rankings-menu-projectors .rankings-menu-icon{color:#08a37e;background:linear-gradient(145deg,#ecfbf7,#e5f8f3);border-color:#cceee5}
.site-main-nav .rankings-menu-mini-pcs .rankings-menu-icon{color:#e47720;background:linear-gradient(145deg,#fff5e9,#fff0df);border-color:#f6dec5}
.site-main-nav .rankings-menu-wearables .rankings-menu-icon{color:#db4778;background:linear-gradient(145deg,#fff0f5,#fde8f0);border-color:#f6d2df}
.site-main-nav .navlinks .rankings-menu-all{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:10px!important;padding:10px 12px!important;border-radius:12px!important;background:linear-gradient(90deg,#0d2d4d,#124f84)!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important;transform:none!important;box-shadow:none!important;font-size:11px!important;font-weight:750!important}
.site-main-nav .navlinks .rankings-menu-all::before,.site-main-nav .navlinks .rankings-menu-all::after{display:none!important}
.site-main-nav .navlinks .rankings-menu-all:hover{background:linear-gradient(90deg,#0c365e,#1165ab)!important;color:#fff!important;transform:none!important;box-shadow:0 7px 18px rgba(13,76,130,.16)!important}
.site-main-nav .rankings-menu-all b{font-size:11px;white-space:nowrap;color:#8ed4ff}
@media(max-width:1000px) and (min-width:701px){
.site-main-nav .rankings-dropdown{left:auto;right:-120px;transform:translateY(10px) scale(.985);width:min(610px,calc(100vw - 26px))}
.site-main-nav .rankings-nav-item:hover .rankings-dropdown,.site-main-nav .rankings-nav-item:focus-within .rankings-dropdown{transform:translateY(0) scale(1)}
.site-main-nav .rankings-dropdown::before{left:auto;right:158px;transform:rotate(45deg)}
}
@media(max-width:700px){
.site-main-nav .rankings-dropdown{display:none!important}
.site-main-nav .rankings-chevron{display:none}
}
/* =========================================================
V5.107 — Smart Home category + six-card homepage layout
========================================================= */
@media (min-width:1101px){
.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (min-width:701px) and (max-width:1100px){
.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
.smart-home-cat-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#154c43 0,#0b2d2a 58%,#071d1d 100%)!important;}
.smart-home-cat-art svg{width:86%;height:86%;fill:none;stroke:#35d6a5;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(53,214,165,.25));}
.site-main-nav .rankings-menu-smart-home .rankings-menu-icon{color:#0a9d78;background:linear-gradient(145deg,#ecfbf6,#e3f7f0);border-color:#c9ede2;}
/* V5.108 — Smart Home Ratings collection (no numbered cross-category ranking) */
.smart-home-ratings-mode #podium{display:none!important}
.smart-home-ratings-mode #cards.smart-home-ratings-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin-top:18px}
.smart-home-type-bar{margin:16px 0 4px;padding:18px 20px;border:1px solid #cfe8df;border-radius:18px;background:linear-gradient(135deg,#f4fbf8,#eef8f5);box-shadow:0 8px 28px rgba(16,88,70,.06)}
.smart-home-type-copy{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:end}.smart-home-type-copy .kicker{grid-column:1/-1;color:#0c8c6d;margin-bottom:4px}.smart-home-type-copy strong{font-size:19px;color:#12352e}.smart-home-type-copy small{justify-self:end;color:#60766f;font-size:12px;line-height:1.4;text-align:right;max-width:620px}
.smart-home-type-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.smart-home-type-pills button{appearance:none;border:1px solid #cfe1dc;background:#fff;color:#31594f;border-radius:999px;padding:9px 13px;font-weight:800;font-size:12px;cursor:pointer;transition:.18s ease}.smart-home-type-pills button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;border-radius:999px;background:#eef5f2;color:#668079;font-size:10px}.smart-home-type-pills button:hover{transform:translateY(-1px);border-color:#8bcdb9}.smart-home-type-pills button.active{background:#0b8f6d;border-color:#0b8f6d;color:#fff;box-shadow:0 5px 16px rgba(11,143,109,.18)}.smart-home-type-pills button.active span{background:rgba(255,255,255,.18);color:#fff}
.smart-home-rating-card{display:grid;grid-template-columns:118px minmax(0,1fr) 112px;grid-template-rows:auto auto;gap:12px 16px;align-items:center;background:#fff;border:1px solid #dbe8e4;border-radius:18px;padding:16px;box-shadow:0 7px 24px rgba(15,46,42,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0}.smart-home-rating-card:hover{transform:translateY(-2px);border-color:#b9dcd1;box-shadow:0 12px 32px rgba(15,76,61,.09)}
.smart-home-rating-image{width:118px;height:104px;grid-row:1/3;border-radius:14px;background:linear-gradient(145deg,#f7fbfa,#eaf4f1);overflow:hidden;display:grid;place-items:center;border:1px solid #e1efeb}.smart-home-rating-image img{width:100%;height:100%;object-fit:contain;padding:8px}.smart-home-rating-image.image-missing:after{content:'HOME TECH';font-size:10px;font-weight:900;letter-spacing:.12em;color:#8aa69e}
.smart-home-rating-main{min-width:0;align-self:start}.smart-home-rating-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}.smart-home-type-tag{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#e9f8f3;color:#087a5e;border:1px solid #c9ebdf;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.smart-home-brand{font-size:10px;font-weight:800;color:#7b8e89;text-transform:uppercase;letter-spacing:.08em}.smart-home-rating-main h3{font-size:18px;line-height:1.15;color:#162a42;margin:0 0 10px}.smart-home-rating-main .product-facts{display:flex;gap:6px;flex-wrap:wrap}.smart-home-rating-main .product-facts>span{font-size:10px;padding:5px 7px;border-radius:7px;background:#f3f7f6;border:1px solid #e3ece9}.smart-home-rating-note{font-size:11px;line-height:1.45;color:#6c7c78;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.smart-home-rating-score{justify-self:end;text-align:center}.smart-home-rating-score .row-score-ring{margin:auto}.smart-home-rating-score>em{display:block;margin-top:6px;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.08em;color:#16896c}.smart-home-rating-actions{grid-column:2/4;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid #edf2f0;padding-top:10px}
@media(max-width:1000px){.smart-home-ratings-mode #cards.smart-home-ratings-grid{grid-template-columns:1fr}}
@media(max-width:700px){.smart-home-type-copy{display:block}.smart-home-type-copy small{display:block;text-align:left;margin-top:5px}.smart-home-type-bar{padding:15px}.smart-home-type-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.smart-home-type-pills::-webkit-scrollbar{display:none}.smart-home-type-pills button{white-space:nowrap;flex:0 0 auto}.smart-home-rating-card{grid-template-columns:82px minmax(0,1fr) 88px;gap:10px;padding:12px}.smart-home-rating-image{width:82px;height:82px;grid-row:1}.smart-home-rating-main{grid-column:2/4}.smart-home-rating-main h3{font-size:16px}.smart-home-rating-score{grid-column:1;grid-row:2;justify-self:center}.smart-home-rating-score .row-score-ring{transform:scale(.84)}.smart-home-rating-actions{grid-column:2/4;grid-row:2;padding-top:9px;flex-wrap:wrap}}
/* V5.109 — Admin leaderboard drag/drop ordering */
.rank-order-toolbar-v5109{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;align-items:end;padding:14px 16px;margin-bottom:8px;border:1px solid #dce7f4;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f3f8ff)}
.rank-order-toolbar-v5109>div>b{display:block;font-size:14px;color:#26364d;margin-bottom:3px}.rank-order-toolbar-v5109 small{display:block;color:#708198;font-size:11px;line-height:1.45}.rank-order-toolbar-v5109 label{font-size:11px;font-weight:800;color:#65768e}.rank-order-toolbar-v5109 .field{margin-top:6px;margin-bottom:0}.rank-order-note-v5109{font-size:11px;color:#718198;padding:3px 4px 10px}
.rank-edit-row.rank-draggable-v5109{grid-template-columns:28px 68px minmax(0,1fr) 90px 70px;min-height:54px;border:1px solid transparent;border-bottom-color:#e7ecf3;border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s,opacity .15s}.rank-edit-row.rank-draggable-v5109:hover{background:#f8fbff;border-color:#dce8f6}.rank-edit-row.rank-draggable-v5109.dragging-v5109{opacity:.42}.rank-edit-row.rank-draggable-v5109.drag-over-v5109{border-top:3px solid var(--blue);background:#eef6ff}.rank-edit-row.rank-draggable-v5109.drag-over-v5109.drag-after-v5109{border-top-color:transparent;border-bottom:3px solid var(--blue)}
.rank-drag-handle-v5109{display:grid;place-items:center;width:26px;height:38px;border-radius:8px;color:#7b8da4;font-size:18px;letter-spacing:-5px;cursor:grab;user-select:none;touch-action:none}.rank-drag-handle-v5109:hover{background:#e8f2ff;color:var(--blue)}.rank-drag-handle-v5109:active{cursor:grabbing}.rank-score-v5109{text-align:right;font-weight:850;color:#31435d}.rank-move-buttons-v5109{display:flex;justify-content:flex-end;gap:5px}.rank-move-v5109{width:30px;height:30px;border:1px solid #d7e1ee;background:#fff;color:#64758d;border-radius:8px;cursor:pointer;font-weight:900}.rank-move-v5109:hover{border-color:#aac8ed;background:#edf6ff;color:var(--blue)}
@media(max-width:800px){.rank-order-toolbar-v5109{grid-template-columns:1fr}.rank-edit-row.rank-draggable-v5109{grid-template-columns:28px 58px minmax(0,1fr) 72px}.rank-move-buttons-v5109{grid-column:3/-1;justify-content:flex-start;padding-bottom:4px}.rank-score-v5109{text-align:right}}