/* BANNER */
.banner{background:#1a1a2e;padding:28px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.banner-tag{display:inline-block;background:#e62020;color:#fff;font-size:11px;padding:2px 8px;border-radius:2px;margin-bottom:8px;font-weight:600;letter-spacing:.5px}
.banner-title{font-size:24px;font-weight:700;color:#fff;margin-bottom:6px}
.banner-sub{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:18px}
.banner-btn{display:inline-block;padding:10px 22px;background:#e62020;color:#fff;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer}
.banner-stats{display:flex;gap:24px;flex-shrink:0}
.bstat{text-align:center}
.bstat-num{font-size:22px;font-weight:700;color:#fff}
.bstat-lbl{font-size:11px;color:rgba(255,255,255,.5)}

/* SECTION */
.section{padding:16px 20px}
.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.section-title{font-size:16px;font-weight:600;color:#222}

/* PRODUCT GRID */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pcard{background:#fff;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid #eee;transition:transform .15s,box-shadow .15s}
.pcard:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.1)}
.pcard-img{width:100%;aspect-ratio:1;overflow:hidden;position:relative;background:#f0f0f0}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.pcard:hover .pcard-img img{transform:scale(1.05)}
.pcard-badge{position:absolute;top:7px;left:7px;background:#e62020;color:#fff;font-size:10px;padding:2px 7px;border-radius:2px;font-weight:600;z-index:1}
.pcard-body{padding:10px 12px}
.pcard-name{font-size:13px;color:#333;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.pcard-price{font-size:17px;font-weight:700;color:#e62020}
.pcard-old{font-size:11px;color:#999;text-decoration:line-through;margin-left:5px}
.pcard-sold{font-size:11px;color:#aaa;margin-top:3px}

@media(max-width:768px){
  .banner{flex-direction:column}
  .product-grid{grid-template-columns:repeat(2,1fr)}
}