@import "./owl.carousel.css";
@import "./fonts.css";
@import "./swipebox.css";

body {background-image: linear-gradient(180deg, #e9ecef, #fff 100px, #fff); background-repeat: no-repeat;  font-family: 'Open Sans';}
a, a:focus{text-decoration: none; color: #1d1d1d;}
a:hover {color: #6c6b6b;}
h1, h2, h3, h4 {font-weight: 800;}
h1 span {font-weight: normal;}
h1 {font-size: 2.2rem; }
.cursor {cursor: pointer;}
label:hover {opacity:.75}
.container-fluid {--bs-gutter-x: 3rem;}
.relative {position: relative;}
.cover {background-size: cover;}
.underline {border-bottom:1px solid #5b5b5b;}
.btn-primary {color: #fff; background-color: #ff6814; border-color: #ff6814; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #e8573f!important; border-color: #e8573f !important; color: #fff!important }

.btn-large {padding: .8rem 1.5rem; font-weight: bold;}
.btn-danger {background-color: #ee4c38; border-color: #ee4c38; padding:10px 20px; border-radius:25px; font-weight: bold;}
.btn-danger:hover {background-color: #ca3f2c;border-color: #ca3f2c;}
.btn-danger:focus, .btn-danger:active, .btn-danger:focus-visible, .btn-danger:focus-within, .btn-danger:active:focus, .btn-danger.active {  background-color: #ca3f2c !important;   border-color: #ca3f2c !important;   color: white !important;}
.form-check-input:focus, .form-control:focus, .form-select:focus {box-shadow: none; border-color:#a0a0a0; }
.form-check-input:checked {background-color: #ee4c38; border-color: #ee4c38;}
.form-check-input {border-color: #dedede;}
.btn-close {transition: transform 0.2s ease-in-out; opacity: .2;}
.modal-header .btn-close {right:15px !important; left:auto !important}
.btn-close:focus {box-shadow: none; outline:0px !important; box-shadow: none !important;}
.btn-close:hover {  transform: rotate(90deg);}
.form-select.error {border-color:#1b185d;}
.modal-backdrop {background-color: rgb(223 223 223);}
.modal-backdrop.show {opacity:.7}
.modal-content {box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
@keyframes fadeIn {from {opacity: 0;transform: translateY(20px);}to {opacity: 1; transform: translateY(0);}}
.scrollbar::-webkit-scrollbar, .ui-autocomplete::-webkit-scrollbar {width: 5px; background-color: #ebebeb;}
.scrollbar::-webkit-scrollbar-thumb, .ui-autocomplete::-webkit-scrollbar-thumb {background-color: #a8a8a8; }
input[type=number] {-moz-appearance: textfield;} /*firefox remove spin*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.normal-text {font-style: normal;}
.bg-light {background-color: #cdb6a721 !important;}

#glsWidgetIframeWrapper {position:fixed !important; z-index:2000;}
 

/*
Brawn #9a685b
Green #254f3a
*/

/* ALARM */
.alarma {background-color: #c5d930; color: #333; font-weight: bold; height:60px; font-size: .9rem;  }
.alarma .alarma__content {padding:1rem 0;}
.alarma .btnclose {position: absolute; transform: translateY(-50%); top:50%; right: 15px; width:15px; height:15px; display:block; background-size: cover;  background-image: url(../images/close.svg);}



/* HEADER */
header .padding {padding-top:15px; padding-bottom:20px}
.logo img {width: 100px}
.nav-green {background-color: #9a685b; padding:0}
.navbar-expand-lg .navbar-nav .nav-link {padding:15px;  color: white; font-size:.9rem; line-height: 20px;  display: block; border-right:1px solid rgba(255, 255, 255, 0.184) }
.navbar-expand-lg .navbar-nav .nav-link:hover {color: #9a685b; background-color: rgba(255, 255, 255, 0.9);}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:focus {background-color: rgba(255, 255, 255, 0.8); color: #333}
.navbar-nav {margin-left:-15px}
.nav-sale {border: none !important}
.nav-sale img {position: relative; top:-2px;}
.navbar .dropdown-toggle b {position: relative;}
.navbar .dropdown-menu      {border-radius: 0; --bs-dropdown-spacer: 0; padding:2rem 0; animation: slideDown 0.3s ease-out; border:0}
.navbar .dropdown-menu .item {position: relative; padding:10px; line-height: 20px; font-size:.95rem; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; border-radius: 7px;}
.navbar .dropdown-menu .item:hover {box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 24px 0px, rgba(0, 0, 0, 0.10) 0px 0px 0px 1px;}
.navbar .dropdown-menu .item a:hover {text-decoration: underline; }
.navbar .dropdown-menu .item .img {width: 100px; display: block; flex-shrink: 0;}
.navbar .dropdown-menu .item .imgsub {width: 60px; display: block; flex-shrink: 0; margin-right: 15px;}
.navbar .dropdown-menu .item .image {width: 60px; height: 60px; margin:8px 0 8px 8px ; display: block; background-size: cover; background-position: center;;}
.navbar .dropdown-menu .item .sub {font-size: .75rem; opacity:.7;}
.navbar .dropdown-menu .item .all {font-size: .75rem; opacity:.7;}
.navbar .dropdown-menu .item.active {background-color: #9a685b4a;}
.navbar .dropdown-toggle::after {display: none;}
.dropdown-toggle::after {border:none}
.grid {display: grid;}
.grid-cols-5 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.navbar .dropdown-menu .item .title {flex-grow: 1;}
.dropdown {position: static} /* full width bootstrap 5 dropdown!!!*/
.nav-item.dropdown .dropdown-menu {width: 100vw; left: 0; position: absolute; top: 50px; border-radius: 0; border:0 !important;}


.headerbox span {display: block; opacity:.8; font-size: .85rem; line-height: 1rem;}
.headerbox a {font-weight: bold; letter-spacing: 1px;}
.headerbox.calc a {letter-spacing: 0px;}
.headerbox .dropdown a.show {color: #ee4c38;}
.headerbox .dropdown-menu {padding:0}
.headerbox .dropdown-menu a {padding:15px; border-bottom: 1px solid #d2d8e0;}
.headerbox .dropdown-menu a:hover {background-color:  #d2d8e063;}
.offcanvas_login b {font-size:1.2rem; margin-bottom:1rem; display: inline-block}
.offcanvas_login a {font-size:1.1rem}
.offcanvas_login a:hover {opacity:.6}
.offcanvas_login a.active {font-weight: bold;}
.offcanvas_login i {padding-right:10px}
.offcanvas_login .d-flex a {font-size:.85rem}
.offcanvas_login .d-flex label {font-size:.85rem; }
.offcanvas_login .navbar-nav {margin:0}
.offcanvas_login .navbar-nav li:last-child {margin-top:2rem}
.header_login a.forgotten {color: black}
.header_login .login_icon {font-weight: bold; padding:10px 20px 10px 35px; opacity:.5; color: #9a685b}
.header_login .login_icon:hover {opacity: 1;}
.header_login .login_icon:before {content: ""; background-image: url(../images/user.svg); width:30px; height:30px; background-size: cover; position: absolute; left:0; top:7px}


.header_favorit {text-align: center; padding:2rem; line-height: 1.3rem; border-top: 1px solid #e5dace; font-weight: bold;}
.header_register {background: #f7f2ed; text-align: center; padding:2rem; line-height: 1.3rem; border-top: 1px solid #c9bdb1;}
.header_register b {font-size:1.2rem; margin-bottom:1rem; display: block}
.basket_icon {background-color: #ee4c38; padding:10px 20px 10px 55px; display: block; color: white; font-weight: bold; position: relative; border-radius: 25px; transition: all 0.3s ease;}
.basket_icon:hover {background-color: #ca3f2c; transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); color: white !important}
.basket_icon:before {content: ""; background-image: url(../images/basket.svg?v1); width:30px; height:30px; background-size: cover; position: absolute; left:15px; top:7px}
.basket_icon:focus {color:white}
.header_basket .pc {font-size: .8rem; background-color: #ffffff; color: black; position: absolute; top:-3px; right: -5px; width: 17px; height: 17px; border-radius: 100%; text-align: center; line-height: 15px; font-weight: lighter; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;}

/* CART */
.widget_shopping_cart_content {display: none; position:absolute; top:60px; right:0px; width:520px; background-color:white; box-shadow: 0 6px 12px rgba(0,0,0,.175); border-top:2px solid #fff; border-radius:15px}
.cart_list .overflow {max-height: 400px; overflow: auto; margin-bottom: 15px; }
.cart_list .overflow img {margin-right:1rem}
.cart_list .overflow strong {padding-right: 10px;}


/* SEARCH */
.search-container {position: relative;}
.search-container .lens {width:23px; height: 23px; background-image: url(/images/lens.svg); background-size: cover; position: absolute; top:12px; left:10px; opacity: .35;}
.search-container input {position: relative; width: 100%; outline: none; padding: 10px 135px 10px 40px ;  background-color: transparent; border-radius: 25px; border: 1px solid #d2d8e0; }
.search-container input:focus {background-color: #ffffff; border: 1px solid #9a685b; box-shadow: 0 0 0 0.25rem rgba(255, 137, 40, 0.25) !important}
.search-container button {background-color: transparent;color: transparent; transition: background-color 0.3s ease; border:none; position: absolute; right:5px; top:4px; border-radius: 25px; padding:7px 20px; font-weight: bold; font-size: .95rem; cursor: pointer;}
.search-container button:hover {opacity: .9; background-color: transparent;}
.search-container form:focus-within button {background-color: #cdb6a7; color:white }   
#clear-search {position: absolute; top: 15px; right: 107px; width:17px; height:17px; display: block; background-size: cover;  background-image: url(../images/close.svg); opacity: .3; }
#clear-search:hover {opacity: 1; }


/* SLIDER */
.owl-slider .owl-dots {display:none}

.owl-carousel .owl-nav {position: absolute; z-index: 1; transform: translateY(-50%); top:50%; width:100%}
.owl-carousel .owl-nav i {font-size:40px; color: #fff; opacity:.5}
.owl-carousel .owl-nav i:hover {opacity:1}
.owl-carousel .owl-nav .owl-next {right:0; position: absolute; transform: translateY(-50%); top:50%; margin-right:1rem; padding: 5rem 0;}
.owl-carousel .owl-nav .owl-prev {left:0; position: absolute; transform: translateY(-50%); top:50%; margin-left:1rem; padding: 5rem 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { border:1px solid #ae8773; background: #fff; opacity: 1}
.owl-theme .owl-dots .owl-dot span {margin: 5px 7px;  display: block; opacity: 1; background-color: #ae8773; opacity: 0.5;     margin: 5px 3px;}

.owl-start.owl-carousel .owl-nav .owl-prev {margin:0 0 0 -15px}
.owl-start.owl-carousel .owl-nav .owl-next {margin:0 -5px 0 0 ; }
.owl-start.owl-carousel .owl-nav i {font-size:25px; color: #636363; }
.owl-carousel .round {z-index: 1;}
 .sliderother {background-color: #f7f2ed;}

/* BOEMI TXT */
.boemi-hero h1 {font-size: 2rem;}
.boemi-hero {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}  
.boemi-hero p {font-weight: lighter;} 
.boemi-image {max-height: 500px; animation: fadeIn 1.5s ease-in-out;}
.boemi-btn {transition: all 0.3s ease; border: none; font-weight: bold;}
.boemi-btn:hover {transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); background-color: #ca3f2c;} 
.boemi-hero .col-md-6:first-child {animation: fadeIn 1.2s ease-out;}
.boemi-hero .col-md-6:last-child {animation: fadeIn 1.2s ease-out 0.2s;}
.boemi-hero h1, .boemi-hero p, .boemi-hero a {animation: fadeIn 1.5s ease-in-out;}

/* ICONS START */
.feature-main {padding:2rem 0 1rem 0;     background-color: #f7f2ed;   border-bottom: 1px solid #e5dace; }
.feature-main h5 {font-weight: bold; font-size: 1rem;}
.feature-main p {padding-right: 20px;}
 
.feature-main .feature-box {flex-basis: 24%; min-width: 260px; font-size: .9rem; line-height: 19px;}
.feature-box .icon-container {display: flex; justify-content: center; align-items: center; width: 60px;  height: 60px;}
.feature-box .custom-icon {color: #d1a8a2;     font-size: 3rem; }
.feature-box .custom-icon.custom-icon-truck,
.feature-box .custom-icon.custom-icon-warehouse {font-size: 2.8rem;}
.mobile-icon img:hover {opacity:.8}



/* FOOTER */
footer .bg {background:#cdb6a771; padding:2rem 0; font-size:.9rem}
footer .socky a:hover {opacity:.6; border:none}
footer .socky img {opacity:.6; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);}
footer .footer-contact img {opacity:.7;}
footer {color: #333}
footer h5 {color: #333; font-weight: bold; font-size: .95rem;}
footer a {color: #333}
footer .flogo {width: 140px;}
footer .links {margin:15px 0;}

.footer-about {width:300px}
.footer-nlt {width:320px}
.newsletter .form-check {font-size: .9rem}
.newsletter .form-check-input[type="checkbox"] {width:18px; height: 18px; margin-top: 1px}
input[type=checkbox].checkbox+label {padding-left: 5px; position: relative;}
.newsletter [type=email] {border-radius: 30px; padding: 12px 20px; width: 100%; border:none}
.newsletter .btn {position: absolute; top:4px; right:4px; padding: 8px 20px; border-radius: 30px; border:none; background:#cdb6a7;}
.newsletter input:-internal-autofill-selected {background-color: white !important;}
.newsletter .form-control:focus {box-shadow: 0 0 0 0.25rem rgba(35, 31, 28, 0.25) !important}

.copyright {line-height: 10px; font-size: .8rem;}
.copyright a {color: #5d564d; margin-left:15px} 
.copyright a:hover {opacity: .7;} 
.copyright .payico {padding-left:10px; width: 50px;} 


/* COOKIES */
.cookies {word-wrap: break-word;}
#cookies-consent-banner {position:fixed; bottom:20px; left:20px; background-color:white;width:295px;  z-index:500; box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%);}
#cookies-consent-banner .box {padding:20px 13px; font-size:13px; background-color: #fff; color: #000}
#cookies-consent-banner .box a {text-decoration: underline;}
#cookies-consent-banner strong {font-size:16px; margin-bottom:10px; display: block;}
#cookies-consent-banner .box b {display: block; margin-bottom:1.1rem; line-height: 16px;}
#cookies-consent-banner .material-switch > label {left:0}
#cookies-consent-banner .d-flex {justify-content: space-between; align-items: center;}
.cookiesbox {position:fixed; top:50%; left:50%; bottom:auto;  width: 300px;  transform: translate(-50%,-50%);  background-color:white;  z-index:500; box-shadow: 3px 3px 20px 0px rgb(105 105 105 / 50%);}
.cookiesbox .accept-cookies {padding:10px 25px !important}
 

/* REVIEWS */
.reviews {background-color: #f7f2ed; padding:2rem 0; border-top:1px solid #e5dace; border-bottom:1px solid #e5dace}
.reviews .owl-theme .owl-nav  {display: none;}
.reviews .owl-theme .owl-dots   {margin-top: 1rem;}
.reviews .owl-carousel .item{ height: 260px;}
.review-card {border:none; border-radius: 30px; height: 100%;}
.reviews .stars {font-size:.7rem; display: flex; position: absolute; top:1rem; right: 1.5rem;}
.reviews .stars .active {color: orange}
.reviews .item {margin-top:3rem; }
.reviews .item i {display: block; margin-top:1rem; text-align: right;}
.reviews .profile-pic {position: absolute; top:-3rem; left:0rem; z-index: 2; width: 115px !important}
.reviews .reviewer-name {margin-top: 1rem; font-size:.95rem; font-weight: bold;}

/* PAGES */

.page {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}
.page h2 {font-size: 1.4rem}
.page h3 {font-size: 1.1rem; margin:2rem 0 1rem 0}
.profile .badge {padding:8px 15px !important}
.profile .price {width: 40%;}

/* Contact
*/
.contact {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);}
.contact__image {position: relative; color: #fff; height: 350px; background-image: url(../images/contact.avif); background-size: cover; background-position: center center;}
.contact__image .bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.contact__image h1 {text-align: center; position: absolute; top:50%; transform: translateY(-50%); width: 100%;}
.contact__image h1 span {text-align: center;  display: block; font-size:1.5rem; opacity: .8; margin-bottom: 5px; text-transform: uppercase;}
.contact__item {margin-top:-3rem; position: relative; z-index: 2;}
.contact__item .item {background-color: white; padding:1.5rem 3rem 2rem 3rem}
.contact h3 {font-size: 1.3rem; padding: 0 0 1rem 0; font-weight: bolder;}
.contact .item a {display: block; position: relative; padding-left:70px}
.contact .item a:hover {opacity: .8;}
.contact .item a span {opacity:.5}
.ico:before {top:0; left: 0; content:""; width:40px; height:40px; background-size: cover; position: absolute; }
.contact .ico:before {content:""; width:50px; height:50px;}
.contact .tel:before {background-image: url(../images/phone.svg)}
.contact .mail:before {background-image: url(../images/mail.svg)}
.contact .form {padding:2rem 0}


/* BREAD */
.breadcrumbs {border-bottom:1px solid #dedede}
.breadcrumbs nav {white-space: nowrap; }
.breadcrumbs ul {margin:0; padding:0}
.breadcrumbs li {display: inline-block;  font-size:.8rem; color: #959595}
.breadcrumbs li.active {font-weight: bold; }
.breadcrumbs li a {display: block; padding:.6rem 1.5rem .6rem 0; position: relative; font-size:.8rem; color: #959595 }
.breadcrumbs li a:hover {text-decoration: underline;}
.breadcrumbs li:last-child a:after {background: url() }
.breadcrumbs li a:after {content:""; background-image: url(../images/arrowright.svg); width:10px; height:10px; background-size: cover; position: absolute; top: 50%; right:5px; transform: translateY(-50%); opacity:.5}

.breadcrumbs .dropdown-menu  {z-index: 3; border-radius: 0 0 10px 10px; height:400px; overflow: auto; }
.breadcrumbs .dropdown-menu li a {display: block; padding: 8px 20px 8px 30px; color: black}
.breadcrumbs .dropdown-menu li {display: block}
.breadcrumbs .dropdown-menu li.active a{color: #e65c00;}
.breadcrumbs .dropdown-menu a:before {content:""; background-image: url(../images/arrowright.svg); width:10px; height:10px; background-size: cover; position: absolute; top:13px; left:14px; opacity:.5}
.breadcrumbs .dropdown-menu a:after {display: none;} 
.breadcrumbs .dropdown-menu a:hover {color: #e65c00}
.breadcrumbs .dropdown-menu::-webkit-scrollbar {width: 5px; height: 5px; background-color: #ebebeb;}
.breadcrumbs .dropdown-menu::-webkit-scrollbar-thumb {background-color: #a8a8a8; }

/* Category  */
.boxshadow {box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; background-color: white; border-radius:7px}
.category h1 {font-size:2.3rem; margin:1rem 0; font-weight: 300 !important}
.category h3 {font-size:1.2rem; margin:0 0 1rem 0}
.category .content {font-size:.9rem;  margin-top:2rem}
.category .content .plusminus {margin-top:2rem}
.category .content ul {margin:1rem 0 2rem 0}

#read-more {position: relative;padding-top:20px; top:-10px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 25%); cursor: pointer;}
#read-more span { opacity:.35; }   
#read-more-content {overflow: hidden; font-size:.9rem}
.categories .img {width:50px; height:50px; margin:10px 1rem 10px 10px; float:left; background-size: cover; background-position: center;}
.categories .item {font-size:.9rem; float:left; position: relative; width:100%; padding:5px 15px 5px 10px; font-weight: bold; line-height: 18px; background-color: #fff; border-radius: 5px;}
.categories .item a:hover {background-color: #fff}
.categories .item.active {background-color: #fff}
.categories .item::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f054";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#cdb6a771}
.categories .item .title {position: absolute; top: 50%; transform: translateY(-50%); padding-right: 5px;}
.categories .item i {font-style: normal; background-color: rgb(224, 224, 224); color: white; width:22px; height: 18px; position: absolute; top:0; right: 0; text-align: center; font-size: .85rem;}
.sorting { margin:7px 0 0 0;  padding-bottom:1rem; border-bottom:1px solid #ececec; position: relative; z-index: 1; height: 40px;}
.sorting ul {margin:0; padding:0; list-style-type: none;}
.sorting li {display: inline-block;}
.sorting li:first-child a {margin-left: 0;}
.sorting li a {margin:0 10px; display:block; color:#929292 ; border-bottom:1px solid #ffffff; font-size: .9rem}
.sorting li a:hover {border-color: black; color: black}
.sorting li a.active {border-color: #929292; font-weight: bold; color: #929292}
.sorting .fa-solid {margin-right: 7px;}
.sorting .sortinginfo  {color:#929292; width:253px; text-align: right; font-size: .9rem}
.sorting label {color:#929292; font-size: .9rem }
.sorting .form-check {margin:0 0 0 5px}
.sorting .collapseSort {display: none}
.videobox {background:#f7f2ed; padding:2rem 0; margin:2rem 0}

.col_3 {flex: 0 0 auto; width: 20%;}
.col_9 {flex: 0 0 auto; width: 80%;}

/* LISTING */
.listings .frame { border:1px solid #fff; padding-bottom: 30px; text-align: center; position: relative;}
.listings .frame:hover {border:1px solid #d5d5d5; position: relative; z-index:1; box-shadow: 10px 10px 30px -8px rgba(209,209,209,1); border-radius: 10px;}
.listings .title {text-align: center;  margin:2rem .5rem 0 .5rem; min-height: 80px; color:#666; font-size:17px; line-height: 25px; display: block}
.listings .title:hover {color:#340c46}
.listings img {padding:30px 30px 0 30px}
.listings .price {text-align: right; line-height: 25px;}
.listings .price.sizes {text-align: center;}

.listings .price .sale {color: #d3422f;}
.listings .price .withvat {font-size:20px; font-weight: bold; letter-spacing: -1px; display: block; }
.listings .price .withoutvat {font-size:12px; opacity: .7; position: relative; top:-2px }
.listings .price .mj {margin-top:-2px; display: block;}
.listings .do-kosika-cat {position: relative; margin:0 0 0 17px; padding-left:10px; border-left:1px solid #d5d5d5; }
.listings .do-kosika-cat:before {background: url(../images/basket2.svg?v1) no-repeat; display: block; width:50px; height:50px; content: ""; background-size: cover; margin-top:-6px}
.listings .do-kosika-cat:hover {opacity:.7}

.listings .stock  { font-size:14px; display: block; text-align: center; margin-bottom:1rem; font-weight: bold; }
.listings .instock {color: #69b68a; }
.listings .outofstock {color: #d3422f;}
.listings .unavalaible {color: #d1777e}

.listings .pricesale {letter-spacing: -1px; display: block; font-size:16px; color:#999; margin-top: 4px;}
.listings .pricesale span {position:relative;display:inline-block;color:#999}
.listings .pricesale span:after{content:'';position:absolute;top:45%;left:0;width:100%;height:1px;background-color:#999;transform:rotate(-15deg);transform-origin:center center}
.round {position: absolute; top:15px; left:15px; padding:12px 0 0 0; width:50px; height:50px; color: #fff; border-radius:50px; display: block; letter-spacing: -1px; font-weight: bold; font-size:1.1em; text-align: center; z-index: 0;}
.akcia {background-color: #ee4c38; }
.new {background-color: #69b68a; font-size: 14px;     line-height: 24px;}
.listings .product-discount {transform: scale(0.8); margin:-1rem 0 1rem 0}



/* Filter
*/
.filter {background-color: white; padding-bottom: .5rem;     }
.filter .title {font-weight: bold; font-size: 1.1rem; padding:10px 15px 10px 15px; margin-bottom:5px; border-bottom:1px solid #d2d8e0}
.filter .checks {padding:5px 15px; font-size: 1.1rem;}
.filter .checks label {width:100%; font-size: .9rem;}
.filter .ms-auto {font-size: .9rem; }
.filter .form-check {margin:0}
.filter .form-check-input[type=checkbox] {border-radius: 0; }
.filter .clear {background-color: #edeff2; text-align: center; border-radius: 0 0 7px 7px; margin-top:1rem; margin-bottom: -.5rem; }
.filter .clear a {color: #d3422f; display:block}
.filter .clear a:hover {opacity: .7;}
.filter .clear span {border-bottom:1px solid #d3422f}
.filter .form-check:hover {color: #d3422f; }
.filter .form-check .form-check-input[type=checkbox]:hover {border-color:#d3422f}
.filter .color {width: 18px;height: 18px;display: inline-block; border-radius: 100%; position: relative; top:2px; margin-left:5px;}
.filter-more, .filter-less {display: block;padding: .5rem 1rem !important; font-size: .9rem;}


/* autocomplete */
.autocomplete-open {border-radius: 20px 20px 0 0!important}
.ui-menu .ui-menu-item {list-style-image: none !important; }
.ui-autocomplete {box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;  padding:0; max-height: 450px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; background-color: white; width: 250px;  z-index:100001 !important; border-radius:0 0 0px 20px}
.ui-menu .ui-menu-item {clear:both; margin:0; padding:0; box-shadow: inset 0px -1px 0px 0px #cdb6a771}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{border:0;  background:none !important; box-shadow: inset 0 0 3px 2px rgba(255, 137, 40, 0.25) !important; }
.whisperer-txt:hover {color: #000;}
.ui-widget-content a {color: #555555;  padding:10px !important; display: table; font-size:14px !important}
.whisperer-all {text-align: center;}
.whisperer-all .btn {padding:10px 20px !important}
.whisperer-all a {color: #fff !important;     display: block; border-radius: 0;}
.whisperer-img {width:90px; display: table-cell;}
.whisperer-txt {display: table-cell; vertical-align: middle;}
.whisperer-img  img {width:80px}

/* PRODUCT */
.product .images {border-right:1px solid #dedede; padding-top: .75rem;}
.product .images img:hover {opacity:.7}
.product h1 {font-weight: lighter; font-size: 2rem;}
.product .box {padding:2rem; position: sticky; top:0rem}
.product .pricesbox li {font-size: .9rem;}
.green-dot {position:relative;width:10px;height:10px;background-color:#4CAF50;border-radius:50%;display:inline-block;flex-shrink:0}.green-dot::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgb(76 175 80 / .7);opacity:0;z-index:-1;animation:slow-ripple-wave 4s infinite}.green-dot::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgb(76 175 80 / .7);opacity:0;z-index:-1;animation:slow-ripple-wave 4s 2s infinite}@keyframes slow-ripple-wave{0%{transform:scale(.1);opacity:.5}100%{transform:scale(3.5);opacity:0}}

#productCarousel .carousel-indicators {    margin-bottom: -25px;}
#productCarousel .carousel-indicators [data-bs-target] {width: 8px;height: 8px; background-color: #ae8773;  border-radius: 50%;  border: 1px solid #ae8773;  opacity: 0.5; }
#productCarousel .carousel-indicators .active {background-color: #fff; border: 1px solid #ae8773; opacity: 1; }

.product .dot {line-height: 0; position: relative; top:-4px; padding:0 5px;}
.product .v-kosiku, .product .v-kosiku:hover  {background: #5cb85c!important; border-color: #5cb85c !important;}
.product .stock  {font-weight: bold; }
.product .instock {color: #69b68a; }
.product .outofstock {color: #d3422f;}
.product .unavalaible {color: #d1777e}

.play-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center;width: 100%;height: 100%;  }
.play-button i {color: #ee4c38}
.play-button span {background-color: white; border-radius: 100%; line-height: 10px; }

#productCarousel img, #productCarousel video, #productCarousel iframe {height: 382px !important; width: 100%; object-fit: contain; /* aby sa nedeformovali */}


.product .price {line-height: 25px}

.product .price .new {color: #fff;}
.product .price .withvat.inline {display: inline-block;}
.product .price .withvat.sale {display: inline-block; color: #d3422f;}
.product .price .withvat {font-size:1.8rem; font-weight: bold; letter-spacing: -1px; display: block; }
.product .price .withoutvat {font-size:13px; opacity: .7; clear:both; display: block; margin-top:3px}
.product .price .mj {display: block; opacity: 1; margin:-3px 0 4px 0}
.product .pricesale {display: block; margin-top:10px}
.product .pricesale span {position:relative;display:inline-block; }
.product .pricesale span:after{content:'';position:absolute;top:45%;left:0;width:100%;height:1px;background-color:#999;transform:rotate(-15deg);transform-origin:center center}
.product .akcia {background-color: #d3422f; color:white; padding:2px 15px; display: inline-block; border-radius: 25px; font-size: .9rem; font-weight: bold;}
.product .new {background-color: #69b68a; color:white; padding:2px 15px; display: inline-block; border-radius: 25px; font-size: .9rem; font-weight: bold;}
.product .akcia, .product .new {margin-left: 1rem; position: relative; top:-6px;}
.product .basket_icon {display: flex; padding: 10px 20px; align-items: center; justify-content: center;}
.product .basket_icon::before {content: "";margin-right: 10px;position:unset;}
.product .disable {background:silver; border:none}

.product-info-list {background-color: #f7f2ed; padding:2rem; border-radius: 25px;}
.product-info-list li {margin-bottom:7px} 
.product-info-list li:last-child {margin-bottom:0px} 
.product-info-list i {width:20px;  display: inline-block; text-align: center;} 
.product-info-list #collapseBrand p {margin-left:30px; opacity: .6;} 
.product-info-list #collapseTransport p {margin-left:30px; opacity: .6;} 
.accordion-button.collapsed .fa-chevron-right {transform: rotate(0deg);transition: transform 0.3s ease-in-out;}
.accordion-button:not(.collapsed) .fa-chevron-right {transform: rotate(90deg);}

.alternative {border-top: 1px solid #dedede;  padding:2rem 0; text-align: center; }
.alternative h2 {font-weight: lighter; margin-bottom:2rem}
.alternative strong {display: block; text-align: center; font-weight: normal; min-height: 70px; margin-top:1rem; font-size: .9rem; line-height: 22px;}
.alternative .price {font-weight: bold;}
.alternative .round  {top:12px; left:12px; zoom:80%; font-size: 90%;}

.alternative .owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px;}
.alternative .owl-more .owl-stage {margin:0 auto !important}

.product-discount {
    border: 2px dashed #ffc107;
    background-color: #fff9e6;
    border-radius: 20px; 
    padding: 1rem;
    color: #333;
    margin: 1rem 0 2rem 0;
    position: relative;
}

.product-discount:before {
    font-family: 'Font Awesome 6 Free';
    content: '\f02e';
    position: absolute;
    top: -12px;
    left: 10px;
    background: #fff9e6; 
    padding: 0 5px;
    color: #ffc107;
    font-weight: 900;
}


/* RATING */ 
.ratings {border-top: 1px solid #dedede;  padding:2rem 0;}
.ratings-bg {background-color: #f7f2ed;}
.rating h3 {font-size:3rem}
.rating .fa-star {color: #e6d0c4}
.rating .active { color: #ae8773}
.rating .frame { background-color: #fff; flex-wrap: wrap; display: flex; padding:2rem; position: relative;}
.rating .fa-user-circle {font-size:2rem; color: #e2e9eb; display: block; margin-bottom:.5rem}
.rating time {display: block; font-size:.9rem}
.rating-label { font-weight: bold; font-size:13px } .rating-bar { width: 300px; padding: 8px; border-radius: 5px } .bar-container { width: 100%; background-color: #e6d0c4; text-align: center; color: white; border-radius: 20px; cursor: pointer }
.rating table .text-center {font-size:13px}
.rating .verified {position: absolute; top:2.4rem; right:2rem;}
.stars .fa-star {color: #e0e0e0; transition: color 0.2s ease-in-out; cursor: pointer;}
.stars .fa-star.hovered, .stars .fa-star.active {color: #ffc107; }

.bar-10 { width: 100%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-9 { width: 90%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-8 { width: 80%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-7 { width: 70%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-6 { width: 60%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-5 { width: 50%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-4 { width: 40%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-3 { width: 30%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-2 { width: 20%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-1 { width: 10%; height: 10px; background-color: #ae8773; border-radius: 20px }
.bar-0 { width: 0%; height: 10px; background-color: #ae8773; border-radius: 20px }

.rating ul {margin:0; padding:0; list-style-type: none; position: relative;}
.rating li {padding-left:1.5rem;  }
.rating .plus li:before  {color: green; content:"\f055"; font-family: "Font Awesome 5 Free"; padding-right:.5rem; position: absolute; left:0}
.rating .minus li:before {color: #ce2929; content:"\f056"; font-family: "Font Awesome 5 Free"; padding-right:.5rem; position: absolute; left:0}
#modal-insert-rating .stars .fa {font-size:1.4rem}


/* noUiSlider */
.noUi-connects, .noUi-target {border-radius: 0 !important;}
.slider-styled .noUi-value-horizontal {display: none !important;}
.noUi-pips-horizontal {padding:0; height: 15px;}
.noUi-marker-horizontal.noUi-marker {width: 1px !important;}
.slider-styled, .slider-styled .noUi-handle {box-shadow: none;}
.slider-styled .noUi-handle::before, .slider-styled .noUi-handle::after {display: none;}
.slider-styled .noUi-handle .noUi-touch-area {border: 1px solid transparent;position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; width: auto; height: auto;}
.slider-styled .noUi-handle:hover .noUi-touch-area {border: none}
#slider-round {height: 7px; margin: 40px 10px 20px 10px; }
#slider-round .noUi-connect {background: #9a685b72; border-radius: 0 !important;}
#slider-round .noUi-handle {height: 18px; width: 18px; top: -5px; right: -9px; /* half the width */ border-radius: 9px; background: white; cursor: pointer; border: 2px solid #9a685b}
.price-container {display: flex; justify-content: space-between; margin: -4px -2px 0 3px; font-size: 11px; color: #6e6e6e}
.noUi-tooltip {font-size: 11px; background: #9a685b; color: white; border:none; padding:2px 5px }
.noUi-marker-large {background: #cccccc97;}
.noUi-value-horizontal {transform: translate(-50%, 0);}
.noUi-marker-horizontal.noUi-marker-normal {background: #cccccc97;}
.noUi-handle-upper .noUi-tooltip {left:3px}
.noUi-horizontal .noUi-tooltip {bottom:145%}



/*BASKET END*/
.basket {background-color: #f7f2ed; padding: 2rem 0;}
.basket .shadow {box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; border-radius: 20px;}
.basket__right {margin-bottom:2rem; background: white;}
.basket__right h2 {font-size: 1.5rem; padding:1rem; }
.basket__right #discount {border:0; border-top:1px solid #e5dace; border-radius:0}
.basket__right #discount-trash {font-weight: lighter;}
.basket__right #discount-fail {border-top:1px #e5dace dashed;}
.basket__right .subtotal {font-size:1rem; font-weight: bold; border-bottom:1px solid #e5dace;}
.basket__right .subtotal textarea:focus {border:1px solid #e5dace !important}
.basket__right .subtotal small {font-size:.8rem; opacity: .7; display: block; font-weight: normal;}
.basket__right .subtotal a:hover {opacity: .6;}
.basket__right .total {font-size: 2rem;}
.basket__right .product__postage {padding: 1rem; background-color: #eaeef2; border-bottom:1px solid #e5dace; position: relative;}
.basket__right .product__postage .delivery {padding-left:50px; position: relative;}
.basket__right .product__postage .progress {--bs-progress-bg: #e5dace;}
.basket__right .product__postage .delivery .free {font-size: 1rem;}

.basket .delivery {background: white; padding:1rem}

.basket__voucher {border-bottom:1px solid #e5dace; }
.basket__voucher a {line-height: 15px; display: block;}
.basket__voucher .btn {background: #cdb6a7; border:none}

.basket__items {margin-bottom: 3rem;  background-color: white;}
.basket__items .headline {background:  #eaeef2; font-size: .9rem; color:#757575; font-weight: bold;}
.basket__items .item {border-bottom:1px solid #e5dace} 
.basket__items .items .item:last-child {border: none;}
.basket__items .item img {width:150px; float:left; margin-right:1rem}
.basket__items .item img:hover {opacity:.7}
.basket__items .price {font-weight: bold; font-size: 1rem;}
.basket__items .instock {color:green; }
.basket__items span {display: block; font-size: .8rem;}
.basket__items h3 {font-size:1.1rem; font-weight:600; margin:15px 15px 3px 0}
.basket__items h3 a:hover {opacity:.7}
.basket__items .width {width:100px; margin:0; display: inline-block}
.basket__items input[type=number] {width:100px !important}
.basket__items .outstock {color:#e65c00}
.basket .price-discount {background-color: white; font-size: 1.1rem; padding:5px 5px 5px 15px; position: absolute; top:0; right: -5px; color: #dc3545;;}

.basket__items .quantity {font-size: 1.1rem; font-weight: bold;}
.basket__items .remove a{font-size: .8rem; opacity: .7; font-weight: normal;}
.basket__items .remove a:hover {opacity: 1}
.basket__items .price__total {font-weight: bold; font-size: 1.1rem; margin-top:15px}
.basket__items .price__total i {font-style: normal;}
.basket__btns {font-weight: bold;}
.basket__btns .back:hover {opacity: .7;}
.basket__btns .btn {font-weight: bold; padding:10px 30px}
.basket__btns small {display: block; font-weight: lighter; margin-top:10px; opacity:.5}
.basket__btns .fa-arrow-left {padding-right: 10px;}
.basket__btns .fa-paper-plane {padding-left: 10px;}
.basket__btns em {font-style: normal;}

.shipping__methods h2 {font-size: 1.2rem; text-align: center;}
.shipping__methods .box {background-color: white;}
.shipping__methods input[type=radio] {width:20px; height: 20px; top:5px; position: relative;}
.shipping__methods  {font-size: 1rem; font-weight: bold;}
.shipping__methods img {width:50px; margin:0 10px }
.shipping__methods small {display: block; font-weight: lighter;}
.shipping__methods .price {color:green; }
.shipping__methods label {padding: 1rem 1rem; border-bottom:1px solid #ececec}
.shipping__methods label.active {background-color: #0db20119; border:1px solid #0db201aa}
.shipping__methods .address-pickup {border-bottom:1px solid #e5dace}
.shipping__methods .address-pickup a {text-decoration: underline}
.shipping__methods .address-pickup a:hover {opacity:.7}
.shipping__methods label {cursor: pointer;}



.basket .star {color: red; display: inline; font-weight: bold;}
.basket .vopgdpr .form-check-input {border: 1px solid #a39586 !important}
.basket .btn-order-end {transition: all 0.3s ease;     padding: 12px 40px;}
.basket .btn-order-end:hover {transform: translateY(-3px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); background-color: #ca3f2c;} 

.product__order {text-align: center;}
.product__order input[type=number] {border-radius: 7px; border:1px solid #e5dace; padding:10px 15px; text-align: center; width:120px; font-size:1.2rem; font-weight: bold;}
.product__order input[type=number]:focus{outline:0px !important; box-shadow: none !important;}
.product__order .spinner {position: absolute; border:none; background-color: transparent; font-size: 2rem; margin:0; padding:0; line-height: 0;}
.product__order .left {top:22px; left:10px}
.product__order .right {top:25px; right:10px; font-size:1.8rem}
.product__order .toBasket a {padding: 10px 15px 9px 15px}
.product__order .toBasket a:hover {background-color: #d15400; color: white}
.product__order .toBasket a.in-basket {background-color: #0db201; color: white}



.custom-pagination .page-item.active .page-link {background-color: #d15400;border-color: transparent; color:white}
.custom-pagination .page-link {color: #454545; border-color: transparent; background-color: transparent;}
.custom-pagination .page-link:focus {outline: none !important; box-shadow: none;}
.custom-pagination .page-link:hover,
.custom-pagination .page-link.active {background-color:transparent; border-color: transparent; color:#454545; font-weight: bolder; }
.custom-pagination {margin:0}
.products__pages .btn {font-size:.95rem; }
.products__pages .morecnt {font-weight: bolder;}
.products__pages .ml-2 {padding-left:10px}


/* COLLECTIONS */
.collection-main {border-radius: 25px; border:1px solid #e4e4e4; padding:1rem 1rem 0 1rem;}
.collection-main span {font-size: .9rem; display: block; margin:-5px 0 1rem 0; opacity:.5;}
.collection-item{display:inline-block;cursor:pointer}
.collection-thumb{width:60px;height:60px;border-radius:50%;background-size:cover;background-position:center;border:3px solid #fff0;position:relative;transition:all 0.2s;box-shadow:0 0 5px rgb(0 0 0 / .1)}
.collection-item:hover .collection-thumb {border-color:#ccc} 
.collection-thumb .fa-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;display:none;line-height:1}
.collection-item.active .collection-thumb{border-color:#198754;box-shadow:0 0 10px rgb(25 135 84 / .5)}
.collection-item.active .collection-thumb .fa-check{display:block;background-color:rgb(0 0 0 / .3);border-radius:50%;padding:5px}






/* ----------------------- MEDIA Q -----------------------------------------------------------------------------------------------------------------------*/

@media (min-width : 1500px) {
html {font-size:105%}
.container-fluid {max-width: 1500px;}
}
@media (max-width: 1199px){
.container {max-width:100%;--bs-gutter-x:2.5rem}    
header nav a.link {margin:5px 13px; font-size:1rem}
footer .flogo {width: 100px;}
.col_3 {width: 25%;}
.col_9 {width: 75%;}
.sorting .sortinginfo {display: none;}
.navbar-expand-lg {white-space: nowrap; overflow: auto; }
.navbar-expand-lg::-webkit-scrollbar {height: 5px; background-color: #ebebeb;}
.navbar-expand-lg::-webkit-scrollbar-thumb {background-color: #ca3f2c; }
.listings .product-discount  {padding:5px; font-size:12px; border-radius: 3px;}

}


@media (max-width: 992px) {

.navbar-expand-lg {overflow:unset; white-space:unset;}
h1{font-size: 1.8rem;}

.col_3 {width: 100%; margin:0}
.col_9 {width: 100%;}

.widget_shopping_cart_content {display:none !important}
.container-fluid {--bs-gutter-x: 2rem;}
.container__g0 {--bs-gutter-x: 0;}

.alarma {height: auto; overflow: auto;}
.alarma .alarma__content {font-size:.8rem}

header {background-color: white; height: 70px; border-bottom: 1px solid #dedede;}
header .container-fluid {--bs-gutter-x: 0rem;}
.logo  {position: absolute; top:5px; left:50%; transform: translate(-50%);}
.logo.pe-5{padding:0 !important}
.logo img {width: 80px;}
.loginbasket {position: absolute; top:16px; right:10px;}
.basket_icon {padding:7px 13px 7px 45px}
.basket_icon .pr {font-size:.8rem}
.basket_icon:before {width: 25px; height: 25px;}
.header_login .login_icon {display:none}
.navbar-toggler {border:none; padding:10px; position: absolute; top:-62px; left:0; z-index: 10;}
.navbar-toggler:focus {box-shadow: none !important;}
.navbar .offcanvas-header {padding:0; height: 45px; background-color: white;;}
.navbar .offcanvas-header .btn-close {top:15px;left:.6rem; position: absolute;}

.offcanvas-body-scrollable {overflow-y: auto; height: 100%;  -webkit-overflow-scrolling: touch;}
.offcanvas-body  .list-unstyled {background-color: #f7f2ed; border-top: 1px solid #c9bdb1; padding:3rem 2rem 2rem 2rem !important; font-size:1rem; margin:0; width: 100%;}
.offcanvas-body-scrollable.offcanvas-body {padding: 0;display: flex; justify-content: space-between !important; flex-wrap: wrap;}

.nav-item.dropdown .dropdown-menu {position: relative; top:0}
.navbar .dropdown-menu {padding:0; box-shadow: none !important;}
.navbar .dropdown-menu .grid {display: flex; flex-direction: column; margin:0; padding:0} 
.navbar .dropdown-menu .item {border:0; border-radius: 0; box-shadow: none; padding:15px; font-size: .9rem; border-bottom:1px solid #d9d9d9}
.navbar .dropdown-menu .item img {width: 80px; margin-right: 7px;}
.navbar .dropdown-menu .item .image {width: 40px; height: 40px;}
.navbar .dropdown-menu .gap-3 {gap: 0 !important}
.navbar .dropdown-menu[data-bs-popper] {margin-top: 0; padding:0}
.navbar .dropdown-menu .item:hover {box-shadow: none !important;}

.navbar-nav {margin:0 !important} 
.navbar-expand-lg .navbar-nav .nav-link {color: black; padding:1rem 1rem; border-bottom:1px solid #d9d9d9; font-size: 1rem; width: auto;}
.navbar-expand-lg .navbar-nav .nav-link.show {background-color: #9a685bae; font-weight: bold; color: white;}
.navbar-expand-lg .navbar-nav .nav-link b {display:inline}
.nav-sale {border-bottom: 1px solid #d9d9d9 !important; color:#b71c1c !important}

.feature-main {padding:1rem 0 0rem 0}
.feature-main .feature-box {flex-basis: 50%; min-width: auto; }
.feature-main h5 {font-size: .7rem; margin:0}
.feature-main p {font-size: .6rem; line-height: 13px; margin:3px 0 10px 0; padding:0}
.feature-main .d-flex.justify-content-xl-center {flex-wrap: wrap !important}
.feature-box .icon-container {width: auto; height: auto; margin-right:10px !important}
.feature-box .custom-icon {font-size: 1.3rem;}
.feature-box .custom-icon.custom-icon-truck, .feature-box .custom-icon.custom-icon-warehouse  {font-size: 1.1rem;}


footer .bg {padding-bottom: 0rem;}
footer .ms-5  {margin-left:0 !important; text-align: center;}
footer h5 {font-weight: bold; font-size: 1rem;}
footer form {margin-bottom: 1.5rem;}
footer .d-flex {flex-wrap: wrap; justify-content: center; text-align: center;}
footer .d-flex.links {display: block !important;}
footer .links {margin:15px 0 0 0; text-align: center;}
footer .links a {display:block; padding:7px 0;}
.footer-logo {display: none;}
.footer-about {display: none;}
.footer-contact { flex-basis: 100%; order:1; }
.footer-nlt {flex-basis: 100%; order:3; margin-top:1rem; padding-top: 2rem; border-top:1px solid #dedede;}
.footer-socky { flex-basis: 100%; order:2} 
.footer-socky h5 {display: none;}
.footer-socky p {display: none;}

.copyright {font-size:.8rem;}
.copyright .gap-4 {gap:1rem !important}
.copyright .justify-content-end {justify-content: center !important;}
.copyright .ms-auto {margin:0 auto !important}
.copyright .copy {margin-bottom: 1rem;}
.copyright .year {margin-bottom: 1rem; display: block; text-align: center;}


header .d-flex {display: block !important;}
.search-form { display: none; position: absolute; top: 55px;  left: 0; width: 100%; background: white; z-index: 10; border-bottom: 1px solid #dedede; box-shadow: rgba(50, 50, 93, 0.15) 0px 13px 27px -5px, rgba(0, 0, 0, 0.15) 0px 8px 16px -8px;}
.search-icon-mobile {position: absolute;top:6px;left:53px; opacity: .3;}
.search-form.active {display: flex;}
.search-container input, .ui-autocomplete  {border-radius: 0; border:none;}
.search-container input:focus {border-color: white; box-shadow: none !important}
.autocomplete-open {border-radius: 0;}
.ui-autocomplete {border-radius: 0}


.reviews .fs-6{font-size: .8rem !important;}

.contact__image h1{font-size: 1.8rem;}
.contact .box {background-color: white; padding:2rem 2rem 1rem 2rem; border-radius: 10px;}
.contact form {background-color: white; padding:2rem; margin-top:2rem; border-radius: 10px} 

.register .card.p-4 {padding:1.5rem 0 !important}
.profile h1 {font-size: 1.4rem;}
.profile .lead {font-size: .9rem;}
.profile .badges {position: absolute; top:-15px; right:0;}
.profile .card.mb-4 {margin-bottom: 3rem !important;}
.profile .ordersheader {display:none}
.profile .price {width: 100%;}
.profile .price .text-muted {text-align: left;}
.profile .price span {display: inline-block}
.profile .border-bottom {display:block !important}

.breadcrumbs  {position: relative;}
.breadcrumbs nav {white-space: nowrap; position: relative; overflow: auto; -webkit-mask-image: linear-gradient(to right, black 85%, transparent 100%); mask-image: linear-gradient(to right, black 85%, transparent 100%); scrollbar-width: none; -ms-overflow-style: none;}
.breadcrumbs .dropdown-menu {display:none !important; ;}
.breadcrumbs li:last-child {margin-right:1rem;}




/* category */
.container-fluid.category {--bs-gutter-x: 0;}
.container-fluid.category .row {margin:0}
.container-fluid.category .row>* {padding:0}

.category {padding:0 1rem}
.category h1 {font-size: 1.6rem;}
.categories.row  {margin:0 -.5rem !important}
.categories.row>*  {padding:0 .5rem !important}
.categories .img {width: 40px; height: 40px; margin:5px 15px 5px 5px}
.categories .item {font-size: .7rem;}
.categories  .col-lg-3 {width: 50%; }
.categories .item::after {display: none;}
.show__filter {width: 50%; }
.show__filter a { display: block; padding:15px 12px; font-weight: bold; background-color: #cdb6a7; color: white; box-shadow: none;}
.filter.boxshadow {box-shadow: none;}
.filter .title, .filter .checks, .filter .clear {padding-left:1rem; padding-right:2rem}
.filter .title {margin-top:1.5rem}
.offcanvas-title {opacity:.4}
.filter .clear {font-weight: bold;}

.collapseSortBox{width: 50%; position: relative;}
.sorting {border:none; padding:0; margin:0; height: auto;}
.sorting .activ {width: 8px; height: 8px; background-color: red; display: block; border-radius: 100%; position: absolute; top:13px; left:25px;}
.sorting .collapseSort {display: block; background-color: #ffffff; padding:15px 12px; margin:0; font-weight: bold; }
.sorting li {display:block; text-align: center;}
.sorting li a {padding: 10px 0; margin:0; color:black;  border:none;}
.sorting li a.active {color:red}
.sorting li:first-child a {margin:0}
.sorting .form-check {display: inline-block; margin-top:10px}
.sorting label { color:black;}
.sortinginfo {display:none}

.offcanvas-end, .offcanvas-start {max-width: 80%;}
.offcanvas__bottom {position: absolute; bottom:0; width: 100%; display:block}
.offcanvas-bottom .box {margin-bottom:2rem} 
.offcanvas.offcanvas-bottom {height: auto !important; max-height: 80vh; } /* fix bottom */
.offcanvas__overflow {overflow-y: auto;}
.offcanvas__overflow.filter {overflow-y: auto; padding-bottom: 150px;}
.offcanvas-body.offcanvas_filter {padding:0 !important}
.offcanvas-end .btn-order a {font-weight: bold; display: block; font-size: .9rem; border-radius: 0;}


.videobox { padding: 0; background-color: transparent; margin:2rem 0 1rem 0;}

#modal-add-basket-cat img {max-width: 50%;}
#modal-add-basket-cat form .row {justify-content: center}
#modal-add-basket-cat .col-sm-9 {text-align: center;}
#modal-add-basket-cat .col-sm-9 .card-title {display: inline-block; margin:1rem 0}

.product .images {border:none}
.product h1 {font-size: 1.5rem; font-weight: bold;}
.product .box {padding:1.5rem 0; margin:2rem 0 0 0; }
.alternative strong {height: auto; margin-bottom:11px;}
.product-info-list li, .product-info-list li a, .product-info-list #collapseBrand p, .product-info-list #collapseTransport p {font-size: .9rem;} 
.product-info-list {padding:1.5rem}
.alternative strong {min-height: auto; font-weight: bold;}
.alternative .price {font-weight: normal;}
.collection-thumb {width: 55px; height: 55px;}
.collection-main .row {justify-content: space-evenly !important;}

#slider-round {margin:40px 20px 20px 20px }
.price-container {margin:0 9px 0 13px} /*slider-round*/

/* basket */
.basket__items .price__total  {position: absolute; bottom:24px; right:0; font-size: 1.3rem;}
.basket__items .product__order {margin-top:0; border-top:1px dashed #e1e1e1; padding-top: 15px; position: relative;}
.basket__items .remove {position: absolute; bottom:0; right: 0;}
.product__order {text-align: left} 
.basket__items h3 {margin:1rem 0 0 0; font-size: .9rem; font-weight: normal; line-height: 21px;}
.basket__items .item img {margin-bottom: 2rem;}
.shipping__methods img {width: 30px;}
.shipping__methods.mt-5, .delivery__data.mt-5 {margin-top:0rem !important}
.shipping__methods label {padding:1rem .5rem !important}
.basket__right .total {font-size: 1.5rem;}
.basket .vopgdpr {padding:0 0 0 1rem; font-size: .9rem;}

.w-md-33 {width: 25% !important;}

.owl-start.owl-carousel .owl-nav {display: none;}
.basket .btn-order-end {padding:12px 18px}

.permanent .d-flex {display: block !important;}
.permanent .key {margin-left:-1.25rem; margin-top:7px}

.listing .product-box {width: 50%;}
.product-box .pricebox {transform: scale(0.8)}
.listing .title {font-size: 15px !important; line-height: 20px !important; min-height: auto !important; margin-bottom: 11px !important;}
.listings .title {font-size: 14px; line-height: 18px; }
.listings .stock {font-size: 12px;}
.listings .pricesale {font-size: 13px;}
.round  {transform: scale(0.8)}

}










@media (min-width: 992px) {
    .custom-offcanvas {visibility: visible !important;transform: none !important; position: sticky !important;  top: 2rem!important ; border:0 !important; z-index: 1 !important; }
    .custom-offcanvas .offcanvas-header {display: none;}
    .custom-offcanvas .offcanvas-body {overflow: unset; padding:0}
    .offcanvas-bottom {visibility: visible !important;transform: none !important; position: relative !important; border:0 !important; z-index: 1 !important; --bs-offcanvas-height:0 !important}
    .offcanvas-bottom .offcanvas-header {display: none;}
    .offcanvas-bottom .offcanvas-body {overflow: unset; padding:0}
    }




.hidden-important {display:none !important;}