/* Trade-in configurator, scoped independently from repair and purchasing. */
.ts-sale .ts-sale-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:32px; margin:0 0 36px; }
.ts-sale .ts-sale-layout::before,.ts-sale .ts-sale-layout::after { display:none; }
.ts-sale .ts-sale-layout > .col6 { width:auto; float:none; padding:0; min-width:0; }
.ts-sale-gallery { position:sticky; top:180px; }
.ts-sale .productImage { background:#fff; border:1px solid #e0ebe5; border-radius:16px; padding:26px; box-sizing:border-box; width:100%; text-align:center; }
.ts-sale #productMainImage { width:100%; height:480px; object-fit:contain; max-width:100%; display:block; }
.ts-sale .webshopShare { display:none; }
.ts-sale-eyebrow { display:block; color:#658072; font-size:12px; font-weight:600; margin:2px 0 8px; }
.ts-sale .ts-sale-config h1 { color:#204f3c; font-size:32px; line-height:1.2; margin:0 0 12px; }
.ts-sale-selected { margin:0 0 10px; color:#627b6e; font-size:17px; line-height:1.5; }
.ts-sale-selected[hidden] { display:none; }
.ts-sale-intro { font-size:14px; line-height:1.6; color:#627b6e; margin:0 0 16px; }
.ts-sale-group { border:0; border-bottom:1px solid #e0e9e4; margin:0 0 14px; padding:0 0 12px; min-width:0; }
.ts-sale-group legend { float:none; width:100%; font-size:18px; font-weight:700; color:#204f3c; margin-bottom:6px; padding:0; }
.ts-sale .variationList { list-style:none; margin:0; padding:0; }
.ts-sale .variationList > li { padding:0; margin:0 0 2px; border:0; }
.ts-sale .ts-sale-option { display:grid; margin:0; line-height:20px; grid-template-columns:20px minmax(0,1fr) auto; align-items:center; gap:12px; padding:9px 12px; border:1px solid transparent; border-radius:9px; min-height:42px; box-sizing:border-box; font-size:14px; color:#315b47; cursor:pointer; }
.ts-sale-option:hover { background:#f5faf7; }
.ts-sale-option:has(input:checked) { background:#edf8f2; border-color:#009e60; color:#006d42; font-weight:600; }
.ts-sale-option:focus-within { outline:2px solid #009e60; outline-offset:2px; }
.ts-sale-option input { width:18px; height:18px; margin:0; accent-color:#009e60; }
.ts-sale-option strong { font-size:14px; white-space:nowrap; font-weight:600; }
.ts-sale-explanation { margin:0 12px 4px 42px; font-size:12px; line-height:1.6; color:#627b6e; }
.ts-sale-explanation summary { cursor:pointer; text-decoration:underline; }
.ts-sale-offer { padding:16px; border:1px solid #d4e7dc; border-radius:12px; background:#f0f8f4; margin-bottom:16px; }
.ts-sale-offer > span { font-size:13px; font-weight:600; }
.ts-sale .ts-sale-offer .productPrice { display:block; float:none; text-align:left; font-size:28px; line-height:1.3; margin:8px 0; padding:0; color:#204f3c; }
.ts-sale-offer p { font-size:13px; line-height:1.5; color:#627b6e; margin:0; }
.ts-sale .repairActions { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.ts-sale .repairActions input.webshopBtn { width:100%; height:auto; min-height:48px; white-space:normal; margin:0; padding:12px; border-radius:8px; font-size:14px; font-weight:600; background:#009e60; color:#fff; border:1px solid #009e60; cursor:pointer; }
.ts-sale .repairActions input.webshopBtn + input { background:#fff; color:#007c4b; }
.ts-sale .repairActions input:disabled { opacity:.45; cursor:not-allowed; }
.ts-sale-note { font-size:12px; color:#627b6e; line-height:1.5; margin:12px 0; }
.ts-sale .productDescription { border-top:1px solid #e0e9e4; padding-top:24px; }
@media(max-width:900px) { .ts-sale .ts-sale-layout { gap:26px; } .ts-sale #productMainImage { height:370px; } .ts-sale .repairActions { grid-template-columns:1fr; } }
@media(max-width:670px) {
 .ts-sale .ts-sale-layout { grid-template-columns:1fr; gap:22px; }
 .ts-sale-gallery { position:static; }
 .ts-sale .productImage { padding:18px; }
 .ts-sale #productMainImage { height:280px; }
 .ts-sale .ts-sale-config h1 { font-size:27px; }
 .ts-sale-selected { margin:0 0 10px; color:#627b6e; font-size:17px; line-height:1.5; }
.ts-sale-selected[hidden] { display:none; }
.ts-sale-intro { margin-bottom:20px; }
 .ts-sale .ts-sale-option { padding:11px 10px; min-height:44px; gap:10px; }
 .ts-sale .repairActions { grid-template-columns:1fr; }
 .ts-sale .ts-sale-offer .productPrice { font-size:26px; }
}

.ts-sale-colour { width:100%; box-sizing:border-box; min-height:46px; border:1px solid #cddfd4; border-radius:8px; background:#fff; color:#315b47; padding:10px 12px; font:inherit; }

.ts-sale-change-model { display:inline-block; color:#00864e; font-size:13px; text-decoration:underline; text-underline-offset:3px; margin:0 0 12px; }
