/* Groupdeal clearance — /clearance + homepage strip */
.dn-btn--wa{background:#1f9d55!important;border-color:#1f9d55!important}
.dn-btn--wa:hover{background:#178246!important;border-color:#178246!important}
.dn-clr-hero{background:linear-gradient(135deg,#0a5c3a 0%,#0B7A4B 55%,#0d9460 100%);color:#fff;border-radius:0 0 24px 24px;padding:2.75rem 0 2.25rem}
.dn-clr-hero h1{color:#fff!important;font-size:clamp(1.7rem,3.6vw,2.5rem);line-height:1.12;margin:0 0 .6rem;font-weight:800;max-width:40rem}
.dn-clr-hero__lead{opacity:.92;max-width:40rem;margin:0 0 1.25rem;font-size:1.05rem}
.dn-clr-hero__cta{display:flex;gap:.6rem;flex-wrap:wrap}
.dn-clr-hero .dn-btn--primary{background:#fff!important;color:var(--dn-green)!important;border-color:#fff!important}
.dn-clr-updated{margin:1.1rem 0 0;font-size:.85rem;opacity:.85}
.dn-clr-toolbar{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:.75rem}
.dn-clr-chips{display:flex;gap:.45rem;flex-wrap:wrap;flex:1 1 520px}
.dn-clr-chip{display:inline-flex;gap:.35rem;align-items:center;padding:.38rem .75rem;border:1px solid var(--dn-line-strong);border-radius:999px;background:#fff;color:var(--dn-ink)!important;text-decoration:none!important;font-size:.85rem;font-weight:500;white-space:nowrap}
.dn-clr-chip span{color:var(--dn-muted);font-size:.78rem}
.dn-clr-chip:hover{border-color:var(--dn-green)}
.dn-clr-chip.is-on{background:var(--dn-green);border-color:var(--dn-green);color:#fff!important}
.dn-clr-chip.is-on span{color:#d4efe2}
.dn-clr-sort{display:flex;gap:.5rem;align-items:center;font-size:.9rem}
.dn-clr-sort label{font-weight:600;color:var(--dn-ink)}
.dn-clr-sort select{padding:.4rem .6rem;border:1px solid var(--dn-line-strong);border-radius:8px;background:#fff}
.dn-clr-count{color:var(--dn-muted);font-size:.88rem;margin:0 0 1rem}
.dn-clr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}
.dn-clr-card{background:#fff;border:1px solid var(--dn-line);border-radius:var(--dn-radius);box-shadow:var(--dn-shadow);display:flex;flex-direction:column;overflow:hidden}
.dn-clr-card__media{position:relative;background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--dn-line)}
.dn-clr-card__media{overflow:hidden}.dn-clr-card__media img{width:100%;height:100%;object-fit:contain}
.dn-clr-card__noimg{font-size:3rem;color:var(--dn-green-soft-2)}
.dn-clr-badge{position:absolute;top:.6rem;left:.6rem;background:linear-gradient(90deg,#d62828,#f08c00);color:#fff;font-weight:800;font-size:.68rem;letter-spacing:.08em;padding:.28rem .55rem;border-radius:6px;z-index:1}
.dn-clr-pct{position:absolute;top:.6rem;right:.6rem;background:#fff3cd;color:#8a4b00;font-weight:800;font-size:.75rem;padding:.25rem .5rem;border-radius:6px;z-index:1}
.dn-clr-card__body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.dn-clr-card__src{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dn-green)}
.dn-clr-card__title{margin:0;font-size:.98rem;line-height:1.3;font-weight:700;color:var(--dn-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dn-clr-card__model{margin:0;font-size:.8rem;color:var(--dn-muted)}
.dn-clr-price{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}
.dn-clr-price__now{font-size:1.45rem;font-weight:800;color:#c62828}
.dn-clr-price__was{font-size:.88rem;color:var(--dn-muted)}
.dn-clr-save{margin:0;font-size:.85rem;font-weight:700;color:var(--dn-green)}
.dn-clr-qty{margin:0;font-size:.82rem;font-weight:700;color:#b45309}
.dn-clr-cond{margin:0;font-size:.8rem;color:var(--dn-ink-2)}
.dn-clr-card__actions{margin-top:auto;padding-top:.7rem;display:flex;flex-direction:column;gap:.45rem}
.dn-clr-card__actions .dn-btn{width:100%;text-align:center;line-height:1.25}
.dn-clr-card__ext{font-size:.82rem;font-weight:600;color:var(--dn-green)!important;text-align:center}
.dn-clr-card.is-sold{opacity:.55;filter:grayscale(1)}
.dn-clr-card.is-sold .dn-clr-badge{background:#4b5563}
.dn-clr-pager{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center;margin:1.75rem 0 .5rem}
.dn-clr-pager a,.dn-clr-pager span{min-width:2.3rem;text-align:center;padding:.4rem .7rem;border:1px solid var(--dn-line-strong);border-radius:8px;background:#fff;color:var(--dn-ink)!important;text-decoration:none!important;font-size:.88rem}
.dn-clr-pager .is-on{background:var(--dn-green);border-color:var(--dn-green);color:#fff!important}
.dn-clr-disclaimer{margin:1.5rem 0 0;font-size:.78rem;color:var(--dn-muted);max-width:52rem}
.dn-clr-empty{text-align:center;background:#fff;border:1px dashed var(--dn-line-strong);border-radius:16px;padding:2.75rem 1.25rem;max-width:40rem;margin:0 auto}
.dn-clr-empty__icon{font-size:2.5rem}
.dn-clr-empty h2{margin:.5rem 0}
.dn-clr-empty p{color:var(--dn-ink-2)}
.dn-clr-empty .dn-btn{margin:.25rem}
/* Homepage strip */
.dn-clr-strip{background:linear-gradient(180deg,#fff7ed 0%,#fff 100%);border-top:3px solid #f08c00}
.dn-clr-strip .dn-section__head h2:before{content:"CLEARANCE";display:inline-block;vertical-align:middle;margin-right:.6rem;background:linear-gradient(90deg,#d62828,#f08c00);color:#fff;font-size:.65rem;letter-spacing:.08em;padding:.25rem .5rem;border-radius:6px;font-weight:800}
.dn-clr-grid--strip{grid-template-columns:repeat(4,1fr)}
.dn-clr-strip__note{margin:1rem 0 0;font-size:.8rem;color:var(--dn-muted)}
@media (max-width:960px){.dn-clr-grid--strip{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){
 .dn-clr-hero{padding:2rem 0 1.75rem}
 .dn-clr-grid,.dn-clr-grid--strip{grid-template-columns:repeat(2,1fr);gap:.65rem}
 .dn-clr-card__media{padding:.5rem}
 .dn-clr-card__body{padding:.65rem .7rem .8rem}
 .dn-clr-card__title{font-size:.86rem}
 .dn-clr-price__now{font-size:1.15rem}
 .dn-clr-card__actions .dn-btn{font-size:.78rem!important;padding:.45rem .5rem!important}
 .dn-clr-chips{flex-wrap:nowrap;overflow-x:auto;flex-basis:100%;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}
 .dn-clr-sort{width:100%}
 .dn-clr-sort select{flex:1}
}
