/* ═══════════════════ Aktualna oferta — sekcja sezonowa na stronach głównych ═══
   Ładowany tylko tam, gdzie sekcja jest widoczna (inc/oferta.php).
   Kolory z ulotki klientki: głęboka zieleń, złoto i czerwień bombek. Śnieg
   i lampki to dekoracja — przy „ograniczonym ruchu" stoją w miejscu. */

.oferta{--o-tekst:#F3EFE4;--o-tekst-2:rgba(243,239,228,.8);--o-zloto:#D9B25E;--o-zloto-jasne:#F3D58C;
  --o-linia:rgba(217,178,94,.3);position:relative;isolation:isolate;overflow:hidden;color:var(--o-tekst);
  padding:clamp(76px,9vw,124px) 0 clamp(56px,7vw,92px);scroll-margin-top:var(--hdr-h,72px);
  background:radial-gradient(1100px 480px at 50% -8%,rgba(217,178,94,.24),transparent 62%),
    radial-gradient(700px 420px at 100% 100%,rgba(179,18,46,.14),transparent 70%),
    linear-gradient(180deg,#0E1F15 0%,#1B3824 48%,#142D1C 100%)}
.oferta::before,.oferta::after{content:"";position:absolute;left:0;right:0;top:-240px;bottom:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(1.6px 1.6px at 24px 36px,#fff 60%,transparent 62%),
    radial-gradient(1.2px 1.2px at 118px 92px,#fff 60%,transparent 62%),
    radial-gradient(2px 2px at 190px 170px,#fff 60%,transparent 62%),
    radial-gradient(1.3px 1.3px at 64px 200px,#fff 60%,transparent 62%),
    radial-gradient(1.8px 1.8px at 160px 18px,#fff 60%,transparent 62%);
  background-size:240px 240px;opacity:.32;animation:oferta-snieg 40s linear infinite;--o-krok:240px}
.oferta::after{background-size:360px 360px;opacity:.18;animation-duration:64s;--o-krok:360px;filter:blur(.4px)}
@keyframes oferta-snieg{to{transform:translate3d(0,var(--o-krok),0)}}

.oferta-girlanda{position:absolute;top:0;left:0;right:0;height:48px;z-index:1;pointer-events:none}
.oferta-girlanda svg{display:block;width:100%;height:100%}
.oferta-girlanda .z{animation:oferta-mig 2.6s ease-in-out infinite}
.oferta-girlanda .z1{animation-delay:-.9s}
.oferta-girlanda .z2{animation-delay:-1.7s}
@keyframes oferta-mig{50%{opacity:.35}}

.oferta .container{position:relative}
.oferta-glowa{text-align:center;max-width:860px;margin:0 auto clamp(36px,5vw,56px)}
.oferta-znacznik{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:7px 18px 7px 7px;border-radius:999px;
  background:rgba(217,178,94,.12);border:1px solid rgba(217,178,94,.5);color:var(--o-zloto-jasne);
  font:600 .72rem/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase}
.oferta-znacznik-ikona{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--o-zloto);color:#1E3B26}
.oferta-znacznik-ikona svg{width:14px;height:14px;fill:currentColor}
.oferta-tytul{font-family:"Great Vibes","Segoe Script","Brush Script MT",cursive;font-weight:400;
  font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:1.1;letter-spacing:0;margin:0 0 14px;padding:0 .15em;color:var(--o-zloto-jasne);
  background:linear-gradient(180deg,#F8E3A4 0%,#E2BD66 55%,#B98E36 100%);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 18px rgba(217,178,94,.25))}
.oferta-podtytul{margin:0;font:600 clamp(.78rem,1.15vw,.92rem)/1.6 var(--font-display);letter-spacing:.24em;text-transform:uppercase;color:var(--o-tekst)}

.oferta-bilecik{position:absolute;top:-34px;right:0;margin:0;z-index:2;display:flex;align-items:center;gap:10px;
  padding:14px 22px 12px 34px;border-radius:6px;background:linear-gradient(180deg,#FBF1DC,#EFDDB9);color:#6B2A1E;
  font-family:"Great Vibes","Segoe Script",cursive;font-size:1.6rem;line-height:1;transform:rotate(6deg);
  box-shadow:0 18px 34px -16px rgba(0,0,0,.65)}
.oferta-bilecik::before{content:"";position:absolute;left:13px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;
  background:#142D1C;box-shadow:inset 0 0 0 2px #C9A24B}
.oferta-bilecik svg{width:20px;height:20px;color:#B3122E;flex:none}

.oferta-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,28px)}
.oferta-kropki{display:none}
.oferta-karta{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--o-linia);
  box-shadow:0 34px 64px -38px rgba(0,0,0,.8);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.oferta-karta:hover{transform:translateY(-4px);border-color:rgba(217,178,94,.72);
  box-shadow:0 42px 74px -38px rgba(0,0,0,.85),0 0 0 1px rgba(217,178,94,.22)}
.oferta-obraz{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0B1633}
.oferta-obraz img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.oferta-karta:hover .oferta-obraz img{transform:scale(1.045)}
.oferta-obraz::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;
  background:linear-gradient(transparent,rgba(20,45,28,.92))}
.oferta-obraz-pusty{display:grid;place-items:center;height:100%;color:var(--o-zloto)}
.oferta-obraz-pusty svg{width:56px;height:56px}

/* bombka z ceną — wisi na złotej nitce od górnej krawędzi karty */
.oferta-bombka{position:absolute;top:28px;right:clamp(14px,2.6vw,24px);z-index:3;width:116px;height:116px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;
  background:radial-gradient(circle at 33% 27%,#FF8A9A 0,#E0284A 22%,#A8102B 60%,#6A0818 100%);
  box-shadow:inset -9px -11px 20px rgba(0,0,0,.38),inset 7px 9px 16px rgba(255,255,255,.2),
    0 18px 30px -12px rgba(0,0,0,.7),0 0 0 3px #D9B25E;
  transform-origin:50% -28px;animation:oferta-kolys 6s ease-in-out infinite}
.oferta-bombka::before{content:"";position:absolute;bottom:100%;left:50%;width:1.5px;height:44px;margin-left:-.75px;
  background:linear-gradient(transparent,#E2BD66)}
.oferta-bombka::after{content:"";position:absolute;top:-9px;left:50%;width:24px;height:12px;margin-left:-12px;border-radius:4px 4px 2px 2px;
  background:linear-gradient(90deg,#9A7A2E,#F4DB93 50%,#9A7A2E)}
.oferta-kokarda{position:absolute;top:-24px;left:50%;width:44px;height:24px;margin-left:-22px;z-index:1}
.oferta-bombka-przed{font:600 .64rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;opacity:.92;margin-top:4px}
.oferta-bombka strong{font:700 1.95rem/1 var(--font-display);letter-spacing:-.03em;margin:3px 0 2px;text-shadow:0 2px 6px rgba(0,0,0,.3);white-space:nowrap}
.oferta-bombka.is-dluga strong{font-size:1.45rem}
.oferta-bombka-po{font:500 .66rem/1.15 var(--font-body);opacity:.95;max-width:88px}
@keyframes oferta-kolys{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}

.oferta-tresc{position:relative;z-index:2;display:flex;flex-direction:column;flex:1;margin-top:-34px;
  padding:clamp(4px,1vw,10px) clamp(20px,2.4vw,28px) clamp(22px,2.6vw,28px)}
.oferta-tresc h3{margin:0;color:#fff;font:700 clamp(1.3rem,2.1vw,1.7rem)/1.14 var(--font-display);
  text-transform:uppercase;letter-spacing:.005em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.oferta-typ{margin:6px 0 10px;font:600 .76rem/1.3 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--o-zloto)}
.oferta-opis{margin:0 0 16px;color:var(--o-tekst-2);font-size:.98rem;line-height:1.6}
.oferta-atuty{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.oferta-atuty li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;border-radius:12px;text-align:center;
  background:rgba(255,255,255,.045);border:1px solid rgba(217,178,94,.18);font-size:.76rem;line-height:1.25;color:var(--o-tekst);
  transition:border-color .3s,background .3s}
.oferta-karta:hover .oferta-atuty li{border-color:rgba(217,178,94,.32)}
.oferta-atuty svg{width:26px;height:26px;color:var(--o-zloto);flex:none}
.oferta-zapytaj{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:4px 0;
  color:var(--o-zloto-jasne);font-weight:600;font-size:.92rem;border-bottom:1px solid rgba(217,178,94,.45);
  transition:color .3s,border-color .3s,gap .3s}
.oferta-zapytaj svg{width:16px;height:16px}
.oferta-zapytaj:hover{color:#fff;border-color:#fff;gap:12px}

/* nieparzysta liczba kart: ostatnia na całą szerokość, obraz obok treści */
@media (min-width:761px){
  .oferta-karta:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr}
  .oferta-karta:last-child:nth-child(odd) .oferta-obraz{aspect-ratio:auto;min-height:100%}
  .oferta-karta:last-child:nth-child(odd) .oferta-obraz::after{display:none}
  .oferta-karta:last-child:nth-child(odd) .oferta-tresc{margin-top:0;padding-top:clamp(26px,3vw,34px)}
}

.oferta-info{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:1.25fr 1fr 1.1fr;border-radius:var(--radius-lg);
  background:rgba(6,16,10,.42);border:1px solid var(--o-linia)}
.oferta-info-el{display:flex;gap:16px;align-items:flex-start;padding:clamp(20px,2.6vw,30px)}
.oferta-info-el + .oferta-info-el{border-left:1px solid rgba(217,178,94,.2)}
.oferta-info-ikona{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:rgba(217,178,94,.14);color:var(--o-zloto)}
.oferta-info-ikona svg{width:26px;height:26px}
.oferta-autokar-foto{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--o-zloto);
  box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.oferta-info-tytul{margin:2px 0 6px;font:600 .74rem/1.3 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--o-zloto)}
.oferta-info-duzy{margin:0;color:#fff;font:600 1.08rem/1.42 var(--font-display);letter-spacing:-.01em}
.oferta-info-sredni{margin:0;color:var(--o-tekst);font-size:.94rem;line-height:1.55}
.oferta-info-maly{margin:6px 0 0;color:var(--o-tekst-2);font-size:.85rem;line-height:1.5}
.oferta-terminy{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;font-size:.8rem;color:var(--o-tekst-2)}
.oferta-terminy time{padding:3px 10px;border-radius:999px;background:rgba(217,178,94,.16);border:1px solid rgba(217,178,94,.3);
  color:var(--o-zloto-jasne);font-weight:600;white-space:nowrap}

.oferta-cta{margin-top:clamp(26px,3.4vw,36px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:26px}
.oferta-skrypt{margin:0;max-width:24ch;font-family:"Great Vibes","Segoe Script",cursive;font-size:clamp(1.55rem,2.4vw,1.95rem);
  line-height:1.18;color:var(--o-zloto-jasne);transform:rotate(-3deg);transform-origin:left center}
.oferta-btn{padding:17px 32px;font-size:1.02rem;color:#fff;border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,#DA2F4C,#A30F28);box-shadow:0 18px 34px -14px rgba(179,18,46,.95),inset 0 1px 0 rgba(255,255,255,.28)}
.oferta-btn:hover{transform:translateY(-2px);color:#fff;background:linear-gradient(180deg,#E53A57,#B3122E);
  box-shadow:0 22px 40px -14px rgba(179,18,46,1),inset 0 1px 0 rgba(255,255,255,.3)}
.oferta-btn svg{width:19px;height:19px}
.oferta-kontakt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;justify-self:end}
.oferta-kontakt a{display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:600;letter-spacing:.01em}
.oferta-kontakt a:hover{color:var(--o-zloto-jasne)}
.oferta-kontakt svg{width:17px;height:17px;padding:8px;box-sizing:content-box;border-radius:50%;background:rgba(217,178,94,.16);color:var(--o-zloto)}

.oferta-usp{list-style:none;margin:clamp(34px,5vw,54px) 0 0;padding:clamp(20px,2.6vw,26px) 0 0;border-top:1px solid rgba(217,178,94,.22);
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.oferta-usp li{display:flex;align-items:center;justify-content:center;gap:12px;font-size:.93rem;color:var(--o-tekst)}
.oferta-usp svg{width:26px;height:26px;color:var(--o-zloto);flex:none}

/* zajawka w nagłówku strony głównej */
.oferta-zajawka{position:relative;overflow:hidden;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin-top:22px;
  padding:7px 18px 7px 7px;border-radius:999px;color:#fff;font-size:.9rem;line-height:1.35;
  background:rgba(14,31,21,.62);border:1px solid rgba(217,178,94,.65);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 12px 30px -14px rgba(0,0,0,.6);transition:border-color .3s,transform .35s var(--ease)}
.oferta-zajawka:hover{border-color:#F3D58C;transform:translateY(-2px);color:#fff}
.oferta-zajawka::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,236,180,.22) 50%,transparent 65%);transform:translateX(-120%);
  animation:oferta-blysk 6s ease-in-out 1.5s infinite}
@keyframes oferta-blysk{0%{transform:translateX(-120%)}35%,100%{transform:translateX(120%)}}
.oferta-zajawka-ikona{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--brand);flex:none}
.oferta-zajawka-ikona svg{width:18px;height:18px}
.oferta-zajawka b{color:#F3D58C;font-weight:700;white-space:nowrap}
.oferta-zajawka-link{display:inline-flex;align-items:center;gap:6px;color:#F3D58C;font-weight:600;white-space:nowrap}
.oferta-zajawka-link svg{width:15px;height:15px}

@media (max-width:1100px){
  .oferta-bilecik{position:relative;top:auto;right:auto;margin:0 auto 26px;width:max-content;max-width:100%;transform:rotate(-2deg);font-size:1.4rem}
}
@media (max-width:980px){
  .oferta-info{grid-template-columns:1fr}
  .oferta-info-el + .oferta-info-el{border-left:0;border-top:1px solid rgba(217,178,94,.2)}
  .oferta-cta{grid-template-columns:1fr;justify-items:center;text-align:center}
  .oferta-skrypt{transform:rotate(-2deg);transform-origin:center;max-width:none}
  .oferta-kontakt{justify-self:center;align-items:center}
}
@media (max-width:760px){
  /* Karuzela zamiast słupka czterech kart — sekcja była na 4,5 ekranu.
     Wystający brzeg następnej karty mówi „przesuń" bez żadnej strzałki. */
  .oferta-siatka{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    margin:0 calc(-1 * clamp(18px,4vw,44px));padding:6px clamp(18px,4vw,44px) 18px;scroll-padding:0 clamp(18px,4vw,44px);
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .oferta-siatka::-webkit-scrollbar{display:none}
  .oferta-karta{flex:0 0 86%;scroll-snap-align:start}
  .oferta-karta:hover{transform:none}
  .oferta-kropki{display:flex;justify-content:center;gap:8px;margin:2px 0 0}
  .oferta-kropki span{width:7px;height:7px;border-radius:50%;background:rgba(217,178,94,.35);transition:background .3s,width .3s}
  .oferta-kropki span.is-active{width:20px;border-radius:4px;background:var(--o-zloto)}
  .oferta-usp{grid-template-columns:repeat(2,1fr)}
  .oferta-usp li{justify-content:flex-start}
}
@media (max-width:480px){
  .oferta-bombka{width:98px;height:98px;top:24px}
  .oferta-bombka strong{font-size:1.6rem}
  .oferta-atuty{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oferta-zajawka{border-radius:18px;padding-right:14px}
  .oferta-btn{width:100%;justify-content:center;white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .oferta::before,.oferta::after,.oferta-girlanda .z,.oferta-bombka,.oferta-zajawka::after{animation:none}
}