/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Template: hello-elementor
Author: Elementor Team
Description: Hello Elementor Child Theme
Version: 3.4.9
*/


/* ========================================
   LODY PINGWIN — TOP MENU
   Klasa w Elementorze: .menu-nawigacyjne
   ======================================== */

.menu-nawigacyjne .hfe-nav-menu {
  display: flex !important;
  align-items: center !important;
  gap: 1.35rem !important;
}

.menu-nawigacyjne .hfe-nav-menu .menu-item,
.menu-nawigacyjne .hfe-nav-menu li {
  position: relative !important;
}

.menu-nawigacyjne .hfe-menu-item,
.menu-nawigacyjne .menu-item > a.hfe-menu-item,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;

  padding: 0.45rem 0 !important;

  border-radius: 0 !important;
  background: transparent !important;

  color: #2b1a17 !important;

  text-decoration: none !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}

.menu-nawigacyjne .hfe-menu-item::after,
.menu-nawigacyjne .menu-item > a.hfe-menu-item::after,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0.02rem !important;

  display: block !important;

  width: 100% !important;
  height: 2px !important;

  border-radius: 999px !important;

  background: #d91a80 !important;

  transform: scaleX(0) !important;
  transform-origin: left center !important;

  opacity: 0 !important;

  transition:
    transform 0.22s ease,
    opacity 0.22s ease !important;

  pointer-events: none !important;
}

.menu-nawigacyjne .hfe-menu-item:hover,
.menu-nawigacyjne .hfe-menu-item:focus,
.menu-nawigacyjne .menu-item > a.hfe-menu-item:hover,
.menu-nawigacyjne .menu-item > a.hfe-menu-item:focus,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item:hover,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item:focus {
  color: #d91a80 !important;
  background: transparent !important;
  transform: translateY(-1px) !important;
}

.menu-nawigacyjne .hfe-menu-item:hover::after,
.menu-nawigacyjne .hfe-menu-item:focus::after,
.menu-nawigacyjne .menu-item > a.hfe-menu-item:hover::after,
.menu-nawigacyjne .menu-item > a.hfe-menu-item:focus::after,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item:hover::after,
.menu-nawigacyjne .hfe-nav-menu li a.hfe-menu-item:focus::after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
}

.menu-nawigacyjne .current-menu-item > .hfe-menu-item,
.menu-nawigacyjne .current_page_item > .hfe-menu-item,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item {
  color: #2b1a17 !important;
  background: transparent !important;
}

.menu-nawigacyjne .current-menu-item > .hfe-menu-item::after,
.menu-nawigacyjne .current_page_item > .hfe-menu-item::after,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item::after,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item::after {
  transform: scaleX(0) !important;
  opacity: 0 !important;
}

.menu-nawigacyjne .current-menu-item > .hfe-menu-item:hover,
.menu-nawigacyjne .current_page_item > .hfe-menu-item:hover,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item:hover,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item:hover,
.menu-nawigacyjne .current-menu-item > .hfe-menu-item:focus,
.menu-nawigacyjne .current_page_item > .hfe-menu-item:focus,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item:focus,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item:focus {
  color: #d91a80 !important;
}

.menu-nawigacyjne .current-menu-item > .hfe-menu-item:hover::after,
.menu-nawigacyjne .current_page_item > .hfe-menu-item:hover::after,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item:hover::after,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item:hover::after,
.menu-nawigacyjne .current-menu-item > .hfe-menu-item:focus::after,
.menu-nawigacyjne .current_page_item > .hfe-menu-item:focus::after,
.menu-nawigacyjne .current-menu-item > a.hfe-menu-item:focus::after,
.menu-nawigacyjne .current_page_item > a.hfe-menu-item:focus::after {
  transform: scaleX(1) !important;
  opacity: 1 !important;
}


/* ========================================
   LODY PINGWIN — BUTTON PRIMARY
   Klasa w Elementorze: .button-ciemny
   ======================================== */

.button-ciemny .elementor-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;

  padding: 0.94rem 1.5rem !important;

  border-radius: 999px !important;
  border: 1px solid #c91573 !important;

  background: #d91a80 !important;
  color: #ffffff !important;

  text-decoration: none !important;

  box-shadow:
    0 10px 22px rgba(43,26,23,0.10),
    0 8px 18px rgba(217,26,128,0.14) !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease !important;
}

.button-ciemny .elementor-button:hover {
  transform: translateY(-2px) !important;
  background: #c91573 !important;

  box-shadow:
    0 15px 30px rgba(43,26,23,0.14),
    0 10px 22px rgba(217,26,128,0.18) !important;
}


/* ========================================
   LODY PINGWIN — BUTTON SECONDARY
   Klasa w Elementorze: .button-jasny
   ======================================== */

.button-jasny .elementor-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;

  padding: 0.94rem 1.5rem !important;

  border-radius: 999px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.14) !important;

  color: #2b1a17 !important;

  text-decoration: none !important;

  box-shadow: 0 8px 18px rgba(43,26,23,0.07) !important;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}

.button-jasny .elementor-button:hover {
  transform: translateY(-2px) !important;

  background: #ffffff !important;
  border-color: rgba(217,26,128,0.28) !important;

  box-shadow:
    0 13px 26px rgba(43,26,23,0.10),
    0 6px 14px rgba(217,26,128,0.07) !important;
}

.button-ciemny a,
.button-jasny a,
.button-ciemny .elementor-button,
.button-jasny .elementor-button {
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .button-ciemny .elementor-button,
  .button-jasny .elementor-button {
    width: 100% !important;
    padding: 0.88rem 1.2rem !important;
  }
}


/* ========================================
   LODY PINGWIN — LISTA / PUNKTORY JAK GAŁKI LODA
   Klasa: .lista
   ======================================== */

.lista ul {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.lista li,
.lista .elementor-icon-list-item {
  position: relative !important;
  padding-left: 1.6rem !important;
  margin-bottom: 0.78rem !important;
}

.lista li::before,
.lista .elementor-icon-list-item::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0.63em !important;

  width: 11px !important;
  height: 11px !important;

  border-radius: 999px !important;

  background: #d91a80 !important;

  box-shadow:
    0 0 0 4px #fff3f6,
    0 4px 8px rgba(43,26,23,0.10) !important;
}

.lista li::after,
.lista .elementor-icon-list-item::after {
  content: "" !important;

  position: absolute !important;
  left: 3px !important;
  top: calc(0.63em + 10px) !important;

  width: 5px !important;
  height: 5px !important;

  transform: rotate(45deg) !important;

  background: #d0af6a !important;
  border-radius: 1px !important;

  opacity: 0.85 !important;
}

.lista .elementor-icon-list-icon {
  display: none !important;
}

.lista .elementor-icon-list-text {
  line-height: inherit !important;
}


/* ========================================
   LODY PINGWIN — PLAKIETKA MINIMAL / EYEBROW
   Klasa: .plakietka
   ======================================== */

.plakietka {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: max-content !important;
}

.plakietka .elementor-heading-title,
.plakietka p,
.plakietka span {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  color: #d91a80 !important;

  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
}

.plakietka .elementor-heading-title::after,
.plakietka p::after,
.plakietka span::after {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -0.42rem !important;

  height: 2px !important;

  border-radius: 999px !important;

  background: rgba(217,26,128,0.26) !important;

  pointer-events: none !important;
}

.plakietka .elementor-heading-title::before,
.plakietka p::before,
.plakietka span::before {
  content: none !important;
}

.tlo-ciemne .plakietka .elementor-heading-title,
.tlo-ciemne .plakietka p,
.tlo-ciemne .plakietka span,
.tlo-opona .plakietka .elementor-heading-title,
.tlo-opona .plakietka p,
.tlo-opona .plakietka span,
.pp-footer .plakietka .elementor-heading-title,
.pp-footer .plakietka p,
.pp-footer .plakietka span {
  color: #f4a9b4 !important;
}

.tlo-ciemne .plakietka .elementor-heading-title::after,
.tlo-ciemne .plakietka p::after,
.tlo-ciemne .plakietka span::after,
.tlo-opona .plakietka .elementor-heading-title::after,
.tlo-opona .plakietka p::after,
.tlo-opona .plakietka span::after,
.pp-footer .plakietka .elementor-heading-title::after,
.pp-footer .plakietka p::after,
.pp-footer .plakietka span::after {
  background: rgba(244,169,180,0.32) !important;
}

@media (max-width: 767px) {
  .plakietka .elementor-heading-title,
  .plakietka p,
  .plakietka span {
    letter-spacing: 0.09em !important;
  }

  .plakietka .elementor-heading-title::after,
  .plakietka p::after,
  .plakietka span::after {
    bottom: -0.34rem !important;
  }
}


/* ========================================
   LODY PINGWIN — HIGHLIGHT
   Klasa: .highlight
   ======================================== */

.highlight,
.elementor-heading-title .highlight,
p .highlight {
  position: relative !important;
  display: inline !important;

  color: #d91a80 !important;

  font-weight: inherit !important;
  font-style: inherit !important;

  z-index: 1 !important;
}

.highlight::after,
.elementor-heading-title .highlight::after,
p .highlight::after {
  content: "" !important;

  position: absolute !important;
  left: 0.02em !important;
  right: 0.02em !important;
  bottom: 0.06em !important;

  height: 0.18em !important;

  border-radius: 999px !important;

  background: rgba(217,26,128,0.16) !important;

  z-index: -1 !important;
}


/* ========================================
   LODY PINGWIN — IMAGE
   Klasa: .image
   ======================================== */

.image {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

.image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;

  border-radius: 24px !important;

  box-shadow:
    0 16px 34px rgba(43,26,23,0.11),
    0 5px 12px rgba(43,26,23,0.06) !important;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    filter 0.35s ease !important;
}

.image:hover img {
  transform: translateY(-3px) scale(1.01) !important;

  box-shadow:
    0 24px 48px rgba(43,26,23,0.14),
    0 8px 16px rgba(43,26,23,0.07) !important;

  filter: saturate(1.03) !important;
}

.image::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  border-radius: 24px !important;

  pointer-events: none !important;

  border: 1px solid rgba(43,26,23,0.06) !important;
}

@media (max-width: 767px) {
  .image,
  .image img,
  .image::after {
    border-radius: 18px !important;
  }

  .image img {
    box-shadow:
      0 12px 26px rgba(43,26,23,0.10),
      0 4px 10px rgba(43,26,23,0.05) !important;
  }
}


/* ========================================
   LODY PINGWIN — FAQ ACCORDION
   Klasa: .faq-accordion
   ======================================== */

.faq-accordion .e-n-accordion {
  display: grid !important;
  gap: 14px !important;
}

.faq-accordion .e-n-accordion-item {
  overflow: hidden !important;

  border-radius: 18px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.09) !important;

  box-shadow: 0 10px 24px rgba(43,26,23,0.06) !important;

  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    border-color 0.24s ease,
    background 0.24s ease !important;
}

.faq-accordion .e-n-accordion-item:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(217,26,128,0.24) !important;
  box-shadow: 0 16px 34px rgba(43,26,23,0.09) !important;
}

.faq-accordion .e-n-accordion-item[open] {
  background: #ffffff !important;
  border-color: rgba(217,26,128,0.32) !important;
  box-shadow: 0 18px 38px rgba(43,26,23,0.10) !important;
}

.faq-accordion .e-n-accordion-item-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;

  padding: 1.15rem 1.3rem !important;

  cursor: pointer !important;

  background: transparent !important;
  list-style: none !important;
}

.faq-accordion .e-n-accordion-item-title::-webkit-details-marker {
  display: none !important;
}

.faq-accordion .e-n-accordion-item-title-text {
  color: #2b1a17 !important;
  line-height: 1.35 !important;
}

.faq-accordion .e-n-accordion-item-title-icon {
  flex: 0 0 auto !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 2rem !important;
  height: 2rem !important;

  border-radius: 999px !important;

  background: #fff1f6 !important;
  border: 1px solid rgba(217,26,128,0.16) !important;

  transition:
    transform 0.24s ease,
    background 0.24s ease,
    border-color 0.24s ease !important;
}

.faq-accordion .e-n-accordion-item-title-icon svg {
  width: 0.85rem !important;
  height: 0.85rem !important;
  fill: #d91a80 !important;
}

.faq-accordion .e-n-accordion-item:hover .e-n-accordion-item-title-icon {
  background: #ffe7f0 !important;
  border-color: rgba(217,26,128,0.22) !important;
}

.faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon {
  transform: rotate(180deg) !important;
  background: #d91a80 !important;
  border-color: #d91a80 !important;
}

.faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon svg {
  fill: #ffffff !important;
}

.faq-accordion .e-n-accordion-item > [role="region"] {
  padding: 0 1.3rem 1.25rem !important;
  border-top: 1px solid rgba(43,26,23,0.06) !important;
  background: transparent !important;
}

.faq-accordion .e-n-accordion-item > [role="region"] p {
  margin-bottom: 1rem !important;
}

.faq-accordion .e-n-accordion-item > [role="region"] p:last-child {
  margin-bottom: 0 !important;
}

.faq-accordion .e-n-accordion-item > [role="region"] strong,
.faq-accordion .e-n-accordion-item > [role="region"] b {
  color: #2b1a17 !important;
}

@media (max-width: 767px) {
  .faq-accordion .e-n-accordion {
    gap: 10px !important;
  }

  .faq-accordion .e-n-accordion-item {
    border-radius: 15px !important;
  }

  .faq-accordion .e-n-accordion-item-title {
    padding: 1rem 1.05rem !important;
    gap: 14px !important;
  }

  .faq-accordion .e-n-accordion-item-title-icon {
    width: 1.8rem !important;
    height: 1.8rem !important;
  }

  .faq-accordion .e-n-accordion-item > [role="region"] {
    padding: 0 1.05rem 1.1rem !important;
  }
}


/* ========================================
   LODY PINGWIN — BOX
   Klasa: .box
   ======================================== */

.box {
  position: relative !important;
  height: 100% !important;

  padding: 1.5rem !important;

  border-radius: 22px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.09) !important;

  box-shadow: 0 12px 28px rgba(43,26,23,0.07) !important;

  overflow: hidden !important;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease !important;
}

.box:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(217,26,128,0.22) !important;

  box-shadow:
    0 20px 44px rgba(43,26,23,0.10),
    0 8px 18px rgba(217,26,128,0.06) !important;
}

.box::after {
  content: "" !important;

  position: absolute !important;
  right: -34px !important;
  bottom: -34px !important;

  width: 110px !important;
  height: 110px !important;

  border-radius: 999px !important;

  background: rgba(217,26,128,0.055) !important;

  pointer-events: none !important;
}


/* ========================================
   LODY PINGWIN — BOX WYRÓŻNIONY
   Klasy: .box.box-wyrozniony, .box-wyrozniony
   ======================================== */

.box.box-wyrozniony,
.box-wyrozniony {
  position: relative !important;
  border-color: rgba(217,26,128,0.40) !important;

  box-shadow:
    0 18px 40px rgba(43,26,23,0.09),
    0 8px 18px rgba(217,26,128,0.08) !important;
}

.box.box-wyrozniony::before,
.box-wyrozniony::before {
  content: "Lody na wagę" !important;

  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  right: auto !important;

  transform: translateX(-50%) !important;

  width: auto !important;
  height: auto !important;

  padding: 0.42rem 0.95rem !important;

  border-radius: 0 0 13px 13px !important;

  background: #d91a80 !important;
  border: 1px solid #c91573 !important;
  border-top: none !important;

  color: #ffffff !important;

  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  box-shadow: 0 8px 16px rgba(217,26,128,0.18) !important;

  z-index: 5 !important;
}

.box-wyrozniony::after {
  background: rgba(217,26,128,0.075) !important;
}

@media (max-width: 767px) {
  .box {
    padding: 1.2rem !important;
    border-radius: 18px !important;
  }

  .box.box-wyrozniony::before,
  .box-wyrozniony::before {
    padding: 0.36rem 0.78rem !important;
    border-radius: 0 0 10px 10px !important;
    letter-spacing: 0.045em !important;
  }
}


/* ========================================
   LODY PINGWIN — FOOTER
   Klasa: .pp-footer
   ======================================== */

.pp-footer {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 16% 12%, rgba(217,26,128,0.10), transparent 34%),
    linear-gradient(135deg, #2b1a17 0%, #241512 100%) !important;

  border-top: 1px solid rgba(255,249,239,0.10) !important;
}

.pp-footer::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  pointer-events: none !important;

  background-image: none !important;
  background: linear-gradient(
    180deg,
    rgba(255,249,239,0.035) 0%,
    rgba(255,249,239,0) 42%,
    rgba(255,249,239,0.025) 100%
  ) !important;

  opacity: 1 !important;
}

.pp-footer::after {
  content: "" !important;

  position: absolute !important;
  right: -180px !important;
  bottom: -180px !important;

  width: 420px !important;
  height: 420px !important;

  border-radius: 999px !important;

  background: rgba(217,26,128,0.07) !important;

  pointer-events: none !important;
}

.pp-footer img {
  max-width: 150px !important;
  height: auto !important;

  padding: 0.5rem !important;

  border-radius: 999px !important;

  background: #ffffff !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.18) !important;
}

.pp-footer p {
  color: rgba(255,249,239,0.76) !important;
}

.pp-footer .elementor-heading-title {
  color: #ffffff !important;
}

.pp-footer .hfe-nav-menu {
  display: grid !important;
  gap: 0.55rem !important;
}

.pp-footer .hfe-menu-item {
  display: inline-flex !important;
  width: fit-content !important;

  padding: 0.15rem 0 !important;

  color: rgba(255,249,239,0.76) !important;
  text-decoration: none !important;

  transition:
    color 0.2s ease,
    transform 0.2s ease !important;
}

.pp-footer .hfe-menu-item:hover {
  color: #f4a9b4 !important;
  transform: translateX(3px) !important;
}

.footer-socials .elementor-social-icon {
  width: 38px !important;
  height: 38px !important;

  border-radius: 999px !important;

  background: rgba(255,249,239,0.08) !important;
  border: 1px solid rgba(255,249,239,0.14) !important;

  color: #ffffff !important;

  transition:
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease !important;
}

.footer-socials .elementor-social-icon:hover {
  background: #d91a80 !important;
  border-color: #d91a80 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.footer-socials .elementor-social-icon svg {
  fill: currentColor !important;
}

.pp-footer-contact-list .elementor-icon-list-items {
  display: grid !important;
  gap: 0.65rem !important;
}

.pp-footer-contact-list .elementor-icon-list-item,
.pp-footer-contact-list .elementor-icon-list-item a {
  color: rgba(255,249,239,0.76) !important;
  text-decoration: none !important;
}

.pp-footer-contact-list .elementor-icon-list-item a:hover,
.pp-footer-contact-list .elementor-icon-list-item:hover .elementor-icon-list-text {
  color: #f4a9b4 !important;
}

.pp-footer .button-jasny .elementor-button {
  background: #fff9ef !important;
  color: #2b1a17 !important;
  border: 1px solid rgba(255,249,239,0.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,0.20) !important;
}

.pp-footer .button-jasny .elementor-button:hover {
  background: #d91a80 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(217,26,128,0.24) !important;
}

.pp-footer-credit p,
.pp-footer-credit b,
.pp-footer-credit strong {
  color: rgba(255,249,239,0.56) !important;
}

.pp-footer-credit strong {
  color: #f4a9b4 !important;
}


/* ========================================
   LODY PINGWIN — BACK TO TOP
   Klasa: .pp-back-to-top
   ======================================== */

.pp-back-to-top {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 9999 !important;

  width: 42px !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: #2b1a17 !important;
  border: 1px solid rgba(217,26,128,0.34) !important;

  color: #ffffff !important;

  text-decoration: none !important;

  box-shadow: 0 10px 24px rgba(0,0,0,0.24) !important;

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease !important;
}

.pp-back-to-top:hover {
  transform: translateY(-3px) !important;
  background: #d91a80 !important;
  color: #ffffff !important;
}


/* ========================================
   LODY PINGWIN — FLOATING CTA
   Klasa: .tf-call-badge
   ======================================== */

.tf-call-badge {
  position: fixed !important;
  right: 18px !important;
  bottom: 76px !important;
  z-index: 9999 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 0.85rem !important;

  padding: 0.82rem 1rem !important;

  border-radius: 999px !important;

  background: #d91a80 !important;
  border: 1px solid #c91573 !important;

  text-decoration: none !important;

  box-shadow:
    0 14px 32px rgba(43,26,23,0.18),
    0 8px 18px rgba(217,26,128,0.20) !important;

  overflow: hidden !important;

  transition:
    transform 0.24s ease,
    box-shadow 0.24s ease,
    background 0.24s ease !important;
}

.tf-call-badge:hover {
  transform: translateY(-3px) !important;
  background: #c91573 !important;

  box-shadow:
    0 20px 42px rgba(43,26,23,0.22),
    0 10px 22px rgba(217,26,128,0.25) !important;
}

.tf-call-badge__icon {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 42px !important;
  height: 42px !important;

  flex: 0 0 42px !important;

  border-radius: 999px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(255,249,239,0.34) !important;

  color: #d91a80 !important;
}

.tf-call-badge__icon::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  border-radius: inherit !important;

  border: 1px solid rgba(255,249,239,0.52) !important;

  animation: lodyPingwinPulse 2.4s ease-in-out infinite !important;
}

@keyframes lodyPingwinPulse {
  0% {
    transform: scale(1);
    opacity: 0.45;
  }

  70% {
    transform: scale(1.35);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.tf-call-badge__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.18rem !important;
}

.tf-call-badge__label {
  color: #ffffff !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.tf-call-badge__sub {
  color: rgba(255,255,255,0.84) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .tf-call-badge {
    right: 12px !important;
    bottom: 68px !important;

    padding: 0.72rem 0.82rem !important;
    gap: 0.72rem !important;
  }

  .tf-call-badge__icon {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .tf-call-badge__sub {
    display: none !important;
  }

  .pp-footer img {
    max-width: 130px !important;
  }

  .pp-back-to-top {
    right: 12px !important;
    bottom: 14px !important;
    width: 40px !important;
    height: 40px !important;
  }
}


/* ========================================
   LODY PINGWIN — OPINIE
   Klasy: .opinia, .testimonial-card
   ======================================== */

.opinia,
.testimonial-card {
  position: relative !important;

  height: 100% !important;

  padding: 1.5rem !important;

  border-radius: 22px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.09) !important;

  box-shadow: 0 12px 28px rgba(43,26,23,0.07) !important;

  overflow: hidden !important;

  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}

.opinia:hover,
.testimonial-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(217,26,128,0.22) !important;

  box-shadow:
    0 20px 44px rgba(43,26,23,0.10),
    0 8px 18px rgba(217,26,128,0.06) !important;
}

.zloty-pasek-opinia {
  position: relative !important;
  padding-left: 1rem !important;
}

.zloty-pasek-opinia::before {
  content: "" !important;

  position: absolute !important;
  left: 0 !important;
  top: 0.22em !important;
  bottom: 0.22em !important;

  width: 2px !important;

  border-radius: 999px !important;

  background: #d91a80 !important;

  opacity: 0.88 !important;

  transition: opacity 0.24s ease !important;
}

.opinia:hover .zloty-pasek-opinia::before,
.testimonial-card:hover .zloty-pasek-opinia::before {
  opacity: 1 !important;
}

.opinia .elementor-widget-text-editor p,
.testimonial-card .elementor-widget-text-editor p {
  margin-bottom: 0 !important;
}

.opinia .elementor-star-rating,
.testimonial-card .elementor-star-rating,
.opinia .stars,
.testimonial-card .stars {
  color: #d91a80 !important;
}

.opinia img,
.testimonial-card img {
  border-radius: 999px !important;
}

.opinia .testimonial-author,
.testimonial-card .testimonial-author {
  opacity: 0.84 !important;
}

@media (max-width: 767px) {
  .opinia,
  .testimonial-card {
    padding: 1.2rem !important;
    border-radius: 18px !important;
  }

  .zloty-pasek-opinia {
    padding-left: 0.85rem !important;
  }

  .zloty-pasek-opinia::before {
    width: 1px !important;
  }
}


/* ========================================
   LODY PINGWIN — HERO VIDEO
   Klasy: .hero-video, .hero-video__frame
   ======================================== */

.hero-video {
  position: relative !important;
  width: 100% !important;
}

.hero-video__frame {
  position: relative !important;
  overflow: hidden !important;

  border-radius: 24px !important;

  aspect-ratio: 16 / 9 !important;

  background: #fff3f6 !important;

  box-shadow:
    0 20px 48px rgba(43,26,23,0.14),
    0 7px 18px rgba(43,26,23,0.07) !important;
}

.hero-video__frame iframe {
  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  border: 0 !important;

  transform: scale(1.035) !important;
}

.hero-video__overlay {
  position: absolute !important;
  inset: 0 !important;

  pointer-events: none !important;

  border-radius: inherit !important;

  border: 1px solid rgba(43,26,23,0.06) !important;
}

.hero-video__rating {
  position: absolute !important;
  left: 1rem !important;
  bottom: 1rem !important;
  z-index: 3 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 0.72rem !important;

  padding: 0.68rem 0.88rem !important;

  border-radius: 999px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.10) !important;

  box-shadow: 0 10px 22px rgba(43,26,23,0.12) !important;
}

.hero-video__stars {
  color: #d91a80 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

.hero-video__rating-text {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.38rem !important;
  line-height: 1 !important;
}

.hero-video__rating-text strong {
  color: #d91a80 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.hero-video__rating-text span {
  color: #2b1a17 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .hero-video__frame {
    border-radius: 18px !important;
  }

  .hero-video__rating {
    left: 0.75rem !important;
    bottom: 0.75rem !important;
    gap: 0.55rem !important;
    padding: 0.58rem 0.72rem !important;
  }

  .hero-video__rating-text {
    gap: 0.28rem !important;
  }
}


/* ========================================
   LODY PINGWIN — DARK SECTION / CZYSTE CZEKOLADOWE TŁO
   Klasy: .tlo-ciemne, .tlo-opona
   ======================================== */

.tlo-ciemne,
.tlo-opona {
  position: relative !important;
  overflow: hidden !important;

  background:
    radial-gradient(circle at 18% 22%, rgba(217,26,128,0.10), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(208,175,106,0.08), transparent 30%),
    linear-gradient(135deg, #2b1a17 0%, #35201c 52%, #241512 100%) !important;
}

.tlo-ciemne::before,
.tlo-opona::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  pointer-events: none !important;

  background-image: none !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,249,239,0.035) 0%,
      rgba(255,249,239,0) 28%,
      rgba(255,249,239,0) 72%,
      rgba(255,249,239,0.025) 100%
    ) !important;

  opacity: 1 !important;
}

.tlo-ciemne::after,
.tlo-opona::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  bottom: -220px !important;

  width: 680px !important;
  height: 360px !important;

  transform: translateX(-50%) !important;

  border-radius: 999px !important;

  background: rgba(255,249,239,0.035) !important;

  filter: blur(6px) !important;

  pointer-events: none !important;
}

.tlo-ciemne .elementor-heading-title,
.tlo-opona .elementor-heading-title {
  color: #ffffff !important;
}

.tlo-ciemne p,
.tlo-ciemne li,
.tlo-opona p,
.tlo-opona li {
  color: rgba(255,249,239,0.80) !important;
}

.tlo-ciemne .highlight,
.tlo-ciemne .elementor-heading-title .highlight,
.tlo-ciemne p .highlight,
.tlo-opona .highlight,
.tlo-opona .elementor-heading-title .highlight,
.tlo-opona p .highlight {
  color: #f04fa1 !important;
}

.tlo-ciemne .highlight::after,
.tlo-ciemne .elementor-heading-title .highlight::after,
.tlo-ciemne p .highlight::after,
.tlo-opona .highlight::after,
.tlo-opona .elementor-heading-title .highlight::after,
.tlo-opona p .highlight::after {
  background: rgba(240,79,161,0.18) !important;
}


/* ========================================
   LODY PINGWIN — LIGHT SECTION / MLECZNO-OWOCOWE TŁO
   Klasa: .jasne-tlo
   ======================================== */

.jasne-tlo {
  position: relative !important;
  overflow: hidden !important;
  background: #fff3f6 !important;
}

.jasne-tlo::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  pointer-events: none !important;

  background-image:
    radial-gradient(circle, rgba(217,26,128,0.08) 1px, transparent 1.6px),
    radial-gradient(circle, rgba(208,175,106,0.12) 1px, transparent 1.6px) !important;
  background-position: 0 0, 18px 18px !important;
  background-size: 36px 36px !important;

  opacity: 0.38 !important;
}

.jasne-tlo::after {
  content: "" !important;

  position: absolute !important;
  width: 360px !important;
  height: 360px !important;
  right: -160px !important;
  bottom: -160px !important;

  border-radius: 999px !important;

  background: rgba(255,249,239,0.55) !important;

  pointer-events: none !important;
}


/* ========================================
   LODY PINGWIN — TAG
   Dawna klasa: .rower
   ======================================== */

.rower {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.48rem !important;

  width: fit-content !important;
  max-width: max-content !important;

  padding: 0.44rem 0.82rem !important;

  border-radius: 999px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(217,26,128,0.15) !important;

  box-shadow: 0 7px 16px rgba(43,26,23,0.05) !important;

  overflow: hidden !important;
}

.rower::before {
  content: "" !important;

  width: 13px !important;
  height: 13px !important;

  flex: 0 0 13px !important;

  border-radius: 999px !important;

  background: #d91a80 !important;

  box-shadow: 0 0 0 4px #fff0f5 !important;
}

.rower p,
.rower span,
.rower .elementor-heading-title {
  margin: 0 !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  .rower {
    padding: 0.38rem 0.7rem !important;
  }
}


/* ========================================
   LODY PINGWIN — DODATKOWE KLASY ZE STAREJ STRONY
   ======================================== */

.blur-bg {
  position: relative !important;

  background: rgba(255,249,239,0.72) !important;
  border: 1px solid rgba(43,26,23,0.08) !important;

  border-radius: 18px !important;

  isolation: isolate !important;
  background-clip: padding-box !important;
}

.parallax-bg {
  background-attachment: fixed !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.yellow-underline {
  display: inline !important;
  box-shadow: inset 0 -0.34em 0 rgba(208,175,106,0.34) !important;
}


/* ========================================
   LODY PINGWIN — EXTRA INFO BUBBLE
   Klasa w Elementorze: .extra-info
   ======================================== */

.extra-info {
  position: relative !important;

  display: flex !important;
  align-items: flex-start !important;
  gap: 0.9rem !important;

  padding: 1rem 1.1rem 1rem 1rem !important;

  border-radius: 20px !important;

  background: #fff9ef !important;
  border: 1px solid rgba(43,26,23,0.09) !important;

  box-shadow:
    0 10px 24px rgba(43,26,23,0.07),
    0 5px 12px rgba(217,26,128,0.04) !important;

  overflow: hidden !important;
}

.extra-info::before {
  content: "💡" !important;

  flex: 0 0 38px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  border-radius: 999px !important;

  background: #fff0f5 !important;
  border: 1px solid rgba(217,26,128,0.16) !important;

  box-shadow:
    0 0 0 5px rgba(217,26,128,0.06),
    0 6px 12px rgba(43,26,23,0.08) !important;

  line-height: 1 !important;
}

.extra-info::after {
  content: "" !important;

  position: absolute !important;
  right: -34px !important;
  bottom: -34px !important;

  width: 108px !important;
  height: 108px !important;

  border-radius: 999px !important;

  background: rgba(217,26,128,0.055) !important;

  pointer-events: none !important;
}

.extra-info .elementor-heading-title,
.extra-info p,
.extra-info span {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 0 !important;
}

.extra-info p:last-child {
  margin-bottom: 0 !important;
}

.extra-info strong,
.extra-info b {
  color: #d91a80 !important;
}

.tlo-ciemne .extra-info,
.tlo-opona .extra-info,
.pp-footer .extra-info {
  background: #fff9ef !important;
  border-color: rgba(255,249,239,0.28) !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,0.18),
    0 5px 12px rgba(217,26,128,0.08) !important;
}

@media (max-width: 767px) {
  .extra-info {
    gap: 0.75rem !important;
    padding: 0.9rem !important;
    border-radius: 17px !important;
  }

  .extra-info::before {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
}