/* --------------------------------------------------------------------------
 * 332-B — Device comparison actions + tray.
 * Isolated from the canonical button/card rules: existing typography, colors and
 * action hierarchy are reused rather than overridden.
 * -------------------------------------------------------------------------- */
.device-compare-glyph{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.device-compare-card-action{position:absolute;z-index:4;top:56px;inset-inline-start:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dbe7e8;border-radius:8px;background:rgba(255,255,255,.96);color:var(--navy);box-shadow:0 6px 16px rgba(23,54,80,.06);font:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.device-compare-card-action:hover{border-color:#9fcfc9;color:var(--aqua-dark);background:#fff;box-shadow:0 8px 18px rgba(23,54,80,.09);transform:translateY(-1px)}
.device-compare-card-action:focus-visible{outline:3px solid rgba(85,197,184,.30);outline-offset:2px}
.device-compare-card-action.is-selected{border-color:rgba(50,158,148,.42);background:#eef9f7;color:var(--aqua-dark);box-shadow:0 7px 18px rgba(35,73,115,.08)}
.device-compare-card-action:disabled{cursor:wait;opacity:.55;transform:none}
.catalog-item .device-compare-card-action{top:56px;inset-inline-start:12px}
/* 348S — Product-detail comparison is a tertiary chip above the commercial CTAs.
   The soft aqua pill is intentionally different from both Primary and Secondary buttons,
   while its compact footprint keeps Add to cart / Quote visually dominant. */
.device-compare-detail-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:100%;min-width:0;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:var(--aqua-pale);color:var(--aqua-dark);font:inherit;font-size:var(--font-size-13);font-weight:800;line-height:1.45;cursor:pointer;box-shadow:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.device-compare-detail-action .device-compare-glyph{width:16px;height:16px;flex:0 0 auto;color:currentColor}
.device-compare-detail-action:hover{border-color:rgba(50,158,148,.24);background:#e3f5f2;color:var(--inner-navy)}
.device-compare-detail-action:focus-visible{outline:3px solid rgba(85,197,184,.28);outline-offset:2px}
.device-compare-detail-action.is-selected{border-color:var(--aqua-dark);background:var(--aqua-dark);color:#fff}
.device-compare-detail-action.is-selected .device-compare-glyph{color:#fff}
.device-compare-detail-action:disabled{cursor:wait;opacity:.58}

/* Instruments-page entry point: comparison is an action, not a product-family filter. */
.catalog-comparison-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:26px;padding-bottom:16px;border-bottom:1px solid var(--inner-line)}
.catalog-comparison-bar .catalog-family-nav{flex:0 1 auto;margin-bottom:0;padding-bottom:0;border-bottom:0}
.catalog-compare-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:44px;padding:10px 15px;border:1px solid rgba(50,158,148,.38);border-radius:10px;background:#eef9f7;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.25;text-decoration:none;white-space:nowrap;box-shadow:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.catalog-compare-entry:hover{border-color:rgba(50,158,148,.62);background:#e6f5f2;color:var(--inner-navy)}.catalog-compare-entry:focus-visible{outline:3px solid rgba(85,197,184,.28);outline-offset:2px}
.catalog-compare-entry .device-compare-glyph{width:17px;height:17px;color:var(--aqua-dark);stroke-width:1.75}
.catalog-compare-entry b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--navy-pale);color:var(--inner-navy);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-10);font-weight:800}
.catalog-compare-entry b[hidden]{display:none}

.device-compare-tray{--compare-tray-bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));--compare-tray-width:560px;position:fixed;z-index:230;inset-inline:50% auto;bottom:var(--compare-tray-bottom);width:min(var(--compare-tray-width),calc(100vw - 32px));max-width:calc(100vw - 32px);border:1px solid rgba(35,73,115,.14);border-radius:16px;background:rgba(255,255,255,.985);box-shadow:0 20px 52px rgba(18,54,88,.20);translate:-50% 0;overflow:hidden}
html[dir="rtl"] .device-compare-tray{translate:50% 0}
.device-compare-tray[data-device-compare-count="1"]{--compare-tray-width:378px}
.device-compare-tray[data-device-compare-count="2"]{--compare-tray-width:560px}
.device-compare-tray[data-device-compare-count="3"]{--compare-tray-width:745px}
.device-compare-tray[data-device-compare-count="4"]{--compare-tray-width:928px}
.device-compare-tray[hidden]{display:none}
.device-compare-tray__inner{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr);align-items:stretch;min-height:82px}
.device-compare-tray__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-inline-end:1px solid rgba(35,73,115,.09);background:#f8fbfa;color:var(--navy)}
.device-compare-tray__head span,.device-compare-tray__head strong,.device-compare-tray__head small{display:block}
.device-compare-tray__head strong{font-size:var(--font-size-13);font-weight:800;line-height:1.45}
.device-compare-tray__head small{margin-top:3px;color:var(--text-secondary);font-size:var(--font-size-10);font-weight:600;line-height:1.45}
.device-compare-tray__head b{flex:0 0 auto;min-width:36px;color:var(--aqua-dark);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-12);font-weight:800;text-align:end}
.device-compare-tray__items{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 12px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.device-compare-tray__item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:8px;flex:0 0 min(176px,44vw);min-width:0;padding:7px 7px 7px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}
.device-compare-tray__item img{width:44px;height:44px;display:block;object-fit:contain;mix-blend-mode:multiply;background:var(--surface-soft);border-radius:7px}
.device-compare-tray__item>span{min-width:0}
.device-compare-tray__item strong,.device-compare-tray__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-compare-tray__item strong{color:var(--navy);font-size:var(--font-size-11);font-weight:700;line-height:1.5}
.device-compare-tray__item small{margin-top:2px;color:var(--text-meta);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-10);font-weight:600}
.device-compare-tray__item button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background-color .18s ease,color .18s ease}
.device-compare-tray__item button:hover{background:var(--navy-pale);color:var(--navy)}
.device-compare-tray__item button:focus-visible{outline:3px solid rgba(85,197,184,.24);outline-offset:1px}
.device-compare-tray__item button svg{width:14px;height:14px}

/* 348-C — Tray minimize/restore geometry. The minus control belongs to the
   whole tray (logical end), while the collapsed tray sits at logical start:
   right in Arabic RTL and left in English LTR. */
.device-compare-tray__items{padding-inline-end:92px}
.device-compare-tray__minimize,.device-compare-tray__close{position:absolute;z-index:3;top:9px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(35,73,115,.12);border-radius:8px;background:#fff;color:var(--text-secondary);font:inherit;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.device-compare-tray__minimize{inset-inline-end:49px}.device-compare-tray__close{inset-inline-end:9px}
.device-compare-tray__minimize span{display:block;font-family:"Manrope",Arial,sans-serif;font-size:22px;font-weight:500;line-height:1;translate:0 -1px}.device-compare-tray__close svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.device-compare-tray__minimize:hover{border-color:rgba(50,158,148,.38);background:#eef9f7;color:var(--inner-navy)}.device-compare-tray__close:hover{border-color:rgba(239,61,79,.28);background:#fff3f4;color:#c82e40}
.device-compare-tray__minimize:focus-visible,.device-compare-tray__close:focus-visible,.device-compare-tray__mini:focus-visible{outline:3px solid rgba(85,197,184,.28);outline-offset:2px}
.device-compare-tray__chevron{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.device-compare-tray.is-collapsed{--compare-tray-width:252px;inset-inline-start:18px;inset-inline-end:auto;border-color:rgba(50,158,148,.24);border-radius:14px;box-shadow:0 14px 34px rgba(18,54,88,.16);translate:none;overflow:visible}
html[dir="rtl"] .device-compare-tray.is-collapsed{translate:none}
.device-compare-tray__mini{display:grid;grid-template-columns:28px minmax(0,1fr) auto 18px;align-items:center;gap:8px;width:100%;min-height:50px;padding:8px 11px;border:0;border-radius:inherit;background:rgba(255,255,255,.985);color:var(--inner-navy);font:inherit;text-align:start;cursor:pointer}
.device-compare-tray__mini:hover{background:#f4faf9}
.device-compare-tray__mini-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef9f7;color:var(--aqua-dark)}
.device-compare-tray__mini-icon .device-compare-glyph{width:16px;height:16px}
.device-compare-tray__mini strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-12);font-weight:800;line-height:1.35}
.device-compare-tray__mini b{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--navy-pale);color:var(--inner-navy);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-10);font-weight:800}
.device-compare-tray__mini>.device-compare-tray__chevron{color:var(--text-secondary)}
body.has-device-compare-tray{padding-bottom:112px}
body.has-device-compare-tray .quick-contact{--quick-contact-bottom:118px}
body.has-device-compare-tray .back-to-top{bottom:118px}
body.has-device-compare-tray.is-device-compare-tray-collapsed{padding-bottom:82px}
body.has-device-compare-tray.is-device-compare-tray-collapsed .quick-contact{--quick-contact-bottom:84px}
body.has-device-compare-tray.is-device-compare-tray-collapsed .back-to-top{bottom:84px}
.device-compare-notice{position:fixed;z-index:281;inset-inline-start:50%;bottom:24px;max-width:min(460px,calc(100vw - 32px));padding:11px 15px;border:1px solid rgba(85,197,184,.42);border-radius:10px;background:var(--navy);color:#fff;box-shadow:0 14px 34px rgba(35,73,115,.22);font-size:var(--font-size-12);font-weight:700;line-height:1.6;opacity:0;pointer-events:none;translate:-50% 12px;transition:opacity .18s ease,translate .18s ease;text-align:center}
html[dir="rtl"] .device-compare-notice{translate:50% 12px}
.device-compare-notice.is-visible{opacity:1;translate:-50% 0}
html[dir="rtl"] .device-compare-notice.is-visible{translate:50% 0}
body.has-device-compare-tray .device-compare-notice{bottom:124px}
body.has-device-compare-tray.is-device-compare-tray-collapsed .device-compare-notice{bottom:90px}

@media (width<=1100px){
  .product-card__quick-view~.device-compare-card-action{top:48px;inset-inline-start:8px;width:32px;height:32px}
  .product-card__quick-view~.device-compare-card-action .device-compare-glyph{width:15px;height:15px}
}
@media (width<=720px){
  .catalog-comparison-bar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:14px}
  .catalog-comparison-bar .catalog-family-nav{order:1}
  .catalog-compare-entry{order:2;align-self:flex-start}
  .device-compare-tray{inset-inline:0;bottom:0;width:100%;max-width:none;border-inline:0;border-bottom:0;border-radius:14px 14px 0 0;translate:none}
  html[dir="rtl"] .device-compare-tray{translate:none}
  .device-compare-tray.is-collapsed{inset-inline-start:12px;inset-inline-end:auto;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px));width:min(252px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid rgba(50,158,148,.24);border-radius:14px;translate:none}
  .device-compare-tray__inner{grid-template-columns:1fr;min-height:0}
  .device-compare-tray__head{padding:9px 13px;padding-inline-end:88px;border-inline-end:0;border-bottom:1px solid rgba(35,73,115,.08)}
  .device-compare-tray__head span{display:flex;align-items:baseline;gap:8px;min-width:0}
  .device-compare-tray__head small{margin-top:0;white-space:nowrap}
  .device-compare-tray__items{padding:8px 12px 10px;padding-inline-end:12px}
  .device-compare-tray__item{flex-basis:156px;grid-template-columns:36px minmax(0,1fr) 24px;padding:6px;gap:7px}
  .device-compare-tray__item img{width:36px;height:36px}
  .device-compare-tray__item button{width:24px;height:24px}
  body.has-device-compare-tray{padding-bottom:136px}
  body.has-device-compare-tray .quick-contact{--quick-contact-mobile-bottom:146px}
  body.has-device-compare-tray .back-to-top{bottom:146px}
  body.has-device-compare-tray .device-compare-notice{bottom:140px}
  body.has-device-compare-tray.is-device-compare-tray-collapsed{padding-bottom:82px}
  body.has-device-compare-tray.is-device-compare-tray-collapsed .quick-contact{--quick-contact-mobile-bottom:88px}
  body.has-device-compare-tray.is-device-compare-tray-collapsed .back-to-top{bottom:88px}
  body.has-device-compare-tray.is-device-compare-tray-collapsed .device-compare-notice{bottom:92px}
}
@media (prefers-reduced-motion:reduce){
  .device-compare-card-action,.device-compare-tray__item button,.device-compare-tray__minimize,.device-compare-tray__close,.device-compare-tray__mini,.device-compare-notice{transition:none}
}

/* --------------------------------------------------------------------------
 * 342 — Comparison page rhythm.
 * Comparison-only spacing refinement; other inner pages keep their canonical
 * hero spacing and borders.
 * -------------------------------------------------------------------------- */
.gt-site[data-device-comparison-page] .inner-hero{padding-bottom:22px;border-bottom:0}

/* --------------------------------------------------------------------------
 * 332-C + 332-D — Comparison Page.
 * Canonical comparison-page rules: side-by-side data, page controls, and the
 * responsive horizontal-scroll contract. Global CTA/card/type rules untouched.
 * -------------------------------------------------------------------------- */
.device-comparison-main{padding-top:22px}
.device-comparison-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;border:0;border-radius:12px;background:var(--surface-soft)}
.device-comparison-differences{display:inline-flex;align-items:center;gap:10px;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.6;cursor:pointer}
.device-comparison-differences input{appearance:none;position:relative;width:38px;height:22px;margin:0;border:1px solid #cbdedd;border-radius:999px;background:#fff;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.device-comparison-differences input:before{content:"";position:absolute;top:3px;inset-inline-start:3px;width:14px;height:14px;border-radius:50%;background:var(--text-meta);transition:translate .18s ease,background-color .18s ease}.device-comparison-differences input:checked{border-color:var(--inner-navy);background:var(--inner-navy)}.device-comparison-differences input:checked:before{background:#fff;translate:16px 0}html[dir="rtl"] .device-comparison-differences input:checked:before{translate:-16px 0}.device-comparison-differences input:focus-visible{outline:3px solid rgba(85,197,184,.24);outline-offset:2px}
.device-comparison-differences.is-disabled{opacity:.55;cursor:not-allowed}
.device-comparison-differences.is-disabled input{cursor:not-allowed}
.device-comparison-reset{min-height:42px;padding:9px 14px;border:1px solid rgba(35,73,115,.22);border-radius:10px;background:#fff;color:var(--inner-navy);font:inherit;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px rgba(35,73,115,.05);transition:border-color .18s ease,box-shadow .18s ease}.device-comparison-reset:hover{border-color:rgba(35,73,115,.42);background:#fff;color:var(--inner-navy);box-shadow:0 7px 16px rgba(35,73,115,.09)}.device-comparison-reset:focus-visible{outline:3px solid rgba(85,197,184,.24);outline-offset:2px}.device-comparison-reset svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:var(--inner-muted);font-size:var(--type-small)}
.device-comparison-summary>span{font-weight:700}
.device-comparison-summary>strong{color:var(--inner-navy);font-size:var(--type-ui);font-weight:800}
.device-comparison-summary>small{margin-inline-start:auto;color:var(--text-meta);font-size:var(--type-meta);font-weight:600}
.device-comparison-scroll-hint{display:none;margin:0 0 10px;color:var(--text-meta);font-size:var(--type-meta);font-weight:600;line-height:1.6}
.device-comparison-table-wrap{width:100%;border:0;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(35,73,115,.06);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-gutter:stable}
.device-comparison-table{width:100%;min-width:var(--comparison-table-min,840px);border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff}
.device-comparison-table th,.device-comparison-table td{padding:14px 16px;border-inline-end:0;border-bottom:0;vertical-align:middle;text-align:start}
.device-comparison-table tr>*:last-child{border-inline-end:0}
.device-comparison-table tbody tr:last-child>*{border-bottom:0}
.device-comparison-table thead th{background:#fff;color:var(--inner-navy);border-bottom:1px solid rgba(35,73,115,.10)}
.device-comparison-table .device-comparison-label,.device-comparison-table tbody>tr>th{width:180px;color:var(--inner-navy);font-size:var(--type-small);font-weight:800}
.device-comparison-table tbody td{color:var(--inner-ink);font-size:var(--type-small);font-weight:600;line-height:1.65}.device-comparison-table tbody tr:not(.device-comparison-group):nth-child(even)>*{background:#fbfcfc}
.device-comparison-table thead .device-comparison-product{padding:18px 16px 16px;vertical-align:top}
.device-comparison-product__top{position:relative;min-width:0}
.device-comparison-product__top>a{display:grid;gap:12px;color:inherit;text-decoration:none}
/* 344 — Comparison media follows the same Contain contract as category cards:
   the frame owns the geometry; the image fills that frame and object-fit preserves
   the whole device without crop, safe-area scaling, or per-image sizing. */
.device-comparison-product__media{display:flex;align-items:center;justify-content:center;width:100%;height:142px;padding:0;border-radius:12px;background:var(--surface-soft);overflow:hidden}
.device-comparison-product__media img{display:block;flex:0 0 auto;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:center center;mix-blend-mode:multiply}
.device-comparison-product__copy{display:block;min-width:0}
.device-comparison-product__copy small,.device-comparison-product__copy strong,.device-comparison-product__copy em{display:block}
.device-comparison-product__copy small{color:var(--aqua-dark);font-size:var(--type-meta);font-weight:700;line-height:1.5}
.device-comparison-product__copy strong{margin-top:5px;color:var(--inner-navy);font-size:var(--type-card);font-weight:700;line-height:1.5}
html[lang="ar"] .device-comparison-product__copy strong{line-height:1.7}
.device-comparison-product__copy em{margin-top:6px;color:var(--text-meta);font-family:"Manrope",Arial,sans-serif;font-size:var(--type-meta);font-style:normal;font-weight:600}
.device-comparison-remove{position:absolute;z-index:3;top:0;inset-inline-end:0;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--inner-line);border-radius:8px;background:rgba(255,255,255,.96);color:var(--text-secondary);font:inherit;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}
.device-comparison-remove:hover{border-color:#9fcfc9;background:#fff;color:var(--navy)}
.device-comparison-remove:focus-visible{outline:3px solid rgba(85,197,184,.28);outline-offset:2px}
.device-comparison-remove svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-table tbody .device-comparison-group th{padding:13px 16px;background:#eef6f5;color:var(--inner-navy);font-size:var(--type-ui);font-weight:800;border-bottom:0}
.device-comparison-no-differences th{padding:30px 18px;background:var(--surface-soft);color:var(--inner-muted);font-size:var(--type-small);font-weight:700;text-align:center}
.device-comparison-state{max-width:720px;margin:0 auto;padding:44px 34px;border:1px dashed #c6d7d5;border-radius:16px;background:var(--surface-soft);text-align:center}
.device-comparison-state h2{margin:0;color:var(--inner-navy);font-size:var(--font-size-22);line-height:1.5}
.device-comparison-state p{margin:10px auto 20px;max-width:560px;color:var(--inner-muted);font-size:var(--type-label);line-height:1.8}
.device-comparison-loading{padding:46px;border:1px solid var(--inner-line);border-radius:16px;background:var(--surface-soft);color:var(--inner-muted);font-size:var(--type-label);font-weight:700;text-align:center}
.device-compare-tray__head{flex-wrap:wrap}
.device-compare-tray__open{flex:1 0 100%;width:100%;height:34px;padding:0 12px;border-radius:7px;font-size:var(--font-size-11)}


/* --------------------------------------------------------------------------
 * 341 — Mobile comparison matrix.
 * On <=960px the property label becomes a full-width row above device values,
 * so the viewport is spent comparing devices rather than reserving a sticky
 * desktop-style label column. Desktop table markup remains unchanged.
 * -------------------------------------------------------------------------- */
.device-comparison-mobile{display:none}
.device-comparison-desktop{display:block}
.device-comparison-mobile-hint{margin:0 0 10px;color:var(--text-meta);font-size:var(--type-meta);font-weight:600;line-height:1.65}
.device-comparison-mobile-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;touch-action:pan-x pan-y}
.device-comparison-mobile-matrix{--comparison-mobile-column:220px;display:grid;width:max-content;min-width:100%;border:0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(35,73,115,.06);overflow:clip}
.device-comparison-mobile-products,.device-comparison-mobile-row__values{display:grid;grid-template-columns:repeat(var(--comparison-mobile-count),var(--comparison-mobile-column));width:max-content;min-width:100%;justify-content:start}
/* 345 — A one/two-device comparison must be viewport-stable. Horizontal panning
   is reserved for 3–4 selected devices only; two devices share the available
   comparison width with equal minmax(0,1fr) tracks. */
.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-scroll,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-scroll{overflow-x:hidden;overscroll-behavior-inline:none;touch-action:pan-y}
.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-matrix,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-matrix{width:100%;min-width:0}
.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-products,.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-row__values{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;justify-content:stretch}
.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-products,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-row__values{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;justify-content:stretch}
.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-row__label,.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-group__title,.device-comparison-mobile[data-comparison-mobile-count="1"] .device-comparison-mobile-state,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-row__label,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-group__title,.device-comparison-mobile[data-comparison-mobile-count="2"] .device-comparison-mobile-state{position:static;width:100%;max-width:100%}
.device-comparison-mobile-products{align-items:stretch;gap:10px;padding:10px;background:#fff;border-bottom:0}
.device-comparison-mobile-product{min-width:0;padding:10px;border:1px solid rgba(35,73,115,.08);border-radius:12px;background:#fbfcfc}
.device-comparison-mobile-product:last-child{border-inline-end:1px solid rgba(35,73,115,.08)}
.device-comparison-mobile-product .device-comparison-product__top>a{gap:8px}
.device-comparison-mobile-product .device-comparison-product__media{height:100px;padding:0;border-radius:10px}
.device-comparison-mobile-product .device-comparison-product__copy strong{margin-top:4px;font-size:var(--type-small);line-height:1.55;overflow-wrap:anywhere}
html[lang="ar"] .device-comparison-mobile-product .device-comparison-product__copy strong{line-height:1.7}
.device-comparison-mobile-product .device-comparison-product__copy small,.device-comparison-mobile-product .device-comparison-product__copy em{font-size:var(--type-meta);overflow-wrap:anywhere}
.device-comparison-mobile-product .device-comparison-remove{width:28px;height:28px}
.device-comparison-mobile-row{display:grid;width:100%;padding-bottom:4px;background:#fff}
.device-comparison-mobile-row__label,.device-comparison-mobile-group__title{position:sticky;z-index:2;inset-inline-start:0;box-sizing:border-box;width:calc(100vw - 24px);max-width:100%;margin:0;padding:11px 12px 7px;background:#fff;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.55;border-bottom:0}
.device-comparison-mobile-row__values{gap:10px;padding:0 10px 8px;background:#fff;border-bottom:0}
.device-comparison-mobile-value{display:flex;align-items:center;min-width:0;min-height:50px;padding:10px 12px;border:0;border-radius:10px;background:#fbfcfc;color:var(--inner-ink);font-size:var(--type-small);font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.device-comparison-mobile-value:last-child{border-inline-end:0}
.device-comparison-mobile-group{display:grid;width:100%}
.device-comparison-mobile-group__title{z-index:3;padding:12px;background:#eef6f5;font-size:var(--type-ui);border-top:1px solid rgba(35,73,115,.06)}
.device-comparison-mobile-state{position:sticky;inset-inline-start:0;width:calc(100vw - 24px);max-width:100%;box-sizing:border-box;padding:24px 16px;background:var(--surface-soft);color:var(--inner-muted);font-size:var(--type-small);font-weight:700;line-height:1.7;text-align:center}

@media (width<=960px){
  .device-comparison-main{padding-top:18px}
  .device-comparison-desktop{display:none}
  .device-comparison-mobile{display:block;min-width:0}
  .device-comparison-mobile-matrix{--comparison-mobile-column:clamp(156px,calc((100vw - 32px)/2),280px)}
}

@media (width<=720px){
  .device-comparison-main{padding-top:16px}
  .device-comparison-toolbar{align-items:center;gap:10px;margin-bottom:14px;padding:10px 11px}
  .device-comparison-differences{flex:1 1 auto;min-height:42px}
  .device-comparison-reset{width:auto;min-width:142px}
  .device-comparison-summary{gap:7px;margin-bottom:10px}
  .device-comparison-summary>small{width:100%;margin-inline-start:0}
  .device-comparison-mobile-scroll{margin-inline:0;width:100%;max-width:100%;padding-inline:0;scroll-padding-inline:0}
  .device-comparison-mobile-matrix{border-radius:12px}
}

@media (width<=540px){
  .device-comparison-mobile-product{padding:9px}
  .device-comparison-mobile-product .device-comparison-product__media{height:92px;padding:0}
  .device-comparison-mobile[data-comparison-mobile-count="3"] .device-comparison-mobile-row__label,.device-comparison-mobile[data-comparison-mobile-count="3"] .device-comparison-mobile-group__title,.device-comparison-mobile[data-comparison-mobile-count="3"] .device-comparison-mobile-state,.device-comparison-mobile[data-comparison-mobile-count="4"] .device-comparison-mobile-row__label,.device-comparison-mobile[data-comparison-mobile-count="4"] .device-comparison-mobile-group__title,.device-comparison-mobile[data-comparison-mobile-count="4"] .device-comparison-mobile-state{width:calc(100vw - 24px)}
  .device-comparison-mobile-value{min-height:50px;padding:10px 11px}
}

@media (prefers-reduced-motion:reduce){
  .device-comparison-remove{transition:none}
}

/* 346B — when the global comparison feature is off, the direct comparison
   URL intentionally renders one unavailable message and no storefront chrome. */
.device-comparison-unavailable-page{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center;background:#fff;color:#234973}
.device-comparison-unavailable-page h1{margin:0;font:800 clamp(22px,4vw,34px)/1.5 "Noto Kufi Arabic","Manrope",Arial,sans-serif}

/* --------------------------------------------------------------------------
 * 348D — Comparison Builder.
 * Device selection lives on the comparison page instead of forcing an empty
 * state back to the catalog. New selectors are component-owned; the approved
 * comparison table/mobile matrix rules above are unchanged.
 * -------------------------------------------------------------------------- */
.device-comparison-builder{margin:0 0 28px;padding:22px;border:1px solid var(--inner-line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(35,73,115,.06)}
.device-comparison-builder__header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
.device-comparison-builder__header>div:first-child{min-width:0;max-width:690px}
.device-comparison-builder__header small{display:block;color:var(--aqua-dark);font-size:var(--type-meta);font-weight:800;letter-spacing:.02em}
.device-comparison-builder__header h2{margin:5px 0 0;color:var(--inner-navy);font-size:clamp(20px,2.2vw,28px);font-weight:800;line-height:1.45}
html[lang="ar"] .device-comparison-builder__header h2{line-height:1.65}
.device-comparison-builder__header p{margin:7px 0 0;color:var(--inner-muted);font-size:var(--type-small);font-weight:500;line-height:1.8}
.device-comparison-builder__context{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 10px;flex:0 0 auto;min-width:220px;padding:11px 13px;border:1px solid rgba(50,158,148,.18);border-radius:12px;background:#f7fbfa}
.device-comparison-builder__context span{color:var(--text-meta);font-size:var(--type-meta);font-weight:700}
.device-comparison-builder__context strong{max-width:230px;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-comparison-builder__context b{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--aqua-dark);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-12);font-weight:800;text-align:end}
.device-comparison-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.device-comparison-builder__grid[data-comparison-builder-count="2"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.device-comparison-builder__grid[data-comparison-builder-count="3"],.device-comparison-builder__grid[data-comparison-builder-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.device-comparison-builder__device,.device-comparison-builder__add{min-width:0;min-height:116px;border-radius:14px;background:#fbfcfc}
.device-comparison-builder__device{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:11px;padding:12px 42px 12px 12px;border:1px solid rgba(35,73,115,.10)}
.device-comparison-builder__media{display:grid;place-items:center;width:72px;height:82px;border-radius:10px;background:var(--surface-soft);overflow:hidden}
.device-comparison-builder__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply}
.device-comparison-builder__copy{display:block;min-width:0}
.device-comparison-builder__copy small,.device-comparison-builder__copy strong,.device-comparison-builder__copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-comparison-builder__copy small{color:var(--aqua-dark);font-size:var(--type-meta);font-weight:700}
.device-comparison-builder__copy strong{margin-top:4px;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.55}
html[lang="ar"] .device-comparison-builder__copy strong{line-height:1.75}
.device-comparison-builder__copy em{margin-top:5px;color:var(--text-meta);font-family:"Manrope",Arial,sans-serif;font-size:var(--type-meta);font-style:normal;font-weight:600}
.device-comparison-builder__remove{position:absolute;top:9px;inset-inline-end:9px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(35,73,115,.10);border-radius:8px;background:#fff;color:var(--text-secondary);cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}
.device-comparison-builder__remove:hover{border-color:rgba(50,158,148,.38);background:#eef9f7;color:var(--inner-navy)}
.device-comparison-builder__remove:focus-visible,.device-comparison-builder__add:focus-visible,.device-comparison-picker__item:focus-visible,.device-comparison-picker__close:focus-visible{outline:3px solid rgba(85,197,184,.28);outline-offset:2px}
.device-comparison-builder__remove svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-builder__add{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;column-gap:10px;padding:15px;border:1px dashed rgba(50,158,148,.42);color:var(--inner-navy);font:inherit;text-align:start;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.device-comparison-builder__add:hover{border-color:rgba(50,158,148,.72);background:#f4faf9;box-shadow:0 8px 20px rgba(35,73,115,.05)}
.device-comparison-builder__add>span{grid-row:1 / span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eaf7f5;color:var(--aqua-dark)}
.device-comparison-builder__add svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-builder__add strong{align-self:end;font-size:var(--type-small);font-weight:800;line-height:1.5}
.device-comparison-builder__add small{align-self:start;margin-top:3px;color:var(--text-meta);font-size:var(--type-meta);font-weight:600;line-height:1.55}
.device-comparison-builder__rule{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;color:var(--text-meta);font-size:var(--type-meta);font-weight:600;line-height:1.7}
.device-comparison-builder__rule span{flex:0 0 auto;color:var(--aqua-dark);font-family:"Manrope",Arial,sans-serif;font-weight:800}
/* 348V — once two devices are selected, the builder becomes a compact control strip.
   It keeps add/remove controls available without making users cross a second set of large cards
   before reaching the actual comparison values. */
.device-comparison-builder.is-ready{margin-bottom:16px;padding:14px 16px;border-radius:14px;box-shadow:0 6px 18px rgba(35,73,115,.045)}
.device-comparison-builder.is-ready .device-comparison-builder__header{align-items:center;gap:16px;margin-bottom:10px}
.device-comparison-builder.is-ready .device-comparison-builder__header>div:first-child{max-width:none}
.device-comparison-builder.is-ready .device-comparison-builder__header h2{margin-top:2px;font-size:var(--font-size-16);line-height:1.45}
html[lang="ar"] .device-comparison-builder.is-ready .device-comparison-builder__header h2{line-height:1.7}
.device-comparison-builder.is-ready .device-comparison-builder__context{grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:8px 10px;border-radius:10px}
.device-comparison-builder.is-ready .device-comparison-builder__context span,.device-comparison-builder.is-ready .device-comparison-builder__context strong,.device-comparison-builder.is-ready .device-comparison-builder__context b{grid-column:auto;grid-row:auto}
.device-comparison-builder.is-ready .device-comparison-builder__context strong{max-width:220px}
.device-comparison-builder.is-ready .device-comparison-builder__grid,.device-comparison-builder.is-ready .device-comparison-builder__grid[data-comparison-builder-count="2"],.device-comparison-builder.is-ready .device-comparison-builder__grid[data-comparison-builder-count="3"],.device-comparison-builder.is-ready .device-comparison-builder__grid[data-comparison-builder-count="4"]{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:thin}
.device-comparison-builder.is-ready .device-comparison-builder__device{flex:1 1 190px;min-width:170px;min-height:72px;grid-template-columns:48px minmax(0,1fr);gap:9px;padding:8px 36px 8px 8px;border-radius:11px}
.device-comparison-builder.is-ready .device-comparison-builder__media{width:48px;height:54px;border-radius:8px}
.device-comparison-builder.is-ready .device-comparison-builder__copy small,.device-comparison-builder.is-ready .device-comparison-builder__copy em{display:none}
.device-comparison-builder.is-ready .device-comparison-builder__copy strong{margin:0;font-size:var(--type-meta);line-height:1.55;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
html[lang="ar"] .device-comparison-builder.is-ready .device-comparison-builder__copy strong{line-height:1.7}
.device-comparison-builder.is-ready .device-comparison-builder__remove{top:7px;inset-inline-end:7px;width:26px;height:26px;border-radius:7px}
.device-comparison-builder.is-ready .device-comparison-builder__add{flex:0 0 150px;min-height:72px;grid-template-columns:30px minmax(0,1fr);column-gap:8px;padding:9px 10px;border-radius:11px}
.device-comparison-builder.is-ready .device-comparison-builder__add>span{width:30px;height:30px;border-radius:8px}
.device-comparison-builder.is-ready .device-comparison-builder__add strong{font-size:var(--type-meta)}
.device-comparison-builder.is-ready .device-comparison-builder__add small{display:none}
.device-comparison-builder-ready{display:flex;align-items:center;justify-content:center;gap:14px;max-width:720px;margin:0 auto;padding:20px 22px;border:1px dashed #c6d7d5;border-radius:14px;background:var(--surface-soft);text-align:start}
.device-comparison-builder-ready>span{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:12px;background:#eaf7f5;color:var(--aqua-dark);font-family:"Manrope",Arial,sans-serif;font-size:var(--font-size-12);font-weight:800}
.device-comparison-builder-ready strong,.device-comparison-builder-ready small{display:block}
.device-comparison-builder-ready strong{color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.55}
.device-comparison-builder-ready small{margin-top:3px;color:var(--inner-muted);font-size:var(--type-meta);font-weight:600;line-height:1.7}
.device-comparison-state--inline{margin-top:0}

body.has-device-comparison-picker{overflow:hidden}
.device-comparison-picker{position:fixed;z-index:440;inset:0;display:grid;place-items:center;padding:24px}
.device-comparison-picker[hidden]{display:none}
.device-comparison-picker__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(17,42,67,.46);cursor:default}
.device-comparison-picker__dialog{position:relative;z-index:1;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:min(820px,100%);max-height:min(86vh,820px);padding:20px;border:1px solid rgba(35,73,115,.12);border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(17,42,67,.28);overflow:hidden}
.device-comparison-picker__dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}
.device-comparison-picker__dialog>header small{display:block;color:var(--aqua-dark);font-size:var(--type-meta);font-weight:800;letter-spacing:.02em}
.device-comparison-picker__dialog>header h2{margin:4px 0 0;color:var(--inner-navy);font-size:var(--font-size-20);font-weight:800;line-height:1.5}
html[lang="ar"] .device-comparison-picker__dialog>header h2{line-height:1.7}
.device-comparison-picker__close{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;padding:0;border:1px solid var(--inner-line);border-radius:9px;background:#fff;color:var(--text-secondary);cursor:pointer}
.device-comparison-picker__close:hover{border-color:rgba(50,158,148,.38);background:#eef9f7;color:var(--inner-navy)}
.device-comparison-picker__close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-picker__search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:0 13px;border:1px solid #cbd9da;border-radius:11px;background:#fff;color:var(--text-secondary)}
.device-comparison-picker__search:focus-within{border-color:rgba(50,158,148,.65);box-shadow:0 0 0 3px rgba(85,197,184,.12)}
.device-comparison-picker__search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-picker__search input{min-width:0;width:100%;height:46px;padding:0;border:0;outline:0;background:transparent;color:var(--inner-ink);font:inherit;font-size:var(--type-small)}
.device-comparison-picker__filters{display:grid;gap:8px;padding-top:11px}
.device-comparison-picker__filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.device-comparison-picker__filter{display:grid;gap:4px;min-width:0}
.device-comparison-picker__filter>span{color:var(--text-meta);font-size:var(--type-meta);font-weight:700;line-height:1.5}
.device-comparison-picker__filter select{width:100%;min-width:0;height:40px;padding-inline:10px 30px;border:1px solid #d5e0e2;border-radius:9px;background:#fff;color:var(--inner-navy);font:inherit;font-size:var(--type-meta);font-weight:700;outline:0}
.device-comparison-picker__filter select:focus{border-color:rgba(50,158,148,.65);box-shadow:0 0 0 3px rgba(85,197,184,.10)}
.device-comparison-picker__filter select:disabled{background:#f5f8f9;color:var(--text-meta);cursor:not-allowed}
.device-comparison-picker__clear{justify-self:start;padding:0;border:0;background:transparent;color:var(--aqua-dark);font:inherit;font-size:var(--type-meta);font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.device-comparison-picker__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px 9px;color:var(--text-meta);font-size:var(--type-meta);font-weight:600}
.device-comparison-picker__meta b{color:var(--inner-navy);font-weight:800}
.device-comparison-picker__results{display:grid;gap:8px;min-height:120px;padding:2px 3px 3px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.device-comparison-picker__item{display:grid;grid-template-columns:70px minmax(0,1fr) 36px;align-items:center;gap:12px;width:100%;min-width:0;padding:9px 10px;border:1px solid rgba(35,73,115,.09);border-radius:12px;background:#fff;color:var(--inner-navy);font:inherit;text-align:start;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}
.device-comparison-picker__item:hover{border-color:rgba(50,158,148,.42);background:#f7fbfa}
.device-comparison-picker__item:disabled{cursor:wait;opacity:.58}
.device-comparison-picker__media{display:grid;place-items:center;width:70px;height:70px;border-radius:9px;background:var(--surface-soft);overflow:hidden}
.device-comparison-picker__media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;mix-blend-mode:multiply}
.device-comparison-picker__copy{min-width:0}
.device-comparison-picker__copy small,.device-comparison-picker__copy strong,.device-comparison-picker__copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-comparison-picker__copy small{color:var(--aqua-dark);font-size:var(--type-meta);font-weight:700}
.device-comparison-picker__copy strong{margin-top:3px;color:var(--inner-navy);font-size:var(--type-small);font-weight:800;line-height:1.55}
html[lang="ar"] .device-comparison-picker__copy strong{line-height:1.75}
.device-comparison-picker__copy em{margin-top:4px;color:var(--text-meta);font-family:"Manrope",Arial,sans-serif;font-size:var(--type-meta);font-style:normal;font-weight:600}
.device-comparison-picker__plus{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eaf7f5;color:var(--aqua-dark)}
.device-comparison-picker__plus svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.device-comparison-picker__more{min-height:42px;margin-top:4px;padding:8px 14px;border:1px solid #cbd9da;border-radius:9px;background:#fff;color:var(--inner-navy);font:inherit;font-size:var(--type-meta);font-weight:800;cursor:pointer}
.device-comparison-picker__more:hover,.device-comparison-picker__more:focus-visible{border-color:rgba(50,158,148,.5);background:#f4faf9;outline:0}
.device-comparison-picker__empty{display:grid;place-items:center;align-content:center;min-height:180px;padding:24px;text-align:center}
.device-comparison-picker__empty strong{color:var(--inner-navy);font-size:var(--type-small);font-weight:800}
.device-comparison-picker__empty small{max-width:430px;margin-top:5px;color:var(--text-meta);font-size:var(--type-meta);font-weight:600;line-height:1.7}
.device-comparison-picker__error{min-height:21px;margin:8px 2px 0;color:#a43a32;font-size:var(--type-meta);font-weight:700;line-height:1.6}

@media (width<=1100px){
  .device-comparison-builder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .device-comparison-picker__filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width<=720px){
  .device-comparison-builder{margin-bottom:20px;padding:16px;border-radius:15px}
  .device-comparison-builder__header{display:grid;gap:13px;margin-bottom:14px}
  .device-comparison-builder__context{width:100%;min-width:0;box-sizing:border-box}
  .device-comparison-builder__context strong{max-width:min(62vw,320px)}
  .device-comparison-builder__grid{grid-template-columns:minmax(0,1fr);gap:9px}
  .device-comparison-builder__device,.device-comparison-builder__add{min-height:104px}
  .device-comparison-builder.is-ready{margin-bottom:12px;padding:12px}
  .device-comparison-builder.is-ready .device-comparison-builder__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .device-comparison-builder.is-ready .device-comparison-builder__header>div:first-child{flex:1 1 auto;min-width:0}
  .device-comparison-builder.is-ready .device-comparison-builder__header small{font-size:var(--font-size-10)}
  .device-comparison-builder.is-ready .device-comparison-builder__header h2{font-size:var(--font-size-14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .device-comparison-builder.is-ready .device-comparison-builder__context{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:auto;max-width:48%;padding:7px 8px;white-space:nowrap}
  .device-comparison-builder.is-ready .device-comparison-builder__context span{display:none}
  .device-comparison-builder.is-ready .device-comparison-builder__context strong{max-width:120px;font-size:var(--font-size-10);overflow:hidden;text-overflow:ellipsis}
  .device-comparison-builder.is-ready .device-comparison-builder__context b{font-size:var(--font-size-10)}
  .device-comparison-builder.is-ready .device-comparison-builder__grid{gap:7px;margin-inline:-2px;padding:2px;scroll-padding-inline:2px}
  .device-comparison-builder.is-ready .device-comparison-builder__device{flex:0 0 clamp(138px,42vw,174px);min-width:0;min-height:66px;grid-template-columns:42px minmax(0,1fr);padding:7px 32px 7px 7px}
  .device-comparison-builder.is-ready .device-comparison-builder__media{width:42px;height:48px}
  .device-comparison-builder.is-ready .device-comparison-builder__add{flex:0 0 112px;min-height:66px;grid-template-columns:28px minmax(0,1fr);padding:8px}
  .device-comparison-builder.is-ready .device-comparison-builder__add>span{width:28px;height:28px}
  .device-comparison-builder.is-ready .device-comparison-builder__add strong{line-height:1.6}
  .device-comparison-builder-ready{justify-content:flex-start;padding:16px}
  .device-comparison-picker{padding:12px;align-items:end}
  .device-comparison-picker__dialog{width:100%;max-height:92vh;padding:16px;border-radius:16px 16px 12px 12px}
  .device-comparison-picker__filter-grid{grid-template-columns:1fr 1fr}
}
@media (width<=480px){
  .device-comparison-builder__device{grid-template-columns:62px minmax(0,1fr);padding-inline-start:10px}
  .device-comparison-builder__media{width:62px;height:72px}
  .device-comparison-picker__item{grid-template-columns:58px minmax(0,1fr) 32px;gap:9px;padding:8px}
  .device-comparison-picker__media{width:58px;height:58px}
  .device-comparison-picker__plus{width:32px;height:32px}
  .device-comparison-picker__filter-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .device-comparison-builder__add,.device-comparison-builder__remove,.device-comparison-picker__item,.device-comparison-picker__close{transition:none}
}