:root {
  --menu-height: 5.25rem;
  --menu-logo-size: 5.25rem;
  --columns-14-columns: min(1680px, 100vw);
  --columns-12-columns: min(1348px, 100vw);
  --spacing-component-10: 48px;
  --spacing: 0.25rem;
  --radius-extra-small: 0.25rem;
  --spacing-component-2: 2px;
  --spacing-component-3: 6px;
  --spacing-component-5: 16px;
  --spacing-component-7: 24px;
  --spacing-layout-3: 32px;
  --colours-basic-background: #ffffff;
  --colours-basic-text: #1d1d1b;
  --colours-basic-text-recessive: #6b6b6b;
  --colours-basic-stroke: #1d1d1b;
  --colours-interaction-states-hover-text-hover: #e20074;
  --colours-interaction-states-pressed-text-pressed: #a00053;
  --color-black: #000000;
  --color-white: #ffffff;
}
@media (min-width: 1024px) {
  :root {
    --menu-height: 6.5rem;
    --menu-logo-size: 6.5rem;
  }
}
body {
  font-family: "tele-neo-var", Arial, sans-serif;
  background-color: #000;
}
.ods-typography-body-m-regular {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}
.ods-typography-body-m-bold {
  font-size: 1rem;
  font-weight: 700;
}
.ods-typography-body-s-regular {
  font-size: 1rem;
  font-weight: 500;
}
button[aria-label="Menu mobilne"] span {
  transition:
    transform 0.2s,
    opacity 0.2s;
}
html {
  scroll-padding-top: calc(4.5rem + 1.5rem);
}

/* ¦¦ ODS typography ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.ods-typography-subtitle {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25;
}
.ods-typography-body-m {
  font-size: 1rem;
  line-height: 1.5;
}
.ods-typography-body-s {
  font-size: 0.875rem;
  line-height: 1.5;
}

/* ¦¦ ODS spacing ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.gap-ods-c-3 {
  gap: 0.75rem;
}
.gap-ods-c-5 {
  gap: 1.25rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-1 {
  gap: 0.25rem;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.w-full {
  width: 100%;
}
.h-12 {
  height: 3rem;
}
.w-36 {
  width: 9rem;
}
.w-40\.5 {
  width: 10.125rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.gap-x-\(--gap-x\) {
  column-gap: var(--gap-x);
}
.gap-y-\(--gap-y\) {
  row-gap: var(--gap-y);
}
.mt-\(--spacing-top\) {
  margin-top: var(--spacing-top);
}
.justify-between {
  justify-content: space-between;
}
.self-center {
  align-self: center;
}
.text-slate-800 {
  color: #1d1d1b;
}
@media (min-width: 768px) {
  .md\:gap-x-ods-c-5 {
    column-gap: 1.25rem;
  }
  .md\:gap-y-ods-c-2 {
    row-gap: 0.5rem;
  }
  .md\:flex-row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 767px) {
  .max-md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .max-md\:mt-2 {
    margin-top: 0.5rem;
  }
  .max-md\:w-full {
    width: 100%;
  }
}

/* ¦¦ ODSLink ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.ODSLink {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #1d1d1b;
}
.ODSLink-LinkContainer {
  display: inline-flex;
  font-size: 1rem;
}
.ODSLink:hover {
  color: #e20074;
}
.ODSLink--type-secondary.ODSLink--disabled-false,
.ODSLink--type-secondary.ODSLink--disabled-false:focus-visible {
  color: var(--colours-basic-text);
}
.ODSLink--type-secondary.ODSLink--disabled-false:hover {
  color: var(--colours-interaction-states-hover-text-hover);
}
.ODSLink--type-secondary.ODSLink--disabled-false:active {
  color: var(--colours-interaction-states-pressed-text-pressed);
}

/* ¦¦ ODSLogo ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.ODSLogo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ODSLogo svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}
.ODSLogo--type-secondary {
  color: #1d1d1b;
}

/* ¦¦ O02_06 Small Quick Info ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.ods-typography-body-l {
  font-size: 1.25rem;
  font-weight: 655;
  line-height: 1.2;
  letter-spacing: 0;
}
.pr-ods-c-5 {
  padding-right: 1.25rem;
}

/* ¦¦ O03_06 Box Image ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.rounded-ods-medium {
  border-radius: 1rem;
}
.rounded-ods-large {
  border-radius: 1.5rem;
}
.gap-ods-c-7 {
  gap: 1.75rem;
}
.px-ods-l-2 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.pt-ods-l-3 {
  padding-top: 2rem;
}
.pb-ods-l-4 {
  padding-bottom: 2.5rem;
}
.ods-typography-title-s {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2;
}
.ods-typography-title-l {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}
.aspect-5\/4 {
  aspect-ratio: 5 / 4;
}

/* ¦¦ Lead Form ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.lead-form-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.lead-form-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1.5px solid #1d1d1b;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1d1d1b;
  cursor: pointer;
  transition: background 0.15s;
}
.lead-form-tab:hover {
  background: #f5f5f5;
}
.lead-form-tab.active {
  background: #1d1d1b;
  color: #fff;
}
.lead-form-tab-tick {
  display: none;
  line-height: 0;
}
.lead-form-tab.active .lead-form-tab-tick {
  display: inline-flex;
}
.lead-form-tab.active .lead-form-tab-tick svg path {
  fill: #fff;
}

.lead-form-tabs-secondary-wrapper {
  margin-bottom: 1.25rem;
}
.lead-form-tabs-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.lead-form-tab-content {
  display: none;
  flex-direction: column;
  gap: 16px;
  padding-top: 5px;
}
.lead-form-tab-content[style*="flex"] {
  display: flex;
}

/* ¦¦ Input — wzór ods-lqt-form_v2 ¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.lead-form-input-wrapper {
  position: relative;
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
.lead-form-input {
  width: 100%;
  padding: 1.5rem 1.5rem 0.625rem 1.5rem;
  border: 1px solid #000;
  border-radius: 1rem;
  background: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "tele-neo-var", Arial, sans-serif;
  color: #1d1d1b;
  outline: none;
  transition: border-color 0.2s;
  appearance: none;
  box-sizing: border-box;
  margin-bottom: 0.25rem;
}
.lead-form-input:focus {
  outline: 2px solid #000;
  outline-offset: 3px;
}
.lead-form-input.error {
  border: 2px solid red;
}
span.error {
  color: red;
}
.lead-form-consent span.error {
  flex-basis: 100%;
  order: 10;
  margin-top: 0.25rem;
  padding-left: 2px;
}
input[type="checkbox"].error ~ .fake-chx {
  border-color: red;
}
.lead-form-input-floating-label {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 1.2rem;
  font-size: 1.3rem;
  color: rgb(98, 98, 98);
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition:
    top 0.2s,
    font-size 0.2s;
}
.lead-form-input:focus ~ .lead-form-input-floating-label,
.lead-form-input:not(:placeholder-shown) ~ .lead-form-input-floating-label {
  top: 0.35rem;
  font-size: 1rem;
  color: #1d1d1b;
}
.lead-form-input-support {
  display: none;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #6b6b6b;
}

/* ¦¦ Checkbox — wzór ods-lqt-form_v2 ¦¦¦¦¦¦¦¦¦¦¦ */
.lead-form-consent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 0.875rem;
  color: #1d1d1b;
}
.lead-form-consent input[type="checkbox"] {
  position: absolute;
  left: -100000px;
}
.lead-form-consent .fake-chx {
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 5px;
  position: relative;
  top: -2px;
  margin: 1px 8px 1px 1px;
  text-indent: 20000px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.lead-form-consent input[type="checkbox"] ~ .fake-chx:hover {
  background: #ddd;
}
.lead-form-consent input[type="checkbox"]:focus ~ .fake-chx {
  outline: 2px solid #000;
  outline-offset: 3px;
}
.lead-form-consent input[type="checkbox"]:checked ~ .fake-chx {
  background: #e20074
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48ZyBmaWxsPSIjZmZmZmZmIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im05LjIxNSAxOS43OC02Ljg5OC02Ljg2NmExLjI1IDEuMjUgMCAxIDEgMS43NjQtMS43NzFsNS4xMyA1LjEwNkwyMC4zIDUuMTU5YTEuMjUgMS4yNSAwIDAgMSAxLjc2OCAxLjc2N3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=")
    center no-repeat;
  background-size: 80% auto;
  border-color: #e20074;
}
.lead-form-consent .legal_zgoda {
  display: inline-block;
  font-size: 1rem;
  color: #1d1d1b;
  width: calc(100% - 34px);
  padding-top: 0.2rem;
}
.consent-info-magenta {
  color: #e20074;
  text-decoration: underline;
  padding-top: 0.2rem;
  cursor: pointer;
  white-space: nowrap;
}

/* ¦¦ ODS Button ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.btn {
  background: #e20074;
  color: #fff;
  font-family: "tele-neo-var", Arial, sans-serif;
  font-size: 16px;
  font-weight: 655;
  line-height: 20px;
  padding: 10px 19px;
  border-radius: 999px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  border: 1px solid transparent;
  cursor: pointer;
}
.btn:hover {
  background: rgb(232, 51, 144);
  color: #fff;
}
.btn:active,
.btn:focus-visible,
.btn:focus {
  outline: 2px solid black;
  outline-offset: 2px;
}
.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  padding: 0;
  margin-top: 2.5rem;
}

.lead-form-thankyou,
.lead-form-error {
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
}
.lead-form-thankyou {
  background: #f0fdf4;
  color: #166534;
}
.lead-form-error {
  background: #fef2f2;
  color: #991b1b;
}

.lead-form-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.45);
  padding: 2rem 1rem;
}
.lead-form-popup.is-open {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lead-form-popup-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}
.lead-form-popup-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
}
.lead-form-popup-content {
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  max-width: 36rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #1d1d1b;
  position: relative;
}

/* ¦¦ O99_02 Footer ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
footer {
  --body-m-bold: 700 1rem/1.25 "TeleNeo Var", "tele-neo-var", Arial, sans-serif;
  --body-m-bold-letter-spacing: 0;
  --body-m-regular: 500 1rem/1.25 "TeleNeo Var", "tele-neo-var", Arial, sans-serif;
  --body-m-regular-letter-spacing: 0;
  --body-s-regular: 500 0.875rem/1.25 "TeleNeo Var", "tele-neo-var", Arial, sans-serif;
  --body-s-regular-letter-spacing: 0;
  --link-s-regular: 500 0.875rem/1.25 "TeleNeo Var", "tele-neo-var", Arial, sans-serif;
  --link-s-regular-letter-spacing: 0;
  --spacing-component-2: 0.25rem;
  --spacing-component-3: 0.5rem;
  --spacing-component-4: 0.75rem;
  --spacing-component-5: 1rem;
  --spacing-component-7: 1.5rem;
  --spacing-component-10: 3rem;
  --spacing-layout-3: 2rem;
  --sizing-component-7: 1.5rem;
  --sizing-minimum-tappable-area: 3rem;
  --sizing-viewport: clamp(22.5rem, 100vw + 0rem, 90rem);
  --strokes-1: 1px;
  --strokes-2: 2px;
  --colours-basic-background-subtle: #f1f1f1;
  --colours-basic-stroke-subtle: #b6b6b6;
  --colours-basic-text-link: #1d1d1b;
  --colours-interaction-states-focus-focus: #000000;
  background: #000000;
}
footer .layout-box {
  grid-column: 1 / -1;
  width: 100%;
}
footer .bg-black {
  background: #000000;
}
footer .bg-basic-background {
  background: var(--colours-basic-background);
}
footer [data-scheme="black"] {
  --colours-basic-background: #000000;
  --colours-basic-text: #ffffff;
  --colours-basic-stroke: #ffffff;
  --colours-basic-text-recessive: #ffffff;
  --colours-basic-text-link: #ffffff;
  --colours-interaction-states-hover-text-hover: #ffffff;
  --colours-interaction-states-pressed-text-pressed: #ffffff;
  background: #000000;
  color: #ffffff;
}
footer .ODSLink {
  --ODSLink-textAlign: start;
  --ODSLink-zIndex: 1;
  --ODSLink-verticalAlignment: center;
  --ODSLink-horizontalAlignment--alignment-right: end;
  --ODSLink-horizontalAlignment--alignment-left: start;
  --ODSLink-horizontalAlignment--alignment-centered: center;
  --ODSLink-clickableArea-SpacingLeft: 0;
  --ODSLink-minHeight: var(--sizing-minimum-tappable-area);
  --ODSLink-minWidth: var(--sizing-minimum-tappable-area);
  --ODSLink-LinkContainer-gap: var(--spacing-component-2);
  --ODSLink-LinkContainer-verticalAlignment: center;
  --ODSLink-LinkContainer-horizontalAlignment: start;
  --ODSLink-focus-outline-offset: 4px;
  --ODSLink-Focus-border--state-focused: var(--strokes-2) solid;
  --ODSLink-Focus-borderRadius--state-focused: var(--strokes-2);
  --ODSLink-Link-font: var(--body-m-bold);
  --ODSLink-Link-letterSpacing: var(--body-m-bold-letter-spacing);
  --ODSLink-LinkContent-verticalAlignment: center;
  --ODSLink-LinkContent-horizontalAlignment: start;
  --ODSLink-LinkContainer-textDecorationThickness: 1px;
  --ODSLink-LinkContainer-textUnderlineOffset: 4px;
  color: var(--colours-basic-text-link);
  cursor: pointer;
  min-height: var(--ODSLink-minHeight);
  min-width: var(--ODSLink-minWidth);
  text-align: var(--ODSLink-textAlign);
  padding-left: var(--ODSLink-clickableArea-SpacingLeft);
  margin-left: calc(var(--ODSLink-clickableArea-SpacingLeft) * -1);
  z-index: var(--ODSLink-zIndex);
  align-items: var(--ODSLink-verticalAlignment);
  text-decoration: none;
  display: flex;
  position: relative;
}
footer .ODSLink .ODSLink-LinkContainer {
  align-items: var(--ODSLink-LinkContainer-verticalAlignment);
  justify-content: var(--ODSLink-LinkContainer-horizontalAlignment);
  gap: var(--ODSLink-LinkContainer-gap);
  text-decoration: underline;
  text-decoration-thickness: var(--ODSLink-LinkContainer-textDecorationThickness);
  text-underline-offset: var(--ODSLink-LinkContainer-textUnderlineOffset);
  display: inline-flex;
}
footer .ODSLink.ODSLink--alignment-right {
  justify-content: var(--ODSLink-horizontalAlignment--alignment-right);
}
footer .ODSLink.ODSLink--alignment-left {
  justify-content: var(--ODSLink-horizontalAlignment--alignment-left);
}
footer .ODSLink.ODSLink--alignment-centered {
  justify-content: var(--ODSLink-horizontalAlignment--alignment-centered);
}
footer .ODSLink-Link {
  font: var(--ODSLink-Link-font);
  letter-spacing: var(--ODSLink-Link-letterSpacing);
  justify-content: var(--ODSLink-LinkContent-verticalAlignment);
  align-items: var(--ODSLink-LinkContent-horizontalAlignment);
}
footer .ODSLink--disabled-false:focus-visible .ODSLink-LinkContainer {
  outline: var(--ODSLink-Focus-border--state-focused) var(--colours-interaction-states-focus-focus);
  outline-offset: var(--ODSLink-focus-outline-offset);
  border-radius: var(--ODSLink-Focus-borderRadius--state-focused);
}
footer .ODSLink--disabled-false:focus-visible {
  outline: none;
}
.ODSFooter-Container {
  max-width: var(--sizing-viewport);
  margin-left: auto;
  margin-right: auto;
}
.ODSExtendedNav-Wrapper {
  background: #000000;
  color: #ffffff;
  --colours-basic-text-link: #ffffff;
  --colours-basic-text: #ffffff;
  --colours-basic-stroke-subtle: #ffffff;
}
footer .ODSExtendedNav-Wrapper.bg-basic-background {
  background: #000000;
}
.ODSExtendedNav {
  --ODSExtendedNav-padding: var(--spacing-component-7, 24px);
  --ODSExtendedNav-gap: var(--spacing-component-4, 12px);
  --ODSExtendedNav-flexDirection: column;
  --ODSFooterCategory-padding: 0 0 var(--spacing-component-3, 8px) 0;
  --ODSFooterColumn-padding: 0 0 var(--spacing-component-3, 8px) 0;
  --ODSFooterCategory-borderBottom: var(--strokes-1, 1px) solid;
  --ODSFooterCategory-alignSelf: stretch;
  --ODSFooterCategory-Label-font: var(--body-m-bold);
  --ODSFooterCategory-Label-letterSpacing: var(--body-m-bold-letter-spacing);
  display: flex;
  flex-direction: var(--ODSExtendedNav-flexDirection);
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ODSExtendedNav-gap);
  padding: var(--ODSExtendedNav-padding);
}
.ODSFooterCategory {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: var(--ODSFooterCategory-alignSelf);
  flex: 1 0 0;
  padding: var(--ODSFooterCategory-padding);
}
.ODSFooterCategory:not(:last-child) {
  border-bottom: var(--ODSFooterCategory-borderBottom) var(--colours-basic-stroke-subtle, #b6b6b6);
}
.ODSFooterCategory-Label {
  display: flex;
  width: 100%;
  padding: var(--spacing-component-5, 16px) 0;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin: 0;
  color: #ffffff;
  font: var(--ODSFooterCategory-Label-font);
  letter-spacing: var(--ODSFooterCategory-Label-letterSpacing);
  white-space: normal;
  background: transparent;
  border: none;
  outline: none;
  overflow: visible;
}
.ODSExtendedNav.is-footer-accordion .ODSFooterCategory-Label:focus-visible {
  outline: 2px solid var(--colours-interaction-states-focus-focus, #000000);
  outline-offset: 2px;
  border-radius: 2px;
}
.ODSFooterCategory-Content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.ODSFooterCategory-Content[hidden] {
  display: none;
}
@media (max-width: 767px) {
  .ODSExtendedNav.is-footer-accordion .ODSFooterCategory-Label {
    cursor: pointer;
  }
  .ODSExtendedNav.is-footer-accordion .ODSFooterCategory-Label::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    margin-left: 16px;
    flex: 0 0 auto;
  }
  .ODSExtendedNav.is-footer-accordion .ODSFooterCategory.is-open .ODSFooterCategory-Label::after {
    transform: rotate(225deg);
  }
  .ODSExtendedNav.is-footer-accordion .ODSFooterCategory:not(.is-open) .ODSFooterCategory-Content {
    display: none;
  }
}
.ODSFooterCategory-Content .ODSLink {
  min-height: var(--sizing-minimum-tappable-area, 48px);
}
.ODSFooterCategory-Content .ODSLink-LinkContainer,
.ODSFooterCategory-Content .ODSLink-Link {
  font: var(--body-m-regular);
  letter-spacing: var(--body-m-regular-letter-spacing);
}
.ODSExtendedNav .ODSLink--disabled-false:hover .ODSLink-LinkContainer,
.ODSExtendedNav .ODSLink--disabled-false:active .ODSLink-LinkContainer {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.ODSExtendedNav .ODSLink--disabled-false:hover,
.ODSExtendedNav .ODSLink--disabled-false:active {
  color: #ffffff;
}
@media (min-width: 768px) {
  .ODSExtendedNav {
    --ODSExtendedNav-padding: var(--spacing-component-5, 16px);
    --ODSExtendedNav-gap: 0;
    --ODSExtendedNav-flexDirection: row;
    --ODSFooterCategory-padding: var(--spacing-component-5, 16px) var(--spacing-layout-3, 32px) var(--spacing-component-5, 16px) 0;
    --ODSFooterColumn-padding: 0 var(--spacing-component-3, 8px);
    --ODSFooterCategory-borderBottom: none;
    --ODSFooterCategory-alignSelf: auto;
  }
}

/* ==========================================================================
   PAGE LAYOUT - replaces Tailwind CDN
   ========================================================================== */

.text-magenta {
  color: #d80170;
}
.underline {
  text-decoration: underline;
}
.text-basic-text {
  color: var(--colours-basic-text);
}
.text-basic-text\! {
  color: var(--colours-basic-text) !important;
}
.text-basic-stroke {
  color: var(--colours-basic-stroke);
}
.text-basic-text-recessive {
  color: var(--colours-basic-text-recessive);
}

.pg-section {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 1.5rem;
  padding: 0 28px;
}

@media (min-width: 768px) {
  .pg-section {
    max-width: 768px;
    padding: 0 76px;
  }
}

@media (min-width: 1024px) {
  .pg-section {
    max-width: 1040px;
    padding: 0 93px;
  }
}

@media (min-width: 1440px) {
  .pg-section {
    max-width: 1440px;
    padding: 0 124px;
  }
}

@media (min-width: 1680px) {
  .pg-section {
    max-width: 1680px;
    padding: 0 166px;
  }
}
.pg-section--py-12 {
  padding-top: 3rem;
  padding-bottom: 0;
}
.pg-section--py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.pg-app-wrap {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.pg-h1 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #1d1d1b;
  margin-bottom: 2rem;
}
.pg-h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #1d1d1b;
}
.pg-section--py-12 .pg-h2 {
  color: #fff;
}
.pg-hero-form__title {
  width: 100%;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0;
}
.hero-title--desktop {
  display: none;
}
@media (min-width: 1024px) {
  .hero-title--mobile {
    display: none;
  }
  .hero-title--desktop {
    display: inline;
  }
}
.pg-hero-form .pg-h2 {
  font-family: "TeleNeo Var", "tele-neo-var", Arial, sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 655;
  line-height: 56px;
  letter-spacing: 0;
}
.pg-h2--mb-6 {
  margin-bottom: 2rem;
}
.pg-text-sm {
  font-size: 0.875rem;
}
/* O02_06 Banner */
.O02-banner-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: #fff;
  border: 1px solid #4d4d4b;
  border-radius: 1rem;
  padding: 1rem 2rem 1rem 1.5rem;
  text-decoration: none;
  color: inherit;
}
.O02-banner-link:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.O02-banner-link__hover {
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  border: 1px solid #4d4d4b;
  background: #fff;
  transition: background 0.15s;
  pointer-events: none;
}
.O02-banner-link:hover .O02-banner-link__hover {
  background: #2d2d2a;
}
.O02-banner-link__text {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1d1d1b;
  position: relative;
  z-index: 1;
  padding-right: 1.5rem;
}
.O02-banner-link__cta {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  position: relative;
  z-index: 1;
}
.O02-banner-link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* O03_06 App Cards */
.O03-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
}
@media (min-width: 640px) {
  .O03-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .O03-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.O03-card {
  border-radius: 12px;
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: space-between;
  background: #fff;
}
.O03-card__content {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 1rem 1.5rem;
  gap: 1.75rem;
  color: #1d1d1b;
}
.O03-card__heading {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.O03-card__desc {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.O03-card__image {
  border-radius: 12px;
  position: relative;
  height: 15.875rem;
  overflow: hidden;
  background: #e8e8e8;
}
@media (min-width: 768px) {
  .O03-card__image {
    height: 15.438rem;
  }
}
@media (min-width: 1024px) {
  .O03-card__image {
    height: 14.125rem;
  }
}
@media (min-width: 1280px) {
  .O03-card__image {
    height: 19.875rem;
  }
}
.img-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
.O03-cta {
  margin-top: 2rem;
}

/* Lead form section */
.lead-section__grid {
  display: grid;
  gap: 2.5rem;
}
@media (min-width: 1024px) {
  .lead-section__grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
.lead-form-container {
  min-width: 0;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .pg-hero-form .lead-form-container {
    max-width: 50%;
  }
}
.lead-form-fields {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: .3rem;
  padding-left: .3rem;
}
.lead-section__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.lead-section__image {
  display: none;
  overflow: hidden;
  border-radius: 1rem;
}
@media (min-width: 1024px) {
  .lead-section__image {
    display: block;
  }
}
.lead-submit-btn {
  margin-top: 40px;
}

/* Contact phone-number cards */
.contact-num-col {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.contact-num-card {
  background: #1d1d1b;
  border-radius: 16px;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.5rem;
  cursor: default;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.contact-num-card svg path {
  fill: #fff;
}
.contact-num-card .text-basic-text {
  color: #fff;
}
.contact-num-card .text-basic-text-recessive {
  color: #fff;
}
.contact-num-card__tag .text-basic-text {
  color: #fff;
}
.contact-num-card[href] {
  cursor: pointer;
}
.contact-num-card:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
@media (min-width: 1024px) {
  .contact-num-card {
    padding-left: 2rem;
    padding-bottom: 2rem;
  }
}
.contact-num-card__overlay {
  border-radius: 16px;
  background: #1d1d1b;
  position: absolute;
  inset: 0;
  z-index: 0;
  transition: background 0.15s;
  pointer-events: none;
}
.contact-num-card:hover .contact-num-card__overlay {
  background: #2d2d2a;
}
.contact-num-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-num-card__body--jb {
  justify-content: space-between;
}
.contact-num-card__pjm-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-num-card__inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.contact-num-card__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-num-card__nums {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.contact-num-card__tag {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.25rem;
}
.contact-num-card__tag-icon {
  background: #000;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.contact-num-card__desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.3rem;
}
.contact-num-btn {
  margin-top: 3rem;
  display: inline-block;
  width: fit-content;
}

/* Czat + Salon CTA cards */
.contact-cta-grid {
  margin-top: 64px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
@media (min-width: 640px) {
  .contact-cta-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contact-cta-card {
  background: #1d1d1b;
  border-radius: 12px;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 0;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.contact-cta-card:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.contact-cta-card:hover {
  border: 1px solid #4d4d4b;
}
.contact-cta-card__overlay {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: #1d1d1b;
  transition: background 0.15s;
  pointer-events: none;
}
.contact-cta-card:hover .contact-cta-card__overlay {
  background: #2d2d2a;
}
.contact-cta-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem;
  color: #fff;
}
@media (min-width: 768px) {
  .contact-cta-card__content {
    padding: 2rem;
  }
}
@media (min-width: 1024px) {
  .contact-cta-card__content {
    padding-left: 2rem;
  }
}
.contact-cta-card .text-basic-text {
  color: #fff;
}
.contact-cta-card .text-basic-text-recessive {
  color: #fff;
}
.contact-cta-card__text {
  display: flex;
  min-height: 5rem;
  flex-direction: column;
  gap: 0.5rem;
}
.contact-cta-btn {
  margin-top: 3rem;
  display: inline-block;
  max-width: fit-content;
}

footer .ODSLogo {
  color: var(--colours-basic-text);
}
footer .ODSLogo svg {
  display: block;
}
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer img {
  display: block;
}
footer .p-6 {
  padding: 1rem;
}
footer .px-6 {
  padding-left: 1rem;
  padding-right: 1rem;
}
footer [data-scheme="black"] > .flex:first-child {
  min-height: 12rem;
}
footer [data-scheme="black"] .ods-typography-subtitle {
  font:
    700 1.625rem/1.25 "TeleNeo Var",
    "tele-neo-var",
    Arial,
    sans-serif;
  letter-spacing: var(--body-m-bold-letter-spacing);
}
footer [data-scheme="black"] .ods-typography-body-m,
footer [data-scheme="black"] .ods-typography-body-m-bold {
  font:
    500 1.0625rem/1.25 "TeleNeo Var",
    "tele-neo-var",
    Arial,
    sans-serif;
  letter-spacing: var(--body-m-regular-letter-spacing);
}
footer [data-scheme="black"] .ods-typography-body-m-bold {
  font:
    700 1.0625rem/1.25 "TeleNeo Var",
    "tele-neo-var",
    Arial,
    sans-serif;
  letter-spacing: var(--body-m-bold-letter-spacing);
}
footer [data-scheme="black"] .ods-typography-body-s {
  font: var(--body-s-regular);
  letter-spacing: var(--body-s-regular-letter-spacing);
}
footer [data-scheme="black"] .ODSLink {
  color: #ffffff;
}
footer [data-scheme="black"] .ODSLink--disabled-false:hover,
footer [data-scheme="black"] .ODSLink--disabled-false:active {
  color: #ffffff;
}
footer [data-scheme="black"] .ODSLink--disabled-false:hover .ODSLink-LinkContainer,
footer [data-scheme="black"] .ODSLink--disabled-false:focus-visible .ODSLink-LinkContainer,
footer [data-scheme="black"] .ODSLink--disabled-false:active .ODSLink-LinkContainer,
footer [data-scheme="black"] .ODSLink--disabled-false:hover .ODSLink-Link,
footer [data-scheme="black"] .ODSLink--disabled-false:focus-visible .ODSLink-Link,
footer [data-scheme="black"] .ODSLink--disabled-false:active .ODSLink-Link {
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
footer [data-scheme="black"] .ODSLink-LinkContainer,
footer [data-scheme="black"] .ODSLink-Link {
  color: #ffffff;
  font: var(--ODSLink-Link-font);
  letter-spacing: var(--ODSLink-Link-letterSpacing);
}

/* ¦¦ QR App modal ¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦ */
.mobile_only {
  display: inline-block;
}

.desktop_only {
  display: none;
}

#qr-app-dlownload {
  padding: 0 20px;
  max-width: 580px;
}

#qr-app-dlownload .qr1 {
  font-size: 24px;
  font-weight: 655;
}

#qr-app-dlownload .qr2 {
  font-size: 16px;
  margin: 1em 0;
  font-weight: 655;
}

#qr-app-dlownload img {
  display: block;
  width: 336px;
  margin: 35px auto;
  max-width: 100%;
}

@media screen and (min-width: 1440px) {
  .mobile_only {
    display: none;
  }

  .desktop_only {
    display: inline-block;
  }
}
.pg-frame {
  width: 100%;
  max-width: 600px;
  margin: 32px auto 0;
  padding: 0 28px;
}

@media (min-width: 768px) {
  .pg-frame {
    max-width: 768px;
    padding: 0 76px;
  }
}

@media (min-width: 1024px) {
  .pg-frame {
    max-width: 1040px;
    padding: 0 93px;
  }
}

@media (min-width: 1440px) {
  .pg-frame {
    max-width: 1440px;
    padding: 0 124px;
  }
}

@media (min-width: 1680px) {
  .pg-frame {
    max-width: 1680px;
    padding: 0 166px;
  }
}
.sim-select {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 1.5rem;
}
.sim-select__label {
  font-size: 0.875rem;
  color: var(--colours-basic-text-recessive, #6b6b6b);
}
.sim-select__options {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.sim-select__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: 1px solid #d0d0d0;
  border-radius: 100px;
  background: #fff;
  font-size: 0.875rem;
  cursor: pointer;
  color: var(--colours-basic-text, #1d1d1b);
}
.sim-select__btn .lead-form-tab-tick {
  display: none;
}
.sim-select__btn.active {
  background: #1d1d1b;
  color: #fff;
  border-color: #1d1d1b;
}
.sim-select__btn.active .lead-form-tab-tick {
  display: inline-flex;
}
.pg-moments-banner {
  margin-top: 80px;
  padding-bottom: 48px;
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .pg-moments-banner {
    padding-bottom: 48px;
    margin-bottom: 32px;
  }
}
.moments-banner__inner {
  background: #e20074;
  border-radius: 16px;
  overflow: hidden;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 768px) {
  .moments-banner__inner {
    border-radius: 24px;
    padding: 0;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    min-height: 360px;
  }
}
.moments-banner__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 32px;
}
@media (min-width: 768px) {
  .moments-banner__content {
    padding: 48px 32px 48px 64px;
  }
}
.moments-banner__label {
  color: rgba(255,255,255,0.8);
}
.moments-banner__title {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.moments-banner__desc {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5;
}
.moments-banner__btn {
  align-self: flex-start;
  background: #fff;
  color: #1d1d1b;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .moments-banner__btn {
    margin-top: 0;
  }
}
.moments-banner__image-wrap {
  order: -1;
  position: relative;
  width: calc(100% + 64px);
  aspect-ratio: 2 / 1;
  margin: -32px -32px 0;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}
@media (min-width: 768px) {
  .moments-banner__image-wrap {
    order: 0;
    flex: 0 0 50%;
    min-width: 0;
    width: auto;
    aspect-ratio: auto;
    align-self: stretch;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    position: relative;
  }
}
.moments-banner__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
@media (min-width: 768px) {
  .moments-banner__image {
    top: 0;
    bottom: 0;
    height: 100%;
  }
}
.text-white {
  color: #fff;
}

.pg-hero-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  padding: 32px;
  border-radius: 16px;
  background: #fff;
}

.sim-extra-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lead-form-select-wrapper {
  position: relative;
  width: calc(100% - 10px);
  margin-left: 5px;
  margin-right: 5px;
}
.lead-form-select-floating-label {
  position: absolute;
  left: 1.5rem;
  top: 0.35rem;
  font-size: 1rem;
  color: #1d1d1b;
  pointer-events: none;
}
.lead-form-select {
  width: 100%;
  padding: 1.5rem 2.5rem 0.625rem 1.5rem;
  border: 1px solid #000;
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "tele-neo-var", Arial, sans-serif;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2 5l6 6 6-6' stroke='%231d1d1b' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  appearance: none;
  cursor: pointer;
  color: #1d1d1b;
  box-sizing: border-box;
}
.lead-form-select:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
  border-color: #1d1d1b;
}
.lead-form-select option[value=""] {
  color: #6b6b6b;
}