/* Relia Cables: scoped content styles, reviewed against the actual local HTML.
   The theme must provide a genuinely full-width parent content container.
   Section backgrounds use that parent; only inner content receives a max-width. */
.relia-page,
.relia-article {
  --relia-navy: #10253f;
  --relia-gold: #ffc72c;
  --relia-ink: #263445;
  --relia-soft: #f5f7fa;
  --relia-border: #dce3eb;
  --relia-link: #214e77;
  --relia-muted: #56677b;
  --relia-content-width: 1280px;
  --relia-gutter: 24px;
  --relia-section-space: 64px;
  --relia-on-band: var(--relia-ink);
  --relia-heading-on-band: var(--relia-navy);
  --relia-link-on-band: var(--relia-link);
  --relia-muted-on-band: var(--relia-muted);
  display: flow-root;
  width: 100%;
  max-width: none;
  margin: 0;
  color: var(--relia-on-band);
  background: #fff;
  font-family: Manrope, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: break-word;
}
.relia-article { --relia-content-width: 920px; --relia-section-space: 44px; }
/* Layout identity classes keep their appropriate shared reading width. */
:is(.relia-about, .relia-applications, .relia-custom-enquiry, .relia-selection, .relia-rfq, .relia-faq) { --relia-content-width: 1280px; }
:is(.relia-article--checklist, .relia-article--comparison, .relia-article--connection-guide) { --relia-content-width: 920px; }
:is(.relia-page, .relia-article) * { box-sizing: border-box; min-width: 0; }
:is(.relia-page, .relia-article) .relia-band,
.relia-article > section {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--relia-section-space) var(--relia-gutter);
  color: var(--relia-on-band);
  background: #fff;
}
:is(.relia-page, .relia-article) .relia-wrap {
  width: 100%;
  max-width: var(--relia-content-width);
  margin-inline: auto;
}
/* Plain article sections can be supplied with or without an inner .relia-wrap. */
.relia-article > section > :not(.relia-wrap) {
  max-width: var(--relia-content-width);
  margin-inline: auto;
}
/* The three technical articles currently have direct prose children, no sections. */
.relia-article > :not(section):not(style):not(script) {
  width: calc(100% - var(--relia-gutter) * 2);
  max-width: var(--relia-content-width);
  margin-inline: auto;
}
.relia-article > :not(section):first-child { margin-top: var(--relia-section-space); }
.relia-article > :not(section):last-child { margin-bottom: var(--relia-section-space); }

/* Explicit section colours always control their own background and foreground. */
:is(.relia-page, .relia-article) .relia-band--soft,
:is(.relia-page, .relia-article) .relia-band--light {
  --relia-on-band: var(--relia-ink);
  --relia-heading-on-band: var(--relia-navy);
  --relia-link-on-band: var(--relia-link);
  --relia-muted-on-band: var(--relia-muted);
  color: var(--relia-on-band);
  background: var(--relia-soft);
}
:is(.relia-page, .relia-article) .relia-band--navy,
:is(.relia-page, .relia-article) .relia-contact-card {
  --relia-on-band: #fff;
  --relia-heading-on-band: #fff;
  --relia-link-on-band: #ffda73;
  --relia-muted-on-band: #dce5f0;
  color: var(--relia-on-band);
  background: var(--relia-navy);
}

:is(.relia-page, .relia-article) h2 {
  color: var(--relia-heading-on-band);
  font-family: 'Inter Tight', Manrope, Arial, sans-serif;
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: -.02em;
  margin-block: 0 20px;
}
.relia-article h2 { font-size: clamp(26px, 2.4vw, 32px); }
:is(.relia-page, .relia-article) h3 {
  color: var(--relia-heading-on-band);
  font-family: 'Inter Tight', Manrope, Arial, sans-serif;
  font-size: 21px;
  font-weight: 650;
  line-height: 1.35;
  margin-block: 24px 12px;
}
:is(.relia-page, .relia-article) p { margin-block: 0 18px; max-width: 78ch; }
.relia-article p { max-width: none; }
:is(.relia-page, .relia-article) .relia-lead { font-size: 20px; line-height: 1.65; max-width: 70ch; }
:is(.relia-page, .relia-article) .relia-eyebrow,
:is(.relia-page, .relia-article) .relia-kicker {
  display: block;
  margin-block: 0 14px;
  color: var(--relia-muted-on-band);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.5;
  letter-spacing: .13em;
  text-transform: uppercase;
}
:is(.relia-page, .relia-article) a {
  color: var(--relia-link-on-band);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
:is(.relia-page, .relia-article) a:hover { text-decoration-thickness: 2px; }
:is(.relia-page, .relia-article) a:focus-visible,
:is(.relia-page, .relia-article) summary:focus-visible {
  outline: 3px solid #b78500;
  outline-offset: 4px;
}
:is(.relia-page, .relia-article) .relia-text-link { display: inline-block; padding-block: 8px; font-weight: 700; }

:is(.relia-page, .relia-article) .relia-grid,
:is(.relia-page, .relia-article) .relia-grid--2,
:is(.relia-page, .relia-article) .relia-grid--3,
:is(.relia-page, .relia-article) .relia-grid--4,
:is(.relia-page, .relia-article) .relia-grid--two,
:is(.relia-page, .relia-article) .relia-grid--three,
:is(.relia-page, .relia-article) .relia-grid--four,
:is(.relia-page, .relia-article) .relia-grid-2,
:is(.relia-page, .relia-article) .relia-grid-3,
:is(.relia-page, .relia-article) .relia-grid-4 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-block: 28px;
}
:is(.relia-page, .relia-article) :is(.relia-grid--2, .relia-grid--two, .relia-grid-2) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
:is(.relia-page, .relia-article) :is(.relia-grid--3, .relia-grid--three, .relia-grid-3) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
:is(.relia-page, .relia-article) :is(.relia-grid--4, .relia-grid--four, .relia-grid-4) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
:is(.relia-page, .relia-article) .relia-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 44px;
}
/* White cards and process items remain dark-text surfaces inside navy sections. */
:is(.relia-page, .relia-article) .relia-card,
:is(.relia-page, .relia-article) .relia-steps > li,
:is(.relia-page, .relia-article) .relia-note {
  --relia-on-band: var(--relia-ink);
  --relia-heading-on-band: var(--relia-navy);
  --relia-link-on-band: var(--relia-link);
  --relia-muted-on-band: var(--relia-muted);
  color: var(--relia-on-band);
  background: #fff;
}
:is(.relia-page, .relia-article) .relia-card {
  border: 1px solid var(--relia-border);
  border-radius: 12px;
  padding: 28px;
}
:is(.relia-page, .relia-article) .relia-card h3:first-child { margin-top: 0; }
:is(.relia-page, .relia-article) .relia-card > :last-child { margin-bottom: 0; }
:is(.relia-page, .relia-article) .relia-number { display: inline-block; color: #806000; font-size: 20px; font-weight: 750; margin-bottom: 12px; }
:is(.relia-page, .relia-article) .relia-note { padding: 22px 26px; border-left: 4px solid var(--relia-gold); margin-block: 24px; }

:is(.relia-page, .relia-article) ul,
:is(.relia-page, .relia-article) ol { padding-inline-start: 23px; margin-block: 14px 22px; }
:is(.relia-page, .relia-article) li { margin-block: 8px; }
:is(.relia-page, .relia-article) .relia-checklist { padding-inline-start: 24px; }
:is(.relia-page, .relia-article) .relia-checklist > li { padding-inline-start: 3px; margin-block: 12px; }
:is(.relia-page, .relia-article) .relia-steps {
  counter-reset: relia-steps;
  display: grid;
  gap: 18px;
  list-style: none;
  padding: 0;
}
:is(.relia-page, .relia-article) .relia-steps > li {
  counter-increment: relia-steps;
  position: relative;
  border: 1px solid var(--relia-border);
  border-radius: 12px;
  padding: 26px 28px 26px 78px;
  margin: 0;
}
:is(.relia-page, .relia-article) .relia-steps > li::before {
  content: counter(relia-steps, decimal-leading-zero);
  position: absolute;
  inset-block-start: 26px;
  inset-inline-start: 23px;
  color: #806000;
  font-size: 22px;
  font-weight: 750;
  line-height: 1.3;
}
:is(.relia-page, .relia-article) .relia-steps > li > h3:first-child { margin-top: 0; }
:is(.relia-page, .relia-article) .relia-steps > li > :last-child { margin-bottom: 0; }

:is(.relia-page, .relia-article) .relia-table-wrap {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  margin-block: 24px;
  border: 1px solid var(--relia-border);
  border-radius: 10px;
  overscroll-behavior-inline: contain;
}
.relia-article > .relia-table-wrap { max-width: var(--relia-content-width); width: calc(100% - var(--relia-gutter) * 2); }
:is(.relia-page, .relia-article) table,
:is(.relia-page, .relia-article) .relia-table {
  --relia-on-band: var(--relia-ink);
  --relia-heading-on-band: var(--relia-navy);
  --relia-link-on-band: var(--relia-link);
  width: 100%;
  color: var(--relia-ink);
  background: #fff;
  border-collapse: collapse;
  text-align: left;
  font-size: 15px;
  line-height: 1.6;
}
:is(.relia-page, .relia-article) th,
:is(.relia-page, .relia-article) td { padding: 16px; border-bottom: 1px solid var(--relia-border); vertical-align: top; overflow-wrap: anywhere; }
:is(.relia-page, .relia-article) th { color: var(--relia-navy); background: #eaf0f6; font-weight: 750; }
:is(.relia-page, .relia-article) tr:last-child > :is(th, td) { border-bottom: 0; }
:is(.relia-page, .relia-article) caption { color: var(--relia-heading-on-band); text-align: left; font-weight: 700; padding: 14px; }

:is(.relia-page, .relia-article) dl { margin-block: 20px; }
:is(.relia-page, .relia-article) dt { color: var(--relia-heading-on-band); font-weight: 750; }
:is(.relia-page, .relia-article) dd { margin: 0 0 16px; }
:is(.relia-page, .relia-article) .relia-definition-list { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 2fr); gap: 0 24px; }
:is(.relia-page, .relia-article) .relia-definition-list > :is(dt, dd) { border-bottom: 1px solid var(--relia-border); padding-block: 14px; margin: 0; }
:is(.relia-page, .relia-article) .relia-definition-list > :is(dt, dd):last-of-type { border-bottom: 0; }

:is(.relia-page, .relia-article) .relia-jump-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-block: 10px; }
:is(.relia-page, .relia-article) .relia-jump-links a { display: inline-block; padding-block: 8px; font-weight: 700; }
:is(.relia-page, .relia-article) [id] { scroll-margin-top: 110px; }
:is(.relia-page, .relia-article) .relia-faq-list { display: grid; gap: 0; }
:is(.relia-page, .relia-article) .relia-faq-list > article { padding-block: 24px; border-top: 1px solid var(--relia-border); }
:is(.relia-page, .relia-article) .relia-faq-list > article:first-child { border-top: 0; padding-top: 4px; }
:is(.relia-page, .relia-article) .relia-faq-list > article > h3 { margin-top: 0; }
:is(.relia-page, .relia-article) .relia-faq-list > article > :last-child { margin-bottom: 0; }
:is(.relia-page, .relia-article) details { padding-inline: 24px; background: #fff; color: var(--relia-ink); border: 1px solid var(--relia-border); border-radius: 10px; margin-block: 14px; }
:is(.relia-page, .relia-article) summary { cursor: pointer; padding-block: 22px; color: var(--relia-navy); font-weight: 750; line-height: 1.4; }
:is(.relia-page, .relia-article) details > :not(summary) { padding-bottom: 18px; }

:is(.relia-page, .relia-article) figure { margin: 0; align-self: center; }
:is(.relia-page, .relia-article) figure img { display: block; width: 100%; max-width: 100%; height: auto; border-radius: 12px; }
:is(.relia-page, .relia-article) figcaption { margin-top: 12px; color: var(--relia-muted-on-band); font-size: 13px; line-height: 1.5; }
:is(.relia-page, .relia-article) .relia-source-note { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--relia-border); color: var(--relia-muted-on-band); font-size: 14px; line-height: 1.6; }
:is(.relia-page, .relia-article) address,
:is(.relia-page, .relia-article) .relia-contact { margin: 0; font-style: normal; line-height: 1.85; overflow-wrap: anywhere; }
:is(.relia-page, .relia-article) .relia-contact-panel { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 32px; align-items: center; }
:is(.relia-page, .relia-article) .relia-contact-card { padding: 32px; border-radius: 12px; }

:is(.relia-page, .relia-article) a.relia-button,
:is(.relia-page, .relia-article) a.relia-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  min-height: 48px;
  padding: 13px 22px;
  margin: 8px 10px 4px 0;
  color: var(--relia-navy);
  background: var(--relia-gold);
  border: 1px solid var(--relia-gold);
  border-radius: 6px;
  font-weight: 750;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}
:is(.relia-page, .relia-article) a:is(.relia-button--secondary, .relia-button-secondary) { color: var(--relia-heading-on-band); background: transparent; border-color: currentColor; }

@media (max-width: 1023px) {
  .relia-page { --relia-section-space: 48px; }
  .relia-article { --relia-section-space: 38px; }
  :is(.relia-page, .relia-article) :is(.relia-grid, .relia-grid--2, .relia-grid--3, .relia-grid--4, .relia-grid--two, .relia-grid--three, .relia-grid--four, .relia-grid-2, .relia-grid-3, .relia-grid-4) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  :is(.relia-page, .relia-article) .relia-split { gap: 28px; }
  :is(.relia-page, .relia-article) .relia-card { padding: 23px; }
}
@media (max-width: 767px) {
  :is(.relia-page, .relia-article) .relia-split,
  :is(.relia-page, .relia-article) .relia-contact-panel { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 639px) {
  .relia-page { --relia-gutter: 20px; --relia-section-space: 38px; }
  .relia-article { --relia-gutter: 20px; --relia-section-space: 32px; }
  :is(.relia-page, .relia-article) :is(.relia-grid, .relia-grid--2, .relia-grid--3, .relia-grid--4, .relia-grid--two, .relia-grid--three, .relia-grid--four, .relia-grid-2, .relia-grid-3, .relia-grid-4) { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  :is(.relia-page, .relia-article) .relia-lead { font-size: 18px; }
  :is(.relia-page, .relia-article) .relia-card { padding: 22px; }
  :is(.relia-page, .relia-article) .relia-steps > li { padding: 24px 20px 24px 65px; }
  :is(.relia-page, .relia-article) .relia-steps > li::before { inset-inline-start: 18px; inset-block-start: 24px; }
  :is(.relia-page, .relia-article) :is(th, td) { padding: 12px; }
  :is(.relia-page, .relia-article) .relia-definition-list { grid-template-columns: minmax(0, 1fr); gap: 0; }
  :is(.relia-page, .relia-article) .relia-definition-list > dt { padding-block: 14px 4px; border-bottom: 0; }
  :is(.relia-page, .relia-article) .relia-definition-list > dd { padding-block: 0 14px; }
  :is(.relia-page, .relia-article) .relia-contact-card { padding: 24px; }
  :is(.relia-page, .relia-article) .relia-jump-links { gap: 6px 18px; }
}


/* Layout-only suggestions for the new Relia theme. No generated content,
   simulated selectors, hidden catalogue data or replacement navigation.
   Classes below were read from the actual B2B section/snippet sources. */

/* Native collection-list already supplies desktop items_per_row=3.
   Keep all six real cards visible as a two-column mobile grid. */
@media (max-width: 767px) {
  :is(.relia-home-families, .relia-home-applications) .f-mixed-layout__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 22px;
  }
  :is(.relia-home-families, .relia-home-applications) .f-mixed-layout__inner > * {
    min-width: 0;
    max-width: 100%;
  }
}

/* Respect the native single-product Swiper and its paired image slider.
   Contain images by controlling their real media width, without truncating
   titles, hiding product text or inventing a multi-column setting. */
.relia-home-products .f-featured-slider__container {
  width: 100%;
  max-width: 1060px;
  margin-inline: auto;
  align-items: center;
}
.relia-home-products .f-featured-slider__col-left {
  min-width: 0;
  padding: 18px 24px;
}
.relia-home-products .f-featured-slider__products {
  width: 100%;
  max-width: 480px;
  margin-inline: auto;
}
.relia-home-products .f-featured-slider__product {
  padding-inline: 0;
}
.relia-home-products .f-featured-slider__product-content {
  margin-bottom: 16px;
}
.relia-home-products .f-featured-slider__product-content h3 {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.3;
}
.relia-home-products .f-featured-slider__product-item {
  padding-inline: 0;
}
.relia-home-products .f-product-card__media {
  width: 100%;
  max-width: 290px;
  margin-inline: auto;
}
.relia-home-products .f-product-card__title {
  font-size: 16px;
  line-height: 1.45;
}
.relia-home-products .f-product-card__name {
  white-space: normal;
}
.relia-home-products .f-featured-slider__images {
  width: 100%;
  max-width: 420px;
  margin-inline: auto;
}
.relia-home-products .f-featured-slider__img img {
  object-fit: contain;
}
.relia-home-products .f-slider-controls {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  margin: 20px auto 0;
  transform: none;
}
.relia-home-products .f-slider-controls__button {
  position: static;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-height: 44px;
  margin: 0;
  transform: none;
}
.relia-home-products .swiper-pagination {
  position: static;
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto;
  max-width: 100%;
  margin: 0;
  transform: none;
}
.relia-home-products .swiper-pagination-bullet {
  margin: 0;
}
@media (max-width: 1023px) {
  .relia-home-products .f-featured-slider__col-left { padding: 12px 0; }
  .relia-home-products .f-featured-slider__products { max-width: 540px; }
  .relia-home-products .f-product-card__media { max-width: 240px; }
}
@media (max-width: 639px) {
  .relia-home-products .f-product-card__media { max-width: 210px; }
  .relia-home-products .f-featured-slider__product-content h3 { font-size: 20px; }
  .relia-home-products .f-featured-slider__product-content .f-rte { font-size: 15px; line-height: 1.55; }
  .relia-home-blog .f-mixed-layout__inner { grid-template-columns: minmax(0, 1fr); row-gap: 28px; }
}

/* Empty native icon holders should not become decorative pseudo-certificates.
   All three text routes and buttons remain visible. */
.relia-home-contact .f-icon-box__icon { display: none; }
.relia-home-contact .f-icon-box__inner { gap: 0; }
.relia-home-contact .f-icon-box__content { width: 100%; }
.relia-home-company .f-features__icon,
.relia-home-rfq .f-features__icon { display: none; }

/* Six approved English root items remain one line in the real logo-left menu.
   Native mobile/drawer breakpoints, dropdowns and all menu items are retained. */
@media (min-width: 1024px) {
  .f-header__desktop.logo-left-menu-center .f-header__inner {
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) auto;
    align-items: center;
    column-gap: clamp(16px, 2vw, 30px);
  }
  .f-header__desktop.logo-left-menu-center :is(.f-header__left, .f-header__center, .f-header__right) {
    width: auto;
    min-width: 0;
  }
  .f-header__desktop.logo-left-menu-center .f-header__menu > .f-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: clamp(6px, 1vw, 16px);
    padding-inline: 0;
    margin-inline: 0;
  }
  .f-header__desktop.logo-left-menu-center .f-menu__link--main {
    padding-inline: clamp(4px, .6vw, 9px);
    font-size: 15px;
    line-height: 1.35;
    white-space: nowrap;
  }
}



/* Actual main-page parents. The theme container is w-full; inner bands own width. */
.main-page.relia-managed-page > .container-full {
  width:100%; max-width:none; padding-inline:0; margin-inline:0;
}
.main-page.relia-managed-page .f-page-content {
  width:100%; max-width:none; padding:0; margin:0;
}
/* Actual main-blog-article parents. Cover/header stay readable, body bands span. */
.f-article.relia-managed-article > .container-full {
  width:100%; max-width:none; padding-inline:0; margin-inline:0;
}
.f-article.relia-managed-article > .container-full > .f-row {
  display:block; width:100%; max-width:none; margin:0;
}
.f-article.relia-managed-article .f-article__wrapper,
.f-article.relia-managed-article .f-article__inner,
.f-article.relia-managed-article .f-article__inner > article,
.f-article.relia-managed-article .f-article__content {
  width:100%; max-width:none; flex-basis:100%; padding:0; margin-inline:0;
}
.f-article.relia-managed-article .f-article__content > .relia-article {
  width:100%; max-width:none; margin:0;
}
.f-article.relia-managed-article .f-article__header,
.f-article.relia-managed-article .f-article__feature-image,
.f-article.relia-managed-article .f-article__footer {
  width:calc(100% - 48px); max-width:920px; margin-inline:auto;
}
.f-article.relia-managed-article .f-article__header { padding-block:36px; }
.f-article.relia-managed-article .f-article__feature-image { margin-bottom:24px; }
.f-article.relia-managed-article .f-article__feature-image img { width:100%; height:auto; }
/* The approved navy wordmark is shown on a real light brand panel. */
.relia-footer-brand {
  width:100%; max-width:270px; padding:18px; margin:0 0 16px;
  border-radius:10px; background:#fff; color:#263445;
}
.relia-footer-brand img { display:block; width:100%; max-width:190px; height:auto; margin:0 0 14px; }
.relia-footer-brand p { color:#263445; font-size:14px; line-height:1.65; margin:0; }
.relia-footer-contact { font-style:normal; line-height:1.8; overflow-wrap:anywhere; }
.relia-footer-contact p { margin-bottom:12px; }
.relia-footer-contact a { color:#ffda73; text-decoration:underline; text-underline-offset:3px; }
.relia-managed-contacts .f-info-box__content a { overflow-wrap:anywhere; }
@media(max-width:639px){
  .f-article.relia-managed-article .f-article__header,
  .f-article.relia-managed-article .f-article__feature-image,
  .f-article.relia-managed-article .f-article__footer { width:calc(100% - 40px); }
  .f-article.relia-managed-article .f-article__header { padding-block:26px; }
}

/* Relia actual Chrome readability refinement */
.relia-home-hero .f-slide__content > .f-slide__description { max-width: 860px; margin-inline: auto; line-height: 1.65; }

/* Keep the compact home contact toggle below the hero copy and CTAs. */
@media (max-width:769px) { body:has(.relia-home-hero) .sidebar-contact-information.h5-position-right-bottom { bottom:12px; right:12px; } }

/* Native collapsible mobile contacts: hide closed options from focus and pointer input. */
@media(max-width:769px){.sidebar-contact-information.h5-position-right-bottom .sidebar:not(.active){visibility:hidden;pointer-events:none}.sidebar-contact-information.h5-position-right-bottom .sidebar.active{visibility:visible;pointer-events:auto}}
@media(min-width:770px) and (max-width:796px){.sidebar-contact-information .sidebar{position:static;top:auto;bottom:auto}}
.sidebar-contact-information .icon-plus{background:#FFC72C;border-color:#FFC72C;color:#10253F}.sidebar-contact-information .icon-plus:focus-visible{outline:2px solid #10253F;outline-offset:3px}

/* Actual mobile control layout refinement */
.relia-home-products .f-slider-controls .f-slider-controls__wrapper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;column-gap:8px;width:100%;margin:0}
.relia-home-products .f-slider-controls .f-slider-controls__button{position:static;width:44px;height:44px;min-height:44px;margin:0;padding:0;transform:none}
.relia-home-products .f-slider-controls .swiper-pagination{position:static;display:flex;flex-flow:row nowrap;justify-content:center;gap:6px;width:100%;min-width:0;max-width:100%;margin:0;transform:none}
.relia-home-products .f-slider-controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{flex:0 0 20px;width:20px;height:20px;margin:0}
@media(max-width:339px){.relia-home-products .f-slider-controls .swiper-pagination{gap:8px}.relia-home-products .f-slider-controls .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{flex-basis:16px;width:16px}}
@media(max-width:769px){body.template-home .sidebar-contact-information.h5-position-right-bottom{right:6px}body.template-home .sidebar-contact-information.h5-position-right-bottom>.icon-plus{width:44px;height:44px;margin-left:6px}}

/* Relia header contact placement: no fixed mobile body overlay */
@media(max-width:1023px){
 .f-header__mobile{position:relative}
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header{
  position:absolute;display:block;top:10px;right:52px;bottom:auto;left:auto;
  width:44px;height:44px;margin:0;transform:none;z-index:56
 }
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header>.icon-plus{
  display:flex;width:44px;height:44px;min-width:44px;min-height:44px;
  margin:0;padding:0;background:#FFC72C;border-color:#FFC72C;color:#10253F
 }
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header>.sidebar{
  position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;
  top:54px;right:0;bottom:auto;left:auto;width:60px;min-width:60px;height:auto;
  box-sizing:border-box;margin:0;padding:8px;background:#fff;border:1px solid #d9e0e7;
  border-radius:10px;box-shadow:0 8px 24px rgba(16,37,63,.18);transform:none;
  visibility:hidden;pointer-events:none;opacity:0;z-index:60;
  transition:opacity .15s ease,visibility .15s ease
 }
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header>.sidebar.active{
  top:54px;bottom:auto;visibility:visible;pointer-events:auto;opacity:1
 }
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header>.sidebar>.item,
 .f-header__mobile>sidebar-contact-information.sidebar-contact-information.relia-in-header>.sidebar>#scroll-to-top-button{
  position:relative;display:flex;width:44px;height:44px;min-width:44px;min-height:44px;
  margin:0;padding:0;transform:none;flex:0 0 44px
 }
}


/* Relia single-product catalogue slider: centered independent controls */
.relia-home-products f-featured-slider .f-featured-slider__container{
 display:flex;flex-direction:column;align-items:center;width:100%;margin-inline:auto
}
.relia-home-products f-featured-slider .f-featured-slider__col-left{
 flex:none;width:100%;max-width:560px;min-width:0;padding:12px 0;margin-inline:auto
}
.relia-home-products f-featured-slider .f-featured-slider__products{
 width:100%;max-width:540px;min-width:0;margin-inline:auto
}
.relia-home-products f-featured-slider .f-featured-slider__col-right{
 display:none!important
}
.relia-home-products f-featured-slider .f-slider-controls{
 position:static;flex:none;align-self:center;width:100%;max-width:420px;
 top:auto;right:auto;bottom:auto;left:auto;margin:24px auto 0;transform:none
}


/* Relia measured Hero contrast repair */
.relia-home-hero .f-slide__overlay::before{background-color:rgba(8,24,47,.60);opacity:1}

.f-header__desktop .f-mega-menu .f-menu__link {color:rgb(var(--color-foreground));}