/* Relia Wallpaper: approved tokens and shared content shell.
   Scoped host rules release native wrappers; section backgrounds use normal 100% width. */
:root {
  --rw-background: #F6F2EA;
  --rw-primary: #173F35;
  --rw-secondary: #6E6257;
  --rw-text: #252D29;
  --rw-surface: #FFFFFF;
  --rw-border: #D8CFC3;
  --rw-font: 'Manrope', sans-serif;
  --rw-max: 1300px;
  --rw-prose: 68ch;
  --rw-gutter: 20px;
  --rw-radius: 8px;
  --rw-gap: 24px;
}

/* Native page/article templates use w-full and these explicit host classes. */
.rw-native-page, .rw-native-article { width: 100%; max-width: none; margin-block: 0; padding-bottom: 0; }
.rw-native-page > .container-full,
.rw-native-article > .container-full { width: 100%; max-width: none; padding-inline: 0; }
.rw-native-page .f-page-content { padding-bottom: 0; }
.rw-native-article > .container-full > .f-row { display: block; margin-inline: 0; }
.rw-native-article .f-article__wrapper,
.rw-native-article .f-article__inner,
.rw-native-article .f-article__inner > article,
.rw-native-article .f-article__content { width: 100%; max-width: none; margin: 0; padding: 0; }
.rw-native-page .f-page-header,
.rw-native-article .f-article__header { background: var(--rw-background); padding: clamp(32px, 5%, 64px) var(--rw-gutter); margin: 0; }
.rw-native-page .f-page-header > .container-full,
.rw-native-page .f-page-header > .container,
.rw-native-page .f-page-header .f-breadcrumb,
.rw-native-article .f-article__header > *,
.rw-native-article .f-article__feature-image,
.rw-native-article .f-article-navigation,
.rw-native-article .f-article__wrapper > .f-breadcrumb {
  width: 100%; max-width: var(--rw-max); margin-inline: auto;
}
.rw-native-page .f-page-header__title,
.rw-native-article .f-article__title { font-family: var(--rw-font); font-size: clamp(30px, 3.6vw, 52px); line-height: 1.18; color: var(--rw-primary); text-wrap: balance; }
.rw-native-article .f-article__feature-image { border-radius: 0; margin-block: 0; }
.rw-native-article .f-article__wrapper > .f-breadcrumb { padding: 18px var(--rw-gutter); margin-block: 0; }
.rw-native-article .f-article-navigation { padding: 24px var(--rw-gutter); }
.rw-native-article .f-article__footer { max-width: var(--rw-max); margin: 0 auto; padding: var(--rw-gap) var(--rw-gutter); }

/* Shared classes found in all14 delivered content objects, including both band aliases. */
.rw-band, .rw-band *, .rw-band *::before, .rw-band *::after { box-sizing: border-box; }
.rw-band { width: 100%; max-width: none; margin: 0; padding: clamp(32px, 4.5%, 64px) 0; background: var(--rw-surface); color: var(--rw-text); font: 400 16px/1.75 var(--rw-font); overflow-wrap: anywhere; }
.rw-band--base { background: var(--rw-surface); }
.rw-band--soft, .rw-band-soft { background: var(--rw-background); }
.rw-container { width: 100%; max-width: var(--rw-max); padding-inline: var(--rw-gutter); margin-inline: auto; }
.rw-band .rw-container > :first-child { margin-top: 0; }
.rw-band .rw-container > :last-child { margin-bottom: 0; }
.rw-band h2, .rw-band h3, .rw-band h4 { font-family: var(--rw-font); color: var(--rw-primary); font-weight: 650; overflow-wrap: normal; }
.rw-band h2 { font-size: clamp(26px, 2.8vw, 38px); line-height: 1.25; margin: 0 0 24px; text-wrap: balance; }
.rw-band h3 { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.35; margin: 24px 0 12px; }
.rw-band h4 { font-size: 18px; line-height: 1.4; margin: 20px 0 10px; }
.rw-band p { margin: 0 0 18px; }
.rw-band .rw-container > p:not(.rw-lead), .rw-band .rw-container > ul:not(.rw-grid),
.rw-band .rw-container > ol:not(.rw-grid), .rw-prose { max-width: var(--rw-prose); }
.rw-lead { max-width: 74ch; font-size: clamp(18px, 1.7vw, 21px); line-height: 1.65; margin-bottom: 24px; }
.rw-eyebrow { color: var(--rw-secondary); font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 12px; }
.rw-section-intro { max-width: var(--rw-prose); margin-bottom: 28px; }
.rw-prose > :last-child, .rw-card > :last-child, .rw-card-body > :last-child { margin-bottom: 0; }
.rw-band a { color: var(--rw-primary); text-decoration: underline; text-underline-offset: .18em; }
.rw-band a:hover { text-decoration-thickness: 2px; }
.rw-band :focus-visible, .rw-header :focus-visible, .f-footer :focus-visible, .rw-contact-shell :focus-visible { outline: 3px solid #8A5F31; outline-offset: 4px; }
.rw-band .rw-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; max-width: 100%; padding: 12px 22px; margin: 6px 12px 6px 0; border: 1px solid var(--rw-primary); border-radius: var(--rw-radius); background: var(--rw-primary); color: #fff; font: 650 16px/1.4 var(--rw-font); text-decoration: none; text-align: center; white-space: normal; }
.rw-band .rw-btn:hover { background: #225548; border-color: #225548; color: #fff; }
.rw-band .rw-btn--secondary { background: transparent; color: var(--rw-primary); }
.rw-band .rw-btn--secondary:hover { background: var(--rw-background); color: var(--rw-primary); }
.rw-band ul, .rw-band ol { margin: 0 0 24px; padding-left: 24px; }
.rw-band li { margin-bottom: 10px; }
.rw-checklist li { padding-left: 4px; }
.rw-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: var(--rw-gap); align-items: start; margin-block: 24px; }
.rw-grid > * { min-width: 0; max-width: 100%; }
.rw-grid--editorial { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 4%, 52px); }
.rw-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.rw-grid--three, .rw-format-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rw-grid--facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rw-card { min-width: 0; padding: 24px; background: var(--rw-surface); color: var(--rw-text); border: 1px solid var(--rw-border); border-radius: var(--rw-radius); }
.rw-card h3:first-child, .rw-card h4:first-child { margin-top: 0; }
.rw-card--lead { border-top: 4px solid var(--rw-primary); }
.rw-card--product { padding: 0; }
.rw-card-body { padding: 24px; }
.rw-band figure, .rw-figure { margin: 0; min-width: 0; }
.rw-band img, .rw-image { display: block; width: 100%; max-width: 100%; height: auto; border-radius: var(--rw-radius); }
.rw-card--product > img { border-radius: var(--rw-radius) var(--rw-radius) 0 0; }
.rw-band figcaption { margin-top: 12px; color: var(--rw-secondary); font-size: 14px; line-height: 1.6; }
.rw-band dl { margin-block: 20px; }
.rw-band dt { margin-top: 16px; font-weight: 700; color: var(--rw-primary); }
.rw-band dt:first-child { margin-top: 0; }
.rw-band dd { margin: 4px 0 0; }
.rw-grid--facts dt { margin-top: 0; }
.rw-contact-details { max-width: var(--rw-prose); }
.rw-band ol.rw-grid, .rw-steps { list-style: none; padding-left: 0; counter-reset: rw-step; }
.rw-band ol.rw-grid > li, .rw-steps > li { counter-increment: rw-step; margin: 0; }
.rw-band ol.rw-grid > li::before, .rw-steps > li::before { content: counter(rw-step, decimal-leading-zero); display: inline-block; margin-bottom: 16px; color: var(--rw-primary); font-size: 22px; font-weight: 700; }
.rw-equation { padding: 20px 24px; border-left: 4px solid var(--rw-primary); background: var(--rw-background); border-radius: 0 var(--rw-radius) var(--rw-radius) 0; font-weight: 600; }
.rw-table-wrap { width: 100%; max-width: 100%; margin-block: 24px; }
.rw-band table, .rw-table { width: 100%; table-layout: fixed; border-collapse: collapse; border: 1px solid var(--rw-border); margin: 0 0 24px; font-size: 15px; line-height: 1.65; }
.rw-band th, .rw-band td { padding: 16px; border: 1px solid var(--rw-border); text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; }
.rw-band th { background: var(--rw-background); color: var(--rw-primary); font-weight: 700; }
.rw-band td p:last-child { margin-bottom: 0; }
.rw-band details { max-width: 100%; padding: 18px 0; border-bottom: 1px solid var(--rw-border); }
.rw-band summary { cursor: pointer; color: var(--rw-primary); font-weight: 650; font-size: 18px; }
.rw-band details[open] summary { margin-bottom: 16px; }
.rw-band details p { max-width: var(--rw-prose); }
.rw-band--accent, .rw-band-accent { background: var(--rw-primary); color: #fff; }
.rw-band--accent h2, .rw-band--accent h3, .rw-band--accent h4, .rw-band--accent dt,
.rw-band-accent h2, .rw-band-accent h3, .rw-band-accent h4, .rw-band-accent dt,
.rw-band--accent a, .rw-band-accent a { color: #fff; }
.rw-band--accent .rw-btn, .rw-band-accent .rw-btn { background: #fff; border-color: #fff; color: var(--rw-primary); }
.rw-band--accent .rw-btn:hover, .rw-band-accent .rw-btn:hover { background: var(--rw-background); color: var(--rw-primary); }
.rw-band--accent .rw-card, .rw-band-accent .rw-card { background: #fff; color: var(--rw-text); }
.rw-band--accent .rw-card :is(h2,h3,h4,dt,a), .rw-band-accent .rw-card :is(h2,h3,h4,dt,a) { color: var(--rw-primary); }

/* Header keeps the five real menu entries and the native mobile drawer. */
.rw-header { background: var(--rw-background); font-family: var(--rw-font); }
.rw-header .f-header__wrapper { background: var(--rw-background); border-bottom: 1px solid var(--rw-border); }
.rw-header .f-menu__link--main { font-weight: 600; }
.rw-header .f-menu > li > a[href$="/contacts"], .rw-header .f-menu > li > a[href$="/contacts/"] { color: var(--rw-primary); border: 1px solid var(--rw-primary); border-radius: var(--rw-radius); background: #EDF2ED; padding: 11px 18px; }
.rw-header .f-menu > li > a[href$="/contacts"]:hover, .rw-header .f-menu > li > a[href$="/contacts/"]:hover { background: var(--rw-primary); color: #fff; }

/* The native footer retains real menu selectors and its accordion behavior. */
.f-footer .f-footer--accordion { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .9fr) minmax(0, 1.2fr); gap: 32px; margin-inline: 0; }
.f-footer .f-footer--accordion > .f-footer--block { width: 100%; min-width: 0; max-width: 100%; padding-inline: 0; overflow-wrap: anywhere; }
.f-footer .block-text p { margin: 0 0 12px; }
.f-footer .f-footer--block-custom_text .block-image { margin-bottom: 20px; }
.f-footer .f-footer--block-custom_text .block-image img { filter: brightness(0) invert(1); }
.f-footer a { text-underline-offset: .2em; }
.f-footer .f-footer--block-title { font-family: var(--rw-font); font-size: 19px; line-height: 1.4; }

/* Native /contacts remains an f-contact component with its original API handler. */
.rw-contact-title { margin-block: 0; background: var(--rw-background); }
.rw-contact-shell { font-family: var(--rw-font); background: var(--rw-background); padding: 32px 0 64px; margin-block: 0; }
.rw-contact-shell > .container { width: 100%; max-width: var(--rw-max); padding-inline: var(--rw-gutter); }
.rw-contact-shell f-contact > .f-row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 40px; margin-inline: 0; }
.rw-contact-shell .f-contact-form__main, .rw-contact-shell .f-contact-form__info { width: 100%; min-width: 0; padding: 0; margin: 0; }
.rw-contact-shell .f-contact-form__main { padding: 28px; background: #fff; border: 1px solid var(--rw-border); border-radius: var(--rw-radius); }
.rw-contact-shell .f-contact-form__info { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-content: start; }
.rw-contact-shell .f-info-box { width: 100%; min-width: 0; padding-inline: 0; overflow-wrap: anywhere; }
.rw-contact-shell .f-contact-form__heading { font-family: var(--rw-font); color: var(--rw-primary); font-size: clamp(25px, 2.5vw, 34px); line-height: 1.25; }
.rw-contact-shell input, .rw-contact-shell textarea, .rw-contact-shell select { max-width: 100%; border-radius: var(--rw-radius); }
.rw-contact-shell a { color: var(--rw-primary); text-decoration: underline; text-underline-offset: .2em; }
.rw-contact-shell .f-contact-submit { min-height: 48px; background: var(--rw-primary); color: #fff; border-radius: var(--rw-radius); }
.rw-contact-shell .rw-contact-illustration { max-width: 100%; height: auto; margin-top: 16px; border-radius: var(--rw-radius); }

@media (max-width: 1023px) {
  .rw-grid--three, .rw-format-cards, .rw-grid--facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .f-footer .f-footer--accordion { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
  .rw-contact-shell f-contact > .f-row { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 640px) {
  .rw-grid, .rw-grid--editorial, .rw-grid--two, .rw-grid--three, .rw-grid--facts, .rw-format-cards { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rw-band { padding-block: 32px; }
  .rw-card, .rw-card-body { padding: 20px; }
  .rw-card--product { padding: 0; }
  .rw-band h2 { margin-bottom: 20px; }
  .rw-band .rw-btn { margin-right: 0; width: auto; }
  .rw-band th, .rw-band td { padding: 10px 8px; }
  .rw-band table { font-size: 14px; line-height: 1.6; }
  .rw-equation { padding: 16px; }
  .f-footer .f-footer--accordion { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .rw-contact-shell .f-contact-form__main { padding: 20px; }
  .rw-native-article .f-article-navigation { flex-wrap: wrap; }
  .rw-native-article .f-article-navigation > * { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rw-band *, .rw-header *, .rw-contact-shell * { scroll-behavior: auto; transition-duration: .01ms; animation-duration: .01ms; }
}

/* Native .rte anchor selectors include :not(.class); keep authored CTA colors explicit. */
:root body .rw-band a { color: var(--rw-primary); }
:root body :is(.rw-band--accent, .rw-band-accent) a { color: #fff; }
:root body .rw-band a.rw-btn { color: #fff; }
:root body .rw-band a.rw-btn--secondary { color: var(--rw-primary); }
:root body :is(.rw-band--accent, .rw-band-accent) a.rw-btn { color: var(--rw-primary); }
:root body :is(.rw-band--accent, .rw-band-accent) .rw-card a { color: var(--rw-primary); }

/* Preserve the authored button box against native rich-text anchor resets. */
:root body .rw-band a.rw-btn { padding: 12px 22px; border-width: 1px; border-style: solid; border-radius: var(--rw-radius); }
:root body .rw-band a.rw-btn:is(:hover,:focus) { background: #225548; color: #fff; }
:root body .rw-band a.rw-btn--secondary:is(:hover,:focus) { background: var(--rw-background); color: var(--rw-primary); }
:root body .rw-band:is(.rw-band--accent,.rw-band-accent) a.rw-btn:is(:hover,:focus) { background: var(--rw-background); color: var(--rw-primary); }
:root body .rw-band a.rw-btn::before, :root body .rw-band a.rw-btn::after { display: none; }

/* Keep the last collection view tooltip inside its toolbar without clipping page content. */
:root body.template-collection .f-toolbar--column-switcher [data-column="5"] > .f-tooltip__content { left: auto; right: 0; transform: none; }
@media (max-width: 767px) {
  body.template-product .f-breadcrumb--wrapper { flex-wrap: wrap; row-gap: 4px; }
  body.template-product .f-breadcrumb--item { min-width: 0; max-width: 100%; }
}

/* Preserve complete compound specifications within the product reading column. */
body.template-product .f-product-details-tabs .rte { overflow-wrap: anywhere; }

/* Relia native contact bar: reserve content space only on narrow screens. */
@media (max-width: 1023px) {
  body.rw-contact-bar-enabled {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
  }
  body.rw-contact-bar-enabled > sidebar-contact-information.sidebar-contact-information {
    box-sizing: border-box;
    position: fixed;
    inset: auto 0 0;
    display: flex;
    align-items: stretch;
    width: 100%;
    height: calc(64px + env(safe-area-inset-bottom, 0px));
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    margin: 0;
    background: var(--rw-background, #F6F2EA);
    border-top: 1px solid var(--rw-border, #D8CFC3);
    box-shadow: 0 -3px 12px rgb(23 63 53 / 8%);
    z-index: 56;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information > .sidebar {
    position: static;
    inset: auto;
    display: flex;
    flex: 3 1 0;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-evenly;
    min-width: 0;
    width: auto;
    height: 100%;
    padding: 0;
    margin: 0;
    transform: none;
    transition: none;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .item,
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button {
    box-sizing: border-box;
    display: flex;
    position: static;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 48px;
    width: auto;
    height: 100%;
    padding: 7px 4px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--rw-primary, #173F35);
    text-decoration: none;
    font-family: var(--rw-font, Manrope, sans-serif);
    line-height: 1;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .item .f-svg-icon,
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button .f-svg-icon {
    flex: none;
    width: 20px;
    height: 20px;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .item::after,
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button::after {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .side_email::after { content: "Email"; }
  body.rw-contact-bar-enabled .sidebar-contact-information .side_whatsapp::after { content: "WhatsApp"; }
  body.rw-contact-bar-enabled .sidebar-contact-information .side_phone::after { content: "Phone"; }
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button::after { content: "Top"; }
  body.rw-contact-bar-enabled .sidebar-contact-information .icon-plus {
    display: none !important;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .sidebar .item.side_phone .phone-number {
    display: none !important;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .item:is(:hover,:focus-visible),
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button:is(:hover,:focus-visible) {
    background: var(--rw-primary, #173F35);
    color: #fff;
    box-shadow: none;
  }
  body.rw-contact-bar-enabled .sidebar-contact-information .item:focus-visible,
  body.rw-contact-bar-enabled .sidebar-contact-information #scroll-to-top-button:focus-visible {
    outline: 2px solid #8A5F31;
    outline-offset: -4px;
  }
}

/* Keep native negative gutters and the search tooltip within narrow desktop viewports. */
@media (min-width: 1200px) and (max-width: 1359px) {
  body.template-home .rw-home-applications .f-image-with-text__inner,
  body.template-home .rw-home-about .f-image-with-text__inner { margin-left: -20px; margin-right: -20px; }
  body .f-footer--middle .f-footer--accordion { margin-left: 0; margin-right: 0; }
  body .f-header__container.container { padding-left: 16px; padding-right: 16px; }
  body .f-header .f-tooltip--bottom > .f-tooltip__content { left: auto; right: 0; transform: translateY(0); }
}

/* Keep the three direct contact actions stable on phones and tablets. */
@media(max-width:1023px){body.rw-contact-bar-enabled > sidebar-contact-information.sidebar-contact-information #scroll-to-top-button{display:none!important}}

/* A light formula card keeps readable ink inside a dark story section. */
.rw-story .rw-graphic .rw-equation{color:#173f35}