/* Optional catalog comparison: shared desktop rows, readable mobile cards. */
.compare-dialog {width:min(1040px,calc(100vw - 40px));padding:28px 32px 36px;}
.compare-dialog .inquiry-topbar {min-height:36px;margin-bottom:14px;}
.compare-dialog .inquiry-topbar .close-dialog {position:static;margin:0;width:44px;height:44px;min-height:44px;}
.compare-dialog .dialog-note {max-width:680px;font-size:13px;line-height:1.7;margin:18px 0 28px;}
.compare-grid {display:grid;column-gap:24px;row-gap:0;align-items:stretch;}
.compare-grid.cols-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.compare-grid.cols-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.compare-item {display:grid;grid-template-rows:subgrid;grid-row:span 9;min-width:0;}
.compare-item>img,.compare-photo-unavailable {width:100%;height:155px;object-fit:contain;padding:14px;background:var(--warm,#f5f5f1);border-radius:12px;}
.compare-photo-unavailable {display:grid;place-items:center;font-size:13px;color:var(--muted);}
.compare-item>.representative-photo {font-size:11px;line-height:1.6;margin:9px 0 0;align-self:start;}
.compare-item>h3 {font-size:22px;line-height:1.3;margin:20px 0 18px;min-height:0;}
.compare-item>.spec-table {display:contents;}
.compare-item>.spec-table>div {display:block;border-top:1px solid var(--line);padding:13px 0;min-height:70px;font-size:13px;line-height:1.6;}
.compare-item>.spec-table dt {color:var(--muted);font-size:12px;}
.compare-item>.spec-table dd {margin:4px 0 0;text-align:left;overflow-wrap:anywhere;}
.compare-spec-note {display:block;font-size:11px;line-height:1.7;margin-top:8px;color:var(--muted);}
.compare-item>.button {align-self:start;margin-top:20px;min-height:44px;font-size:12px;white-space:normal;}
.product-info>.compare-check {position:static;display:inline-flex;order:4;align-self:flex-start;align-items:center;width:fit-content;max-width:100%;min-height:44px;margin-top:8px;padding:8px 10px;gap:8px;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--pool-deep);}
.product-info>.compare-check:has(input:checked) {background:var(--pool-mist);border-color:var(--control-border);}
.compare-check input {flex:0 0 auto;width:18px;height:18px;accent-color:var(--pool-deep,#245952);}
.compare-check:focus-within {outline:3px solid var(--navy);outline-offset:3px;}
.compare-bar {max-width:calc(100vw - 24px);gap:16px;}
.compare-bar>span {font-size:12px;line-height:1.5;}
.compare-bar .button,.compare-bar .compare-clear {min-height:44px;font-size:12px;}
.compare-bar .compare-clear {padding:10px 8px;}
.compare-bar .button:disabled {opacity:.7;cursor:default;}
@media(max-width:760px){
 .compare-dialog {width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:18px 20px 28px;}
 .compare-dialog .inquiry-topbar {margin-bottom:18px;}
 .compare-dialog .dialog-note {font-size:13px;margin-bottom:26px;}
 .compare-grid.cols-2,.compare-grid.cols-3 {grid-template-columns:minmax(0,1fr);gap:30px;}
 .compare-item {display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto;grid-row:auto;gap:0 14px;padding-bottom:26px;border-bottom:1px solid var(--line);}
 .compare-item>img,.compare-photo-unavailable {grid-column:1;grid-row:1;width:86px;height:86px;padding:6px;}
 .compare-item>h3 {grid-column:2;grid-row:1;align-self:center;font-size:21px;margin:0;}
 .compare-item>.representative-photo {grid-column:1/-1;grid-row:2;font-size:11px;margin:10px 0 0;}
 .compare-item>.representative-photo[aria-hidden=true] {display:none;}
 .compare-item>.spec-table {display:block;grid-column:1/-1;grid-row:3;margin:18px 0 0;}
 .compare-item>.spec-table>div {display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;min-height:0;padding:12px 0;font-size:13px;}
 .compare-item>.spec-table dt {font-size:12px;}
 .compare-item>.spec-table dd {margin:0;}
 .compare-item>.button {grid-column:1/-1;grid-row:4;margin-top:12px;font-size:13px;}
 .compare-bar {width:calc(100vw - 24px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:12px 14px;bottom:12px;}
 .compare-bar>span {grid-column:1/-1;font-size:12px;}
 .compare-bar .button {width:100%;font-size:12px;padding:10px 14px;}
 .compare-bar .compare-clear {font-size:12px;padding:10px;}
}