#garas-compare .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.html-compare-products-page .master-wrapper-content{padding-top:var(--spacing-6)}.compare-page{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4) var(--spacing-6)}.compare-page .page-title{margin-bottom:var(--spacing-4)}.compare-page .page-title h1{margin:0;font-size:1.35rem;font-weight:700;color:var(--color-gray-900)}.compare-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-4);overflow-x:auto;padding-bottom:var(--spacing-1)}.compare-tab{display:inline-flex;align-items:center;gap:var(--spacing-2);min-height:44px;padding:0 var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium,500);white-space:nowrap;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.compare-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.compare-tab.is-active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.compare-tab-count{min-width:22px;padding:1px 6px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-700);font-size:var(--font-size-xs);text-align:center}.compare-tab.is-active .compare-tab-count{background:var(--color-primary);color:var(--color-white)}.compare-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.compare-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-4)}.compare-add-more,.compare-clear{min-height:44px;display:inline-flex;align-items:center;padding:0 var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.compare-add-more:hover,.compare-clear:hover{border-color:var(--color-primary);color:var(--color-primary)}.compare-switch{display:inline-flex;align-items:center;gap:var(--spacing-3);min-height:44px;cursor:pointer;font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700)}.compare-switch.is-disabled{cursor:not-allowed;opacity:.55}.compare-switch input{position:absolute;opacity:0;width:1px;height:1px}.compare-switch-track{position:relative;width:40px;height:24px;border-radius:var(--radius-full);background:var(--color-gray-300);transition:background var(--transition-fast)}.compare-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.compare-switch input:checked+.compare-switch-track{background:var(--color-primary)}.compare-switch input:checked+.compare-switch-track::after{transform:translateX(16px)}.compare-switch input:focus-visible+.compare-switch-track{outline:2px solid var(--color-primary);outline-offset:2px}.compare-hint{margin:0 0 var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--font-size-sm)}.compare-scroll{border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white)}.garas-compare-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.garas-compare-table .compare-corner{width:18%}.garas-compare-table thead th{position:sticky;top:var(--header-height,76px);z-index:2;padding:var(--spacing-4) var(--spacing-3);background:var(--color-white);border-bottom:1px solid var(--color-gray-200);vertical-align:top;text-align:center;font-weight:500}.compare-product .compare-remove{position:absolute;top:var(--spacing-2);right:var(--spacing-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--color-gray-100);color:var(--color-gray-700);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.compare-product .compare-remove:hover{background:var(--color-primary);color:var(--color-white)}.compare-picture{display:block;margin:0 auto var(--spacing-3);max-width:160px}.compare-picture img{width:100%;height:140px;object-fit:contain}.compare-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-2);color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.compare-name:hover{color:var(--color-primary)}.compare-price{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-2)}.compare-price-old{color:var(--color-gray-600);font-size:var(--font-size-xs);text-decoration:line-through}.compare-price-current{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:700}.compare-stock{margin-bottom:var(--spacing-3);color:var(--color-success);font-size:var(--font-size-xs);font-weight:600}.compare-stock.is-out{color:var(--color-gray-600)}.compare-atc,.compare-options{display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:100%;padding:0 var(--spacing-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.compare-atc{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white)}.compare-atc:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.compare-options:hover{border-color:var(--color-primary);color:var(--color-primary)}.compare-group-row th{padding:0;background:var(--color-gray-50);border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}.compare-group-toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-4);border:0;background:transparent;color:var(--color-gray-900);font-size:var(--font-size-sm);font-weight:700;text-align:left;cursor:pointer}.compare-group-toggle svg{transition:transform var(--transition-fast)}.compare-group.is-collapsed .compare-group-toggle svg{transform:rotate(-90deg)}.compare-group.is-collapsed .compare-row{display:none}.compare-attr,.compare-cell{padding:var(--spacing-3);border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-sm);vertical-align:top}.compare-attr{color:var(--color-gray-700);font-weight:600;text-align:left}.compare-cell{color:var(--color-gray-900);text-align:center;word-break:break-word}.compare-cell.is-empty{color:var(--color-gray-600)}.compare-cell.is-different{background:var(--color-primary-light)}.compare-diff-mark{display:inline-block;margin-left:var(--spacing-1);color:var(--color-primary);font-weight:700}.compare-diff-only .compare-row[data-diff="0"]{display:none}.compare-diff-only .compare-group.is-all-same{display:none}.garas-compare-table .is-removing{opacity:0;transition:opacity var(--transition-base)}.compare-empty{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-12) var(--spacing-4);color:var(--color-gray-600);text-align:center}.product-action-btn.compare-action-btn[aria-pressed="true"]{background:var(--color-primary);border-color:var(--color-primary)}.product-action-btn.compare-action-btn[aria-pressed="true"] svg{stroke:#fff}.product-action-btn.compare-action-btn.is-busy,.product-compare-button.is-busy{pointer-events:none;opacity:.6}.header-compare-link[hidden],.garas-compare-tray[hidden],.garas-compare-tray-note[hidden]{display:none}.garas-compare-tray{position:fixed;left:50%;bottom:calc(var(--spacing-6) + env(safe-area-inset-bottom,0px));z-index:var(--z-fixed);display:flex;align-items:center;gap:var(--spacing-3);width:max-content;max-width:calc(100vw - 2*var(--spacing-4));padding:var(--spacing-2) var(--spacing-2) var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);background:var(--color-gray-900);color:var(--color-white);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);opacity:0;transform:translate(-50%,12px);transition:opacity var(--transition-base),transform var(--transition-base)}.garas-compare-tray.is-visible{opacity:1;transform:translate(-50%,0)}.garas-compare-tray-icon{flex:none}.garas-compare-tray-text{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}.garas-compare-tray-count{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-xs);text-align:center}.garas-compare-tray-note{color:var(--color-gray-300);font-size:var(--font-size-xs)}.garas-compare-tray-cta{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 var(--spacing-4);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-900);font-weight:700;text-decoration:none;white-space:nowrap}.garas-compare-tray-cta:hover{background:var(--color-gray-100)}.garas-compare-tray-cta-short{display:none}.garas-compare-tray-close{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--color-gray-300);cursor:pointer}.garas-compare-tray-close:hover{color:var(--color-white)}.garas-compare-tray a:focus-visible,.garas-compare-tray button:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@media(max-width:768px){.compare-scroll{overflow-x:auto;scroll-snap-type:x proximity}.garas-compare-table{table-layout:auto;min-width:calc(96px + var(--compare-count,2)*46vw)}.garas-compare-table .compare-corner{width:96px}.garas-compare-table thead th{position:relative;scroll-snap-align:start}.garas-compare-table .compare-attr,.garas-compare-table .compare-corner{position:sticky;left:0;z-index:1;background:var(--color-white)}.compare-toolbar{flex-direction:column;align-items:stretch}.compare-toolbar-actions{justify-content:space-between}.garas-compare-tray{left:var(--spacing-4);right:var(--spacing-4);bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom,0px));width:auto;max-width:none;transform:translateY(12px)}.garas-compare-tray.is-visible{transform:translateY(0)}.garas-compare-tray-text{flex:1}.garas-compare-tray-icon,.garas-compare-tray-cta-long{display:none}.garas-compare-tray-cta-short{display:inline}.garas-compare-tray-cta{padding:0 var(--spacing-3)}body:has(.filter-toggle-btn) .garas-compare-tray{right:calc(var(--spacing-4) + 112px + var(--spacing-3))}.html-product-details-page.pdp-buy-bar-active .garas-compare-tray{bottom:calc(124px + env(safe-area-inset-bottom,0px))}}@media print{.garas-compare-tray,.header-compare-link{display:none!important}.garas-compare-table thead th{position:static}.compare-toolbar,.compare-tabs,.compare-remove,.compare-atc,.compare-options{display:none}.compare-group.is-collapsed .compare-row{display:table-row}}@media(prefers-reduced-motion:reduce){.garas-compare-tray,.compare-switch-track,.compare-switch-track::after,.garas-compare-table .is-removing{transition:none}}
