/* Local dump: sticky header, no LS banner blow-up, amber skin. */

#spu-3671,
#spu-bg-3671,
.spu-box,
.spu-bg,
.spu-bg.spu-bg-3671,
.avia-cookie-consent,
#av-consent-extra-info,
.ls-loading-container,
.ls-loading-indicator,
.ls-notification,
.ls-gui-element.ls-notification {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

@import url("/rw2-fonts/rw2-fonts.css");

:root {
  --rw-amber: #c4892a;
  --rw-amber-deep: #8a5a14;
  --rw-honey: #e8c36a;
  --rw-cream: #f7f0e2;
  --rw-paper: #fbf6ec;
  --rw-ink: #3a2a14;
  --rw-serif: "Noto Serif", "Noto Serif TC", "Noto Serif CJK TC", "Songti TC",
    "PMingLiU", serif;
}

html,
body,
#top,
#wrap_all,
#main,
html body :not(script):not(style):not(svg):not(path) {
  font-family: var(--rw-serif) !important;
}

html body .avia-font-entypo-fontello,
html body [data-av_iconfont="entypo-fontello"],
html body [data-av_iconfont="entypo-fontello"]:before,
html body .av-icon-char:before,
#top .avia-font-entypo-fontello {
  font-family: "entypo-fontello" !important;
}

#wrap_all {
  position: relative !important;
}

html,
body.stretched,
#wrap_all,
#main,
.main_color,
.alternate_color,
.container_wrap {
  background-color: var(--rw-paper) !important;
}

body {
  color: var(--rw-ink);
}

/* LayerSlider layers have 889px type — they must never enter document flow. */
#layer_slider_1 .ls-l,
#layerslider_6 .ls-l,
.ls-layers,
.ls-slide > p,
.ls-slide > h1,
.ls-slide > h4,
.ls-slide > a,
.ls-slide > div.ls-l {
  display: none !important;
}

#header,
#header.av_header_sticky,
#header.header-scrolled,
#header.av_header_glassy,
#header.av_alternate_logo_active,
#header.av_header_border_black {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  height: 92px !important;
  max-height: 92px !important;
  min-height: 0 !important;
  z-index: 90 !important;
  background: rgba(251, 246, 236, 0.96) !important;
  background-color: rgba(251, 246, 236, 0.96) !important;
  border-bottom: 3px solid var(--rw-amber) !important;
  box-shadow: 0 1px 0 rgba(196, 137, 42, 0.25);
}

#main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Inner pages: pin nav; home keeps header in flow so it does not cover the bird. */
html.rw2-inner #header,
html.rw2-inner #header.av_header_sticky {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

html.rw2-inner #main {
  padding-top: 96px !important;
}

#header_main,
#header .container_wrap_logo,
#header .av-logo-container,
#header .inner-container {
  height: 88px !important;
  max-height: 88px !important;
  min-height: 0 !important;
}

#header .header_bg,
#header_main,
#header .container_wrap_logo {
  background: transparent !important;
}

#header .logo img {
  max-height: 76px !important;
  width: auto !important;
  height: 76px !important;
  max-width: 560px !important;
  object-fit: contain !important;
  background: transparent !important;
  box-shadow: none !important;
}

img.avia_image[src*="logo-tfo"],
img.avia_image[src*="logo-fin"],
img.avia_image[src*="logo-cap"] {
  width: 100% !important;
  max-width: 334px !important;
  height: auto !important;
  max-height: 154px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  box-shadow: none !important;
}

#header .avia-menu-text,
#header .av-main-nav > li > a {
  color: var(--rw-ink) !important;
}

#header .av-main-nav > li.current-menu-item > a .avia-menu-text,
#header .av-main-nav > li:hover > a .avia-menu-text {
  color: var(--rw-amber-deep) !important;
}

#layer_slider_1,
#layerslider_6,
.ls-wp-container,
.ls-container,
.ls-inner,
.ls-slide,
.ls-bg-wrap,
.ls-bg-outer,
.ls-slide-backgrounds {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: min(72vh, 720px) !important;
  max-height: min(72vh, 720px) !important;
  margin: 0 !important;
  overflow: hidden !important;
  visibility: visible !important;
  background-color: #c9a15a !important;
}

#layer_slider_1 {
  isolation: isolate;
}

.rw2-hero {
  position: relative;
  width: 100%;
  height: min(72vh, 720px);
  overflow: hidden;
  background: #c9a15a;
}

.rw2-hero-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 78% 52%;
}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper {
  position: relative !important;
  width: 100% !important;
  height: min(72vh, 720px) !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

.ls-bg {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 78% 52% !important;
}

.rw2-hero-copy {
  position: absolute;
  z-index: 4;
  left: clamp(1.25rem, 6vw, 4.5rem);
  top: 12%;
  max-width: 28rem;
  padding: 1.15rem 1.35rem 1.25rem;
  color: #fff8e8;
  background: rgba(90, 52, 12, 0.62);
  border: 1px solid rgba(255, 220, 150, 0.35);
  backdrop-filter: blur(2px);
}

.rw2-hero-copy h2 {
  margin: 0 0 0.35rem;
  font-size: clamp(1.6rem, 3vw, 2.15rem);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff8e8;
}

.rw2-hero-copy p {
  margin: 0 0 0.85rem;
  font-size: 0.98rem;
  line-height: 1.4;
  font-weight: 600;
  color: #ffe9b8;
}

.rw2-hero-copy a {
  display: inline-block;
  padding: 0.4rem 1.1rem;
  border: 1px solid #ffe4a8;
  color: #fff8e8 !important;
  font-weight: 700;
  text-decoration: none;
}

.av-special-heading-tag,
.avia-promocontent,
.entry-content-wrapper {
  color: var(--rw-ink);
}

.avia-button,
.avia-color-theme-color {
  background: var(--rw-amber) !important;
  border-color: var(--rw-amber-deep) !important;
  color: #fff8e8 !important;
}

#footer,
.footer_color,
#socket {
  background: #3f2a10 !important;
  color: #f3e2b8 !important;
}

#footer a,
#socket a {
  color: var(--rw-honey) !important;
}

/* Enfold mobile-only clones: dump CSS does not hide them, so they double on desktop. */
.av-desktop-hide {
  display: none !important;
}

/* Numbers strip on home: cream. Do not paint FO photo cells (same #av-layout-grid-1 id). */
#av-layout-grid-1.av-layout-grid-container:has(.avia-animated-number),
#av-layout-grid-1 .flex_cell:has(.avia-animated-number) {
  background: var(--rw-paper) !important;
  background-color: var(--rw-paper) !important;
}

#av-layout-grid-1 .flex_cell.avia-full-stretch {
  background-size: cover !important;
  background-position: center center !important;
}

#av-layout-grid-1 .avia-animated-number,
#av-layout-grid-1 .avia-animated-number-title,
#av-layout-grid-1 .avia-single-number,
#av-layout-grid-1 .avia-no-number {
  color: var(--rw-amber-deep) !important;
}

#av-layout-grid-1 .avia-animated-number-content,
#av-layout-grid-1 .avia-animated-number-content p {
  color: var(--rw-ink) !important;
}

#after_section_1 .av-special-heading-tag,
#after_section_1 .av-special-heading p,
#after_section_1 .av-subheading {
  color: var(--rw-ink) !important;
}

#after_section_1 .special-heading-inner-border {
  border-color: var(--rw-amber) !important;
}

/* Products: two Enfold wraps were absolute-stacked so captions mixed. Two rows, labels under thumbs. */
.connectized-slider,
.avia-content-slider,
.avia-smallarrow-slider {
  background-color: var(--rw-paper) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 24px 12px 28px !important;
}

#av_section_4,
#av_section_4.av-minimum-height,
#av_section_4 .container {
  height: auto !important;
  min-height: 0 !important;
}

.avia-content-slider-inner {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 22px;
  position: relative !important;
  height: auto !important;
  overflow: visible !important;
}

.avia-content-slider .slide-entry-wrap {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  position: relative !important;
  left: 0 !important;
  top: auto !important;
  right: auto !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  float: none !important;
}

.avia-content-slider .slide-entry {
  flex: 1 1 0;
  max-width: 176px;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
  left: auto !important;
  overflow: visible !important;
}

.avia-content-slider .slide-entry img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 100%;
  height: 118px;
  object-fit: cover;
  border-radius: 4px;
  margin: 0 0 8px;
}

.connectized-slider .avia-slideshow-arrows {
  display: none !important;
}

.connectized-slider .slide-entry a {
  position: static !important;
  display: block;
  text-align: center;
  color: var(--rw-ink) !important;
  font-size: 13px;
  line-height: 1.3;
  white-space: normal;
  padding: 0 4px;
}

#product-slider-mobile {
  display: none !important;
}

#page-header-section.av-minimum-height-25 {
  min-height: 280px !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

#product-background-div {
  background-size: cover !important;
  background-position: center center !important;
  min-height: 420px;
}

#product-background-div-inner {
  background: rgba(63, 42, 16, 0.38) !important;
}

.rw2-news-still img {
  width: 100%;
  height: auto;
  display: block;
}

/* Leftover Topaz navy (FO tabs, contact, headings) → resin brown / amber.
   Do not paint over photo cells that already have background:url(...). */
.av-layout-tab,
.flex_cell[style*="1f497d"]:not([style*="url("]),
.flex_cell[style*="3f2a10"]:not([style*="url("]) {
  background-color: #3f2a10 !important;
}

.av-special-heading[style*="003362"],
.av-special-heading[style*="005aab"],
.av-special-heading[style*="8a5a14"],
p[style*="005aab"],
p[style*="8a5a14"] {
  color: var(--rw-amber-deep) !important;
}

.av-special-heading[style*="003362"] .special-heading-inner-border,
.av-special-heading[style*="005aab"] .special-heading-inner-border,
.hr-inner[style*="1f497d"],
.hr-inner[style*="3f2a10"] {
  border-color: var(--rw-amber) !important;
}

#ContactSubmitBtn {
  background-color: var(--rw-amber) !important;
}

.iosTabControlSegmented label.checked {
  background: #3f2a10 !important;
  color: #fff8e8 !important;
}

#footer .footer_column_1,
#footer #custom_html-4,
#footer img[src*="服务号"],
#footer img[src*="%E6%9C%8D%E5%8A%A1%E5%8F%B7"] {
  display: none !important;
}