/* Homepage product category — backend-driven linked slider style. */
.home-product-category{background:#fff;color:#191919;padding:0 0 74px;overflow:hidden;font-family:Arial,Helvetica,sans-serif}
.home-product-category__stage{position:relative;width:96%;max-width:1600px;margin:0 auto;min-height:610px}
.home-product-category__slide{display:none;opacity:0;transform:translateX(18px);transition:opacity .48s ease,transform .48s ease}
.home-product-category__slide.is-active{display:block;opacity:1;transform:translateX(0);animation:homeCatFade .52s ease both}
@keyframes homeCatFade{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.home-product-category__copy{text-align:center;margin:0 auto 25px;padding-top:18px}
.home-product-category__name{margin:0 0 15px;font-size:30px;line-height:1.2;font-weight:500;color:#000;text-transform:none;letter-spacing:0}
.home-product-category__desc{margin:0;font-size:20px;line-height:1.35;font-weight:400;color:#9b743d}
.home-product-category__image{display:block;width:960px;max-width:78vw;margin:0 auto;text-decoration:none;overflow:hidden;background:#fff}
.home-product-category__image img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;object-position:center center;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.home-product-category__image:hover img{transform:scale(1.012)}
.home-product-category__tabs{width:96%;max-width:1600px;margin:3.2% auto 0;padding:18px 0 17px;display:flex;align-items:center;justify-content:space-between;background:#f7f7f6;overflow:hidden}
.home-product-category__tab{position:relative;flex:1 1 20%;min-width:0;padding:0 34px;border:0;background:transparent;color:#272727;font:400 18px/1.6 Arial,Helvetica,sans-serif;white-space:nowrap;text-align:center;cursor:pointer;transition:color .3s ease,transform .3s ease;appearance:none}
.home-product-category__tab:not(:last-child)::after{content:"";display:block;width:50px;height:1px;background:rgba(0,0,0,.15);position:absolute;right:-25px;top:50%;transform:translateY(-50%)}
.home-product-category__tab:hover,.home-product-category__tab.is-active{color:#9b743d}
.home-product-category__tab.is-active{transform:scale(1.05)}
.home-product-category__tab:focus-visible{outline:2px solid #9b743d;outline-offset:3px}
@media (max-width:1200px){
 .home-product-category__stage{min-height:540px}
 .home-product-category__image{max-width:82vw}
 .home-product-category__tab{font-size:16px;padding-left:25px;padding-right:25px}
 .home-product-category__tab:not(:last-child)::after{width:38px;right:-19px}
}
@media (max-width:768px){
 .home-product-category{padding-bottom:36px}
 .home-product-category__stage{width:100%;min-height:0;padding:0 15px}
 .home-product-category__copy{padding-top:6px;margin-bottom:18px}
 .home-product-category__name{font-size:22px;margin-bottom:9px}
 .home-product-category__desc{font-size:14px;line-height:1.5}
 .home-product-category__image{width:100%;max-width:100%}
 .home-product-category__image img{max-height:none}
 .home-product-category__tabs{width:calc(100% - 30px);margin-top:25px;padding:13px 0;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .home-product-category__tabs::-webkit-scrollbar{display:none}
 .home-product-category__tab{flex:0 0 auto;font-size:13px;padding:0 22px}
 .home-product-category__tab:not(:last-child)::after{width:22px;right:-11px}
 .home-product-category__tab.is-active{transform:none;font-weight:500}
}

/* Shared footer fallback for homepage */
.site-full-footer{background:#17211e;color:#fff;width:100%;font-family:Arial,Helvetica,sans-serif}
.site-full-footer__main{width:min(1500px,calc(100vw - 72px));margin:0 auto;padding:66px 0 58px;display:grid;grid-template-columns:1.15fr .8fr 1.05fr;gap:72px}
.site-full-footer__brand img{display:block;width:150px;max-height:58px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.site-full-footer__brand>p{margin:18px 0 0;color:#fff;font-size:16px;font-weight:700}
.site-full-footer dl{margin:22px 0 0}.site-full-footer dl div{display:grid;grid-template-columns:58px 1fr;gap:14px;margin-top:10px}.site-full-footer dt{font-size:11px;color:rgba(255,255,255,.48);text-transform:uppercase}.site-full-footer dd{margin:0;font-size:13px;line-height:1.6;color:rgba(255,255,255,.76)}
.site-full-footer h3{margin:0 0 22px;color:#fff;font-size:13px;letter-spacing:.12em}.site-full-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.site-full-footer__links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:13px}.site-full-footer__cta p{margin:0;color:rgba(255,255,255,.64);font-size:13px;line-height:1.8}.site-full-footer__cta>a{display:inline-flex;margin-top:24px;min-height:44px;align-items:center;padding:0 22px;border:1px solid rgba(255,255,255,.72);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.site-full-footer__bottom{width:min(1500px,calc(100vw - 72px));margin:0 auto;border-top:1px solid rgba(255,255,255,.12);padding:20px 0 24px;color:rgba(255,255,255,.46);font-size:11px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1100px){.site-full-footer__main{grid-template-columns:1fr 1fr;gap:42px}.site-full-footer__cta{grid-column:1/-1}}
@media(max-width:768px){.site-full-footer__main{width:calc(100vw - 40px);grid-template-columns:1fr;padding:48px 0;gap:34px}.site-full-footer__cta{grid-column:auto}.site-full-footer__bottom{width:calc(100vw - 40px);display:block}.site-full-footer__bottom span{display:block;margin-top:5px}}

/* 2026-09-28: homepage top-level product category navigation cleanup */
.home-product-category__tabs{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:#f7f7f6!important;
}
.home-product-category__tab{
  display:block;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0;
  box-shadow:none!important;
  text-decoration:none!important;
  background:transparent!important;
}
.home-product-category__tab::before{display:none!important}
.home-product-category__tab:hover,.home-product-category__tab:focus,.home-product-category__tab:active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

/* 2026-09-28 Welltop logo gold theme */
:root{--welltop-gold:#9b743d;--welltop-gold-dark:#7d5a27;--welltop-gold-light:#e1cda0;--welltop-cream:#f7f2e8;--welltop-ink:#29251f;}
.header-logo-image{width:auto!important;height:58px!important;max-width:230px!important;object-fit:contain!important;}
.header-logo,.header-logo-link{display:flex!important;align-items:center!important;}
.wui-link:hover,.wui-link-wrap:hover .wui-link,.wui-link-wrap:hover .wui-media-hover .wui-media-mask{color:var(--welltop-gold)!important}
.wui-link-wrap:hover .wui-media-hover{border-color:var(--welltop-gold)!important}
.pagination a:hover{color:var(--welltop-gold)!important;border-color:var(--welltop-gold)!important}.pagination a.page-num-current{background:var(--welltop-gold)!important;border-color:var(--welltop-gold)!important}
.site-full-footer{background:#211d18!important;border-top:3px solid var(--welltop-gold)!important}.site-full-footer__brand img{width:190px!important;max-height:86px!important;filter:none!important;opacity:1!important}.site-full-footer__cta>a:hover{background:var(--welltop-gold)!important;border-color:var(--welltop-gold)!important;color:#fff!important}
@media(max-width:767px){.header-logo-image{height:44px!important;max-width:175px!important}.site-full-footer__brand img{width:170px!important}}
/* 2026-09-28 final WELLTOP logo fix: force the real header logo on homepage + inner pages */
.header-logo{flex:0 0 auto!important;overflow:visible!important;min-width:180px!important}
.header-logo-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;height:76px!important;overflow:visible!important}
.header-logo-image,.header-logo img,.e_image-20 img[src*="welltop-logo"]{display:block!important;width:190px!important;height:auto!important;max-width:190px!important;max-height:72px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;margin:0!important}
@media(max-width:767px){.header-logo{min-width:130px!important}.header-logo-link{height:58px!important}.header-logo-image,.header-logo img,.e_image-20 img[src*="welltop-logo"]{width:145px!important;max-width:145px!important;max-height:54px!important}}
\n\n/* WELLTOP GLOBAL BRAND COLOR FINAL */
:root{--brand:#9B743D;--brand-dark:#7D5A27;--brand-light:#E1CDA0;--brand-soft:#F7F2E8;--brand-footer:#211D18;}
a:hover,a:focus{color:var(--brand);}
button:focus,input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;outline-color:var(--brand);}
::selection{background:var(--brand);color:#fff;}
/* common theme accents */
.swiper-pagination-bullet-active,.slick-dots li.slick-active button:before{background-color:var(--brand)!important;color:var(--brand)!important;}
.pagination .active a,.pagination .active span,.page-item.active .page-link{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;}
.btn-primary,.button-primary,[class*="btn-primary"]{background-color:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;}
.btn-primary:hover,.button-primary:hover,[class*="btn-primary"]:hover{background-color:var(--brand-dark)!important;border-color:var(--brand-dark)!important;}

/* === 2026-09-28 document checklist final overrides === */
:root{--welltop-brand:#9B743D;--welltop-brand-dark:#7D5A27;--welltop-brand-soft:#F7F2E8;}
/* Hover/active states use the logo brand color */
a:hover,.p_level1Item:hover>a,.p_level2Item:hover>a,.p_menu1Item:hover>a,.p_menu2Item:hover>a{color:var(--welltop-brand)!important;}
.p_navButton:hover,.p_btn:hover,.wui-btn-primary:hover,.wui-btn:hover{border-color:var(--welltop-brand)!important;}
/* Inquiry form */
.site-inquiry__toggle,.site-inquiry form button,.site-contact-form__actions button{background:var(--welltop-brand)!important;color:#fff!important;}
.site-inquiry form button:hover,.site-contact-form__actions button:hover{background:var(--welltop-brand-dark)!important;}
.site-inquiry input:focus,.site-inquiry textarea:focus,.site-contact-form input:focus,.site-contact-form textarea:focus{border-color:var(--welltop-brand)!important;box-shadow:0 0 0 2px rgba(155,116,61,.10)!important;}
/* About / OUR VALUES: replace legacy green blocks with logo color */
#c_static_001-16836190773020 .e_container-94,#c_static_001-16836190773020 .e_container-96,#c_static_001-16836190773020 .e_container-100,#c_static_001-16836190773020 .e_container-103{background-color:var(--welltop-brand)!important;}
#c_static_001-16836190773020 .e_richText-79 h3,#c_static_001-16836190773020 .e_richText-97 h3,#c_static_001-16836190773020 .e_richText-101 h3,#c_static_001-16836190773020 .e_richText-104 h3{font-weight:700!important;}
/* Product detail section headings: same weight */
.product-detail-content>h2,.related-products>h2{font-weight:800!important;}
/* Mobile header/banner coordination */
@media(max-width:767px){
 .inner-banner{margin-top:82px!important;min-height:270px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;}
 .inner-banner__content h1{font-size:30px!important;}
 .header-logo-image,.header-logo img,.e_image-20 img[src*="welltop-logo"]{width:138px!important;max-width:138px!important;max-height:50px!important;}
}

/* 2026-09-28: unify homepage and inner-page desktop header width */
@media screen and (min-width: 769px) {
  #c_navigation_214_P_092-1761555186117 .e_container-1 {
    width: min(1540px, calc(100vw - 64px)) !important;
    max-width: 1540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  #c_navigation_214_P_092-1761555186117 .e_container-1 .cbox-1-0 {
    flex: 0 0 220px !important;
  }
  #c_navigation_214_P_092-1761555186117 .e_container-1 .cbox-1-1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  #c_navigation_214_P_092-1761555186117 .e_container-1 .cbox-1-2 {
    flex: 0 0 220px !important;
  }
}
@media screen and (max-width: 768px) {
  #c_navigation_214_P_092-1761555186117 .e_container-1 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}

/* 2026-09-28 document nav/sticky fix: 90px desktop gutters, full-width sticky white background */
@media screen and (min-width: 769px) {
  #c_navigation_214_P_092-1761555186117 .e_container-13 {
    width:100%!important; left:0!important; right:0!important;
    background:#fff!important;
  }
  #c_navigation_214_P_092-1761555186117 .e_container-1 {
    width:100%!important; max-width:none!important;
    margin-left:0!important; margin-right:0!important;
    padding-left:90px!important; padding-right:90px!important;
    box-sizing:border-box!important; background:#fff!important;
  }
  #c_navigation_214_P_092-1761555186117 .down--before,
  #c_navigation_214_P_092-1761555186117 .down--before .e_container-1,
  #c_navigation_214_P_092-1761555186117 .down--before .e_container-13 {
    width:100%!important; max-width:none!important; background:#fff!important;
  }
  #c_navigation_214_P_092-1761555186117 .down--before .e_container-1 {
    padding-left:90px!important; padding-right:90px!important;
  }
  #c_navigation_214_P_092-1761555186117 .down--before .e_image-20 {
    margin-left:0!important; padding-left:0!important;
  }
}
@media screen and (min-width:769px) and (max-width:1200px){
  #c_navigation_214_P_092-1761555186117 .e_container-1,
  #c_navigation_214_P_092-1761555186117 .down--before .e_container-1{padding-left:48px!important;padding-right:48px!important}
}

/* 2026-10-10: homepage product category overflow fix.
   Keep every category label at its natural width. When the total width exceeds
   the viewport, use one horizontal scroll row instead of shrinking/overlapping. */
.home-product-category__tabs{
  justify-content:flex-start!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
}
.home-product-category__tabs::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.home-product-category__tab{
  flex:0 0 auto!important;
  min-width:max-content!important;
  width:auto!important;
  white-space:nowrap!important;
}
