/* One visual language for the complete catalogue and its decision shortlist. */
.store-pick-city{--pick-background:#a4adb9;--pick-ink:#29394a}
.store-pick-cafe{--pick-background:#d4b690;--pick-ink:#654b34}
.store-pick-pitch{--pick-background:#b5c499;--pick-ink:#3b5032}
.store-pick-garden{--pick-background:#c4d4ba;--pick-ink:#4c6651}
.store-pick-energy{--pick-background:#a7c1aa;--pick-ink:#304e3a}
.store-pick-pitch .store-pick-visual:before{border-radius:22px;width:400px;height:220px;left:-140px;top:40px;box-shadow:0 0 0 30px var(--pick-background),0 0 0 31px currentColor}
.store-pick-garden .store-pick-visual:before{width:180px;height:350px;left:20px;top:-190px;transform:rotate(-35deg)}
.store-pick-city .store-pick-visual:before{border-radius:35%;transform:rotate(32deg)}
/* Exact product renders stay intact; the backdrop is decoration outside the dial. */
.store-card .store-card-visual{display:flex;height:284px;aspect-ratio:auto;padding:52px 22px 22px;background:var(--pick-background);color:var(--pick-ink)}
.store-card .store-card-visual .store-dial{width:208px;height:208px;max-width:100%;margin:0;flex:none;box-shadow:0 14px 28px #10181035,0 0 0 4px #17241d,0 0 0 5px #dbe1cb6b}
.store-card .store-card-visual>.store-status{z-index:2;top:12px;left:12px;background:#142018f2;color:#edf3e4;border-color:#65785d;font-size:11px}
.store-card .card-zoom{z-index:2;color:#17241d;background:#f3f1dfcc;border:1px solid #17241d55;right:14px;bottom:14px}
/* A native dialog owns the only vertical scroll area. Product names remain visible. */
.store-compare-dialog{width:min(1240px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:hidden;border-color:#71866b;background:#101a13}
.store-compare-dialog[open]{display:flex;flex-direction:column}
.store-compare-heading{flex:none;position:relative;padding:22px 88px 20px 26px;background:#101a13;border-color:#354c3b}
.store-compare-heading h2{font-size:30px}
.store-compare-heading .section-kicker{margin:0 0 7px;font-size:10px;color:#c5d6b8}
#storeCompareClose{top:21px;right:24px;background:#1c3021}
.store-compare-content{overflow:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 22px;scrollbar-gutter:stable}
.compare-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,1fr);align-items:end;gap:24px;padding:18px 0;color:#c1cfb9}
.compare-watch-field{font:600 12px/1.5 Arial,sans-serif;color:#d9e6d1;min-width:0;display:block}
.compare-watch-field select{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;border:1px solid #63775f;border-radius:6px;background:#0b150f;color:#eff3e7;color-scheme:dark;padding:9px 10px;font:400 14px/1.4 Arial,sans-serif;cursor:pointer}
.compare-watch-hint{font:400 12px/1.6 Arial,sans-serif;margin:0 0 3px;max-width:450px}
.compare-pairs{display:none}
.compare-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.compare-matrix{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font:400 14px/1.55 Arial,sans-serif;color:#dde7d5;text-align:left}
.compare-matrix th,.compare-matrix td{vertical-align:top;text-align:left;overflow-wrap:anywhere;box-sizing:border-box}
.compare-matrix thead th,.compare-matrix .compare-corner{position:sticky;top:0;z-index:2;background:#17251b;border-top:1px solid #48604a;border-bottom:1px solid #48604a}
.compare-corner{width:145px;padding:20px 16px 20px 0!important;color:#c2d0b9;font-weight:400;font-size:12px;background:#101a13!important;border-top-color:transparent!important}
.compare-product{padding:18px 52px 12px 18px;border-left:1px solid #3b5140}
.compare-product:last-child{border-right:1px solid #3b5140}
.compare-product h3{font:600 20px/1.25 Arial,sans-serif;letter-spacing:-.025em;color:#f1f4e9;margin:0 0 9px}
.compare-product .store-status{font-size:11px;line-height:1.3;margin:0}
.compare-fit{font:400 12px/1.45 Arial,sans-serif;margin:8px 0 0;color:#c1cfb9}
.compare-fit[data-fits="false"]{color:#f1cfa0}
.compare-remove{position:absolute;right:5px;top:8px;width:44px;height:44px;padding:0;display:grid;place-items:center;color:#dce8d4;font:400 23px Arial,sans-serif;background:transparent;border:0;border-radius:50%;cursor:pointer}
.compare-remove:hover{background:#304734}
.compare-art-wrap{min-width:0;overflow:hidden}
.compare-art{height:258px;padding:24px 16px 30px;position:relative}
.compare-art .store-pick-dial{width:202px;height:202px;max-width:100%;margin:0;box-shadow:0 12px 25px #10181040,0 0 0 4px #17241d,0 0 0 5px #dbe1cb6b}
.compare-enlarge{position:absolute;bottom:7px;right:12px;font:600 11px/1.4 Arial,sans-serif;color:#19291e;background:#f2f1e2d9;border-radius:4px;padding:4px 7px}
.compare-previews td{padding:0;border-inline-start:1px solid #3b5140}
.compare-previews .compare-row-label{padding-top:25px}
.compare-row-label{width:145px;font-weight:500;color:#dce8d3;padding:18px 20px 18px 0;font-size:13px;line-height:1.5}
.compare-row-label small{display:block;font-size:10px;font-weight:400;color:#b1c2a9;margin-top:4px}
.compare-attribute td{padding:18px;border-inline-start:1px solid #354b3c}
.compare-attribute>*{border-bottom:1px solid #354b3c}
.compare-attribute[data-shared="false"] td{background:#18271c}
.compare-attribute[data-shared="true"] td{background:#111e15;color:#c7d4c0}
.compare-attribute[data-shared="false"] .compare-row-label{color:#f0f3e7}
.compare-cell-label{display:none}
.compare-actions td{padding:20px 18px;border-inline-start:1px solid #354b3c;background:#142219}
.compare-price{font:500 21px/1.3 Arial,sans-serif;color:#eef3e5;margin:0 0 16px}
.compare-price small{display:block;font:400 11px/1.5 Arial,sans-serif;color:#bfceb6;margin-top:5px}
.compare-actions .store-product-actions{gap:8px}
.compare-actions .button{font-size:13px;min-height:44px;padding:11px 10px;white-space:normal;text-align:center}
.compare-footnote{font:400 12px/1.7 Arial,sans-serif;color:#b7c7af;margin:18px 0 0;max-width:850px}
.compare-zoom{max-width:750px;margin:20px auto 0}
.compare-back{display:inline-flex;align-items:center;min-height:44px;background:transparent;border:0;color:#dcead3;padding:10px 0;font:500 14px/1.5 Arial,sans-serif;cursor:pointer}
.compare-zoom h3{font:500 26px/1.3 Arial,sans-serif;color:#eef3e4;margin:16px 0}
.compare-zoom .compare-art{height:min(62dvh,580px);padding:30px}
.compare-zoom .store-pick-dial{width:min(420px,calc(62dvh - 80px));height:auto;aspect-ratio:1}
.compare-zoom>p{color:#c0cdb8;font-size:12px;line-height:1.7}
@media(max-width:1000px) and (min-width:701px){.compare-corner,.compare-row-label{width:120px}.compare-product{padding-left:12px}.compare-product h3{font-size:17px}.compare-art{height:228px;padding:30px 12px}.compare-art .store-pick-dial{width:166px;height:166px}.compare-attribute td{padding:15px 12px;font-size:13px}}
@media(max-width:700px){
 .store-compare-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:10px}
 .store-compare-heading{padding:16px 68px 14px 16px}
 .store-compare-heading h2{font-size:24px}
 .store-compare-heading .section-kicker{font-size:9px;margin-bottom:5px}
 #storeCompareClose{top:14px;right:12px}
 .store-compare-content{padding:0 12px 16px;scrollbar-gutter:auto}
 .compare-toolbar{grid-template-columns:1fr;gap:8px;padding:13px 0}
 .compare-watch-field{font-size:12px}
 .compare-watch-field select{font-size:16px}
 .compare-watch-hint{font-size:11px;line-height:1.5}
 .compare-pairs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}
 .compare-pairs>p{grid-column:1/-1;font-size:11px;line-height:1.5;color:#bfceb6;margin:0 0 2px}
 .compare-pair{min-height:44px;padding:7px 5px;font:500 10px/1.45 Arial,sans-serif;overflow-wrap:anywhere;background:#17251b;border:1px solid #667a5b;border-radius:5px;color:#e0e9d6;cursor:pointer}
 .compare-pair[aria-pressed="true"]{background:#d8e9ce;color:#142414;border-color:#d8e9ce}
 .compare-matrix{font-size:13px}
 .compare-matrix [data-mobile-hidden="true"]{display:none}
 .compare-corner,.compare-row-label{width:0!important;min-width:0!important;padding:0!important;border:0!important}
 .compare-corner>span,.compare-row-label>span,.compare-row-label>small{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
 .compare-product{padding:13px 9px 10px;position:sticky}
 .compare-product h3{font-size:15px;line-height:1.2;padding-right:23px;margin:0 0 7px}
 .compare-remove{width:44px;height:44px;right:0;top:0;font-size:21px}
 .compare-product .store-status{font-size:10px;line-height:1.4}
 .compare-fit{font-size:10px;line-height:1.4;margin-top:6px}
 .compare-art{height:174px;padding:15px 11px 29px}
 .compare-art .store-pick-dial{width:126px;height:126px;max-width:100%}
 .compare-enlarge{font-size:9px;padding:2px 5px;bottom:6px;right:6px}
 .compare-cell-label{display:block;font:500 10px/1.4 Arial,sans-serif;color:#bdcdb4;margin-bottom:6px}
 .compare-attribute td{padding:14px 10px;font-size:13px;line-height:1.6}
 .compare-actions td{padding:15px 9px}
 .compare-price{font-size:18px;margin-bottom:12px}
 .compare-price small{font-size:10px}
 .compare-actions .button{font-size:11px;padding:10px 6px;line-height:1.5}
 .compare-footnote{font-size:11px;line-height:1.65;margin-top:14px}
 .compare-zoom .compare-art{height:min(62dvh,460px);padding:20px}
 .compare-zoom .store-pick-dial{width:100%;max-width:350px;height:auto}
}
@media(max-width:360px){.compare-product h3{font-size:13px}.compare-art{height:150px;padding:15px 12px 27px}.compare-art .store-pick-dial{width:104px;height:104px}.compare-attribute td{padding:12px 8px;font-size:12px}.compare-enlarge{font-size:8px}.store-card .store-card-visual{height:268px}}
/* Keep zoom independent of the small-screen thumbnail size. */
.compare-zoom .compare-art .store-pick-dial{width:min(420px,100%);height:auto;max-width:100%;aspect-ratio:1}

@media(min-width:1001px){.compare-matrix[data-columns="2"] .compare-art{height:282px;padding:24px}.compare-matrix[data-columns="2"] .compare-art .store-pick-dial{width:230px;height:230px}}