/* ==========================================================================
   Okno „Promocja!” (AVM_Promocja) — wariant 6 „Kupon trójkolorowy”.
   Tylko kolory logo z księgi znaku: granat #262e5f, czerwień #e51420,
   zieleń #185729, biel. Wycięcia perforacji to przezroczyste półkola
   (radial-gradient), więc przez nie widać przyciemnioną stronę pod oknem.
   ========================================================================== */

.avm-promo{
  --pr-g:#262e5f; --pr-r:#e51420; --pr-z:#185729; --pr-szary:#535a78;
  --pr-wyciecie:13px;
  position:fixed;inset:0;z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:16px;overflow-y:auto;overscroll-behavior:contain;
  background:rgba(10,12,32,.78);
  font-family:inherit;letter-spacing:0;
  animation:avm-promo-tlo .25s ease both;
}
.avm-promo *{box-sizing:border-box}
@keyframes avm-promo-tlo{from{opacity:0}to{opacity:1}}
@keyframes avm-promo-wejscie{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}
body.avm-promo-otwarte{overflow:hidden}

.avm-promo__okno{
  position:relative;width:520px;max-width:100%;margin:auto;
  border-radius:18px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.5);
  color:var(--pr-g);text-align:left;
  animation:avm-promo-wejscie .38s cubic-bezier(.2,.9,.3,1.2) both;
}
@media (prefers-reduced-motion:reduce){ .avm-promo,.avm-promo__okno{animation:none} }

.avm-promo__x{
  position:absolute;top:9px;right:9px;z-index:2;
  width:40px;height:40px;min-width:0;padding:0;margin:0;border:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(255,255,255,.92);color:var(--pr-g);box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.avm-promo__x:hover{background:#fff}

/* Granatowy pasek z logo i czerwonym znakiem. */
.avm-promo__gora{
  background:var(--pr-g);padding:12px 62px 12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
/* Podwójna klasa: na stronach sklepu `.woocommerce img{height:auto}` jest silniejsze od pojedynczej. */
.avm-promo .avm-promo__logo{width:60px;height:auto}
.avm-promo__znak{
  display:inline-block;background:var(--pr-r);color:#fff;
  font-size:23px;font-weight:900;line-height:1;letter-spacing:2px;text-transform:uppercase;
  padding:9px 16px;border-radius:7px;transform:rotate(-3deg);
}

/* Biała część ze zdjęciem; dolne rogi wycięte pod perforację. */
.avm-promo__srodek{
  position:relative;padding:14px 22px 20px;
  display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  background:
    radial-gradient(circle at 0 100%, transparent var(--pr-wyciecie), #fff calc(var(--pr-wyciecie) + .5px)) left / 51% 100% no-repeat,
    radial-gradient(circle at 100% 100%, transparent var(--pr-wyciecie), #fff calc(var(--pr-wyciecie) + .5px)) right / 51% 100% no-repeat;
}
.avm-promo__srodek::after{
  content:"";position:absolute;left:calc(var(--pr-wyciecie) + 10px);right:calc(var(--pr-wyciecie) + 10px);bottom:0;
  border-top:3px dashed #c9ccdc;
}
.avm-promo .avm-promo__foto{height:155px;width:auto;max-width:100%;object-fit:contain}
.avm-promo__tytul{margin:0;font-size:21px;line-height:1.15;font-weight:900;color:var(--pr-g);text-wrap:balance}

/* Cena i gratis obok siebie; górne rogi wycięte pod perforację. */
.avm-promo__dol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.avm-promo__cena,.avm-promo__gratis{padding:16px 20px;display:flex;flex-direction:column;gap:3px;color:#fff}
.avm-promo__cena{background:radial-gradient(circle at 0 0, transparent var(--pr-wyciecie), var(--pr-g) calc(var(--pr-wyciecie) + .5px))}
.avm-promo__gratis{background:radial-gradient(circle at 100% 0, transparent var(--pr-wyciecie), var(--pr-z) calc(var(--pr-wyciecie) + .5px))}
.avm-promo__cena small,.avm-promo__gratis small{font-size:11.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}
.avm-promo__cena b{font-size:42px;font-weight:900;line-height:1;white-space:nowrap}
.avm-promo__cena span,.avm-promo__gratis span{font-size:13px}
.avm-promo__gratis b{font-size:23px;font-weight:900;line-height:1.05}
.avm-promo__gratis em{
  align-self:flex-start;margin-top:5px;padding:3px 8px;border-radius:6px;
  background:#fff;color:var(--pr-z);font-style:normal;font-size:15px;font-weight:900;white-space:nowrap;
}

/* Przyciski na białym dole kuponu. */
.avm-promo__akcja{
  background:#fff;padding:14px 22px 12px;
  display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;
}
.avm-promo__cta{
  display:inline-block;min-width:220px;padding:13px 26px;border-radius:10px;
  background:var(--pr-r);color:#fff;text-align:center;text-decoration:none;
  font-size:16.5px;font-weight:900;line-height:1.2;
}
.avm-promo__cta:hover,.avm-promo__cta:focus{background:#c3101b;color:#fff}
.avm-promo__pozniej{
  margin:0;padding:10px 8px;min-height:44px;border:0;background:none;box-shadow:none;cursor:pointer;
  color:var(--pr-szary);font-size:15px;text-decoration:underline;text-underline-offset:3px;
}
.avm-promo__pozniej:hover{color:var(--pr-g)}
.avm-promo__x:focus-visible,.avm-promo__cta:focus-visible,.avm-promo__pozniej:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}

/* Telefon: zwarty kupon o połowę niższy niż wersja z komputera (decyzja Michała 2026-10-23) —
   zdjęcie obok nazwy, cena i gratis obok siebie, przyciski w jednym rzędzie. */
@media (max-width:640px){
  .avm-promo{padding:12px}
  .avm-promo__okno{width:400px;border-radius:16px;--pr-wyciecie:11px}
  .avm-promo__x{top:6px;right:6px;width:40px;height:40px}
  .avm-promo__gora{padding:8px 54px 8px 12px}
  .avm-promo .avm-promo__logo{width:38px}
  .avm-promo__znak{font-size:15px;padding:6px 10px;letter-spacing:1px}
  .avm-promo__srodek{flex-direction:row;gap:10px;padding:8px 14px 14px;text-align:left}
  .avm-promo__srodek::after{left:calc(var(--pr-wyciecie) + 6px);right:calc(var(--pr-wyciecie) + 6px);border-top-width:2px}
  .avm-promo .avm-promo__foto{height:72px;flex:0 0 auto}
  .avm-promo__tytul{font-size:16px;line-height:1.2}
  .avm-promo__dol{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
  .avm-promo__cena,.avm-promo__gratis{padding:10px 12px 12px;gap:2px}
  .avm-promo__cena small,.avm-promo__gratis small{font-size:10px;letter-spacing:1px}
  .avm-promo__cena b{font-size:28px}
  .avm-promo__cena span,.avm-promo__gratis span{font-size:12px;line-height:1.3}
  .avm-promo__gratis b{font-size:16px;line-height:1.1}
  .avm-promo__gratis em{font-size:12.5px;padding:2px 6px;margin-top:3px}
  .avm-promo__akcja{flex-wrap:nowrap;padding:10px 12px;gap:8px}
  .avm-promo__cta{flex:1 1 auto;min-width:0;padding:12px 14px;font-size:16px;border-radius:10px}
  .avm-promo__pozniej{flex:0 0 auto;font-size:14px;padding:10px 4px}
}