/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
:root{
  --ps-ink:#222222;
  --ps-muted:#555555;
  --ps-accent:#ee0655;      /* Twój kolor brandu */
  --ps-accent2:#ff4d8a;     /* jaśniejszy ton */
  --ps-card-bg:#ffffff;
  --ps-border:#f1f1f1;
  --ps-radius:22px;
}

/* Karta rabatu */
.ps-discount-card{
  position:relative;
  border-radius:var(--ps-radius);
  background:linear-gradient(180deg, #fff 0%, #fdfdfd 100%);
  border:1px solid var(--ps-border);
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  padding:28px clamp(20px,4vw,36px);
  color:var(--ps-ink);
  overflow:hidden;
  isolation:isolate;
  margin-bottom:18px;
}
.ps-discount-card::before{
  content:"";
  position:absolute; inset:-1px; border-radius:calc(var(--ps-radius) + 1px);
  padding:1px;
  background:linear-gradient(145deg, rgba(238,6,85,.25), rgba(255,77,138,.12));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}

/* Dolny akcent */
.ps-discount-strip{
  position:absolute; inset:auto 0 0 0; height:4px;
  background:linear-gradient(90deg, var(--ps-accent), var(--ps-accent2));
  filter:drop-shadow(0 0 8px var(--ps-accent));
}

/* Eyebrow */
.ps-discount-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--ps-accent); font-size:.8rem;
}
.ps-discount-eyebrow::before{
  content:"";
  width:28px; height:2px; border-radius:2px;
  background:linear-gradient(90deg, var(--ps-accent), transparent);
}

/* Nagłówek */
.ps-discount-h1{
  font-size:clamp(28px, 4.4vw, 42px);
  line-height:1.06; letter-spacing:-.02em; margin:.35em 0 .15em;
  font-weight:800; color:var(--ps-ink);
}
.ps-discount-highlight{
  background:linear-gradient(90deg, var(--ps-accent), var(--ps-accent2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  display:inline-block; transform:translateY(0);
  animation:ps-discount-float 5s ease-in-out infinite;
}
@keyframes ps-discount-float{
  0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)}
}

/* Pigułki */
.ps-discount-row{display:flex; gap:12px; align-items:center; margin-top:16px; flex-wrap:wrap;}
.ps-discount-pill{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px; border-radius:999px; background:#fff;
  border:1px solid #ffd6e2; color:var(--ps-accent);
  box-shadow:0 3px 8px rgba(238,6,85,.15); font-weight:600;
}
.ps-discount-spark{
  width:9px; height:9px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #fff, var(--ps-accent2) 60%, transparent 70%);
  box-shadow:0 0 8px var(--ps-accent2);
}

@media (max-width:520px){
  .ps-discount-row{gap:10px}
  .ps-discount-pill{padding:9px 12px}
}
.rflr-discounts{width:100%;max-width:750px;margin:0 0 24px;display:grid;gap:18px}
.rflr-card{position:relative;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fdfdfd 100%);box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;padding:24px clamp(16px,4vw,32px);border:1px solid #f1f1f1;color:#222;isolation:isolate}
.rflr-card::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;background:linear-gradient(145deg,rgba(238,6,85,.30),rgba(255,77,138,.10));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.rflr-strip{position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#ee0655,#ff4d8a);filter:drop-shadow(0 0 8px #ee0655)}
.rflr-eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ee0655;font-size:.8rem}
.rflr-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ee0655,transparent)}
.rflr-h1{font-size:clamp(28px,4.4vw,44px);line-height:1.06;letter-spacing:-.02em;margin:.35em 0 .15em;font-weight:800;color:#222}
.rflr-grad{background:linear-gradient(90deg,#ee0655,#ff4d8a);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transform:translateY(0);animation:rflr-float 5s ease-in-out infinite}
@keyframes rflr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.rflr-row{display:flex;gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap}
.rflr-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #ffd6e2;box-shadow:0 3px 8px rgba(238,6,85,.15);font-weight:600;color:#ee0655;white-space:nowrap}
.rflr-spark{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#ff4d8a 60%,transparent 70%);box-shadow:0 0 8px #ff4d8a}
.rflr-save{margin-top:12px;font-size:.95rem;color:#555}
@media (max-width:520px){.rflr-row{gap:10px}.rflr-pill{padding:9px 12px}}
#category ul {
	list-style: disc;
	padding-left: 20px;
}
#category li::marker {
  color: #ff4fa3;
  font-size: 1.2em;      
}