/* Header-only AVcraft skin for the separate Crestron layout. */
:root{--premium-black:#080808;--premium-gold:#c5a76b;--premium-white:#f6f4ef;--premium-line:rgba(197,167,107,.28)}
.navbar.navbar-default{position:relative;z-index:1000;margin:0;min-height:0;padding:12px 0 0;border:0;border-bottom:1px solid var(--premium-line);border-radius:0;background:radial-gradient(ellipse at 0 0,rgba(197,167,107,.22),transparent 35%),radial-gradient(ellipse at 100% 0,rgba(197,167,107,.22),transparent 35%),linear-gradient(180deg,#10100f,#080808 88%);box-shadow:0 18px 42px rgba(0,0,0,.2);transition:background .35s ease,color .35s ease,box-shadow .35s ease}
.navbar.navbar-default>.container-fluid{display:flex;flex-direction:column;align-items:center}
.navbar-header{float:none!important;display:flex;justify-content:center;align-items:center;width:100%;min-height:68px}
.navbar-brand{float:none!important;display:flex;align-items:center;justify-content:center;height:auto!important;padding:8px 16px!important}
.navbar-brand svg{width:160px;height:auto;max-height:52px}
.navbar-brand svg g path{fill:var(--premium-white)!important}.navbar-brand svg>path:first-child{fill:var(--premium-gold)!important}
.navbar-collapse{width:100%;text-align:center;border:0;box-shadow:none}
.navbar-nav,.navbar-nav.navbar-right{float:none!important;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto}
.navbar-nav>li{float:none;min-height:0!important}
.navbar-default .navbar-nav>li>a{padding:17px 15px!important;color:var(--premium-white)!important;font-size:16px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;background:transparent!important}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a{color:var(--premium-gold)!important;box-shadow:inset 0 -2px var(--premium-gold)}
.navbar.navbar-default.fixed{position:fixed;top:0;left:0;width:100%;height:auto!important;min-height:0!important;padding:12px 0 0!important;background:rgba(250,249,246,.97);border-color:rgba(0,0,0,.12);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(12px)}
.navbar.navbar-default.fixed .navbar-header{min-height:68px!important}.navbar.navbar-default.fixed .navbar-brand svg{width:160px!important;max-height:52px!important}.navbar.navbar-default.fixed .navbar-brand svg g path{fill:#151515!important}.navbar.navbar-default.fixed .navbar-brand svg>path:first-child{fill:var(--premium-gold)!important}.navbar.navbar-default.fixed .navbar-nav>li>a{padding:17px 15px!important;color:#151515!important}
.navbar.navbar-default.fixed .navbar-nav>li>a:hover,.navbar.navbar-default.fixed .navbar-nav>.active>a{color:#8b6d36!important;box-shadow:inset 0 -2px var(--premium-gold)}
@media(max-width:767px){.navbar.navbar-default>.container-fluid{display:block}.navbar-header{min-height:64px}.navbar-brand{justify-content:center}.navbar-brand svg{width:136px}.navbar-collapse{background:#0d0d0d}.navbar-nav,.navbar-nav.navbar-right{display:block}.navbar-default .navbar-nav>li>a{padding:14px 18px!important;text-align:center}.navbar.navbar-default.fixed{position:sticky}.navbar.navbar-default.fixed .navbar-collapse{background:#f8f7f4}.navbar.navbar-default.fixed .navbar-nav>li>a{color:#171717!important}}

/* Show the same two-row navigation on every viewport, not the legacy mobile header. */
nav.navbar.navbar-default{display:block!important}
@media(max-width:991px){.header-mobile{display:none!important}}
@media(max-width:767px){
  nav.navbar.navbar-default{padding:4px 0!important}
  .navbar.navbar-default.fixed{height:auto!important;min-height:0!important;padding:4px 0!important}
  .navbar-header{min-height:58px!important}
  .navbar-brand svg{width:132px!important;max-height:44px!important}
  .navbar-toggle{display:block!important;top:4px!important;margin-top:8px!important}
  .navbar-collapse{background:#0d0d0d!important}
  .navbar-nav,.navbar-nav.navbar-right{display:block!important}
  .navbar-default .navbar-nav>li>a{padding:12px 18px!important;text-align:center!important}
  .navbar.navbar-default.fixed .navbar-collapse{background:#f8f7f4!important}
}

/* Also cover servers where the protected Crestron header still has only .menu. */
#menu.menu{display:none!important;position:fixed;right:0;top:0;bottom:0;z-index:1200;width:380px;overflow-y:auto;background:#10100f}
.slideout-open #menu.menu{display:block!important}
@media(min-width:992px){#menu.menu{display:none!important;visibility:hidden!important;pointer-events:none!important}}
.languages-button{display:none!important}

/* Keep the shared drawer readable even if the old locked partial is still deployed. */
#menu.menu{width:min(380px,100vw);background:#10100f!important;color:#f6f4ef;box-shadow:-18px 0 48px rgba(0,0,0,.35)}
#menu.menu .menu-section-list{margin:0;padding:0}
#menu.menu .menu-section-list li{border-color:rgba(197,167,107,.22)}
#menu.menu .menu-section-list a{padding:20px 26px!important;color:#f6f4ef!important;font-size:15px;letter-spacing:.08em;text-align:left;text-transform:uppercase}
#menu.menu .menu-section-list a:hover,#menu.menu .menu-section-list li.active>a{color:#c5a76b!important;background:rgba(197,167,107,.07)}
/* Remove the light sticky state from the dedicated Lutron/Crestron header too. */
.navbar.navbar-default.fixed{background:radial-gradient(ellipse at 0 0,rgba(197,167,107,.18),transparent 35%),radial-gradient(ellipse at 100% 0,rgba(197,167,107,.18),transparent 35%),rgba(8,8,8,.97)!important;border-color:rgba(197,167,107,.3)!important;box-shadow:0 10px 32px rgba(0,0,0,.45)!important}
.navbar.navbar-default.fixed .navbar-brand svg g path{fill:#f6f4ef!important}
.navbar.navbar-default.fixed .navbar-nav>li>a{color:#f6f4ef!important}
.navbar.navbar-default.fixed .navbar-nav>li>a:hover,.navbar.navbar-default.fixed .navbar-nav>.active>a{color:#c5a76b!important}
@media(max-width:767px){.navbar.navbar-default.fixed .navbar-collapse{background:#10100f!important}.navbar.navbar-default.fixed .navbar-nav>li>a{color:#f6f4ef!important}}
body.wrapper footer,body.wrapper .footer-slider,body.wrapper .footer_slider{display:none!important}
/* Carry the same subtle gold edge light down Lutron and Crestron pages. */
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 28rem 38rem at -7rem 34%,rgba(197,167,107,.105),transparent 74%),radial-gradient(ellipse 30rem 42rem at calc(100% + 8rem) 68%,rgba(197,167,107,.085),transparent 74%),radial-gradient(ellipse 46rem 28rem at 50% 105%,rgba(197,167,107,.045),transparent 76%)}
/* Match the mobile menu control and fixed positioning across Lutron and Crestron. */
@media(max-width:767px){body.wrapper nav.navbar.navbar-default,body.wrapper nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important}.navbar-header{position:relative!important}.navbar-toggle{position:absolute!important;display:block!important;top:8px!important;right:12px!important;left:auto!important;margin:0!important;border:1px solid rgba(197,167,107,.75)!important;border-radius:2px!important;background:#10100f!important}.navbar-toggle .icon-bar{background:#c5a76b!important}}
/* Use the same viewport-anchored hamburger and edge-to-edge drawer on Lutron/Crestron. */
@media(max-width:767px){body.wrapper nav.navbar .navbar-toggle{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;right:10px!important;left:auto!important;z-index:1300!important}#menu.menu,#menu.slideout-menu{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;height:100dvh!important;box-sizing:border-box!important;overflow-x:hidden!important}#menu.menu .menu-section,#menu.menu .menu-section-list,#menu.slideout-menu .menu-section,#menu.slideout-menu .menu-section-list{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}
@media(min-width:768px) and (max-width:991px){#menu.menu,#menu.slideout-menu{width:100vw!important;max-width:100vw!important;left:0!important;right:0!important}}
/* Spread the atmospheric gold across the page canvas on these separate layouts too. */
body::after{background:radial-gradient(ellipse 42rem 34rem at 12% 16%,rgba(197,167,107,.11),transparent 76%),radial-gradient(ellipse 50rem 38rem at 78% 22%,rgba(197,167,107,.085),transparent 78%),radial-gradient(ellipse 52rem 44rem at 48% 58%,rgba(197,167,107,.075),transparent 78%),radial-gradient(ellipse 46rem 38rem at 18% 88%,rgba(197,167,107,.07),transparent 78%),radial-gradient(ellipse 50rem 42rem at 88% 84%,rgba(197,167,107,.08),transparent 78%),linear-gradient(180deg,rgba(197,167,107,.025),rgba(8,8,8,.015))!important;z-index:2!important}
/* Crestron uses a plain body and #panel sits above the original glow; correct both here. */
body::after{content:"";position:fixed;inset:0;z-index:13!important;pointer-events:none;background:radial-gradient(ellipse 82rem 60rem at -13rem -14rem,rgba(197,167,107,.24),transparent 72%),radial-gradient(ellipse 82rem 60rem at calc(100% + 13rem) -14rem,rgba(197,167,107,.2),transparent 72%),radial-gradient(ellipse 88rem 62rem at -16rem calc(100% + 12rem),rgba(197,167,107,.18),transparent 74%),radial-gradient(ellipse 88rem 62rem at calc(100% + 16rem) calc(100% + 12rem),rgba(197,167,107,.21),transparent 74%)}
/* Remove the legacy homepage statistics block wherever this header skin is used. */
div.prize{display:none!important}
main#panel ul:not(.list-unstyled):not(.list-inline):not(.pagination):not(.menu-section-list):not(.navbar-nav):not(.menu_rozwiazania):not(.big-breadcrumbs)>li::marker{content:"◆  ";color:#c5a76b;font-size:.76em}
main#panel ol>li::marker{color:#c5a76b;font-weight:700}
@media(max-width:767px){nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important}.navbar-header{position:relative!important}.navbar-toggle{position:fixed!important;display:block!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;right:10px!important;left:auto!important;z-index:1300!important;margin:0!important;padding:12px!important;border:1px solid rgba(197,167,107,.8)!important;background:#10100f!important}.navbar-toggle .icon-bar{background:#c5a76b!important}nav.navbar.navbar-default #bs-example-navbar-collapse-1.collapsing,nav.navbar.navbar-default #bs-example-navbar-collapse-1.collapse.in{position:fixed!important;top:var(--av-fixed-header-height,70px)!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:calc(100dvh - var(--av-fixed-header-height,70px))!important;max-height:calc(100dvh - var(--av-fixed-header-height,70px))!important;margin:0!important;padding:12px 0!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important;background:#0b0b0a!important;border:0!important}.navbar-collapse .navbar-nav,.navbar-collapse .navbar-nav.navbar-right{display:block!important;width:100%!important;margin:0!important;padding:0!important}.navbar-collapse .navbar-nav>li{float:none!important;width:100%!important;margin:0!important}.navbar-collapse .navbar-nav>li>a{display:block!important;width:100%!important;padding:16px 20px!important;text-align:center!important;box-sizing:border-box!important}#menu.menu,#menu.slideout-menu{right:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important}}
/* Soft gold light on the Lutron dark surfaces, matching the masthead. */
body[class*="page-lutron"] .lutron-hero-container{box-shadow:inset 0 110px 130px -100px rgba(197,167,107,.3),inset 0 -130px 150px -110px rgba(197,167,107,.2)}
body[class*="page-lutron"] .lutron-card-item{border:1px solid rgba(197,167,107,.42)!important;box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 30px rgba(197,167,107,.08)!important}
body[class*="page-lutron"] .lutron-card-overlay{background:linear-gradient(145deg,rgba(197,167,107,.13),transparent 48%,rgba(0,0,0,.6))!important}
body[class*="page-lutron"] .manufacturers,body[class*="page-lutron"] .manufacturer-item,body[class*="page-lutron"] .manufacturers-container{background-image:radial-gradient(ellipse at 0% 0%,rgba(197,167,107,.09),transparent 36%),radial-gradient(ellipse at 100% 100%,rgba(197,167,107,.05),transparent 34%)!important}
/* Apply the gold edge treatment to all pages in the Lutron family, not only /lutron. */
body.page-lutron .lutron-hero-container,body.page-klawiatury .lutron-hero-container,body.page-lutron-klawiatury-detale .lutron-hero-container,body.page-inteligentne-oswietlenie .lutron-hero-container{box-shadow:inset 0 110px 130px -100px rgba(197,167,107,.3),inset 0 -130px 150px -110px rgba(197,167,107,.2)}
body.page-lutron .lutron-card-item,body.page-klawiatury .lutron-card-item,body.page-lutron-klawiatury-detale .lutron-card-item,body.page-inteligentne-oswietlenie .lutron-card-item{border-color:rgba(197,167,107,.42)!important;box-shadow:0 18px 44px rgba(0,0,0,.42),0 0 30px rgba(197,167,107,.08)!important}
body.page-lutron .manufacturers,body.page-klawiatury .manufacturers,body.page-lutron-klawiatury-detale .manufacturers,body.page-inteligentne-oswietlenie .manufacturers{background-image:radial-gradient(ellipse at 0% 0%,rgba(197,167,107,.09),transparent 36%),radial-gradient(ellipse at 100% 100%,rgba(197,167,107,.05),transparent 34%)!important}
/* Keep the masthead fixed from initial load and reserve its layout height below it. */
:root{--av-fixed-header-height:136px}
nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1100!important}
body.wrapper>div>main#panel{padding-top:var(--av-fixed-header-height)!important}
@media(max-width:767px){:root{--av-fixed-header-height:70px}nav.navbar.navbar-default,nav.navbar.navbar-default.fixed{position:fixed!important;top:0!important;padding:4px 0!important}body.wrapper>div>main#panel{padding-top:var(--av-fixed-header-height)!important}}