.bag-compare-panel{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--paper);margin:30px 0}.bag-compare-copy h2{font-size:2rem;margin:10px 0}.bag-compare-copy p{font-size:.86rem;margin-bottom:0;max-width:500px}.comparison-selection{min-width:0}.comparison-selection ul{list-style:none;margin:0;padding:0}.comparison-selection li{display:flex;align-items:center;gap:12px;font-size:.78rem;border-bottom:1px solid var(--line);padding:8px 0}.comparison-selection li span{flex:1}.comparison-selection li button{border:0;background:transparent;min-width:40px;min-height:40px;color:var(--ink);font-size:1.3rem}.bag-compare-check{margin:16px 0;font-size:.8rem}.bag-compare-check input{margin:0}
#compare-dialog{width:min(1120px,96vw);border-radius:24px;padding:32px}#compare-dialog .close-dialog{min-width:44px;min-height:44px;font-size:1.8rem}.comparison-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:22px;margin:26px 0 18px}.comparison-bases{display:flex;flex-wrap:wrap;gap:6px}.comparison-bases button{border-radius:999px;min-height:44px}.comparison-reference{font-size:.76rem;font-weight:600;max-width:340px;flex:1;min-width:200px}.comparison-reference select{display:block;width:100%;margin-top:8px;border-radius:12px;font-weight:400}.comparison-detail{min-width:730px;table-layout:fixed}.comparison-detail th:first-child{width:160px;position:sticky;left:0;background:var(--paper);z-index:1;font-size:.78rem}.comparison-detail thead th:first-child{vertical-align:bottom}.comparison-detail .is-reference{background:#e7ecd9}.comparison-detail thead th{padding:16px 14px}.comparison-detail th img{height:95px;margin-bottom:12px}.comparison-detail .brand-name{display:block;font-size:.66rem;margin-bottom:7px}.comparison-product-name{display:block;font-weight:600;line-height:1.4}.comparison-quantity{display:block;margin-top:12px;font-size:.72rem;font-weight:400}.comparison-reference-badge{display:inline-block;background:var(--green);color:var(--paper);padding:5px 10px;border-radius:999px;font-size:.65rem;margin-top:12px}.comparison-detail td strong{font-weight:600;font-size:.94rem}.comparison-delta{display:block;font-size:.72rem;line-height:1.6;margin-top:6px;color:var(--green);font-variant-numeric:tabular-nums}.comparison-reference-note,.comparison-unknown{color:var(--muted)}.comparison-detail td .comparison-unknown{font-size:.77rem;font-weight:400}.comparison-section th{padding-top:25px;font-weight:700!important;background:var(--paper)}.comparison-scroll{border:1px solid var(--line);border-radius:12px}.comparison-scroll:focus-visible{outline:3px solid var(--green);outline-offset:3px}.comparison-footnote{margin-top:22px}.comparison-scroll-hint{display:none}
@media(max-width:750px){.bag-compare-panel{grid-template-columns:1fr;gap:20px;padding:22px}.bag-compare-copy h2{font-size:1.75rem}#compare-dialog{padding:20px 14px;width:96vw;max-height:92dvh}.comparison-toolbar{gap:18px}.comparison-reference{max-width:none}.comparison-detail th:first-child{width:112px}.comparison-detail{min-width:650px}.comparison-detail td,.comparison-detail th{padding:13px 10px}.comparison-scroll-hint{display:block}.comparison-detail td strong{font-size:.88rem}}