/* Catalog-only comparison. No shared shell or product-detail rules. */
.products-page--listing .catalog-compare{min-width:0;margin:0 0 28px;padding:20px 0;border-top:1px solid #d9dcd6;border-bottom:1px solid #d9dcd6}
.products-page--listing .catalog-compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.products-page--listing .catalog-compare-toolbar>div{min-width:0}
.products-page--listing .catalog-compare h2{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 4px}
.products-page--listing #catalog-compare-help,.products-page--listing #catalog-compare-prompt{font-size:12px;line-height:1.6;color:var(--muted,#626963);margin:0;overflow-wrap:anywhere}
.products-page--listing #catalog-compare-prompt{margin-top:12px}
.products-page--listing .catalog-compare-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.products-page--listing .catalog-compare-actions .product-button{min-height:44px;font-size:13px;padding:10px 16px}
.products-page--listing .catalog-compare-actions .product-button:disabled{background:#e3e5de;color:#626963!important;border-color:#b6beb5;cursor:default}
.products-page--listing .catalog-compare-toggle,.products-page--listing .catalog-compare-clear,.products-page--listing .catalog-compare-close,.products-page--listing [data-compare-remove]{min-height:44px;border:0;border-radius:5px;background:transparent;padding:8px 0;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:4px;text-align:left;overflow-wrap:anywhere}
.products-page--listing .catalog-compare-toggle{display:inline-flex;align-items:center;gap:8px;text-decoration:none;margin-top:0}
.products-page--listing .catalog-card-actions .catalog-compare-toggle{min-width:44px;max-width:100%;padding:8px 10px;margin-left:auto;color:var(--green,#24453c)}
.products-page--listing .catalog-card-actions .catalog-compare-toggle[aria-pressed="true"]{background:#e3eae5;font-weight:600}
.products-page--listing .catalog-compare-toggle[aria-disabled="true"]{color:var(--muted,#626963);cursor:default}
.products-page--listing .catalog-compare-toggle::before{content:"+";width:18px;height:18px;line-height:16px;text-align:center;border:1px solid currentColor;border-radius:3px;flex-shrink:0}
.products-page--listing .catalog-compare-toggle[aria-pressed="true"]::before{content:"✓";background:var(--green,#24453c);border-color:var(--green,#24453c);color:#fff}
.products-page--listing .catalog-compare-selections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:0}
.products-page--listing .catalog-compare-selections li{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;align-items:center;padding:10px 14px;background:#e9e8e1;border-radius:7px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.products-page--listing .catalog-compare-selections li>span:first-child{grid-column:1}
.products-page--listing .catalog-compare-selections [data-compare-remove]{grid-column:2;grid-row:1 / span 2}
.products-page--listing .catalog-compare-outside{grid-column:1;font-size:11px;color:var(--muted,#626963)}
.products-page--listing .catalog-compare-panel{min-width:0;margin-top:24px;padding-top:24px;border-top:1px solid #d9dcd6}
.products-page--listing .catalog-compare-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.products-page--listing .catalog-compare-panel h3{font:400 28px/1.2 Georgia,serif;margin:0;scroll-margin-top:100px}
.products-page--listing .catalog-compare-close{flex-shrink:0}
.products-page--listing .catalog-compare-panel>p{max-width:78ch;font-size:12px;line-height:1.65;color:var(--muted,#626963);overflow-wrap:anywhere;margin:12px 0}
.products-page--listing .catalog-compare-scroll{max-width:100%;min-width:0;overflow-x:auto;border:1px solid #c5cbc1;border-radius:8px;scroll-behavior:auto}
.products-page--listing .catalog-compare-table{width:100%;min-width:660px;table-layout:fixed;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.65}
.products-page--listing .catalog-compare-table caption{text-align:left;padding:14px 16px;font-size:12px;color:var(--muted,#626963);background:#f5f5f3}
.products-page--listing .catalog-compare-table th,.products-page--listing .catalog-compare-table td{vertical-align:top;padding:14px 16px;border-bottom:1px solid #d9dcd6;border-right:1px solid #d9dcd6;overflow-wrap:anywhere;white-space:pre-line;font-weight:400}
.products-page--listing .catalog-compare-table tr>*:last-child{border-right:0}
.products-page--listing .catalog-compare-table thead th{background:#f5f5f3}
.products-page--listing .catalog-compare-table th:first-child:not([colspan]){width:20%}
.products-page--listing .catalog-compare-table img{display:block;width:100%;height:120px;object-fit:contain;margin-bottom:12px}
.products-page--listing .catalog-compare-product-link{display:block;font-size:14px;font-weight:500;min-height:44px;text-decoration:none}
.products-page--listing .catalog-compare-product-link:hover{text-decoration:underline;text-underline-offset:4px}
.products-page--listing .catalog-compare-caution{display:block;min-height:44px;padding:8px 0;font-size:12px;text-underline-offset:4px}
.products-page--listing .catalog-compare-group th{background:#e9e8e1;font-size:12px;font-weight:500;padding:0}
.products-page--listing .catalog-compare-group-key{display:grid;grid-template-columns:20% repeat(2,minmax(0,1fr))}
.products-page--listing .catalog-compare-table[data-compare-columns="3"] .catalog-compare-group-key{grid-template-columns:20% repeat(3,minmax(0,1fr))}
.products-page--listing .catalog-compare-group-key>span{min-width:0;padding:10px 16px;line-height:1.5;overflow-wrap:anywhere}
.products-page--listing .catalog-compare-table ul{padding-left:18px;margin:0}
.products-page--listing .catalog-compare-table li+li{margin-top:12px}
.products-page--listing .catalog-compare-table td p{margin:0}
.products-page--listing .catalog-compare-missing{color:var(--muted,#626963);font-size:12px}
.products-page--listing .catalog-compare-table [id]{scroll-margin-top:100px}
@media(max-width:759px){.products-page--listing .catalog-compare-toolbar{display:block}.products-page--listing .catalog-compare-actions{margin-top:12px;flex-wrap:wrap;gap:8px 20px}.products-page--listing .catalog-compare-selections{grid-template-columns:minmax(0,1fr)}.products-page--listing .catalog-compare-panel-heading{align-items:flex-start;flex-direction:column;gap:4px}.products-page--listing .catalog-compare-panel h3{font-size:25px}}
@media(forced-colors:active){.products-page--listing .catalog-compare-toggle[aria-pressed="true"]::before{color:HighlightText;background:Highlight;border-color:Highlight}.products-page--listing .catalog-compare-selections li{border:1px solid CanvasText}.products-page--listing .catalog-compare-actions .product-button:disabled{color:GrayText!important;border-color:GrayText}}

/* Explicit ID-only snapshot links. Hidden with fewer than two selections. */
.products-page--listing .catalog-compare-share{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin-top:12px;font-size:12px;line-height:1.6}
.products-page--listing .catalog-compare-share>a,.products-page--listing #catalog-compare-copy{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.products-page--listing #catalog-compare-copy{border:0;background:transparent;font:inherit;color:inherit}
.products-page--listing #catalog-compare-copy[aria-disabled="true"]{cursor:wait}
.products-page--listing .catalog-compare-share p{flex-basis:100%;margin:0;color:var(--muted,#626963);overflow-wrap:anywhere}
.products-page--listing #catalog-compare-share-status:empty{display:none}
.products-page--listing #catalog-compare-share-fallback{flex-basis:100%;min-width:0}
.products-page--listing #catalog-compare-share-fallback label{display:block;margin:8px 0 4px}
.products-page--listing #catalog-compare-share-url{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #b6beb5;border-radius:5px;padding:10px;font:inherit;color:inherit;background:#fff}

/* Optional field focus lives inside the expanded comparison, never the card grid. */
.products-page--listing .catalog-compare-field-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin:16px 0 8px;font-size:12px;line-height:1.6}
.products-page--listing #catalog-compare-differences{min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #b6beb5;border-radius:5px;background:transparent;color:var(--green,#24453c);font:inherit;text-align:left}
.products-page--listing #catalog-compare-differences[aria-pressed="true"]{background:#e3eae5;border-color:var(--green,#24453c)}
.products-page--listing #catalog-compare-differences::before{content:"+";display:inline-block;width:18px;margin-right:8px;text-align:center}
.products-page--listing #catalog-compare-differences[aria-pressed="true"]::before{content:"✓"}
.products-page--listing #catalog-compare-field-status{flex:1 1 260px;min-width:0;margin:0;color:var(--muted,#626963);overflow-wrap:anywhere}
@media(forced-colors:active){.products-page--listing #catalog-compare-differences[aria-pressed="true"]{border-color:Highlight;outline:1px solid Highlight}}

/* Keep the optional comparison control clear of the existing fixed masthead. */
.products-page--listing #catalog-compare-differences{scroll-margin-top:100px;scroll-margin-bottom:12px}

/* Compare uses the Products card landscape frame, fluid within each equal table column. */
.products-page--listing .catalog-compare-table .catalog-compare-media{position:relative;width:100%;max-width:260px;aspect-ratio:4/3;background:#f5f5f3;border:1px solid #e1e3dc;border-radius:12px;margin:0 auto 12px}
.products-page--listing .catalog-compare-table .catalog-compare-media img{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;border-radius:inherit;margin:0;padding:0}
@media(min-width:1100px){.products-page--listing .catalog-compare-table .catalog-compare-media{max-width:200px;margin-bottom:8px}}
@media(max-width:599px){.products-page--listing .catalog-compare-table .catalog-compare-media{max-width:none}}
/* Generated Products image fitting rules. */
/* Full-frame listing photography uses native WebP sources, without display-canvas margins. */
.products-page--listing .catalog-compare-table .catalog-compare-media img{object-fit:cover;object-position:center;padding:0}
/* Preserve both profile faces where a full-width cover crop would cut their cross-sections. */
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="silicone-neon-flex-tube-1212mm"] img,
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="silicone-flexible-led-neon-flex-tube-14x14mm"] img{object-fit:contain}
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="yuexiu-park-range-silicone-neon-flex-tube-38mm"] img{object-position:center 65%}
@media(min-width:1100px){
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="silicone-neon-flex-tube-1616mm"] img,
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="stone-forest-range-silicone-neon-flex-demo-tube-816mm"] img{object-fit:contain}
}
@media(min-width:600px){.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="potala-palace-range-silicone-neon-flex-tube-2014mm"] img{object-fit:contain}}
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="silicone-neon-flex-tube-66mm"] img{object-position:center 80%}
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="the-temple-of-heaven-range-silicone-neon-flex-tube-2517mm"] img{object-position:center 70%}
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="the-great-wall-range-silicone-neon-flex-demo-tube-1023mm"] img{object-position:center 60%}
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="silicone-neon-flex-tube-1616mm"] img,
.products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="stone-forest-range-silicone-neon-flex-demo-tube-816mm"] img{object-position:center 60%}
 .products-page--listing .catalog-compare-table .catalog-compare-media[data-compare-product-id="kailas-range-silicone-neon-flex-tube-1220mm"] img{object-position:center 52%}
