/* Approved OPTION B - editorial transparent navigation over hero. */
body.lux-option-b .topbar {
  position:absolute!important;top:0!important;left:0!important;right:0!important;
  height:105px!important;z-index:80!important;
  padding:0 clamp(22px,5.2vw,95px)!important;
  background:linear-gradient(180deg,rgba(10,10,10,.77) 0%,rgba(10,10,10,.39) 82%,transparent)!important;
  border:0!important;border-bottom:1px solid rgba(214,184,130,.28)!important;
  backdrop-filter:none!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;gap:clamp(14px,2.1vw,38px)!important;
  transition:background .25s ease,box-shadow .25s ease,height .25s ease!important;
}
body.lux-option-b .topbar .brand {
  width:305px!important;min-width:305px!important;max-width:305px!important;
  padding:0!important;background:none!important;
}
body.lux-option-b .topbar .brand:before {display:none!important;content:none!important}
body.lux-option-b .topbar .brand .lux-brand-img {
  display:none!important;
}
body.lux-option-b .topbar .brand .lux-editorial-logo {
  display:block!important;width:100%!important;height:87px!important;
  object-fit:contain!important;object-position:left center!important;max-width:305px!important;
  mix-blend-mode:normal!important;
}
body.lux-option-b .topbar .brand .lux-editorial-logo-dark{display:none!important}
body.lux-option-b .topbar .nav {
  margin-left:auto!important;display:flex!important;gap:clamp(11px,1.5vw,24px)!important;
  font:500 clamp(11px,.9vw,13px) 'DM Sans',Arial,sans-serif!important;letter-spacing:.02em!important;
  flex-wrap:nowrap!important;align-items:center!important;
}
body.lux-option-b .topbar .nav a{
  color:#fbf7ef!important;text-shadow:0 1px 10px rgba(0,0,0,.4)!important;
  text-decoration:none!important;opacity:1!important;white-space:nowrap!important;
}
body.lux-option-b .topbar .nav a:hover{color:#dfbd83!important}
body.lux-option-b .topbar .nav .nav-owner {
  color:#f4e4c9!important;border:1px solid rgba(205,161,93,.85)!important;
  padding:14px 16px!important;background:rgba(0,0,0,.14)!important;
  letter-spacing:.08em!important;text-shadow:none!important;
}
body.lux-option-b .trend-hero {
  min-height:740px!important;padding-top:160px!important;
}
body.lux-option-b .trend-hero-shade{
  background:linear-gradient(90deg,rgba(9,10,11,.8) 0%,rgba(10,10,11,.59) 45%,rgba(10,10,11,.16) 100%)!important;
}
/* Scroll state transitions to the solid cream bar. */
body.lux-option-b .topbar.lux-scrolled{
  position:fixed!important;height:82px!important;top:0!important;
  background:rgba(246,244,239,.97)!important;backdrop-filter:blur(16px)!important;
  border-bottom:1px solid rgba(198,156,100,.34)!important;
  box-shadow:0 7px 25px rgba(0,0,0,.10)!important;
}
body.lux-option-b .topbar.lux-scrolled .brand .lux-editorial-logo-light{display:none!important}
body.lux-option-b .topbar.lux-scrolled .brand .lux-editorial-logo-dark{display:block!important;height:69px!important}
body.lux-option-b .topbar.lux-scrolled .nav a {
  color:#28231d!important;text-shadow:none!important;
}
body.lux-option-b .topbar.lux-scrolled .nav a:hover{color:#9a703d!important}
body.lux-option-b .topbar.lux-scrolled .nav .nav-owner{
  color:#28231d!important;background:transparent!important;border-color:#b9925e!important;
}
body.lux-option-b .topbar.lux-scrolled .nav .nav-owner:hover{background:#211c19!important;color:#fff!important}
@media(max-width:1180px){
 body.lux-option-b .topbar .brand{width:255px!important;min-width:255px!important;max-width:255px!important}
 body.lux-option-b .topbar .brand .lux-editorial-logo{max-width:255px!important}
 body.lux-option-b .topbar .nav{gap:12px!important}
}
@media(max-width:950px){
 body.lux-option-b .topbar{height:90px!important}
 body.lux-option-b .topbar .brand{width:244px!important;min-width:244px!important;max-width:244px!important}
 body.lux-option-b .topbar .brand .lux-editorial-logo{height:75px!important}
 body.lux-option-b .topbar .nav{display:none!important}
 body.lux-option-b .topbar .mobile-menu{display:block!important;margin-left:auto!important;color:#fff!important;border:1px solid #d4b581!important;background:#0005!important;padding:9px 12px!important}
 body.lux-option-b .topbar.lux-scrolled .mobile-menu{color:#222!important;background:transparent!important}
 body.lux-option-b .topbar .public-nav.open {
    display:flex!important;position:absolute!important;top:90px!important;left:0!important;right:0!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;
    background:#f6f4ef!important;padding:18px 26px!important;
    box-shadow:0 20px 28px rgba(0,0,0,.2)!important;
 }
 body.lux-option-b .topbar.lux-scrolled .public-nav.open{top:82px!important}
 body.lux-option-b .topbar .public-nav.open a {color:#222!important;text-shadow:none!important;padding:12px 8px!important}
 body.lux-option-b .topbar .public-nav.open .nav-owner{color:#222!important;max-width:245px!important}
 body.lux-option-b .trend-hero{padding-top:140px!important}
}
@media(max-width:600px){
 body.lux-option-b .topbar{height:77px!important;padding:0 18px!important}
 body.lux-option-b .topbar .brand{width:196px!important;min-width:196px!important;max-width:196px!important}
 body.lux-option-b .topbar .brand .lux-editorial-logo{height:70px!important;max-width:196px!important}
 body.lux-option-b .topbar.lux-scrolled{height:75px!important}
 body.lux-option-b .topbar.lux-scrolled .brand .lux-editorial-logo-dark{height:62px!important}
 body.lux-option-b .topbar .public-nav.open{top:77px!important}
 body.lux-option-b .topbar.lux-scrolled .public-nav.open{top:75px!important}
 body.lux-option-b .trend-hero{padding-top:125px!important}
}