.elementor-23 .elementor-element.elementor-element-d4d457c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-d4d457c:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-d4d457c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:rgba(11,11,13,0.82);}.elementor-23 .elementor-element.elementor-element-d4d457c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:16px 36px 16px 36px;}.elementor-23 .elementor-element.elementor-element-d4d457c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-7bb2a9c1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-7bb2a9c1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-74a29dc{text-align:left;}.elementor-23 .elementor-element.elementor-element-74a29dc img{max-width:48%;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-524a5149.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-524a5149.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-524a5149.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-23 .elementor-element.elementor-element-95df654 .elementor-menu-toggle{margin:0 auto;}.elementor-23 .elementor-element.elementor-element-95df654 .elementor-nav-menu .elementor-item{font-family:"Inter Tight", Sans-serif;font-weight:300;}.elementor-23 .elementor-element.elementor-element-95df654 .elementor-nav-menu--main .elementor-item{color:#E9E8E4;fill:#E9E8E4;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-underline .elementor-item:after,
					 .elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-overline .elementor-item:before,
					 .elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-double-line .elementor-item:before,
					 .elementor-23 .elementor-element.elementor-element-95df654 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-23 .elementor-element.elementor-element-95df654 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-95df654 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-95df654{z-index:6;}.elementor-bc-flex-widget .elementor-23 .elementor-element.elementor-element-53aa56e8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-23 .elementor-element.elementor-element-53aa56e8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-23 .elementor-element.elementor-element-53aa56e8.elementor-column > .elementor-widget-wrap{justify-content:right;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-524a5149.elementor-column{order:3;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-7bb2a9c1{width:40%;}.elementor-23 .elementor-element.elementor-element-53aa56e8{width:5%;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-7bb2a9c1{width:10%;}.elementor-23 .elementor-element.elementor-element-524a5149{width:70%;}.elementor-23 .elementor-element.elementor-element-53aa56e8{width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-23 .elementor-element.elementor-element-524a5149{width:20%;}.elementor-23 .elementor-element.elementor-element-53aa56e8{width:60%;}}/* Start custom CSS for nav-menu, class: .elementor-element-95df654 *//* ============================================================
   HEADER NAV — LedSof
   ============================================================ */


body .elementor .ls-header .elementor-nav-menu--main .elementor-item::before,
body .elementor .ls-header .elementor-nav-menu--main .elementor-item::after {
  display: none !important;
  content: none !important;
}


body .elementor .ls-header .elementor-nav-menu .elementor-item {
  text-decoration: none !important;
}

/* ============================================================
   NAV MENU ITEMS
   ============================================================ */

body .elementor .ls-header .elementor-nav-menu--main > ul > li {
  position: relative !important;
}

body .elementor .ls-header .elementor-nav-menu--main > ul > li > .elementor-item {
  font-family: var(--ls-font-mono, 'JetBrains Mono', ui-monospace, monospace) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--ls-text-mid, #b7b6b0) !important;
  padding: 14px 18px !important;
  border: none !important;
  background: transparent !important;
  fill: currentColor !important;
  position: relative !important;
  transition: color .25s ease !important;
}

/* Hover — text brightens slightly. NO color change to orange. */
body .elementor .ls-header .elementor-nav-menu--main > ul > li > .elementor-item:hover,
body .elementor .ls-header .elementor-nav-menu--main > ul > li > .elementor-item:focus {
  color: var(--ls-text, #e9e8e4) !important;
  background: transparent !important;
}

/* Active state — text STAYS the same gray, only underline changes */
body .elementor .ls-header .elementor-nav-menu--main > ul > li > .elementor-item.elementor-item-active {
  color: var(--ls-text-mid, #b7b6b0) !important;
}



body .elementor .ls-header .elementor-nav-menu--main > ul > li::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 6px !important;
  height: 1.5px !important;
  background: var(--ls-text-mid, #b7b6b0) !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .3s cubic-bezier(0.65, 0, 0.35, 1) !important;
  pointer-events: none !important;
  border: 0 !important;
}

/* Hover: slide in the gray line */
body .elementor .ls-header .elementor-nav-menu--main > ul > li:hover::after {
  transform: scaleX(1) !important;
}

/* Active: ORANGE line, always fully visible.
   Override transform to scaleX(1) immediately, no animation,
   and use a separate .elementor-23 .elementor-element.elementor-element-95df654 to swap the color cleanly. */
body .elementor .ls-header .elementor-nav-menu--main > ul > li:has(> .elementor-item-active)::after {
  background: var(--ls-accent, #ff5a3c) !important;
  transform: scaleX(1) !important;
  transition: none !important;
}

/* If user hovers an already-active item, keep orange */
body .elementor .ls-header .elementor-nav-menu--main > ul > li:has(> .elementor-item-active):hover::after {
  background: var(--ls-accent, #ff5a3c) !important;
}

/* Dropdown caret */
body .elementor .ls-header .elementor-nav-menu--main .sub-arrow {
  margin-left: 8px !important;
  font-size: 10px !important;
  opacity: 0.6 !important;
  transition: opacity .2s, transform .2s !important;
}
body .elementor .ls-header .elementor-nav-menu--main .sub-arrow i {
  display: none !important;
}
body .elementor .ls-header .elementor-nav-menu--main .sub-arrow::after {
  content: "▾" !important;
  font-family: var(--ls-font-mono, monospace) !important;
}
body .elementor .ls-header .elementor-nav-menu--main > ul > li:hover > .elementor-item .sub-arrow {
  opacity: 1 !important;
  transform: translateY(2px) !important;
}

/* ============================================================
   DROPDOWN — Products submenu
   ============================================================ */

body .elementor .ls-header .elementor-nav-menu--main .sub-menu {
  background: var(--ls-bg-card, #131316) !important;
  border: 1px solid var(--ls-line-strong, rgba(255,255,255,0.12)) !important;
  border-radius: 0 !important;
  padding: 8px !important;
  min-width: 220px !important;
  margin-top: 8px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.4) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

body .elementor .ls-header .elementor-nav-menu--main .sub-menu .elementor-sub-item {
  font-family: var(--ls-font-body, Inter, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  color: var(--ls-text-mid, #b7b6b0) !important;
  padding: 10px 14px !important;
  border: none !important;
  background: transparent !important;
  transition: color .2s, background .2s, padding-left .2s !important;
  position: relative !important;
}
body .elementor .ls-header .elementor-nav-menu--main .sub-menu .elementor-sub-item::before {
  content: "→" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) translateX(-8px) !important;
  opacity: 0 !important;
  color: var(--ls-accent, #ff5a3c) !important;
  transition: opacity .2s, transform .2s !important;
  font-family: var(--ls-font-body, Inter, sans-serif) !important;
}
body .elementor .ls-header .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
body .elementor .ls-header .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus {
  color: var(--ls-text, #e9e8e4) !important;
  background: rgba(255,255,255,0.03) !important;
  padding-left: 32px !important;
}
body .elementor .ls-header .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover::before {
  opacity: 1 !important;
  transform: translateY(-50%) translateX(0) !important;
}

/* ============================================================
   "ЗАПИТВАНЕ" BUTTON
   ============================================================ */

body .elementor .ls-header .elementor-widget-html a[href="#contact"] {
  font-family: var(--ls-font-body, Inter, sans-serif) !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  background: var(--ls-accent, #ff5a3c) !important;
  color: var(--ls-bg, #0b0b0d) !important;
  border: 1px solid var(--ls-accent, #ff5a3c) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 0 !important;
  transition: all .2s ease !important;
}
body .elementor .ls-header .elementor-widget-html a[href="#contact"]:hover {
  background: transparent !important;
  color: var(--ls-accent, #ff5a3c) !important;
  border-color: var(--ls-accent, #ff5a3c) !important;
}
body .elementor .ls-header .elementor-widget-html a[href="#contact"] span {
  transition: transform .2s !important;
}
body .elementor .ls-header .elementor-widget-html a[href="#contact"]:hover span {
  transform: translateX(4px) !important;
}

/* ============================================================
   MOBILE — burger menu + dropdown
   ============================================================ */

body .elementor .ls-header .elementor-menu-toggle {
  color: var(--ls-text, #e9e8e4) !important;
  background: transparent !important;
  border: 1px solid var(--ls-line-strong, rgba(255,255,255,0.12)) !important;
  border-radius: 0 !important;
  padding: 8px !important;
  width: 40px !important;
  height: 40px !important;
  transition: border-color .2s !important;
}
body .elementor .ls-header .elementor-menu-toggle:hover {
  border-color: var(--ls-accent, #ff5a3c) !important;
}
body .elementor .ls-header .elementor-menu-toggle.elementor-active {
  background: var(--ls-accent, #ff5a3c) !important;
  border-color: var(--ls-accent, #ff5a3c) !important;
  color: var(--ls-bg, #0b0b0d) !important;
}

/* Mobile dropdown menu items */
body .elementor .ls-header .elementor-nav-menu--dropdown .elementor-item {
  font-family: var(--ls-font-mono, 'JetBrains Mono', monospace) !important;
  font-size: 12px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ls-text-mid, #b7b6b0) !important;
  padding: 16px 36px !important;
  border-bottom: 1px solid var(--ls-line, rgba(255,255,255,0.06)) !important;
  transition: color .2s, background .2s !important;
  background: var(--ls-bg, #0b0b0d) !important;
}
body .elementor .ls-header .elementor-nav-menu--dropdown .elementor-item:hover,
body .elementor .ls-header .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: var(--ls-accent, #ff5a3c) !important;
  background: var(--ls-bg-card, #131316) !important;
}
body .elementor .ls-header .elementor-nav-menu--dropdown .elementor-sub-item {
  font-size: 11px !important;
  padding: 12px 36px 12px 56px !important;
  background: var(--ls-bg-alt, #0d0d10) !important;
  text-transform: none !important;
  letter-spacing: 0.04em !important;
  font-family: var(--ls-font-body, Inter, sans-serif) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d4d457c */body:not(.elementor-editor-active) .elementor-location-header{position:fixed;top:0;left:0;right:0;z-index:99}
body.admin-bar .elementor-location-header{top:32px}
@media (max-width:782px){body.admin-bar .elementor-location-header{top:46px}}
html{scroll-padding-top:110px}

.elementor-location-header .ls-header{border-bottom:1px solid rgba(255,255,255,0.06)}
.elementor-location-header .ls-header>.elementor-container{align-items:center}

@supports (animation-timeline: scroll()){
  .elementor-location-header .ls-header{animation:ls-header-glass linear both;animation-timeline:scroll(root);animation-range:0px 140px}
  @keyframes ls-header-glass{
    from{background-color:rgba(11,11,13,0);border-bottom-color:rgba(255,255,255,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
    to{background-color:rgba(11,11,13,0.85);border-bottom-color:rgba(255,255,255,0.06);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:8px;padding-bottom:8px}
  }
}

.ls-header .elementor-nav-menu--main .elementor-item{background-image:linear-gradient(#ff5a3c,#ff5a3c);background-repeat:no-repeat;background-size:0 1px;background-position:0 calc(100% - 6px);transition:background-size .32s cubic-bezier(.2,.6,.2,1),color .2s}
.ls-header .elementor-nav-menu--main .elementor-item:hover{background-size:100% 1px}
.ls-header .elementor-nav-menu--main .elementor-item.elementor-item-active{background-image:linear-gradient(rgba(255,90,60,0.6),rgba(255,90,60,0.6));background-size:100% 1px}
.ls-header .e--pointer-underline .elementor-item:before,
.ls-header .e--pointer-underline .elementor-item:after{display:none!important}

.ls-header .elementor-widget-html a[href*="kontakt"]{position:relative}
.ls-header .elementor-widget-html a[href*="kontakt"]>span:last-child{display:inline-block;transition:transform .25s}
.ls-header .elementor-widget-html a[href*="kontakt"]:hover>span:last-child{transform:translateX(4px)}

@property --lsang{syntax:"<angle>";inherits:false;initial-value:0deg}
.ls-header .elementor-widget-html a[href*="kontakt"]::after{content:"";position:absolute;inset:0;padding:1px;background:conic-gradient(from var(--lsang),transparent 0 318deg,rgba(255,90,60,0.45) 342deg,#ff5a3c 359deg,transparent 359.5deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:ls-cta-tracer 3.2s linear infinite;pointer-events:none}
@keyframes ls-cta-tracer{to{--lsang:360deg}}
@media (prefers-reduced-motion: reduce){.ls-header .elementor-widget-html a[href*="kontakt"]::after{display:none}}

body:not(.elementor-editor-active) .elementor-location-header{position:sticky;top:0;z-index:99}

@media (max-width:767px){
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .elementor-location-header .ls-header>.elementor-container{display:flex;flex-wrap:wrap;align-items:center;row-gap:12px}

  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-53aa56e8,
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-53aa56e8 .elementor-widget-wrap,
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-8da3537,
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-8da3537 .elementor-widget-container,
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-8da3537 .elementor-widget-container>div{display:contents!important}

  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-7bb2a9c1{width:auto;flex:0 0 auto;order:1}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-8da3537 .elementor-widget-container>div>span{order:2;margin-left:auto;white-space:nowrap}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .elementor-location-header .ls-header>.elementor-container::after{content:"";flex-basis:100%;order:3}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-8da3537 a[href*="kontakt"]{order:4;margin-right:auto}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-524a5149{width:auto;flex:1 1 auto;order:5}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .ls-header .elementor-element-524a5149 .elementor-menu-toggle{display:flex!important;width:max-content!important;margin:0 0 0 auto!important}

  html{scroll-padding-top:150px}
}

@media (max-width:767px){
  .elementor-location-header .ls-header{padding-top:10px!important;padding-bottom:10px!important}
  body:not(:has(#elementor-add-new-section)):not(:has(.elementor-add-section)) .elementor-location-header .ls-header>.elementor-container{row-gap:8px}
  .ls-hero{padding-top:44px!important}
  .ls-abhero{padding-top:44px!important}
}

.ls-header .elementor-nav-menu--dropdown{
  background:rgba(11,11,13,0.96)!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 24px 60px rgba(0,0,0,0.55);
}
.ls-header .elementor-nav-menu--dropdown a{color:#b7b6b0!important}
.ls-header .elementor-nav-menu--dropdown a:hover,
.ls-header .elementor-nav-menu--dropdown a.elementor-item-active{
  color:#e9e8e4!important;background:rgba(255,255,255,0.04)!important;
}
.ls-header .elementor-nav-menu--dropdown .sub-menu{background:transparent!important}

.ls-header .elementor-nav-menu--dropdown{padding:0!important;overflow:hidden}
.ls-header .elementor-nav-menu--dropdown ul{margin:0!important;padding:0!important;background:transparent!important}
.ls-header .elementor-nav-menu--dropdown li{background:transparent!important}
.ls-header .elementor-nav-menu--dropdown li:last-child a{border-bottom:0!important}/* End custom CSS */