/* V5 content adapted to the established COMU card, button and comparison language.
   Original campaign gradients, ornaments, price ribbons and flash badges are untouched. */
@media(min-width:1024px){
 #fall-sale #sale-products .rework-product[data-product=note] .sale-product-info{grid-column:2;grid-row:1}
 #fall-sale #sale-products .rework-product[data-product=note] .sale-lifestyle{grid-column:1;grid-row:1}
}
#fall-sale #sale-products .rework-products-list{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;overflow:visible;padding:0;scroll-snap-type:none}
#fall-sale #sale-products .rework-product{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;padding:40px;min-width:0;width:auto;max-width:100%;flex:none;box-sizing:border-box}
#fall-sale #sale-products .rework-product .sale-product-info{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:stretch;min-width:0;max-width:none;width:auto}
#fall-sale #sale-products .rework-product .sale-lifestyle{grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:var(--sale-radius-block,24px)}
#fall-sale #sale-products .rework-product .sale-product-visual{grid-template-columns:minmax(58px,1fr) 132px minmax(84px,1fr);min-height:0;padding:22px 20px;margin:0 0 24px;align-items:start;align-content:start;gap:16px;background:var(--color-bg-alt,#f7f8fa)}
#fall-sale #sale-products .rework-product .sale-device-crop{width:132px;height:200px;aspect-ratio:auto}
#fall-sale #sale-products .rework-product[data-product=note] .sale-device-crop{width:132px;height:200px}
#fall-sale #sale-products .rework-product[data-product=note] .sale-product-image{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}
#fall-sale #sale-products .rework-product-index{font-size:12px;line-height:18px;font-weight:600;color:var(--sale-text-muted,#667085);margin:0 0 8px}
#fall-sale #sale-products .rework-product h3{font-size:22px;line-height:33px;font-weight:600;letter-spacing:0;margin:0 0 8px}
#fall-sale #sale-products .rework-product-tagline{font-size:14px;line-height:21px;font-weight:600;color:var(--sale-text-main,#191c1d);margin:0 0 13px}
#fall-sale #sale-products .rework-product-description{font-size:14px;line-height:21px;font-weight:600;color:var(--sale-text-muted,#667085);margin:0 0 16px}
#fall-sale #sale-products .rework-product-features{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:10px}
#fall-sale #sale-products .rework-product-features li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:21px;font-weight:600}
#fall-sale #sale-products .rework-product-features svg{width:16px;height:16px;flex:none;margin-top:2px;stroke-width:1.5}
#fall-sale #sale-products .rework-product-note{font-size:12px;line-height:18px;color:var(--sale-text-muted,#667085);margin:0 0 24px;font-weight:600}
#fall-sale #sale-products .rework-product-purchase{margin-top:auto}
#fall-sale #sale-products .rework-product .sale-color-label{font-size:14px;line-height:21px;margin:0 0 10px}
#fall-sale #sale-products .rework-product .sale-price{margin:24px 0 16px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#fall-sale #sale-products .rework-product .sale-price strong{font-size:22px;line-height:33px;font-weight:600}
#fall-sale #sale-products .rework-product .sale-price :is(span,s){font-size:12px;line-height:18px;font-weight:600}
#fall-sale #sale-products .rework-product .sale-product-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:0}
#fall-sale #sale-products .rework-product .sale-product-actions .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:auto;font-size:14px;line-height:21px;font-weight:600;padding:10px 20px;width:100%;box-sizing:border-box}
#fall-sale #sale-products .rework-product .sale-product-actions .btn svg{width:16px;height:16px}
#fall-sale #sale-products .rework-product-compare{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:21px;font-weight:600;color:var(--sale-text-main,#191c1d);text-decoration:underline;text-underline-offset:4px}
#fall-sale #sale-products .rework-product-compare svg{width:16px;height:16px}
#fall-sale #sale-products .rework-shared-ai{margin:40px 0;font-size:14px;line-height:21px;font-weight:600;color:var(--product-theme-heading,#f5f2ef);text-align:center;max-width:none}
#fall-sale #sale-products .rework-device-compare{scroll-margin-top:160px;padding:40px;background:var(--sale-bg-alt,#f7f8fa);border-radius:var(--sale-radius-block,24px);color:var(--sale-text-main,#191c1d)}
#fall-sale #sale-products .rework-device-compare .section-heading{margin-bottom:40px}
#fall-sale #sale-products .rework-device-compare h3{font-size:22px;line-height:33px;font-weight:600;letter-spacing:0;margin:0;color:var(--sale-text-main,#191c1d)}
#fall-sale #sale-products .rework-comparison-wrap{border-radius:16px;overflow:hidden;background:#fff}
#fall-sale #sale-products .rework-comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:21px;font-weight:600;text-align:left;color:var(--sale-text-main,#191c1d)}
#fall-sale #sale-products .rework-comparison-table :is(th,td){padding:20px;border-bottom:1px dashed var(--color-border,#e5e7eb);vertical-align:top;overflow-wrap:anywhere;font:inherit;text-align:left}
#fall-sale #sale-products .rework-comparison-table th{font-weight:600}
#fall-sale #sale-products .rework-comparison-table th:first-child{width:20%}
#fall-sale #sale-products .rework-comparison-table thead{background:var(--color-bg-alt,#f7f8fa)}
#fall-sale #sale-products .rework-comparison-shared{background:var(--color-bg-alt,#f7f8fa)}
#fall-sale #sale-products .rework-comparison-note{font-size:12px;line-height:18px;color:var(--sale-text-muted,#667085);margin:24px 0 0;font-weight:600}
#fall-sale #sale-products[data-campaign-theme=none] .rework-shared-ai{color:var(--sale-text-main,#191c1d)}
@media(max-width:1023.98px){
 #fall-sale #sale-products .rework-product{gap:24px;padding:24px;grid-template-columns:minmax(0,1fr)}
 #fall-sale #sale-products .rework-product .sale-lifestyle{grid-column:1;grid-row:2;aspect-ratio:4/3;height:auto}
}
@media(max-width:768px){
 #fall-sale #sale-products .rework-products-list{gap:24px}
 #fall-sale #sale-products .rework-product{padding:20px;gap:24px;border-radius:24px}
 #fall-sale #sale-products .rework-product .sale-product-visual{grid-template-columns:minmax(34px,1fr) 112px minmax(58px,1fr);padding:12px 8px;gap:8px;margin-bottom:24px}
 #fall-sale #sale-products .rework-product .sale-device-crop,#fall-sale #sale-products .rework-product[data-product=note] .sale-device-crop{width:112px;height:170px}
 #fall-sale #sale-products .rework-product h3{font-size:14px;line-height:21px;margin-bottom:8px}
 #fall-sale #sale-products .rework-product .sale-lifestyle{aspect-ratio:4/3;border-radius:16px}
 #fall-sale #sale-products .rework-product .sale-price{margin-top:24px}
 #fall-sale #sale-products .rework-shared-ai{margin:24px 0}
 #fall-sale #sale-products .rework-device-compare{padding:24px 16px;border-radius:24px}
 #fall-sale #sale-products .rework-device-compare .section-heading{margin-bottom:24px}
 #fall-sale #sale-products .rework-device-compare h3{font-size:14px;line-height:21px}
 #fall-sale #sale-products .rework-comparison-table{font-size:14px;line-height:21px}
 #fall-sale #sale-products .rework-comparison-table :is(th,td){padding:12px 8px}
 #fall-sale #sale-products .rework-comparison-table th:first-child{width:24%}
 #fall-sale #sale-products .rework-comparison-note{margin-top:16px}
}
