div#head_belka_fiex {
    height: 40px;
}

.header_bar {
    display: block !important;
    z-index: 9999;
    position: absolute !important;
    top: -35px !important;
}


#menu_seearch .menu_seearch__input {
    border: solid 1px #ccc !important;
}


@media (max-width: 1070px) {
  body  #container .breadcrumbs {
        margin-top: 0px !important;
        position: absolute !important;
        padding: 0px !important;
        top: -40px;
    }
}


:root {
    --color: #fff;
}

body {
    background: var(--color);
}

body #layout #projector_sizes_cont button.f-control.f-dropdown-toggle {
    display: none !important
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");


@media (max-width:728px) {
    body #layout #projector_sizes_cont ul.f-dropdown-menu {
        display: none !important
    }

    ._mobile .f-dropdown:not(.--disable-mobile-view):not(.open) .f-dropdown-menu {
        display: none !important;
    }
}

body #container #menu_categories #menu_navbar .navbar-subnav.--cols5 {

    justify-content: start;
    justify-items: stretch;
    left: 0px !important;
    gap: 10px;
    width: fit-content !important;
    transition: all .5s;
    transform: translate(0px, 0px) !important;
    opacity: 1;
}

body #projector_omnibus_price_value,
body #projector_omnibus_percent {
    display: inline !important;
}

.search_name {
    display: flex;
    align-items: flex-start;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
    flex-direction: column;
    align-items: flex-start;
}

.search_name {
    display: flex;
    align-items: flex-start !important;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
}

._mobile .f-dropdown:not(.--disable-mobile-view)>select {
    opacity: 1 !important;
    height: auto !important;
    width: 80%;
}

.destow_sub_baner {
    display: block;
}

.destow_sub_baner_rwd {
    display: none !important;
}

#menu_settings_curr,
#menu_settings_country {
    display: none !important;
}

.f-dropdown>select {
    display: block !important;
}

/* #filter_traits510_content .filters__item.--hidden {
display: none !important;
} */
#filter_traits510_content.--shown .filters__item.--hidden {
    display: block !important;
}

body .search_name__total {
    display: block !important;
}

body #container #filter_traits510_content {
    max-height: fit-content !important;
}

#paging_setting_top {
    .f-dropdown {
        position: static !important;
        top: 0px;
    }
}

.price_sellby {
    display: none !important;
}

#paging_setting_top .--order {
    display: block !important;
}

body #filter_traits510_content {
    display: block !important;
}

body .navbar-subnav.--cols1 {
    left: 130px !important;
    position: absolute !important;
    transform: translate(0px, 0px) !important;
}

.label.--discount,
.label.--distinguished {
    display: none !important;
}

body #menu_navbar li a:hover:after {
    width: 100% !important;
    /* transition: width 0.5s;
display: block !important; */
    background: #d2bc66;
    content: "";
    position: absolute;
    height: 2px;
    display: block !important;
    left: 0px;
    bottom: 0px;
    width: 100% !important;
    transition: all 0.5s;
}

body #menu_navbar .navbar-subsubnav li a:after {
    display: none !important;
}

.label_icons .label.--disable {
    color: #e35c5c !important;
    background: transparent !important;
    border: none !important;
    position: absolute !important;
    left: 0px !important;
    top: 190px !important;
}

.load-content:before {
    width: 20px !important;
    height: 20px !important;
    border-radius: 100%;
    max-width: 20px !important;
    max-height: 20px !important;
    content: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/loading_100.gif?v=1744712959669') !important;
    object-fit: contain;
    background-size: 20%;
    animation: none !important;
    position: absolute;
    border: none !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main_hotspot_zone1 .b-lazy {
    content: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/loading_100_big.gif?v=1744713590553') !important;
    background-size: 20%;
}

#main_hotspot_zone1 .b-lazy.b-loaded {
    content: url('') !important;
}

.loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    max-width: 100% !important;
    width: 100% !important;
    height: 1em;
    background: var(--twocolor);
    display: inline-block;
    border-radius: 2px;
}

#menu_banners3 div.menu_button_wrapper {
    padding: 0;
}

.menu_button_wrapper.col-md-4.col-6 {
    width: 100%;
    max-width: 100%;
}

#menu_categories .navbar-subnav {
    width: fit-content !important;
}

#menu_categories .navbar-nav .navbar-subsubnav .nav-item a,
#menu_categories .navbar-nav .navbar-subnav .nav-item a,
#menu_categories .navbar-nav .nav-item:nth-child(1) a,
.navbar-nav .nav-item.nav-merge:nth-child(1) a,
#menu_categories .navbar-nav .navbar-subnav .nav-item:nth-child(1) a,
#menu_categories .nav-link.active {
    border: none !important;
}

#menu_seearch.--focus.--open .menu_seearch__item.--results {
    margin-top: 0px;
    position: absolute !important;
}

:root {
    --grey: #63625d;
    --yellow: #c0a020;
    --darkyello: #4b4e33;
    --maincolor: #4b4e33;
    --lightyellow: #fdfcf7;
    --twocolor: #fdfcf7;
    --white: #fff;
    --small12: 12px;
    --small14: 14px;
    --small24: 24px;
    --big36: 39px;
    --pricesmall: 16px;
    --widtpage: 1410px;
    --loding: #fff;
}

.loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 25px !important;
    border: none !important;

    &:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, transparent, var(--loding), transparent);
        background-size: 50% 100%;
        animation: loading .9s infinite ease-in;
        position: absolute;
        background-position: -200% 100%;
    }
}

@keyframes loading {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.sub_head {
    font-size: 11px;
    position: absolute;
    text-transform: uppercase;
    top: -5px !important;
    color: #999;
}

#container #menu_navbar .navbar-subnav {
    padding: 10px !important;
    left: 0px !important;
    width: fit-content !important;
    padding-right: 170px !important;
}

#menu_navbar .navbar-subnav {
    padding-right: 50px !important;
}

#menu_navbar .nav-item ul a.nav-link {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    white-space: nowrap !important;
}

body #container #menu_navbar .navbar-subnav.--cols4,
body #container #menu_navbar .navbar-subnav.--cols3 {
    width: fit-content !important;
    gap: 20px;
}

#content #projector_productname .product_name__sub .label.--new,
#content #projector_productname .product_name__sub .label.--bestseller {
    position: static !important;
    left: 0px !important;
    top: 30px;
    z-index: 0 !important;
    background: #10ac82 !important;
    background-size: contain;
    width: auto !important;
    height: auto !important;
    text-indent: inherit !important;
    overflow: visible !important;
    color: #fff !important;
}

#content #projector_productname .product_name__sub .label.--bestseller {
    background: #d8c478 !important;
}

#content #projector_productname .product_name__sub .label.--new .projector_details .projector_buy__shopping_list {
    border: none;
    display: none !important;
}

#container {
    padding-top: 0px !important;
}

.header_bar .phone_head {
    background: none !important;
}

.col-md-3 {
    max-width: 100% !important;
}

.header_bar {
    position: relative;
    z-index: 999 !important;
}

body #container #paging_setting_bottom .s_paging__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

body #container #paging_setting_bottom .s_paging__item .pagination__button {
    display: block !important;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 40px;
    padding: 10px 30px;
}

#menu_banners3.row {
    display: block !important;
}

#cookie_login_social_more {
    display: none
}

#see_all_filters:hover {
    background: var(--lightyellow);
    cursor: pointer;
    text-decoration: underline;
}

.pr-4:hover {
    background: var(--lightyellow);
    text-decoration: underline;
}

.pr-4:hover span {
    text-decoration: underline;
}

.product__sub h3,
.product h3 a {
    font-weight: normal !important
}

.product__sub:hover h3,
.product__sub:hover a.product__name {
    font-weight: normal !important
}

/* @import
url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Serif:ital,wght@0,100;0,500;0,600;0,800;0,900;1,100;1,500;1,800&display=swap");
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

#content .product__shippingTime {
    text-align: center;
}

#search .product:hover .product__sub {
    background: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: normal !important;
}

#container.search_page #content #search .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 23.33333%;
}

.header_bar {
    display: block !important;
    z-index: 9999;
    position: relative !important;
}

#menu_search {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#paging_setting_top .f-group.--small-md button.f-control {
    display: none !important;
}

#menu_search .menu_search__mobile:before,
#menu_search .menu_search__submit:before {
    width: 50px !important;
    height: 40px !important;
    content: "" !important;
}

#search .product {
    border: none !important
}

.orderdetails_info__estimated_delivery {
    font-size: 18px;
    margin-bottom: 10px;
}

.orderdetails_info__estimated_delivery_label {
    font-size: 24px;
}

#rabateCode {
    display: none !important;
}

.images_serie_boks {
    display: none !important;
}

#best_price_wrap .table_imtex {
    display: none;
}

.table_big_one .skup_gold_items {
    display: none;
}

#projector_productname .product_name__sub .label.--new {
    z-index: 9 !important;
}


.cm h2 {
    position: static;
}

#login_welcome h1.big_label {
    display: block !important;
}

body {
    font-family: "Inter", sans-serif !important;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    margin: 0px;
}

#search .product {
    background: #fff;
    margin: 5px;
}

#search .product:hover {
    background: var(--lightyellow);
    margin: 5px;
    transition: all 0.5s;
}

.projector_details .projector_buy {
    grid-template-columns: 50px 1fr !important;
}

.product__icon img {
    mix-blend-mode: darken !important;
}

h1 .headline__name {
    font-family: "Noto Serif", serif;
    text-transform: capitalize;
    color: var(--darkyello);
    font-size: var(--big36);
}

h5 {
    font-family: "Noto Serif", serif;
    font-size: var(--small14) !important;
    margin-bottom: 0px !important;
}

h2 .headline__name {
    font-family: "Noto Serif", serif;
    color: var(--darkyello);
    font-size: clamp(1vw, var(--big36), 39px);
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
    text-transform: none !important;
    margin-top: 0px !important;
    line-height: 3rem;
}

.cm h2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.headline__name:hover {
    text-decoration: underline !important;
    text-decoration-color: #d2bc66 !important;
}

.basket_cms.cm,
#basketedit_hotspot_zone1 {
    display: none;
}

.contac_box {
    background: #fdfcf7 !important;
    border-radius: 5px;
    padding: 30px 0px;
}

.accordion span:target~[id*="close-accordion"] {
    color: var(--yellow) !important;
}

.acordion_box a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.menu_lista_pomocy {
    display: none !important;
}

.accordion {
    display: block !important;
}

.product__icon img {
    max-height: 18.2rem !important;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background: #fff !important;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background-color: #8a8881;
}

.head_title_big {
    display: flex;
    align-items: baseline;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0;
    top: 50%;
    margin-top: -50px;
    width: 120px;
    height: 170px;
    position: absolute;
    right: 20% !important;
}

#logo a:hover {
    background: #fdfcf7;
}

*:after {
    font-family: FontAwesome;
}

.projector_details .projector_prices__price {
    font-family: "Lato", sans-serif !important;
}

#menu_navbar li {
    position: initial;
}

#menu_navbar .navbar-subsubnav li {
    position: static;
}

#container #paging_setting_bottom .pagination {
    display: block !important;
}

#container #paging_setting_top .pagination {
    display: none !important;
}

/* #menu_navbar li:nth-child(6):after { border-left: solid 1px #ccc;
display: block;
content: ""; width: 2px ;height: 40px;
position: absolute;top: 5px;
right: -50px;
} */
.navbar-nav li.nav-item:nth-child(4)::after a {
    color: red;
}

.main_page #layout {
    margin-top: 10px;
}

#menu_navbar li.navbar-nav:nth-child(3) a {
    color: #c0a020;
}

/* .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products.slick-initialized .product {
width: 3% !important;
} */
.breadcrumbs a,
.breadcrumbs span {
    font-size: 11px !important;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
    font-weight: bold !important;
}

.breadcrumbs a:hover,
.breadcrumbs span:hover {
    text-decoration: underline !important;
}

.search_name {
    display: flex;
    align-items: flex-end;
    margin: 0 0 1.5rem;
    align-content: flex-end;
}

.mennice_main li a {
    font-weight: bold;
}

.text_page #layout {
    margin-top: 40px;
}

#menu_additional .account_link,
#menu_additional .wishlist_link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

header #menu_settings {
    z-index: 0;
}

/* #menu_navbar .navbar-subnav .nav-item a {
padding-left: 40px !important;
} */
.breadcrumbs__sub li a {
    font-weight: normal;
}

.breadcrumbs__sub li a:hover {
    text-decoration: underline;
}

.spot-add.spot-add {
    font-size: 28px;
    padding: 10px;
    color: #d2bc66 !important;
    margin-bottom: 10px;
}

.product .spot-add.spot-add {
    font-size: 15px;
    text-align: center;
}

.menu_link {
    position: absolute;
    top: 16px;
    left: 10px;
}

.menu_link img {
    width: 30px;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,900&family=Noto+Serif:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700;1,800&display=swap");

.progress__item.--active .progress__icon,
.progress__item.--link:hover .progress__icon {
    background: #d2bc66;
    border: 1px solid #d2bc66;
    color: #fff;
}

#menu_search .menu_search__input:hover,
.input_main:hover {
    border: solid 1px #000 !important;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 15px;
    font-weight: bold;
    color: #8a8881;
}

.progress__icon {
    color: #d2bc66;
}

.nav-item.active a {
    color: #000 !important;
}

#menu_navbar .nav-item ul a.nav-link {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

#menu_navbar .nav-item ul a.nav-link:after {
    display: none;
}

#main_hotspot_zone1 h2 .headline {
    border: none;
}

#menu_navbar span.nav-link {
    padding: 0px;
}

#container #menu_navbar .navbar-subnav {
    transform: translate(-130px, 0px);
    width: calc(60% - 2rem) !important;
    color: var(--darkyello) !important;
    padding-top: 10px;
    margin-top: -10px;
}

#container #menu_navbar .navbar-subnav.--cols3 {
    transform: translate(0px, 0px);
    width: calc(60% - 2rem) !important;
    color: var(--darkyello) !important;
    animation: chagenMenu 0.2s linear;
    padding-top: 10px;
    margin-top: -10px;
}

#container #menu_navbar .navbar-subnav.--cols4 {
    transform: translate(0px, 0px);
    width: calc(80% - 2rem) !important;
    color: var(--darkyello) !important;
    animation: chagenMenu 0.2s linear;
    padding-top: 10px;
    margin-top: 0px;
}

#paging_setting_top .s_paging__item.--filters .btn.--large.--solid {
    display: none !important;
    animation: chagenMenu 0.2s linear;
}

#container #menu_navbar .produkty_btn {
    padding-left: 70px !important;
    padding-top: 12px !important;
    border: solid 2px var(--darkyello) !important;
}

#menu_categories .navbar-subnav {
    box-shadow: 0px 0px 0px -2px rgb(0 0 0 / 18%) !important;
}

#menu_navbar .navbar-subsubnav li a.nav-link {
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 5px 0px !important;
    white-space: nowrap;
}

#menu_navbar .navbar-subsubnav li a.nav-link:hover {
    color: var(--darkyello) !important;
    text-decoration: underline !important;
}

#menu_navbar .navbar-subnav li a {
    margin: 0px;
    padding-left: 0px !important;
}

#menu_navbar .nav-item ul .navbar-subsubnav a.nav-link:after {
    display: none;
}

#freeShipping {
    display: none !important;
}

a {
    text-decoration: none !important;
}

#content .f-dropdown .f-control {
    background: #fff;
    color: #1a1c05;
}

#container.main_page #content {
    max-width: var(--widtpage) !important;
    margin: auto;
}

.header_bar {
    background: #3e3d3b !important;
    position: relative;
    z-index: 9;
}

.navbar-nav .nav-item:nth-child(1) a {
    padding: 15px 40px !important;
    border: solid 2px var(--darkyello);
    display: block;
}

/* .navbar-nav .nav-item:nth-child(1) a {
padding-left: 80px !important;
} */
.navbar-nav .nav-item:nth-child(1) a:hover {
    border: solid 2px var(--yellow);
    color: var(--yellow) !important;
}

.search_page #layout {
    max-width: var(--widtpage);
}

#menu_settings {
    position: static;
}

.topBasket__sub {
    z-index: 999;
}

.text_main_ceny {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 60px;
}

header .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 1.5rem;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    align-content: center;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#main_banner1 img {
    border-radius: 0px;
}

/* #logo {
height: 85px;
margin-top: 0;
padding: 0 10px;
padding-left: 0;
} */
#cytat_main .headline__after {
    position: absolute;
}

ul.navbar-subnav {
    display: none;
}

#signin-form_box_sub_1 input {
    width: 100%;
    padding: 20px;
}

#signin-form_box_sub_1 .form-group {
    width: 100%;
    display: block;
    padding: 20px;
}

.cm {
    overflow: visible;
}

.slick-next,
.slick-prev {
    border-radius: 5px;
}

#menu_search.--focus .menu_search__input {
    border: none;
    border-radius: 0px;
    z-index: 99999999;
    position: relative;
}

.slick-prev,
.slick-next {
    border-radius: 5px !important;
    min-height: 100px;
}

.products:hover .slick-next,
.multiple-items-opinie:hover .slick-next {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803") center center no-repeat;
}

.products:hover .slick-prev,
.multiple-items-opinie:hover .slick-prev {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/left_white.svg?v=1695128863804") center center no-repeat;
}

.products:hover .slick-prev,
.products:hover .slick-next,
.multiple-items-opinie:hover .slick-prev,
.multiple-items-opinie:hover .slick-next {
    background-color: #d2bd667d;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

input.input_main {
    background: url("https: //www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/downs.svg?v=1694788088096") right center no-repeat;
    width: 70% !important;
}

.chse_mennice {
    position: relative;
}

.chse_mennice:after {
    background: url("https: //www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/downs.svg?v=1694788088096") right center no-repeat;
    content: "\F107";
    font-family: FontAwesome;
    width: 30px;
    height: 100%;
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: #d2bc66;
    font-weight: bold;
}

.tab-content {
    border-bottom: solid 1px #e3e3e3 !important;
}

.pic_main_six img {
    mix-blend-mode: multiply;
}

.headline__after::before {
    content: "";
    font-family: FontAwesome;
    width: 15px;
    height: 17px;
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: #d2bc66;
    font-weight: bold;
    background:
        url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/icons/arrow_black.svg?v=1706538763390) no-repeat;
    background-size: contain;
    right: -23px;
    top: 0px;
}

.headline__after:hover::before {
    right: -30px;
    transition: all 0.5s;
}

.headline__after {
    display: inline-block;
    font-size: var(--small14);
    font-family: "Inter", sans-serif !important;
    white-space: nowrap;
    border-radius: 3px;
    color: var(--grey);
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding-left: 0px;
    margin-top: 20px;
    margin-left: 20px;
    cursor: pointer;
    font-weight: 800;
}

.headline__after:after {
    display: block;
    position: absolute;
    background: var(--grey);
    content: "";
    width: 0%;
    bottom: -8px;
    z-index: 0;
    height: 3px;
    transition: all 0.2s;
}

.headline__after:hover:after {
    width: 100%;
    transition: all 0.5s;
}

a.headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_bar_grid,
#menu_categories,
.price_bg,
#ofirmie,
#cytat_main {
    position: relative;
}

#cytat_main .headline__name {
    font-size: 14px;
}

.product:hover .product__name {
    text-decoration: underline;
    color: #1a1c05;
}

.footer_bar_grid:before,
.price_bg:before,
#ofirmie:before,
#cytat_main:before {
    display: block;
    position: absolute;
    background: #fdfcf7;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    z-index: 0;
}

.centrum_pomocy_btn a {
    text-decoration: none;
}

.footer_bar_grid:after,
.price_bg:after,
#ofirmie:after,
#cytat_main:after {
    display: block;
    position: absolute;
    background: #fdfcf7;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    right: -100%;
    z-index: 0;
}

#cytat_main:after,
#cytat_main:before {
    background: #e1fcf6;
}

.header_bar .right_columnt_head li a {
    padding-right: 20px;
}

#menu_search.--focus .menu_search__block {
    box-shadow: none;
    width: 60%;
}

.header_bar .phone_head img {
    width: 40px;
    margin-right: 10px;
}

#menu_buttons .menu_button_wrapper.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

#opinie_main .slick-list {
    overflow: visible;
}

/*
.projector_details .projector_shipping__icon:before
{
content: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/kalendarz_main.svg?v=1694445504003)
!important;
} */
#menu_categories {
    width: auto;
    clear: both;



    padding-top: 10px;
    margin: 0px;
    margin-top: 10px;
}

#menu_search .menu_search__block {
    width: 60%;
}

#menu_categories2 {
    display: none;
}

#menu_search .menu_search__block {
    width: 60%;
}

#menu_search.--focus .menu_search__block {
    box-shadow: none;
    width: 60%;
}

.slick-arrow {
    text-indent: -999px;
    overflow: hidden;
}

.main_producers__link {
    border: none;
}

#menu_search .menu_search__block {
    width: 50%;
}

header {
    font-size: 1em;
    grid-template-columns: 0.5fr 2fr;
}

#menu_additional .wishlist_link:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/gwiazda.svg?v=1694099250281") no-repeat;
    height: 50px;
    width: 50px;
    display: block;
    background-size: cover;
}

#menu_search .menu_search__mobile:before,
#menu_search .menu_search__submit:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/search.svg?v=1694101492850") no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    background-size: cover;
    margin-bottom: 7px;
}

#menu_search .menu_search__submit.menu_search__submit {
    right: 10px;
    top: 5px;
}

.topBasket__sub:after {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/basket.svg?v=1707482877470") no-repeat;
    height: 40px;
    width: 40px;
    display: block;
    background-size: cover;
    margin-bottom: 7px;
}

#menu_additional .account_link:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/sklep_copy.svg?v=1694100968741") no-repeat;
    height: 50px;
    width: 50px;
    display: block;
    background-size: cover;
}

a:hover {
    color: #d2bc66;
}

.list_wrapper {
    padding-top: 20px !important;
}

/* #logo img {
max-height: 100px;
height: auto;
width: 160px;
} */
#menu_search.--focus .menu_search__block {
    box-shadow: none;
}

#container {
    width: 100%;
    max-width: 100%;
}

#menu_navbar {
    position: relative;
}

header:after {
    background: var(--yellow);
    content: "";
    position: absolute;
    bottom: 0px;
    width: 200%;
    height: 1px;
    left: -1000px;
}

.header_bar li a:hover {
    color: #d2bc66;
    text-decoration: underline;
}

#menu_navbar:before {
    background: #fdfcf7;
    content: "";
    position: absolute;
    top: -10px;
    width: 300%;
    height: 1px;
    left: -1000px;
    z-index: 0;
}

#baner_gold_con {
    right: -200px !important;
}

header.commercial_banner {
    max-width: var(--widtpage);
    margin: auto;
}

body header.commercial_banner {
    z-index: 99 !important;
}

body #container #menu_navbar .navbar-subsubnav {
    color: var(--darkyello) !important;
}

#menu_navbar .navbar-subsubnav {
    top: -10px !important;
    position: relative;
}

#menu_navbar .navbar-subsubnav li a.nav-link {
    font-weight: normal;
    display: inline-block;
    padding: 5px 0px;
    padding-left: 0px;
}

header .navbar-subnav.--cols4 {
    border-radius: 3px;
    box-shadow: none !important;
}

html body #container #menu_navbar .navbar-nav li.nav-item {
    position: relative !important;
}

#menu_navbar .navbar-subnav.--cols3 .navbar-subsubnav {
    width: calc(60% - 2rem) !important;
    border-radius: 3px;
}

header .navbar-subnav {
    box-shadow: none !important;
    border: solid 2px #c0a020 !important;
    max-width: var(--widtpage) !important;
    width: fit-content !important;
}

h2 .headline:hover {
    color: #d2bc66;
}

#menu_navbar li a:after {
    background: #d2bc66;
    content: "";
    position: absolute;
    height: 2px;
    display: block;
    left: 0px;
    bottom: 0px;
    width: 0%;
    transition: all 0.5s;
}

#menu_navbar li a:hover {
    color: #171717 !important;

}

#menu_navbar li a:hover:after {
    width: 100% !important;
    transition: all 0.5s !important;
}

#layout {
    max-width: 1400px;
    margin: auto;
    margin-top: 50px;
}

.price {
    color: #1a1c05;
    font-size: 18px;
    text-align: center;
}

.product h3 a {
    text-align: center;
    font-size: 14px;
    color: #8a8881;
    font-weight: 500 !important;
    width: 80%;
    margin: auto;
}

.product h3 a:hover {
    color: #1a1c05;
    font-weight: normal !important;
}

.product:hover a {
    color: #d2bc66;
}

.menu_search__item input {
    border: solid 1px #ccc !important;
}

.product__prices .price.--phone {
    font-size: 14px;
    text-decoration: none;
    color: #1a1c05;
}

.search_page #layout {
    margin-bottom: 15px;
    margin-top: 50px;
}

aside .filters__toggler .btn span {
    color: #63625d;
    font-weight: 500;
    font-size: 17px;

    width: 100%;
}

.filters__item label {
    width: 100%;
    display: block;
    padding-left: 10px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}

.filters__item:hover {
    background: #fdfcf7;
    color: #fff;
}

aside .filters__options .--show-hidden:before {
    display: none;
}

#Filters {
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

aside .filters__options {
    display: grid;
}

.filters__item {
    padding: 5px 10px;
}

.filters__block {
    border-bottom: solid 1px #ccc;
}

.btn.--large.--solid {
    background: #d2bc66;
    border: none;
}

.--show-hidden.btn {
    color: #63625d;
    padding: 4px 40px !important;
    border: solid 1px #ccc !important;
    display: block;
    margin-bottom: 20px;
    border-radius: 3px;
}

.filters__options button {
    color: #fff !important;
    padding: 4px 40px !important;
    border: solid 1px #ccc !important;
    display: block;
    margin-bottom: 20px;
    border-radius: 3px;
    background: #d2bc66 !important;
}

.--show-hidden.btn:hover {
    background: #63625d;
    color: #fff;
}

.s_paging__item.--portions {
    display: none !important;
}

.projector_page #content {
    margin-top: 30px;
}

h1.product_name__name {
    font-family: "Noto Serif", serif;
    text-transform: capitalize;
    color: #1a1c05;
    font-size: 36px;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.dictionary__param {
    font-size: 1.3rem;
    justify-items: left;

    display: grid;
    align-items: center;
    grid-template-columns: 0.5fr 1fr;
}

.max-width-1200 {
    max-width: var(--widtpage);
    position: relative;
    margin-top: 50px;
}

footer.max-width-1200:before {
    background: #d2bc66;
    content: "";
    position: absolute;
    top: 0px;
    width: 200%;
    height: 3px;
    left: -1000px;
    z-index: 9;
}

#footer_links i {
    display: none !important;
}

.footer_links {
    border: none !important;
}

#footer_links .footer_links_sub>li {
    width: 100%;
}

#footer_links {
    text-align: left;
    margin-bottom: 15px;
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.slick-next,
.slick-prev {
    right: 0;
    border-radius: 100%;
}

.icon-angle-right:before,
.icon-angle-left:before {
    color: #d2bc66;
}

#footer_links .footer_links_sub>li.menu_orders_item a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

#footer_links a,
#footer_links span {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.footer_links_label {
    color: #63625d !important;
}

#footer_links a:hover {
    text-decoration: underline;
}

.basketedit_page div.basketedit_summary {
    margin-top: 0px !important;
}

.right_columnt_head_grid a {
    color: #fff;
    font-family: "Noto Serif", serif;
}

.price_info,
#client_new_social,
#paging_setting_top .pagination {
    display: none !important;
}

div#menu_contact {
    font-size: 11px;
}

#projector_productname {
    position: relative;
}

a.firm_logo {
    position: absolute;
    left: -200px;
    width: 200px;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background: #8a8881;
}

.wrap_content {
    display: flex;
    justify-content: space-between;

    color: #fff;
    max-width: var(--widtpage);
    margin: auto;
}

.search_page aside {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.wrap_content a {
    text-decoration: none;
}

.idosell:before {
    display: none;
}

#filter_list .filter_list_content>a.btn.filter_list_remove:hover {
    background: #d2bc66;
    border: none;
}

.photos.--gallery .photos__slider_wrapper {
    padding-top: 120px;
}

.list_wrapper ol li:nth-child(1) {
    display: none !important;
}

#infoKarteczka {
    display: none !important;
}

.delivery_time {
    text-align: center !important;
    font-size: 12px;
    padding: 5px 0px;

    color: #6a6666 !important;
}

.number_couns {
    font-weight: bold;
    color: var(--darkyello);
    font-size: 14px !important;
}

.subtititle_filter:before {
    top: 10px !important
}

.seachFiltersMY {
    width: 100%;

    &:hover {
        border: solid 1px var(--darkyello);
    }
}

#filtersweight_content {
    display: none !important;

    &.active_small_fitlee {
        display: block !important;
    }
}

#filter_traits512_expand .--show-hidden.btn,
html body #filter_traits510_expand .--show-hidden.btn {
    display: none !important;
}

.f-group.filters__buttons.mt-3 .btn.--large {
    display: none !important;
}

#container.search_page #content #search .col-sm-4 {
    padding: 0px;
    margin: 0px;
}

#search .d-flex {
    display: flex !important;
    justify-content: space-evenly !important;
}

#layout .search_name__total {
    display: none !important;
}

body #Filters #filter_traits510_content.filters__content {
    display: none;
}

body #filter_traits510_content.filters__content {
    display: none !important;
}

body #filter_traits510_content.filters__content.acrive_class_waga {
    display: block !important;
}

.f-group.filters__buttons.mt-3 .btn.--large.active_chekc_bnt {
    display: block !important;
}

aside .filters__toggler .btn span {
    color: var(--darkyello) !important;
}

#filter_traits510_content .filters__item.--hidden {
    &:hover {
        background: var(--lightyellow) !important
    }
}

.f-group.--checkbox .f-control:checked+.f-label:before {
    background: #33b33b !important;
}


body #baner_show_hide_filter {
    top: 13px !important;
}

#difrent_year {
    gap: 10px;
    justify-content: flex-start;
}

#btn_yearcontent {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: 15px;
    margin-bottom: 10px;
}

#btn_year {
    font-weight: bold;
    cursor: pointer;
    color: var(--darkyello);

    &:hover {
        text-decoration: underline;
    }
}

/* #filter_traits510_content.filters__content.--list,
#filter_traits512_content.filters__content.--list {
display: block !important;
} */
.waga_tag_6 {
    display: none;
}

/* .waga_tag_6.acrive_date {
display: block ;
} */
.year_box_show {
    margin-bottom: 10px;

    .input_wegith {
        display: none;

        &.acrive_date {
            display: flex;
            justify-content: flex-start;
        }
    }
}

#filter_traits510_content.filters__content.--list.--shown,
#filter_traits512_content.filters__content.--list.--shown {
    display: flex !important;
}

#weightsubmit {
    display: none;
}

#weightsubmit.active {
    display: block;
}

.tags_waga h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.input_wegith.acrive_date {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

#regange_weight {
    .input_wegith {
        display: flex;
        justify-content: space-between;
        padding-left: 45px;

        span {
            padding-right: 10px;
        }

        &::before {
            transform: translateX(20px);
        }
    }
}

.input_wegith {
    padding-left: 52px;
    position: relative;
    cursor: pointer;
    color: var(--darkyello);
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;

    &.acrive_date {
        display: flex;
    }

    span {
        font-weight: normal;
        color: #999;
        ;
        font-size: 14px;
    }

    &:hover {
        background: var(--lightyellow);
    }

    &:hover {
        &::before {
            border: 1px solid var(--darkyello);
        }

        span {
            color: #6c6c6c;
        }
    }

    &::before {
        content: '';
        background: #fff;
        border: 1px solid #c4c7c8;
        border-radius: 3px;
        text-align: center;
        width: 15px;
        height: 15px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 5px;
        transform: translateX(30px);
        left: 0;
        display: block;
    }

    &.active {
        &::before {
            border: 1px solid green;
            background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/icons/arrow.svg?v=1756971383580") no-repeat;
            background-size: contain;
            background-color: #33b33b;
        }
    }
}

.filterscilck {
    color: var(--darkyello);
    position: relative;

    &::before {
        content: '';
        content: '';
        background: #fff;
        border: 1px solid #c4c7c8;
        text-align: center;
        width: 15px;
        height: 15px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: block;
        border-radius: 100%;
    }
}

.filters__item:hover .f-label:before {
    border: 1px solid #525353;
}

.tags_datas:hover a::before {
    border: 1px solid var(--darkyello) !important;
}

.label.--discount,
.label.--promo {
    display: none !important;
}

#paging_setting_top {
    overflow: visible;
}

.loading_filters {
    width: 100%;
    background: #fff;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
}

#filter_traits69 {
    display: none !important;
}

/* body #Filters #filter_traits510_expand .--show-hidden {
display: none !important;
} */
#filter_traits510_expand .--show-hidden.btn {
    display: none !important;
}

#filter_traits510_content.filters__content.--list.--shown,
#filter_traits512_content.filters__content.--list.--shown {
    display: flex !important;
    flex-direction: column-reverse;
}

#buttonLeftFiltertop .headline__after {
    margin-top: 0px;
}

.destow_sub_baner {
    display: block;
}

.destow_sub_baner_rwd {
    display: none !important;
}

@media (max-width:728px) {
    .destow_sub_baner {
        display: none;
    }

    .destow_sub_baner_rwd {
        display: block !important;
    }
}

/* body #Filters #filter_traits510_expand ul {
display: block !important;
} */
#tags_constent_mainHead {
    display: flex;
    gap: 10px;
    align-content: flex-end;
    align-items: flex-end;

    h5 {
        font-size: 18px !important;
        margin: 0px 0px !important;
        color: var(--darkyello);
        font-weight: bold !important;
        font-family: "Inter", sans-serif !important;
        z-index: 999;
        margin-top: 20px !important;
    }
}

.filters__block .filters__options button {
    background: #33b33b !important;
}

.delivery_time {
    text-align: center !important;
}

.quick_buy {
    display: none !important;
}

.price_sellby {
    display: none !important;
}

.search_name {
    display: flex;
    align-items: flex-start !important;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
}

#Filters a:hover {
    background: var(--lightyellow);
}

/* aside .filters__options .--show-hidden .--hide {
display: block !important;
} */
#Filters .--show-hidden.btn {
    border: none !important;
}

.s_paging__display.--view {
    display: none !important;
}

body #baner_show_hide_filter {
    top: 13px !important;
}

#paging_setting_top {
    overflow: visible;
}

.loading_filters {
    width: 100%;
    background: #fff;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
}

#filter_traits69 {
    display: none !important;
}

#filter_traits510_expand .--show-hidden {
    display: none !important;
}

#filter_traits510_content .filters__item.--hidden {
    display: block;

    &:hover {
        background: var(--lightyellow);
    }
}

/* #filter_traits510_content.filters__content.--list {
display: block !important;
} */
#filter_traits510_content.acrive_class_waga {
    max-height: fit-content !important;
}

#filter_traits510_content {
    max-height: 150px !important;
    overflow: hidden;
    margin-bottom: 20px;
}

#filter_traits510_content.filters__content.--list {
    display: none;
}

#filter_traits510_content.filters__content.--list.--shown {
    display: block;
}

#more_reads_info_filtres {
    font-weight: bold;
    padding-left: 10px;
    color: var(--darkyello);
    cursor: pointer;
    position: sticky;
    top: 20px;
    z-index: 999;
    background: #fff;
}

#more_reads_info_filtres:hover {
    text-decoration: underline;
}

.option_price-a a,
.option_price-d a {
    position: relative;
    padding-left: 40px !important;
}

.option_price-a a::before,
.option_price-d a::before {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/dacaca.svg?v=1745935118671") no-repeat;
    display: block;
    position: absolute;
    top: 13px;
    left: 10px;
}

.option_price-d a::before {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671") no-repeat;
}

.loading_filters {
    background: red !important;
}

.data_tags::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background: #fff;
}

#container #layout:before {
    top: 400px !important;
    bottom: 0px !important;
}

#layout .loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 25px !important;
    border: none !important;

    &:before {
        top: 20px !important;
    }

    &:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, transparent, var(--loding), transparent);
        background-size: 50% 100%;
        animation: loading .9s infinite ease-in;
        top: 0px !important;
        left: 0px !important;
        position: absolute;

    }
}

html body .search_categoriesdescription_next:not(.expanded)>* {
    display: block !important;
}

.filters__item::after .--quantity.d-none {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -10px;
    border: solid 1px red;
}

.filters__item.mb-2.--hidden {
    color: red;
}

.search_categoriesdescription_next p {
    display: inline-block !important;
}

.search_categoriesdescription_next a {
    display: inline-block !important;
    font-weight: bold !important;
    color: var(--darkyello);
}

.--quantity.d-none {
    display: inline !important;
    color: red !important;
}

.btn {
    font-family: "Inter", sans-serif !important;
}

.data_tags::-webkit-scrollbar-thumb:hover {
    background: var(--darkyello);
}

.data_tags::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
}

.data_tags::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
}

#przed_premiero_box {
    background: var(--lightyellow);
    text-align: left;
    padding: 20px;
    color: var(--darkyello);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    min-height: 250px;
    margin-bottom: 10px;
    text-align: center;

    .btn_box {
        position: relative !important;
        z-index: 999;
        right: auto !important;
        margin-top: 20px;
    }

    p {
        letter-spacing: 10px;
        font-size: 12px;
        color: var(--darkyello);
        text-align: left;
    }

    & h3 {
        font-size: 15px;
        color: var(--darkyello);
        text-align: left;
    }

    & .moneta_obranica img {
        animation: rotatecoins 55s linear infinite;
        position: absolute;
        bottom: -60%;
        left: 0%;
    }
}

#paging_setting_top .--order {
    display: none;
    padding: 0px;
    margin: 0px;
}

#filter_list {
    margin-bottom: 1rem;
    position: sticky;
    top: 70px;
    z-index: 9;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px !important;
}

#menu_categories2 {
    display: none !important;
}

.f-dropdown .f-dropdown-menu a:hover,
.f-dropdown .f-dropdown-menu a.selected,
.f-dropdown .f-dropdown-menu a.--selected {
    background-color: var(--lightyellow) !important;
    border-radius: 10px;
}

#Filters {
    border: solid 1px #efefef !important;

    #filtersweight_content {

        top: 0px;
        display: flex;
        gap: 10px;
        margin-top: 10px;

        span {
            font-size: 14px;
            color: var(--darkyello);
            display: inline-block;
            font-weight: bold;
            cursor: pointer;
            padding: 2px 5px;
            border: solid 1px #ccc;
            border-radius: 5px;

            &::before {
                content: '';
                border-radius: 100%;
                width: 12px;
                height: 12px;
                display: inline-block;
                background-size: contain;
                margin-right: 5px;
                position: relative;
                top: 0px;
                border: solid 1px #ccc;
            }

            &:hover {
                background: var(--twocolor);
            }

            &.active {
                background: var(--twocolor);

                &::before {
                    border: solid 1px green;
                    background-color: #33b33b;
                }
            }
        }
    }

    #filtersweight_content {
        /* position: relative;
top: -20px; */
        display: flex;
        gap: 10px;

        span {
            font-size: 14px;
            color: var(--darkyello);
            display: inline-block;
            font-weight: bold;
            cursor: pointer;
            padding: 2px 5px;

            &:hover {
                background: var(--lightyellow);
            }

            &.active {
                background: var(--lightyellow);
            }
        }
    }

    #myInputseacrchMennica,
    #search_series {
        width: 100%;
        border: solid 1px #ccc;

        &:hover {
            border: solid 1px var(--darkyello);
        }
    }

    border-right: solid 1px #e3e3e3;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 500px;

    .filters__block {
        border-top: solid 1px #ededed;
        border-bottom: solid 1px #ededed !important;
    }

    &::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        background: #fff;
    }

    &::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 0 5px var(--darkyello);
    }

    &::-webkit-scrollbar-thumb {
        background: var(--darkyello);
        border-radius: 10px;
        box-shadow: inset 0 0 5px var(--darkyello);
    }

    &::-webkit-scrollbar-thumb:hover {
        background: var(--darkyello);
    }

    .--show-hidden {
        padding-left: 30px !important;
        font-weight: bold;
        margin-bottom: 10px;
    }

    button {
        color: #fff !important;
        background: #33b33b;
        width: 100%;
        padding: 10px 0px !important;
        border-radius: 3px;
        font-family: "Inter", sans-serif !important;
        margin-bottom: 0px;

        &:hover {
            background: #04863e;
            text-decoration: none;
        }

        &.--large {
            color: #fff !important;
            top: auto;
            bottom: 50px;
            width: 320px;
            height: 40px;

            &.active_chekc_bnt {
                position: fixed;
            }

            &.dis_active_chekc_bnt {
                position: static;
            }
        }
    }

    .f-label {
        padding: 6px 0px;
        width: 100%;
    }

    a {
        color: var(--darkyello);
        width: 100%;
        text-align: left;
        font-family: "Inter", sans-serif !important;
    }

    #myInputseacrch {
        width: 100%;
        margin-bottom: 10px;
        border: solid 1px #ccc;
        margin-top: 10px;

        &:hover {
            border: solid 1px var(--darkyello);
        }
    }

    .product__icon {
        img {
            max-height: 23rem !important;
        }
    }

    .mb-2,
    .my-2 {
        margin-bottom: 0px !important;
    }

    .filters__block.mb-1 {
        border-top: solid 0px #ccc;
        margin: 0px 0px !important;
    }

    .data_tags {
        flex-direction: column;
        padding: 5px 0px 0px 20px !important;
        white-space: nowrap;
        text-align: left;
        width: 100%;
        position: relative;
        left: -30px;
        display: flex !important;
        flex-direction: column;
        border-radius: 3px;
        padding: 2px 5px;

        .tags_datas {
            text-align: center;
            display: none;
            font-size: 15px;
            font-weight: bold;
            display: none;

            &.acrive_date {
                display: flex;
                align-items: center;
                flex-direction: row;
                gap: 6px;
                justify-content: flex-start;
                gap: 10px;
                padding: 3px 0px 3px 30px;
                color: #007434;
                font-size: 12px;

                a {
                    color: #333 !important;
                }

                &:hover {
                    background: var(--lightyellow);
                    color: var(--darkyello);
                }
            }

            a {
                font-size: 15px;
                font-weight: 400;
                padding: 3px 0px;
                padding: 0px 30px !important;
                display: block;
                white-space: nowrap;
                text-align: left;
                width: 100%;
                position: relative;
                left: -20px;
                margin-right: 0px;

                span {
                    font-size: 11px;
                }
            }

            .filters__item span {
                font-size: 16px;
                font-weight: 400;
                padding: 3px 0px;
            }
        }

        img {
            width: 15px;
            height: 15px;
        }
    }

    .filters__toggler {
        margin: 0px;
        padding: 0px;

        .btn {
            padding-left: 22px;
            font-weight: 500;
            font-size: 16px;
            font-family: "Inter", sans-serif !important;

            &:hover {
                background: var(--lightyellow);
                margin: 0px;
            }
        }

        span {
            /* text-transform: math-auto; - removed for compatibility */
            font-weight: 600;
            font-size: 16px;
        }
    }

    #see_all_filters {
        text-align: center;
        padding: 10px;
        font-weight: bold;
        color: var(--darkyello);
        border: solid 1px #ccc;
        cursor: pointer;
        margin-bottom: 20px;
        border-radius: 5px;
        background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
        background-size: 10%;
        background-position: 10px center;

        &:hover {
            background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
            background-color: var(--lightyellow);
            background-size: 10%;
            background-position: 10px center;
        }
    }

    .filters__content {
        padding-left: 10px;

        li {
            padding: 0px 0px;
            padding-left: 10px;

            &:hover {
                background: var(--lightyellow);
            }

            .--name {
                font-size: 14px;
                color: var(--darkyello);
                padding-left: 20px;
            }
        }
    }

    .head_filter {
        color: var(--colorfott);
        font-size: 1.5rem;
        padding-left: 10px;
        padding: 10px 0px 10px 10px;
        font-weight: bold;
        border-bottom: solid 0px var(--darkyello);
        padding-left: 20px;
        font-size: 16px;
    }

    .lastseebnt {
        font-weight: bold;
        font-size: 14px;
        width: 90%;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        border-radius: 0px;
        padding: 10px 10px;
        font-size: 11px;
        background: #fff;

        &:hover {
            border-top: solid 1px var(--darkyello);
            border-bottom: solid 1px var(--darkyello);
            transition: all 1s;
            background: #fff;
        }
    }

    @media (max-width: 1360px) {
        padding-bottom: 100px !important;
        overflow-y: auto !important;
        position: static !important;
    }

    @media (max-width: 1070px) {
        & .data_tags {
            & .tags_datas {
                a {
                    font-size: 17px;
                    font-weight: 400;
                    padding: 0px 30px !important;
                    display: block;
                    white-space: nowrap;
                    text-align: left;
                    width: 100%;
                    position: relative;
                    left: -20px;
                }
            }
        }

        & .filters__content {
            li {
                padding: px 0px;
                padding-left: 10px;
                margin: 0px 0px;

                label {
                    padding: 10px 0px;
                }

                .--name {
                    font-size: 16px;
                    color: var(--darkyello);
                    padding-left: 23px;
                }
            }
        }
    }
}

#paging_setting_top {
    position: relative;

    li {
        border: none !important;
        border-radius: 2px;
    }

    .f-dropdown {
        position: absolute;
        top: 0px;
    }

    @media (max-width: 1070px) {
        .f-dropdown {
            position: static;
        }
    }
}

#paging_setting_top {
    li {
        a {
            font-weight: bold;
            font-size: 14px !important;
            color: var(--darkyello);
            border-radius: 10px;
        }
    }
}

#search.products {
    align-items: flex-start !important;

    .promo,
    .label.--promo {
        position: absolute;
        white-space: nowrap;
        top: 0px;
        display: none !important;
    }

    & .product {
        .label_icons {
            position: static;
            width: 0px !important;
        }

        .spot-add {
            font-size: 12px !important;
            font-weight: bold !important;
            margin-top: 3px !important;
            color: #03a84e !important;
            padding: 0px;
        }

        img {
            mix-blend-mode: darken !important;
            max-height: 21.2rem !important;
        }

        &:hover {
            border: 0px solid #c4c7c841;
            background: var(--lightyellow) !important;
            box-shadow: 0 0 0px -2px rgb(0 0 0 / 50%) !important;
        }
    }

    @media (max-width:1070px) {
        &.d-flex {
            gap: 0px !important;
            row-gap: 10px !important;
        }

        .product__icon {
            height: 19.2rem;
        }

        .product {
            padding: 10px 0px;
            flex: 0 0 51.33333% !important;
            max-width: 46.33333% !important;
            background: var(--lightyellow);
            margin: 6px;
            padding-bottom: 0px !important;
            padding-top: 0px !important;

            img {
                transform: scale(.9);
            }
        }

        .label_icons {
            position: absolute !important;
        }
    }
}

.s_paging__item.--filters .btn.--large.--solid {
    color: var(--darkyello) !important;
    padding: 14px !important;
    background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
    background-color: #fff !important;
    background-size: 18% !important;
    text-align: left;
    padding-left: 48px !important;
    border: none !important;
    display: inline-block;
    width: auto;
}

#projector_productname .label.--new:after {
    display: none;
}

#content #projector_productname .product_name__sub .label.--new {
    position: static;
    left: -180%;
    top: 30px;
    z-index: 0 !important;
    background: url("/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340") no-repeat;
    background-size: contain;
    width: 90px;
    height: 50px;
    text-indent: -999px;
    overflow: hidden;
}

.label.--new:after {
    content: "";
    background: url(/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340) no-repeat;
    display: block;
    width: 50px;
    height: 40px;
    position: absolute;
    z-index: 1;
    left: 0px !important;
    background-size: contain;
    right: 0px;
    left: auto;
    top: 0px;
}

.label.--bestseller:after {
    content: "";
    background: url("/data/include/cms/metal_market/icon/bestseler_icon_two.svg?v=1720454189780") no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    right: 0px;
    left: 0px;
    background-size: 100%;
    top: 200px;
}

.label.--new,
.label.--bestseller {
    text-indent: -999px;
    background: none;
    overflow: hidden;
}

#paging_setting_top .f-dropdown-menu {
    height: 50px;
}

#paging_setting_top #select_top_sort {
    display: none;
}

#paging_setting_top .--small-md .s_paging__select-select {
    display: none !important;
}

#paging_setting_top .s_paging__item {
    width: 100%;
}

#paging_setting_top .f-group.--small-md .f-control {
    display: none;
}

#paging_setting_top .f-dropdown.--open .f-dropdown-menu {
    display: flex;
}

.f-dropdown-li.option_date-a {
    display: none !important;
}

#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
    display: grid;
    border: none;
    background: none;
    font-weight: bold;
    position: static;
    white-space: nowrap;
    justify-content: start;
    grid-template-columns: repeat(6, 1fr);
    text-align: left;
    justify-items: left;
    max-width: 70%;
}

@media (max-width:1070px) {
    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
        max-width: 100%;
    }

    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu>li {
        scroll-snap-align: center;
        scroll-snap-type: x proximity;
    }
}

.f-dropdown-li.option_name-d {
    grid-area: 1/5;
}

.f-dropdown-li.option_name-a {
    grid-area: 1/6;
}

#paging_setting_top ul.pagination.s_paging__item {
    display: none !important;
    padding: 0px !important;
}

#select_top_sort {
    display: none !important;
}

.f-group.--checkbox.--small .f-label:before {
    border-radius: 1px;
}

.f-group.--checkbox.--small .f-label:hover:before {
    border: 1px solid var(--darkyello);

}

.data_tags input[type="checkbox"] {
    position: relative;
    pointer-events: none;
    opacity: 0.5;
}

#show_info {
    color: var(--darkyello);
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 12px;
}

#show_info {
    color: #a4172b;
}

#fast_fiters_txt {
    position: relative;
    top: -20px;
    color: var(--darkyello);
    font-size: 12px !important;
}

.filters__expand.acrive_class_waga {
    display: block !important;
}

#filter_price_expand button {
    color: #fff !important;
    padding: 7px 10px !important;
    display: block;
    background: #03a84e;
    border-radius: 5px;
}

#filter_price_expand button:hover {
    color: #c68e51;
    background: #f5f6fa;
    background: #037a39;
}

#filter_price_expand label:hover {
    border: solid 1px var(--darkyello);
}

ul#filter_traits512_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.bg_alter>li {
    margin: 25px 0px;
}

a.activeMain.activeUnShow {
    display: flex;
    align-items: flex-start;
    justify-items: center;
    justify-content: flex-start;
}

.all_walory {
    font-size: 14px;
    display: block;
}

.walory_all {
    margin-bottom: 10px;
}

aside .filters__options {
    display: block !important;
    align-items: left !important;
    justify-content: space-between;
    position: relative;
    flex-direction: column-reverse;
    align-content: flex-start;
}

#filter_price_expand button {
    display: none;
}

#filter_price_expand button.show_price_list {
    display: block;
}

.dele_oldfilters {
    display: none !important;
}

#search_weight {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#search_weight:hover {
    border: solid 1px var(--darkyello);
}

.f-group.--small-md .f-control span {
    color: var(--darkyello) !important;
}

#content .product__shippingTime {
    display: block !important;
}

#content .tags_constent_main#proof_mian_cont.deactive {
    display: none !important;
}

#filter_traits512_content {
    display: flex;
    flex-direction: column-reverse;
}

#proof_mian_cont h4:after {
    display: none;
}

.search_description.--skeleton {
    max-height: 210px;
    background: none !important;
}

#proffo_bnt {
    color: var(--darkyello);
}

.f-group.--small-md .f-control {
    padding: 20px 30px !important;
    border: solid 1px var(--darkyello) !important;
    display: flex;
    align-items: center;
    border-radius: 2px;
    font-weight: bold;
    color: var(--darkyello);
    padding-top: -10px;
    padding-right: 49px !important;
    font-size: 14px;
}

.s_paging__item {
    padding: 0px !important;
}

#paging_setting_bottom .f-dropdown {
    display: none;
}

.s_paging__item.--sort {
    display: block !important;
}

.f-group.--small-md .f-control span {
    display: block;
}

.pagination__link a {
    font-size: 12px !important;
}

.search_name__total {
    display: none;
}

.search_name {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.search_description {
    margin-bottom: 30px;
    color: var(--darkyello);
}

.tags_datas {
    position: relative;
    margin-left: 10px;
}

.tags_datas.stop_tag {
    display: block;
}

.tags_datas img {
    display: none !important;
}

/* .tags_datas::before {
content: '';
border: 1px solid #c4c7c8;
text-align: center;
width: 14px;
height: 14px;
font-size: 1.4rem;
transition: border .15s, background-color .15s;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
display: block !important;
border-radius: 100%;
} */
.tags_datas a::before {
    border: 1px solid #000;
    content: '';

    border: 1px solid #c4c7c8;
    text-align: center;
    width: 14px;
    height: 14px;
    font-size: 1.4rem;
    transition: border .15s, background-color .15s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    display: block !important;
    border-radius: 100%;
}

.tags_datas:hover a::before {
    border: 1px solid var(--darkyello) !important;
    /* display: block !important;
content: '';
border: 1px solid #c4c7c8;
text-align: center;
width: 15px;
height: 15px;
font-size: 1.4rem;
transition: border .15s, background-color .15s;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
display: block !important;
border-radius: 100%; */
}

.waga_tag {
    display: none;
}

.waga_tag.acrive_date {
    display: block;
}

#waga_filter {
    margin-top: 10px;
    font-weight: bold;
}

#waga_filter:hover {
    text-decoration: underline;
    cursor: pointer;
}

#content .tags_constent_main {
    max-width: 45%;
    display: inline-flex !important;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

#list_coins .box_coins {
    position: relative;
    border: solid 1px #ccc;
    padding: 2px 10px;
    flex: 20%;
    max-width: 100%;
}

.serie_all_btn a {
    font-weight: bold;
    color: var(--darkyello);
}

#content .tags_constent_main .data_tags a {
    padding: 15px 15px !important;
    display: block;
}

.f-dropdown .f-dropdown-menu {
    box-shadow: none !important;
    border: solid 2px #000;
    background: #fff;
    top: calc(100% + -5px) !important;
    left: 5px;
}

.f-dropdown-menu li {
    border-bottom: solid 1px #ccc;
    padding: 0px 3px;
    display: block;
    font-size: 12px;
    text-align: left;
    font-size: 13px;
    font-weight: normal !important;
}

.f-group.--small-md .f-control:hover {
    outline: 2px solid var(--darkyello) !important;
    outline-offset: -2px !important;
}

.f-dropdown-button b {
    font-weight: bold !important;
}

.f-dropdown .f-dropdown-menu a:hover {
    background: var(--lightyellow) !important;
}

.f-dropdown-menu li a {
    padding: 13px 3px;
}

#content #paging_setting_top {
    margin-bottom: 0px;
}

@media (max-width: 1070px) {
    .search_name .search_name__total {
        display: none !important;
    }

    #myInputseacrch {
        margin-left: 10px !important;
    }

    #Filters.filters .filters__item {
        padding-left: 10px !important;
    }

    .active_chekc_bnt {
        position: static !important;
    }

    #Filters .--large {
        width: 100% !important;
    }

    &.dis_active_chekc_bnt .commercial_banner {
        padding: 0px 10px !important;
    }

    #myInputseacrch {
        width: 100%;
        padding: 25px 20px;
    }

    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu:hover {
        overflow-x: scroll;
    }

    #content .data_tags {
        position: sticky;
        top: 45px;
        left: 0%;
        width: auto;
    }

    .filters__options button {
        display: none;
    }

    .s_paging__item.--filters .btn.--large.--solid {
        color: var(--darkyello) !important;
        padding: 14px !important;
        background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
        background-color: #fff !important;
        background-size: 18% !important;
        text-align: left;
        padding-left: 48px !important;
        border: none !important;
        display: inline-block;
        width: auto;
    }

    #paging_setting_top .s_paging__item.--filters {
        display: flex !important;
        justify-content: flex-end !important;
        position: absolute;
        top: 20px;
    }

    #Filters:hover {
        overflow-y: hidden !important;
    }

    .search_description {
        margin-bottom: 30px;
        color: var(--darkyello);
    }

    #content .tags_constent_main h4 {
        padding: 10px 15px !important;
        display: inline-block;
        align-items: center;
        display: flex;
        align-items: baseline;
        flex-wrap: nowrap;
        flex-direction: row;
        font-size: 14px;
        text-align: center;
    }

    .search_name {
        display: block !important;
        align-items: flex-start;
    }

    #Filters .filters_options {
        margin-top: 20px;
    }

    div#ifilters {
        overflow-x: scroll;
        width: 100%;
        display: flex;
        padding-bottom: 20px;
    }

    #Filters a {
        color: var(--darkyello);
        text-align: left;
    }

    #Filters a:hover {
        background: var(--lightyellow);
    }

    #fast_fiters_txt {
        top: 0px;
    }

    .f-group {
        padding: 0px 0px;
        padding-left: 0px;
    }

    .filters_open .filters__buttons {
        transition: right 200ms ease 200ms;
        right: 0;
        margin-bottom: 40px;
    }

    .f-group.filters__buttons.mt-3 {
        margin-bottom: 10px;
    }

    aside .filters__options .--submit,
    aside .filters__options .--show-hidden {
        font-size: 15px;
    }
}

#filter_traits510_content.filters__content.--list {
    overflow: hidden !important;
}

#filter_traits510_content.filters__content.--list.--shown.acrive_class_waga {
    overflow: visible !important;
}

#more_reads_info_filtres,
#more_reads_info_filtresYear {
    font-weight: bold;
    padding-left: 10px;
    color: var(--darkyello);
    cursor: pointer;
    position: sticky;
    top: 10px;
    display: block;
    background: #fff;
    padding: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
    z-index: 999;
    margin-bottom: 10px;
}

#more_reads_info_filtresYear:hover {
    text-decoration: underline;
}

.filters__content.--shown {
    overflow: visible;
}

#filter_traits510_content.acrive_class_waga,
#filter_traits512_content.acrive_class_waga {
    max-height: fit-content !important;
}

/* #filter_traits510_content,
#filter_traits512_content {
max-height: 150px;
overflow: hidden;
margin-bottom: 20px;
} */
/* #filter_traits512_content {
max-height: 70px;
} */
/* #filter_traits510_content,
#filter_traits512_content {
max-height: 150px;
overflow: hidden;
margin-bottom: 20px;
} */
/*
#filter_traits510_content.filters__content.--list,
#filter_traits512_content.filters__content.--list {
display: none;
}
#filter_traits510_content.filters__content.--list.--shown,
#filter_traits512_content.filters__content.--list.--shown {
display: block;
} */
#btn_filtsrs {
    display: none !important;
}

#paging_setting_top .f-dropdown-menu {
    display: grid !important;
}

#paging_setting_top .f-dropdown-menu li {
    max-width: 100%;
}

@media (max-width: 768px) {
    #Filters {
        border: none !important;
    }

    #paging_setting_top {
        position: relative;
    }

    #btn_filtsrs {
        display: block !important;
        color: var(--darkyello);
        font-weight: bold;
        font-size: 1.5rem;
        background: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/sortowanie.svg?v=1747137596360) no-repeat left center;
        padding-left: 40px;
        background-size: 30px;
        position: absolute;
        top: 34px;
        left: 0px;
        z-index: 999;
    }

    #paging_setting_top .f-dropdown-menu {
        display: none !important;
    }

    #paging_setting_top .f-dropdown-menu.acrive_class_filttres {
        display: block !important;
        position: absolute !important;
        background: #fff !important;
        overflow: visible !important;
        height: fit-content;
        top: 70px !important;
        z-index: 9999;
        padding-bottom: 50px;
        animation-name: anmacjaOpacity;
        animation-duration: .5s;
    }
}

@media screen and (max-width: 728px) {
    @keyframes scrollText_opacity {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    #bar_stock {
        display: none !important;
        z-index: 999;
        animation: scrollText_opacity 1s linear;
    }

    #bar_stock.bar_stoc_hide {
        display: block !important;
    }
}

#bar_head_curency {
    display: none;
}

#google_translate_element {
    background: #fff !important;
}

#bar_stock {
    width: 100%;
    position: fixed;
    top: 0px;
    background: #fdfcf7;
    left: 0px;
    z-index: 10;
    cursor: pointer;
}

#bar_stock:hover {
    background: #e1e2e6;
    transition: all 1s;
    box-shadow: none;
}

#bar_stock .header_bar {
    margin-top: -60px;
}

#bar_stock .metal_block {
    margin: 0px 10px;
    display: flex;
    align-items: center;
}

#bar_stock .buy_metal {
    margin: 0px 20px;
}

#bar_stock .image_metal strong {
    color: #000;
    font-size: 12px;
}

#bar_stock .metal_block .buy_metal {
    margin: 0px 13px;
}

#bar_stock .metal_block h4 span {
    font-size: 8px;
}

#bar_stock .metal_block:hover {
    background: none;
}

#bar_stock .metal_block h4 {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #2c333e;
    font-weight: normal;
    text-align: left;
}

#bar_stock .tabele_metal {
    display: flex;
}

#bar_stock a {
    display: flex;
    text-decoration: none;
    color: #000;
}

#bar_stock {
    display: flex;
    position: relative;
    height: 40px;
    margin: auto;
    overflow: hidden;
    width: 100%;
    position: fixed;
    top: 0px;
    background: #fdfcf7a6;
    left: 0px;
    -webkit-backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

#bar_stock .image_metal img {
    width: 30px;
}

#bar_stock .image_metal {
    margin-right: 10px;
    width: 40px;
}

#bar_stock .buy_metal {
    margin-right: 20px;
}

#bar_stock .buy_metal p {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 10px;
    text-align: left;
    color: #999;
}

.m-scroll__title {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transform: scale(1);
    transition: all 1s ease;
}

.m-scroll__title>div.scorl_bar_content:hover {
    animation-play-state: paused;
}

.m-scroll__title>div.scorl_bar_content {
    display: flex;
    animation: scrollText 73s infinite linear;
}

@keyframes scrollText {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

body #container #menu_categories #menu_navbar .navbar-subnav.--cols5 {

    justify-content: start;
    justify-items: stretch;
    left: 0px !important;
    gap: 10px;
    width: fit-content !important;
    transition: all .5s;
    transform: translate(0px, 0px) !important;
    opacity: 1;
}

body #projector_omnibus_price_value,
body #projector_omnibus_percent {
    display: inline !important;
}

.search_name {
    display: flex;
    align-items: flex-start;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
    flex-direction: column;
    align-items: flex-start;
}

.search_name {
    display: flex;
    align-items: flex-start !important;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
}

._mobile .f-dropdown:not(.--disable-mobile-view)>select {
    opacity: 1 !important;
    height: auto !important;
    width: 80%;
}

.destow_sub_baner {
    display: block;
}

.destow_sub_baner_rwd {
    display: none !important;
}

#menu_settings_curr,
#menu_settings_country {
    display: none !important;
}

.f-dropdown>select {
    display: block !important;
}

/* #filter_traits510_content .filters__item.--hidden {
        display: none !important;
    } */
#filter_traits510_content.--shown .filters__item.--hidden {
    display: block !important;
}

body .search_name__total {
    display: block !important;
}

body #container #filter_traits510_content {
    max-height: fit-content !important;
}

#paging_setting_top {
    .f-dropdown {
        position: static !important;
        top: 0px;
    }
}

.price_sellby {
    display: none !important;
}

#paging_setting_top .--order {
    display: block !important;
}

body #filter_traits510_content {
    display: block !important;
}

body .navbar-subnav.--cols1 {
    left: 130px !important;
    position: absolute !important;
    transform: translate(0px, 0px) !important;
}

.label.--discount,
.label.--distinguished {
    display: none !important;
}

body #menu_navbar li a:hover:after {
    width: 100% !important;
    /* transition: width 0.5s;
        display: block !important; */
    background: #d2bc66;
    content: "";
    position: absolute;
    height: 2px;
    display: block !important;
    left: 0px;
    bottom: 0px;
    width: 100% !important;
    transition: all 0.5s;
}

body #menu_navbar .navbar-subsubnav li a:after {
    display: none !important;
}

.label_icons .label.--disable {
    color: #e35c5c !important;
    background: transparent !important;
    border: none !important;
    position: absolute !important;
    left: 0px !important;
    top: 190px !important;
}

.load-content:before {
    width: 20px !important;
    height: 20px !important;
    border-radius: 100%;
    max-width: 20px !important;
    max-height: 20px !important;
    content: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/loading_100.gif?v=1744712959669') !important;
    object-fit: contain;
    background-size: 20%;
    animation: none !important;
    position: absolute;
    border: none !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main_hotspot_zone1 .b-lazy {
    content: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/loading_100_big.gif?v=1744713590553') !important;
    background-size: 20%;
}

#main_hotspot_zone1 .b-lazy.b-loaded {
    content: url('') !important;
}

.loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    max-width: 100% !important;
    width: 100% !important;
    height: 1em;
    background: var(--twocolor);
    display: inline-block;
    border-radius: 2px;
}

#menu_banners3 div.menu_button_wrapper {
    padding: 0;
}

.menu_button_wrapper.col-md-4.col-6 {
    width: 100%;
    max-width: 100%;
}

#menu_categories .navbar-subnav {
    width: fit-content !important;
}

#menu_categories .navbar-nav .navbar-subsubnav .nav-item a,
#menu_categories .navbar-nav .navbar-subnav .nav-item a,
#menu_categories .navbar-nav .nav-item:nth-child(1) a,
.navbar-nav .nav-item.nav-merge:nth-child(1) a,
#menu_categories .navbar-nav .navbar-subnav .nav-item:nth-child(1) a,
#menu_categories .nav-link.active {
    border: none !important;
}

#menu_seearch.--focus.--open .menu_seearch__item.--results {
    margin-top: 0px;
    position: absolute !important;
}

:root {
    --grey: #63625d;
    --yellow: #c0a020;
    --darkyello: #4b4e33;
    --maincolor: #4b4e33;
    --lightyellow: #fdfcf7;
    --twocolor: #fdfcf7;
    --white: #fff;
    --small12: 12px;
    --small14: 14px;
    --small24: 24px;
    --big36: 39px;
    --pricesmall: 16px;
    --widtpage: 1410px;
    --loding: #fff;
}

.loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 25px !important;
    border: none !important;

    &:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, transparent, var(--loding), transparent);
        background-size: 50% 100%;
        animation: loading .9s infinite ease-in;
        position: absolute;
        background-position: -200% 100%;
    }
}

@keyframes loading {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 100%;
    }
}

.sub_head {
    font-size: 11px;
    position: absolute;
    text-transform: uppercase;
    top: -5px !important;
    color: #999;
}

#container #menu_navbar .navbar-subnav {
    padding: 10px !important;
    left: 0px !important;
    width: fit-content !important;
    padding-right: 170px !important;
}

#menu_navbar .navbar-subnav {
    padding-right: 50px !important;
}

#menu_navbar .nav-item ul a.nav-link {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
    white-space: nowrap !important;
}

body #container #menu_navbar .navbar-subnav.--cols4,
body #container #menu_navbar .navbar-subnav.--cols3 {
    width: fit-content !important;
    gap: 20px;
}

#content #projector_productname .product_name__sub .label.--new,
#content #projector_productname .product_name__sub .label.--bestseller {
    position: static !important;
    left: 0px !important;
    top: 30px;
    z-index: 0 !important;
    background: #10ac82 !important;
    background-size: contain;
    width: auto !important;
    height: auto !important;
    text-indent: inherit !important;
    overflow: visible !important;
    color: #fff !important;
}

#content #projector_productname .product_name__sub .label.--bestseller {
    background: #d8c478 !important;
}

#content #projector_productname .product_name__sub .label.--new .projector_details .projector_buy__shopping_list {
    border: none;
    display: none !important;
}

#container {
    padding-top: 0px !important;
}

.header_bar .phone_head {
    background: none !important;
}

.col-md-3 {
    max-width: 100% !important;
}

.header_bar {
    position: relative;
    z-index: 999 !important;
}

body #container #paging_setting_bottom .s_paging__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

body #container #paging_setting_bottom .s_paging__item .pagination__button {
    display: block !important;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-height: 40px;
    padding: 10px 30px;
}

#menu_banners3.row {
    display: block !important;
}

#cookie_login_social_more {
    display: none
}

#see_all_filters:hover {
    background: var(--lightyellow);
    cursor: pointer;
    text-decoration: underline;
}

.pr-4:hover {
    background: var(--lightyellow);
    text-decoration: underline;
}

.pr-4:hover span {
    text-decoration: underline;
}

.product__sub h3,
.product h3 a {
    font-weight: normal !important
}

.product__sub:hover h3,
.product__sub:hover a.product__name {
    font-weight: normal !important
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

#content .product__shippingTime {
    text-align: center;
}

#search .product:hover .product__sub {
    background: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-weight: normal !important;
}

#container.search_page #content #search .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 23.33333%;
}

.header_bar {
    display: block !important;
    z-index: 9999;
    position: relative !important;
}

#menu_search {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#paging_setting_top .f-group.--small-md button.f-control {
    display: none !important;
}

#menu_search .menu_search__mobile:before,
#menu_search .menu_search__submit:before {
    width: 50px !important;
    height: 40px !important;
    content: "" !important;
}

#search .product {
    border: none !important
}

.orderdetails_info__estimated_delivery {
    font-size: 18px;
    margin-bottom: 10px;
}

.orderdetails_info__estimated_delivery_label {
    font-size: 24px;
}

#rabateCode {
    display: none !important;
}

.images_serie_boks {
    display: none !important;
}

#best_price_wrap .table_imtex {
    display: none;
}

.table_big_one .skup_gold_items {
    display: none;
}

#projector_productname .product_name__sub .label.--new {
    z-index: 9 !important;
}


.cm h2 {
    position: static;
}

#login_welcome h1.big_label {
    display: block !important;
}

body {
    font-family: "Inter", sans-serif !important;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    margin: 0px;
}

#search .product {
    background: #fff;
    margin: 5px;
}

#search .product:hover {
    background: var(--lightyellow);
    margin: 5px;
    transition: all 0.5s;
}

.projector_details .projector_buy {
    grid-template-columns: 50px 1fr !important;
}

.product__icon img {
    mix-blend-mode: darken !important;
}

h1 .headline__name {
    font-family: "Noto Serif", serif;
    text-transform: capitalize;
    color: var(--darkyello);
    font-size: var(--big36);
}

h5 {
    font-family: "Noto Serif", serif;
    font-size: var(--small14) !important;
    margin-bottom: 0px !important;
}

h2 .headline__name {
    font-family: "Noto Serif", serif;
    color: var(--darkyello);
    font-size: clamp(1vw, var(--big36), 39px);
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 20px;
    text-transform: none !important;
    margin-top: 0px !important;
    line-height: 3rem;
}

.cm h2 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.headline__name:hover {
    text-decoration: underline !important;
    text-decoration-color: #d2bc66 !important;
}

.basket_cms.cm,
#basketedit_hotspot_zone1 {
    display: none;
}

.contac_box {
    background: #fdfcf7 !important;
    border-radius: 5px;
    padding: 30px 0px;
}

.accordion span:target~[id*="close-accordion"] {
    color: var(--yellow) !important;
}

.acordion_box a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.menu_lista_pomocy {
    display: none !important;
}

.accordion {
    display: block !important;
}

.product__icon img {
    max-height: 18.2rem !important;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background: #fff !important;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background-color: #8a8881;
}

.head_title_big {
    display: flex;
    align-items: baseline;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: 0;
    top: 50%;
    margin-top: -50px;
    width: 120px;
    height: 170px;
    position: absolute;
    right: 20% !important;
}

#logo a:hover {
    background: #fdfcf7;
}

*:after {
    font-family: FontAwesome;
}

.projector_details .projector_prices__price {
    font-family: "Lato", sans-serif !important;
}

#menu_navbar li {
    position: initial;
}

#menu_navbar .navbar-subsubnav li {
    position: static;
}

#container #paging_setting_bottom .pagination {
    display: block !important;
}

#container #paging_setting_top .pagination {
    display: none !important;
}

/* #menu_navbar li:nth-child(6):after { border-left: solid 1px #ccc;
      display: block;
      content: ""; width: 2px ;height: 40px; 
      position: absolute;top: 5px;
          right: -50px;
      
      } */
.navbar-nav li.nav-item:nth-child(4)::after a {
    color: red;
}

.main_page #layout {
    margin-top: 10px;
}

#menu_navbar li.navbar-nav:nth-child(3) a {
    color: #c0a020;
}

/* .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products.slick-initialized .product {
          width: 3% !important;
      
      } */
.breadcrumbs a,
.breadcrumbs span {
    font-size: 11px !important;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
    font-weight: bold !important;
}

.breadcrumbs a:hover,
.breadcrumbs span:hover {
    text-decoration: underline !important;
}

.search_name {
    display: flex;
    align-items: flex-end;
    margin: 0 0 1.5rem;
    align-content: flex-end;
}

.mennice_main li a {
    font-weight: bold;
}

.text_page #layout {
    margin-top: 40px;
}

#menu_additional .account_link,
#menu_additional .wishlist_link {
    display: flex;
    flex-direction: row;
    align-items: center;
}

header #menu_settings {
    z-index: 0;
}

/* #menu_navbar .navbar-subnav .nav-item a {
      padding-left: 40px !important;
    } */
.breadcrumbs__sub li a {
    font-weight: normal;
}

.breadcrumbs__sub li a:hover {
    text-decoration: underline;
}

.spot-add.spot-add {
    font-size: 28px;
    padding: 10px;
    color: #d2bc66 !important;
    margin-bottom: 10px;
}

.product .spot-add.spot-add {
    font-size: 15px;
    text-align: center;
}

.menu_link {
    position: absolute;
    top: 16px;
    left: 10px;
}

.menu_link img {
    width: 30px;
}

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,900&family=Noto+Serif:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700;1,800&display=swap");

.progress__item.--active .progress__icon,
.progress__item.--link:hover .progress__icon {
    background: #d2bc66;
    border: 1px solid #d2bc66;
    color: #fff;
}

#menu_search .menu_search__input:hover,
.input_main:hover {
    border: solid 1px #000 !important;
}

.breadcrumbs a,
.breadcrumbs span {
    font-size: 15px;
    font-weight: bold;
    color: #8a8881;
}

.progress__icon {
    color: #d2bc66;
}

.nav-item.active a {
    color: #000 !important;
}

#menu_navbar .nav-item ul a.nav-link {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #000;
}

#menu_navbar .nav-item ul a.nav-link:after {
    display: none;
}

#main_hotspot_zone1 h2 .headline {
    border: none;
}

#menu_navbar span.nav-link {
    padding: 0px;
}

#container #menu_navbar .navbar-subnav {
    transform: translate(-130px, 0px);
    width: calc(60% - 2rem) !important;
    color: var(--darkyello) !important;
    padding-top: 10px;
    margin-top: -10px;
}

#container #menu_navbar .navbar-subnav.--cols3 {
    transform: translate(0px, 0px);
    width: calc(60% - 2rem) !important;
    color: var(--darkyello) !important;
    animation: chagenMenu 0.2s linear;
    padding-top: 10px;
    margin-top: -10px;
}

#container #menu_navbar .navbar-subnav.--cols4 {
    transform: translate(0px, 0px);
    width: calc(80% - 2rem) !important;
    color: var(--darkyello) !important;
    animation: chagenMenu 0.2s linear;
    padding-top: 10px;
    margin-top: 0px;
}

#paging_setting_top .s_paging__item.--filters .btn.--large.--solid {
    display: none !important;
    animation: chagenMenu 0.2s linear;
}

#container #menu_navbar .produkty_btn {
    padding-left: 70px !important;
    padding-top: 12px !important;
    border: solid 2px var(--darkyello) !important;
}

#menu_categories .navbar-subnav {
    box-shadow: 0px 0px 0px -2px rgb(0 0 0 / 18%) !important;
}

#menu_navbar .navbar-subsubnav li a.nav-link {
    font-size: 14px !important;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 5px 0px !important;
    white-space: nowrap;
}

#menu_navbar .navbar-subsubnav li a.nav-link:hover {
    color: var(--darkyello) !important;
    text-decoration: underline !important;
}

#menu_navbar .navbar-subnav li a {
    margin: 0px;
    padding-left: 0px !important;
}

#menu_navbar .nav-item ul .navbar-subsubnav a.nav-link:after {
    display: none;
}

#freeShipping {
    display: none !important;
}

a {
    text-decoration: none !important;
}

#content .f-dropdown .f-control {
    background: #fff;
    color: #1a1c05;
}

#container.main_page #content {
    max-width: var(--widtpage) !important;
    margin: auto;
}

.header_bar {
    background: #3e3d3b !important;
    position: relative;
    z-index: 9;
}

.navbar-nav .nav-item:nth-child(1) a {
    padding: 15px 40px !important;
    border: solid 2px var(--darkyello);
    display: block;
}

/* .navbar-nav .nav-item:nth-child(1) a {
      padding-left: 80px !important;
    } */
.navbar-nav .nav-item:nth-child(1) a:hover {
    border: solid 2px var(--yellow);
    color: var(--yellow) !important;
}

.search_page #layout {
    max-width: var(--widtpage);
}

#menu_settings {
    position: static;
}

.topBasket__sub {
    z-index: 999;
}

.text_main_ceny {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 60px;
}

header .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 1.5rem;
    align-items: center;
    justify-content: flex-start;
    gap: 40px;
    align-content: center;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

#main_banner1 img {
    border-radius: 0px;
}

#logo {
    height: 85px;
    margin-top: 0;
    padding: 0 10px;
    padding-left: 0;
}

#cytat_main .headline__after {
    position: absolute;
}

ul.navbar-subnav {
    display: none;
}

#signin-form_box_sub_1 input {
    width: 100%;
    padding: 20px;
}

#signin-form_box_sub_1 .form-group {
    width: 100%;
    display: block;
    padding: 20px;
}

.cm {
    overflow: visible;
}

.slick-next,
.slick-prev {
    border-radius: 5px;
}

#menu_search.--focus .menu_search__input {
    border: none;
    border-radius: 0px;
    z-index: 99999999;
    position: relative;
}

.slick-prev,
.slick-next {
    border-radius: 5px !important;
    min-height: 100px;
}

.products:hover .slick-next,
.multiple-items-opinie:hover .slick-next {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/rigth_white.svg?v=1695128863803") center center no-repeat;
}

.products:hover .slick-prev,
.multiple-items-opinie:hover .slick-prev {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/left_white.svg?v=1695128863804") center center no-repeat;
}

.products:hover .slick-prev,
.products:hover .slick-next,
.multiple-items-opinie:hover .slick-prev,
.multiple-items-opinie:hover .slick-next {
    background-color: #d2bd667d;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

input.input_main {
    background: url("https: //www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/downs.svg?v=1694788088096") right center no-repeat;
    width: 70% !important;
}

.chse_mennice {
    position: relative;
}

.chse_mennice:after {
    background: url("https: //www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/downs.svg?v=1694788088096") right center no-repeat;
    content: "\F107";
    font-family: FontAwesome;
    width: 30px;
    height: 100%;
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: #d2bc66;
    font-weight: bold;
}

.tab-content {
    border-bottom: solid 1px #e3e3e3 !important;
}

.pic_main_six img {
    mix-blend-mode: multiply;
}

.headline__after::before {
    content: "";
    font-family: FontAwesome;
    width: 15px;
    height: 17px;
    display: flex;
    position: absolute;
    right: 10px;
    top: 0;
    display: block;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    color: #d2bc66;
    font-weight: bold;
    background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/icons/arrow_black.svg?v=1706538763390) no-repeat;
    background-size: contain;
    right: -23px;
    top: 0px;
}

.headline__after:hover::before {
    right: -30px;
    transition: all 0.5s;
}

.headline__after {
    display: inline-block;
    font-size: var(--small14);
    font-family: "Inter", sans-serif !important;
    white-space: nowrap;
    border-radius: 3px;
    color: var(--grey);
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding-left: 0px;
    margin-top: 20px;
    margin-left: 20px;
    cursor: pointer;
    font-weight: 800;
}

.headline__after:after {
    display: block;
    position: absolute;
    background: var(--grey);
    content: "";
    width: 0%;
    bottom: -8px;
    z-index: 0;
    height: 3px;
    transition: all 0.2s;
}

.headline__after:hover:after {
    width: 100%;
    transition: all 0.5s;
}

a.headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_bar_grid,
#menu_categories,
.price_bg,
#ofirmie,
#cytat_main {
    position: relative;
}

#cytat_main .headline__name {
    font-size: 14px;
}

.product:hover .product__name {
    text-decoration: underline;
    color: #1a1c05;
}

.footer_bar_grid:before,
.price_bg:before,
#ofirmie:before,
#cytat_main:before {
    display: block;
    position: absolute;
    background: #fdfcf7;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: -100%;
    z-index: 0;
}

.centrum_pomocy_btn a {
    text-decoration: none;
}

.footer_bar_grid:after,
.price_bg:after,
#ofirmie:after,
#cytat_main:after {
    display: block;
    position: absolute;
    background: #fdfcf7;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    right: -100%;
    z-index: 0;
}

#cytat_main:after,
#cytat_main:before {
    background: #e1fcf6;
}

.header_bar .right_columnt_head li a {
    padding-right: 20px;
}

#menu_search.--focus .menu_search__block {
    box-shadow: none;
    width: 60%;
}

.header_bar .phone_head img {
    width: 40px;
    margin-right: 10px;
}

#menu_buttons .menu_button_wrapper.col-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

#opinie_main .slick-list {
    overflow: visible;
}

/* 
      .projector_details .projector_shipping__icon:before
      {
          content: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/kalendarz_main.svg?v=1694445504003) !important;
      } */
#menu_categories {
    width: auto;
    clear: both;



    padding-top: 10px;
    margin: 0px;
    margin-top: 10px;
}

#menu_search .menu_search__block {
    width: 60%;
}

#menu_categories2 {
    display: none;
}

#menu_search .menu_search__block {
    width: 60%;
}

#menu_search.--focus .menu_search__block {
    box-shadow: none;
    width: 60%;
}

.slick-arrow {
    text-indent: -999px;
    overflow: hidden;
}

.main_producers__link {
    border: none;
}

#menu_search .menu_search__block {
    width: 50%;
}

header {
    font-size: 1em;
    grid-template-columns: 0.5fr 2fr;
}

#menu_additional .wishlist_link:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/gwiazda.svg?v=1694099250281") no-repeat;
    height: 50px;
    width: 50px;
    display: block;
    background-size: cover;
}

#menu_search .menu_search__mobile:before,
#menu_search .menu_search__submit:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/search.svg?v=1694101492850") no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    background-size: cover;
    margin-bottom: 7px;
}

#menu_search .menu_search__submit.menu_search__submit {
    right: 10px;
    top: 5px;
}

.topBasket__sub:after {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/basket.svg?v=1707482877470") no-repeat;
    height: 40px;
    width: 40px;
    display: block;
    background-size: cover;
    margin-bottom: 7px;
}

#menu_additional .account_link:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/sklep_copy.svg?v=1694100968741") no-repeat;
    height: 50px;
    width: 50px;
    display: block;
    background-size: cover;
}

a:hover {
    color: #d2bc66;
}

.list_wrapper {
    padding-top: 20px !important;
}

#logo img {
    max-height: 100px;
    height: auto;
    width: 160px;
}

#menu_search.--focus .menu_search__block {
    box-shadow: none;
}

#container {
    width: 100%;
    max-width: 100%;
}

#menu_navbar {
    position: relative;
}

header:after {
    background: var(--yellow);
    content: "";
    position: absolute;
    bottom: 0px;
    width: 200%;
    height: 1px;
    left: -1000px;
}

.header_bar li a:hover {
    color: #d2bc66;
    text-decoration: underline;
}

#menu_navbar:before {
    background: #fdfcf7;
    content: "";
    position: absolute;
    top: -10px;
    width: 300%;
    height: 1px;
    left: -1000px;
    z-index: 0;
}

#baner_gold_con {
    right: -200px !important;
}

header.commercial_banner {
    max-width: var(--widtpage);
    margin: auto;
}

body header.commercial_banner {
    z-index: 99 !important;
}

body #container #menu_navbar .navbar-subsubnav {
    color: var(--darkyello) !important;
}

#menu_navbar .navbar-subsubnav {
    top: -10px !important;
    position: relative;
}

#menu_navbar .navbar-subsubnav li a.nav-link {
    font-weight: normal;
    display: inline-block;
    padding: 5px 0px;
    padding-left: 0px;
}

header .navbar-subnav.--cols4 {
    border-radius: 3px;
    box-shadow: none !important;
}

html body #container #menu_navbar .navbar-nav li.nav-item {
    position: relative !important;
}

#menu_navbar .navbar-subnav.--cols3 .navbar-subsubnav {
    width: calc(60% - 2rem) !important;
    border-radius: 3px;
}

header .navbar-subnav {
    box-shadow: none !important;
    border: solid 2px #c0a020 !important;
    max-width: var(--widtpage) !important;
    width: fit-content !important;
}

h2 .headline:hover {
    color: #d2bc66;
}

#menu_navbar li a:after {
    background: #d2bc66;
    content: "";
    position: absolute;
    height: 2px;
    display: block;
    left: 0px;
    bottom: 0px;
    width: 0%;
    transition: all 0.5s;
}

#menu_navbar li a:hover {
    color: #171717 !important;

}

#menu_navbar li a:hover:after {
    width: 100% !important;
    transition: all 0.5s !important;
}

#layout {
    max-width: 1400px;
    margin: auto;
    margin-top: 50px;
}

.price {
    color: #1a1c05;
    font-size: 18px;
    text-align: center;
}

.product h3 a {
    text-align: center;
    font-size: 14px;
    color: #8a8881;
    font-weight: 500 !important;
    width: 80%;
    margin: auto;
}

.product h3 a:hover {
    color: #1a1c05;
    font-weight: normal !important;
}

.product:hover a {
    color: #d2bc66;
}

.menu_search__item input {
    border: solid 1px #ccc !important;
}

.product__prices .price.--phone {
    font-size: 14px;
    text-decoration: none;
    color: #1a1c05;
}

.search_page #layout {
    margin-bottom: 15px;
    margin-top: 50px;
}

aside .filters__toggler .btn span {
    color: #63625d;
    font-weight: 500;
    font-size: 17px;

    width: 100%;
}

.filters__item label {
    width: 100%;
    display: block;
    padding-left: 10px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
}

.filters__item:hover {
    background: #fdfcf7;
    color: #fff;
}

aside .filters__options .--show-hidden:before {
    display: none;
}

#Filters {
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

aside .filters__options {
    display: grid;
}

.filters__item {
    padding: 5px 10px;
}

.filters__block {
    border-bottom: solid 1px #ccc;
}

.btn.--large.--solid {
    background: #d2bc66;
    border: none;
}

.--show-hidden.btn {
    color: #63625d;
    padding: 4px 40px !important;
    border: solid 1px #ccc !important;
    display: block;
    margin-bottom: 20px;
    border-radius: 3px;
}

.filters__options button {
    color: #fff !important;
    padding: 4px 40px !important;
    border: solid 1px #ccc !important;
    display: block;
    margin-bottom: 20px;
    border-radius: 3px;
    background: #d2bc66 !important;
}

.--show-hidden.btn:hover {
    background: #63625d;
    color: #fff;
}

.s_paging__item.--portions {
    display: none !important;
}

.projector_page #content {
    margin-top: 30px;
}

h1.product_name__name {
    font-family: "Noto Serif", serif;
    text-transform: capitalize;
    color: #1a1c05;
    font-size: 36px;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.dictionary__param {
    font-size: 1.3rem;
    justify-items: left;

    display: grid;
    align-items: center;
    grid-template-columns: 0.5fr 1fr;
}

.max-width-1200 {
    max-width: var(--widtpage);
    position: relative;
    margin-top: 50px;
}

footer.max-width-1200:before {
    background: #d2bc66;
    content: "";
    position: absolute;
    top: 0px;
    width: 200%;
    height: 3px;
    left: -1000px;
    z-index: 9;
}

#footer_links i {
    display: none !important;
}

.footer_links {
    border: none !important;
}

#footer_links .footer_links_sub>li {
    width: 100%;
}

#footer_links {
    text-align: left;
    margin-bottom: 15px;
    padding-top: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.slick-next,
.slick-prev {
    right: 0;
    border-radius: 100%;
}

.icon-angle-right:before,
.icon-angle-left:before {
    color: #d2bc66;
}

#footer_links .footer_links_sub>li.menu_orders_item a {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

#footer_links a,
#footer_links span {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

.footer_links_label {
    color: #63625d !important;
}

#footer_links a:hover {
    text-decoration: underline;
}

.basketedit_page div.basketedit_summary {
    margin-top: 0px !important;
}

.right_columnt_head_grid a {
    color: #fff;
    font-family: "Noto Serif", serif;
}

.price_info,
#client_new_social,
#paging_setting_top .pagination {
    display: none !important;
}

div#menu_contact {
    font-size: 11px;
}

#projector_productname {
    position: relative;
}

a.firm_logo {
    position: absolute;
    left: -200px;
    width: 200px;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background: #8a8881;
}

.wrap_content {
    display: flex;
    justify-content: space-between;

    color: #fff;
    max-width: var(--widtpage);
    margin: auto;
}

.search_page aside {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.wrap_content a {
    text-decoration: none;
}

.idosell:before {
    display: none;
}

#filter_list .filter_list_content>a.btn.filter_list_remove:hover {
    background: #d2bc66;
    border: none;
}

.photos.--gallery .photos__slider_wrapper {
    padding-top: 120px;
}

.list_wrapper ol li:nth-child(1) {
    display: none !important;
}

#infoKarteczka {
    display: none !important;
}

body #container #layout .f-dropdown.f-group.--open .f-dropdown-menu {
    display: block !important;
}

#menu_kafelki {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
}

div#menu_kafelki img {
    max-width: 60%;
    margin: auto;
    text-align: center;
    display: flex;
    gap: 10px;
}

#menu_navbar li a:hover:after {
    display: none !important;
}

#menu_kafelki .monety_box a::after {
    display: none !important;
}

#menurwd_main {
    .monety_box {
        a {
            color: var(--maincolor);
            text-decoration: none;
            border-bottom: solid 1px #ccc;
            padding: 15px 0px;
            width: 100%;
            display: block;
            text-align: left;
            padding-left: 10px !important;
            position: relative;
            font-size: 18px;
            font-weight: normal;
        }
    }
}

._phone_mail_box a {
    color: var(--green)
}

#mobileCategories.mobileCategories {
    display: none !important;
}

._phone_mail_box:nth-child(1) {
    margin-top: 50px;
}

._phone_mail_box {
    color: var(--green) !important;
    font-weight: 400;
    font-size: 17px;
    width: 100%;
    margin: auto;
    border: solid 2px var(--green);
    text-align: center;
    padding: 10px 30px;
    border-radius: 70px;
    margin-bottom: 10px;
}

#login_menu_block span {
    color: var(--maincolor);
    text-decoration: none;

    padding: 5px 0px;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 10px;
    position: relative;
    font-size: 18px;
    font-weight: normal;
}

.monety_box b {
    font-weight: bold !important;
}

#login_menu_block i {
    display: none;
}

.logout_link span {
    color: #c31515 !important;
    font-weight: bold;
}

.rabates_link {
    display: none !important;
}

#help_desk {
    display: none;
}

#help_desk.active {
    display: block !important;
}

#menu_navbar #menu_kafelki {
    margin-top: 0px;
    max-width: 100% !important;
}

#menu_kafelki .submenu.active a::after {
    display: none !important;
}

#mobileCategories.mobileCategories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#mobileCategories .mobileCategories__link img {
    max-width: 20px;
    margin-bottom: 3px;
}

.mobileCategories__item.--menu a:before {
    display: none !important;
}

#mobileCategories .mobileCategories__item a {
    background: var(--twocolor) !important;
    color: var(--maincolor) !important;
}

#mobileCategories .mobileCategories__item {
    border-left: solid 1px #ccc;
}

.none_arrow::after {
    display: none !important;
}

@keyframes menuAnimation {
    from {
        right: -100%;
    }

    to {
        right: 0%;
    }
}

@keyframes menuAnimationHide {
    from {

        transform: translate(0, 0px);
    }

    to {

        transform: translate(-100%, 0px);
    }
}

.head_menu_title {
    font-size: 23px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 10px;
    color: var(--maincolor);
    border: none !important;
}

.submenu {
    animation: menuAnimation 0.3s ease-out;
}


html.sidebar_open #menu_search {
    margin-top: 20px;
}

#menu_kafelki ul {
    padding-left: 0px !important;
}

.head_infoMenu {
    font-weight: bold;
}

.monety_box a:hover {
    background: var(--twocolor);
    color: var(--green);
}

.monety_box a::after {
    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
    width: 15px;
    background-size: 90%;
    display: block;
    content: '';
    right: 10px;
    position: absolute;
    top: 18px;
    height: 40px;
}

#menurwd_main a.head_infoMenu {
    padding-left: 20px !important;
    font-size: 28px;
}

a.head_infoMenu::after {
    display: none;
}

.head_infoMenu::before {
    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
    width: 16px;
    background-size: 100%;
    display: block;
    content: '';
    left: 0px;
    position: absolute;
    top: 11px;
    height: 24px;
    transform: rotate(-180deg);
}

.submenu li {
    display: block;
}

.close {
    position: relative;
    right: 20px;
    top: -54px;
}

.mennice_main.active_mennia {
    display: block;
    width: 100% !important;
}

.mobileCategories__item a {
    background: #414c5c !important;
    color: #fff !important
}

.mobileCategories__item a.--active {
    background: #2d3540 !important;
    color: #fff !important
}

#menu_navbar #menu_kafelki {
    margin-top: 0px;
    max-width: 200px;
}

#menu_kafelki {
    display: flex;

    gap: 0px;
    flex-direction: column;
}

.monety_box h3 {
    font-size: 14px !important;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.btn_menurwd_box {
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 3;
}

.btn_menurwd_box h3 {
    text-align: left;
}

.btn_menurwd_box a {
    padding: 20px 0px;
    border-top: solid 1px #f5f6fa;
    border-bottom: solid 1px #f5f6fa;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    background: url("/data/include/cms/mme/menurwd_mme/arrow_left.svg?v=1692191643890") right 10px center no-repeat;
    background-size: 7%;
    background-color: #f5f6fa;
}

#menu_navbar .submenu li a {
    border-top: solid 0px #f5f6fa !important;
    border-bottom: solid 1px #f5f6fa !important;
    padding-left: 10px !important;
}

#menu_navbar .submenu li a.head_infoMenu {
    padding-left: 20px !important;
}

.monety_box img {
    border-radius: 3px;
}

aside #menu_search .menu_search__block {
    margin-top: 0px;
    margin-bottom: 20px;
}

.close {
    position: relative;
    right: 20px;
    top: -60px;
}

.setMobileGrid #menu_navbar .mx-md-n2 {
    display: none
}

.menu_lista a:visited {
    color: #404040;
}

.submenu {
    display: none;
}

.submenu.active {
    display: block;
    position: absolute;
    background: #fff;
    width: 93%;
    z-index: 99;
    top: 60px;
    height: 120vh;
}

.menu_lista a:focus {
    color: #d4b471;
}

.menu_lista {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#menu_sub .menu_sub li,
#menu_sub_serie .menu_sub li {
    list-style: none !important;
}

.menu_sub li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 15px 0px;
    border-bottom: solid 1px #f5f6fa;
    text-align: left;
}

#menu_sub_serie .images_seria {
    margin-bottom: 10px;
    min-height: 120px;
}

.menu_lista {
    overflow-y: scroll;
}

#menurwd_main {
    display: block;
    width: 98%;
    overflow: hidden;
}

@media (max-width: 1000px) {
    #menurwd_main {
        display: block;
    }

    .main_page header.commercial_banner.custom-menu-bg {
        z-index: 9 !important
    }
}

@media (max-width:728px) {
    #mobileCategories.mobileCategories {
        display: grid !important;
    }

    .slm_lists__label {
        display: none !important;
    }
}

#mobileCategories {
    background: var(--twocolor);
}

.mobileCategories__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#logo {
    margin-left: 10px;
}

.icon-reorder:before {
    content: "";
    background: url("https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/menu/rwd/menu_rwd.svg?v=1708608916848") no-repeat;
    display: block;
    width: 40px;
    height: 50px;
    background-size: contain;
    margin-top: 14px;
    margin-left: 0px;
}

@media only screen and (max-width: 728px) {
    #menu_kafelki h3.h3 {
        font-size: 14px !important;
        text-align: center;
    }

    aside .navbar-collapse ul {
        list-style: none;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    #menu_navbar li {
        margin-bottom: 0px !important;
    }
}

.menu_head_icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#menu_kafelki {
    .monety_box {
        a {
            color: var(--maincolor);
            text-decoration: none;
            border-bottom: solid 1px #ccc;
            padding: 15px 0px;
            width: 100%;
            display: block;
            text-align: left;
            padding-left: 10px !important;
            position: relative;
            font-size: 18px;
            font-weight: normal;
        }
    }
}

._phone_mail_box a {
    color: var(--green)
}

#mobileCategories.mobileCategories {
    display: none !important;
}

._phone_mail_box:nth-child(1) {
    margin-top: 50px;
}

._phone_mail_box {
    color: var(--green) !important;
    font-weight: 400;
    font-size: 17px;
    width: 100%;
    margin: auto;
    border: solid 2px var(--green);
    text-align: center;
    padding: 10px 30px;
    border-radius: 70px;
    margin-bottom: 10px;
}

#login_menu_block span {
    color: var(--maincolor);
    text-decoration: none;

    padding: 5px 0px;
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 10px;
    position: relative;
    font-size: 18px;
    font-weight: normal;
}

.monety_box b {
    font-weight: bold !important;
}

#login_menu_block i {
    display: none;
}

.logout_link span {
    color: #c31515 !important;
    font-weight: bold;
}

.rabates_link {
    display: none !important;
}

#help_desk {
    display: none;
}

#help_desk #menu_kafelki {
    display: block !important;
}

#help_desk.active {
    display: block !important;
}

#menu_navbar #menu_kafelki {
    margin-top: 0px;
    max-width: 100% !important;
}

#menu_kafelki .submenu.active a::after {
    display: none !important;
}

#mobileCategories.mobileCategories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

#mobileCategories .mobileCategories__link img {
    max-width: 20px;
    margin-bottom: 3px;
}

.mobileCategories__item.--menu a:before {
    display: none !important;
}

#mobileCategories .mobileCategories__item a {
    background: var(--darkyello) !important;
    color: var(--lightyellow) !important;
}

#mobileCategories .mobileCategories__item a.--active {
    background: #fff !important;
    color: var(--darkyello) !important;
}

#mobileCategories .mobileCategories__item {
    border-left: solid 1px #ccc;
}

.none_arrow::after {
    display: none !important;
}

@keyframes menuAnimation {
    from {
        right: -100%;
    }

    to {
        right: 0%;
    }
}

@keyframes menuAnimationHide {
    from {

        transform: translate(0, 0px);
    }

    to {

        transform: translate(-100%, 0px);
    }
}

.head_menu_title {
    font-size: 23px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 10px;
    color: var(--maincolor);
    border: none !important;
}

.submenu {
    animation: menuAnimation 0.3s ease-out;
}


html.sidebar_open #menu_search {
    margin-top: 20px;
}

#menu_kafelki ul {
    padding-left: 0px !important;
}

.head_infoMenu {
    font-weight: bold;
}

.monety_box a:hover {
    background: var(--twocolor);
    color: var(--green);
}

.monety_box a::after {
    background: url(/data/include/cms/mme/arrwo.svg?v=1729687120347) no-repeat;
    width: 15px;
    background-size: 90%;
    display: block;
    content: '';
    right: 10px;
    position: absolute;
    top: 18px;
    height: 40px;
}

#menurwd_main a.head_infoMenu {
    padding-left: 20px !important;
    font-size: 28px;
}

a.head_infoMenu::after {
    display: none;
}

.submenu li {
    display: block;
}

.close {
    position: relative;
    right: 20px;
    top: -54px;
}

.mennice_main.active_mennia {
    display: block;
    width: 100% !important;
}

.mobileCategories__item a {
    background: #414c5c !important;
    color: #fff !important
}

.mobileCategories__item a.--active {
    background: #2d3540 !important;
    color: #fff !important
}

#menu_navbar #menu_kafelki {
    margin-top: 0px;
    max-width: 200px;
}

#menu_kafelki {
    display: flex;

    gap: 0px;
    flex-direction: column;
}

.monety_box h3 {
    font-size: 14px !important;
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.btn_menurwd_box {
    text-align: left;
    grid-column-start: 1;
    grid-column-end: 3;
}

.btn_menurwd_box h3 {
    text-align: left;
}

.btn_menurwd_box a {
    padding: 20px 0px;
    border-top: solid 1px #f5f6fa;
    border-bottom: solid 1px #f5f6fa;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    background: url("/data/include/cms/mme/menurwd_mme/arrow_left.svg?v=1692191643890") right 10px center no-repeat;
    background-size: 7%;
    background-color: #f5f6fa;
}

#menu_navbar .submenu li a {
    border-top: solid 0px #f5f6fa !important;
    border-bottom: solid 1px #f5f6fa !important;
    padding-left: 10px !important;
}

#menu_navbar .submenu li a.head_infoMenu {
    padding-left: 20px !important;
}

.monety_box img {
    border-radius: 3px;
}

aside #menu_search .menu_search__block {
    margin-top: 0px;
    margin-bottom: 20px;
}

.close {
    position: relative;
    right: 20px;
    top: -60px;
}

.setMobileGrid #menu_navbar .mx-md-n2 {
    display: none
}

.menu_lista a:visited {
    color: #404040;
}

.submenu {
    display: none;
}

.submenu.active {
    display: block;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 99;
    top: 0px;
    height: 120vh;
}

.menu_lista a:focus {
    color: #d4b471;
}

.menu_lista {
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999;
}

#menu_sub .menu_sub li,
#menu_sub_serie .menu_sub li {
    list-style: none !important;
}

.menu_sub li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 15px 0px;
    border-bottom: solid 1px #f5f6fa;
    text-align: left;
}

#menu_sub_serie .images_seria {
    margin-bottom: 10px;
    min-height: 120px;
}

.menu_lista {
    overflow-y: scroll;
}

#menurwd_main {
    display: block;
    width: 98%;
    overflow: hidden;
}

@media (max-width: 1000px) {
    #menurwd_main {
        display: block;
    }

    .main_page header.commercial_banner.custom-menu-bg {
        z-index: 9 !important
    }
}

@media (max-width:728px) {
    #mobileCategories.mobileCategories {
        display: grid !important;
    }

    .slm_lists__label {
        display: none !important;
    }
}

#mobileCategories {
    background: var(--twocolor);
}

.mobileCategories__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#main_menu_bottom {
    display: none;
}

.delivery_time {
    text-align: center !important;
    font-size: 12px;
    padding: 5px 0px;

    color: #6a6666 !important;
}

.number_couns {
    font-weight: bold;
    color: var(--darkyello);
    font-size: 14px !important;
}

.subtititle_filter:before {
    top: 10px !important
}

.seachFiltersMY {
    width: 100%;

    &:hover {
        border: solid 1px var(--darkyello);
    }
}

#filtersweight_content {
    display: none !important;

    &.active_small_fitlee {
        display: block !important;
    }
}

#filter_traits512_expand .--show-hidden.btn,
html body #filter_traits510_expand .--show-hidden.btn {
    display: none !important;
}

.f-group.filters__buttons.mt-3 .btn.--large {
    display: none !important;
}

#container.search_page #content #search .col-sm-4 {
    padding: 0px;
    margin: 0px;
}

#search .d-flex {
    display: flex !important;
    justify-content: space-evenly !important;
}

#layout .search_name__total {
    display: none !important;
}

body #Filters #filter_traits510_content.filters__content {
    display: none;
}

body #filter_traits510_content.filters__content {
    display: none !important;
}

body #filter_traits510_content.filters__content.acrive_class_waga {
    display: block !important;
}

.f-group.filters__buttons.mt-3 .btn.--large.active_chekc_bnt {
    display: block !important;
}

aside .filters__toggler .btn span {
    color: var(--darkyello) !important;
}

#filter_traits510_content .filters__item.--hidden {
    &:hover {
        background: var(--lightyellow) !important
    }
}

.f-group.--checkbox .f-control:checked+.f-label:before {
    background: #33b33b !important;
}


body #baner_show_hide_filter {
    top: 13px !important;
}

#difrent_year {
    gap: 10px;
    justify-content: flex-start;
}

#btn_yearcontent {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-left: 15px;
    margin-bottom: 10px;
}

#btn_year {
    font-weight: bold;
    cursor: pointer;
    color: var(--darkyello);

    &:hover {
        text-decoration: underline;
    }
}

/* #filter_traits510_content.filters__content.--list,
    #filter_traits512_content.filters__content.--list {
        display: block !important;
    } */
.waga_tag_6 {
    display: none;
}

/* .waga_tag_6.acrive_date {
        display: block ;
    } */
.year_box_show {
    margin-bottom: 10px;

    .input_wegith {
        display: none;

        &.acrive_date {
            display: flex;
            justify-content: flex-start;
        }
    }
}

#filter_traits510_content.filters__content.--list.--shown,
#filter_traits512_content.filters__content.--list.--shown {
    display: flex !important;
}

#weightsubmit {
    display: none;
}

#weightsubmit.active {
    display: block;
}

.tags_waga h4 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.input_wegith.acrive_date {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

#regange_weight {
    .input_wegith {
        display: flex;
        justify-content: space-between;
        padding-left: 45px;

        span {
            padding-right: 10px;
        }

        &::before {
            transform: translateX(20px);
        }
    }
}

.input_wegith {
    padding-left: 52px;
    position: relative;
    cursor: pointer;
    color: var(--darkyello);
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;

    &.acrive_date {
        display: flex;
    }

    span {
        font-weight: normal;
        color: #999;
        ;
        font-size: 14px;
    }

    &:hover {
        background: var(--lightyellow);
    }

    &:hover {
        &::before {
            border: 1px solid var(--darkyello);
        }

        span {
            color: #6c6c6c;
        }
    }

    &::before {
        content: '';
        background: #fff;
        border: 1px solid #c4c7c8;
        border-radius: 3px;
        text-align: center;
        width: 15px;
        height: 15px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 5px;
        transform: translateX(30px);
        left: 0;
        display: block;
    }

    &.active {
        &::before {
            border: 1px solid green;
            background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/icons/arrow.svg?v=1756971383580") no-repeat;
            background-size: contain;
            background-color: #33b33b;
        }
    }
}

.filterscilck {
    color: var(--darkyello);
    position: relative;

    &::before {
        content: '';
        content: '';
        background: #fff;
        border: 1px solid #c4c7c8;
        text-align: center;
        width: 15px;
        height: 15px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        display: block;
        border-radius: 100%;
    }
}

.filters__item:hover .f-label:before {
    border: 1px solid #525353;
}

.tags_datas:hover a::before {
    border: 1px solid var(--darkyello) !important;
}

.label.--discount,
.label.--promo {
    display: none !important;
}

#paging_setting_top {
    overflow: visible;
}

.loading_filters {
    width: 100%;
    background: #fff;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
}

#filter_traits69 {
    display: none !important;
}

/* body #Filters #filter_traits510_expand .--show-hidden {
        display: none !important;
    } */
#filter_traits510_expand .--show-hidden.btn {
    display: none !important;
}

#filter_traits510_content.filters__content.--list.--shown,
#filter_traits512_content.filters__content.--list.--shown {
    display: flex !important;
    flex-direction: column-reverse;
}

#buttonLeftFiltertop .headline__after {
    margin-top: 0px;
}

.destow_sub_baner {
    display: block;
}

.destow_sub_baner_rwd {
    display: none !important;
}

@media (max-width:728px) {
    .destow_sub_baner {
        display: none;
    }

    .destow_sub_baner_rwd {
        display: block !important;
    }
}

/* body #Filters #filter_traits510_expand ul {
        display: block !important;
    } */
#tags_constent_mainHead {
    display: flex;
    gap: 10px;
    align-content: flex-end;
    align-items: flex-end;

    h5 {
        font-size: 18px !important;
        margin: 0px 0px !important;
        color: var(--darkyello);
        font-weight: bold !important;
        font-family: "Inter", sans-serif !important;
        z-index: 999;
        margin-top: 20px !important;
    }
}

.filters__block .filters__options button {
    background: #33b33b !important;
}

.delivery_time {
    text-align: center !important;
}

.quick_buy {
    display: none !important;
}

.price_sellby {
    display: none !important;
}

.search_name {
    display: flex;
    align-items: flex-start !important;
    margin: 0 0 1.5rem;
    align-content: flex-start !important;
}

#Filters a:hover {
    background: var(--lightyellow);
}

/* aside .filters__options .--show-hidden .--hide {
        display: block !important;
    } */
#Filters .--show-hidden.btn {
    border: none !important;
}

.s_paging__display.--view {
    display: none !important;
}

body #baner_show_hide_filter {
    top: 13px !important;
}

#paging_setting_top {
    overflow: visible;
}

.loading_filters {
    width: 100%;
    background: #fff;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
}

#filter_traits69 {
    display: none !important;
}

#filter_traits510_expand .--show-hidden {
    display: none !important;
}

#filter_traits510_content .filters__item.--hidden {
    display: block;

    &:hover {
        background: var(--lightyellow);
    }
}

/* #filter_traits510_content.filters__content.--list {
        display: block !important;
    } */
#filter_traits510_content.acrive_class_waga {
    max-height: fit-content !important;
}

#filter_traits510_content {
    max-height: 150px !important;
    overflow: hidden;
    margin-bottom: 20px;
}

#filter_traits510_content.filters__content.--list {
    display: none;
}

#filter_traits510_content.filters__content.--list.--shown {
    display: block;
}

#more_reads_info_filtres {
    font-weight: bold;
    padding-left: 10px;
    color: var(--darkyello);
    cursor: pointer;
    position: sticky;
    top: 20px;
    z-index: 999;
    background: #fff;
}

#more_reads_info_filtres:hover {
    text-decoration: underline;
}

.option_price-a a,
.option_price-d a {
    position: relative;
    padding-left: 40px !important;
}

.option_price-a a::before,
.option_price-d a::before {
    content: '';
    width: 30px;
    height: 10px;
    position: absolute;
    background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/dacaca.svg?v=1745935118671") no-repeat;
    display: block;
    position: absolute;
    top: 13px;
    left: 10px;
}

.option_price-d a::before {
    background: url("https://www.metalelokacyjne.pl/data/include/cms/mme/wykres/a.svg?v=1745935118671") no-repeat;
}

.loading_filters {
    background: red !important;
}

.data_tags::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 10px;
    background: #fff;
}

#container #layout:before {
    top: 400px !important;
    bottom: 0px !important;
}

#layout .loading_before {
    animation-name: text_tranalator;
    animation-duration: 0.3s;
    animation-delay: 0s;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    border-radius: 25px !important;
    border: none !important;

    &:before {
        top: 20px !important;
    }

    &:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, transparent, var(--loding), transparent);
        background-size: 50% 100%;
        animation: loading .9s infinite ease-in;
        top: 0px !important;
        left: 0px !important;
        position: absolute;

    }
}

html body .search_categoriesdescription_next:not(.expanded)>* {
    display: block !important;
}

.filters__item::after .--quantity.d-none {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -10px;
    border: solid 1px red;
}

.filters__item.mb-2.--hidden {
    color: red;
}

.search_categoriesdescription_next p {
    display: inline-block !important;
}

.search_categoriesdescription_next a {
    display: inline-block !important;
    font-weight: bold !important;
    color: var(--darkyello);
}

.--quantity.d-none {
    display: inline !important;
    color: red !important;
}

.btn {
    font-family: "Inter", sans-serif !important;
}

.data_tags::-webkit-scrollbar-thumb:hover {
    background: var(--darkyello);
}

.data_tags::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
}

.data_tags::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
}

#przed_premiero_box {
    background: var(--lightyellow);
    text-align: left;
    padding: 20px;
    color: var(--darkyello);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    min-height: 250px;
    margin-bottom: 10px;
    text-align: center;

    .btn_box {
        position: relative !important;
        z-index: 999;
        right: auto !important;
        margin-top: 20px;
    }

    p {
        letter-spacing: 10px;
        font-size: 12px;
        color: var(--darkyello);
        text-align: left;
    }

    & h3 {
        font-size: 15px;
        color: var(--darkyello);
        text-align: left;
    }

    & .moneta_obranica img {
        animation: rotatecoins 55s linear infinite;
        position: absolute;
        bottom: -60%;
        left: 0%;
    }
}

#paging_setting_top .--order {
    display: none;
    padding: 0px;
    margin: 0px;
}

#filter_list {
    margin-bottom: 1rem;
    position: sticky;
    top: 70px;
    z-index: 9;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 0px !important;
}

#menu_categories2 {
    display: none !important;
}

.f-dropdown .f-dropdown-menu a:hover,
.f-dropdown .f-dropdown-menu a.selected,
.f-dropdown .f-dropdown-menu a.--selected {
    background-color: var(--lightyellow) !important;
    border-radius: 10px;
}

#Filters {
    border: solid 1px #efefef !important;

    #filtersweight_content {

        top: 0px;
        display: flex;
        gap: 10px;
        margin-top: 10px;

        span {
            font-size: 14px;
            color: var(--darkyello);
            display: inline-block;
            font-weight: bold;
            cursor: pointer;
            padding: 2px 5px;
            border: solid 1px #ccc;
            border-radius: 5px;

            &::before {
                content: '';
                border-radius: 100%;
                width: 12px;
                height: 12px;
                display: inline-block;
                background-size: contain;
                margin-right: 5px;
                position: relative;
                top: 0px;
                border: solid 1px #ccc;
            }

            &:hover {
                background: var(--twocolor);
            }

            &.active {
                background: var(--twocolor);

                &::before {
                    border: solid 1px green;
                    background-color: #33b33b;
                }
            }
        }
    }

    #filtersweight_content {
        /* position: relative;
            top: -20px; */
        display: flex;
        gap: 10px;

        span {
            font-size: 14px;
            color: var(--darkyello);
            display: inline-block;
            font-weight: bold;
            cursor: pointer;
            padding: 2px 5px;

            &:hover {
                background: var(--lightyellow);
            }

            &.active {
                background: var(--lightyellow);
            }
        }
    }

    #myInputseacrchMennica,
    #search_series {
        width: 100%;
        border: solid 1px #ccc;

        &:hover {
            border: solid 1px var(--darkyello);
        }
    }

    border-right: solid 1px #e3e3e3;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 500px;

    .filters__block {
        border-top: solid 1px #ededed;
        border-bottom: solid 1px #ededed !important;
    }

    &::-webkit-scrollbar {
        width: 5px;
        border-radius: 10px;
        background: #fff;
    }

    &::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 0 5px var(--darkyello);
    }

    &::-webkit-scrollbar-thumb {
        background: var(--darkyello);
        border-radius: 10px;
        box-shadow: inset 0 0 5px var(--darkyello);
    }

    &::-webkit-scrollbar-thumb:hover {
        background: var(--darkyello);
    }

    .--show-hidden {
        padding-left: 30px !important;
        font-weight: bold;
        margin-bottom: 10px;
    }

    button {
        color: #fff !important;
        background: #33b33b;
        width: 100%;
        padding: 10px 0px !important;
        border-radius: 3px;
        font-family: "Inter", sans-serif !important;
        margin-bottom: 0px;

        &:hover {
            background: #04863e;
            text-decoration: none;
        }

        &.--large {
            color: #fff !important;
            top: auto;
            bottom: 50px;
            width: 320px;
            height: 40px;

            &.active_chekc_bnt {
                position: fixed;
            }

            &.dis_active_chekc_bnt {
                position: static;
            }
        }
    }

    .f-label {
        padding: 6px 0px;
        width: 100%;
    }

    a {
        color: var(--darkyello);
        width: 100%;
        text-align: left;
        font-family: "Inter", sans-serif !important;
    }

    #myInputseacrch {
        width: 100%;
        margin-bottom: 10px;
        border: solid 1px #ccc;
        margin-top: 10px;

        &:hover {
            border: solid 1px var(--darkyello);
        }
    }

    .product__icon {
        img {
            max-height: 23rem !important;
        }
    }

    .mb-2,
    .my-2 {
        margin-bottom: 0px !important;
    }

    .filters__block.mb-1 {
        border-top: solid 0px #ccc;
        margin: 0px 0px !important;
    }

    .data_tags {
        flex-direction: column;
        padding: 5px 0px 0px 20px !important;
        white-space: nowrap;
        text-align: left;
        width: 100%;
        position: relative;
        left: -30px;
        display: flex !important;
        flex-direction: column;
        border-radius: 3px;
        padding: 2px 5px;

        .tags_datas {
            text-align: center;
            display: none;
            font-size: 15px;
            font-weight: bold;
            display: none;

            &.acrive_date {
                display: flex;
                align-items: center;
                flex-direction: row;
                gap: 6px;
                justify-content: flex-start;
                gap: 10px;
                padding: 3px 0px 3px 30px;
                color: #007434;
                font-size: 12px;

                a {
                    color: #333 !important;
                }

                &:hover {
                    background: var(--lightyellow);
                    color: var(--darkyello);
                }
            }

            a {
                font-size: 15px;
                font-weight: 400;
                padding: 3px 0px;
                padding: 0px 30px !important;
                display: block;
                white-space: nowrap;
                text-align: left;
                width: 100%;
                position: relative;
                left: -20px;
                margin-right: 0px;

                span {
                    font-size: 11px;
                }
            }

            .filters__item span {
                font-size: 16px;
                font-weight: 400;
                padding: 3px 0px;
            }
        }

        img {
            width: 15px;
            height: 15px;
        }
    }

    .filters__toggler {
        margin: 0px;
        padding: 0px;

        .btn {
            padding-left: 22px;
            font-weight: 500;
            font-size: 16px;
            font-family: "Inter", sans-serif !important;

            &:hover {
                background: var(--lightyellow);
                margin: 0px;
            }
        }

        span {
            /* text-transform: math-auto; - removed for compatibility */
            font-weight: 600;
            font-size: 16px;
        }
    }

    #see_all_filters {
        text-align: center;
        padding: 10px;
        font-weight: bold;
        color: var(--darkyello);
        border: solid 1px #ccc;
        cursor: pointer;
        margin-bottom: 20px;
        border-radius: 5px;
        background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
        background-size: 10%;
        background-position: 10px center;

        &:hover {
            background: url("https://www.metalmarket.eu/data/include/cms/metal_market/filters_main.svg?v=1734446479694") no-repeat;
            background-color: var(--lightyellow);
            background-size: 10%;
            background-position: 10px center;
        }
    }

    .filters__content {
        padding-left: 10px;

        li {
            padding: 0px 0px;
            padding-left: 10px;

            &:hover {
                background: var(--lightyellow);
            }

            .--name {
                font-size: 14px;
                color: var(--darkyello);
                padding-left: 20px;
            }
        }
    }

    .head_filter {
        color: var(--colorfott);
        font-size: 1.5rem;
        padding-left: 10px;
        padding: 10px 0px 10px 10px;
        font-weight: bold;
        border-bottom: solid 0px var(--darkyello);
        padding-left: 20px;
        font-size: 16px;
    }

    .lastseebnt {
        font-weight: bold;
        font-size: 14px;
        width: 90%;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        border-radius: 0px;
        padding: 10px 10px;
        font-size: 11px;
        background: #fff;

        &:hover {
            border-top: solid 1px var(--darkyello);
            border-bottom: solid 1px var(--darkyello);
            transition: all 1s;
            background: #fff;
        }
    }

    @media (max-width: 1360px) {
        padding-bottom: 100px !important;
        overflow-y: auto !important;
        position: static !important;
    }

    @media (max-width: 1070px) {
        & .data_tags {
            & .tags_datas {
                a {
                    font-size: 17px;
                    font-weight: 400;
                    padding: 0px 30px !important;
                    display: block;
                    white-space: nowrap;
                    text-align: left;
                    width: 100%;
                    position: relative;
                    left: -20px;
                }
            }
        }

        & .filters__content {
            li {
                padding: px 0px;
                padding-left: 10px;
                margin: 0px 0px;

                label {
                    padding: 10px 0px;
                }

                .--name {
                    font-size: 16px;
                    color: var(--darkyello);
                    padding-left: 23px;
                }
            }
        }
    }
}

#paging_setting_top {
    position: relative;

    li {
        border: none !important;
        border-radius: 2px;
    }

    .f-dropdown {
        position: absolute;
        top: 0px;
    }

    @media (max-width: 1070px) {
        .f-dropdown {
            position: static;
        }
    }
}

#paging_setting_top {
    li {
        a {
            font-weight: bold;
            font-size: 14px !important;
            color: var(--darkyello);
            border-radius: 10px;
        }
    }
}

#search.products {
    align-items: flex-start !important;

    .promo,
    .label.--promo {
        position: absolute;
        white-space: nowrap;
        top: 0px;
        display: none !important;
    }

    & .product {
        .label_icons {
            position: static;
            width: 0px !important;
        }

        .spot-add {
            font-size: 12px !important;
            font-weight: bold !important;
            margin-top: 3px !important;
            color: #03a84e !important;
            padding: 0px;
        }

        img {
            mix-blend-mode: darken !important;
            max-height: 21.2rem !important;
        }

        &:hover {
            border: 0px solid #c4c7c841;
            background: var(--lightyellow) !important;
            box-shadow: 0 0 0px -2px rgb(0 0 0 / 50%) !important;
        }
    }

    @media (max-width:1070px) {
        &.d-flex {
            gap: 0px !important;
            row-gap: 10px !important;
        }

        .product__icon {
            height: 19.2rem;
        }

        .product {
            padding: 10px 0px;
            flex: 0 0 51.33333% !important;
            max-width: 46.33333% !important;
            background: var(--lightyellow);
            margin: 6px;
            padding-bottom: 0px !important;
            padding-top: 0px !important;

            img {
                transform: scale(.9);
            }
        }

        .label_icons {
            position: absolute !important;
        }
    }
}

.s_paging__item.--filters .btn.--large.--solid {
    color: var(--darkyello) !important;
    padding: 14px !important;
    background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
    background-color: #fff !important;
    background-size: 18% !important;
    text-align: left;
    padding-left: 48px !important;
    border: none !important;
    display: inline-block;
    width: auto;
}

#projector_productname .label.--new:after {
    display: none;
}

#content #projector_productname .product_name__sub .label.--new {
    position: static;
    left: -180%;
    top: 30px;
    z-index: 0 !important;
    background: url("/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340") no-repeat;
    background-size: contain;
    width: 90px;
    height: 50px;
    text-indent: -999px;
    overflow: hidden;
}

.label.--new:after {
    content: "";
    background: url(/data/include/cms/metal_market/icon/premier_two.svg?v=1720511959340) no-repeat;
    display: block;
    width: 50px;
    height: 40px;
    position: absolute;
    z-index: 1;
    left: 0px !important;
    background-size: contain;
    right: 0px;
    left: auto;
    top: 0px;
}

.label.--bestseller:after {
    content: "";
    background: url("/data/include/cms/metal_market/icon/bestseler_icon_two.svg?v=1720454189780") no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    right: 0px;
    left: 0px;
    background-size: 100%;
    top: 200px;
}

.label.--new,
.label.--bestseller {
    text-indent: -999px;
    background: none;
    overflow: hidden;
}

#paging_setting_top .f-dropdown-menu {
    height: 50px;
}

#paging_setting_top #select_top_sort {
    display: none;
}

#paging_setting_top .--small-md .s_paging__select-select {
    display: none !important;
}

#paging_setting_top .s_paging__item {
    width: 100%;
}

#paging_setting_top .f-group.--small-md .f-control {
    display: none;
}

#paging_setting_top .f-dropdown.--open .f-dropdown-menu {
    display: flex;
}

.f-dropdown-li.option_date-a {
    display: none !important;
}

#paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
    display: grid;
    border: none;
    background: none;
    font-weight: bold;
    position: static;
    white-space: nowrap;
    justify-content: start;
    grid-template-columns: repeat(6, 1fr);
    text-align: left;
    justify-items: left;
    max-width: 70%;
}

@media (max-width:1070px) {
    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu {
        max-width: 100%;
    }

    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu>li {
        scroll-snap-align: center;
        scroll-snap-type: x proximity;
    }
}

.f-dropdown-li.option_name-d {
    grid-area: 1/5;
}

.f-dropdown-li.option_name-a {
    grid-area: 1/6;
}

#paging_setting_top ul.pagination.s_paging__item {
    display: none !important;
    padding: 0px !important;
}

#select_top_sort {
    display: none !important;
}

.f-group.--checkbox.--small .f-label:before {
    border-radius: 1px;
}

.f-group.--checkbox.--small .f-label:hover:before {
    border: 1px solid var(--darkyello);

}

.data_tags input[type="checkbox"] {
    position: relative;
    pointer-events: none;
    opacity: 0.5;
}

#show_info {
    color: var(--darkyello);
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 12px;
}

#show_info {
    color: #a4172b;
}

#fast_fiters_txt {
    position: relative;
    top: -20px;
    color: var(--darkyello);
    font-size: 12px !important;
}

.filters__expand.acrive_class_waga {
    display: block !important;
}

#filter_price_expand button {
    color: #fff !important;
    padding: 7px 10px !important;
    display: block;
    background: #03a84e;
    border-radius: 5px;
}

#filter_price_expand button:hover {
    color: #c68e51;
    background: #f5f6fa;
    background: #037a39;
}

#filter_price_expand label:hover {
    border: solid 1px var(--darkyello);
}

ul#filter_traits512_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.bg_alter>li {
    margin: 25px 0px;
}

a.activeMain.activeUnShow {
    display: flex;
    align-items: flex-start;
    justify-items: center;
    justify-content: flex-start;
}

.all_walory {
    font-size: 14px;
    display: block;
}

.walory_all {
    margin-bottom: 10px;
}

aside .filters__options {
    display: block !important;
    align-items: left !important;
    justify-content: space-between;
    position: relative;
    flex-direction: column-reverse;
    align-content: flex-start;
}

#filter_price_expand button {
    display: none;
}

#filter_price_expand button.show_price_list {
    display: block;
}

.dele_oldfilters {
    display: none !important;
}

#search_weight {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#search_weight:hover {
    border: solid 1px var(--darkyello);
}

.f-group.--small-md .f-control span {
    color: var(--darkyello) !important;
}

#content .product__shippingTime {
    display: block !important;
}

#content .tags_constent_main#proof_mian_cont.deactive {
    display: none !important;
}

#filter_traits512_content {
    display: flex;
    flex-direction: column-reverse;
}

#proof_mian_cont h4:after {
    display: none;
}

.search_description.--skeleton {
    max-height: 210px;
    background: none !important;
}

#proffo_bnt {
    color: var(--darkyello);
}

.f-group.--small-md .f-control {
    padding: 20px 30px !important;
    border: solid 1px var(--darkyello) !important;
    display: flex;
    align-items: center;
    border-radius: 2px;
    font-weight: bold;
    color: var(--darkyello);
    padding-top: -10px;
    padding-right: 49px !important;
    font-size: 14px;
}

.s_paging__item {
    padding: 0px !important;
}

#paging_setting_bottom .f-dropdown {
    display: none;
}

.s_paging__item.--sort {
    display: block !important;
}

.f-group.--small-md .f-control span {
    display: block;
}

.pagination__link a {
    font-size: 12px !important;
}

.search_name__total {
    display: none;
}

.search_name {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.search_description {
    margin-bottom: 30px;
    color: var(--darkyello);
}

.tags_datas {
    position: relative;
    margin-left: 10px;
}

.tags_datas.stop_tag {
    display: block;
}

.tags_datas img {
    display: none !important;
}

/* .tags_datas::before {
        content: '';
  
        border: 1px solid #c4c7c8;
        text-align: center;
        width: 14px;
        height: 14px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        display: block !important;
        border-radius: 100%;
    } */
.tags_datas a::before {
    border: 1px solid #000;
    content: '';

    border: 1px solid #c4c7c8;
    text-align: center;
    width: 14px;
    height: 14px;
    font-size: 1.4rem;
    transition: border .15s, background-color .15s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 6px;
    display: block !important;
    border-radius: 100%;
}

.tags_datas:hover a::before {
    border: 1px solid var(--darkyello) !important;
    /* display: block !important;
        content: '';
        border: 1px solid #c4c7c8;
        text-align: center;
        width: 15px;
        height: 15px;
        font-size: 1.4rem;
        transition: border .15s, background-color .15s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 20px;
        display: block !important;
        border-radius: 100%; */
}

.waga_tag {
    display: none;
}

.waga_tag.acrive_date {
    display: block;
}

#waga_filter {
    margin-top: 10px;
    font-weight: bold;
}

#waga_filter:hover {
    text-decoration: underline;
    cursor: pointer;
}

#content .tags_constent_main {
    max-width: 45%;
    display: inline-flex !important;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

#list_coins .box_coins {
    position: relative;
    border: solid 1px #ccc;
    padding: 2px 10px;
    flex: 20%;
    max-width: 100%;
}

.serie_all_btn a {
    font-weight: bold;
    color: var(--darkyello);
}

#content .tags_constent_main .data_tags a {
    padding: 15px 15px !important;
    display: block;
}

.f-dropdown .f-dropdown-menu {
    box-shadow: none !important;
    border: solid 2px #000;
    background: #fff;
    top: calc(100% + -5px) !important;
    left: 5px;
}

.f-dropdown-menu li {
    border-bottom: solid 1px #ccc;
    padding: 0px 3px;
    display: block;
    font-size: 12px;
    text-align: left;
    font-size: 13px;
    font-weight: normal !important;
}

.f-group.--small-md .f-control:hover {
    outline: 2px solid var(--darkyello) !important;
    outline-offset: -2px !important;
}

.f-dropdown-button b {
    font-weight: bold !important;
}

.f-dropdown .f-dropdown-menu a:hover {
    background: var(--lightyellow) !important;
}

.f-dropdown-menu li a {
    padding: 13px 3px;
}

#content #paging_setting_top {
    margin-bottom: 0px;
}

@media (max-width: 1070px) {
    .search_name .search_name__total {
        display: none !important;
    }

    #myInputseacrch {
        margin-left: 10px !important;
    }

    #Filters.filters .filters__item {
        padding-left: 10px !important;
    }

    .active_chekc_bnt {
        position: static !important;
    }

    #Filters .--large {
        width: 100% !important;
    }

    &.dis_active_chekc_bnt .commercial_banner {
        padding: 0px 10px !important;
    }

    #myInputseacrch {
        width: 100%;
        padding: 25px 20px;
    }

    #paging_setting_top .f-dropdown.--small-md .f-dropdown-menu:hover {
        overflow-x: scroll;
    }

    #content .data_tags {
        position: sticky;
        top: 45px;
        left: 0%;
        width: auto;
    }

    .filters__options button {
        display: none;
    }

    .s_paging__item.--filters .btn.--large.--solid {
        color: var(--darkyello) !important;
        padding: 14px !important;
        background: url(/data/include/cms/metal_market/filters_main.svg?v=1734446479694) 13px center no-repeat !important;
        background-color: #fff !important;
        background-size: 18% !important;
        text-align: left;
        padding-left: 48px !important;
        border: none !important;
        display: inline-block;
        width: auto;
    }

    #paging_setting_top .s_paging__item.--filters {
        display: flex !important;
        justify-content: flex-end !important;
        position: absolute;
        top: 20px;
    }

    #Filters:hover {
        overflow-y: hidden !important;
    }

    .search_description {
        margin-bottom: 30px;
        color: var(--darkyello);
    }

    #content .tags_constent_main h4 {
        padding: 10px 15px !important;
        display: inline-block;
        align-items: center;
        display: flex;
        align-items: baseline;
        flex-wrap: nowrap;
        flex-direction: row;
        font-size: 14px;
        text-align: center;
    }

    .search_name {
        display: block !important;
        align-items: flex-start;
    }

    #Filters .filters_options {
        margin-top: 20px;
    }

    div#ifilters {
        overflow-x: scroll;
        width: 100%;
        display: flex;
        padding-bottom: 20px;
    }

    #Filters a {
        color: var(--darkyello);
        text-align: left;
    }

    #Filters a:hover {
        background: var(--lightyellow);
    }

    #fast_fiters_txt {
        top: 0px;
    }

    .f-group {
        padding: 0px 0px;
        padding-left: 0px;
    }

    .filters_open .filters__buttons {
        transition: right 200ms ease 200ms;
        right: 0;
        margin-bottom: 40px;
    }

    .f-group.filters__buttons.mt-3 {
        margin-bottom: 10px;
    }

    aside .filters__options .--submit,
    aside .filters__options .--show-hidden {
        font-size: 15px;
    }
}

#filter_traits510_content.filters__content.--list {
    overflow: hidden !important;
}

#filter_traits510_content.filters__content.--list.--shown.acrive_class_waga {
    overflow: visible !important;
}

#more_reads_info_filtres,
#more_reads_info_filtresYear {
    font-weight: bold;
    padding-left: 10px;
    color: var(--darkyello);
    cursor: pointer;
    position: sticky;
    top: 10px;
    display: block;
    background: #fff;
    padding: 10px;
    padding-bottom: 0px;
    margin-top: 0px;
    z-index: 999;
    margin-bottom: 10px;
}

#more_reads_info_filtresYear:hover {
    text-decoration: underline;
}

.filters__content.--shown {
    overflow: visible;
}

#filter_traits510_content.acrive_class_waga,
#filter_traits512_content.acrive_class_waga {
    max-height: fit-content !important;
}

/* #filter_traits510_content,
    #filter_traits512_content {
        max-height: 150px;
        overflow: hidden;
        margin-bottom: 20px;
    } */
/* #filter_traits512_content {
        max-height: 70px;
    } */
/* #filter_traits510_content,
    #filter_traits512_content {
        max-height: 150px;
        overflow: hidden;
        margin-bottom: 20px;
    } */
/* 
    #filter_traits510_content.filters__content.--list,
    #filter_traits512_content.filters__content.--list {
        display: none;
    }
    #filter_traits510_content.filters__content.--list.--shown,
    #filter_traits512_content.filters__content.--list.--shown {
        display: block;
    } */
#btn_filtsrs {
    display: none !important;
}

#paging_setting_top .f-dropdown-menu {
    display: grid !important;
}

#paging_setting_top .f-dropdown-menu li {
    max-width: 100%;
}




header.commercial_banner {
    z-index: 1 !important
}

#projector_photos .pswp__img {
    max-width: fit-content !important;
    height: auto !important;
}



#menu_seearch .menu_seearch__mobile {
    width: 100%;
}

#links_footer_3 a span {

    /* text-wrap: pretty !important; - removed for compatibility */
}

@media (max-width:1500px) {

    body #footer_links {
        display: grid !important;
        grid-template-columns: minmax(218px, 0.5fr) repeat(5, 1fr) !important;
        max-width: 1400px;
    }

    #footer_links a,
    #footer_links span {
        display: block;
        text-decoration: none;
        /* text-wrap: pretty; - removed for compatibility */
    }


    header.commercial_banner {
        max-width: var(--widtpage);
        padding: 0px 0px;
    }

    header.commercial_banner {
        padding: 0px 20px;
    }

    .main_page #layout {
        max-width: 90%;
    }

    #menu_rwd_main #menu_search {
        margin-bottom: 20px;
    }

    .search_page #layout {
        margin-bottom: 15px;
        margin-top: 50px;
        max-width: 90% !important;
    }


    .wrap_content {
        display: flex;
        justify-content: space-between;

        color: #fff;
        max-width: var(--widtpage);
        margin: auto;
        padding: 0px 20px;
    }

    input.input_main {
        border: solid 1px #ccc;
        min-height: 45px;
        display: flex;
        align-content: center;
        align-items: center;
        gap: 40px;
        padding: 0px 19px;
        text-transform: none;
        text-decoration: none;
        color: #e2e2e2;
        padding-right: 40px;
        border-radius: 0px;
        position: static;
        width: 100% !important;
        font-size: 12px;
        font-weight: 100;
    }


    .contetn_main_tab_two {

        max-width: 100%;
        margin: auto;
        margin: 100px auto;
        margin-top: 0px;
    }


    .pic_big_content {
        position: absolute;
        width: 890px;
        right: -360px;
        top: 30%;
    }

    header .navbar-nav {
        align-items: center;
        justify-content: space-between !important;
        gap: 8px !important;
    }

}

@media (max-width:1300px) {

    .pic_big_content {
        position: absolute;
        width: 890px;
        right: -260px;
        top: 30%;
    }

    .right_columnt_head_grid {
        justify-items: end;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        white-space: nowrap;
    }


    .headline_big h2 {
        font-size: 22px;
        color: #1A1C05;
        font-family: 'Noto Serif', serif;
    }

    .price_item {
        font-size: 15px;
        color: #1A1C05;
        font-weight: bold;
    }

    .skup_gold_items .number_item {
        font-size: 33px;
    }

    .headline__name {
        font-size: 3vw;

    }

    .table_big {
        margin-top: 10px;
    }

    div#przedpremiery_bos {
        position: absolute;
        z-index: 999;
        top: -420px;
        right: 0px;
        width: 520px;
    }

    #mennice_contetn {
        padding: 70px 0px;
    }

    .text_big_content {
        display: grid;
        grid-template-columns: 0.6fr 0.6fr;
        position: relative;
    }

    .liczba_box {

        padding: 0px 20px;

    }

    .contetn_main_tab_two.active {

        max-width: 100%;
    }

    #wielak_szostka {
        padding: 0px 0px;
    }

    #wielak_szostka .headline__after {
        position: static;
    }

    #kafelki {
        padding: 10px;
        margin: 0px;
    }




    .text_main_ceny h2 {
        font-size: 40px;
    }

    .produkty_main_cena {
        gap: 0px;
        width: 310%;
        margin: 10px 0px;


    }

    #cytat_main {
        margin-right: 0px;
        margin-left: 300px;
    }

    .button_gold {
        position: relative;
        margin: 10px;
    }

    html.sidebar_open aside {
        padding-top: 0;
        z-index: 999999;
    }



    .contetn_main_tab_two.active {
        display: block;
        max-width: 100%;
        margin: auto;
        margin: 50px auto;
        margin-top: 0px;
    }


    #wielak_szostka .pic_big_content img {
        max-width: 100%;
    }

    .cytat_main {
        position: absolute;
        right: -70%;
    }

    #cytat_main h6 {
        font-size: 12px;
        padding: 10px;

    }

    #projector_status_wrapper {
        min-height: 70.8px !important;
    }

    #projector_amount {
        display: block;
    }

    .tag_content a {
        font-size: 11px;
    }

    .phone_head_grid {
        display: inline-block;

    }

    #centrum_pokmocy_fiszka {
        left: -320px;
    }

    .phoen_karta img {
        width: 40px;
    }

    .phoen_karta a {
        display: block;
        font-size: 32px;
    }

    .phoen_karta {

        padding: 10px 0px;
    }

    #projector_price_srp_wrapper {
        font-size: 19px;
    }

    .spot-add.spot-add {
        font-size: 19px;
    }



    h1.product_name__name {
        font-size: 32px;
    }

    #menu_categories {
        max-width: 100%;
    }

    header .navbar-nav {
        gap: 20px !important
    }



    .projector_details .projector_prices__price {
        font-size: 35px;

    }

    .projector_prices__info {
        font-size: 17px;
    }

    #projector_shipping_info {
        font-size: 15px;
        padding-bottom: 0px;
    }


}



@media (max-width:1070px) {
    body h2 .headline__name {
        font-family: 'Noto Serif', serif;
        color: var(--darkyello);
        font-size: var(--big36);
        padding-bottom: 0px;
    }

    body #baner_bars_conten {
        margin-top: 0px;
    }

    body #menu_walory {
        width: 150px;
        top: 220px !important;
        right: 20px;
        z-index: 9999;
    }


    body #calculator_box .adres {
        margin-bottom: 20px;
    }


    body #bars_caruselki .text_main_carusel p {
        text-align: center;
    }

    body #baner_gwaranty h2 {
        margin-bottom: 0px;
    }

    body #slider_popular_coins h2 {

        margin-bottom: 0px !important;
    }

    #kafelki_content {

        z-index: 0;
    }

    #logo {
        height: auto !important;
        margin-top: 0;
        padding: 0 10px;
        padding-left: 0;
    }

    header {
        align-items: center;
    }

    .destow_sub_baner {
        display: none;
    }

    #main_hotspot_zone1 .products {
        position: relative;
        top: -20px
    }

    #Filters .headline__after {
        display: none !important;
    }

    #paging_setting_top .s_paging__item.--filters .btn.--large.--solid {
        display: block !important;
    }

    .s_paging__item.--filters .btn.--large.--solid {
        background: none !important;
    }

    html.--freeShipping:not(.order_process) body,
    html body {

        padding-top: 60px !important;

    }


    .s_paging__item.--sort {
        min-height: 50px !important;
    }

    #paging_setting_top .--filters .btn.--large.--solid {


        color: var(--darkyello);
        background-size: contain;
        text-align: right;
        background-color: transparent !important;
        position: relative;

        z-index: 999;
    }

    #paging_setting_top .--filters .btn.--large.--solid::before {


        content: '';
        width: 40px;
        height: 50px;
        position: absolute;
        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/filtrowanie.svg?v=1730798190617) 10px 10px no-repeat;
        background-size: 80%;
        right: 110px;
        top: -1px;


    }

    .search_page #breadcrumbs {
        display: none !important;
    }


    .search_name__label {
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        justify-content: flex-start;
        font-size: -8px !important;
    }

    .topBasket {
        width: 50px;
        grid-area: menu_basket;
        display: flex;
        align-content: center;
        align-items: center;
    }

    h1 .search_name__label {
        font-size: 18px !important;
    }

    #boksy_main_baner {

        display: grid;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        align-items: flex-start;
        overflow-x: scroll;
        width: 100%;
        /* text-wrap: balance; - removed for compatibility */

        grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
    }

    #boksy_main_baner .boksy_main_text {
        padding: 10px 20px;
    }

    #boksy_main_baner p {
        font-size: 11px;
        line-height: 17px;
        padding: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px;
    }

    #boksy_main_baner>div>a {
        background: #fdfcf7;
        display: block;
        grid-template-columns: 1fr;
        text-align: center;
        align-content: center;
        align-items: center;
        justify-content: center;
        gap: 0px;
        width: 100%;
    }

    #boksy_main_baner .boksy_main_text>div {
        padding-bottom: 0px;
    }

    #boksy_main_baner .head_text img {
        margin: auto;
        border-radius: 0px;
        padding: 10px;
        display: block;
    }



    #main_menu_bottom .menu_bottom_ul {
        padding-bottom: 20px;
    }


    #mennicenew {
        grid-template-columns: repeat(2, 1fr);
        gap: 5px 1px;
    }

    .caruselpromotionProduct_wrap .seria_text {
        color: #fff;
        text-align: center;
        font-style: italic;
        font-size: 27px;
        margin-top: 0px;
        font-family: 'Noto Serif', serif;
        font-weight: normal;
    }

    .caruselpromotionProduct_wrap p {
        color: #fff;
        text-align: center;
        font-family: 'Noto Serif', serif;
        font-weight: normal;
        font-size: 14px;
        line-height: 25px;
        padding: 20px;
    }

    .seria_text a {
        color: #fff;
        font-size: 21px;
    }

    #caruselpromotionProduct img {



        border-radius: 100%;
        max-width: 100%;
        max-height: 30%;
        margin: auto;
    }



    #the_best_price .price_bg .info_metal {
        display: block !important;
    }

    #content #the_best_price .info_metal {
        font-size: 12px !important;
        color: #1A1C05;
        text-transform: uppercase;
    }


    #main_banner1 .main_pager {
        position: absolute;
        bottom: 40px;

    }

    #search.d-flex {
        display: flex !important;
        justify-content: space-around !important;
        gap: 10px !important;
        row-gap: 10px !important;
    }

    img {
        border-radius: 0px !important;
    }

    #menu_seearch {
        width: auto;
        grid-area: menu_search;
        display: flex;
        align-items: center;
    }


    header.commercial_banner {
        max-width: var(--widtpage);
        padding: 0px 0px;
        grid-template-columns: .6fr !important;
    }

    .main_page #layout {
        max-width: 100%;
    }

    #menu_rwd_main #menu_search {
        margin-bottom: 20px;
    }

    .search_page #layout {
        margin-bottom: 15px;
        margin-top: 50px;
        max-width: 100% !important;
    }


    #menu_settings {
        display: block !important;
    }

    #menu_settings .select-after {
        position: relative;
        background: #3e3d3b;
    }


    #menu_settings .form-group {
        margin-bottom: 0px;
        display: block;
        align-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
        width: 100%;
    }

    #menu_rwd_main .chse_mennice {
        display: none;
    }

    #menu_rwd_main #menu_search {
        display: block !important;
    }

    #menu_rwd_main .menu_search__block {
        display: block !important;
    }

    header {
        -webkit-backdrop-filter: blur(5px);
    }

    #menu_rwd_main #menu_sub li a {
        padding-left: 20px;
    }

    #menu_rwd_main {
        margin-bottom: 100px;
    }

    .f-dropdown.open .f-dropdown-menu,
    .f-dropdown.--open .f-dropdown-menu {
        display: block !important;
    }

    .search_name {
        padding-left: 10px;
    }

    html {
        overflow-x: hidden;
    }

    ._mobile .f-dropdown:not(.--disable-mobile-view):not(.open) .f-dropdown-menu {
        display: flex !important;
        white-space: normal;
        justify-content: flex-end;
    }

    #container #paging_setting_bottom .pagination {
        display: flex !important;
    }

    .icon-angle-right,
    .icon-angle-left {
        height: auto !important;
    }

    header.commercial_banner {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);

    }

    aside .navbar-subnav,
    aside .navbar-subsubnav {
        height: auto !important;
    }

    .search_page aside {

        padding: 0 15px !important;
        width: 100%;
    }

    .breadcrumbs {
        display: list-item;

        top: 20px;
        position: relative;

        margin-bottom: 20px;

        position: static;
        margin-top: 0px !important;
    }

    #container .breadcrumbs {
        margin-top: 0px !important;
        position: static !important;
        padding: 10px !important;
    }

    #menu_navbar .navbar-subsubnav {
        top: -10px !important;
        position: relative;
        padding: 0px;
        overflow: hidden;
    }

    .photos.--gallery .photos__slider_wrapper {
        padding-top: 10px !important;
    }

    h1.product_name__name,
    h2 .headline__name {
        font-family: 'Noto Serif', serif;
        text-transform: capitalize;
        color: #1A1C05;
        font-size: 28px !important;
    }

    .breadcrumbs {
        margin-top: 190px;
        display: block;
    }

    .footer_bar_grid:after,
    .price_bg:after,
    #ofirmie:after,
    #cytat_main:after {
        display: none !important;
    }

    #container.projector_page .col-sm-3 {

        scroll-snap-align: center;
        flex: 0 0 45%;
        max-width: 45%;
    }

    .tab-content .dlaczego_metal p {
        font-size: var(--small12);
    }

    .tabs {
        display: flex;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        white-space: nowrap;
        overflow-x: scroll;
        padding: 0px;

        flex-wrap: nowrap;
    }

    .head_title_big {
        display: inline-flex;
        align-items: baseline;

        white-space: nowrap;
    }

    #ofirmie h2 {
        font-size: 28px;
    }

    .head_title_big {
        display: flex;
        align-items: baseline;
        white-space: nowrap;
    }

    #main_hotspot_zone3 {
        padding-bottom: 0px !important;
    }

    #mennice_contetn h5 {
        font-size: 20px;
        color: var(--darkyello);
    }



    .produkty_main_cena {
        gap: 0px;
        width: 210%;
        margin: 10px 0px;
    }

    .headline__after::before,
    .headline__after:after {
        display: none !important;
    }

    #kafelki .headline__after {
        margin-right: 50px;
        display: inline-flex;
        position: static;
        flex-wrap: nowrap;

    }

    .headline__after a {
        display: flex;
        position: static;
        flex-wrap: nowrap;
    }

    #kafelki {
        padding: 10px;
        margin: 0px;
        overflow-x: scroll;

        scrollbar-color: var(--darkyello) transparent;
        scrollbar-width: thin;


    }

    .tags_conisn {
        white-space: nowrap;
        gap: 20px;
    }

    .breadcrumbs {
        margin-top: 20px;
        display: flex;

    }






    .producers__name span {
        font-size: 1.3rem;
        white-space: break-spaces;
        overflow-x: hidden;
        text-overflow: ellipsis;
    }

    .szukaj_tags {
        margin-top: 20px;
    }

    .producers__icon img {
        mix-blend-mode: darken !important;
        max-width: 110px;
        max-height: 80px;
    }

    .producers__item {
        display: block;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        flex-wrap: wrap;
    }

    #mennicenew {
        grid-template-columns: repeat(2, 0.9fr) !important;
        gap: 10px;
    }

    .shopping_list_top_mobile .sltm_link {
        height: 60px !important;
    }

    .shopping_list_top_mobile .sltm_link {
    width: 50px;
    height: 60px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.9rem;
}

    .shopping_list_top_mobile .sltm_link:before {

        content: '';
        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/icon/gwiazda.svg?v=1694099250281) no-repeat;
        height: 40px;
        width: 70px;
        display: block;
        background-size: cover;
        margin-bottom: 7px;
    }




    .maps_content {
        display: none;
    }

    #mennicenew small {
        text-align: center !important;
    }

    .producers__name {
        margin-top: auto;
        display: block;
        text-align: center;
    }

    .producers__icon img {
        mix-blend-mode: darken !important;
        max-width: 150px;
        max-height: -webkit-fill-available;
        margin: auto;
    }

    .producers__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;


    }

    .headline__after {
        display: inline-block;
        font-size: var(--small14);

        white-space: nowrap;
        border-radius: 3px;


        color: var(--grey);
        letter-spacing: 1px;
        font-weight: 500;
        text-transform: none;
        position: relative;
        padding-left: 0px;
        margin-top: 20px;
        margin-left: 20px;
        cursor: pointer;
        font-weight: 800;
        bottom: -270px;
        right: 70px;
    }

    #the_best_price {
        margin-top: 50px;
    }

    #mennice_contetn .headline__after {
        left: -130px;
        display: none;
    }

    #main_banner1 .main_pager .main_pager__item {
        overflow: hidden;
        text-indent: -999px;
        width: auto;

        display: block;
        height: 50px;
        max-width: 100px;
    }

    #the_best_price .tabs {
        margin-top: 0px;
        border: none;
        padding: 20px;
        padding-top: 0px;

    }

    #the_best_price .tabs {
        overflow: hidden !important;

    }

    #the_best_price h5,
    #the_best_price h2 {
        padding-left: 10px;
    }

    .produkty_main_cena:after {
        background: #e7e7e7;
        content: "";
        position: absolute;
        height: 1px;
        width: 97%;
        display: block;
        left: 0px;
        top: 99px;
    }

    .tabs img {
        max-width: 150px;
    }

    #logtypy_footer_info,
    #wrap_logo_info {
        overflow-x: scroll;
    }

    .slick-arrow {
        display: none !important;
    }

    .projector_page #specyfikacja_main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0rem;
    }


    #layout .projector_page .tabs h3 {
        padding: 20px !important;
    }

    #tab_karta.tabs {
        white-space: nowrap;
    }

    h2 .headline__name {
        font-family: 'Noto Serif', serif;
        color: var(--darkyello);
        font-size: 32px !important;
        line-height: 35px !important;

    }

    .headline_big h2 {
        font-size: var(--small24) !important;
        font-weight: normal;

    }

    .bestselery_karusela,
    .nowosi_karusela {

        font-size: 28px;
    }



    #content .tags_constent_main {
        display: inline-block !important;
        max-width: fit-content;
        margin: 0px;
        margin-left: 10px;
        margin-top: 5px;
    }



    #container.search_page #content #search .col-sm-4 {
        flex: 0 0 46.33333% !important;
        max-width: 46.33333% !important;
        background: #fdfcf7;
    }


    #search .product {
        background: #fff;
        margin: 0px;
    }

    html:not(.--ios) .main_page {
        padding-top: 0px;
    }

    .header_bar {
        margin-top: 0px !important;
        position: static;
        display: none;
    }

    .head_two img {
        width: 50px;
    }

    .wrap_content {
        display: inline-block;
        justify-content: space-between;

        color: #fff;
        max-width: 1600px;
        margin: auto;
    }


    h2 .headline__name {
        font-family: 'Noto Serif', serif;
        color: var(--darkyello);
        font-size: var(--big36);

    }

    body {
        padding: 0px;
    }

    .pic_big_content {
        position: static;
        width: 100%;
        margin: auto;
        margin-top: 40px;
        text-align: center;
    }

    .topBasket__sub:after {
        mix-blend-mode: darken !important;
    }

    #menu_categories {
        width: auto;
        clear: both;
        margin-bottom: 0rem !important;
        background: none;
        padding: 0px 0px !important;
        padding-top: 10px;
        margin: 0px;
        padding-bottom: 0rem !important;
        margin-top: 0px !important;
    }

    .cytat_main {
        display: none;
    }



    #centrum_pokmocy_fiszka {
        left: 0px;
        position: static;
    }

    #centrum_pokmocy_fiszka .main_centrum_box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2px;
        align-items: center;
        justify-content: center;
    }

    .imsg {
        text-align: center;
    }

    .contetn_main_tab_two.active {
        max-width: 95%;
    }


    .text_big_content {
        display: block;
    }

    .pic_main_six img {
        width: 100%;
        margin: auto;
    }

    .tabs.two_tabs {
        border: none;
        margin-left: 10px;

    }

    .image_ofirmnie img {
        max-width: 200px;
        margin: auto;
    }

    #ofirmie {
        background: #fdfcf7;
        padding: 50px 0px 50px 0px;
    }

    .batch_opinie {
        position: static;
        left: 20px;
    }

    a.logo_metal_market_footer img {
        width: 200px;
        margin-left: 20px;
    }

    .right_columnt_head_grid {
        display: block;
        width: 100%;
        margin-top: 0px;

    }

    .phone_head_grid {
        padding: 20px;
    }

    #footer_links {
        display: block !important;
        grid-template-columns: 1fr;
    }

    .price_bg {


        overflow-x: scroll;
        flex-wrap: nowrap;

        white-space: nowrap
    }


    .price_bg {
        justify-items: stretch;
        align-items: center;
        gap: 20px;
        background: #fdfcf7;
        display: grid;
        align-content: stretch;
        padding: 10px 0px;
        display: flex;
        justify-items: center;
        justify-content: flex-start;
        margin-top: 10px;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    #the_best_price .headline__after {
        position: static;
    }

    .price_bg:before {
        display: none !important;
    }

    .price_bg div>div:after {
        display: none !important;
    }

    .price_bg div:nth-child(1) {
        display: flex;
        flex-wrap: wrap;
        padding-left: 10px;

    }

    #ofirmie h1 {
        color: #1A1C05;
        font-size: 23px;
        font-family: "Noto Serif", serif;
        font-weight: normal;
    }

    .max-width-1200 {
        max-width: var(--widtpage);
        position: relative;
        margin-top: 0px !important;
    }


    .text_ofirmnie {
        padding: 0px 10px;
    }

    .slick-dots {
        bottom: -10px;
        top: auto;
        display: flex;
    }

    .headline__name {
        font-size: 5vw;
    }

    .logotypy {
        display: flex;
        grid-template-columns: repeat(a, 1fr);
        gap: 50px;
        overflow-x: scroll;
    }

    .tabs.two_tabs {
        grid-template-columns: repeat(6, 1fr);
        overflow-x: scroll;
        width: 100%;
    }



    div#przedpremiery_bos {
        position: static;

    }

    #footer_links .footer_links#menu_orders .footer_links_sub {
        display: none;
    }

    #cytat_main {
        margin-right: 0px;
        margin-left: 0px;
    }

    #kafelki_content {
        display: flex;
        overflow-x: scroll;
        width: 200%;
    }

    .table_imtex {
        padding: 5px 0px;
    }

    div#best_price_wrap {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        overflow-x: scroll;
    }


    .ofirmie_contetn {
        display: block;
    }


    .liczby_mml {
        overflow-x: scroll;
    }

    #mennice_contetn {
        padding: 30px 0px;
    }

    .menu_seearch.--focus .seach_mennnice {
        display: block !important;
        max-width: 100%;
        padding: 10px !important;
    }

    .befeoresearch_box h3 {
        text-align: left;
        padding-left: 10px;
    }

    #menu_seearch .menu_seearch__mobile:before {
        left: 0px !important;
    }

    #menu_seearch .menu_seearch__mobile:before {
        content: '';
        background: url('https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/seach.svg?v=1730817806555') no-repeat;
        width: 40px;
        height: 40px;

        width: 40px !important;
        height: 54px !important;
        background-size: contain !important;
        background-position: 6px 8px !important;
    }



    .projector_details__info {
        margin-top: 0px;
        padding-top: 0px;
    }

    html.--rabateCode:not(.order_process) body {
        padding-top: 0px !important;
    }

    .liczby_mml {
        display: flex;
        align-items: stretch;
        justify-content: center;
        gap: 30px;
        margin-top: 3rem;
        padding: 40px 0px;
        flex-wrap: nowrap;
        flex-direction: row;
        padding-left: 350px;
    }

    .liczby_mml:after {
        display: none;
    }

    .img_list {
        top: -21px;

        height: 70px;
        width: 50px;
    }

    .price {
        color: #1A1C05;
        font-size: 15px !important;
        text-align: center;
    }

    .product h3 a {
        text-align: center;
        font-size: 12px !important;

    }

    #mennice_contetn::after {
        content: '';
        display: block;
        position: absolute;
        left: -330px;
        background: url(https://www.metalelokacyjne.pl/data/include/cms/metala_lokacyjne/strona_glowna/mapa.jpg?v=1703087601702) no-repeat;
        top: 4%;
        width: 1180px;
        height: 665px;
        z-index: -1;
        background-size: contain;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        transition: all 1s;
        background-size: 80%;

    }

    #kafelki:after {
        display: none;
    }

    #kafelki {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 0px;
        margin-top: 100px;
        position: relative;
        margin-bottom: 20px;
        cursor: pointer;
        padding-bottom: 0px;
        border-bottom: solid 0px var(--yellow);
        margin-bottom: 50px;
        white-space: nowrap;
        flex-wrap: nowrap;
        height: 100px;
    }


    #content #paging_setting_top {
        margin-bottom: 0px;
        padding: 10px;
    }

    #filter_list {
        padding: 10px;
    }

    #opinie_main p.big-3 {
        font-size: 17px;
        font-family: 'Noto Serif', serif;
        color: var(--darkyello);
    }

    #menu_settings form>ul>li.buttons {
        display: block !important;
        width: 100% !important;
        position: static;
    }

    #layout #menu_settings .--large {
        width: 100% !important;
    }




    #layout #menu_settings .f-dropdown-menu {
        display: none !important;
    }

    .active_btn:after {
        background: var(--yellow);
        content: "";
        position: absolute;
        width: 80%;
        bottom: 0px;
        height: 1px;
        margin: auto;
        left: 0px;
        bottom: -10px;
        display: block;
        height: 3px;
    }

    .price_big {
        font-weight: bold;
        font-size: 12px;
        text-align: right;
        padding-right: 10px;
    }



    body #main_banner1 {
        margin-bottom: 20px !important;
    }

    .pic_main_six img {
        mix-blend-mode: multiply;
        width: 110px;
    }

    .liczba_box h3 {
        position: absolute;
        left: 0px;
        bottom: -30px;
        text-align: center;
        width: 100%;
        color: var(--darkyello);
    }






    #ofirmie h2 {
        font-size: 24px;
    }

    #ofirmie h4 {
        font-size: 15px;
        color: #63625D;
        line-height: 24px;
    }

    .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products:not(.slick-initialized) .product {
        scroll-snap-align: center !important;
        flex: 0 0 45% !important;
        max-width: 75% !important;



    }

    #mobileCategories .mobileCategories__link img {
        max-width: 20px;
        margin-bottom: 3px;
        filter: brightness(4);
    }

    .search_page h1 .headline__name {
        font-family: 'Inter', sans-serif !important;
        font-size: 24px;
        letter-spacing: 1px;
    }

    .topBasket .badge {
        top: calc(50% - 1.4rem);
        right: 30px !important;
    }

    .header_bar {
        display: none !important;
    }

    .phoen_karta {
        padding: 20px;
    }

    #kafelki {
        margin-top: 0px;

    }


    .hotspot:not(.--slider):not(.--list):not(.--bundle):not(.--added) .products:not(.slick-initialized) .product {
        scroll-snap-align: center;
        flex: 0 0 45% !important;
        max-width: 75% !important;
    }

}

@media (max-width:728px) {
    #main_menu_bottom {
        display: grid;
        background: color(--lightyellow);
    }

    #backTop {
        display: none !important;
    }

    #main_menu_bottom .menu_bottom_ul {
        background: #fdfcf7e0;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(5px);

        display: grid;
        position: fixed;
        z-index: 9999;
        bottom: 0px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;

        justify-content: space-evenly;
        margin: 0px;
        padding: 0px;

        align-items: center;
        justify-items: center;
        width: 100%;
    }

    #main_menu_bottom li {
        list-style: none;
        text-align: center;
    }

    #main_menu_bottom li a {
        font-size: 11px;
        color: var(--darkyello);
        padding-bottom: 5px;
        display: block;
    }

    #main_menu_bottom .menu_bottom_ul {
        padding-bottom: 10px !important;
    }

    #main_menu_bottom li img {
        max-width: 45px;
        max-height: 50px;
        padding: 5px;
        margin: auto;
        padding-bottom: 0px;
    }


        #logo {
        height: auto !important;
        margin-top: 0;
        padding: 0 10px;
        padding-left: 0;
    }

    #Filters {
        border: none !important;
    }

    #paging_setting_top {
        position: relative;
    }

    #btn_filtsrs {
        display: block !important;
        color: var(--darkyello);
        font-weight: bold;
        font-size: 1.5rem;
        background: url(https://www.metalelokacyjne.pl/data/include/cms/metal_market/sortowanie.svg?v=1747137596360) no-repeat left center;
        padding-left: 40px;
        background-size: 30px;
        position: absolute;
        top: 34px;
        left: 0px;
        z-index: 999;
    }

    #paging_setting_top .f-dropdown-menu {
        display: none !important;
    }

    #paging_setting_top .f-dropdown-menu.acrive_class_filttres {
        display: block !important;
        position: absolute !important;
        background: #fff !important;
        overflow: visible !important;
        height: fit-content;
        top: 70px !important;
        z-index: 9999;
        padding-bottom: 50px;
        animation-name: anmacjaOpacity;
        animation-duration: .5s;
    }
}