/* header_mobile */
.mobile-header-active .mobile-cart-wrapper #cart > a > em::before { content: '\e9bf' !important; font-family: icomoon !important; color: rgba(51, 51, 51, 1); transform: translate3d(3px, 0px, 0) } 
.mobile-header-active .mobile-cart-wrapper #cart > a { width:35px } 
.mobile-cart-content-container-open [class*='-menu-container'] .mobile-wrapper-header > span::after { content: 'Tüm Kategoriler' } 
.mobile-cart-content-container-open .desktop-mobile-main-menu-container .mobile-wrapper-header > span::after { content: 'Tüm Kategoriler' } 
.mobile-cart-content-container-open .mobile-cart-content-container .mobile-wrapper-header > span::after { content: 'Sepetim'; display: none } 
.mobile-cart-content-container-open .mobile-wrapper-header > span { font-family: 'Source Sans Pro'; font-weight: 700; font-size: 15px; color: rgba(44, 46, 53, 1); letter-spacing: -0.3px; --offset-left:4px } 
.mobile-cart-content-container-open .mobile-wrapper-header { background-color: rgba(247, 247, 248, 1); --background-color: rgba(247, 247, 248, 1); border-width: 0; border-bottom-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1) } 
.mobile-cart-content-container-open .mobile-wrapper-header > a::before { content: '\e9c7' !important; font-family: icomoon !important; font-size: 15px; color: rgba(0, 0, 0, 1) } 
.mobile-cart-content-container-open .mobile-container { --mobile-wrapper-header: 50px; max-width:90%; width:550px; background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-cart-content-container-open .mobile-filter-wrapper .module-filter { padding: 28px; --element-padding: 28px; padding-top: 20px; --element-padding-top: 20px } 
.mobile-cart-content-container-open .mobile-main-menu-wrapper .main-menu, .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper .main-menu, .mobile-cart-content-container-open .mobile-main-menu-wrapper + .accordion-menu, .mobile-cart-content-container-open .desktop-mobile-main-menu-wrapper + .accordion-menu { padding: 0px; --element-padding: 0px } 
.mobile-cart-content-container-open.mobile-overlay .site-wrapper::before { background-color: rgba(0, 0, 0, 0.75) !important; --background-color: rgba(0, 0, 0, 0.75) !important } 
.mobile-cart-content-container-open .mobile-container .tab-container { --align-tabs: var(--tabs-align, flex-start) } 
.mobile-cart-content-container-open .mobile-container .tab-container .full-tabs-bg { --full-bg-display: block; } 
.mobile-cart-content-container-open .mobile-container .tab-container .tab-content::before { --full-content-bg-display: block; } 
.mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs { min-width: initial !important; max-width: var(--max-width-display, 100vw) !important; max-height: none !important; --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important; --tab-align: auto !important; flex-direction:row !important; align-items:center !important; padding-bottom: var(--pb) !important; overflow-x: var(--overflow-x-scroll) !important; overflow-y: var(--overflow-y-scroll) !important; } 
.mobile-cart-content-container-open .mobile-container .tab-container .tab-content { flex-basis: 100% !important; max-height: none; overflow-y: initial; overflow-x: initial; } 
.mobile-cart-content-container-open .mobile-container .tab-container .nav-tabs + .tab-content { margin-block-start: var(--spacing, 0px); margin-inline-start: 0; } 
.mobile-header-active #cart .cart-text { display: block } 
.mobile-header-active #cart .cart-title { display: none } 
.mobile-header-active #cart-items.count-badge { color: rgba(241, 250, 248, 1); background-color: rgba(0, 0, 0, 1); --background-color: rgba(0, 0, 0, 1); border-radius: 100px; --element-border-radius: 100px; min-height:min(18px, 100%) } 
.mobile-header-active #cart-items.count-zero { display: none !important } 
.mobile-header-active #cart-items { display: inline-flex; z-index: 1 } 
.mobile-header-active #cart-total { display: none; padding-right: 15px; --element-padding-right: 15px; padding-left: 15px; --element-padding-left: 15px; order:0; text-align: end } 
.mobile-header-active div#cart { border-radius: 0px; --element-border-radius: 0px } 
.mobile-header-active .mobile-cart-wrapper #cart-items.count-badge { display: inline-flex } 
.mobile-header-active .mobile-header { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1); --content-gutter:8px } 
:root { --mobile-bar: 65px; --mobile-sticky-height-reduction: 0px } 
.route-common-home.mobile-header-active .mobile-header { position: relative } 
.mobile-header-active .menu-trigger .menu-icon:after, .mobile-custom-menu .links-text:after, .mobile-header-active .search-trigger .menu-icon:after, .mobile-header-active .mobile-header .fa-shopping-cart::after { margin-top:2px } 
.mobile-bar .menu-trigger { width:26px } 
.mobile-bar-group > a { width:26px } 
.mobile-bar > a { width:26px } 
.mobile-header-active .search-trigger { width:26px } 
.mobile-cart-wrapper #cart > a { width:26px } 
.mobile-header-active .mobile-bar ::before { font-size:24px; color:rgba(5, 36, 55, 1) } 
.mobile-header-active .mobile-bar-group ::before { font-size:24px; color:rgba(5, 36, 55, 1) } 
.mobile-header-active #cart>a>em::before { font-size:24px; color:rgba(5, 36, 55, 1) } 
.mobile-header-active .menu-trigger .menu-icon::after { display:block; } 
.mobile-custom-menu .links-text::after { display:block; } 
.mobile-header-active .search-trigger .menu-icon::after { display:block; } 
.mobile-header-active .mobile-header .fa-shopping-cart::after { display:block; } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol { display:flex } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .symbol + span { display:block; } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-toggle .currency-code { display:none } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-flag { display:inline-flex } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-symbol { display:inline-flex } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .language-title-dropdown { display:inline-flex } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-title-dropdown { display:inline-flex } 
.mobile-header-active .language-currency [class*=-wrapper] form .dropdown-menu .currency-code-dropdown { display:none } 
.mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol-title .symbol, .mobile-header-active .language-currency [class*=-wrapper] form .currency-symbol { display: flex !important; margin-inline-end: 4px } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-toggle .symbol { display:flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-toggle .symbol + span { display:block; } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-toggle .currency-code { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-menu .language-flag { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-menu .currency-symbol { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-menu .language-title-dropdown { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-menu .currency-title-dropdown { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .dropdown-menu .currency-code-dropdown { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .symbol { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .language-title { display:block; } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .currency-title { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-toggle .currency-code { display:block } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-flag { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-symbol { display:none } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .language-title-dropdown { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-code-dropdown { display:inline-flex } 
.mobile-header-active div.language-currency [class*=-wrapper] .currency .dropdown-menu .currency-title-dropdown { display:none } 
.mobile-header-active .mobile-container .language-currency { justify-content: center } 
.mobile-header-active #logo a { padding-right: 30px; --element-padding-right: 30px } 
.mobile-header-active .mobile-2 .mobile-bar .mobile-logo-wrapper { justify-content: center; order: initial } 
.mobile-header-active .mobile-1 div.mobile-logo-wrapper { position: absolute; margin:0; left: 50%; transform: translate3d(-50%,0,0);; --margin: 0 0 0 50px; --position: absolute } 
.mobile-header-active .mobile-2 .mobile-bar .menu-trigger { order: -1 } 
.mobile-header-active .mobile-1 div.mobile-bar-group { width: 100%; } 
.mobile-header-active .mobile-1 a.menu-trigger { position: relative; margin: 0 auto 0 0; } 
html[dir='rtl'].mobile-header-active .mobile-1 div.mobile-logo-wrapper { --margin: 0 50px 0 0; --position: absolute } 
html[dir='rtl'].mobile-header-active .mobile-1 a.menu-trigger { position: relative; margin: 0 0 0 auto; } 
.mobile-header-active .menu-trigger .menu-icon::before { content: '\e97b' !important; font-family: icomoon !important } 
.mobile-header-active .menu-trigger { width:50px } 
.mobile-main-menu-wrapper .main-menu.drop-menu > .j-dropdown { left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center; --align-scroll: var(--align-scroll-center, 0); --translate-x: -50%; } 
.mobile-main-menu-wrapper .main-menu.drop-menu:first-child > .j-dropdown { left:50%; right:auto; } 
.mobile-main-menu-wrapper .main-menu.drop-menu:last-child > .j-dropdown { left:50%; right:auto; } 
.mobile-main-menu-wrapper .main-menu.dropdown > .j-dropdown::before { --triangle-right: 0px; --triangle-left: 0px } 
.mobile-main-menu-wrapper .main-menu.mega-custom > .j-dropdown { left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center; --align-scroll: var(--align-scroll-center, 0); --translate-x: -50%; } 
.mobile-main-menu-wrapper .main-menu.mega-custom:first-child > .j-dropdown { left:50%; right:auto; } 
.mobile-main-menu-wrapper .main-menu.mega-custom:last-child > .j-dropdown { left:50%; right:auto; } 
.mobile-main-menu-wrapper .main-menu.drop-menu.animating > .j-dropdown { --dropdown-from: 0; } 
.mobile-main-menu-wrapper .main-menu.mega-menu.animating > .j-dropdown { --dropdown-from: 0 } 
.mobile-main-menu-wrapper .main-menu .j-menu { --dropdown-padding:20px } 
.mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search) .j-dropdown .j-menu { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search) > .j-dropdown { --dropdown-width: 300px; width: 300px } 
.mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search):not(.flyout).main-menu-item .j-dropdown { --dropdown-width-main-menu: 300px; width: 300px } 
.mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-menu):not(#search):not(.panel-active) .j-menu { border-radius: 3px; --element-border-radius: 3px } 
.mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth) > .j-dropdown::before, .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth) > .tt-menu::before, .mobile-main-menu-wrapper .main-menu.dropdown:not(.mega-fullwidth)#cart-content::before { border-bottom-color: rgba(255, 255, 255, 1); top: 3px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu #cart > a { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(44, 46, 53, 1); text-decoration: none; -webkit-text-decoration: none } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active > a > .links-text,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu #cart:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .desktop-currency-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .mobile-currency-wrapper .dropdown:hover button { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active > a > .links-text { font-family: 'Source Sans Pro' !important; font-weight: 400 !important; font-size: 15px !important; color: rgba(0, 0, 0, 1) !important; text-decoration: none !important; -webkit-text-decoration: none !important; text-decoration-thickness: 1px !important; -webkit-text-decoration-thickness: 1px !important; text-underline-offset: 2px !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a > .links-text > s { display: none; --display: block; margin:0.1em 0 } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.main-menu-item > a > .links-text { --display: inline-block } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover > a > span > s, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active > a > span > s, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active > a > span > s { text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a > .links-text { display: block } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a::before { content: '\e409' !important; font-family: icomoon !important; font-size: 20px; color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1) } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:hover > a::before, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.active > a::before, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open > a::before, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active > a::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.open > a::before, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.panel-active > a::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a::before, .mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a .links-text em { margin-right: 7px; --element-margin-right: 7px; margin-left: 7px; --element-margin-left: 7px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item:not(:first-child), .mobile-main-menu-wrapper .main-menu.accordion-menu .accordion-menu .menu-item > a + div { border-style: solid; border-color: rgba(221, 221, 221, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a { padding-left: 0px; --element-padding-left: 0px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item.has-image { --menu-item-gap:12px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item > a > .count-badge { display: none; position: relative; transform:none; margin-inline-start: var(--x, 6px); margin-top: var(--margin-top, 0px); inset-inline-start: initial } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image > img { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .menu-item .menu-image { margin-right: var(--j-gap-s); --element-margin-right: var(--j-gap-s); padding: 2px; --element-padding: 2px; border-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1); border-radius: 100px; --element-border-radius: 100px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > li { min-height:45px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu > .j-menu > li > a { min-height:45px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu > li.menu-item { --menu-item-gap:30px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu > li { border-style: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu { margin-left: 18px; --element-margin-left: 18px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu { margin-left: 14px; --element-margin-left: 14px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .has-image .j-menu .j-menu { margin-left: 24px; --element-margin-left: 24px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .j-menu { margin-left: 22px; --element-margin-left: 22px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .j-menu .j-menu { margin-left: 20px; --element-margin-left: 20px } 
.mobile-main-menu-wrapper .main-menu .open-menu em::before { content: '\e409' !important; font-family: icomoon !important; font-size: 20px; color: rgba(51, 51, 51, 1); margin-right: 10px; --element-margin-right: 10px } 
.no-touchevents .mobile-main-menu-wrapper .main-menu .accordion-menu-item:hover > a > .open-menu em::before { color: rgba(0, 0, 0, 1) !important } 
.mobile-main-menu-wrapper .main-menu .accordion-menu-item.open > a > .open-menu em::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu .open-menu[aria-expanded='true'] em::before { content: '\e981' !important; font-family: icomoon !important; font-size: 20px; color: rgba(0, 0, 0, 1); margin-right: 10px; --element-margin-right: 10px } 
.no-touchevents .mobile-main-menu-wrapper .main-menu .menu-item.open > a:hover > .open-menu[aria-expanded='true'] em::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu .menu-item.open > a > .open-menu[aria-expanded='true'] em::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu .j-menu > .menu-item > a span.open-menu { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1); border-radius: 100px; --element-border-radius: 100px; min-width:25px; height:25px } 
.no-touchevents .mobile-main-menu-wrapper .main-menu .j-menu > .menu-item:hover > a span.open-menu, .mobile-main-menu-wrapper .main-menu .j-menu > .menu-item.panel-active > a span.open-menu, .mobile-main-menu-wrapper .main-menu .accordion-menu-item.open > a > .open-menu { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .desktop-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .desktop-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .mobile-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .mobile-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu #cart > a { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(44, 46, 53, 1); text-decoration: none; -webkit-text-decoration: none } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu #cart:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .desktop-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .desktop-currency-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .mobile-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .mobile-currency-wrapper .dropdown:hover button { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.open > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text { font-family: 'Source Sans Pro' !important; font-weight: 400 !important; font-size: 15px !important; color: rgba(0, 0, 0, 1) !important; text-decoration: none !important; -webkit-text-decoration: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a > .links-text > s { display: none; --display: block; margin:0.1em 0 } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.main-menu-item > a > .links-text { --display: inline-block } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a::before { content: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item:not(:first-child), .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .accordion-menu .menu-item > a + div { border-style: solid; border-color: rgba(221, 221, 221, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a { padding-left: 0px; --element-padding-left: 0px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item.has-image { --menu-item-gap:12px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item > a > .count-badge { position: relative; transform:none; margin-inline-start: var(--x, 6px); margin-top: var(--margin-top, 0px); inset-inline-start: initial } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item .menu-image > img { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .menu-item .menu-image { margin-right: var(--j-gap-s); --element-margin-right: var(--j-gap-s); padding: 2px; --element-padding: 2px; border-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1); border-radius: 100px; --element-border-radius: 100px } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu) > div .j-menu > li > a { padding-inline-start:35px !important } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu).has-image > div .j-menu > li > a { padding-inline-start:35px !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .desktop-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .desktop-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .mobile-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .mobile-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu #cart > a { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(44, 46, 53, 1); text-decoration: none; -webkit-text-decoration: none } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu #cart:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .desktop-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .desktop-currency-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .mobile-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .mobile-currency-wrapper .dropdown:hover button { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.open > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text { font-family: 'Source Sans Pro' !important; font-weight: 400 !important; font-size: 15px !important; color: rgba(0, 0, 0, 1) !important; text-decoration: none !important; -webkit-text-decoration: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a > .links-text > s { display: none; --display: block; margin:0.1em 0 } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.main-menu-item > a > .links-text { --display: inline-block } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a::before { content: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item:not(:first-child), .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .accordion-menu .menu-item > a + div { border-style: solid; border-color: rgba(221, 221, 221, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a { padding-left: 0px; --element-padding-left: 0px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item.has-image { --menu-item-gap:12px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item > a > .count-badge { position: relative; transform:none; margin-inline-start: var(--x, 6px); margin-top: var(--margin-top, 0px); inset-inline-start: initial } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item .menu-image > img { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .menu-item .menu-image { margin-right: var(--j-gap-s); --element-margin-right: var(--j-gap-s); padding: 2px; --element-padding: 2px; border-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1); border-radius: 100px; --element-border-radius: 100px } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu) > div .j-menu > li > div > .j-menu > li > a { padding-inline-start:21px !important } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu).has-image > div .j-menu > li > div > .j-menu > li > a { padding-inline-start:14px !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .desktop-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .desktop-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .mobile-language-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .mobile-currency-wrapper button, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu #cart > a { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(44, 46, 53, 1); text-decoration: none; -webkit-text-decoration: none } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu #cart:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .desktop-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .desktop-currency-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .mobile-language-wrapper .dropdown:hover button,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .mobile-currency-wrapper .dropdown:hover button { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.open > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.open > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.panel-active > a > .links-text { font-family: 'Source Sans Pro' !important; font-weight: 400 !important; font-size: 15px !important; color: rgba(0, 0, 0, 1) !important; text-decoration: none !important; -webkit-text-decoration: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a > .links-text > s { display: none; --display: block; margin:0.1em 0 } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.main-menu-item > a > .links-text { --display: inline-block } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a::before { content: none !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item:not(:first-child), .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .accordion-menu .menu-item > a + div { border-style: solid; border-color: rgba(221, 221, 221, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a { padding-left: 0px; --element-padding-left: 0px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item.has-image { --menu-item-gap:12px } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item > a > .count-badge { position: relative; transform:none; margin-inline-start: var(--x, 6px); margin-top: var(--margin-top, 0px); inset-inline-start: initial } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item .menu-image > img { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu .j-menu .menu-item .menu-image { margin-right: var(--j-gap-s); --element-margin-right: var(--j-gap-s); padding: 2px; --element-padding: 2px; border-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1); border-radius: 100px; --element-border-radius: 100px } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu) > div .j-menu > li > div > .j-menu > li > div > .j-menu > li > a { padding-inline-start:25px !important } 
.mobile-main-menu-wrapper .main-menu .j-menu > li:not(.mega-menu) > div .j-menu > li > div > .j-menu > li > div > .j-menu > li > div > .j-menu > li > a { padding-inline-start:20px !important } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(51, 51, 51, 1) } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu li.panel-active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu li.active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 15px; color: rgba(0, 0, 0, 1); text-decoration: none; -webkit-text-decoration: none } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li > a::before { color: rgba(51, 51, 51, 1) } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li:hover > a::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu li.panel-active > a::before { color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400 } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.panel-active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu li.panel-active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu li.active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(51, 51, 51, 1) } 
.no-touchevents .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li:hover > a,.no-touchevents  .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li:hover > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.panel-active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu .j-menu li.active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu .j-menu .j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu ul.j-menu li.panel-active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu ul.j-menu li.panel-active > a > .links-text, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu ul.j-menu li.active > a, .mobile-main-menu-wrapper .main-menu.accordion-menu ul.j-menu ul.j-menu ul.j-menu li.active > a > .links-text { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-container-open [class*='-menu-container'] .mobile-wrapper-header > span::after { content: 'Tüm Kategoriler' } 
.mobile-main-menu-container-open .desktop-mobile-main-menu-container .mobile-wrapper-header > span::after { content: 'Tüm Kategoriler' } 
.mobile-main-menu-container-open .mobile-cart-content-container .mobile-wrapper-header > span::after { content: 'Sepetim' } 
.mobile-main-menu-container-open .mobile-wrapper-header > span { font-family: 'Source Sans Pro'; font-weight: 700; font-size: 15px; color: rgba(44, 46, 53, 1); letter-spacing: -0.3px; --offset-left:4px } 
.mobile-main-menu-container-open .mobile-wrapper-header { background-color: rgba(247, 247, 248, 1); --background-color: rgba(247, 247, 248, 1); border-width: 0; border-bottom-width: 1px; border-style: solid; border-color: rgba(224, 226, 230, 1) } 
.mobile-main-menu-container-open .mobile-wrapper-header > a::before { content: '\e9c7' !important; font-family: icomoon !important; font-size: 15px; color: rgba(0, 0, 0, 1) } 
.mobile-main-menu-container-open .mobile-container { --mobile-wrapper-header: 50px; max-width:90%; width:550px; background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-main-menu-container-open .mobile-filter-wrapper .module-filter { padding: 28px; --element-padding: 28px; padding-top: 20px; --element-padding-top: 20px } 
.mobile-main-menu-container-open .mobile-main-menu-wrapper .main-menu, .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper .main-menu, .mobile-main-menu-container-open .mobile-main-menu-wrapper + .accordion-menu, .mobile-main-menu-container-open .desktop-mobile-main-menu-wrapper + .accordion-menu { padding: 0px; --element-padding: 0px } 
.mobile-main-menu-container-open.mobile-overlay .site-wrapper::before { background-color: rgba(0, 0, 0, 0.75) !important; --background-color: rgba(0, 0, 0, 0.75) !important } 
.mobile-main-menu-container-open .mobile-container .tab-container { --align-tabs: var(--tabs-align, flex-start) } 
.mobile-main-menu-container-open .mobile-container .tab-container .full-tabs-bg { --full-bg-display: block; } 
.mobile-main-menu-container-open .mobile-container .tab-container .tab-content::before { --full-content-bg-display: block; } 
.mobile-main-menu-container-open .mobile-container .tab-container .nav-tabs { min-width: initial !important; max-width: var(--max-width-display, 100vw) !important; max-height: none !important; --page-tabs-scroll-direction: var(--page-tabs-scroll, 0px) !important; --tab-align: auto !important; flex-direction:row !important; align-items:center !important; padding-bottom: var(--pb) !important; overflow-x: var(--overflow-x-scroll) !important; overflow-y: var(--overflow-y-scroll) !important; } 
.mobile-main-menu-container-open .mobile-container .tab-container .tab-content { flex-basis: 100% !important; max-height: none; overflow-y: initial; overflow-x: initial; } 
.mobile-main-menu-container-open .mobile-container .tab-container .nav-tabs + .tab-content { margin-block-start: var(--spacing, 0px); margin-inline-start: 0; } 
.mobile-bar .mobile-custom-menu-1 .links-text::before { content: '\eaa9' !important; font-family: icomoon !important; color: rgba(51, 51, 51, 1) } 
.mobile-bar .mobile-custom-menu { width:35px } 
.mobile-bar .mobile-custom-menu-2 .links-text::before { content: '\ea20' !important; font-family: icomoon !important } 
.mobile-bar .mobile-custom-menu-1 .count-badge { display: inline-flex } 
.mobile-main-menu-wrapper + div { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1); padding: 10px; --element-padding: 10px } 
.mobile-main-menu-container .mobile-wrapper-header + .mobile-main-menu-wrapper { margin: 0 } 
.mobile-main-menu-wrapper + .module-grid { order: -1; } 
.mobile-bar .mobile-custom-menu-2 .count-badge { display: inline-flex } 
.mobile-header-active  .mini-search .search-trigger .menu-icon::before { content: '\e910' !important; font-family: icomoon !important; color: rgba(51, 51, 51, 1) } 
.mobile-header-active .header-search { border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1); padding: 0px; --element-padding: 0px } 
.no-touchevents .mobile-header-active .header-search:hover { border-color: rgba(0, 0, 0, 1) } 
.mobile-header-active .header-search.focused,.no-touchevents  .mobile-header-active .header-search.focused:hover { border-color: rgba(0, 0, 0, 1) } 
.mobile-header-active .header-search input { font-family: 'Source Sans Pro'; font-weight: 400; color: rgba(44, 46, 53, 1); background-color: rgba(255, 255, 255, 1) !important; --background-color: rgba(255, 255, 255, 1) !important } 
.mobile-header-active .search-button { border-top-right-radius: 4px !important; --element-border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; --element-border-bottom-right-radius: 4px !important } 
.mobile-header-active div.header-search > .search-button::before { content: '\f002' !important; font-family: icomoon !important; font-size: 18px; color: rgba(0, 0, 0, 1); transform: translate3d(0px, -1px, 0) } 
.mobile-header-active .header-search .search-button { min-width:min(40px, 100%) } 
.mobile-header-active #search input::-webkit-input-placeholder { color: rgba(105, 114, 120, 1) } 
.mobile-header-active #search input::-moz-input-placeholder { color: rgba(105, 114, 120, 1) } 
.mobile-header-active #search input:-ms-input-placeholder { color: rgba(105, 114, 120, 1) } 
.mobile-header-active .header-search > input { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } 
.mobile-header-active .search-categories { border-top-left-radius: 4px !important; --element-border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; --element-border-bottom-left-radius: 4px !important; display: flex; background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-header-active .header-search > span { border-radius: 0 } 
.mobile-header-active .search-categories-button.dropdown-toggle, .mobile-header-active .search-categories-button, .mobile-header-active .search-categories-button > a { font-size: 13px; color: rgba(105, 114, 120, 1) } 
.mobile-header-active .search-categories-button::after { content: '\f0d7' !important; font-family: icomoon !important; color: rgba(105, 114, 120, 0.7); transform: translate3d(0px, 1px, 0) } 
.mobile-header-active .search-categories .dropdown-menu ul { width:200px; max-height:400px } 
.mobile-header-active #search .search-categories.drop-menu > .j-dropdown::before { margin-top: -10px } 
.mobile-header-active .tt-menu { --item-width: 220px; --item-gap: 1px } 
.mobile-header-active .tt-menu > div { background-color: rgba(233, 235, 237, 1) !important; --background-color: rgba(233, 235, 237, 1) !important; border-radius: 4px; --element-border-radius: 4px; border-top-left-radius: 0px; --element-border-top-left-radius: 0px; border-top-right-radius: 0px; --element-border-top-right-radius: 0px } 
.mobile-header-active .tt-menu .search-result:not(.view-more) a { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.no-touchevents .mobile-header-active .tt-menu .search-result:not(.view-more):hover a, .mobile-header-active .tt-cursor { background-color: rgba(255, 255, 255, 0.8); --background-color: rgba(255, 255, 255, 0.8) } 
.mobile-header-active #search .twitter-typeahead > .j-dropdown:not(#cart-content)::before { display: block; opacity: 1 } 
.mobile-header-active #search .twitter-typeahead > .j-dropdown > .mega-menu-content { --triangle-size: 10px; --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px)) } 
.mobile-header-active #search .twitter-typeahead > .j-dropdown > .mega-menu-content::before { top: var(--triangle-size-overlay, 0px); height: calc(100% - var(--triangle-size-overlay, 0px)); } 
.mobile-header-active #search .twitter-typeahead > .tt-menu::before { display: block; --dropdown-triangle: calc(var(--triangle-size, 10px) + var(--triangle-top-distance, 0px)) } 
.mobile-header-active #search .twitter-typeahead#cart-content::before { display: block } 
.mobile-header-active #search .twitter-typeahead > .j-dropdown::before, .mobile-header-active #search .twitter-typeahead > .tt-menu::before, .mobile-header-active #search .twitter-typeahead#cart-content::before { border-bottom-color: rgba(255, 255, 255, 0); --triangle-left-offset: -10px; top: 0px } 
.mobile-header-active #search .twitter-typeahead { --triangle-top-distance:-9px } 
.mobile-header-active .search-result > a > img { border-radius: 4px; --element-border-radius: 4px } 
.mobile-header-active .search-result > a > span { padding: 5px; --element-padding: 5px; padding-right: 10px; --element-padding-right: 10px; padding-left: 15px; --element-padding-left: 15px; justify-content:flex-start } 
.mobile-header-active .search-result.view-more a { justify-content: center; color: rgba(34, 60, 77, 1); background-color: rgba(226, 235, 243, 1); --background-color: rgba(226, 235, 243, 1); padding: 12px; --element-padding: 12px } 
.mobile-header-active .search-result .product-name { color: rgba(44, 46, 53, 1); letter-spacing: -.3px; line-height: 1.1; margin-bottom: 7px; --element-margin-bottom: 7px } 
.mobile-header-active .search-result .product-name + span { font-size: 13px; color: rgba(105, 114, 120, 1) } 
.mobile-header-active .search-result .price-old { color: rgba(239, 86, 45, 1); text-decoration: line-through; -webkit-text-decoration: line-through } 
.no-touchevents .mobile-header-active .search-result.view-more a:hover { background-color: rgba(244, 247, 250, 1); --background-color: rgba(244, 247, 250, 1) } 
.mobile-header-active .search-result.view-more a::after { content: '\e93f' !important; font-family: icomoon !important } 
.mobile-header-active .search-result:not(.view-more) > a::after { content: '\ea32' !important; font-family: icomoon !important; font-size: 24px; color: rgba(255, 255, 255, 1) } 
.no-touchevents .mobile-header-active .search-result:not(.view-more) > a:hover::after { color: rgba(226, 235, 243, 1) } 
.mobile-header-active .search-result > a { padding: 15px; --element-padding: 15px } 
.mobile-header-active .mini-search  #search .search-trigger { width:30px } 
.mobile-header-active .mobile-1 .mini-search { order: 10 } 
html { --mobile-search-bar:40px; --mobile-top-bar: 40px; --mobile-top-bar: 0px !important } 
.mobile-header.mobile-1 #search > .j-dropdown { padding: var(--j-gap-s); --element-padding: var(--j-gap-s) } 
.mobile-header.mobile-1 #search.animating::before { background-color: rgba(0, 0, 0, 0.75); --background-color: rgba(0, 0, 0, 0.75) } 
.mobile-header-active .mobile-search-group, .mobile-header-active .mobile-1 .mini-search #search > .dropdown-menu { background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1) } 
.mobile-1 #search > .j-dropdown:not(#cart-content)::before { display: none; opacity: 0 } 
.mobile-1 #search > .j-dropdown > .mega-menu-content { --dropdown-triangle: 0px; --triangle-size: 0px } 
.mobile-1 #search > .j-dropdown > .mega-menu-content::before { top: 0; height: 100% } 
.mobile-1 #search > .tt-menu::before { display: none; --dropdown-triangle: 0px } 
.mobile-1 #search#cart-content::before { display: none } 
.mobile-1 #search > .j-dropdown::before, .mobile-1 #search > .tt-menu::before, .mobile-1 #search#cart-content::before { border-bottom-color: rgba(255, 255, 255, 1); top: 0px } 
.mobile-1 #search { --triangle-top-distance:-15px } 
.mobile-header-active .mobile-secondary-menu .top-menu > .j-menu > li.menu-item > a { min-height: 40px } 
.mobile-header .mobile-secondary-menu .top-menu > .j-menu { padding: 0 var(--content-gutter, 0px) 0 calc(var(--content-gutter, 0px) - 5px); } 
.mobile-header .mobile-secondary-menu .top-menu > .j-menu > li.menu-item:last-child { padding-inline-end: var(--content-gutter, 0px); margin-inline-end: 0 } 
.mobile-header .mobile-secondary-menu .top-menu > .j-menu > li.menu-item:first-child { margin-inline-start: 0 } 
.mobile-header-active .mobile-header .mobile-top-bar { display: none; padding-right: 7px; --element-padding-right: 7px; padding-left: 7px; --element-padding-left: 7px; background-color: rgba(255, 255, 255, 1); --background-color: rgba(255, 255, 255, 1); justify-content:space-between; align-items:center } 
.mobile-header-active .mobile-bar { border-top-left-radius: inherit; border-top-right-radius: inherit; } 
.mobile-header-active .mobile-logo-wrapper { border-top-left-radius: inherit } 
.mobile-header-active .mobile-header .mobile-top-menu-wrapper { width: -webkit-fill-available; width: -moz-available; width: stretch } 
.mobile-header-active .mobile-top-menu-wrapper .menu-item { margin-inline-start: initial } 
@media (max-width: 400px) {
	.mobile-cart-content-container-open .mobile-container { --mobile-wrapper-header: 42px } 
	.mobile-main-menu-container-open .mobile-container { --mobile-wrapper-header: 42px } 
	.mobile-main-menu-wrapper + div { padding: 10px; --element-padding: 10px } 
}