/* 1ELEKTROKAMIN Site Design System 1.3.9 — late visual overrides only. Native Technics mechanics remain authoritative. */
@media (min-width:1200px){
/* Header v6: keep native Technics grid/auto-margin; only place the phone block into the intended free slot before controls. */
.header--v6 .topbar .row>.col-hidden.col-lg-visible.col-xl-2.push-xl-4{left:41.666667%}
.header--v6 .topbar .col-auto:not(:last-of-type){margin-left:auto}
}
@media (max-width:767px){
.category__grid>.row{margin-left:-5px!important;margin-right:-5px!important;margin-bottom:-10px!important}
.category__grid>.row>[class^="col-"]{margin:0!important;padding:0 5px 10px!important}
.brands-slide .js-slider-brands>.slick-list{margin-left:-5px;margin-right:-5px}
.brands-slide .js-slider-brands>.slick-list>.slick-track>.slick-slide{box-sizing:border-box;padding-left:5px;padding-right:5px}
}
@media (max-width:479px){
.brands__grid>.row{margin-left:-5px!important;margin-right:-5px!important;margin-bottom:-10px!important}
.brands__grid>.row>[class^="col-"]{margin:0!important;padding:0 5px 10px!important}
.brands__grid .brands__item{margin:0!important}
}
.btn-primary,.btn-primary:focus,.btn-primary:hover,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-color:var(--ui-color-cart,#e0033f)!important;border-color:var(--ui-color-cart,#e0033f)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{background-color:var(--ui-color-cart-hover,#c50037)!important;border-color:var(--ui-color-cart-hover,#c50037)!important}
.ui-color__input:checked~.ui-color__btn{border-color:var(--ui-color-cart,#e0033f)!important}
/* 1.3.4: Header 6 geometry/search polish + homepage category square-corner exception. */
@media (min-width:1200px){
/* Move phones farther right while preserving the native Technics grid and right-side controls. */
.header--v6 .topbar .row>.col-hidden.col-lg-visible.col-xl-2.push-xl-4{left:45.833333%!important}
/* Give city breathing room after the logo and increase the gap before the search field. */
.header--v6 .topbar .row>.col-hidden.col-md-visible.col-xl-4.pull-xl-2{padding-left:24px!important}
.header--v6 .topbar .prmn-cmngr__search{margin-left:0!important;padding-right:34px!important}
/* Replace the legacy Technics search sprite with one clean Font Awesome magnifier. */
.header--v6 .topbar .search>.search__btn{color:#343434!important;background:none!important}
.header--v6 .topbar .search>.search__btn .icon-search{display:none!important}
.header--v6 .topbar .search>.search__btn:before{content:"\f002"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:none!important;transform:none!important;font-family:"Font Awesome 5 Free"!important;font-size:15px!important;font-weight:900!important;line-height:1!important;color:currentColor!important}
.header--v6 .topbar .search>.search__btn:after{content:none!important;display:none!important}
.header--v6 .topbar .search>.search__btn:hover,.header--v6 .topbar .search>.search__btn:focus{color:var(--ui-color-cart,#e0033f)!important;outline:0!important}
}
/* Only the popular-category tile grid on the homepage is square on desktop. */
@media (min-width:992px){.page-common-home .category__grid .category__item{border-radius:0!important}}
/* User-confirmed footer payment/footer-bottom square treatment. */
.footer .footer__pay-item{border-radius:0!important}

/* 1.3.6 owner-clean: remaining global Technics blue navigation accents. Review module arrows are owned by Review Presentation 1.2+. */
.popup__stories-close:hover,.popup__stories-group>.slick-arrow:hover,.popup__stories-prev:hover,.popup__stories-next:hover{color:var(--ui-color-cart,#e0033f)!important}
.stories__slides--circle>.slick-arrow,.stories__slides--rectangle>.slick-arrow{color:#343434!important}
.stories__slides--circle>.slick-arrow:hover,.stories__slides--rectangle>.slick-arrow:hover{background:var(--ui-color-cart,#e0033f)!important;color:#fff!important}
.stories__slides--catalog .slick-arrow:hover{color:var(--ui-color-cart,#e0033f)!important}
.compare__nav-prev:hover,.compare__nav-next:hover{color:var(--ui-color-cart,#e0033f)!important}

/* 1.3.8: shared action-color tokens. Business state remains owned by ProductCard/PDP/Technics. */
.btn--cart:not([disabled]){background:var(--ui-color-cart,#e0033f)!important;border-color:var(--ui-color-cart,#e0033f)!important;color:#fff!important}
.btn--cart:not([disabled]):hover,.btn--cart:not([disabled]):focus{background:var(--ui-color-cart-hover,#c50037)!important;border-color:var(--ui-color-cart-hover,#c50037)!important;color:#fff!important}
/* 1.3.9: Dream Filter outer panel geometry only. Internal controls keep --ui-radius. */
body .dream-filter .panel,body .dream-filter .panel-group .panel{border-radius:0!important}
body .dream-filter .panel-heading,body .dream-filter .panel-group .panel>.panel-heading{border-top-left-radius:0!important;border-top-right-radius:0!important}

/* 1.3.14: unified compare glyph. Shape only; existing owner color/state remains authoritative. */
/* 1.3.15: preserve native Technics geometry for SVG compare icons (Header 6/4 included). */
.icon-compare{font-size:0!important;line-height:1!important;background-color:currentColor!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2' y='9' width='2' height='6' rx='1'/%3E%3Crect x='8' y='3' width='2' height='12' rx='1'/%3E%3Crect x='14' y='6' width='2' height='9' rx='1'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2' y='9' width='2' height='6' rx='1'/%3E%3Crect x='8' y='3' width='2' height='12' rx='1'/%3E%3Crect x='14' y='6' width='2' height='9' rx='1'/%3E%3C/svg%3E")!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-size:contain!important;mask-size:contain!important}
.btn--blog .icon-blog,.ek-pc2__compare .fa-chart-bar,.pdp-compare-tool .fa-chart-bar{display:inline-block!important;width:1.6rem!important;height:1.6rem!important;min-width:1.6rem!important;vertical-align:middle!important;font-size:0!important;line-height:1!important;background-color:currentColor!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2' y='9' width='2' height='6' rx='1'/%3E%3Crect x='8' y='3' width='2' height='12' rx='1'/%3E%3Crect x='14' y='6' width='2' height='9' rx='1'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect x='2' y='9' width='2' height='6' rx='1'/%3E%3Crect x='8' y='3' width='2' height='12' rx='1'/%3E%3Crect x='14' y='6' width='2' height='9' rx='1'/%3E%3C/svg%3E")!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-size:contain!important;mask-size:contain!important}
.icon-compare use,.btn--blog .icon-blog use{display:none!important}
.ek-pc2__compare .fa-chart-bar:before,.pdp-compare-tool .fa-chart-bar:before{content:none!important;display:none!important}