/* ===== ROMAND FLATSOME GLOBAL NATIVE HEADER v1.2.3 =====
   Header structure stays native Flatsome / Header Builder.
   Only visual treatment is overridden here so it remains editable in Flatsome. */
#header,
#header .header-wrapper{background:#fff!important}
#header .header-wrapper{box-shadow:0 4px 22px rgba(87,42,55,.055);border-bottom:1px solid #f4e8eb}
#header .header-main{height:78px!important;background:#fff!important}
#header .header-inner{max-width:1280px!important;padding-left:24px!important;padding-right:24px!important}
#header .logo{margin-right:28px}
#header .logo img{max-height:44px!important;width:auto!important;object-fit:contain}
#header .header-nav-main{align-items:center}
#header .nav>li>a{font-family:Inter,Arial,sans-serif!important;color:#34292d!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important;padding-top:0!important;padding-bottom:0!important}
#header .nav>li>a:hover,
#header .nav>li.active>a{color:#c74463!important}
#header .header-bottom{min-height:44px!important;background:#fff!important;border-top:1px solid #f7edef!important;border-bottom:1px solid #f5e8eb!important}
#header .header-bottom .flex-row{min-height:44px!important}
#header .header-bottom-nav.nav-center{justify-content:center!important;gap:3px}
#header .header-bottom-nav>li>a{font-size:11px!important;font-weight:600!important;color:#493b40!important;line-height:44px!important;padding:0 10px!important}
#header .header-bottom-nav>li>a:hover{color:#bd3557!important}
#header .header-bottom-nav .nav-dropdown{border:1px solid #f1e1e5!important;border-radius:10px!important;box-shadow:0 14px 38px rgba(90,42,57,.10)!important;padding:10px!important}
#header .nav-dropdown>li>a{font-size:12px!important;color:#4a3c41!important;border:0!important;padding:9px 12px!important}
#header .nav-dropdown>li>a:hover{background:#fff3f6!important;color:#b93657!important;border-radius:7px}

/* Flatsome top bar */
#header .header-top{min-height:30px!important;background:#f6cbd5!important;color:#6f3442!important}
#header .header-top .flex-row{min-height:30px!important}
#header .header-top a,
#header .header-top span,
#header .header-top p,
#header .header-top div{color:#6f3442!important;font-family:Inter,Arial,sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:.045em!important}
#header .top-running-bar{background:transparent!important;color:#6f3442!important;padding:0!important}
#header .top-running-text{animation:none!important;padding-left:0!important;white-space:normal!important;text-align:center!important;width:100%!important}

/* Search form */
#header .searchform-wrapper{width:min(520px,42vw)!important}
#header .searchform{height:42px!important;border:1px solid #eadde1!important;border-radius:999px!important;overflow:hidden!important;background:#fffafb!important;box-shadow:none!important}
#header .searchform .search-field{height:40px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding-left:18px!important;font-size:13px!important;color:#30272a!important}
#header .searchform .search-field::placeholder{color:#9d8c92!important}
#header .searchform .ux-search-submit{width:48px!important;background:transparent!important;border:0!important;color:#bd3b5c!important;min-height:40px!important}
#header .searchform .ux-search-submit:hover{background:#fff0f4!important;color:#a62e4d!important}

/* Header action icons */
#header .header-button,
#header .cart-item,
#header .account-item{margin-left:10px!important}
#header .header-button>a,
#header .cart-item>a,
#header .account-item>a{color:#34292d!important}
#header .header-button>a:hover,
#header .cart-item>a:hover,
#header .account-item>a:hover{color:#bd3b5c!important}
#header .cart-icon strong{border-color:#bd3b5c!important;color:#bd3b5c!important}
#header .cart-icon strong:after{border-color:#bd3b5c!important}
#header .header-cart-link .cart-price{font-size:11px!important;color:#55464b!important}

/* Sticky header */
#header .stuck .header-main{height:64px!important}
#header .stuck .logo img{max-height:38px!important}
#header .stuck{box-shadow:0 7px 25px rgba(87,42,55,.08)!important}

@media(max-width:849px){
  #header .header-main{height:64px!important}
  #header .header-inner{padding-left:14px!important;padding-right:14px!important}
  #header .logo img{max-height:36px!important}
  /* Native mobile search lives in header-bottom; hide desktop nav only. */
  #header .header-bottom{display:block!important;height:auto!important;min-height:0!important;border:0!important}
  #header .header-bottom .flex-row{min-height:0!important;padding:0!important}
  #header .header-bottom .mobile-nav{width:100%!important;margin:0!important}
  #header .header-bottom .mobile-nav>.header-search-form{width:100%!important;margin:0!important}
  #header .header-top{min-height:28px!important}
  #header .header-top .flex-row{min-height:28px!important}
  #header .header-top div,#header .header-top span,#header .header-top a{font-size:9px!important}
  #header .mobile-nav .icon-menu,
  #header .mobile-nav .icon-shopping-cart{color:#34292d!important}
  #header .header-search-form{padding:0 12px 10px!important;background:#fff!important}
  #header .header-search-form .searchform-wrapper{width:100%!important;max-width:none!important}
  #header .searchform{height:38px!important}
  #header .searchform .search-field{height:36px!important;font-size:12px!important}
  #header .searchform .ux-search-submit{min-height:36px!important}
}

@media(max-width:549px){
  #header .header-main{height:58px!important}
  #header .logo img{max-height:32px!important}
  #header .header-inner{padding-left:10px!important;padding-right:10px!important}
  #header .header-top,#header .header-top .flex-row{height:auto!important}
  #header .header-top .top-running-bar{padding:3px 10px!important}
  #header .header-top .top-running-text{font-size:9px!important;line-height:14px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}