/* Homepage Right Deals Layout Styles (page-scoped) */

/* Right-panel hardening: fixed item count, no internal scroll containers */
.pz-hero-split__right .rp-card,
.pz-hero-split__right .rp-card__body,
.pz-hero-split__right .weekly-grid,
.pz-hero-split__right .daily {
  overflow: visible !important;
}
/* =========================================================
   Pandoz – Right Panel (Deals)
   Gültig nur innerhalb .rp-stack
   Zwei Karten: "Deal des Tages" + "Wochendeals"
   ========================================================= */

/* ---------- Design-Tokens (lokal gescoped) ---------- */
.rp-stack{
  --rp-tx: #111827;
  --rp-tx-muted: #4b5563;
  --rp-brand: #6717C6;
  --rp-accent: #FF9800;
  --rp-bg: #fff;
  --rp-b: 1px solid rgba(0,0,0,.08);
  --rp-r: 12px;
  --rp-shadow: 0 2px 6px rgba(0,0,0,.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: auto;
  min-height: 0;
}

.pz-hero-split__right .pz-rp{
  width: 100%;
  height: auto;
  display: flex;
}

.pz-hero-split__right .pz-rp .rp-stack{
  width: 100%;
  height: auto;
}
.rp-stack img{ display:block; max-width:100%; height:auto; }
.rp-stack a{ text-decoration:none; color:inherit; }

.rp-card--daily,
.rp-card--weekly{
  flex: 0 0 auto;
  min-height: 0;
}

.rp-card__body{
  min-height: 0;
  overflow: visible;
  padding: 12px 14px 12px;
}

.rp-card__header{ padding:12px 14px 0; }
.rp-card__footer{ padding:8px 14px 12px; }

.rp-card__title{
  margin:0;
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  color:var(--rp-tx);
}

/* =========================================================
   Sektion 1 – Deal des Tages
   ========================================================= */
.daily{
  display:grid;
  grid-template-columns: 1fr min(60%, 340px);
  gap:12px;
  align-items:center;
  min-width:0;
  min-height:0;
}

.daily__text{
  display:grid;
  gap:8px;
  min-width:0;
}

.daily__name{
  margin:4px 0 0;
  font-size:14px;
  font-weight:600;
  line-height:1.25;
  color:#111;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.daily__price-row{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  margin:0;
  color:var(--rp-tx-muted);
  flex-wrap:wrap;
}

.daily__price{
  margin:2px 0 0;
  font-size:24px;
  font-weight:600;
  color:#000;
}

.daily__media{
  position: relative;
  min-height:0;
  display:grid;
  place-items:center;
  aspect-ratio:1 / 1;
  background:#f8f9fb;
  border-radius:10px;
  overflow:hidden;
}

.daily__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:translateZ(0);
}

.daily:hover .daily__name{ color:var(--rp-accent); }
.daily:hover .daily__media img{ transform:scale(1.03); }

/* =========================================================
   Sektion 2 – Wochendeals
   ========================================================= */
.weekly-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  min-height:0;
  align-content:start;
}

.weekly{
  display:grid;
  grid-template-rows:minmax(0,1fr) auto auto;
  min-width:0;
  min-height:0;
  text-align:center;
}

.weekly__media{
  min-height:0;
  display:grid;
  place-items:center;
  aspect-ratio:1 / 1;
  background:#f8f9fb;
  border-radius:10px;
  overflow:hidden;
}

.weekly__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:translateZ(0);
}

.weekly:hover .weekly__media img{ transform:scale(1.03); }

.weekly__name{
  margin:4px 0 0;
  font-size:14px;
  font-weight:600;
  color:#111;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.weekly__price{
  margin:2px 0 0;
  font-size:24px;
  font-weight:600;
  color:#000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.weekly:hover .weekly__name{ color:var(--rp-accent); }

/* ---------- Links/Fokus ---------- */
.rp-card a,
.rp-card a:link,
.rp-card a:visited,
.rp-card a:active,
.rp-card a:focus{
  color:#000;
  text-decoration:none;
}

.rp-card a:hover{ color:#ff6600; }

.daily:focus-visible,
.weekly:focus-visible,
.rp-card__footer .rp-link:focus-visible{
  outline:2px solid var(--rp-accent);
  outline-offset:2px;
  border-radius:8px;
}

/* Divider zwischen Daily und Weekly */
.rp-card--weekly{ position:relative; }
.rp-card--weekly::before{
  content:"";
  position:absolute;
  top:0;
  left:14px;
  right:14px;
  height:1px;
  background:rgba(0,0,0,.08);
  pointer-events:none;
  z-index:1;
}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width: 992px){
  .pz-hero-split__inner{ height:auto; }
  .daily{
    grid-template-columns:minmax(200px, 58%) 1fr;
    gap:10px;
  }
}

@media (max-width: 640px){
  .daily{
    grid-template-columns:1fr;
    gap:10px;
  }

  .daily__media{
    order:-1;
    aspect-ratio:1 / 1;
  }

  .weekly-grid{ grid-template-columns:1fr; }
  .weekly{ text-align:left; }
}

@media (max-width: 420px){
  .daily__name,
  .weekly__name{ font-size:13.5px; }

  .daily__price,
  .weekly__price{ font-size:16px; }
}