.desktop header{z-index:100!important}html:not(.popup) h1.page-title>span::after{display:none!important}html.route-common-home.desktop-header-active .tab-container .swiper-container{padding:8px 0 28px}html.route-common-home.desktop-header-active .tab-container .swiper-slide,html.route-common-home.desktop-header-active .tab-container .product-layout .product-thumb{min-height:300px}html.route-common-home.desktop-header-active .tab-container .swiper-slide,html.route-common-home.desktop-header-active .tab-container .product-layout{background:transparent!important}html.route-common-home.desktop-header-active .tab-container .product-layout .product-thumb{background:#fff!important}.product-label.hendi-leadtime-label{background-color:transparent!important}.product-label.hendi-leadtime-label b{background-color:rgba(80,173,85,1)!important;color:#ffffff!important}.desktop-header-active .header-compact .header-cart-group{position:relative;z-index:3}.page-back-link{padding:4px 0 0;margin:0}.page-back-link a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#333;text-decoration:none}.page-back-link a:hover{color:#e74c3c}ul.breadcrumb.back-link-replaced,ul.breadcrumb.back-link-replaced li,ul.breadcrumb.back-link-replaced li a,ul.breadcrumb.back-link-replaced li::before{display:none!important}.breadcrumb-mobile-back{display:none}.breadcrumb-mobile-back .breadcrumb-mobile-back-link{display:block;width:100%}.desktop-header-active .header-classic .mid-bar{align-items:center}.desktop-header-active .header-classic .mid-bar .desktop-search-wrapper.full-search.default-search-wrapper{display:flex;align-items:center;justify-content:flex-end;flex-basis:100%;order:3!important;height:auto!important;min-height:40px;position:relative}.desktop-header-active .header-classic .full-search #search{position:static!important;top:auto!important;right:auto!important;width:min(430px,100%)!important;max-width:100%;margin-left:auto}.desktop-search-wrapper #search,.custom-search-unified{width:100%;max-width:100%}.desktop-search-wrapper #search.dropdown>.search-trigger{display:none!important}.desktop-search-wrapper #search.dropdown>.dropdown-menu,.desktop-search-wrapper #search.dropdown>.dropdown-menu.j-dropdown{position:static!important;display:block!important;top:auto!important;left:auto!important;right:auto!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;opacity:1!important;outline:none!important;overflow:visible!important}.desktop-search-wrapper #search .j-dropdown::before,.desktop-search-wrapper #search .j-dropdown::after,.desktop-search-wrapper #search .dropdown-menu::before,.desktop-search-wrapper #search .dropdown-menu::after{display:none!important;content:none!important;width:0!important;height:0!important;border:0!important}.desktop-search-wrapper .search-categories .dropdown-menu{pointer-events:none!important}.desktop-search-wrapper .search-categories .dropdown-menu:not(.open):not(.show){display:none!important;opacity:0!important;visibility:hidden!important}.desktop-search-wrapper .header-search{position:relative;display:flex!important;align-items:center;width:100%;min-width:0;overflow:visible!important;z-index:99!important}.desktop-search-wrapper .twitter-typeahead{display:block!important;flex:1 1 auto;width:100%!important;min-width:0!important}.desktop-search-wrapper .search-input,.desktop-search-wrapper .tt-input{width:100%!important;min-width:0!important}.desktop-search-wrapper .tt-hint{display:none!important}.desktop-search-wrapper .header-search .search-button{flex:0 0 40px}.desktop-header-active #main-menu-2>.j-menu{flex-wrap:wrap!important;justify-content:flex-start!important}.desktop-header-active #main-menu-2>.j-menu>li.main-menu-item{flex:1 0 14%!important;max-width:calc(100%/7)!important}.desktop-header-active #main-menu-2>.j-menu>li.main-menu-item>a{border-left:3px solid #ffffff!important}.desktop-header-active #main-menu-2>.j-menu>li.main-menu-item:nth-child(7n+1)>a{border-left:0!important}.desktop-header-active #main-menu-2>.j-menu>li.main-menu-item:nth-child(n+8)>a{border-top:1px solid #ffffff!important}.desktop-header-active #main-menu-2>.j-menu>li.main-menu-item>.j-dropdown{margin-top:0!important}.desktop-header-active #main-menu-2 .module-catalog a.catalog-title{font-family:"Ubuntu",sans-serif!important;font-weight:400!important}.desktop-header-active #main-menu-2 .module-item:hover a.catalog-title{font-weight:700!important}.desktop-header-active #main-menu-2 .module.module-catalog .module-body{padding:20px 22px!important;max-height:calc(100vh - 285px)!important;overflow-y:auto!important;gap:12px!important;scrollbar-width:thin;scrollbar-color:#c9c9c9 transparent}.desktop-header-active #main-menu-2 .module.module-catalog .module-body::-webkit-scrollbar{width:8px}.desktop-header-active #main-menu-2 .module.module-catalog .module-body::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:4px}.desktop-header-active #main-menu-2 .module-catalog .module-item:not(.swiper-slide){width:calc((100% - 60px)/6)!important;margin:0!important;padding:12px 10px 10px!important;border:0!important;background:#ffffff!important;border-radius:10px!important;box-shadow:0 1px 3px rgba(0,0,0,0.07)!important;transition:box-shadow 0.15s ease-out,transform 0.15s ease-out!important}.desktop-header-active #main-menu-2 .module-catalog .module-item:not(.swiper-slide):hover{box-shadow:0 8px 20px rgba(0,0,0,0.13)!important;transform:translateY(-2px)!important}.desktop-header-active #main-menu-2 .module-catalog .item-content .catalog-image{margin:0!important;display:flex!important;justify-content:center!important}.desktop-header-active #main-menu-2 .module-catalog .catalog-image img{width:auto!important;max-width:100%!important;height:auto!important;align-self:center!important}.desktop-header-active #main-menu-2 .module-catalog a.catalog-title{margin-top:8px!important;padding-top:8px!important;border-top:1px solid #f1f1f1!important;color:#333333!important}.desktop-header-active #main-menu-2 .module-item:hover a.catalog-title{color:#de202a!important}.mobile-header-active .mobile-1 .mobile-bar-group{display:flex!important;align-items:stretch!important}.mobile-header-active .mobile-1 .menu-trigger{display:flex!important;align-items:center!important;gap:4px!important;cursor:pointer!important;background:transparent!important;border:0!important;box-shadow:none!important}.mobile-header-active .mobile-1 .menu-trigger-label{display:none!important}.mobile-header-active .mobile-1 .mobile-bar{position:relative}.mobile-header-active .mobile-1 .mobile-left-group{position:absolute!important;left:0!important;top:0!important;bottom:0!important;display:flex!important;align-items:center!important;z-index:6!important}.mobile-header-active .mobile-1 .mobile-left-group .menu-trigger{position:static!important;width:44px!important;height:100%!important;justify-content:center!important;background:transparent!important}.mobile-header-active .mobile-1 .mobile-lang-toggle{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;height:100%!important}.mobile-header-active .mobile-1 .mobile-lang-toggle .mobile-lang-toggle-btn{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:0 6px!important;margin:0!important;background:transparent!important;border:0!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important}.mobile-header-active .mobile-1 .mobile-lang-toggle img{display:block!important;width:22px!important;height:auto!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(0,0,0,0.18)!important}.mobile-header-active .mobile-1 .mobile-bar-group{margin-right:8px!important}.mobile-header-active .mobile-cart-wrapper{padding:0 0 0 4px!important}.mobile-header-active .mobile-cart-wrapper #cart{display:flex!important;align-items:center!important;height:100%!important;position:relative!important}.mobile-header-active .mobile-cart-wrapper .cart-heading{display:inline-flex!important;align-items:stretch!important;width:auto!important;height:36px!important;padding:0!important;background:#de202a!important;border-radius:8px!important;overflow:hidden!important;text-decoration:none!important;line-height:1!important}.mobile-header-active .mobile-cart-wrapper #cart .cart-heading .fa-shopping-cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 34px!important;width:34px!important;height:100%!important;padding:0!important;margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;line-height:1!important;transform:translate(3px,-9px)!important}.mobile-header-active .mobile-cart-wrapper #cart .cart-heading .fa-shopping-cart::before{color:#fff!important;-webkit-text-fill-color:#fff!important;display:block!important;line-height:1!important;transform:scaleX(-1)!important}.mobile-header-active .mobile-cart-wrapper .cart-heading .cart-label{display:none!important}.mobile-header-active .mobile-cart-wrapper .cart-heading #cart-items.count-badge{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:30px!important;width:auto!important;height:100%!important;padding:0 2px!important;margin:0!important;background:#fff!important;color:#222!important;font-size:15px!important;font-weight:700!important;border:0!important;border-radius:0 8px 8px 0!important;box-shadow:inset 0 0 0 1.5px #de202a!important;transform:none!important}.mobile-header-active .mobile-cart-wrapper .cart-heading #cart-items.count-badge.count-zero{display:inline-flex!important}html:not(.mobile-header-active) #cart .cart-heading{display:inline-flex!important;align-items:stretch!important;width:auto!important;height:36px!important;padding:0!important;background:#de202a!important;border-radius:8px!important;overflow:hidden!important;text-decoration:none!important;line-height:1!important}html:not(.mobile-header-active) #cart .cart-heading .fa-shopping-cart{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:100%!important;padding:0!important;margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:27px!important;line-height:1!important;transform:translate(7px,9px)!important}html:not(.mobile-header-active) #cart .cart-heading .fa-shopping-cart::before{color:#fff!important;-webkit-text-fill-color:#fff!important;display:block!important;line-height:1!important;transform:scaleX(-1)!important}html:not(.mobile-header-active) #cart .cart-heading .cart-label{display:none!important}html:not(.mobile-header-active) #cart .cart-heading #cart-items.count-badge{position:static!important;top:auto!important;left:auto!important;right:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;min-width:32px!important;width:auto!important;height:100%!important;padding:0 2px!important;margin:0!important;background:#fff!important;color:#222!important;font-size:15px!important;font-weight:700!important;border:0!important;border-radius:0 8px 8px 0!important;box-shadow:inset 0 0 0 1.5px #de202a!important;transform:none!important}html:not(.mobile-header-active) #cart .cart-heading #cart-items.count-badge.count-zero{display:inline-flex!important}html:not(.mobile-header-active) .classic-cart-wrapper{display:flex!important;align-items:center!important;gap:14px!important;padding-top:14px!important;margin-right:-18px!important}html:not(.mobile-header-active) .desktop-logo-wrapper #logo{margin-left:-39px!important}html:not(.mobile-header-active) .main-menu-3{padding-left:0!important}html:not(.mobile-header-active) .main-menu-3>.j-menu>.menu-item:first-child>a{padding-left:2px!important}html:not(.mobile-header-active) .desktop-search-wrapper .dropdown{transform:translateX(58px)!important;z-index:20!important}html:not(.mobile-header-active) .desktop-search-wrapper{position:relative!important;z-index:20!important;pointer-events:none!important}html:not(.mobile-header-active) .desktop-search-wrapper .dropdown{pointer-events:auto!important}html:not(.mobile-header-active) .desktop-cart-wrapper{transform:translateY(4px)!important}html:not(.mobile-header-active) .classic-cart-wrapper .top-menu.secondary-menu a{font-size:17px!important}html:not(.mobile-header-active) .classic-cart-wrapper .top-menu.secondary-menu a::before,html:not(.mobile-header-active) .classic-cart-wrapper .top-menu.secondary-menu i{font-size:19px!important}html:not(.mobile-header-active) .top-bar .language-currency{display:none!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle .desktop-lang-flag{background:none!important;border:0!important;padding:2px!important;display:flex!important;align-items:center!important;line-height:0!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle img{width:26px!important;height:auto!important;display:block!important;border-radius:2px!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle .is-active{border-bottom:2px solid #de202a!important;padding-bottom:3px!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle .is-inactive{cursor:pointer!important;opacity:.38;filter:grayscale(60%);transition:opacity .15s,filter .15s;padding-bottom:5px!important}html:not(.mobile-header-active) .classic-cart-wrapper .desktop-lang-toggle .is-inactive:hover{opacity:1;filter:none}@media (min-width:1300px){html:not(.mobile-header-active) .grid-row-top-1{height:311px!important;overflow:hidden!important}html:not(.mobile-header-active) .grid-row-top-1 .module-master_slider{width:1800px!important;max-width:none!important;margin-left:calc(50% - 900px)!important;margin-right:0!important;transform:scale(0.70889);transform-origin:top center;margin-bottom:-128px}html:not(.mobile-header-active) .grid-row-top-4{width:2390px!important;max-width:none!important;margin-left:calc(50% - 1195px)!important;margin-right:0!important;transform:scale(0.53389);transform-origin:top center}}.mobile-header-active .mobile-1 .mobile-bar-group .mobile-phone-wrapper,.mobile-header-active .mobile-1 .mobile-bar-group .mobile-cart-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 4px!important}.mobile-header-active .mobile-1 .mobile-phone-wrapper .mobile-phone-link{display:flex!important;align-items:center!important}.mobile-header-active .mobile-1 .mobile-phone-wrapper .fa-phone{color:#e74c3c!important;font-size:32px!important;line-height:1!important;transform:translate(-2px,2px)!important}.mobile-header-active .mobile-1 .mobile-bar-group .mobile-phone-wrapper{margin-right:7px!important;padding:0!important}html.mobile-header-active .grid-row-top-1 .grid-col-top-1-1{margin-top:0!important;margin-bottom:0!important}html.mobile-header-active .grid-row-top-1 .master-slider{height:auto!important}html.mobile-header-active .grid-row-top-2 .grid-col-top-2-1{margin-top:8px!important}html.route-common-home.mobile-header-active .tab-container .swiper-container,html.route-common-home.mobile-header-active .tab-container .product-grid,html.route-common-home.mobile-header-active .tab-container .product-grid .swiper-slide,html.route-common-home.mobile-header-active .tab-container .product-grid .product-thumb{min-height:222px!important}html.route-product-product.mobile-header-active .grid-row-bottom-1 .swiper-container,html.route-product-product.mobile-header-active .grid-row-bottom-1 .product-grid,html.route-product-product.mobile-header-active .grid-row-bottom-1 .product-grid .swiper-slide,html.route-product-product.mobile-header-active .grid-row-bottom-1 .product-grid .product-thumb{min-height:255px!important}.scroll-top{display:none!important}.links-menu-302{display:none!important}@media (max-width:767px){.touchevents.popup-open,.touchevents.popup-open body{overflow:auto!important}.popup-wrapper{align-items:flex-end!important}.popup-wrapper .popup-bg{display:block!important;position:fixed;inset:0;background:rgba(0,0,0,0.25)!important;z-index:-1}.popup-wrapper .popup-container{width:100%!important;max-width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important;box-shadow:0-4px 20px rgba(0,0,0,0.15)!important;pointer-events:auto}.popup-wrapper .popup-body{padding:16px 16px 12px!important}.popup-wrapper .popup-inner-body{display:flex;flex-direction:column;gap:10px}.popup-wrapper .popup-header{display:none!important}.popup-wrapper .popup-content{font-size:12px!important;line-height:1.4!important;color:#555!important;max-height:3em!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin:0!important;padding:0!important}.popup-wrapper .popup-content *{font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important}.popup-wrapper .popup-footer{margin:0!important;padding:0!important}.popup-wrapper .popup-buttons{display:flex;gap:8px}.popup-wrapper .popup-buttons .btn-popup-1{flex:1;display:block!important;padding:14px 20px!important;font-size:16px!important;font-weight:700!important;text-align:center!important;border-radius:10px!important;min-height:48px!important}.popup-wrapper .popup-buttons .btn-popup-2{display:none!important}.popup-wrapper .popup-dont-show{font-size:11px!important;text-align:center}.popup-wrapper .popup-close{display:flex!important;align-items:center;justify-content:center;position:absolute!important;top:8px;right:8px;z-index:10;width:32px;height:32px;padding:0!important;border:none!important;border-radius:50%;background:rgba(255,255,255,0.9)!important;color:#333!important;font-size:0;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,0.15)}.popup-wrapper .popup-close::before{content:"×";font-size:22px;color:#333}.popup-wrapper .popup-container{position:relative}.mobile-header-active .mobile-1 .mobile-header-sticky,.mobile-header-active .mobile-1 .mobile-header-sticky.mobile-bar-sticky,.mobile-header-active .mobile-1{height:auto!important}.mobile-header-active .mobile-1 .mobile-header-sticky.mobile-bar-sticky{z-index:1002!important}.mobile-header-active .mobile-1 .mobile-search-bar{height:52px!important;max-height:52px!important;min-height:52px!important;padding:4px 12px 8px!important;background:var(--mobile-header-bg, #f8f8f8) !important;overflow:visible!important;box-sizing:border-box!important}.mobile-header-active .mobile-1 .mobile-search-bar .mobile-search-wrapper{height:40px!important;max-height:40px!important;overflow:visible!important}.mobile-header-active .mobile-search-bar #search{width:100%!important;height:40px!important;position:relative!important}.mobile-header-active .mobile-search-bar #search.dropdown>.search-trigger{display:none!important}.mobile-header-active .mobile-search-bar #search.dropdown>.dropdown-menu{position:static!important;display:block!important;top:auto!important;left:auto!important;right:auto!important;min-width:0!important;width:100%!important;height:40px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.mobile-header-active .mobile-search-bar #search.dropdown>.dropdown-menu::before{display:none!important}.mobile-header-active .mobile-search-bar .header-search{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:40px!important;background:#f8f8f8!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-sizing:border-box!important;overflow:visible!important}.mobile-header-active .mobile-search-bar .search-categories{display:none!important}.mobile-header-active .mobile-search-bar .twitter-typeahead{display:flex!important;align-items:center!important;flex:1 1 auto!important;width:100%!important;height:40px!important;min-width:0!important;position:relative!important}.mobile-header-active .mobile-search-bar .search-input,.mobile-header-active .mobile-search-bar .tt-input{width:100%!important;height:40px!important;font-size:15px!important;line-height:40px!important;padding:0 40px 0 12px!important;margin:0!important;border:0!important;background:transparent!important;border-radius:8px!important;-webkit-appearance:none!important;outline:none!important;box-shadow:none!important;position:relative!important}.mobile-header-active .mobile-search-bar .search-input::placeholder,.mobile-header-active .mobile-search-bar .tt-input::placeholder{color:#888!important;font-size:15px!important;line-height:1!important}.mobile-header-active .mobile-search-bar .tt-hint{display:none!important}.mobile-header-active .mobile-search-bar .header-search .search-button{position:absolute!important;right:2px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;flex:0 0 36px!important;background:transparent!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important;line-height:0!important;color:transparent!important}.mobile-header-active .mobile-search-bar .header-search .search-button::before{content:""!important;font-family:"icomoon"!important;font-size:18px!important;color:#e74c3c!important;line-height:1!important}.mobile-header-active .mobile-search-bar .header-search .search-button::after{content:none!important;display:none!important}.mobile-header-active .mobile-search-bar .tt-menu{position:absolute!important;top:100%!important;left:-12px!important;width:100vw!important;max-height:65vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,0.15)!important;z-index:1060!important;border-radius:0 0 12px 12px!important;margin-top:0!important}.mobile-header-active .mobile-search-bar .tt-menu:empty,.mobile-header-active .mobile-search-bar .tt-menu:not(.tt-open){display:none!important}.mobile-header-active .mobile-search-bar .tt-dataset{display:block!important;width:100%!important}.mobile-header-active .site-wrapper>header{position:sticky!important;top:0!important;z-index:1001!important;margin-bottom:0!important}.breadcrumb li+li::before{padding:0 3px!important}.product-filter{padding:4px 0!important;margin:0!important}.product-filter .filter-row{margin:0!important;padding:0!important}#content{padding-top:0!important}.main-products{margin-top:0!important;padding-top:0!important}}
/* IV 2026-10-28: one-row desktop header (owner's pick "C2"). Row 1: logo, menu links, phone, profile, BG/EN, cart.
Row 2: full-width search. Then the category tiles, unchanged. #main-menu stays inside .desktop-main-menu-wrapper
(mql.js moves it back there and the Journal sticky bar measures that wrapper), so it is lifted into row 1 with
position:absolute against .header, and only while the page is not scrolled into the sticky bar. */
.desktop-header-active header .top-bar{display:none!important}
.desktop-header-active .header-classic .mid-bar{height:auto!important;padding:0 2px!important;flex-wrap:wrap;align-items:center}
.desktop-header-active .header-classic .mid-bar .desktop-logo-wrapper{width:auto!important;height:72px;margin:0!important;display:flex;align-items:center}
html.desktop-header-active header .header-classic .mid-bar .desktop-logo-wrapper #logo{width:auto!important;height:100%;margin:0!important;padding:0!important}
html.desktop-header-active header .header-classic .mid-bar .desktop-logo-wrapper #logo a{display:flex!important;align-items:center;width:auto!important;height:100%;margin:0!important;padding:0!important}
html.desktop-header-active header .header-classic .mid-bar .desktop-logo-wrapper #logo img{display:block;width:150px!important;height:auto!important;max-width:none!important;margin:0!important;top:0!important;left:0!important}
html.desktop-header-active header .header-classic .mid-bar .classic-cart-wrapper{order:2;margin:0 0 0 auto!important;height:72px;padding:0!important;display:flex;align-items:center;gap:18px}
html.desktop-header-active header .header-classic .classic-cart-wrapper .desktop-cart-wrapper,html.desktop-header-active header .header-classic .classic-cart-wrapper #cart{margin:0!important}
.desktop-header-active .header-classic .mid-bar .desktop-search-wrapper.full-search.default-search-wrapper{order:3!important;flex-basis:100%;margin:2px 0 16px!important;padding:0!important;min-height:0;height:52px!important;justify-content:center}
.desktop-header-active .header-classic .full-search #search{width:100%!important;height:auto!important;margin:0!important;transform:none!important}
.desktop-header-active .desktop-search-wrapper .header-search{height:52px!important;border-radius:4px!important}
html.desktop-header-active .desktop-search-wrapper #search .header-search input.search-input{height:50px!important;line-height:50px!important;padding:0 18px!important;font-size:20px!important}
.desktop-header-active .desktop-search-wrapper .header-search .search-button{flex:0 0 auto!important;width:auto!important;height:50px!important;padding:0 30px!important;display:flex!important;align-items:center;gap:10px;border-radius:0 3px 3px 0!important}
.desktop-header-active .desktop-search-wrapper .header-search .search-button::before{font-size:20px!important;color:#ffffff!important}
.desktop-header-active .desktop-search-wrapper .header-search .search-button::after{content:"Търси";font:19px/1 'Akrobat-Bold',sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#ffffff}
html[lang^="en"].desktop-header-active .desktop-search-wrapper .header-search .search-button::after{content:"Search"}
/* search.js injects #search .tt-menu{width:180%;margin-left:-200px} for the old 430px box; under a full-width box the suggestions line up with it */
html.desktop-header-active .desktop-search-wrapper #search .tt-menu{width:100%!important;left:0!important;right:auto!important;margin-left:0!important}
/* menu links in row 1 (non-sticky only; the sticky bar keeps the Journal layout) */
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper{margin-bottom:27px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper::before{display:none!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu{position:absolute;top:0;left:calc(max(0px,(100% - 1280px) / 2) + 188px);height:72px;z-index:3}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li>a{padding:0 20px 0 2px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li:not(:last-child)>a .links-text{font-size:17px}
.desktop-header-active body:not(.is-sticky) #main-menu-2{margin-top:0!important}
/* phone */
.iv-hdr-phone{display:inline-flex;align-items:center;gap:8px;font:19px/1 'Akrobat-Bold',sans-serif;letter-spacing:.01em;color:#434242!important;white-space:nowrap;text-decoration:none!important}
.iv-hdr-phone::before{content:"\f095";font:21px/1 icomoon;color:#de202a}
.iv-hdr-phone:hover{color:#de202a!important}
/* profile: icon button, the 2nd-order bonus badge (header.twig JS appends .iv-bn-badge) and a hover menu */
.iv-hdr-acc{position:relative}
.iv-hdr-acc__btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border:1px solid #d9dbdd;border-radius:8px;background:#ffffff;color:#434242!important;text-decoration:none!important}
.iv-hdr-acc__btn::before{content:"\f2c0";font:21px/1 icomoon}
.iv-hdr-acc__btn:hover,.iv-hdr-acc:focus-within .iv-hdr-acc__btn{border-color:#de202a;color:#de202a!important}
.iv-hdr-acc__btn .iv-bn-badge{position:absolute;top:-9px;right:-14px;margin:0;border:2px solid #ffffff;padding:3px 5px}
.iv-hdr-acc__menu{display:none;flex-direction:column;position:absolute;right:0;top:calc(100% + 8px);min-width:200px;padding:6px 0;background:#ffffff;border:1px solid #e3e5e8;border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.14);z-index:1002}
.iv-hdr-acc__menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.iv-hdr-acc:hover .iv-hdr-acc__menu,.iv-hdr-acc:focus-within .iv-hdr-acc__menu{display:flex}
.iv-hdr-acc__menu a{padding:10px 16px;font:15px/20px Arial,sans-serif;color:#333333!important;white-space:nowrap;text-decoration:none!important}
.iv-hdr-acc__menu a:hover{background:#f4f5f6;color:#de202a!important}
.iv-hdr-acc__menu .iv-bn-badge{display:none}
.iv-hdr-acc__menu a.iv-hdr-acc__out{margin-top:4px;padding-top:12px;border-top:1px solid #eceef0;color:#de202a!important}
.iv-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* BG / EN as text */
.iv-hdr-lang{display:flex;align-items:center;gap:8px;margin:0}
.iv-hdr-lang__on,.iv-hdr-lang__alt{font:17px/1 'Akrobat-Bold',sans-serif;padding:0 0 4px;border:0;border-bottom:2px solid transparent;background:transparent}
.iv-hdr-lang__on{color:#333333}
.iv-hdr-lang__alt{color:#6b6b6b;cursor:pointer}
.iv-hdr-lang__alt:hover{color:#de202a}
/* narrower desktop windows (the desktop header runs from 1025 px up) */
@media (max-width:1279px){
html.desktop-header-active header .header-classic .mid-bar .desktop-logo-wrapper #logo img{width:136px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu{left:172px}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li>a{padding-right:16px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li:not(:last-child)>a .links-text{font-size:16px}
}
@media (max-width:1199px){
html.desktop-header-active header .header-classic .mid-bar .desktop-logo-wrapper #logo img{width:124px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu{left:154px}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li>a{padding-right:13px!important}
.desktop-header-active body:not(.is-sticky) .desktop-main-menu-wrapper #main-menu>.j-menu>li:not(:last-child)>a .links-text{font-size:15px}
html.desktop-header-active header .header-classic .mid-bar .classic-cart-wrapper{gap:14px}
}
/* IV 2026-10-28 (2): category buttons in the owner's "K2" style with today's colours: Ubuntu Bold 14.1 (owner-tuned: 14, 13.3, 13.57, 13.43, then 5% up with the short names), 4 px corners,
4 px gaps instead of the white separator borders (rows packed, so both gaps really are 4 px). Labels may wrap to
two lines on narrow windows. The panel opens at the bottom of .header, which the wrapper margin puts on row 2's edge. */
html.desktop-header-active header #main-menu-2>.j-menu{column-gap:4px;row-gap:4px;height:auto!important;align-content:flex-start!important}
html.desktop-header-active header #main-menu-2>.j-menu>li.main-menu-item{flex:0 0 calc((100% - 24px) / 7)!important;max-width:calc((100% - 24px) / 7)!important;margin:0!important}
html.desktop-header-active header #main-menu-2>.j-menu>li.main-menu-item>a{height:43px!important;border:0!important;border-radius:4px;padding:0 4px!important}
html.desktop-header-active header #main-menu-2>.j-menu>li.main-menu-item>a .links-text{font-family:Ubuntu,Arial,sans-serif!important;font-weight:700!important;font-size:14.1px!important;line-height:1.15!important;white-space:normal!important;text-align:center}
/* only the visible 1280 px box of a mega panel keeps it open: the full-width wrapper lets the pointer through to the page */
html.desktop-header-active header #main-menu-2>.j-menu>li>.j-dropdown{pointer-events:none}
html.desktop-header-active header #main-menu-2>.j-menu>li>.j-dropdown>.mega-menu-content{pointer-events:auto}
/* IV 2026-10-29 (owner, canvas board Fonts-C "Akrobat for menu, prices, buttons + Ubuntu for
text"): the header area follows one rule. Menu links, phone, BG/EN and ТЪРСИ were Akrobat already,
the tiles and mega panels Ubuntu; this moves the rest: the search text to Ubuntu, and the cart count
(was Tahoma), the bonus badge (Ubuntu), the profile menu (Arial) and the prices in the search
suggestions (Ubuntu) to Akrobat. Phone header the same. */
html.desktop-header-active .desktop-search-wrapper #search .header-search input.search-input,html.desktop-header-active .desktop-search-wrapper #search .header-search input.search-input::placeholder{font-family:Ubuntu,"Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;font-size:16px!important}
.mobile-header-active .mobile-search-bar .search-input,.mobile-header-active .mobile-search-bar .tt-input,.mobile-header-active .mobile-search-bar .search-input::placeholder,.mobile-header-active .mobile-search-bar .tt-input::placeholder{font-family:Ubuntu,"Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;font-size:14px!important}
html:not(.mobile-header-active) #cart .cart-heading #cart-items.count-badge,.mobile-header-active .mobile-cart-wrapper .cart-heading #cart-items.count-badge{font-family:"Akrobat-Bold",Akrobat,sans-serif!important;font-weight:700!important;font-size:17px!important}
html body .iv-bn-badge{font-family:"Akrobat-Bold",Akrobat,sans-serif;font-weight:400;font-size:12px;letter-spacing:.2px}
.iv-hdr-acc__menu a{font:400 17px/20px "Akrobat-Bold",Akrobat,sans-serif}
html body #search .tt-menu .price{font-family:"Akrobat-Bold",Akrobat,sans-serif!important;font-weight:400!important;font-size:16px!important}
html body #search .tt-menu .promo-text{font-family:"Akrobat-Bold",Akrobat,sans-serif!important;font-weight:400!important;font-size:13px!important}
/* IV 2026-10-30: product pages. The Journal3 bottom row holds only module 253 (hidden since the often-bought
section replaced it) but kept its #f0f2f5 background and 60 px padding: an empty band above the footer.
Hidden only while it holds nothing else, on every device. */
html.route-product-product #bottom .grid-row-bottom-1:not(:has(.module:not(.module-products-253))){display:none!important}
/* IV 2026-10-30: home hero on desktop, style "H1" (owner's pick on the design canvas): Akrobat Bold titles at
~36 px on screen, white with a shadow, and a real red button with an arrow. The slider is designed at 2010 px:
Master Slider rescales font-size, line-height, padding and margin of text layers by (its width / 2010) after
reading them from CSS at start-up, then the fit script in header.twig scales the whole module to the container.
So text values here are on-screen px x 1.575 and must stay WITHOUT !important (or Master Slider's inline scaled
values lose). Everything Master Slider does not rescale (button, letter-spacing, shadows) is in cqw of the slide,
which is 1800 px wide at 1366+ but 1280 at 1280, so it keeps the same on-screen size; px values are the fallback. */
html.desktop .module-master_slider-26 .ms-slide{container-type:inline-size}
html.desktop .module-master_slider-26 .ms-slide .ms-layer.ms-caption{font-family:'Akrobat-Bold',sans-serif;font-weight:400;font-size:57px;line-height:1.1;letter-spacing:.7px;letter-spacing:.039cqw;color:#fff;text-shadow:0 3px 17px rgba(0,0,0,.55);text-shadow:0 .167cqw .944cqw rgba(0,0,0,.55);box-shadow:none;white-space:nowrap}
html.desktop .module-master_slider-26 .module-item-4 .module-subitem-2.ms-caption{font-size:49px}
html.desktop .module-master_slider-26 .module-item-4 .module-subitem-3.ms-caption{font-size:44px;line-height:1;padding:11px 19px;border-radius:8.5px;border-radius:.47cqw;text-shadow:none}
html.desktop .module-master_slider-26 .module-item-4 .module-subitem-4.ms-caption,html.desktop .module-master_slider-26 .module-item-6 .module-subitem-3.ms-caption{font-size:41px}
html.desktop .module-master_slider-26 .module-item-6 .module-subitem-2.ms-caption{font-size:47px;margin:-41px 0 0 -68px}
html.desktop .module-master_slider-26 .module-item-6 .module-subitem-3.ms-caption{margin-left:53px}
html.desktop .module-master_slider-26 .ms-slide .ms-layer-button.btn{display:inline-flex;align-items:center;gap:14px;gap:.78cqw;height:65px;height:3.61cqw;padding:0 37px;padding:0 2.06cqw;border:0;border-radius:8.5px;border-radius:.47cqw;background:#de202a;color:#fff;font:27px/1 'Akrobat-Bold',sans-serif;font-size:1.5cqw;letter-spacing:1.1px;letter-spacing:.061cqw;text-transform:none;box-shadow:0 8px 25px rgba(0,0,0,.28);box-shadow:0 .44cqw 1.39cqw rgba(0,0,0,.28)}
html.desktop .module-master_slider-26 .ms-slide .ms-layer-button.btn:hover{background:#b8161f;color:#fff}
html.desktop .module-master_slider-26 .ms-slide .ms-layer-button.btn::after{content:'';display:block;flex:0 0 auto;width:25px;width:1.39cqw;height:25px;height:1.39cqw;margin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* 2026-11-09 fonts: bold Akrobat text draws the real Akrobat-Bold file (font-weight 700 on Akrobat-Regular made the browser fake a bold) */
.module-info_blocks-361 .info-block .info-block-title{font-family:Akrobat-Bold,sans-serif;font-weight:400}
.desktop-header-active .mobile-wrapper-header>span,.mobile-header-active .mobile-wrapper-header>span{font-family:Akrobat-Bold,sans-serif;font-weight:400}
/* IV 2026-11-11 phone audit */
@media (max-width:767px){
/* checkout: the footer stays below the screen while the form and the order summary load (it used to show first, then jump) */
html.route-checkout-checkout #checkout-checkout{min-height:100vh}
/* language flag: only the flag itself switches the language, not the full bar height beside the menu button */
.mobile-header-active .mobile-1 .mobile-lang-toggle .mobile-lang-toggle-btn{height:34px!important}
/* bigger finger targets, same look: profile and phone icons, the call line on a product page, the in-stock switch */
.mobile-header-active .mobile-1 .mobile-account-link,.mobile-header-active .mobile-1 .mobile-phone-link,.product-info .ivpc-call,.iv-bar__stock{position:relative}
.mobile-header-active .mobile-1 .mobile-account-link::after,.mobile-header-active .mobile-1 .mobile-phone-link::after{content:"";position:absolute;top:-10px;bottom:-10px;left:-4px;right:-4px}
.product-info .ivpc-call::after,.iv-bar__stock::after{content:"";position:absolute;top:-9px;bottom:-9px;left:0;right:0}
/* search: the magnifier sat under the text box, so a tap on it only put the cursor back in the box instead of searching;
with words typed it now searches, with an empty box it still opens the keyboard */
.mobile-header-active .header-search:has(input[name="search"]:not(:placeholder-shown)) .search-button{z-index:3}
}
/* product page: the call line sits inside the price group, where the theme switches clicks off; the number is a link again */
.product-info .product-price-group .iv-phone-cta,.product-info .product-price-group .iv-phone-cta a{pointer-events:auto}
/* ── Phone header (owner 2026-11-12, canvas PhoneHeader-Free: "okay I like your version, implement (make the bubble
that appears on the cart 30% bigger)"). One outline icon set with the same 2px line (menu, phone, profile, cart),
the cart as an icon with a red count that shows only above zero, a white bar and a soft search field.
Order: menu, phone | logo in the exact middle | profile, cart. The phone sits in the middle between the menu and
the logo, the profile in the middle between the logo and the cart, at any phone width. Phones only; the phone header
template changes only its logo line (a vector logo, 100px wide). ── */
html.mobile-header-active{--mobile-header-bg:#fff}
.mobile-header-active .mobile-1 .mobile-bar,.mobile-header-active .mobile-1 .mobile-search-bar{background:#fff!important}
.mobile-header-active .mobile-search-bar .header-search{background:#f2f3f5!important;border:0!important;border-radius:12px!important}
/* while the header is pinned on scroll, a hairline separates it from the white page under it */
.mobile-header-active .mobile-1 .mobile-search-bar.search-bar-sticky{box-shadow:0 1px 0 #e3e6e9!important}
/* menu */
.mobile-header-active .mobile-1 .mobile-left-group .menu-trigger{width:48px!important;height:100%!important;justify-content:flex-start!important;padding:0 0 0 10px!important;margin:0!important;box-sizing:border-box!important}
.mobile-header-active .mobile-1 .mobile-left-group .menu-trigger::before{content:""!important;display:block!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin:0!important;font-size:0!important;line-height:0!important;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231d2125%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E") center/28px 28px no-repeat!important}
.mobile-header-active .mobile-1 .mobile-left-group .menu-trigger::after{content:none!important;display:none!important}
/* phone: out of the right-hand group, to the middle of the space between the menu and the logo */
.mobile-header-active .mobile-1 .mobile-bar-group .mobile-phone-wrapper{position:absolute!important;left:calc(25% - 20.5px)!important;top:0!important;height:60px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important}
.mobile-header-active .mobile-1 .mobile-phone-wrapper .fa-phone{display:block!important;width:26px!important;height:26px!important;font-size:0!important;line-height:0!important;transform:translateX(.5px)!important;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23de202a%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") center/26px 26px no-repeat!important}
.mobile-header-active .mobile-1 .mobile-phone-wrapper .fa-phone::before{content:none!important;display:none!important}
/* logo: the exact middle of the bar */
.mobile-header-active .mobile-1 .mobile-logo-wrapper{position:absolute!important;left:50%!important;top:0!important;height:60px!important;width:auto!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important}
.mobile-header-active .mobile-1 .mobile-logo-wrapper #logo{display:flex!important;align-items:center!important;height:60px!important;width:auto!important;margin:0!important;padding:0!important}
.mobile-header-active .mobile-1 .mobile-logo-wrapper #logo a{display:block!important;height:auto!important;width:auto!important;margin:0!important;padding:0!important}
.mobile-header-active .mobile-1 .mobile-logo-wrapper #logo img{display:block!important;width:100px!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important}
/* profile: the middle of the space between the logo and the cart */
.mobile-header-active .mobile-1 .mobile-bar-group .mobile-account-wrapper{position:absolute!important;left:calc(75% - 9.5px)!important;top:0!important;height:60px!important;width:auto!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important}
.mobile-header-active .mobile-1 .mobile-account-wrapper .mobile-account-link{color:#1d2125!important;transform:translate(.5px,-1px)!important}
.mobile-header-active .mobile-1 .mobile-account-wrapper .mobile-account-link svg{display:block!important;width:31px!important;height:31px!important}
/* cart: an icon, and a red count that shows only when something is in it */
.mobile-header-active .mobile-1 .mobile-bar-group{margin:0 12px 0 auto!important}
.mobile-header-active .mobile-1 .mobile-bar-group .mobile-cart-wrapper{margin:0!important;padding:0!important;transform:translateX(.5px)}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:26px!important;height:26px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading::after{content:""!important;position:absolute!important;top:-14px!important;bottom:-14px!important;left:-10px!important;right:-11px!important}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading .fa-shopping-cart{display:block!important;flex:0 0 26px!important;width:26px!important;height:26px!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;transform:none!important;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%231d2125%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx='9' cy='20.5' r='1.3'/%3E%3Ccircle cx='18.5' cy='20.5' r='1.3'/%3E%3Cpath d='M1.5 2h3.6l2.6 12.6a2 2 0 0 0 2 1.6h8.9a2 2 0 0 0 2-1.6L22.5 6.5H5.9'/%3E%3C/svg%3E") center/26px 26px no-repeat!important}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading .fa-shopping-cart::before{content:none!important;display:none!important}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading #cart-items.count-badge{position:absolute!important;top:-11px!important;right:-8px!important;left:auto!important;bottom:auto!important;z-index:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;width:auto!important;height:22px!important;padding:0 5px!important;margin:0!important;box-sizing:border-box!important;border:0!important;border-radius:11px!important;box-shadow:none!important;background:#de202a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:Ubuntu,"Helvetica Neue",Arial,sans-serif!important;font-weight:700!important;font-size:13.5px!important;line-height:22px!important;transform:none!important}
.mobile-header-active .mobile-1 .mobile-cart-wrapper #cart .cart-heading #cart-items.count-badge.count-zero{display:none!important}