/* ============================================
   CUSTOM-MOBILE.CSS - Mobile Styles
   Wszystkie style dla urządzeń mobilnych (max-width: 767.98px)
   TRAKTOR_CSS_REV: 20260430b5 (synchronizuj z custom.js — param URL traktor_rev)
   ============================================ */

/* Counselor modal - zawsze wyśrodkowany */
.counselor-modal-overlay.counselor-modal-active {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.counselor-modal-overlay {
  align-items: center !important;
  justify-content: center !important;
}

.counselor-modal-container {
  margin: 0 !important;
}

/* Nadpisanie responsive stylu z counselor-modal.css */
@media (max-width: 767px) {
  .counselor-modal-overlay {
    align-items: center !important;
    overflow-y: auto;
  }

  .counselor-modal-container {
    margin: auto 0 !important;
  }
}

@media (max-width: 767.98px) {
  /* Finansowanie hero mobile: ukryj wadliwy blok avatarów */
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main,
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main,
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatars,
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatars,
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar,
  #module-finansowanie-financing #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar {
    display: none !important;
  }

  #product .pg .pg-main .pg-meta {
    position: static;
  }

  #product .pg .pg-main .pg-meta .pg-chip--muted {
    position: absolute;
    left: 8px;
    top: 8px;
    bottom: auto;
  }

  #product .pg .pg-main .pg-meta .pg-chip--green {
    gap: 0;
    padding-right: 10px;
  }

  /* Górny rząd z ikoną trofeum i rankingiem na mobile */
  #product .pg .pg-main .pg-meta .pg-chip--green .pg-chip__header {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    position: relative;
  }

  /* Ikona strzałki z prawej strony w górnym rzędzie na mobile */
  #product .pg .pg-main .pg-meta .pg-chip--green .pg-chip__ne {
    margin-left: auto;
    flex-shrink: 0;
  }

  /* Tytuł wyrównany do lewej na mobile */
  #product .pg .pg-main .pg-meta .pg-chip--green .pg-chip__text {
    text-align: left;
    width: 100%;
    gap: 0;
  }

  /* Ukryj desktopową wersję strip na mobile */
  #product .pg .pg-strip-desktop {
    display: none;
  }

  /* Pokaż mobile wersję strip */
  #product .pg .pg-strip-mobile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 12px;
  }

  /* Kropki paginacji */
  #product .pg .pg-strip-mobile .pg-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0;
    padding-bottom: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    list-style: none;
    max-width: 100%;
    flex-wrap: wrap;
  }

  #product .pg .pg-strip-mobile .pg-dots::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
  }

  #product .pg .pg-strip-mobile .pg-dot {
    flex: 0 0 auto;
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #E5E5E5;
    padding: 0;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  #product .pg .pg-strip-mobile .pg-dot.active {
    background: #000;
  }

  /* Karta filmów na mobile */
  #product .pg .pg-strip-mobile .pg-videos-card-mobile {
    display: flex;
    width: 100%;
    background: #FAFAFA;
    border-radius: 12px;
    overflow: hidden;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__link {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    color: inherit;
    gap: 12px;
    padding: 0;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__thumb {
    position: relative;
    flex-shrink: 0;
    width: 120px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__play img {
    width: 24px;
    height: 24px;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__count {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__sub {
    color: var(--text-color-dark-secondary, #B2B2B2);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
  }

  #product .pg .pg-strip-mobile .pg-videos-card-mobile__placeholder {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* Style dla tytułu produktu na mobile */
  #product .product-single2 .product-title {
    margin-bottom: 8px;
  }

  #product .product-single2 .product-title h1 {
    color: var(--text-color-base-primary, #000);
    /* Text/Title */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
  }

  /* Margin-top dla akcji produktu na mobile */
  #product .product-single2 .single-sz.product-actions.js-product-actions {
    margin-top: 32px;
  }

  /* Ukryj ostatni element .p-meta__item na mobile */
  #product .product-single2 .p-meta__item:last-child {
    display: none;
  }

  /* Margin-bottom dla .p-meta na mobile */
  #product .product-single2 .p-meta {
    margin-bottom: 8px;
  }

  /* Margin-top dla wariantów produktu na mobile */
  #product .product-variants.js-product-variants {
    margin-top: 0;
  }

  /* Usuń margin-top i padding-top dla product-actions-header na mobile */
  body#product .product-actions-header {
    margin-top: 16px;
    padding-top: 0;
  }

  /* Pokaż product-actions-header--mobile tylko na mobile */
  body#product .product-actions-header--mobile {
    display: flex;
  }

  /* Ukryj product-actions-header z breadcrumb na mobile */
  body#product .product-actions-header:not(.product-actions-header--mobile) {
    display: none;
  }

  /* Stylowanie nawigacji productSpy na mobile - jak na screenie */
  #product .product-container2 #productSpy.nav-full {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #fff !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  #product .product-container2 #productSpy.nav-full::-webkit-scrollbar {
    display: none;
    height: 0;
  }

  #product .product-container2 #productSpy.nav-full .nav-link {
    position: relative;
    flex: 0 0 auto;
    color: #000;
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 16px;
    padding-bottom: 12px;
    text-decoration: none;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s ease;
    cursor: pointer;
  }

  #product .product-container2 #productSpy.nav-full .nav-link:hover {
    color: #000;
  }

  #product .product-container2 #productSpy.nav-full .nav-link.active {
    color: #000;
    font-weight: 400;
    border-bottom: 2px solid #000;
  }

  /* Margin-top dla product-container2 na mobile */
  #product .product-container2 {
    margin-top: 32px;
  }

  /* Stylowanie pdesc na mobile */
  #product .product-container2 .pdesc {
    padding: 0;
  }

  #product .product-container2 .pdesc .pdesc__h2 {
    margin-top: 44px;
    margin-bottom: 0;
  }

  /* Zmiana kolejności: SVG przed spanem na mobile */
  #product .product-container2 .pdesc .pdesc__h2 span {
    order: 2;
    margin-bottom: 0;
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 133.333% */
  }

  #product .product-container2 .pdesc .pdesc__h2 .pdesc__line {
    order: 1;
  }

  /* Stylowanie pdesc__h3 na mobile */
  #product .product-container2 .pdesc .pdesc__h3 {
    margin-top: 48px;
    margin-bottom: 14px;
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
  }

  /* Stylowanie pdesc__text na mobile */
  #product .product-container2 .pdesc .pdesc__text {
    margin-bottom: 32px;
  }

  /* Stylowanie pdesc__text p na mobile */
  #product .product-container2 .pdesc .pdesc__text p {
    color: var(--color-neutral-2, #2D2D2D);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
  }

  /* Purpose Recommendations - Mobile styles */
  #product .product-container2 .purpose-recommendations {
    margin: 24px 0;
  }

  #product .product-container2 .purpose-recommendations__grid {
    gap: 12px;
  }

  #product .product-container2 .purpose-recommendation {
    padding: 16px 20px;
  }

  #product .product-container2 .purpose-recommendation__icon {
    width: 24px;
    height: 24px;
  }

  #product .product-container2 .purpose-recommendation__icon span {
    width: 24px;
    height: 24px;
  }

  #product .product-container2 .purpose-recommendation__icon img {
    width: 24px;
    height: 24px;
  }

  #product .product-container2 .purpose-recommendation__text {
    font-size: 14px;
  }

  /* Responsive width dla purpose-recommendation na mobile */
  #product .product-container2 .purpose-recommendations__grid--1 .purpose-recommendation {
    width: 100%;
  }

  #product .product-container2 .purpose-recommendations__grid--2 .purpose-recommendation {
    width: 100% !important;
    padding-left: 33px;
  }

  #product .product-container2 .purpose-recommendations__grid--3 .purpose-recommendation:nth-child(1),
  #product .product-container2 .purpose-recommendations__grid--3 .purpose-recommendation:nth-child(2) {
    width: calc(50% - 6px);
  }

  #product .product-container2 .purpose-recommendations__grid--3 .purpose-recommendation:nth-child(3) {
    width: 100%;
  }

  #product .product-container2 .purpose-recommendations__grid--4 .purpose-recommendation,
  #product .product-container2 .purpose-recommendations__grid--5 .purpose-recommendation,
  #product .product-container2 .purpose-recommendations__grid--6 .purpose-recommendation {
    width: calc(50% - 6px);
  }

  /* Odwrócenie kolejności pbuild__item na mobile: zdjęcie, potem numer+tytuł+treść */
  #product .product-container2 .pbuild {
    padding: 0;
  }

  #product .product-container2 .pbuild .pbuild__item {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 16px;
    padding-bottom: 0;
  }

  #product .product-container2 .pbuild .pbuild__item.pbuild__item--first {
    padding-top: 0;
  }

  #product .product-container2 .pbuild .pbuild__media {
    order: 1;
  }

  #product .product-container2 .pbuild .pbuild__text {
    order: 2;
    width: 100%;
    padding-top: 24px;
  }

  /* Numeracja obok tytułu na mobile */
  #product .product-container2 .pbuild .pbuild__no {
    margin: 0;
    margin-right: 8px;
    display: inline;
    vertical-align: baseline;
    color: var(--text-color-base-tetriary, #888);
    /* Text/Caption <str> */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 133.333% */
  }

  #product .product-container2 .pbuild .pbuild__title {
    margin: 0;
    display: inline;
    vertical-align: baseline;
    color: var(--text-color-base-primary, #000);
    /* Text/Body II<str> */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
  }

  #product .product-container2 .pbuild .pbuild__item.pbuild__item--last {
    border-bottom: 1px solid #e5e5e5;
  }

  #product .product-container2 .pfeats__inner {
    gap: 8px;
  }

  #product .product-container2 .pfeats__title {
    color: var(--text-color-base-primary, #000);
    /* Text/Body II<str> */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 32px;
  }

  #product .product-container2 .pfeats__desc p {
    color: var(--text-color-base-secondary, #595959);
    /* Text/Body II */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  #product .product-container2 .pvid-card__duration {
    color: var(--text-color-dark-primary, #FFF);
    /* Text/Caption <str> */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 133.333% */
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--background-color-dark, #000);
  }

  #product .product-container2 .pvid-card__title {
    color: var(--text-color-base-primary, #000);
    /* Text/Body */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
  }

  /* Ukryj filmiki poza pierwszymi 2 na mobile */
  #product .product-container2 .pvid-card.pvid-card--hidden-mobile {
    display: none;
  }

  /* Przycisk "Pokaż więcej filmików" - tylko na mobile */
  #product .product-container2 .pvid__show-more-mobile {
    display: block;
    margin-top: 16px;
    text-align: center;
  }

  #product .product-container2 .pvid__show-more-btn {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 12px 24px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  #product .product-container2 .pvid__show-more-btn:hover {
    background: #f5f5f5;
    border-color: #d0d0d0;
  }

  #product .product-container2 .pvid__show-more-btn:active {
    background: #e5e5e5;
  }

  #product .product-container2 .product-spec .product-features {
    margin-top: 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  #product .product-container2 .product-spec .product-features .pf__panel .pf__item {
    padding: 8px 23px;
  }

  #product .product-container2 .product-spec .product-features .pf__panel .pf__item:nth-child(2n+1) {
    border-radius: 0;
  }

  #product .product-container2 .product-spec .product-features .pf__panel .pf__item .name,
  #product .product-container2 .product-spec .product-features .pf__panel .pf__item .value {
    color: var(--text-color-base-tetriary, #888);
    /* Text/Body II */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  #product .product-container2 .product-spec .product-features .pf__panel .pf__item .value {
    color: var(--text-color-base-primary, #000);
    /* Text/Body II */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  #product .product-container2 .product-spec .product-features .data-sheet {
    gap: 2px;
  }

  #tab-spec {
    margin-top: 64px;
  }

  #product .product-container2 .product-spec .product-features .pf__group-title {
    margin-top: 32px;
    margin-bottom: 12px;
    padding-left: 23px;
    padding-right: 24px;
    color: var(--text-color-base-primary, #000);
    /* Text/Body */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
  }

  /* Delivery service images - mobile */
  #product .aer-benefits .aer-delivery-image-desktop {
    display: none !important;
  }

  #product .aer-benefits .aer-delivery-image-mobile {
    display: block !important;
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  /* Aer benefits section - mobile */
  #product .aer-benefits {
    margin-top: 32px;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }

  /* Aer benefits - numer obok tekstu na mobile */
  #product .aer-benefits .aer-benefits-grid .aer-benefit .aer-benefit-c {
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }

  #product .aer-benefits .aer-benefits-grid {
    padding-left: 24px;
    padding-right: 24px;
  }

  #product .aer-benefits .aer-benefits-grid .aer-benefit .aer-num {
    margin-bottom: 0;
    flex-shrink: 0;
  }

  #product .aer-benefits .aer-benefits-grid .aer-benefit {
    min-height: unset;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-top: 20px;
    margin-top: 0;
  }

  /* Aer CTA section - mobile */
  #product .aer-cta {
    margin-top: 64px;
  }

  #product .aer-cta .aer-cta-card {
    padding: 20px 24px;
  }

  #product .aer-cta .aer-cta-card .aer-cta-icon {
    margin-bottom: 16px;
  }

  #product .aer-cta .aer-cta-card .aer-cta-arrow {
    margin-top: 24px;
  }

  /* Aer consult section - mobile - zmiana kolejności: tytuł, opis, avatar+przycisk obok siebie */
  #product .aer-consult .aer-consult__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  /* Użyj display: contents, aby dzieci .aer-consult__left były bezpośrednio w .aer-consult__inner */
  #product .aer-consult .aer-consult__left {
    display: contents;
  }

  /* Tytuł - pierwszy */
  #product .aer-consult .aer-consult__text {
    order: 1;
    width: 100%;
    flex-basis: 100%;
  }

  #product .aer-consult .aer-consult__title {
    order: 1;
  }

  #product .aer-consult .aer-consult__desc {
    order: 2;
  }

  /* Avatar i przycisk - obok siebie na dole */
  /* Ukryj oryginalny avatar na mobilce */
  #product .aer-consult .aer-consult__avatar {
    display: none;
  }

  /* Pokaż duplikat avatara w .aer-consult__right tylko na mobilce */
  #product .aer-consult .aer-consult__right {
    order: 2;
    margin-top: 24px;
    margin-left: 0;
    flex-shrink: 0;
    flex-basis: auto;
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  #product .aer-consult .aer-consult__right .aer-consult__avatar-mobile {
    position: relative;
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
  }

  #product .aer-consult .aer-consult__right .aer-consult__avatar-mobile p {
    margin-bottom: 0;
  }

  #product .aer-consult .aer-consult__right .aer-consult__avatar-mobile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    width: 56px;
    height: 56px;
  }

  #product .aer-consult .aer-consult__right .aer-consult__avatar-mobile .aer-consult__badge {
    position: absolute;
    right: -8px;
    bottom: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--accent);
    color: #0b0b0b;
    display: grid;
    place-items: center;
    box-shadow: 0 0 16px var(--glow);
  }

  #product .aer-consult .aer-consult__right .aer-consult__avatar-mobile .aer-consult__badge img {
    width: 16px;
    height: 16px;
    object-fit: contain;
  }

  #product .aer-consult .btn-aer-glow {
    width: 173px;
    margin-left: auto;
  }

  /* Aer consult white section - mobile - takie same style jak aer-consult */
  #product .aer-consult-white .aer-consult__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  #product .aer-consult-white .aer-consult__left {
    display: contents;
  }

  #product .aer-consult-white .aer-consult__text {
    order: 1;
    width: 100%;
    flex-basis: 100%;
  }

  #product .aer-consult-white .aer-consult__title {
    order: 1;
  }

  #product .aer-consult-white .aer-consult__desc {
    order: 2;
  }

  /* Ukryj oryginalny avatar na mobilce */
  #product .aer-consult-white .aer-consult__avatar {
    display: none;
  }

  /* Pokaż duplikat avatara w .aer-consult__right tylko na mobilce */
  #product .aer-consult-white .aer-consult__right {
    order: 2;
    margin-top: 24px;
    margin-left: 0;
    flex-shrink: 0;
    flex-basis: auto;
    align-self: flex-start;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* Mobile filters - subtitle margin */
  #mobile-filters-placeholder #amazzing_filter .af_subtitle,
  #mobile-filters-placeholder>#amazzing_filter .af_subtitle {
    padding: 0;
    margin-bottom: 8px;
  }

  /* Mobile filters - filter content padding */
  #mobile-filters-placeholder #amazzing_filter .af_filter_content,
  #mobile-filters-placeholder>#amazzing_filter .af_filter_content,
  .mobile-filters-modal #mobile-filters-placeholder #amazzing_filter .af_filter_content {
    padding: 0;
  }

  /* Mobile filters - form padding-bottom */
  .has-compact-filter .af.block .block_content form {
    padding-bottom: 0;
  }

  /* Mobile filters body padding-bottom */
  .mobile-filters-body {
    padding-bottom: 0;
  }

  /* Mobile filters close button */
  .mobile-filters-close {
    padding: 0;
  }

  /* Mobile filters title */
  .mobile-filters-title {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
  }

  /* Mobile filters header */
  .mobile-filters-header {
    padding: 16px 24px;
  }

  /* Mobile subcategory item */
  .mobile-subcategory-item {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  /* Mobile filters - last filter item */
  #mobile-filters-placeholder #amazzing_filter .af_filter:last-child,
  #mobile-filters-placeholder>#amazzing_filter .af_filter:last-child,
  .mobile-filters-modal #mobile-filters-placeholder #amazzing_filter .af_filter:last-child,
  .has-compact-filter .mobile-filters-modal #mobile-filters-placeholder #amazzing_filter .af_filter:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  /* Mobile sort wrapper */
  .mobile-sort-wrapper {
    margin-bottom: 8px;
  }

  /* Mobile filters toggle button - text color and styles */
  .mobile-filters-toggle,
  .mobile-filters-toggle span {
    color: var(--text-color-base-primary, #000);
    /* Text/Body II */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  /* Hide "Back to top" button on mobile */
  .btn-top,
  .d-block.d-md-none .btn-top {
    display: none !important;
  }

  /* mobilka: */
  #header .mobile-cta-fixed {
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
  }

  #header #mobile-cta-fixed .single-phone {
    font-size: 10px;
  }

  #header #mobile-cta-fixed .phone-call {
    font-size: 10px;
    margin-left: 10px !important;
    margin-right: 6px;
  }

  #header #mobile-cta-fixed .route-link,
  #header #mobile-cta-fixed .phone-link {
    color: var(--text-color-base-primary, #000);
    /* Text/Caption */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
  }

}

/* Style tylko dla urządzeń mobilnych */
@media (max-width: 767.98px) {
  .section-front1 .single-left2 img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-left: auto;
    display: block;
  }

  /* Mobilne zdjęcie wyrównane maksymalnie do prawej krawędzi */
  .section-front1 .single-left2 img.d-block.d-sm-none {
    position: relative;
    right: -38px;
    max-width: calc(100% + 33px);
    width: calc(100% + 32px);
    margin-left: 0;
  }

  .section-front1 .single-right1 .single-right1-sz .card .text-warning span {
    width: 13px !important;
    height: 13px !important;
    display: inline-block;
    flex-shrink: 0;
  }

  .section-front1 .single-right1 .single-right1-sz .card .ico img {
    width: 20px;
  }

  .section-front1 .section-product1 .thumbnail-container {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
  }

  .section-front1 .section-product1 .product-category-badge2 {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
  }

  .single1-sz ul {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
  }

  .single1-sz ul li,
  .single1-sz ul li.flex {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    display: inline-block !important;
    flex-direction: row !important;
  }
}

/* Fix horizontal scroll when modal opens */
body.modal-open {
  overflow-x: hidden !important;
  position: fixed;
  width: 100%;
}

#mobile-search-modal {
  overflow-x: hidden !important;
}

#mobile-search-modal .modal-dialog {
  overflow-x: hidden !important;
}

#mobile-search-modal .modal-content {
  overflow-x: hidden !important;
}

/* Fix search input horizontal scroll in modal */
#mobile-search-modal .search-widget,
#search_widget_mobile {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

#mobile-search-modal .custom-search-form,
#search_widget_mobile .custom-search-form {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden !important;
}

#mobile-search-modal .search-input,
#search_widget_mobile .search-input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden !important;
}

#search_widget form input,
.search-widget form input {
  width: 100% !important;
}

.block_newsletter form button[type="submit"],
.search-widget form button[type="submit"] {
  position: absolute;
  right: 8px;
  bottom: .3125rem;
  color: #7a7a7a;
  background: 0 0;
  border: 0;
  bottom: 8px;
}

.mobile-header-nav .mobile-logo a,
.mobile-header-nav .mobile-logo h1 {
  padding-top: 1px;
}

/* Od 450px+ pokazuj mobilne zdjęcie wyrównane do prawej */
@media (min-width: 450px) and (max-width: 575.98px) {
  .section-front1 .single-left2 img.d-none.d-sm-block {
    display: none !important;
  }

  .section-front1 .single-left2 img.d-block.d-sm-none {
    display: block !important;
    position: relative;
    left: auto;
    right: -38px;
    max-width: calc(100% + 33px);
    width: calc(100% + 32px);
    margin-left: 0;
  }
}

/* Rozdzielczość 768px - 992px: średnia mobilka */
@media (min-width: 768px) and (max-width: 991.98px) {

  .section-front1 .single-left2 img {
    display: block;
    position: relative;
    left: 0;
    width: 100%;
  }

  .section-front1 .single-right1 .single-right1-sz section.container {
    padding-right: 10px;
  }

  .section-front1 .single-right1 .single-right1-sz .single-counselor .avatars.avatars--stacked .avatar:nth-child(2),
  .section-front1 .single-right1 .single-right1-sz .single-counselor .avatars.avatars--stacked .avatar:nth-child(3) {
    display: none;
  }

  .section-front1 .single-right1 .single-right1-sz .card .svg-star {
    width: 14px;
    height: 14px;
  }

  .section-front1 .single-left1-sz {
    margin-top: 0;
  }

  .section-front1 .single-left1-sz h1 {
    color: var(--text-color-base-primary, #000);
    font-family: var(--font-family-family-primary, Sora);
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 10px;
  }

  .section-front1 .single-left1-sz p {
    font-size: 14px;
    line-height: 22px;
  }

  #header #mobile-cta-fixed .text-muted {
    height: 15px;
  }

  #header #mobile-cta-fixed .phone-call {
    font-size: 10px;
    margin-left: 10px !important;
    margin-right: 6px;
  }

  /* Advice Hero button max-width */
  .advice-hero .div-btn-section .btn12 {
    max-width: 258px;
  }

  /* Horizontal scroll for contact cards */
  .ah-contact-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding-bottom: 12px !important;
    margin-right: -16px !important;
    /* Allow scroll to edge */
    padding-right: 16px !important;
  }

  .ah-contact-cards .ah-contact-card {
    flex: 0 0 270px !important;
    min-width: 270px !important;
  }
}

@media (max-width: 768px) {
  .advice-hero .div-btn-section .btn12 {
    max-width: 258px;
  }
}

/* Fix megamenu overlay not hiding after close */
.megamenu-mobile-overlay {
  transition: opacity 0.3s ease, visibility 0.3s ease, display 0.3s ease allow-discrete;
}

.megamenu-mobile-overlay:not(.active) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@starting-style {
  .megamenu-mobile-overlay.active {
    opacity: 0;
  }
}

@media (max-width: 400px) {
  #header #mobile-cta-fixed .phone-call {
    margin-left: 10px !important;
  }

  #header #mobile-cta-fixed .single1 {
    gap: 2px;
  }

  #header #mobile-cta-fixed .route-link,
  #header #mobile-cta-fixed .phone-link {
    font-size: 9px;
  }

  #header #mobile-cta-fixed .text-muted {
    font-size: 9px;
  }

  #header .mobile-fairs-bar .bar-link a,
  #header .header-nav-wrapper,
  #header .mobile-fairs-bar .calendar-link {
    font-size: 10px !important;
  }

  #header .mobile-fairs-bar .calendar-link {
    line-height: 14px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  #header .mobile-fairs-bar .bar-close svg {
    width: 20px !important;
  }

  #header .psfairs-next__link {
    display: inline-block !important;
    max-width: 130px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }

  #header .header-nav-wrapper {
    padding: 6px 0 !important;
  }
}


/* Slider strona główna - Moved from module */
.section-front1 .single-left1-sz .hero-subtitle {
  max-width: 561px;
}

.section-front1 .single-left1-sz .hero-heading {
  max-width: 561px;
}

@media (min-width: 993px) {
  .section-front1 .single-right1-sz {
    padding-right: 5px !important;
  }
}

@media (min-width: 993px) and (max-width: 1380px) {

  .section-front1 .section-product1 .owl-item .js-product,
  .section-front1 .section-product1 .owl-item .product-miniature {
    margin-left: 1px !important;
  }
}

/* Style dla mobile-cta do 992px */
@media (max-width: 991.98px) {
  #header #mobile-cta-fixed .text-muted {
    color: #595959 !important;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.3px;
  }

  .sec-duo .duo-left .duo-text p,
  .ec-duo .duo-left .duo-text p {
    margin-top: 12px;
  }
}

/* Rozdzielczość 992px - 1090px */
@media (min-width: 992px) and (max-width: 1090px) {
  #header .header-nav-wrapper {
    font-size: 13px;
  }

  #header .header-nav-wrapper .topbar-info .calendar-link {
    color: #b2b2b2;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    padding: 4px 4px;
    border-radius: 4px;
  }

  #header .header-nav-wrapper .topbar-info .divider {
    color: #999;
    margin: 0 1px;
  }

  #header .header-nav-wrapper .topbar-info .cms-content p {
    font-size: 13px;
  }

  #header .header-nav-wrapper .topbar-menu ul li a {
    display: flex;
    align-items: center;
    color: rgb(178, 178, 178);
    text-decoration: none;
    background-color: transparent;
    border: none;
    padding: 4px 4px;
    border-radius: 4px;
    font-family: var(--font-family-family-primary, Sora);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    transition: all 0.2s ease;
  }

  #header .header-nav-wrapper .topbar-menu ul li {
    margin-right: 13px;
  }
}

/* About page - Live Section */
#module-aboutus-about .live-sec {
  width: 99vw !important;
  max-width: 99vw !important;
  margin-left: calc(-49.5vw + 50%) !important;
  margin-right: calc(-49.5vw + 50%) !important;
  background: var(--background-color-brand-2-light, #F8F5F2);
}

#module-aboutus-about .live-sec .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

/* About page - Live Section About (osobne reguły do ewentualnych różnic) */
#module-aboutus-about .live-sec-about {
  width: 99vw !important;
  max-width: 99vw !important;
  margin-left: calc(-49.5vw + 50%) !important;
  margin-right: calc(-49.5vw + 50%) !important;
  background: var(--background-color-brand-2-light, #F8F5F2);
}

#module-aboutus-about .live-sec-about .container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

/* Very small screens - below 360px */
@media (max-width: 360px) {
  .mobile-header-nav .mobile-header-actions {
    gap: 9px;
  }

  .mobile-header-nav .mobile-wishlist-btn svg,
  .mobile-header-nav .mobile-cart-btn svg,
  .mobile-header-nav .mobile-account-btn svg {
    width: 20px;
    height: 20px;
  }
}

/* Hide "Showroom" word on mobile */
@media (max-width: 767.98px) {
  #header #mobile-cta-fixed .single1 .text-muted::before {
    content: none;
  }

  #header #mobile-cta-fixed .single1 .text-muted {
    font-size: 0;
  }

  /* Show only Traktor.com.pl part */
  #header #mobile-cta-fixed .single1 .text-muted::after {
    content: 'Traktor.com.pl';
    font-size: 9px;
  }

  /* Ensure Traktor.com.pl and Show route appear on the same line */
  #header #mobile-cta-fixed .single1 {
    flex-wrap: nowrap;
    gap: 8px;
  }
}

/* Hide "Showroom" word on mobile - proper approach */
@media (max-width: 767.98px) {
  #header #mobile-cta-fixed .single1 .showroom-word {
    display: none;
  }
}

/* Wyrównanie do prawej dla desktop img na tablet portrait (576-767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .section-front1 .single-left2 img.d-none.d-sm-block {
    position: relative;
    right: -38px;
    max-width: calc(100% + 43px);
    width: calc(100% + 43px);
    margin-left: 0;
  }
}

/* Very small screens - smaller stars */
@media (max-width: 360px) {
  .section-front1 .single-right1 .single-right1-sz .card .text-warning span {
    width: 10px !important;
    height: 10px !important;
    display: inline-block;
    flex-shrink: 0;
  }

  .section-front1 .single-right1 .single-right1-sz .card .text-warning svg {
    width: 11px !important;
    height: 11px !important;
  }

  .section-front1 .single-right1 .single-right1-sz .card .title1 {
    font-size: 9px;
  }

  .section-front1 .single-right1 .single-right1-sz .card .title2 {
    font-size: 9px;
  }

  .section-front1 .single-right1 .single-right1-sz .card .ico {
    margin-bottom: 4px;
  }

  .section-front1 .single-right1 .single-right1-sz .card .btn-more svg {
    width: 14px;
    height: 14px;
  }

  .section-front1 .single-right1 .single-right1-sz .card .btn-more {
    top: 3px;
  }

  .section-front1 .single-right1 .single-right1-sz .single-counselor .scard__copy {
    margin-left: 8px;
  }

  .section-front1 .single-right1 .single-right1-sz .single-counselor .scard__arrow {
    margin-right: 8px;
  }
}

/* ============================================
   RANKINGI HOME - Mobile Filter Icons
   ============================================ */
@media (max-width: 767.98px) {
  .filter-icon svg {
    width: 18px;
    height: 13px;
  }

  .filter-item:nth-child(2) .filter-icon {
    padding: 10px !important;
  }

  .filter-item:nth-child(3) .filter-icon {
    padding: 10px !important;
  }

  /* Section Front2 Products - Featured Section Spacing */
  .section-front2-products .single-sz .single-featured {
    margin-bottom: 12px;
  }

  .section-front2-products .single-sz .single-featured h4 {
    margin-bottom: 8px;
  }

  /* Section Front2 Products - Row Padding */
  .section-front2-products .single-sz>.row {
    padding: 0 10px;
  }

  /* Section Front2 Products - Container Layout */
  .section-front2-products>.container-fluid>.row {
    gap: 3px;
  }

  .section-front2-products>.container-fluid>.row>.single-product {
    min-width: 95%;
  }

  /* Section Front2 Products - Button SVG Sizing */
  .section-front2-products .single-sz .product-card .btn-fab svg {
    width: 24px;
    height: 24px;
  }
}

/* ============================================
   SECTION FRONT2 - Small Mobile Adjustments (<400px)
   ============================================ */
@media (max-width: 400px) {
  .section-front2-products .single-sz .single-info .chips .chip {
    display: flex;
    padding: 6px 10px;
    justify-content: center;
    align-items: flex-start;
    gap: -1px;
    line-height: 1;
    font-size: 10px;
  }

  .sec-duo .duo-left .duo-text h5,
  .ec-duo .duo-left .duo-text h5 {
    font-size: 17px;
    line-height: 25px;
    min-height: 50px;
  }

  .js-counselor-modal-open {
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ============================================
   FEATURED PRODUCTS - Horizontal Scroll
   ============================================ */
@media (max-width: 768px) {

  .section-products-used .products-grid,
  .section-front3 .section-products-used .products-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-products-used .products-grid .product-item,
  .section-front3 .section-products-used .products-grid .product-item,
  .section-products-used .products-grid .product,
  .section-front3 .section-products-used .products-grid .product {
    flex: 0 0 auto !important;
    min-width: 180px !important;
    max-width: 180px !important;
    width: 180px !important;
  }

  .section-products-used .products-grid::-webkit-scrollbar,
  .section-front3 .section-products-used .products-grid::-webkit-scrollbar {
    height: 4px;
  }

  .section-products-used .products-grid::-webkit-scrollbar-track,
  .section-front3 .section-products-used .products-grid::-webkit-scrollbar-track {
    background: transparent;
  }

  .section-products-used .products-grid::-webkit-scrollbar-thumb,
  .section-front3 .section-products-used .products-grid::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 2px;
  }

  .section-front3 .single2 {
    padding-right: 0;
  }

  .products-button-wrapper,
  .section-products-used .products-button-wrapper,
  .section-front3 .section-products-used .products-button-wrapper {
    padding-right: 20px;
  }

  /* MyCategories - wyrównanie nazw kategorii */
  .mycategories .cat-tile__name {
    text-align: center;
  }

  .mycategories .cat-tile__name p {
    color: var(--text-color-base-primary, #000);
    text-align: center;
    font-family: var(--font-family-family-primary, Sora);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
  }

  .mycategories .cat-tile.cat-tile--show-all {
    border-radius: var(--radius-x-small, 4px);
    background: var(--color-neutral-10, #E5E5E5);
    color: var(--text-color-base-primary, #000);
    text-align: center;
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mycategories .cat-tile__corner {
    display: none;
  }
}

/* --- COMPREHENSIVE RESPONSIVE FOOTER & MENU (FIGMA v11) --- */


/* --- COMPREHENSIVE RESPONSIVE FOOTER & MENU (FIGMA v16.7) --- */

#footer .f-links-responsive {
  display: block;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 991px) {
  #footer {
    padding-top: 64px;
    background: #000;
    overflow-x: hidden !important;
    /* Usuwanie poziomego scrolla v16.6 */
  }

  /* Sekcja Kontaktowa v16.6 */
  #footer .contact-sec {
    padding-top: 0;
    padding-bottom: 0;
    background: #000;
  }

  #footer .contact-sec .c-brand {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    display: block;
  }

  #footer .contact-sec .c-brand img {
    margin: 0 !important;
    width: 178px !important;
    max-width: 178px !important;
  }

  #footer .contact-sec .c-info__grid {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
  }

  #footer .footer-map-col {
    margin-bottom: 16px !important;
  }

  #footer .contact-sec .c-info__addr-line1 {
    color: var(--text-color-dark-primary, #FFF) !important;
    font-family: var(--font-family-family-primary, Sora) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    margin-bottom: 4px !important;
  }

  #footer .contact-sec .c-info__addr-line1 strong {
    color: var(--text-color-dark-primary, #FFF) !important;
    font-family: var(--font-family-family-primary, Sora) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
  }

  #footer .contact-sec .c-info__addr-line2 {
    color: var(--text-color-dark-secondary, #B2B2B2) !important;
    font-family: var(--font-family-family-primary, Sora) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
  }

  /* Widoczność Godzin i Kontakt v16.6 */
  #footer .c-info__hour-line,
  #footer .c-info__hour-line p,
  #footer .contact-sec .c-info__link {
    color: var(--text-color-dark-primary, #FFF) !important;
    font-family: var(--font-family-family-primary, Sora) !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 0 !important;
    display: block !important;
    font-style: normal !important;
    font-weight: 400 !important;
  }

  #footer .f-links-inner-col,
  #footer .col-12.col-md-6.f-links-inner-col {
    padding: 0 !important;
  }

  /* Tablet: odstępy między kolumnami (padding na col był zerowany dla całości mobilki) */
  @media (min-width: 768px) and (max-width: 991.98px) {
    #footer .f-links-col .f-links-inner-col[class*="col-md-"]:not(:last-child) {
      padding-right: 12px !important;
    }

    #footer .f-links-col .f-links-inner-col[class*="col-md-"]:not(:first-child) {
      padding-left: 12px !important;
    }
  }

  /* Wyzerowanie marginesów dla głównego wiersza linków */
  #footer .f-links-col>.row {
    margin: 0 !important;
    width: 100% !important;
  }

  #footer .f-links-responsive {
    margin-bottom: 26px !important;
    /* Zmiana z 40px na 26px v16.6 */
  }

  /* Nagłówki Menu Mobilnego v16.7 */
  #footer .footer-link .footer-menu-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    border-bottom: none !important;
    pointer-events: auto !important;
  }

  #footer .f-links-responsive .footer-menu-item .footer-menu-title {
    min-height: 0;
  }

  /* Linia widoczna TYLKO gdy sekcja jest otwarta */

  #footer .footer-link .footer-menu-title span:not(.footer-menu-arrow),
  #footer .footer-link .footer-menu-title .footer-menu-title-text {
    color: var(--text-color-dark-primary, #FFF) !important;
    font-family: var(--font-family-family-primary, Sora), sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-transform: none !important;
    visibility: visible !important;
    display: inline-block !important;
  }

  #footer .footer-menu-toggle {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
    text-align: left !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  /* Gdy nagłówek jest owinięty w .footer-menu-title-text */
  #footer .footer-menu-toggle > .footer-menu-title-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  #footer .footer-menu-toggle > .footer-menu-arrow:last-child {
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-inline-start: auto !important;
  }

  /*
   * custom2.css przy (min-width: 768px) ukrywa .footer-link .footer-menu-toggle
   * oraz .footer-menu-arrow (accordion „desktop”). W zakresie 768–991px stopka
   * nadal ma układ accordion (.f-links-responsive), więc tekst nagłówka (wewnątrz toggle)
   * i strzałki muszą być widoczne — wyższa specyficzność nadpisuje custom2.
   */
  #footer .footer-link.f-links-responsive .footer-menu-toggle,
  #footer .footer-link .f-links-responsive .footer-menu-toggle {
    display: flex !important;
    visibility: visible !important;
  }

  /* Stylistyka Strzałek v16.8 - Tło #2D2D2D i Radius 4px */
  #footer .footer-menu-arrow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    background: var(--color-neutral-2, #2D2D2D) !important;
    border-radius: var(--radius-x-small, 4px) !important;
    flex-shrink: 0;
  }

  #footer .footer-link.f-links-responsive .footer-menu-arrow,
  #footer .footer-link .f-links-responsive .footer-menu-arrow {
    display: flex !important;
    visibility: visible !important;
  }

  #footer .footer-menu-arrow-open {
    display: none !important;
  }

  #footer .footer-menu-arrow-closed {
    display: block !important;
  }

  #footer .footer-menu-item.is-open .footer-menu-arrow-open {
    display: block !important;
  }

  #footer .footer-menu-item.is-open .footer-menu-arrow-closed {
    display: none !important;
  }

  #footer .footer-menu-arrow,
  #footer .footer-menu-item.is-open .footer-menu-arrow {
    transform: none !important;
  }

  /* Lista linków */
  #footer .footer-menu-list,
  #footer .menu-ul {
    padding: 8px 0 16px 8px !important;
    margin: 0;
    list-style: none;
    background: #000;
  }

  #footer .footer-menu-list li {
    margin-bottom: 8px;
  }

  /* Linia pod otwartym menu v16.10 */
  #footer .footer-menu-item.is-open .footer-menu-list {
    border-bottom: 1px solid #1a1a1a !important;
  }

  #footer .footer-menu-list a,
  #footer .footer-menu-link {
    font-family: var(--font-family-family-primary, Sora), sans-serif;
    font-size: 14px;
    line-height: 21px;
    color: #727272;
    text-decoration: none;
    font-weight: 400;
    display: block;
    padding: 4px 0;
  }

  /* DOLNY PASEK - v16.7 */
  #footer .fb-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    border-top: none !important;
    width: 100% !important;
  }

  #footer .fb-links {
    flex: 1;
    margin: 0 !important;
  }

  #footer .fb-links .footer-menu-list,
  #footer .fb-links .menu-ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  #footer .fb-links .footer-menu-link-item {
    padding: 0 !important;
    margin: 0 !important;
    display: inline-block !important;
  }

  #footer .fb-links .footer-menu-link {
    color: #727272 !important;
    font-size: 14px !important;
    padding: 0 !important;
    line-height: 20px !important;
  }

  #footer .fb-credit {
    margin: 0 !important;
    text-align: right !important;
    flex-shrink: 0;
  }

  #footer .fb-credit a {
    color: #727272 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    line-height: 20px !important;
  }

  #footer .footer-bottom {
    padding-bottom: 8px !important;
  }
}

/* Wersja Desktop - Fix v16.7 */
@media (min-width: 992px) {
  #footer .f-links-responsive .collapse {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  #footer .f-links-responsive .footer-menu-toggle {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    pointer-events: none !important;
    width: auto !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: default !important;
  }

  #footer .f-links-responsive .footer-menu-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    border-bottom: none !important;
    height: auto !important;
  }

  #footer .f-links-responsive .footer-menu-title span,
  #footer .f-links-responsive .footer-menu-title .footer-menu-title-text {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 14px !important;
    color: #727272 !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    font-family: var(--font-family-family-primary, Sora), sans-serif !important;
  }

  #footer .f-links-responsive .footer-menu-title .footer-menu-arrow {
    display: none !important;
  }

  #footer .f-links-responsive .footer-menu-arrow {
    display: none !important;
  }

  #footer .f-links-responsive .footer-menu-item {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    display: block !important;
    visibility: visible !important;
  }
}

/* ============================================
   FIX: Horizontal scroll overflow
   Product page (carousel peek) + Contact page
   ============================================ */

/* Product page: contain carousel peek overflow at section level */
@media (max-width: 991.98px) {

  /* Override global overflow-x:visible!important from custom2.css (needed for desktop sticky nav only) */
  #product,
  .backcolor1,
  .product-container,
  #product .product-container2 {
    overflow-x: hidden !important;
  }

  #product .tyres-related,
  #product .personalization-related,
  #product .category-same-other-products,
  #product .section-accessories {
    overflow-x: hidden !important;
  }
}

/* Contact page: prevent horizontal scroll from .row negative margins & file input */
#contact #wrapper {
  overflow-x: hidden;
}

.contact-form-section .bootstrap-filestyle {
  max-width: 100%;
  overflow: hidden;
}

.contact-form-section .bootstrap-filestyle input.filestyle {
  max-width: 100%;
}

@media (max-width: 768px) {
  .ah-shops-section {
    padding: 64px 0;
  }

  .ah-shops-section .container {
    padding: 0 16px;
  }

  .ah-shops-section .ah-shop-section {
    margin-bottom: 2.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-header .ah-shop-title {
    font-size: 1.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours {
    flex-direction: column;
    align-items: flex-start;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours .ah-shop-address {
    margin-bottom: 0.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours .ah-shop-hours {
    text-align: left;
    margin-left: 0;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards {
    flex-direction: column;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards .ah-contact-card {
    min-width: 275px;
  }

  .ah-shops-mobile {
    display: block;
  }

  .ah-contact-cards-desktop {
    display: none;
  }

  .ah-contact-cards-mobile {
    display: flex;
    overflow-x: auto;
    gap: 16px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ah-contact-cards-mobile::-webkit-scrollbar {
    display: none;
  }

  .ah-contact-cards-mobile .ah-contact-card {
    flex: 0 0 calc(100% - 60px);
    min-width: calc(100% - 60px);
    scroll-snap-align: start;
  }

  .ah-contact-cards-mobile .ah-contact-card:first-child {
    margin-left: 0;
  }

  .ah-contact-cards-mobile .ah-contact-card:last-child {
    margin-right: 16px;
  }

  .ah-shops-desktop {
    display: none !important;
  }
}

/* Mobile Contact Form Section Styles */
@media (max-width: 768px) {

  /* Contact Form Section Container */
  .cms-content-section-contact {
    padding: 64px 0;
  }

  .cms-content-section-contact .container {
    max-width: 100%;
    padding: 0 16px;
  }

  .cms-content-section-contact .title1 {
    padding-top: 0;
    padding-bottom: 16px;
  }

  .cms-content-section-contact .title1 p {
    color: #000;
    text-align: center;
    font-family: Sora, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 0;
  }

  .cms-content-section-contact .desc1 {
    margin-bottom: 32px;
  }

  .cms-content-section-contact .desc1 p {
    color: #595959;
    text-align: center;
    font-family: Sora, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
  }

  /* Contact Form Styling */
  .cms-content-section-contact .form-container .contact-form {
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
    /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    padding: 24px 16px 16px 16px;
    position: relative;
  }

  .cms-content-section-contact .form-container .contact-form .form-group {
    margin-bottom: 20px;
  }

  .cms-content-section-contact .form-container .contact-form .form-group.row {
    margin-left: 0;
    margin-right: 0;
  }

  .cms-content-section-contact .form-container .contact-form .form-control-label {
    padding-top: 0;
  }

  .cms-content-section-contact .form-container .contact-form .form-group .col-6 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .cms-content-section-contact .form-container .contact-form .form-group .col-6:first-child {
    margin-bottom: 24px;
  }

  .cms-content-section-contact .form-container .contact-form .form-group .col-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .cms-content-section-contact .form-container .contact-form label {
    color: #000;
    font-family: Sora, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
  }

  .cms-content-section-contact .form-container .contact-form .form-control,
  .cms-content-section-contact .form-container .contact-form .form-control-select {
    padding: 14px 16px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
  }

  .cms-content-section-contact .form-container .contact-form textarea.form-control {
    min-height: 120px;
  }

  .cms-content-section-contact .form-container .contact-form .form-control-add-files {
    padding: 24px 16px 16px;
  }

  .cms-content-section-contact .form-container .contact-form .form-control-add-files .form-text {
    font-size: 12px;
    margin-top: 16px;
  }

  .cms-content-section-contact .form-container .contact-form .btn-primary {
    width: 100%;
    padding: 16px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: start;
  }

  .cms-content-section-contact .form-container .contact-form .btn-primary svg {
    margin-left: auto;
  }

  .cms-content-section-contact .form-container .contact-form .form-footer {
    margin-top: 20px;
  }

  /* Corner Decoration - hide on mobile */
  .contact-form-corner-decoration {
    display: none;
  }

  /* Notification Styles */
  #contact-form-notification {
    margin-bottom: 20px;
  }

  #contact-form-notification .alert {
    padding: 16px 20px;
    border-radius: 6px;
    margin-bottom: 0;
  }

  #contact-form-notification .alert ul li {
    font-size: 14px;
    line-height: 20px;
  }

  /* Payment Info Blocks - Mobile Styles (.payment-info-block = ten sam blok co .payment-info-blocks) */
  .payment-info-blocks,
  .payment-info-block {
    margin-top: 64px;
  }

  .payment-info-blocks .container,
  .payment-info-block .container {
    padding: 0 16px;
  }

  .payment-info-blocks .payment-block,
  .payment-info-block .payment-block {
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
  }

  .payment-info-blocks .payment-block:last-child,
  .payment-info-block .payment-block:last-child {
    margin-bottom: 0;
  }

  .payment-info-blocks .payment-block .payment-block-title,
  .payment-info-block .payment-block .payment-block-title {
    min-height: 60px;
    height: auto;
    margin-bottom: 48px;
  }

  .payment-info-blocks .payment-block .payment-block-content,
  .payment-info-block .payment-block .payment-block-content {
    margin-top: 0;
  }

  .payment-info-blocks .payment-block-title h3,
  .payment-info-block .payment-block-title h3 {
    color: #000;
    font-family: Sora, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
  }

  .payment-info-blocks .payment-line,
  .payment-info-block .payment-line {
    margin-bottom: 16px;
    display: block;
  }

  .payment-info-blocks .payment-line:last-child,
  .payment-info-block .payment-line:last-child {
    margin-bottom: 0;
  }

  .payment-info-blocks .payment-line .label,
  .payment-info-block .payment-line .label {
    color: #595959;
    font-family: Sora, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: block;
    margin-bottom: 4px;
    text-align: left;
  }

  .payment-info-blocks .payment-line .value,
  .payment-info-block .payment-line .value {
    color: var(--text-color-base-secondary, #595959);

    /* Text/Caption */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    margin-right: 8px;
  }

  .payment-info-blocks .payment-block .payment-block-content .value,
  .payment-info-block .payment-block .payment-block-content .value {
    color: var(--text-color-base-primary, #000);

    /* Text/Body II */
    font-family: var(--font-family-family-primary, Sora);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }

  .payment-info-blocks .payment-line .copy-btn,
  .payment-info-block .payment-line .copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
  }

  /* Karty kont w hero finansowania — bez sztucznej min-wys. tytułu */
  .financing-hero-wrapper .payment-info-block .payment-block .payment-block-title {
    min-height: 0 !important;
    height: auto !important;
    margin-bottom: 16px !important;
  }

  /* Advice Hero - Mobile Shops Section */
  .ah-shops-section {
    padding: 64px 0;
    background: #fff;
  }

  .ah-shops-section .container {
    padding: 0 16px;
  }

  .ah-shops-section .ah-shop-section {
    margin-bottom: 48px;
  }

  .ah-shops-section .ah-shop-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ah-shops-section .ah-shop-section .ah-shop-header .ah-shop-title {
    font-size: 1.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-header .ah-shop-title .ah-city-name {
    font-size: 1.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours .ah-shop-address {
    margin-bottom: 0.5rem;
  }

  .ah-shops-section .ah-shop-section .ah-shop-address-hours .ah-shop-hours {
    text-align: left;
    margin-left: 0;
  }

  /* Horizontal Scrolling Contact Cards on Mobile */
  .ah-shops-section .ah-shop-section > .ah-contact-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 6px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards::-webkit-scrollbar {
    display: none;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards .ah-contact-card {
    scroll-snap-align: start;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards .ah-contact-card:first-child {
    margin-left: 0;
  }

  .ah-shops-section .ah-shop-section > .ah-contact-cards .ah-contact-card:last-child {
    margin-right: 16px;
  }

  /* Hide desktop shops on mobile */
  .ah-shops-desktop {
    display: none;
  }

  .ah-shops-mobile {
    padding-bottom: 0;
  }

  /* Service Map Section - Mobile Layout */
  .service-map-section {
    padding: 64px 20px;
    background: #f8f9fa;
  }

  .service-map-section .container {
    padding: 0 16px;
  }

  .service-map-section .row {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }

  .service-map-section .col-lg-7,
  .service-map-section .col-lg-5 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }

  .service-map-section .col-lg-7 {
    margin-top: 0;
  }

  .service-map-container {
    position: relative;
    width: 100%;
    height: 256px;
    border-radius: 8px;
    overflow: hidden;
  }

  #service-map {
    width: 100%;
    height: 100%;
  }

  /* Location Popup on Mobile */
  #location-popup {
    bottom: 16px;
    left: 16px;
    right: 16px;
  }

  .location-popup .popup-content {
    padding: 20px;
    border-radius: 8px;
  }

  .location-popup .popup-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .location-popup .popup-address {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .location-popup .popup-contact {
    flex-direction: column;
    gap: 12px;
  }

  .location-popup .popup-email,
  .location-popup .popup-phone {
    font-size: 14px;
  }

  /* Text Content Styles */
  .service-map-text .service-map-title {
    margin-bottom: 8px;
  }

  .service-map-text .service-map-title p {
    color: #000;
    font-family: Sora, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 0;
  }

  .service-map-text .service-map-title p strong {
    color: #000;
    font-family: Sora, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
  }

  .service-map-text .service-map-description {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
  }

  .service-map-section .service-map-text .service-map-cta-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-top: 56px;
  }

  .service-map-cta {
    width: 100%;
    padding: 16px 24px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
  }

  .service-map-note {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
  }
  .payment-info-blocks .payment-line2,
  .payment-info-block .payment-line2 {
    align-items: start;
  }

  .payment-info-blocks .payment-line21,
  .payment-info-blocks .payment-line22,
  .payment-info-block .payment-line21,
  .payment-info-block .payment-line22 {
    display: block;
  }
}

/* Finansowanie hero — stos awatarów nad CTA do ≤991px (wąska kolumna + tablet; nadpisuje siatkę duo-bottom) */
@media (max-width: 991.98px) {
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left {
    overflow: hidden !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    margin-top: 0 !important;
    top: auto !important;
    transform: none !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-text {
    margin-bottom: 20px !important;
    min-width: 0 !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    overflow: hidden !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar > .avatar,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar > .avatar {
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    position: relative !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom .card__main span.avatar,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom .scard__main span.avatar {
    position: relative !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom .btn-dark1 a {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .btn-dark1.btn-mobile,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .btn-dark1.btn-desktop {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: stretch !important;
  }
}

/* Finansowanie — dotacje: tablet 768–991, nakładka opinii od dołu obrazka (custom2 + wysoka specyficzność) */
@media (min-width: 768px) and (max-width: 991.98px) {
  #wrapper #content-wrapper #main #content .financing-grants-section .grants-image-wrapper {
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #wrapper #content-wrapper #main #content .financing-grants-section .grants-testimonials,
  #wrapper #content-wrapper #main #content .financing-grants-section .grants-testimonial {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    pointer-events: none !important;
  }

  #wrapper #content-wrapper #main #content .financing-grants-section .grants-testimonial-card {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    pointer-events: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 991.98px) {
  /* Financing hero: wyglad jak w poprawnym wariancie (zwarta kolumna, bez "dziury") */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-text {
    margin-bottom: 24px !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar {
    justify-content: flex-start !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar > .avatar:nth-child(n+2),
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar > .avatar:nth-child(n+2) {
    display: none !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar > .avatar:first-child,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar > .avatar:first-child {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar > .avatar:first-child img,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar > .avatar:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Ostateczny fix: na mobile/tablet wyłączamy wadliwy dolny rząd avatarów */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom .avatars,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatar,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatar {
    display: none !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom {
    gap: 8px !important;
  }
}
/* Finansowanie hero — odwzorowanie układu mobilnego z załącznika (awatar obok tytułu) */
@media (max-width: 991.98px) {
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left {
    display: grid !important;
    grid-template-columns: 64px 1fr !important;
    grid-template-areas: 
      "avatar title"
      "text text"
      "button button" !important;
    gap: 16px !important;
    column-gap: 16px !important;
    align-items: center !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-text,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatars,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatars {
    display: contents !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-text h3 {
    grid-area: title !important;
    margin: 0 !important;
    align-self: center !important;
  }

  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-text p {
    grid-area: text !important;
    margin: 0 !important;
  }

  /* Pokazujemy pierwszy awatar i przypisujemy do obszaru */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatars > .avatar:first-child,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatars > .avatar:first-child {
    display: block !important;
    grid-area: avatar !important;
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: visible !important; /* bo badge wystaje */
    position: relative !important;
    align-self: center !important;
  }

  /* Ukrywamy pozostałe awatary */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatars > .avatar:nth-child(n+2),
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatars > .avatar:nth-child(n+2) {
    display: none !important;
  }

  /* Obrazek w awatarze */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .card__main > .avatars > .avatar:first-child > img,
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .scard__main > .avatars > .avatar:first-child > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
  }

  /* Button */
  #wrapper #content-wrapper #main #content .financing-hero-wrapper .ec-duo .duo-left .duo-bottom > .btn-dark1.btn-mobile {
    grid-area: button !important;
    margin-top: 8px !important;
    width: 100% !important;
  }
}