/* MobileKiQeemat — Modernist style: Archivo, square corners, 2px rules, cobalt accent. Scoped to .mkq */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&display=swap');
.mkq{--mkq-accent:#1f4fe0;--mkq-accent-600:#1a43c2;--mkq-accent-700:#15349a;--mkq-accent-100:#eef2ff;--mkq-bg:#fff;--mkq-surface:#f3f2f2;--mkq-text:#111010;--mkq-rule:color-mix(in srgb,#111010 30%,transparent);--mkq-muted:color-mix(in srgb,#111010 60%,transparent);font-family:Archivo,system-ui,sans-serif;color:var(--mkq-text);font-size:15px;line-height:1.55}
.mkq *,.mkq *::before,.mkq *::after{box-sizing:border-box}
.mkq h1,.mkq h2,.mkq h3,.mkq h4,.mkq h6{font-family:Archivo,system-ui,sans-serif;font-weight:800;letter-spacing:-.015em;line-height:1.12;margin:0 0 8px;color:var(--mkq-text)}
.mkq h1{font-size:clamp(28px,4vw,42px)}.mkq h2{font-size:clamp(22px,3vw,30px)}.mkq h3{font-size:22px}
.mkq h6{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.mkq a{color:inherit;text-decoration:none}.mkq a:hover{color:var(--mkq-accent)}
.mkq :focus-visible{outline:2px solid var(--mkq-accent);outline-offset:2px}
.mkq .mkq-muted{color:var(--mkq-muted)}.mkq .mkq-small{font-size:12px}.mkq .mkq-strong{font-weight:600}
.mkq .mkq-num{font-variant-numeric:tabular-nums;white-space:nowrap}.mkq .mkq-up{color:var(--mkq-accent-700)}
.mkq .mkq-label{display:block;font-size:12px;color:var(--mkq-muted);margin-bottom:4px}
.mkq .mkq-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mkq-accent)}
.mkq .mkq-tag{display:inline-block;padding:3px 10px;background:var(--mkq-accent-100);color:var(--mkq-accent-700);font-size:12px}

.mkq .mkq-sec{padding:28px 0;border-bottom:2px solid var(--mkq-rule)}
.mkq .mkq-sec-last{border-bottom:0}
.mkq .mkq-sec-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}
.mkq .mkq-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0}
.mkq .mkq-split>.mkq-main{padding-right:32px;border-right:2px solid var(--mkq-rule)}
.mkq .mkq-split>.mkq-side{display:flex;flex-direction:column}
.mkq .mkq-side-block{padding:24px 0 24px 24px;border-bottom:2px solid var(--mkq-rule)}
.mkq .mkq-side-block:last-child{border-bottom:0}
.mkq .mkq-main .mkq-sec:last-child{border-bottom:0}
.mkq-single>.mkq-split,.mkq-home>.mkq-split{border-bottom:2px solid var(--mkq-rule)}
.mkq .mkq-split.mkq-sec{padding:0}.mkq .mkq-split.mkq-sec>.mkq-main{padding-top:28px;padding-bottom:28px}

/* brands */
.mkq .mkq-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));border-top:2px solid var(--mkq-rule);border-left:1px solid var(--mkq-rule)}
.mkq .mkq-brand{display:flex;flex-direction:column;gap:2px;padding:12px 10px;min-height:64px;border-right:1px solid var(--mkq-rule);border-bottom:1px solid var(--mkq-rule)}
.mkq .mkq-brand strong{font-weight:800;font-size:14px;line-height:1.15}.mkq .mkq-brand span{font-size:11px;opacity:.6}
.mkq .mkq-brand:hover{background:var(--mkq-text);color:var(--mkq-bg)}

/* tables */
.mkq .mkq-table-wrap{overflow-x:auto}
.mkq .mkq-table{width:100%;border-collapse:collapse;font-size:14px;margin:0;border:0}
.mkq .mkq-table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mkq-muted);padding:8px;border:0;border-bottom:2px solid var(--mkq-rule);font-weight:600;background:none}
.mkq .mkq-table td{padding:8px;border:0;border-bottom:1px solid var(--mkq-rule);vertical-align:middle;background:none}
.mkq .mkq-table tbody tr:hover{background:color-mix(in srgb,var(--mkq-text) 4%,transparent)}
.mkq .mkq-specs th{width:34%;font-size:13px;letter-spacing:0;text-transform:none;color:var(--mkq-muted);border-bottom:1px solid var(--mkq-rule)}
.mkq .mkq-compare td.mkq-best{background:var(--mkq-accent-100);color:var(--mkq-accent-700);font-weight:600}
.mkq .mkq-compare th[scope=row]{font-size:13px;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--mkq-rule)}
.mkq .mkq-phone-cell{display:flex;gap:12px;align-items:center}
.mkq .mkq-phone-cell span{display:flex;flex-direction:column}.mkq .mkq-phone-cell small{font-size:12px;color:var(--mkq-muted)}
.mkq .mkq-thumb{flex:none;object-fit:contain;border:1px solid var(--mkq-rule);background:var(--mkq-surface)}
.mkq .mkq-ph{display:block;background:repeating-linear-gradient(135deg,var(--mkq-surface) 0 5px,var(--mkq-bg) 5px 10px)}

/* buttons & fields */
.mkq .mkq-btn{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;cursor:pointer;font:800 14px/1.2 Archivo,system-ui,sans-serif;padding:9px 14px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--mkq-text);text-align:left}
.mkq .mkq-btn-pri{background:var(--mkq-accent);color:#fff}.mkq .mkq-btn-pri:hover{background:var(--mkq-accent-600);color:#fff}.mkq .mkq-btn-pri:active{background:var(--mkq-accent-700)}
.mkq .mkq-btn-sec{border-color:var(--mkq-rule)}.mkq .mkq-btn-sec:hover{background:color-mix(in srgb,var(--mkq-text) 7%,transparent);color:var(--mkq-text)}
.mkq .mkq-btn-ghost{color:var(--mkq-accent-700);padding-inline:4px}.mkq .mkq-btn-ghost:hover{background:var(--mkq-accent-100)}
.mkq .mkq-btn-sm{font-size:12px;padding:5px 10px}.mkq .mkq-btn-block{display:flex;width:100%;margin-top:14px}
.mkq .mkq-field{display:flex;flex-direction:column;gap:5px;margin:0 0 12px;flex:1;min-width:140px}
.mkq .mkq-field>span{font-size:12px;color:var(--mkq-muted)}
.mkq .mkq-field input,.mkq .mkq-field select{width:100%;min-height:40px;padding:6px 10px;font:inherit;font-size:15px;color:var(--mkq-text);background:var(--mkq-surface);border:1px solid var(--mkq-rule);border-radius:0;box-shadow:none}
.mkq .mkq-field input:focus,.mkq .mkq-field select:focus{border-color:var(--mkq-accent);outline:none}
.mkq .mkq-row{display:flex;gap:12px;flex-wrap:wrap}
.mkq .mkq-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--mkq-rule);margin:0 0 14px}
.mkq .mkq-seg button{cursor:pointer;border:0;border-right:1px solid var(--mkq-rule);padding:8px 14px;font:400 14px Archivo,system-ui,sans-serif;background:transparent;color:var(--mkq-text);border-radius:0}
.mkq .mkq-seg button:last-child{border-right:0}
.mkq .mkq-seg button[aria-pressed=true]{background:var(--mkq-accent);color:#fff}
.mkq .mkq-seg button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--mkq-text) 7%,transparent)}
.mkq .mkq-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px}
.mkq .mkq-chips button{cursor:pointer;padding:6px 11px;font:400 13px Archivo,system-ui,sans-serif;border:1px solid var(--mkq-rule);background:transparent;color:var(--mkq-text);border-radius:0}
.mkq .mkq-chips button[aria-pressed=true]{background:var(--mkq-text);color:var(--mkq-bg)}
.mkq input[type=range]{width:100%;accent-color:var(--mkq-accent);margin:0 0 20px}

/* tools */
.mkq .mkq-tool{max-width:760px}
.mkq .mkq-side .mkq-tool,.mkq .mkq-finder{max-width:none}
.mkq .mkq-result{background:var(--mkq-surface);padding:18px 20px;margin-top:6px}
.mkq [data-compact] .mkq-result{background:none;padding:0}
.mkq .mkq-kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--mkq-rule);font-size:14px}
.mkq .mkq-kv:last-of-type{border-bottom:0}
.mkq .mkq-price{font-weight:800;font-size:18px;margin-top:6px}
.mkq .mkq-price-xl{display:block;font-weight:800;font-size:clamp(28px,4vw,40px);letter-spacing:-.02em;line-height:1.1;margin-bottom:8px}
.mkq .mkq-price-lg{display:block;font-weight:800;font-size:22px}
.mkq .mkq-list{list-style:none;margin:0;padding:0}
.mkq .mkq-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--mkq-rule);font-size:14px;margin:0}
.mkq .mkq-tools{list-style:none;margin:0;padding:0}
.mkq .mkq-tools li{margin:0;border-bottom:1px solid var(--mkq-rule)}
.mkq .mkq-tools a{display:flex;flex-direction:column;gap:2px;padding:10px 0}
.mkq .mkq-tools strong{font-size:14px}.mkq .mkq-tools small{font-size:12px;color:var(--mkq-muted)}

/* finder */
.mkq .mkq-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.mkq .mkq-finder-controls{padding-right:32px;border-right:2px solid var(--mkq-rule)}
.mkq .mkq-finder-results{padding-left:32px;display:flex;flex-direction:column;align-items:flex-start}
.mkq .mkq-finder-results [data-out]{width:100%;margin-bottom:18px}
.mkq .mkq-budget{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.mkq .mkq-budget strong{font-weight:800;font-size:30px;font-variant-numeric:tabular-nums}
.mkq .mkq-rank{display:flex;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--mkq-rule)}
.mkq .mkq-rank>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}
.mkq .mkq-rank-n{width:28px;font-weight:800;font-size:24px;color:var(--mkq-accent)}
.mkq .mkq-rank-p{text-align:right;display:flex;flex-direction:column}
.mkq .mkq-rank-p a{color:var(--mkq-accent-700)}

/* cards */
.mkq .mkq-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.mkq .mkq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.mkq .mkq-card{display:flex;flex-direction:column;gap:4px;background:var(--mkq-surface);padding:0 0 14px}
.mkq .mkq-card>*:not(.mkq-card-img){padding:0 12px}
.mkq .mkq-card:hover{background:#eae7e7;color:var(--mkq-text)}
.mkq .mkq-card-img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-bottom:2px solid var(--mkq-rule);margin-bottom:8px;background:var(--mkq-bg)}
.mkq .mkq-card-title{font-weight:800;font-size:17px;line-height:1.2}

/* single */
.mkq .mkq-crumbs{padding:16px 0 0;color:var(--mkq-muted)}
.mkq .mkq-hero{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start}
.mkq .mkq-hero-photo{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:var(--mkq-surface)}
.mkq .mkq-prices{display:flex;gap:32px;flex-wrap:wrap;padding:16px 0;border-top:2px solid var(--mkq-rule);border-bottom:1px solid var(--mkq-rule);margin:16px 0}
.mkq .mkq-pta-row{display:flex;gap:20px;flex-wrap:wrap;align-items:baseline;font-size:14px;margin-bottom:20px}
.mkq .mkq-pta-row .mkq-label{margin:0}.mkq .mkq-pta-row a{color:var(--mkq-accent-700)}
.mkq .mkq-actions{display:flex;gap:10px;flex-wrap:wrap}
.mkq .mkq-score{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.mkq .mkq-score strong{background:var(--mkq-text);color:var(--mkq-bg);font-size:28px;font-weight:800;padding:8px 14px}
.mkq .mkq-proscons{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}
.mkq .mkq-proscons ul{margin:0;padding-left:18px}
.mkq .mkq-chart{width:100%;height:180px;color:var(--mkq-accent);background:var(--mkq-surface);display:block}
.mkq .mkq-chart-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--mkq-muted);margin-top:6px}
.mkq .mkq-filters{display:flex;gap:12px}
.mkq .mkq-pagination{margin-top:24px;display:flex;gap:6px;flex-wrap:wrap}
.mkq .mkq-pagination .page-numbers{padding:6px 12px;border:1px solid var(--mkq-rule)}
.mkq .mkq-pagination .current{background:var(--mkq-accent);color:#fff;border-color:var(--mkq-accent)}
.mkq .mkq-quiz-opts{display:flex;flex-direction:column;gap:8px;margin:16px 0;max-width:520px}
.mkq .mkq-quiz-opts .mkq-btn{width:100%;padding:14px 16px}

/* responsive */
@media (max-width:960px){
  .mkq .mkq-split,.mkq .mkq-finder,.mkq .mkq-hero{grid-template-columns:1fr}
  .mkq .mkq-split>.mkq-main,.mkq .mkq-finder-controls{padding-right:0;border-right:0}
  .mkq .mkq-side-block{padding-left:0}
  .mkq .mkq-finder-results{padding-left:0;padding-top:24px;border-top:2px solid var(--mkq-rule);margin-top:8px}
  .mkq .mkq-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mkq .mkq-hero{gap:20px}
}
@media (max-width:600px){
  .mkq .mkq-brands{grid-template-columns:repeat(3,1fr)}
  .mkq .mkq-table .mkq-col-non,.mkq .mkq-table td:nth-child(3){display:none}
  .mkq .mkq-proscons{grid-template-columns:1fr}
  .mkq .mkq-seg button{padding:8px 10px}
}