.compare-dock-position{inset:auto 18px calc(18px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-content:center;display:flex;position:fixed}.compare-dock-position .compare-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#1b211eed;border:1px solid #455148;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;width:min(1040px,100%);max-width:100%;padding:14px 16px 14px 20px;display:grid;position:relative;inset:auto;transform:none;box-shadow:0 12px 50px #0008,inset 0 1px #ffffff06}.compare-dock-position .dock-label{gap:10px;font-size:12px}.compare-dock-position .dock-label b{font-variant-numeric:tabular-nums;margin-left:5px}.compare-dock-position .dock-label .dock-hint{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.4;display:block}.compare-dock-position .dock-items{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;overscroll-behavior-x:contain;align-items:center;gap:7px;min-width:0;padding:2px;display:flex;overflow-x:auto}.compare-dock-position .dock-product{background:#ffffff03;border:1px solid #39433c;border-radius:8px;flex:0 172px;gap:7px;min-width:85px;max-width:180px;padding:3px 3px 3px 10px;font-size:11px}.compare-dock-position .dock-product>button{min-width:32px;min-height:32px;transition:color var(--duration-fast,.16s), background var(--duration-fast,.16s);border-radius:5px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.compare-dock-position .dock-product>span:nth-child(2){min-width:0}.compare-dock-position .dock-actions{align-items:center;gap:16px;display:flex}.compare-dock-position .dock-clear{min-height:40px;color:var(--muted);align-items:center;padding:3px 0;font-size:11px;display:inline-flex}.compare-dock-position .button{white-space:nowrap;border-radius:9px;min-height:42px;padding:10px 16px;font-size:12px}.compare-dock-position :is(button,a):focus-visible{outline:2px solid var(--green);outline-offset:2px}.comparison-toast-position{inset:auto 18px calc(22px + env(safe-area-inset-bottom));z-index:55;pointer-events:none;justify-content:center;display:flex;position:fixed}.comparison-toast-position.has-dock{bottom:calc(104px + env(safe-area-inset-bottom))}.comparison-toast-position .comparison-toast{overflow-wrap:anywhere;background:#202723;border-radius:10px;align-items:center;gap:8px;min-width:0;max-width:min(480px,100%);padding:10px 14px;font-size:11px;line-height:1.5;position:relative;inset:auto;transform:none}.comparison-toast-position .comparison-toast svg{color:var(--green);flex-shrink:0}.dock-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html:has(.compare-dock-position){scroll-padding-bottom:110px}body:has(.compare-dock-position) .site-footer{padding-bottom:calc(126px + env(safe-area-inset-bottom))}@media (hover:hover){.compare-dock-position .dock-product>button:hover{color:var(--ink);background:#ffffff0c}.compare-dock-position .dock-clear:hover{color:var(--ink)}}@media (max-width:900px){.compare-dock-position{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom))}.compare-dock-position .compare-dock{border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;max-width:680px;padding:12px 14px}.compare-dock-position .dock-items{grid-area:2/1/auto/-1;padding:0 1px 1px}.compare-dock-position .dock-product{flex:none;min-width:120px;max-width:172px}.compare-dock-position .dock-actions{grid-area:1/2;gap:12px}.comparison-toast-position.has-dock{bottom:calc(144px + env(safe-area-inset-bottom))}html:has(.compare-dock-position){scroll-padding-bottom:164px}body:has(.compare-dock-position) .site-footer{padding-bottom:calc(166px + env(safe-area-inset-bottom))}}@media (max-width:420px){.compare-dock-position .compare-dock{gap:9px 10px;padding:11px 12px}.compare-dock-position .dock-label>svg{display:none}.compare-dock-position .dock-label{font-size:11px}.compare-dock-position .button{gap:6px;padding-inline:12px;font-size:11px}}