/**
 * pysiecdeal - "Łapa dnia". Namespace .pysiec-deal*.
 * 1:1 z surowego pliku źródłowego makiety (linie 302-369), tokeny z custom.css.
 */

.pysiec-deal {
  width: 100%;
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  /* Dolny padding celowo mały - w makiecie "Łapa dnia" i "Znika z półki" to JEDNA
     sekcja ze wspólnym, ciasnym odstępem (h3 ma margin-top:clamp(28px,4vw,44px), nie
     osobny pełny padding sekcji). Tu to dwa osobne moduły, więc oba dostają mały
     margines zamiast pełnego, żeby się nie sumowały w wielką dziurę (zgłoszone przez
     użytkownika, sesja 2026-09-16 - patrz też padding-top w pysiecshelf/shelf.css).
     Boczny padding był clamp(32px,8vw,120px) - dosłowna wartość z makiety (linia 302)
     to clamp(16px,4vw,32px), nigdy faktycznie nie zweryfikowana ze źródłem (sesja
     2026-09-17). */
  padding: clamp(8px, 2vw, 16px) clamp(16px, 4vw, 32px) clamp(8px, 2vw, 16px);
}

.pysiec-deal__card {
  position: relative;
  border: 1px solid var(--pysiec-line-22, rgba(62, 47, 35, .22));
  border-radius: 26px;
  background: #fff;
  margin-top: 12px;
}

.pysiec-deal__tab {
  position: absolute;
  top: 0;
  left: 22px;
  transform: translateY(-52%);
  background: var(--pysiec-bg, #faf8f3);
  padding: 0 12px;
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pysiec-deal__row {
  display: flex;
  flex-wrap: wrap;
}

.pysiec-deal__product {
  flex: 1 1 260px;
  min-width: 0;
  padding: 28px 24px 24px;
  border-right: 1px solid var(--pysiec-line-14, rgba(62, 47, 35, .14));
}

.pysiec-deal__image {
  aspect-ratio: 1 / 1;
  max-width: 220px;
  margin: 0 auto;
  border-radius: 18px;
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #f2eada 0 10px, var(--pysiec-bg, #faf8f3) 10px 20px);
}

.pysiec-deal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pysiec-deal__name {
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  margin-top: 16px;
  text-align: center;
}

.pysiec-deal__prices {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
}

.pysiec-deal__price {
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 800;
  font-size: 30px;
  color: var(--pysiec-text, #1a1a18);
}

.pysiec-deal__badge {
  background: var(--pysiec-accent-green, #8fa35c);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: var(--pysiec-radius-pill, 999px);
}

.pysiec-deal__regular-price {
  font-size: 12px;
  color: var(--pysiec-espresso, #3e2f23);
  opacity: .75;
  text-align: center;
  margin-top: 4px;
}

.pysiec-deal__stock-row {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--pysiec-espresso, #3e2f23);
  margin-top: 18px;
}

.pysiec-deal__stock-bar {
  height: 8px;
  border-radius: var(--pysiec-radius-pill, 999px);
  background: var(--pysiec-cream, #e8dcc5);
  margin-top: 7px;
  overflow: hidden;
}

.pysiec-deal__stock-fill {
  height: 8px;
  border-radius: var(--pysiec-radius-pill, 999px);
  background: var(--pysiec-brand, #b08858);
}

.pysiec-deal__countdown-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pysiec-espresso, #3e2f23);
  opacity: .7;
  text-align: center;
  margin: 20px 0 10px;
}

.pysiec-deal__countdown {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.pysiec-deal__countdown-box {
  text-align: center;
}

.pysiec-deal__countdown-num {
  min-width: 56px;
  padding: 10px 6px;
  border: 1px solid var(--pysiec-line-22, rgba(62, 47, 35, .22));
  border-radius: 12px;
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 800;
  font-size: 22px;
  box-sizing: border-box;
}

.pysiec-deal__countdown-unit {
  font-size: 11px;
  color: var(--pysiec-espresso, #3e2f23);
  opacity: .7;
  margin-top: 5px;
}

.pysiec-deal__add-form {
  margin-top: 20px;
}

.pysiec-deal__cta {
  display: block;
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: var(--pysiec-radius-pill, 999px);
  background: var(--pysiec-brand, #b08858);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .02em;
  cursor: pointer;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  box-sizing: border-box;
  margin-top: 20px;
}

.pysiec-deal__add-form .pysiec-deal__cta {
  margin-top: 0;
}

.pysiec-deal__cta:hover,
.pysiec-deal__cta:focus-visible {
  background: var(--pysiec-brand-hover, #9b7346);
  color: #fff;
}

.pysiec-deal__info {
  flex: 1.4 1 320px;
  min-width: 0;
  padding: clamp(24px, 3.5vw, 40px);
  background: rgba(143, 163, 92, .1);
  border-radius: 0 26px 26px 0;
}

.pysiec-deal__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #56663a;
}

.pysiec-deal__title {
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 800;
  font-size: clamp(24px, 3.2vw, 34px);
  line-height: 1.15;
  letter-spacing: -.02em;
  margin: 14px 0 0;
}

.pysiec-deal__divider {
  height: 1px;
  background: var(--pysiec-line-16, rgba(62, 47, 35, .16));
  margin: 26px 0;
}

.pysiec-deal__features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pysiec-deal__feature {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.pysiec-deal__feature-dot {
  width: 12px;
  height: 12px;
  border-radius: var(--pysiec-radius-pill, 999px);
  margin-top: 6px;
  flex: 0 0 auto;
}

.pysiec-deal__feature-dot--green {
  background: var(--pysiec-accent-green, #8fa35c);
}

.pysiec-deal__feature-dot--brand {
  background: var(--pysiec-brand, #b08858);
}

.pysiec-deal__feature-dot--pink {
  background: var(--pysiec-accent-pink, #d9a7a0);
}

.pysiec-deal__feature-dot--dark {
  background: var(--pysiec-espresso, #3e2f23);
}

.pysiec-deal__feature-title {
  font-family: var(--pysiec-font-heading, 'Nunito', sans-serif);
  font-weight: 800;
  font-size: 17px;
}

.pysiec-deal__feature-text {
  font-size: 14px;
  line-height: 1.5;
  color: var(--pysiec-espresso, #3e2f23);
  max-width: 56ch;
  margin: 4px 0 0;
}

@media (max-width: 767.98px) {
  .pysiec-deal__product {
    border-right: 0;
    border-bottom: 1px solid var(--pysiec-line-14, rgba(62, 47, 35, .14));
  }

  .pysiec-deal__info {
    border-radius: 0 0 26px 26px;
  }
}