@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --wss-color-bg: #111519;
  --wss-color-alterbg: #131A21;
  --wss-color-midbg: #252E36;
  --wss-color-flame: #E15C0F;
  --wss-color-font: #FFF;
}

html, body {
    font-family: "Poppins", sans-serif;
    background-color: var(--wss-color-bg);
}

.h1, .h2, .h3, .h4, body {
    color: var(--wss-color-font);
}

img {
    max-width: 100%;
    height: auto;
}

 #product-availability, .product-minimal-quantity, .product-miniature .thumbnail-container:focus .product-description::after,
 .product-miniature .thumbnail-container:hover .product-description::after,
 .carousel-indicators {
    display: none !important;
}
.tabs, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    background-color: transparent;
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover,  #product-modal .modal-content .modal-body .product-images img:hover{ 
    border: 2px solid #ffaa00;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
        border-bottom: #ffaa00 3px solid;
}
.tabs .nav-tabs .nav-link.active {
    color:#ffaa00;

}
#product .tabs #product-details .label, #product .product-information {
    color:#fff !important;
}
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
    background: transparent;
}
#product-modal .modal-content .modal-body
{
        /* background: #fff; */
        margin-left:0;
}
#product-modal .modal-content .modal-body .product-cover-modal, .product-cover img,
#product-modal .modal-content .modal-body .image-caption {
    background:transparent !important;
    border:0px;
}
/* temp */
/* #product .product-container .product-flags */
.page-not-found, .products-selection, #product .product-container .product-discount,
 #product .product-container .product-price .discount, .product-flags li.product-flag.out_of_stock, .header-nav .links ul li a#link-category-2-3 {
    display: none !important;
}


.block-categories, #checkout section.checkout-step, #header, #header .header-top, #header .header-nav, #wrapper, #custom-text, #header .header-nav .blockcart,
 #search_widget form input, .block-social ul li, #header .header-nav .cart-preview.active, .card, .page-content.page-cms, #product .product-container .product-cover img {
    background-color: transparent !important;
}

a, .block-categories a, #header .header-nav .cart-preview .shopping-cart, .products-section-title, .block-contact *, .footer-container li a, #block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a,
 .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a, .page-content.page-cms *, #pagenotfound #main .page-header *, .page-header, .block-category .block-category-inner #category-description p {
    color: var(--wss-color-font);
}

a:hover, a:focus, .account-list a:hover, .block_newsletter form button[type=submit] .search:hover, .footer-container li a:hover, .copyrights .links a, .block-contact h4, #subcategories ul li .subcategory-name:hover {
    color: var(--wss-color-flame);
    text-decoration: none;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {  background-color: var(--wss-color-flame) !important; outline: none; }
.btn-primary:hover {  opacity: 0.75; }

#wrapper { padding-top: 0; }


/* #header */
#header { box-shadow: none;}
#header a:hover { color: var(--wss-color-flame); }
#header .header-nav { border: none; max-height: none; padding-top: 1rem;}
#header .header-nav .nav-flex{ display: flex; align-items: center;}
#header .header-nav .nav-flex #nav_right { width: auto; margin-left: auto;}
#header .header-top {padding: 1.5rem 0;}

/* #header - logo */
#header .logo { max-width: 95px; max-height: none !important; }
#header #_desktop_logo { width: auto; }

/* #header - links */
.header-nav .links {width: auto; margin: 0 1.5rem;}
.header-nav .links ul, .copyrights .links ul {display: flex; margin-bottom: 0;}
.header-nav .links ul li a {font-size: 1.25rem; text-transform: uppercase; font-weight: bold; margin: 0 1.25rem;}

/* #header - search */
.header-nav #search_widget {flex-grow: 1; margin: 0 1rem; display: block !important;}
.header-nav #search_widget form {
    overflow: hidden;
}
.header-nav #search_widget form input {
    padding: 1.1rem 3.5rem 1.1rem 1rem;
    border: 3px solid #D6D6D6;
    border-radius: 0;
}
.header-nav #search_widget form input, .header-nav #search_widget form input::placeholder {
    color: #fff !important;
    opacity: 1 !important;
    text-transform: uppercase;
    font-weight: 500;
}

.header-nav #search_widget i {
    background-image: url(../img/wss-icon-search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    top: 12px;
    right: 15px;
    color: #fff;
    text-indent: -9999px;
    font-size: 2.25rem;
}

/* #header - contact phone */
#header .header-nav #_desktop_contact_link {
    display: block;
    padding: 2rem 3rem 2rem 1.5rem;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
#header .header-nav #_desktop_contact_link #contact-link { 
    margin: 0;
    padding: 0.5rem 0 0.5rem 2.75rem;
    background-image: url(../img/wss-flame-icon-phone.svg);
    background-repeat: no-repeat;
    background-position: left center;
}
#header .header-nav #_desktop_contact_link #contact-link a {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#header .header-nav #_desktop_contact_link #contact-link a span{
    white-space: nowrap;
}

/* #header - shopping cart */
#header .header-nav .blockcart {
    padding: 0;
    height: auto;
    background-color: transparent;
    margin-left: 2rem;
}
#header .header-nav .blockcart .shopping-cart {
    background-image: url(../img/wss-icon-cart.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    font-size: 2.25rem;
}

/* #header - user */
#header .header-nav .user-info {
    margin: 0 1rem;
}
#header .header-nav .user-info a {
    color: #fff;
}
#header .header-nav .user-info i {
    background-image: url(../img/wss-icon-user.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    text-align: left;
    font-size: 2.25rem;
}

/* #header - socials */
.header-nav .block-social {  
    margin-left: auto;
    padding: 0.5rem 0 0.5rem 1rem;
    border-left: 2px solid #D6D6D6;
}

/* #header - menu */
#header .header-top .menu { padding: 0; width: 100%}
#header .header-top .menu .top-menu[data-depth="0"] {
    display: flex;
    justify-content: center;
    width: 100%;
}
#header .header-top .menu > ul > li {
    margin: 0 0.4rem;
    position: relative;
}
#header .header-top .menu a {
    color: #fff;
}
#header .header-top .menu a[data-depth="0"] {
    font-weight: bold;
    font-size: 1.125rem;
    padding: 1rem 2rem;
    background-color: #252E36;
    border-radius: 6px;
}
#header .header-top .menu a[data-depth="0"]:hover, #header .header-top .menu li.current a[data-depth="0"] {
    background-color: var(--wss-color-flame);
    color: #fff;
}

#header .header-top .top-menu .sub-menu {
    background-color: var(--wss-color-alterbg);
    width: auto;
    margin: 0; 
    border-radius: 6px;
    padding-bottom: 0.75rem;
}

#header .header-top .top-menu .sub-menu a{
    padding: 0.5rem 0;
    font-weight: 500;
    font-size: 1rem;
}

#header .header-top .top-menu .sub-menu a:hover{
    color: var(--wss-color-flame);
}

#header .header-top .top-menu .sub-menu a + div {
    display: none;
}

#header .header-top .top-menu .popover {
    top: 52px;
}



#footer {padding: 0; background-color: var(--wss-color-midbg) !important; }
#footer .footer-container {padding: 6rem 0 4rem;}
#footer .footer-container .links li {margin-bottom: 0.75rem;}
#footer .footer-container .links li a {font-size: 1.125rem; text-transform: uppercase; font-weight: bold;}


#footer .copyrights {padding-bottom: 2rem;}
#footer .copyrights p { color: var(--wss-color-font); }
#footer .copyrights p, #footer .copyrights a {font-size: .875rem; text-transform: uppercase;}
#footer .copyrights .links {width: auto; float: right;}
#footer .copyrights .links a:hover {color: #fff;}
#footer .copyrights .links ul {display: flex; justify-content: flex-end;} 
#footer .copyrights .links ul li {margin-left: 1.5rem;} 


/* social links */
.block-social ul {
    margin: 0;
} 

.facebook {
    background-image: url(../img/wss-icon-fb.svg);
    background-position: center center;
}
.instagram {
    background-image: url(../img/wss-icon-insta.svg);
    background-position: center center;
}

#footer .block-social {
    padding-right: 15px;
    padding-left: 15px;
} 

#footer .block-social ul {
    justify-content: end;
} 


/* slider */
.carousel {padding: 0; margin-bottom: 0; }
.carousel .carousel-inner { height: auto; margin:0;}
.carousel .carousel-control .icon-next {right: 2.2rem;}
.carousel .carousel-control .icon-next i, .carousel .carousel-control .icon-prev i { text-indent: -9999px; background-size: contain;}
.carousel .carousel-control .icon-prev i {background-image: url(../img/wss-slider-arrow-prev.png);}
.carousel .carousel-control .icon-next i {background-image: url(../img/wss-slider-arrow-next.png);}


/*** all ***/

#wrapper .page-header {
    margin-bottom: 3rem;
    padding: 4rem 0;
    text-align: center;    
    background-image: url(../img/wss-header-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#wrapper .page-header h1 {
    font-size: 2.875rem;
    font-weight: bold;
}

#wrapper .featured-products .products-section-title {
    font-weight: bold;
    font-size: 2.875rem;
    text-transform: none;
    padding: 3rem 0; 
    display: block;
    background-image: url(../img/wss-flame-mid.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#products, #product .featured-products, #product #main, #cart #main {
    margin-bottom: 4rem;
}



/*** #index ***/

#index #wrapper > .container {
    width: auto;
    max-width: none;
    margin: initial;
    padding: initial;
}

#index #wrapper > .container > .row {
    margin: initial;
    padding: initial;
}

#index #wrapper > .container > .row > .js-content-wrapper {
    padding: 0;
}

/* #index - products */

#blockcart-modal .product-name {
    color: inherit;
}

#index .featured-products.specials .products-section-title {
    margin-top: -8rem;
}

.products .product-miniature .thumbnail-container { border-radius: 6px; }

.product-actions-mini {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
}

.add-to-cart, .btn-loop {
    height: auto !important;
    padding: 0.5rem;
    padding-top: 0.625rem;
    border-radius: 6px;
}

.add-to-cart.btn-primary i, .btn-loop.btn-primary i {
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    font-size: 2.25rem;
    margin-right: 0;
}


.btn-loop.btn-primary {
    background-color: #3a454e !important;
}

.btn-loop.btn-primary i {
    background-image: url(../img/wss-icon-search.svg);
}

.add-to-cart.btn-primary i {
    background-image: url(../img/wss-icon-cart.svg);
}

.product-quantity .add, .product-quantity .add-mod {
    margin: 0;
}

.product-flags {
    left: 1.25rem;
    top: 0.75rem;
}

.product-flags li.product-flag {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0.75rem;
}

#index .new .product-flags li.product-flag.discount, #index .new .product-miniature .regular-price {
    display: none;
}

.product-flags li.product-flag.discount {
    background-color: #FF2929;
}


.product-miniature .product-description {
    padding: 0 1.25rem 1.5rem 1rem;
}

.product-miniature .product-title {
    text-align: left;
    margin: 1rem 0 1.5rem;
    /* height: 40px; */
    height: 112px;
    overflow: hidden;
}

.product-miniature .product-title a, .product-miniature .product-price-and-shipping {
    color: #000;
    font-size: 1.5rem;
    font-weight: 600;    
}

.product-miniature .product-title a {
    line-height: 2rem;
}

.product-miniature .product-price-and-shipping {
    text-align: left;
    line-height: 3.25rem;
}

.product-miniature .regular-price {
    color: #D6D6D6;
    font-size: 1.125rem;
    margin-right: 0.5rem;
}

.specials .product-miniature .price {
    color: #FF2929;
}


.product-miniature .product-mini-features {
    position: absolute;
    bottom: 0;
    left: 1rem;
}

.product-miniature .product-mini-features span {
    background-color: #000;
    font-weight: bold;
    font-size: 0.625rem;
    line-height: 0.875rem;
    color: #fff;
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 3rem;
}

.product-miniature .product-mini-features span.ft-dizzy {
    background-image: url(../img/wss-features-icon-dizzy.svg);
    background-repeat: no-repeat;
    background-position: 0.75rem center;       
}



/* #banner (index, about-us) */
#wrapper .banner {
    padding: 10rem 0 14rem;
    background-image: url(../img/wss-baner-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
}

.banner .spec-block {
    text-align: center;
}

.banner .spec-block .spec-icon {
    display: inline-block;
}

.banner .spec-block .spec-icon i {
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
    font-size: 7rem;
    margin: 0;
}

.banner .spec-block .spec-icon.spec-quality i {
    background-image: url(../img/wss-baner-icon-quality.svg);
}

.banner .spec-block .spec-icon.spec-brands i {
    background-image: url(../img/wss-baner-icon-brands.svg);
}

.banner .spec-block .spec-icon.spec-delivery i {
    background-image: url(../img/wss-baner-icon-delivery.svg);
}

.banner .spec-block .spec-icon.spec-payment i {
    background-image: url(../img/wss-baner-icon-payment.svg);
}

.banner .spec-block h3 {
    margin: 0;
    margin-top: .25rem;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.625rem;
    color: #fff;
}





/* #custom-text (index, cms) */
#custom-text { 
    margin: 0;
    padding: 5rem 0 1rem;
    text-align: left;
}

/*#custom-text * { color: #fff !important; }*/

#custom-text #custom-layer {
    background-image: url(../img/wss-custom-bg2.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-bottom: 3rem;
    background-size: 60%;
}

#custom-text #custom-layer .custom-content {
    padding-left: 8rem; 
}


#custom-text.wss-custom h1 {
    font-weight: bold;
    font-size: 2.875rem;
    line-height: 3.5rem;
    padding: 5rem;
    margin: 0;
    margin-left: -5rem;
    background-image: url(../img/wss-flame-big.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #fff;
}

#custom-text.wss-custom p {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #fff;
}

#custom-text.wss-custom h2 a{
    font-weight: 500;
    font-size: 1.125rem;
    padding: 2rem 5rem;
    margin-bottom: 2rem;
    text-transform: none;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    color: var(--wss-color-font);
}

#custom-text.wss-custom h2 a:hover{
    opacity: 0.75;
}



#custom-text.wss-custom h1 + * {
    margin: 1.5rem 0; 
}


#index #custom-text .custom-extra {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

#index #custom-text .custom-extra p.social-extra{
    margin: 0.75rem 0;
    margin-right: 2rem;
}


/*#index #custom-text .block-social {
    position: absolute;
    bottom: 0.25rem;
    right: 5rem;
}*/


#index #custom-text .block-social li {
    background-color: var(--wss-color-midbg) !important;
    margin-left: 0.75rem; 
    height: 3.5rem;
    width: 3.5rem;
}

#cms #custom-text #custom-layer .custom-content {
    float: right; 
}

#cms #custom-text #custom-layer {
    background-image: url(../img/wss-custom-cms-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-bottom: 3rem;
    background-size: 58%;
}



/*** #cms ***/

#cms .page-cms {
    overflow: auto;
    padding: 0 2rem 4rem;
    margin: 0;
}

#cms .page-cms.page-cms-1 {
    padding: 0;
    padding-left: 8rem;
}


#cms .page-cms.page-cms-1 h1 {
    font-weight: bold;
    font-size: 2.875rem;
    line-height: 3.5rem;
    padding: 4.75rem 5rem;
    margin: 0;     
    margin-left: -5rem;
    background-image: url(../img/wss-flame-semibig.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#cms .page-cms p {
    font-size: 1.25rem;
    line-height: 2rem;
    text-align: left;
}

/* #cms .page-cms.page-cms-1 h2 a {
    font-weight: 500;
    font-size: 1.125rem;
    padding: 2rem 4rem;
    margin-top: 2rem;
    margin-bottom: 1rem; 
    text-transform: none;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
} */

#cms .page-cms.page-cms-1 h2 a:hover {
    opacity: 0.75;
}

#cms .page-cms img{
    float: right;
    max-width: 60%;
    margin-left: 8rem;
    margin-top: 1rem;
}


#cms .special-link h2 {
    text-align: center;
}

#cms .special-link h2 a {
    color: var(--wss-color-font);
    font-weight: 500;
    font-size: 1.125rem;
    padding: 2rem 7rem;
    text-transform: none;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 5rem;
    display: inline-block;
}

#cms .special-link h2 a:hover {
    opacity: 0.75;
}


/*** #cms - brands ***/

#cms .brands {
    margin: 5rem 0;
}

#cms .brands .brand-item .brand-photo{
    padding: 3.5rem 0;
    text-align: center;
    background-color: var(--wss-color-alterbg);
    border-radius: 6px;
}

/*** #contact ***/

#contact .page-content {
    padding: 0;
    margin: 0;
}

#contact #wrapper .block-contact.col-md-6, #contact #wrapper .contact-item.col-md-6 {
    width: auto;
    float: none;
}

#contact .map-wrapper {
    margin: 5rem 0;
    border-radius: 6px;
}

#contact #wrapper #contact-infos {
    padding: 2rem;  
}

#contact #wrapper #contact-infos .contact-item {
    padding-left: 5rem;
    margin-bottom: 3rem;
    background-size: 3.5rem;   
}

#contact #wrapper #contact-infos .contact-item h4 {
    font-size: 1.125rem;
    font-weight: bold;
}

#contact #wrapper #contact-infos .contact-item p {
    font-size: 1.5rem;
}


#contact .contact-form {
    background-color: var(--wss-color-alterbg);
    padding: 2rem 4rem;
    border-radius: 6px;
}

#contact .contact-form * {
    color: var(--wss-color-font);
}

#contact .contact-form form .form-control-label {
    font-size: 1rem;
    font-weight: 500;
}

#contact .contact-form form .form-control-label a{
    color: var(--wss-color-flame);
}

#contact .contact-form h3 {
    font-weight: bold;
    font-size: 2.25rem;
    text-transform: none;
    padding: 3rem 0;
    display: block;
    background-image: url(../img/wss-flame-mid.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
    text-align: center;
}


#contact .contact-form input[type="checkbox"] {
    width: 1.5em;
    height: 1.5rem;
    accent-color: var(--wss-color-flame);
    display: inline;
    vertical-align: middle;
    margin: 0 0.75rem 0 0.25rem;
    position: relative;
    font-size: inherit;
    margin-top: -2px;
}

#contact input#regulations:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
}

#contact input#regulations:checked:before {
    display: none;
}

#contact .contact-form form {
    display: flex;
    flex-flow: column;
}


#contact .contact-form .form-content {
    display: flex;
}

#contact .contact-form .form-content .form-group:last-child {
   margin-bottom: 0;
}


#contact .contact-form .form-control {
    background-color: var(--wss-color-midbg);
    padding: 1.5rem;
    border-radius: 6px;
    font-size: 1.25rem;
    font-weight: 500;
}

#contact .contact-form .form-control:focus {
    border: 0;
    border-bottom: 2px solid var(--wss-color-flame);
    outline: none;
}

#contact .contact-form .form-control:focus::placeholder {
    color: #ffffff !important;
}

#contact .contact-form .form-message, #contact .contact-form .form-message textarea {
    height: 100%;
}


#contact .contact-form .alert ul{
    margin-bottom: 0;
}

#contact .contact-form .alert li {
    font-size: 1.25rem;
    line-height: 1.5rem;
    text-align: center;
    color: var(--wss-color-flame);
}

#contact .contact-form .alert-danger li {
    color: red;
}

#contact .contact-form .alert-success li {
    color: green;
}

#contact .contact-form .btn-primary {
    font-weight: 500;
    font-size: 1.125rem;
    padding: 2rem 5rem;
    margin: 0;
    text-transform: none;
    background-color: transparent !important;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center;
}


#contact-infos .contact-item {
    padding-left: 3rem;
    margin-bottom: 1rem;
    background-repeat: no-repeat;
    background-position: left top;    
}

#contact-infos .contact-item h4 {
    font-size: 0.875rem;
    font-weight: 700;
}

#contact-infos .contact-item p {
    font-size: 1.25rem;
    line-height: 2rem;
}

#contact-infos #ctphone  {
    background-image: url(../img/wss-contact-icon-phone.svg);
}

#contact-infos #ctemail  {
    background-image: url(../img/wss-contact-icon-email.svg);
}

#contact-infos #cthours  {
    background-image: url(../img/wss-contact-icon-hours.svg);
}

#contact-infos #ctshop  {
    background-image: url(../img/wss-contact-icon-shop.svg);
}





/*** #stores ***/

#stores .page-stores .store-item-footer i.material-icons {
    font-size: 1.5rem;
    color: #fff;
}



/*** #category ***/

#category .card-block {
    padding: 0; 
}

#category .block-category.card-block {
    margin-bottom: 1rem; 
}


.block-categories .category-top-menu hr {
    background-color: var(--wss-color-font);
}

.block-categories {
    border: 1px solid var(--wss-color-flame);
    border-radius: 6px;
    padding: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 4rem;
}

.block-categories h2 {
    font-weight: 700;
    font-size: 1.25rem;
    padding: 1.5rem 0;
    text-transform: uppercase;
    background-image: url(../img/wss-flame-small.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-align: center;
    margin-bottom: 2rem;
}

.block-categories a:hover, .block-categories i  {
    color: var(--wss-color-flame) !important;
}

.block-categories .category-sub-menu li[data-depth="0"] i  {
    line-height: 2.5rem;
}

.block-categories .category-sub-menu{
    margin-bottom: 1rem;
}

.block-categories .category-sub-menu li[data-depth="0"]>a {
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: 500;
}

.block-categories .category-sub-menu li a.current {
    color: var(--wss-color-flame) !important;
}

.block-categories .category-sub-menu li[data-depth="1"] .arrows{
    padding-left: 2rem;
}

.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"]) {
    padding-left: 0.75rem;
    margin-bottom: 0.25rem;
}

.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {
    display: none;
}

.block-categories .category-sub-menu li[data-depth="1"] > .category-sub-link {
    font-size: 1rem;
    font-weight: 500;
}

#category .block-category .block-category-inner {
    gap: 3rem;
    display: block;
    align-items: center;
    justify-content: left;
}

#category .block-category #category-description {
    width: 100%;
    text-align: center;
}

#category .block-category .block-category-inner p{
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
}

#category .block-category .category-cover {
    width: 100%;
    text-align: center;
}

#category .block-category .block-category-inner img{
    width: auto;
    height: auto;
}


#category #subcategories {
    border: 0;
    margin-bottom: 2rem;
}

#category #subcategories ul li h5 {
    font-size: 1.25rem;
    margin-top: 1rem;
}

#category #subcategories ul li .subcategory-image a {
    border: 0 !important;
    padding: 0 !important;
}

#category #subcategories ul li {
    width: calc(100% / 3 - 20px);
    padding: 2rem 0;
    background-color: var(--wss-color-alterbg);
    border-radius: 6px;
}

#category #products {
    margin: 3rem 0;
}



/*** #product ***/

#product .product-container .product-actions{
    position: relative;
    left: auto;
    right: auto;
}

#product .product-container .product-title{
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    text-transform: unset;
    font-weight: bold;
    font-size: 2.25rem;
}

#product .product-container .product-description{
    margin-bottom: 2rem;
}

#product .product-container .product-description p{
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--wss-color-font);
}

#product .product-container .product-information{
    margin: 3rem 0;
}


#product .product-container .product-prices, #product .product-container .product-prices * {
    margin: 0;
}

#product .product-container .product-prices .current-price .current-price-value{
    font-size: 2.25rem;
    font-weight: 400;
    color: var(--wss-color-font);
}



#product .product-container .product-quantity .qty,
#category .product-container .product-quantity .qty {
    margin: 0;
    margin-right: 1rem;
    border: 1px solid #3A454E;
    padding: 1rem 1rem;
    align-items: center;
}


/*#product .product-container.product-options .product-quantity .qty {
    margin-right: 0;
}*/


#product .product-container .product-quantity .input-group-btn-vertical,
#category .product-container .product-quantity .input-group-btn-vertical  {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 2rem;
    flex-flow: row-reverse;
}

#product .product-container .product-quantity .input-group-btn-vertical .btn,
#category .product-container .product-quantity .input-group-btn-vertical .btn  {
    padding: 0.5rem 0.6875rem;
    background-color: transparent;
    color: #fff;
    border: 0;
    outline: none;
}

#product .product-container .product-quantity .input-group-btn-vertical .touchspin-up::after,
#category .product-container .product-quantity .input-group-btn-vertical .touchspin-up::after {
    content: "\002B";
}

#product .product-container .product-quantity .input-group-btn-vertical .touchspin-down::after,
#category .product-container .product-quantity .input-group-btn-vertical .touchspin-down::after {
    content: "\2212";
}



#product .product-container .product-quantity input, 
#category .product-container .product-quantity input {
    width: 2rem;
    height: auto;
    padding: 0.175rem 0rem;
    color: #fff6f6;
    border: 0;
    text-align: center;
    background-color: transparent;
    position: absolute;
    left: 1.3rem;
    outline: none;
    font-size: 1rem;
}

 .product-container.product-main .product-actions .add-to-cart {
    padding: 0.5rem 1.5rem 0.5rem 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.product-container.product-main .product-quantity .add-to-cart i {
    margin-right: 1rem;
}



.product-features {
    margin: 0;
}

.product-features #feat-pictures {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem; 
}


.product-features #feat-labels p {
    /* color: #D6D6D6; */
    font-size: 1rem;
    font-weight: 500;
    line-height: 1rem;
    margin-bottom: 0.75rem;
}


.product-combination {
    display: flex;
    flex-flow: wrap;
}

.product-combination .comb-row {
    margin-bottom: 1rem;
}

.product-combination .comb-block {
    background-color: #131A21;
    border-radius: 6px;
    display: flex;
    align-items: center;
    height: 100%;
}

.product-combination .comb-data {
    display: flex;
    align-items: center;
    flex: auto;
    padding: 0.75rem 0;
}

.product-combination .comb-data .product-add-to-cart{
    flex: auto;
}

.product-combination .comb-variant {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    text-align: center;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.product-combination .comb-title {
    margin: 0;
    font-weight: 600;
    font-size: 0.75rem;
    color: #000;
    word-break: break-all;
}
@media(max-width:1199px) {
    .product-combination .comb-title {
        font-size: 0.625rem;
        word-break:break-word;
    }
}

@media(max-width:380px) {
    .product-combination  .comb-title {
        display: none;
    }
}


.product-combination .comb-data .product-prices {
    padding: 0 1rem;
}

.product-combination .comb-data .product-prices .current-price-value {
    font-size: 1.25rem;
    font-weight: 500;
}

.product-combination .comb-data .product-quantity .qty{
    padding: 0 0.75rem;
    margin-right: 1rem;
}


/*#product .product-combination .comb-data .product-quantity {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#product .product-combination .comb-data .product-quantity .qty {
    position: relative;
    height: 2.5rem;
    padding: 0;
}

#product .product-combination .comb-data .product-quantity .qty input {
    padding: 0;
    left: 1.5rem;
}

#product .product-combination .comb-data .product-quantity .qty::before {
    content: "\2212";
    display: inline-block;
    width: 2.5rem;
    height: auto;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
}

#product .product-combination .comb-data .product-quantity .qty::after {
    content: "\002B";
    display: inline-block;
    width: 2.5rem;
    height: auto;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    cursor:pointer;
}*/


/*** product miniatures (all) ***/

.product-miniature { height: 100%; }

.product-miniature .thumbnail-container {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.product-miniature .thumbnail-container .product-description {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}

.product-miniature .thumbnail-container .product-description .product-title { flex-grow: 1; }


/*** #cart ***/

#cart #cart-nav {
    display: flex;
    flex-flow: wrap;
    gap: 1rem;
    align-items: center;
}

#cart #cart-nav .cart-step {
    flex: 1;
    background-color: #131A21;
    border-radius: 6px;
    padding: 1rem 2rem;
}

#cart #cart-nav .cart-step .step-number {
    display: inline-block;
    border: 2px solid #E15C0F;
    border-radius: 50%;
    color: var(--wss-color-flame);
    font-weight: 600;
    width: 3rem;
    height: 3rem;
    text-align: center;
    vertical-align: middle;
    line-height: 2.75rem;
    opacity: 0.5;
}

#cart #cart-nav .cart-step .step-title {
    text-transform: uppercase;
    color: #3A454E;
    font-weight: bold;
    font-size: 1.125rem;
    margin-left: 1rem;
}

#cart #cart-nav .cart-step.active .step-number {
    opacity: 1;
}

#cart #cart-nav .cart-step.active .step-title {
    color: var(--wss-color-font);
}

#cart .cart-overview .cart-items{
    margin: 2rem 0;
}

#cart .cart-overview .cart-item {
    border-bottom: 1px solid var(--wss-color-midbg); 
}

#cart .cart-overview .product-line-grid {
    display: flex;
    align-items: center;
}

#cart .cart-overview .product-line-info {
    display: inline-block;
    margin-left: 0.5rem;
}

#cart .cart-overview .product-line-info a  {
    color: var(--wss-color-font);
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
}
#cart .cart-overview .product-line-info a:hover {
     color: var(--wss-color-flame);
}

#cart .cart-overview .cart-line-product-actions a {
    display: inline-block;
    color: red;
    font-size: 1.25rem;
    font-weight: 500;
}

#cart .cart-overview .cart-line-product-actions i {
    font-size: 1.25rem;
    font-weight: 500;
}


#cart .cart-overview .has-discount .discount {
    display: none;
}

#cart .cart-overview .product-line-grid-left {
    text-align: center; 
}

#cart .cart-overview .number-line, #cart .cart-overview .image-line {
    text-align: left; 
}

#cart .cart-overview .input-group.bootstrap-touchspin {
    float: none;
}

#cart .cart-overview .product-price, #cart .cart-overview .price{
    color: var(--wss-color-font);
    font-size: 1.25rem;
    font-weight: 500;
}

#cart .cart-overview .product-line-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 30%;
    justify-content: space-around;
}


#cart .cart-overview .image-line {
    flex: auto;
}

#cart .cart-overview .number-line {
    width: 5%;
}

/*#cart .cart-overview .actions-line {
    width: 5%;
}*/

#cart .cart-overview .price-line {
    width: 10%;
}

#cart .cart-overview .total-line {
    width: 33%;
    /*width: 10%;*/
}

#cart .cart-overview .quantity-line {
    width: 33%;
    /*width: 15%;*/
}



#cart .cart-overview .qty {
    margin: 0;
    border: 1px solid #3A454E;
    padding: 1rem 1.5rem;
    display: inline-block;
}



#cart .cart-overview .input-group-btn-vertical {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 2rem;
    flex-flow: row-reverse;
}

#cart .cart-overview .input-group-btn-vertical .btn {
    padding: 0.5rem 0.6875rem;
    background-color: transparent;
    color: #fff;
    border: 0;
    outline: none;
}

#cart .cart-overview .input-group-btn-vertical .touchspin-up::after {
    content: "\002B";
}

#cart .cart-overview .input-group-btn-vertical .touchspin-down::after {
    content: "\2212";
}

#cart .cart-overview input {
    width: 2rem;
    height: auto;
    padding: 0.175rem 0.5rem;
    color: #fff6f6;
    border: 0;
    text-align: center;
    background-color: transparent;
    position: absolute;
    left: 1.3rem;
    outline: none;
    font-size: 1rem;
}

#cart .cart-overview .no-items {
    font-size: 1.5rem;
    margin: 2rem 1.5rem;
    display: inline-block;
}





#cart .cart-detailed-totals {
    margin-bottom: 3rem;
    display: flex;
}

#cart .cart-detailed-totals #cart-totals {
    margin-left: auto; 
}


#cart #cart-promo {
    width: 35%;
}

#cart #cart-promo .promo-title{
    font-weight: bold;
    font-size: 1.125rem;
    text-transform: uppercase;
    color: var(--wss-color-flame);
}

#cart #cart-promo .promo-code{
    padding: 1.25rem 0;
}

#cart #cart-promo .promo-code form{
    text-align: left;
    display: flex;
    align-items: center;
}

#cart #cart-promo .promo-code form .promo-input {
    width: 100%;
    margin-right: 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    padding: 2rem 1.5rem;
    background-color: var(--wss-color-midbg);
    border: 1px solid var(--wss-color-midbg); 
    border-radius: 6px;
    outline: none;
    color: var(--wss-color-font);
}

#cart #cart-promo .promo-code form .btn-check{
    margin: 0;
    text-transform: uppercase;
}

#cart #cart-totals .cart-summary-line:not(:last-child) {
    margin-bottom: 1.5rem;
}

#cart #cart-totals .cart-detailed-subtotals {
    padding: .5rem 0 .5rem 1.25rem;
}
#cart #cart-totals .cart-summary-totals {
    padding: 2rem 0 .5rem 1.25rem;
}

#cart #cart-totals .cart-summary-totals .cart-total {
    border: 0;
}

#cart #cart-totals .cart-summary-line {
    text-align: right;
}

#cart #cart-totals .label {
    color: var(--wss-color-flame);
    text-transform: uppercase;
    font-size: 1.125rem;
    margin-right: 2rem;
    font-weight: bold;
}

#cart #cart-totals .value {
    color: var(--wss-color-font);
}

#cart #cart-totals .cart-summary-totals .cart-total .label {
    font-size: 1.125rem;
    margin-right: 2rem;
}

#cart #cart-totals .cart-summary-totals .cart-total .value {
    font-size: 2.25rem;
}


#cart #cart-totals #cart-subtotal-products .value {
    font-size: 1.5rem;
}

#cart #cart-totals #cart-subtotal-shipping .value {
    font-size: 1.25rem;
}


#cart #cart-btns {
    display: flex;
}

#cart #cart-btns .btn-primary, #cart #cart-promo .btn-primary {
    border-radius: 6px;
    padding: 1.25rem 2.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

#cart #cart-btns .btn-primary.btn-prev, #cart #cart-promo .promo-code form .btn-check {
    background-color: transparent !important;
    border: 1px solid var(--wss-color-flame);
        color: var(--wss-color-flame) !important;
}

#cart #cart-btns .btn-primary.btn-next {
    margin-left: auto;
}


/*** #auth - login ***/
#authentication form label {
    color: var(--wss-color-font);
}




/*** #page-not-found ***/
#pagenotfound #main .page-header { text-align: center; }


@media (min-width: 1200px) {
    .container {
        width: 1580px;
        padding: 0 1.875rem;
/*        width: 1560px;
        padding: 0 2.5rem;*/
       /* width: 1640px;*/
    }
}

@media (min-width: 1920px) {
    .container {
       width: 1640px;
       padding: 0 15px;
    }
}


.product-hex-container {
    background-color: #131a21;
    margin: 5px 0;
    
}
@media(min-width:1200) { 
    .product-hex-container, .product-hex-options form {
        display: flex;
    }
    
}

.product-hex-bar {
    height: 100%;
    /* width: 100%; */
    display: flex;
    padding: 0x;
    align-items: center;
    color: #fff;
    margin: 0px 0;
    font-weight: 600;
}

.product-hex-options {
    display: flex;
    /* margin: 10px 0px; */
    align-items: center;
}
.product-hex-bar form {
    display: flex;
}
.product-hex-options form {
    display: flex;
    align-items: center;
}
.product-hex-container form input[type=number] {
    background: transparent;
    border: 1px solid #3a454e;
    color: #fff;
    font-weight: bold;
    text-align: center;
    
    max-width: 75px;
    width: auto !important;
}

 .product-hex-bar > div {
    padding: 10px;
 }
 .product-hex-options .price {
    color: #fff;
    padding: 0 10px;
    font-weight: bold;
}
.product-hex-options .btn-default
{
    background: #3a454e;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 5px;
    margin: 0 5px;
}

.product-quantity  {
    position: relative;
}
.mjhexcategorymatrix-cart-item
{
    width: 95px;
    height: 95px;
    display: inline-block;
}
.mjhexcategorymatrix-product-color-placeholder {
    width: 100%; 
    /* 357px*/
    height: 357px;
    display: inline-block;
}

.feature-icon-dizzy {
    background: #38454e;
    border-radius: 50%;
    width: 120px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-icon-dizzy img {
    width: 50px !important;
}
@media(max-width:991px) {
    #category .block-category #category-description {
        width: 100% !important;
    }
}
#feat-pictures {
    display: flex;
    justify-content: center;
}
#feat-pictures .feat-image {
    height: 120px !important;
}
.page-customer-account #content 
{
    background: transparent;
}

form .form-control-label, 
.nav-item .nav-link.active {
    color: #7a7a7a;
}
.form-control {
    border: 1px solid rgba(0, 0, 0, .25);
    background-color: var(--wss-color-midbg);
    border: 1px solid var(--wss-color-midbg);
    color: #fff;
}
.label, label {
    color: #fff;
}
.form-control:focus {
    color: #fff;
    background-color: #252e36;
    outline: none;
    border: 1px solid #252e36;
}

.page-my-account #content .links a span.link-item, .psgdprinfo17 {
    background: #131A21;
}
.page-my-account #content .links a i { 
    color: #e15c10;
}
 #content .links a:hover {
    color: #7a7a7b;
}
.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i, .dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    color: #e15c10;
}
body#checkout a:hover {
    color: #e15c10;
}
#order-return-infos .thead-default th, .page-addresses .addresses-footer a, .page-addresses .addresses-footer a:hover, .page-my-account #content .links a:hover { 
    color: #7a7a7b;
}
.mjhexcategorymatrix-product-color-placeholder.small {
    width: 48px;
height: 48px;
vertical-align: middle;
}
.price_wholesale {
    font-size: 0.8rem;
}
 .tabs .nav-tabs .nav-link
 {
    color:#fff;
 }
 #product .tabs {
    padding:2rem 0;
    display:none;
 }

 .select-form-wrapper .form-control-select {
    width: 100% !important;
}
.select-form-wrapper {
    position: relative;
}
.select-form-wrapper:after {
    right: 15px;
    top: 50%;
    content: "\e313";
    transform: translateY(-50%);
    position: absolute;
    font-family: 'Material Icons';
}

#order-items table tr.total-value {
    background-color: transparent !important;
}
#content-hook_payment_return dt, #content-hook_payment_return dd {
        background: transparent !important;
}


.modal-body .product-total .label {
color: #232323 !important;
}


.page-order-detail h3
{
    color:#fff;
}
 .page-order-detail .box {
    background-color: transparent;
    
 }
 #order-detail .table-bordered, #order-detail .table-bordered td, #order-detail .table-bordered th,
 #history .table-bordered, #history .table-bordered td, #history .table-bordered th {
    border:1px solid rgba(255, 255, 255, 0.25) !important;
 }
 #order-detail .thead-default th, #history .thead-default th {
    border-bottom: 0px;
    background:#292929;
 }
 
 a {
  outline:none !important;
 }

 #order-items {
    border-right: 0px;
}

.comb-row.unvisible {
    display: none;
}

.product-regular-price {
    text-decoration: line-through;
    color: #D6D6D6;
}
.mjhexcategorymatrixdescription .text-center.text-muted {
    text-align: center;
    margin-bottom: 2rem;
}
.mjhexcategorymatrixdescription .text-center.text-muted  p {
    margin-bottom: 0 !important;
}
#js-product-list .pagination > .col-md-4 {
    display: none;
}
#js-product-list .pagination .pagination a {
    font-size: 20px;
}

.brandlist_swiper {
    align-items: center;
    display: flex;
    justify-content: center;
}

.pagination .page-list {
    background: transparent;
}
.pagination a {
    color:#fff;
    font-size: 1rem;
}

span.gm_omniprice {
    background: transparent !important;
}

/**
Wyłączenie front search autocomplete
**/
/* .searchbar-autocomplete {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
} */

/**
new flag
**/
#product .product-flags {
    display:block !important;
}
.product-flag.new
{
    background: #ffaa00  !important;
    padding: 0.2rem !important;
    font-size: 0.7rem !important;
    text-align: center;
}


/**
 modal
 **/
 #product .modal-body figure {
    width: 75%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-flow: column;
    justify-content: center;
 }
#product  .product-images.js-modal-product-images
 {
    flex-flow: column;
    display: flex;
 }
 #product .modal-body #product-description-short {
    /* display: none; */
 }
 #product #thumbnails {
    display:none;
 }
 #product .modal-body .modal-inner-content {
    width:100%
 }
 #product .modal-body .modal-inner-content button.close {
    opacity:1;
 }
  #product .modal-body .modal-inner-content button.close  i {
    color:#eee;
  }
#product .modal-body figure {
    width:100%;
 }
 #product-modal .modal-content .modal-body .product-images img {
    border: 1px solid rgba(255, 255, 255, 0.25);
 }
 figcaption.image-caption #product-description-short {
    color: #eee;
}
 .product-variants>.product-variants-item select {
    background-color:#000;
    background-image: none;
 }
 .tabs .nav-tabs {
    border-bottom: #f6f6f61c 2px solid;
}
#product .js-product-images-modal .modal-content, #product .js-product-images-modal .modal-body, #product .js-product-images-modal .modal-inner-content {
    height: 100%;
}
#product .modal-body figure {
    height: 100%;
    align-items: center;
    justify-content: center;
}
#product .modal.in .modal-dialog {
    height: calc(100vh - 10px);
    margin: 0 auto;
    padding: 0;
}
#product-modal {
        background: linear-gradient(0deg, #000, transparent);
}
#search .js-product.product.disabled {
    display: none !important;
}
#search .pagination {
    display: none;
}
/**
strzałki modala
**/
.ps-modal-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 48px;
  background: rgba(0,0,0,.5);
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.ps-modal-prev { left: 10px; }
.ps-modal-next { right: 10px; }