.unisved-single-post .unisved-single-nav a {
  color: #fff !important;
  transition: color 0.2s;
}

.unisved-single-post .unisved-single-nav a:hover {
  color: #f2a900 !important;
}

/* Center mobile "show more" buttons for right-aligned offers */
@media (max-width: 767px) {
  .fixed-content a[id^="toggle-offer-mobile-"],
  .fixed-content a[id^="toggle-offer-dynamic-mobile-"] {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  /* Strong centering fallback limited to .fixed-content (right-aligned offers) */
  .fixed-content a[id^="toggle-offer-mobile-"],
  .fixed-content a[id^="toggle-offer-dynamic-mobile-"] {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  /* Ensure fixed-content itself occupies full width on mobile and isn't floated */
  .fixed-content {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* Position header row to the extreme right of the .fixed-content parent on mobile */
  .fixed-content {
    position: relative !important;
    padding-right: 0 !important;
  }
  .fixed-content [id^="offer-head-dynamic-mobile-"] > .flex.items-center.mb-4,
  .fixed-content [id^="offer-head-static-mobile-"] > .flex.items-center.mb-4 {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    justify-content: flex-end !important;
    width: auto !important;
    transform: none !important;
  }
  /* Ensure header row inside .fixed-content stretches full width and its inner flex aligns to the right edge */
  .fixed-content .flex.items-center.mb-4.justify-end {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  .fixed-content .flex.items-center.mb-4.justify-end h2 {
    margin-right: 0 !important;
  }
  .fixed-content .flex.items-center.mb-4.justify-end img {
    margin-left: 0 !important;
  }
  /* Fallback: gdy element nagłówka nie znajduje się wewnątrz .fixed-content
     (np. #offer-head-static-mobile-1) - wymuś pełną szerokość i wyrównanie do prawej */
  [id^="offer-head-static-mobile-"] > .flex.items-center.mb-4,
  [id^="offer-head-dynamic-mobile-"] > .flex.items-center.mb-4,
  #offer-head-static-mobile-1 > .flex.items-center.mb-4 {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    align-self: flex-end !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Make very large paragraph font-size much smaller on mobile to avoid overflow */
  .mobile-only p.text-\[7vw\],
  .mobile-only .text-\[7vw\],
  .offer-section p.text-\[7vw\],
  .offer-section .text-\[7vw\] {
    font-size: clamp(0.78rem, 3.6vw, 0.98rem) !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
  }
}
@media (max-width: 540px) {
  .home .double-c-pill {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
}
/* To zapobiega nieskończonemu scrollowaniu - NIE TYKAĆ */

.otgs-development-site-front-end {
  display: none !important;
}

.wpml-ls-statics-footer {
  display: none !important;
}

/* --- Offer page layout overrides (plain CSS) --- */
/* Ensure offer sections render in two columns consistently */
.offer-section {
  position: relative !important;
  z-index: 30 !important; /* above decorative pills */
}

.offer-section > .container > .flex {
  display: flex !important;
  flex-direction: column !important;
  gap: 2rem !important;
  align-items: flex-start !important;
}

.offer-section > .container > .flex > div {
  width: 100% !important;
  box-sizing: border-box !important;
}

.offer-section .pill-photo-frame,
.offer-image-container .pill-photo-frame {
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: auto !important;
  aspect-ratio: 203 / 406 !important;
  display: flex !important;
  align-items: stretch !important;
}

.offer-section .pill-photo-frame.right-0,
.offer-image-container .pill-photo-frame.right-0 {
  right: 0 !important;
  left: auto !important;
}

.offer-section .pill-photo-frame.left-0,
.offer-image-container .pill-photo-frame.left-0 {
  left: 0 !important;
  right: auto !important;
}

.offer-section .pill-photo-frame__img,
.offer-image-container .pill-photo-frame__img {
  width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: fill !important;
  border-radius: 0 !important;
  display: block !important;
}

@media (min-width: 768px) {
  .offer-section > .container > .flex {
    flex-direction: row !important;
  }
  .offer-section > .container > .flex > div {
    width: 50% !important;
  }
  /* Respect reverse ordering for right-aligned variants */
  .offer-section > .container > .flex > div.order-2 {
    order: 2 !important;
  }
  .offer-section > .container > .flex > div.order-1 {
    order: 1 !important;
  }
}

/* Neutralize overly aggressive min-widths that break columns */
.offer-text-block,
.offer-image-container {
  min-width: auto !important;
}

/* Keep decorative double-C pill behind the offer sections */
.double-c-pill {
  position: relative !important;
  z-index: 10 !important;
}

@media (max-width: 640px) {
  .double-c-pill {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.new-background-section {
  position: relative !important;
  z-index: 10 !important;
}

/* About page collaborations carousel */
.collaborations-section {
  position: relative;
}

.pill-opinion-photo.pill-photo-oneside {
  width: min(94vw, 36rem) !important;
  aspect-ratio: 1.45 / 1 !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
}

.pill-opinion-photo .pill-photo-image {
  object-position: center center;
}

.pill-opinion-photo .pill-photo-frame {
  width: auto;
  height: 100%;
  left: 0;
  right: auto;
  display: flex;
  align-items: stretch;
}

.pill-opinion-photo .pill-photo-frame__img {
  width: auto;
  height: 100%;
}

.pill-opinion-quote {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pill-opinion-signature {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-optical-sizing: auto;
}

.collaborations-heading-row {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.collaborations-heading-icon {
  width: clamp(2rem, 4vw, 3.5rem);
  height: auto;
  flex-shrink: 0;
}

.collaborations-heading {
  font-family: "Libre Baskerville", serif;
  font-size: clamp(2rem, 3vw, 3.5rem);
  line-height: 1;
  letter-spacing: 0.02em;
  color: #fff;
  text-transform: uppercase;
}

.collaborations-carousel-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.collaborations-carousel {
  display: flex;
  width: max-content;
  gap: 0;
  padding: 1rem 0;
  will-change: transform;
  animation: collaborations-scroll var(--collab-duration, 18s) linear infinite;
}

.collaborations-group {
  display: flex;
  gap: 2rem;
  flex-shrink: 0;
  width: max-content;
  min-width: auto;
}

.collaboration-item {
  flex-shrink: 0;
  width: 8rem;
  min-width: 8rem;
}

.collaboration-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  transition: transform 0.3s ease;
}

.collaboration-logo {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.collaboration-item:hover .logo-img {
  transform: scale(1.2);
}

.collaboration-text {
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
  transition: color 0.3s ease;
  overflow-wrap: anywhere;
}

.collaboration-item:hover .collaboration-text {
  color: #fff;
}

.collaboration-card:hover {
  transform: translateY(-12px);
}

.collaborations-carousel-wrapper:hover .collaborations-carousel {
  animation-play-state: paused;
}

@keyframes collaborations-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width: 768px) {
  .collaboration-item {
    width: 10rem;
    min-width: 10rem;
  }

  .collaborations-group {
    gap: 3rem;
  }

  .collaboration-logo {
    width: 6rem;
    height: 6rem;
  }

  .collaboration-text {
    font-size: 0.875rem;
  }

  @keyframes collaborations-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}

@media (max-width: 767px) {
  .mobile-only .pill-width-sync,
  .mobile-only .pill-photo-oneside {
    width: min(95vw, 32rem) !important;
    min-width: min(95vw, 32rem) !important;
    max-width: min(95vw, 32rem) !important;
    flex: 0 0 min(95vw, 32rem) !important;
    height: min(53.4375vw, 18rem) !important;
    min-height: min(53.4375vw, 18rem) !important;
    max-height: min(53.4375vw, 18rem) !important;
    aspect-ratio: auto !important;
    align-self: center !important;
    display: block !important;
  }

  .mobile-only .pill-photo-frame {
    top: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: 100% !important;
    aspect-ratio: 203 / 406 !important;
    display: flex !important;
    align-items: stretch !important;
  }

  .mobile-only .pill-photo-frame__img {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: fill !important;
    border-radius: 0 !important;
    display: block !important;
  }

  .mobile-only .pill-photo-oneside:has(.pill-photo-frame.right-0) .pill-photo-image {
    object-position: 42% center !important;
  }

  .mobile-only .pill-photo-oneside:has(.pill-photo-frame.left-0) .pill-photo-image {
    object-position: 58% center !important;
  }

  .offer-image-container .pill-width-sync,
  .offer-image-container .pill-photo-oneside {
    width: min(84vw, 21rem) !important;
    min-width: min(84vw, 21rem) !important;
    max-width: min(84vw, 21rem) !important;
    flex: 0 0 min(84vw, 21rem) !important;
    aspect-ratio: auto !important;
    height: clamp(11rem, 25vw, 14rem) !important;
    min-height: clamp(11rem, 25vw, 14rem) !important;
  }

  .collaborations-heading-row {
    gap: 0.75rem;
  }

  .collaborations-heading {
    font-size: clamp(1.6rem, 6vw, 2.2rem);
  }

  .collaborations-carousel {
    gap: 1.25rem;
  }

  .collaborations-group {
    gap: 1.25rem;
  }

  .collaboration-item {
    width: 7rem;
    min-width: 7rem;
  }

  .collaboration-logo {
    width: 4.5rem;
    height: 4.5rem;
  }

  .opinions-scroll {
    padding-left: 0 !important;
    padding-right: 0 !important;
    scroll-snap-type: x mandatory;
  }

  .pill-opinion-container {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    flex: 0 0 100vw !important;
    min-height: 20rem !important;
    padding: 2rem 4rem !important;
    box-sizing: border-box;
    scroll-snap-align: start;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  .pill-opinion-quote {
    font-size: 0.82rem !important;
    line-height: 1.28 !important;
    max-width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }

  .pill-opinion-signature {
    font-size: 0.56rem !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }

  .pill-opinion-photo.pill-photo-oneside {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    flex: 0 0 100vw !important;
    aspect-ratio: 1.8 / 1 !important;
    height: auto !important;
    scroll-snap-align: start;
  }

  .pill-opinion-photo .pill-photo-frame {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  /* Offer pills: horizontal capsule — keep width, add height (~text column) */
  .offer-section .pill-width-sync,
  .offer-section .pill-photo-oneside,
  .offer-image-container .pill-width-sync,
  .offer-image-container .pill-photo-oneside {
    width: min(46vw, 24rem) !important;
    min-width: 0 !important;
    max-width: min(46vw, 24rem) !important;
    flex: 0 0 auto !important;
    aspect-ratio: 1.85 / 1 !important;
    min-height: clamp(12rem, 34vw, 15.5rem) !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 9999px !important;
  }

  .offer-section .pill-photo-oneside .pill-photo-image,
  .offer-image-container .pill-photo-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: inherit !important;
  }

  /* Image on left column (text right): C sits on right edge of pill */
  .offer-section
    .pill-photo-oneside:has(.pill-photo-frame.right-0)
    .pill-photo-image,
  .offer-image-container
    .pill-photo-oneside:has(.pill-photo-frame.right-0)
    .pill-photo-image {
    object-position: 42% center !important;
  }

  /* Image on right column (text left): C sits on left edge */
  .offer-section
    .pill-photo-oneside:has(.pill-photo-frame.left-0)
    .pill-photo-image,
  .offer-image-container
    .pill-photo-oneside:has(.pill-photo-frame.left-0)
    .pill-photo-image {
    object-position: 58% center !important;
  }

  .offer-image-container > .relative,
  .offer-image-container .relative.flex,
  .offer-img-inner {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .offer-image-container {
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Yellow C overlay — flush to pill end, wide enough to mask the curve */
  .offer-section .pill-photo-frame,
  .offer-image-container .pill-photo-frame {
    border-radius: 0 !important;
  }

  .offer-section .pill-photo-frame.right-0 .pill-photo-frame__img,
  .offer-image-container .pill-photo-frame.right-0 .pill-photo-frame__img,
  .offer-image-container.offer-col-left
    .pill-photo-frame.right-0
    .pill-photo-frame__img {
    object-fit: fill !important;
    object-position: 100% 50% !important;
    transform: none !important;
  }

  .pill-opinion-container {
    min-height: 24rem !important;
    padding: 2rem !important;
  }

  .pill-opinion-quote {
    font-size: 0.84rem !important;
    line-height: 1.24 !important;
  }

  .pill-opinion-signature {
    font-size: 0.58rem !important;
    line-height: 1.15 !important;
  }

  .pill-opinion-photo.pill-photo-oneside {
    aspect-ratio: 1.8 / 1 !important;
  }
}

@media (min-width: 1025px) {
  .pill-opinion-container {
    width: min(88vw, 60rem) !important;
    min-height: 21rem !important;
    padding: 1.5rem 1.75rem !important;
  }

  .pill-opinion-quote {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
  }

  .pill-opinion-signature {
    font-size: 0.66rem !important;
    line-height: 1.15 !important;
  }

  .pill-opinion-photo.pill-photo-oneside {
    width: min(88vw, 60rem) !important;
    aspect-ratio: 1.45 / 1 !important;
  }
}

/* Prevent hidden+flex conflicts by only toggling visibility */
[id^="offer-details-"].hidden {
  display: none !important;
}

/* Nasze wartości section — center layout at ≤1100px */
@media (max-width: 1100px) {
  section.nasze-wartosci > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* scroll-animation.css (loaded later) sets display:flex + max-width:50% on these —
     override with higher-specificity selectors and !important */
  section.nasze-wartosci .fixed-side-container {
    display: block !important;
    width: 100% !important;
  }

  section.nasze-wartosci .scrollable-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  section.nasze-wartosci .scrollable-content {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  section.nasze-wartosci .scrollable-content > div {
    width: 90% !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  section.nasze-wartosci .scrollable-content > div > div.flex {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  section.nasze-wartosci .scrollable-content > div > div.flex > div:first-child {
    margin-right: 0 !important;
    margin-bottom: 1rem !important;
  }

  section.nasze-wartosci .scrollable-content > div > div.flex > div:last-child {
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
  }

  section.nasze-wartosci .icon-text-pill-h3 {
    min-width: 0 !important;
    text-align: center !important;
  }

  section.nasze-wartosci .icon-text-pill-p {
    text-align: center !important;
  }

  /* zero out inter-item spacers */
  section.nasze-wartosci .scrollable-content > div > div:not(.flex) {
    height: 0 !important;
    min-height: 0 !important;
  }
}