:root{--price-color:#ff7785}
:root[data-theme=light]{--price-color:#b62038}
.price{color:var(--price-color);font-size:13px;font-weight:600}
.price-line{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin:5px 0}
.sale-label{display:inline-flex;align-items:center;border:1px solid currentColor;color:var(--price-color);padding:1px 6px;border-radius:4px;font-size:11px;line-height:1.8}
.environment-row{display:flex;align-items:flex-start;gap:8px;margin:7px 0 10px;font-size:11px;line-height:1.8;color:var(--text)}
.environment-heading{flex-shrink:0}
.environment-options{display:flex;flex-wrap:wrap;gap:5px 12px;min-width:0}
.environment-badge{display:inline-flex;align-items:center;gap:5px;min-width:0}
.environment-badge small{font-size:10px}
.environment-icon{width:17px;height:17px;flex-shrink:0}
.offer-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:16px}
.offer-list>.offer-card{flex:0 1 380px;max-width:calc(50% - 8px);min-width:0;margin:0;padding:18px;height:160px;display:grid;grid-template-rows:40px 44px 18px;gap:10px}
.offer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;padding:0 12px}
.offer-heading h3{font-size:15px;line-height:1.6;margin:0;min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.offer-heading .price-line{flex:0 0 auto;max-width:130px;justify-content:flex-end;margin:0;row-gap:3px;line-height:1.6;text-align:right}
.offer-heading .price{margin:0;line-height:1.4}
.offer-heading .sale-label{padding:0 6px;line-height:1.4}
.offer-card .offer-link,.offer-unavailable{margin:0;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
.offer-unavailable{border:1px dashed var(--border);border-radius:6px}
.offer-card .environment-compact{margin:0;padding:0 6px;font-size:11px;align-self:start;line-height:18px;min-width:0}
.offer-card .environment-compact .environment-options{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.price-confirmation-note{margin:14px 0 0;overflow-wrap:anywhere}
.chips:empty{display:none}
.result-toolbar+.chips:empty+.work-list{margin-top:22px}
.price-preview{padding:10px 12px;border:1px solid var(--border);border-radius:6px}
input[data-field=price]{color:var(--price-color)}
.work-card{isolation:isolate}
.work-title::after{content:"";position:absolute;inset:0;z-index:1;border-radius:10px}
.work-title:hover{filter:none}
.work-card .cover,.work-info a:not(.work-title){position:relative;z-index:2}
.work-card .card-more{z-index:3}
.work-card:has(.card-more[open]){z-index:4}
.work-card:has(.work-title:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
/* The desktop cover spans the complete right column, including all facts. */
@media(min-width:761px){.detail-top{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-top>.cover{height:auto;min-height:295px;align-self:stretch;position:relative}.detail-top>.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}}
.offer-button-mobile{display:none}
@media(max-width:760px){.offer-list>.offer-card{flex-basis:100%;max-width:100%}.environment-row{font-size:10px;gap:6px}.environment-badge small{font-size:9px}.environment-options{gap:4px 8px}.environment-icon{width:16px;height:16px}}

/* Mobile offers keep each seller's price and platform beside named buttons. */
@media(max-width:760px){
 .offer-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .offer-list>.offer-card{width:100%;max-width:none;height:auto;padding:8px;grid-template-rows:32px minmax(72px,auto) auto;gap:7px}
 .offer-heading{padding:0;justify-content:center;align-items:center}
 .offer-heading h3{display:none}
 .offer-heading .price-line{max-width:100%;justify-content:center;text-align:center;gap:2px}
 .offer-heading .price{font-size:11px}
 .offer-heading .sale-label{font-size:9px;padding:0 3px}
 .offer-card .offer-link,.offer-unavailable{width:100%;min-height:72px;padding:7px 3px;font-size:11px;line-height:1.6;overflow-wrap:anywhere;flex-direction:column;gap:2px}
 .offer-button-desktop{display:none}
 .offer-button-mobile{display:block;font-weight:700}
 .offer-button-mobile small{display:block;font-size:9px;font-weight:400}
 .offer-card .environment-compact{padding:0;font-size:10px}
 .offer-card .environment-compact .environment-options{flex-wrap:wrap;overflow:visible;gap:3px}
}