/* Owner-requested changes to the original template (2026-11-02). */

/* 1. Header at the top of the page no taller than the sticky header that fades in on scroll:
      70px instead of 90px (same values the template uses for #sp-header.sticky). */
#sp-header, .transparent-wrapper { height: 70px; }
#sp-header .top-search-wrapper .icon-top-wrapper, #sp-header .top-search-wrapper .icon-top-wrapper > i:before,
.sp-megamenu-wrapper > .sp-megamenu-parent > li > a, .sp-megamenu-wrapper #offcanvas-toggler,
#sp-header .modal-login-wrapper span, #sp-header .ap-my-account i.pe-7s-user, #sp-header .ap-my-account .info-text,
#sp-header .mod-languages, #sp-header .logo, #cart-menu, #cd-menu-trigger, .cd-cart, .cd-cart > i { height: 70px; line-height: 70px; }

/* 2. Content width follows the page width on large screens. From 1200px up the template pins the header/footer
      column to 1170px and the page-builder sections to 1140px. Both now take 88% of the page, are never narrower
      than before, and stop at 1680px on very wide screens. Phones and tablets are unchanged. */
@media (min-width: 1200px) {
  .container { width: 88%; min-width: 1170px; max-width: 1680px; }
  .sppb-row-container { width: 88%; min-width: 1140px; max-width: 1680px; }
  /* paragraphs keep a comfortable reading width (about today's) while the grids around them widen;
     centred ones stay centred */
  .sppb-addon-text-block .sppb-addon-content { max-width: 1200px; }
  .sppb-addon-text-block.sppb-text-center .sppb-addon-content { margin-left: auto; margin-right: auto; }
  /* partner logos keep today's size; only the spacing between them grows */
  .slick-img img { max-width: 260px; margin-left: auto; margin-right: auto; }
}

/* 3. Red frame around the pictures next to the engagement tabs and the benefits (all screen sizes).
      The picture fills its frame, so the frame always fits whichever picture is shown. */
.sppb-section:has(.sppb-addon-tab) .sppb-addon-single-image-container,
.sppb-section:has(.sppb-addon-accordion) .sppb-addon-single-image-container { outline: 3px solid #f14833; outline-offset: 8px; }
.sppb-section:has(.sppb-addon-tab) .sppb-addon-single-image-container > img,
.sppb-section:has(.sppb-addon-accordion) .sppb-addon-single-image-container > img { width: 100%; }

/* 4. The tab and benefit texts are longer now: comfortable spacing between their paragraphs */
.sppb-addon-tab .sppb-addon-text-block p, .sppb-addon-accordion .sppb-addon-text-block p { margin: 0 0 12px; }
.sppb-addon-tab .sppb-addon-text-block p:last-child, .sppb-addon-accordion .sppb-addon-text-block p:last-child { margin-bottom: 0; }

/* 5. Three partner logos (Skype removed): from 480px up they all fit, the carousel does not move,
      so the row is centred. On phones (2 at a time) the carousel keeps sliding as before. */
@media (min-width: 480px) {
  #slick-carousel-1699915630895 .slick-track { display: flex !important; justify-content: center; width: 100% !important; transform: none !important; }
}