.compare-form{margin:0}.listing-card>.compare-form{padding:0 16px 16px}.compare-button{min-height:38px;width:100%;font-size:12px;color:var(--teal);background:var(--paper);padding:6px 12px}.compare-button.is-selected{background:var(--mint);border-color:var(--teal)}.detail-info>.compare-form{margin-bottom:20px}.compare-notice{position:fixed;z-index:90;top:16px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:14px 20px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 8px 30px #172d3226}.compare-tray{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:45;width:calc(100% - 40px);max-width:850px;background:white;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:18px;padding:12px 18px;box-shadow:0 8px 36px #172d3226}.compare-tray-top,.compare-tray-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.compare-tray-actions p{margin:0}.compare-tray-top .text-button{min-height:30px;font-size:11px}.compare-items{display:flex;gap:12px;margin:8px 0}.compare-tray-item{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--paper);border-radius:10px;padding:6px}.compare-tray-item img{width:42px;height:36px;object-fit:cover;border-radius:6px}.compare-tray-item span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.compare-tray-item button{padding:0;min-height:32px;width:32px;flex:none}.has-compare-tray{padding-bottom:200px}.compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0}.compare-toolbar label{margin:0}.compare-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:white;max-width:100%}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:660px}.comparison-table th,.comparison-table td{text-align:start;vertical-align:top;padding:18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.compare-label-column{width:155px}.compare-product-photo{height:155px;display:flex;align-items:center;justify-content:center;background:var(--paper);border-radius:12px;overflow:hidden}.compare-product-photo img{width:100%;height:100%;object-fit:cover}.compare-product h2{font-size:16px;margin:14px 0 4px}.compare-product p{margin:0}.compare-product .text-button{font-size:11px;padding-inline:0}.comparison-table tbody th{font-size:12px;background:var(--paper)}.comparison-table tbody td{font-size:14px}.comparison-difference td{background:#eaf6f366}.comparison-table tfoot th,.comparison-table tfoot td{border-bottom:0}.compare-disclaimer{margin-top:20px}.compare-scroll-hint{display:none}.compare-emblem{font-size:46px;color:var(--teal)}.compare-empty{max-width:780px;margin:32px auto}.comparison-table .button{font-size:12px}.site-footer .compare-link{white-space:nowrap}@media(max-width:700px){.compare-tray{bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:8px 12px;border-radius:14px}.compare-items{gap:6px}.compare-tray-item{padding:4px;gap:4px}.compare-tray-item img{display:none}.compare-tray-item button{width:26px;min-height:30px}.compare-tray-actions .button{font-size:11px;padding:6px 10px;min-height:38px;flex:none}.compare-tray-actions p{font-size:10px}.has-compare-tray{padding-bottom:260px}.compare-scroll-hint{display:block}.comparison-table{min-width:740px}.compare-label-column{width:120px}.comparison-table th,.comparison-table td{padding:12px}.compare-product-photo{height:130px}.compare-product h2{font-size:14px}.compare-toolbar{gap:12px}.compare-toolbar .check{font-size:11px}.listing-card>.compare-form{padding:0 10px 12px}.compare-button{font-size:11px}.compare-notice{font-size:12px}}

.comparison-table tr>th:first-child{position:sticky;inset-inline-start:0;z-index:2;background:#f6f8f8}.comparison-table thead tr>th:first-child{z-index:3;background:white}.comparison-table tfoot tr>th:first-child{background:white}@media(max-width:700px){.compare-page .section-heading{flex-direction:column;align-items:stretch;gap:16px}.compare-page .section-heading>a{align-self:flex-start}.compare-page .section-heading h1{font-size:27px}.compare-page .compare-table-scroll{scroll-padding-inline-start:120px}}
