:root{--pd-red:#E41E26;--pd-red2:#C51119;--pd-dark:#111;--pd-text:#555;--pd-border:#eee}
.pd-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
/* Hero */
.pd-hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;padding:68px 0;background:linear-gradient(135deg,#fff,#fff5f5)}
.pd-hero h1{font-size:2.8rem;margin:0 0 12px;color:var(--pd-dark);font-weight:900}
.pd-hero p{margin:0 0 18px;font-size:1.1rem;color:var(--pd-text)}
.pd-btn{display:inline-block;background:var(--pd-red);color:#fff;padding:12px 24px;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(228,30,38,.25);transition:.25s}
.pd-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(228,30,38,.35)}
.pd-btn-ghost{background:transparent;color:var(--pd-red);border:2px solid var(--pd-red)}
.pd-hero img{width:100%;border-radius:18px;box-shadow:0 12px 36px rgba(0,0,0,.15)}

/* Promo banner */
.pd-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--pd-red),var(--pd-red2));color:#fff;border-radius:16px;padding:28px;margin:40px 0}
.pd-banner h2{margin:0;font-size:1.8rem;font-weight:900}
.pd-banner p{margin:6px 0 0;opacity:.95}
.pd-cta-row{display:flex;gap:10px;flex-wrap:wrap}

/* Spotlights */
.pd-spotlights{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:22px 0 36px}
.pd-spot{position:relative;overflow:hidden;border-radius:16px;min-height:260px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center}
.pd-spot .copy{padding:28px}
.pd-spot .copy h3{margin:0 0 8px;font-size:1.6rem;font-weight:900}
.pd-spot .copy p{margin:0 0 14px}
.pd-spot .art{display:flex;align-items:center;justify-content:center;padding:10px}
.pd-spot img{max-width:95%;height:auto;filter:drop-shadow(0 24px 28px rgba(0,0,0,.25));transition:.25s}
.pd-spot:hover img{transform:translateY(-3px)}
/* Red theme */
.pd-spot.red{background:linear-gradient(135deg,var(--pd-red),var(--pd-red2));color:#fff}
.pd-spot.red .pd-btn{background:#fff;color:var(--pd-red);box-shadow:none}
/* White theme */
.pd-spot.white{background:#fff;border:1px solid var(--pd-border);box-shadow:0 14px 32px rgba(0,0,0,.08)}
.pd-spot.white .copy h3{color:var(--pd-red)}
.pd-spot.white .pd-btn{background:var(--pd-red);color:#fff}

/* Grid of sale products */
.pd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:16px 0 40px}
.pd-card{background:#fff;border:1px solid var(--pd-border);border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.06);transition:.2s;display:flex;flex-direction:column}
.pd-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.09)}
.pd-card img{width:100%;height:220px;object-fit:cover}
.pd-card-body{padding:18px}
.pd-card h4{margin:0 0 8px;font-size:1.05rem;font-weight:900;color:var(--pd-dark)}
.pd-price{font-weight:800;color:var(--pd-red);margin-bottom:10px}
.pd-empty{padding:28px;border:1px dashed var(--pd-border);border-radius:12px;text-align:center;color:#777}

/* Footer CTA */
.pd-footer-cta{background:#fff5f5;border:1px solid var(--pd-border);border-radius:16px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 60px}
.pd-footer-cta h3{margin:0;font-size:1.4rem;font-weight:900;color:var(--pd-dark)}

@media(max-width:1024px){
  .pd-hero{grid-template-columns:1fr}
  .pd-spotlights{grid-template-columns:1fr}
  .pd-spot{grid-template-columns:1fr}
  .pd-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .pd-grid{grid-template-columns:1fr}
  .pd-hero h1{font-size:2rem}
  .pd-banner{flex-direction:column;align-items:flex-start}
  .pd-footer-cta{flex-direction:column;align-items:flex-start}
}


/* --- Custom Tweaks --- */

/* Thinner hero banner */
.pd-hero {
  padding: 32px 0 !important;
}

/* Spotlight text: black/white only */
.pd-spot.white .copy h3,
.pd-spot.white .copy p {
  color: #111 !important;
}
.pd-spot.red .copy h3,
.pd-spot.red .copy p {
  color: #fff !important;
}

/* Spotlight hover pop */
.pd-spot {
  transform: translateY(0);
  transition: 0.25s ease;
}
.pd-spot:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 42px rgba(0,0,0,0.25);
}

/* Sale product section title */
.pd-sale-title {
  font-size: 2rem;
  font-weight: 900;
  color: #111;
  margin: 40px 0 16px;
}

/* Promo banner button visibility */
.pd-banner .pd-btn {
  background: #fff !important;
  color: var(--pd-red) !important;
  border: none !important;
  font-weight: 700 !important;
}

.pd-banner .pd-btn-ghost {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  font-weight: 700 !important;
}