/* Sale rail: a compact heading and independent, evenly spaced cards. */
.home-section.sale-showcase{width:min(1340px,calc(100% - 24px));display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;border:1px solid var(--color-border);border-radius:22px;background:var(--color-surface-soft);box-shadow:none;overflow:hidden}
.sale-showcase-intro{min-width:0;min-height:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding:0 2px 17px;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;color:var(--color-text);text-align:right}
.sale-showcase-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:44px;height:44px;margin:0;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);color:var(--color-accent);font-size:25px;line-height:1;text-shadow:none}
.sale-showcase-intro>div:not(.sale-countdown){grid-column:2;grid-row:1}
.sale-showcase-intro span{display:block;font-size:10px;color:var(--color-muted);line-height:1.6}
.sale-showcase-intro h2{margin:0;color:var(--color-heading,var(--color-text));font-size:21px;line-height:1.65}
.sale-showcase-intro>p{grid-column:2;grid-row:2;margin:0;font-size:11px;color:var(--color-muted);line-height:1.8}
.sale-countdown{grid-column:3;grid-row:1;margin:0 12px}
.sale-countdown small{display:block;margin-bottom:4px;color:var(--color-muted);font-size:9px;text-align:center}
.sale-countdown>div{display:flex;direction:ltr;align-items:center;gap:4px}
.sale-countdown b{display:grid;place-items:center;min-width:30px;height:30px;padding-inline:4px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:11px;box-shadow:none}
.sale-countdown i{color:var(--color-accent);font-style:normal}
.sale-showcase-intro>a{grid-column:4;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-surface);color:var(--color-text);font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .16s ease}
.sale-showcase-intro>a:hover{border-color:var(--color-accent)}
.sale-products-wrap{min-width:0;overflow:hidden;border-radius:0}
.sale-showcase .product-rail{display:grid;grid-auto-flow:column;grid-auto-columns:208px;gap:12px;height:auto;padding:2px 2px 12px;background:transparent;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}
.sale-products-wrap.is-sparse .product-rail{grid-auto-columns:208px;justify-content:start}
.sale-showcase .product-card,.sale-showcase .product-card:first-child,.sale-showcase .product-card:last-child{height:330px;border:1px solid var(--color-border)!important;border-radius:16px!important;background:var(--color-surface)!important;box-shadow:none!important;scroll-snap-align:start;transition:border-color .16s ease;overflow:hidden}
.sale-showcase .product-card:hover{transform:none;border-color:var(--color-accent)!important}
.sale-showcase .product-card>a{display:flex;flex-direction:column;gap:0;height:100%;padding:12px!important}
.sale-showcase .product-card .image{width:100%;height:174px;flex-shrink:0;aspect-ratio:auto!important;border-radius:10px;overflow:hidden;padding:6px!important;background:#fff!important}
.sale-showcase .product-card .image img{object-fit:contain;padding:0}
.sale-showcase .product-info{display:flex;flex:1;min-height:0;flex-direction:column;padding:12px 0 0!important}
.sale-showcase .product-brand{display:none}
.sale-showcase .product-card .product-info h3{height:48px!important;min-height:48px!important;flex-shrink:0;margin:0!important;font-size:11px!important;line-height:2!important;font-weight:600!important;color:var(--color-text)!important}
.sale-showcase .product-card .price-line{gap:8px;margin-top:auto!important;padding-top:10px}
.sale-showcase .product-card .price-line strong{font-size:14px!important;color:var(--color-text)!important;white-space:nowrap}
.sale-showcase .product-card-price-values{gap:5px}
.sale-showcase .product-card .old-price{font-size:10px!important;color:var(--color-muted)!important}
.sale-showcase .product-card .sale-badge{min-width:36px!important;height:25px!important;min-height:25px!important;flex-shrink:0;padding:0 7px!important;border-radius:8px!important;background:var(--color-action)!important;color:var(--color-action-text)!important;font-size:11px!important;box-shadow:none!important}
@media(max-width:767px){
 .home-section.sale-showcase{width:calc(100% - 24px);gap:14px;padding:14px 12px 8px;border-radius:18px}
 .sale-showcase-intro{grid-template-columns:36px minmax(0,1fr) auto;gap:7px 9px;padding:0 0 12px}
 .sale-showcase-icon{width:36px;height:36px;border-radius:11px;font-size:21px}
 .sale-showcase-intro h2{font-size:17px}
 .sale-showcase-intro span{font-size:9px}
 .sale-showcase-intro>a{grid-column:3;min-height:34px;padding:7px 9px;font-size:9px;gap:5px}
 .sale-showcase-intro>p{grid-column:1/-1;grid-row:2;font-size:10px}
 .sale-countdown{grid-column:1/-1;grid-row:3;justify-self:center;margin:2px 0 0}
 .sale-countdown small{display:none}
 .sale-showcase .product-rail,.sale-products-wrap.is-sparse .product-rail{grid-auto-columns:minmax(148px,calc((100% - 10px)/2));gap:10px;padding-bottom:10px;justify-content:start}
 .sale-showcase .product-card,.sale-showcase .product-card:first-child,.sale-showcase .product-card:last-child{height:294px;border-radius:13px!important}
 .sale-showcase .product-card>a{padding:9px!important}
 .sale-showcase .product-card .image{height:145px}
 .sale-showcase .product-info{padding-top:10px!important}
 .sale-showcase .product-card .product-info h3{font-size:10.5px!important;height:46px!important;min-height:46px!important}
 .sale-showcase .product-card .price-line strong{font-size:12px!important}
 .sale-showcase .product-card .old-price{font-size:9px!important}
 .sale-showcase .product-card .sale-badge{min-width:31px!important;height:23px!important;min-height:23px!important;font-size:10px!important}
}

/* Product-card typography and discount placement across storefront rails/grids. */
.product-card .product-info h3 {
    height: 54px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 2.05;
    font-weight: 650;
}

.product-card .sale-badge {
    right: auto;
    left: 10px;
    top: 10px;
    min-width: 42px;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 11px;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    box-shadow:0 5px 14px rgba(83, 53, 41, .16);
}


@media(max-width:767px){.product-card .product-info h3{height:50px;font-size:11.5px;line-height:2}.product-card .sale-badge{left:8px;top:8px;min-width:38px;min-height:28px;padding:4px 7px;font-size:11px}}