ul.product_list.grid > li a.product_img_link img {
width:auto;
height:172px;
margin:0 auto;
max-width:100%;
object-fit: contain;
}

.free_shipping_block {
text-align:center;
font-weight:300
}

@media (min-width:576px){
.free_shipping_block {
text-align:right;
}
}

.lt {
text-decoration:line-through;
}

.block_top_menu > a, .block_top_menu > div > a {
padding-top:5px;
padding-right:18px;
font-size:16px;
padding-bottom:4px;
float:left;
}

.block_top_menu > div {
float:left;
position:relative;
}

.block_top_menu div.submenu {
position:absolute;
background-color:#FFF;
padding:15px 0;
border:1px solid #bbb;
border-radius:4px;
width:270px;
z-index:2;
top: 28px;
}

div.submenu a::after {
content: ">";
float: right;
color:#636363;
}

@media (max-width:1199px){
.block_top_menu li ul {
padding:0;
}
.block_top_menu li a {
padding-top:0;
}
.block_top_menu li a, .block_top_menu li label {
font-weight:300;
}

.block_top_menu li div a {
padding-top:4px;
padding-bottom:4px;
font-size:17px;
}
}

@media (min-width:1200px){
.block_top_menu > div:hover > div {
display:block !important;
}
}

.block_top_menu div.submenu a {
color:#353433;
display:block;
padding:5px 15px;
padding-left:25px;
}

.block_top_menu div.submenu a:hover {
font-weight:600;
color:#e47911;
text-decoration:none;
}

@media (max-width:767px){
.block_top_menu li a {
padding-right:0;
}
}

/* SPRITE ICONS */

.icon {
background-image:url({$static_media}/img/sprite.svg?v=3);
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
}

.icon-social {
background-image:url({$static_media}/img/icons_social.svg);
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
}

.icon-box {
background-position:-452px -101px;
width:17px;
height:21px;
}

.icon-gift-box {
background-position:-452px -101px;
width:17px;
height:21px;
}

.icon-eden {
background-position:-621px 0;
width:67px;
height:50px;
}

.icon-cart {
background-image:url({$static_media}/img/sprite.svg?v=3);
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
background-position:0 -76px;
}

.icon-logo {
background-image:url({$static_media}/img/sprite.svg?v=3);
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
width:243.43px;
height:47.029px;
}

@media (max-width:1199px){
.icon-logo {
transform: scale(0.71);
transform-origin: 0 0;
}
}

.icon-more {
width: 50px;
height: 50px;
border: 3px solid #373a3c;
border-radius: 50%;
display: inline-block;
font-size: 50px;
text-align: center;
padding-top: 12px;
color: #373a3c;
}

.icon-search {
position:relative;
display:inline-block;
background: transparent;
border-radius: 30px;
height: 16px;
width: 16px;
margin-left:-5px;
border: 2px solid #454f59;
}
.icon-search:after {
content: "";
height: 2px;
width: 8px;
background: #454f59;
position:absolute;
top:13px;
left:10px;
transform: rotate(45deg);
}

.icon-facebook-h {
background-position:0 -195px;
width:45px;
height:45px;
}

.icon-twitter-h {
background-position:-45px -195px;
width:45px;
height:45px;
}

.icon-instagram-h {
background-position:-90px -195px;
width:45px;
height:45px;
}

.icon-mobilemenu {
width:31px;
height:25px;
}
.icon-mobilemenu .line {
display:block;
width: 31px;
height: 4px;
margin-bottom:6px;
background-color:#fff;
border-radius: 10px;
}

.icon-buttoncart {
background-position:-172px -117px;
width:20px;
height:13.4px;
margin-right:10px;
}

.icon-times:after {
content:"\00D7";
margin:0;
font-size: 27px;
color:#000;
}

.icon-times:hover {
text-decoration:none;
}

.icon-lock-green {
background-position:-636px -84px;
width:9px;
height:11px;
}

.icon-gear {
background-position:-475px -102px;
width:19px;
height:20px;
}

.icon-truck-blue {
background-position:-473px -84px;
width:18px;
height:15px;
}

.icon-refresh-b {
background-position:-493px -84px;
width:20px;
height:17px;
margin-right:5px;
}

.icon-chevronleft-p:after {
content:"\003c";

}
.icon-chevronleft-p, .icon-chevronright-p {
transform:scaleY(2);
font-family:serif;
transform-origin: 50% 25%;
background:none;
}

.icon-chevronright-p:after {
content:"\003e";
}

.icon-myac-messages {
background-position:-223px -123px;
width:30px;
height:28px;
}

.icon-myac-card {
background-position:-270px -123px;
width:31.2px;
height:28px;
}

.gift-card-promo {
    text-align: center;
    padding: 10px 0 50px;
}

.gift-card-promo-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.gift-card-promo-image {
    display: block;
    max-width: 280px;
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
}

/* Override for index.tpl .benefit img style */
.benefit .gift-card-promo-image {
    height: auto;
}

.gift-card-promo-benefits {
    display: inline-block;
    text-align: left;
    max-width: 100%;
}

.gift-card-promo-benefits span {
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin: 8px 0;
    position: relative;
    padding-left: 24px;
}

.gift-card-promo-benefits span::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #0E6676;
    font-weight: bold;
}

.icon-tree {
background-position:-195px -118px;
width:15px;
height:15px;
}

.icon-tree-light {
background-position:-455px -150px;
width:68px;
height:70px;
}

.icon-pin {
background-position:-370px -118px;
width:11px;
height:15px;
}

.icon-payment {
background-position:-611px -84px;
width:21px;
height:16px;
margin-right:4px;
}

.icon-sizeguide {
background-position:-556px -84px;
width:22px;
height:18px;
margin-right:3px;
}

.icon-contact {
background-position:-452px -84px;
width:18px;
height:15px;
margin-right:7px;
}

.icon-star {
background-position:-347px -84px;
width:29px;
height:28px;
}

.wishlist-header{
    order: 3;
    float: right;
    position: relative;
}
.wishlist-count {
    position: absolute;
    top: 25px;
    right: 0;
    background: #FFA957;
    color: white;
    font-size: 12px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.icon-lang-currency {
    background-position:-67px -79px;
}


.icon-heart-white {
    background-position:-224px -76px;
}

.icon-account {
    background-position:-145px -75px;
}

.icon-account-empty {
    background-position: -106px -75px;
}

.icon-heart {
    background-position:-307px -84px;
    width:30px;
    height:30px;
}

.icon-heart-blue {
    background-position:-190px -81px;
    width:30px;
    height:30px;
}

.icon-heart-empty,
.icon-heart-full {
    width: 45px;
    height: 45px;
    padding: 18px;
    display: list-item;
    transition: transform 0.25s ease, opacity 0.25s ease;
    transform: scale(0.8);
}

.icon-heart-empty {
    background-position: -261px -73px;
}

@media (hover: hover) and (pointer: fine) {
    .icon-heart-empty:hover{
        background-position: -299px -73px;
    }
}

.icon-heart-full {
    background-position: -299px -73px;
}

.icon-heart-empty:active,
.icon-heart-full:active {
    transform: scale(1.25);
    opacity: 0.7;
}

.icon-chcustomerreviews_star {
background-position:-684px -84px;
width:34px;
height:33px;
padding-right:16px;
}

.icon-fullstar {
background-position:-721px -84px;
width:34px;
height:33px;
}

.icon-emptystar {
background-position:-760px -84px;
width:34px;
height:33px;
}
/* END sprinte icons */

@media (max-width:991px){
/*.block_top_menu li div {
padding-top:0;
position:relative;
width:100%;
border:0;
}*/

.block_top_menu li {
width:100%;
}
}

@media (max-width:991px){
header li div a:focus, header .block_top_menu li div a:hover {
text-decoration:underline;
}
}

header .shopping-cart a {
font-size:17px;
}

.header_logo {
padding-top:8px;
white-space:nowrap;
display: block;
}

header {
padding-top:10px;
padding-bottom:5px;
background:#0E6676;
color:#FFF;
}

header div.container {
padding: 0 15px;
}

header a, header a:hover {
color:#FFF;
}

.header_logo a:hover {
text-decoration:none;
}

@media (max-width:1199px){
header .row .header_logo {
padding-top:7px;
height:44px;
}

header {
padding-top:0;
padding-bottom:0
}
}

.ajax_cart_quantity {
color:#FFA957;
position:relative;
top: 1px;
left:16px;
width:0;
display:block;
float:left;
}

.shopping-cart-block a:hover {
text-decoration:none;
}

.shopping-cart-block a:hover .hidden-sm-down {
text-decoration:underline;
}

.userinfo-block-top-desktop {
margin-top:-7px;
margin-right:5px;
}

/* CAPHUNTERS COLOR */
.ch-blue {
background-color:#0E6676
}
.ch-dark-blue {
background-color:#035261;
}
.ch-darker-blue {
background-color:#013C47
}
.ch-orange {
background-color:#FFA957;
color:#353433;
border:1px solid #BF6713
}
.ch-orange:hover {
background-color:#EA8B30;
color:#353433;
}
.ch-orange:focus {
border-color:#e77600;
box-shadow:0 0 3px 2px rgba(228,121,17,.5);
}
.ch-orange:active {
background-color:#ff9634
}
.ch-green {
color:#0E852B
}
.ch-red {
color:#BF2313;
}

html,body,iframe,p,pre,a,img,s,strong,sup,b,u,i,center,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,footer,header,menu,nav,section,summary {
margin:0;
}

ol,ul {
list-style:none;
margin-top:0;
padding-inline-start: 0px;
}

table {
border-collapse:collapse;
border-spacing:0;
background-color:transparent
}

th,td {
text-align:left;
font-weight:300;
vertical-align:middle
}

a img {
border:none
}

html {
box-sizing:border-box;
}

body {
font-family: sans-serif;
min-width:320px;
line-height:18px;
font-size:14px;
color:#333
}

a {
background-color:transparent;
}

a:active,a:hover {
outline-width:0
}

b,strong, .b {
font-weight:600 !important;
}

.c {
text-align:center
}

h1 {
font-size:2.5rem;
margin:.67em 0;
margin:0;
}

sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
top:-.5em
}

button,input,select,textarea {
font:inherit;
margin:0
}

button,input {
overflow:visible
}

button,select {
text-transform:none
}

fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

textarea {
overflow:auto
}

[type="checkbox"],[type="radio"] {
box-sizing:border-box;
padding:0;
vertical-align:bottom;
top:-1px;
position:relative;
}

*,::before,::after {
box-sizing:inherit
}

[tabindex="-1"]:focus {
outline:none!important
}

h1,h2,h3,h4,h5 {
margin-top:0;
margin-bottom:.5rem;
font-family:inherit;
font-weight:500;
line-height:normal;
color:inherit
}

p {
margin-top:0;
margin-bottom:1rem
}

ul ul {
margin-bottom:0
}

a {
color:#0E6676;
text-decoration:none
}

a:hover {
color:#BF2313;
text-decoration:underline;
}

img {
vertical-align:middle;
border-style:none;
}

th {
text-align:left
}

label {
display:inline-block;
margin-bottom:.5rem
}

button:focus {
outline:5px auto;
}

input,button,select,textarea {
line-height:inherit
}

input[type="radio"]:disabled,input[type="checkbox"]:disabled {
cursor:not-allowed
}

textarea {
resize:vertical
}

fieldset {
min-width:0;
padding:0;
margin:0;
border:0
}

h2 {
font-size:2rem
}

h3 {
font-size:1.75rem
}

h4 {
font-size:1.5rem
}

h5 {
font-size:1.25rem
}

hr {
margin-top:1rem;
margin-bottom:1rem;
box-sizing:content-box;
border:0;
border-top:1px solid rgba(0,0,0,0.1);
height:0;
overflow:visible
}

.container {
margin-left:auto;
margin-right:auto;
padding-left:15px;
padding-right:15px
}

@media (min-width:576px){
.container {
max-width:100%
}
}

@media (min-width:768px){
.container {
width:720px;
max-width:100%
}
}

@media (min-width:992px){
.container {
width:960px;
max-width:100%
}
}

@media (min-width:1200px){
.container {
width:1140px;
max-width:100%
}
}

.row {
margin-right:-15px;
margin-left:-15px
}

.row::after {
content:"";
display:table;
clear:both
}

@media (min-width:576px){
.row {
margin-right:-15px;
margin-left:-15px
}
}

@media (min-width:768px){
.row {
margin-right:-15px;
margin-left:-15px
}
}

@media (min-width:992px){
.row {
margin-right:-15px;
margin-left:-15px
}
}

@media (min-width:1200px){
.row {
margin-right:-15px;
margin-left:-15px
}
}

.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
position:relative;
min-height:1px;
padding-right:15px;
padding-left:15px
}

@media (min-width:576px){
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
padding-right:15px;
padding-left:15px
}
}

@media (min-width:768px){
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
padding-right:15px;
padding-left:15px
}
}

@media (min-width:992px){
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
padding-right:15px;
padding-left:15px
}
}

@media (min-width:1200px){
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12 {
padding-right:15px;
padding-left:15px
}
}

.col-xs-1 {
float:left;
width:8.333333%
}

.col-xs-2 {
float:left;
width:16.666667%
}

.col-xs-3 {
float:left;
width:25%
}

.col-xs-4 {
float:left;
width:33.333333%
}

.col-xs-5 {
float:left;
width:41.666667%
}

.col-xs-6 {
float:left;
width:50%
}

.col-xs-7 {
float:left;
width:58.333333%
}

.col-xs-8 {
float:left;
width:66.666667%
}

.col-xs-9 {
float:left;
width:75%
}

.col-xs-10 {
float:left;
width:83.333333%
}

.col-xs-11 {
float:left;
width:91.666667%
}

.col-xs-12 {
float:left;
width:100%
}

@media (min-width:576px){
.col-sm-1 {
float:left;
width:8.333333%
}

.col-sm-2 {
float:left;
width:16.666667%
}

.col-sm-3 {
float:left;
width:25%
}

.col-sm-4 {
float:left;
width:33.333333%
}

.col-sm-5 {
float:left;
width:41.666667%
}

.col-sm-6 {
float:left;
width:50%
}

.col-sm-7 {
float:left;
width:58.333333%
}

.col-sm-8 {
float:left;
width:66.666667%
}

.col-sm-9 {
float:left;
width:75%
}

.col-sm-10 {
float:left;
width:83.333333%
}

.col-sm-11 {
float:left;
width:91.666667%
}

.col-sm-12 {
float:left;
width:100%
}

}

@media (min-width:768px){
.col-md-1 {
float:left;
width:8.333333%
}

.col-md-2 {
float:left;
width:16.666667%
}

.col-md-3 {
float:left;
width:25%
}

.col-md-4 {
float:left;
width:33.333333%
}

.col-md-5 {
float:left;
width:41.666667%
}

.col-md-6 {
float:left;
width:50%
}

.col-md-7 {
float:left;
width:58.333333%
}

.col-md-8 {
float:left;
width:66.666667%
}

.col-md-9 {
float:left;
width:75%
}

.col-md-10 {
float:left;
width:83.333333%
}

.col-md-11 {
float:left;
width:91.666667%
}

.col-md-12 {
float:left;
width:100%
}

.push-md-2 {
left:16.666667%
}
.push-md-6 {
left:50%
}
.pull-md-4 {
right:33.333333%
}
.push-md-4 {
left:33.333333%
}
}

@media (min-width:992px){
.col-lg-1 {
float:left;
width:8.333333%
}

.col-lg-2 {
float:left;
width:16.666667%
}

.col-lg-3 {
float:left;
width:25%
}

.col-lg-4 {
float:left;
width:33.333333%
}

.col-lg-5 {
float:left;
width:41.666667%
}

.col-lg-6 {
float:left;
width:50%
}

.col-lg-7 {
float:left;
width:58.333333%
}

.col-lg-8 {
float:left;
width:66.666667%
}

.col-lg-9 {
float:left;
width:75%
}

.col-lg-10 {
float:left;
width:83.333333%
}

.col-lg-11 {
float:left;
width:91.666667%
}

.col-lg-12 {
float:left;
width:100%
}

.pull-lg-3 {
right:25%
}

.push-lg-5 {
left:41.666667%
}
}

@media (min-width:1200px){
.col-xl-1 {
float:left;
width:8.333333%
}

.col-xl-2 {
float:left;
width:16.666667%
}

.col-xl-3 {
float:left;
width:25%
}

.col-xl-4 {
float:left;
width:33.333333%
}

.col-xl-5 {
float:left;
width:41.666667%
}

.col-xl-6 {
float:left;
width:50%
}

.col-xl-7 {
float:left;
width:58.333333%
}

.col-xl-8 {
float:left;
width:66.666667%
}

.col-xl-9 {
float:left;
width:75%
}

.col-xl-10 {
float:left;
width:83.333333%
}

.col-xl-11 {
float:left;
width:91.666667%
}

.col-xl-12 {
float:left;
width:100%
}

.pull-xl-3 {
right:25%
}

.push-xl-6 {
left:50%
}
}

.table {
width:100%;
max-width:100%;
margin-bottom:1rem
}

.table th,.table td {
padding:.75rem;
vertical-align:top;
border-top:1px solid #eceeef
}

.table thead th {
vertical-align:bottom;
border-bottom:2px solid #eceeef
}

.table-bordered {
border:1px solid #eceeef
}

.table-bordered th,.table-bordered td {
border:1px solid #eceeef
}

.table-bordered thead th {
border-bottom-width:2px
}

.table-responsive {
display:block;
width:100%;
min-height:0;
overflow-x:auto
}

.form-control {
display:block;
width:100%;
padding:.5rem .75rem;
font-size:13px;
line-height:1.25;
color:#55595c;
background-color:#fff;
background-image:none;
background-clip:padding-box;
border:1px solid rgba(0,0,0,0.15);
border-radius:.25rem
}

.form-control:focus {
color:#55595c;
background-color:#fff;
border-color:#66afe9;
outline:none
}

.form-control:disabled {
background-color:#eceeef;
opacity:1
}

.form-control:disabled {
cursor:not-allowed
}

select.form-control:not([size]):not([multiple]){
height:27px
}

select.form-control:not([size]):not([multiple]).select_cart_quantity_input {
height:23px;
font-size:13px
}

.form-group {
margin-bottom:1rem
}

.btn {
display:inline-block;
font-weight:400;
line-height:1.25;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
user-select:none;
padding:.5rem 1rem;
font-size:1rem;
border-radius:.25rem
}

.btn:focus.btn:active:focus,.btn:active.focus {
outline:5px auto;
}

.btn:focus,.btn:hover {
text-decoration:none
}

.btn:active {
background-image:none;
outline:0
}

.btn:disabled {
cursor:not-allowed;
opacity:.65
}

.nav {
padding-left:0;
margin-bottom:0;
list-style:none
}

.tab-content > .active {
display:block
}

.breadcrumb {
padding:.75rem 1rem;
margin-bottom:1rem;
list-style:none;
border-radius:.25rem
}

.breadcrumb::after {
content:"";
display:table;
clear:both
}

.breadcrumb a {
color:#353433;
}

.breadcrumb a:hover {
text-decoration:underline;
color:#BF2313;
}

.alert {
padding:.75rem 1.25rem;
margin-bottom:1rem;
border:1px solid transparent;
border-radius:.25rem
}

.alert-warning {
background-color:#fcf8e3;
border-color:#faf2cc;
color:#8a6d3b
}

.alert-danger {
background-color:#f2dede;
border-color:#ebcccc;
color:#a94442
}

.close {
float:right;
color:#000;
}

.clearfix::after {
content:"";
display:table;
clear:both
}

.hidden-xs-up {
display:none!important
}

@media (max-width:575px){
.hidden-xs-down {
display:none!important
}
}

@media (min-width:576px){
.hidden-sm-up {
display:none!important
}
}

@media (max-width:767px){
.hidden-sm-down {
display:none!important
}
}

@media (min-width:768px){
.hidden-md-up {
display:none!important
}
}

@media (max-width:991px){
.hidden-md-down {
display:none!important
}
}

@media (min-width:1200px){
.hidden-lg-up, .sidebar-trigger {
display:none!important
}
}

.icon-plus:before {
content:"+";
font-weight:600;
font-size:21px;
line-height:15px;
}

.icon-minus:before {
content:"-";
font-weight:600;
font-size:21px;
line-height:15px;
}

@media only screen and (min-width:1200px){
.container {
padding-left:0;
padding-right:0
}
}

textarea {
resize:none
}

#columns {
position:relative;
padding-bottom:50px;
padding-top:15px
}

#index .tab-content {
margin-top:15px;
}

header .row {
position:relative
}

.dark {
color:#333
}

.alert {
font-weight:700
}

.alert ul {
padding-left:15px;
margin-left:27px
}

.alert ul li {
list-style-type:none;
font-weight:400;
padding-left:10px;
}

.label {
white-space:normal;
display:inline-block;
padding:6px 10px
}

label {
color:#333
}

label.required:after {
content:"*";
position:relative;
font-size:75%;
line-height:0;
vertical-align:super;
}

.unvisible {
display:none
}

.checkbox {
line-height:16px;
padding-left:0
}

.checkbox label {
color:#555
}

a.button {
position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #c90;
font-weight:700;
color:#000;
cursor:pointer;
white-space:normal;
text-align:left
}

a.button:hover {
text-decoration:none;
}

.button.button-small {
font-weight:600;
font-size:14px;
line-height:17px;
border:none;
padding:0;
border-radius:4px
}

.button.button-small span {
display:block;
padding:3px 8px;
border:none
}

.button.button-small.cancel-order span, .button.button-small.cancel-order span:hover {
background-color:red;
}

.button.button-small span:hover {
background:#575757;
border-color:#303030 #303030 #666 #444
}

.button.button-medium {
line-height:21px;
padding:0;
font-weight:700;
position:relative;
display:block;
font-weight:700;
font-size:15px;
cursor:pointer;
border-radius:4px
}

.button.button-medium > span {
display:block;
padding:10px;
}

@media (max-width:480px){
.button.button-medium span {
font-size:16px;
}
}

.form-control {
padding:0 5px;
height:27px;
box-shadow:none
}

.form-control.grey {
background:#fbfbfb
}

.table {
margin-bottom:30px
}

.table>thead>tr>th {
background:#fbfbfb;
border-bottom-width:1px;
color:#333;
vertical-align:middle
}

.table tfoot tr {
background:#fbfbfb
}

.product-name {
font-size:15px;
line-height:23px;
color:#3a3939;
margin-bottom:0;
text-align:left;
/*height:44px;*/
}

.product-name a:hover {
color:#414141
}

@media (max-width:767px){
.product-name a {
font-size:15px
}
}

.price {
white-space:nowrap
}

.price.product-price {
font-weight:600;
font-size:14px;
line-height:22px;
}

.box {
border:1px solid #d6d4d4;
padding:14px 18px 13px;
margin:0 0 30px;
line-height:23px
}

.box p {
margin-bottom:0
}

.block {
margin-bottom:30px
}

@media (max-width:767px){
.block {
margin-bottom:0
}
}

@media (max-width:767px){
.block .block_content {
margin-bottom:20px
}
}

.page-heading {
font-size:1.6em;
margin-top:10px;
margin-bottom:15px;
color:#555;
overflow:hidden
}

.page-heading.bottom-indent {
margin-bottom:16px
}

.page-subheading {
font-weight:600;
color:#555454;
font-size:19px;
padding:0 0 15px;
line-height:normal
}

#page .rte {
background:transparent none repeat scroll 0 0
}

.breadcrumb {
display:block;
padding:0;
font-size:14px;
line-height:24px;
min-height:6px;
overflow:hidden;
margin-bottom:0;
position:relative;
}

.brand-name, .brand-logo {
text-align:center
}

.header-icons {
    margin-top: 15px;
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
}

@media (min-width:1200px){
.block_top_menu > a.help-menu-header-link {
float:right;
padding-right:0 ;
}
}

@media (max-width:770px){
.header-icons {
    padding: 0;
    margin-top:0;
    width: 150px;
    float: right;
}
}

@media (max-width:374px){
.header-icons {
    width: 120px;
    .header_user_info{
        display: none;
    }
}
}

@media (max-width:769px){
.icon-lang-currency {
    visibility: hidden;
    pointer-events: none;

}
}

@media (max-width:1199px){
.header-icons {
    margin-top:5px;
}
}

.footer-container {
height:auto;
width:100%;
color:#FFF;
line-height:1.7em;
}

@media (max-width:767px){
.footer-container .ch-darker-blue a, .permanent_links a {
min-height:48px;
font-size:17px;
}
.ch-dark-blue {
font-size: 17px;
line-height:48px;
}
}

.footer-container label {
color:#FFF;
}

.footer-container .container {
padding-bottom:20px;
padding-top:20px
}

@media (max-width:767px){
.ch-darker-blue .footer-block{
padding-left:15px;
}

div.footer-block:not(:last-child){
margin-bottom:20px;
}
}

.footer-container a,.footer-text {
color:#fff;
display:inline-block
}

.footer-container #chfootershops span {
color:#FFF;
font-size:18px!important;
font-weight:700;
margin-bottom:15px;
display: inline-block;
}

.sblock {
display:block;
}

.sblock ul {
text-align:center;
margin:0;
}

@media (max-width:767px){
.sblock {
float:left;
padding-top:5px
}
}

.sblock ul li {
display:inline;
margin:0 5px
}

@media (min-width:768px) and (max-width:991px){
.sblock ul li {
clear:both
}
}

.table tbody>tr>td {
vertical-align:middle
}

#address .box,#identity .box,#authentication .box {
padding-bottom:20px;
line-height:20px
}

#address p.required,#identity p.required,#opc_account_form p.required,#authentication p.required {
margin:9px 0 16px
}

#address p.inline-infos,#identity p.inline-infos,#opc_account_form p.inline-infos,#authentication p.inline-infos {
color:red
}

#address .form-group,#identity .form-group,#opc_account_form .form-group,#authentication .form-group {
margin-bottom:4px
}

#address .form-group .form-control,#create_account_form .form-group .form-control,#identity .form-group .form-control,#opc_account_form .form-group .form-control,#authentication .form-group .form-control {
max-width:271px
}

#address .form-group .form-control#adress_alias,#identity .form-group .form-control#adress_alias,#opc_account_form .form-group .form-control#adress_alias,#authentication .form-group .form-control#adress_alias {
margin-bottom:20px
}

@media (min-width:1200px){
#address .form-group.phone-number,#identity .form-group.phone-number,#opc_account_form .form-group.phone-number,#authentication .form-group.phone-number {
float:left;
width:270px;
margin-right:13px
}
}

@media (min-width:1200px){
#address .form-group.phone-number+p,#identity .form-group.phone-number+p,#opc_account_form .form-group.phone-number+p,#authentication .form-group.phone-number+p {
padding:23px 0 0;
margin-bottom:0
}
}

.tab-content {
margin-top:20px
}

.form-group.form-error input,.form-group.form-error textarea {
border:1px solid #f13340;
color:#f13340;
background:#fff1f2
}

.form-group.form-ok input,.form-group.form-ok textarea {
border:1px solid #46a74e;
color:#35b33f;
background:#ddf9e1
}

.form-group.form-error .form-control,.form-group.form-ok .form-control {
padding-right:30px
}

.checkbox .checker {
float:left
}

.checkbox .checker span {
top:0
}

.checkbox div.radio {
display:inline-block
}

.checkbox div.radio span {
float:left;
top:0
}

#languages-block-top, .shopping-cart-block, #cart-block-top {
float:right;
margin-right:5px;
margin-left:5px
}

.shopping-cart-block {
    order: 4;
margin-right:0;
}
@media (max-width:769px){
.shopping-cart-block {
margin-right:15px;
}
}

#userinfo-block-top {
    order: 2;
float:right;
}

#popup-languanges-currencies {
    order: 1;
}

body.product .product_name {
color:#111;
font-size:1.6em
}

.static_page_content .row.shipping_row {
width:80%;
margin:0 auto;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px solid #aaa
}

.static_page_content .row.shipping_row.last {
border-bottom:0;
margin-bottom:0
}

.static_page_content .shipping_title {
font-size:1.1em;
font-weight:700;
margin-bottom:5px;
letter-spacing:1px;
display:inline-block
}

.static_page_content .last_shipping_column {
margin-top:22px
}

.static_page_content .central {
padding:0 5%
}

@media (max-width:767px){
.static_page_content .central {
padding:0 15px
}
}

#product #center_column .breadcrumb {
display:block
}

#product .breadcrumb {
display:none
}

#voucher .button-small {
height:27px;
vertical-align: top;
}

#voucher .button-small span {
border:none;
}

#voucher input {
margin-left:0
}

#voucher .button-small span:hover {
background:transparent
}

#cart_summary .product-name {
height:auto
}

#order-opc .page-heading {
padding:0 0 17px;
margin-bottom:0;
border-bottom:0
}

.cart_discount_name .icon {
text-align:center;
font-size:71px;
line-height:90px
}

#order-opc div.delivery_option table tr, #order-opc div.delivery_option table tr td {
border:0
}

li.address_update a {
margin:0 10px 0 0
}

a.address_edit {
text-decoration:underline
}

a.cart_add_new_address {
text-decoration:underline
}

#order-opc p.addressesAreEquals label {
margin:0;
width:90%
}

div.address_delivery div.selector {
margin-bottom:10px
}

#empty_shopping_cart_content {
text-align:center;
font-size:21px
}

#empty_shopping_cart_content .smaller {
margin-top:.8em;
display:block;
font-size:.8em
}

#order-opc .box {
border:none;
background:#fff;
margin:0 0 30px;
line-height:1.2em;
margin:0;
padding:0;
}

.cart_discount_name .product-name {
font-size:17px
}

ul.price {
margin:0
}

#discount_name {
display:inline-block;
width:250px;
max-width:50%;
}

#order-detail-content .product-name {
font-size:15px;
line-height:14px;
margin-bottom:4px;
}

@media (max-width:767px){
.text-right-sm-down {
text-align:right
}
}

.alert-danger ul {
margin:0
}

.availability_list_block {
margin-bottom:5px;
font-size: 13px;
}

.wishlist-actions .availability_list_block {
margin-bottom: 10px;
}

.availability_list_block .b {
color:#0E852B;
}

table th {
font-weight:700
}

table td,table th {
padding:9px 10px;
text-align:left
}

@media only screen and (max-width:767px){
table.responsive {
margin-bottom:0
}

table.responsive td,table.responsive th {
position:relative;
white-space:nowrap;
overflow:hidden
}

table.responsive th:first-child,table.responsive td:first-child,table.responsive td:first-child {
display:none
}
}

#currencies-block-top {
font-size:17px;
cursor:pointer;
}

#currencies-block-top option {
color:#000;
}

@media (max-width:991px){
#currencies-block-top {
margin-right:0;
margin-top:6px;
}
}

.header_user_info a {
font-size:17px
}

#searchbox {
margin-top:11px;
float:left;
width:100%;
padding-bottom:10px;
position:relative
}

#searchbox label {
margin:0;
display:block;
font-size:0;
line-height:0;
color:#fff;
}

@media (max-width:1199px){
#searchbox {
margin-top:5px
}
}

#searchbox input {
font-size:17px;
color:#444;
border:none
}

.btn.button-search {
display:block;
position:absolute;
top:0;
right:0;
width:38px;
border:none;
height:38px;
padding:0;
border-radius:0 4px 4px 0;
}

@media (min-width:768px){
.btn.button-search {
text-align:center;
padding:10px 0 11px;
height:45px;
width:45px
}
}

@media (min-width:768px){
#search_query_top {
display:inline;
padding:13px 60px 13px 13px;
height:45px;
background:#fbfbfb;
margin-right:1px
}
}

#search_query_top {
display:inline;
padding:19px 60px 19px 13px;
background:#fbfbfb;
margin-right:1px
}

.ac_results {
text-align:left;
padding:0;
border:1px solid #aaa;
background-color:#fff;
overflow:hidden;
z-index:99999;
width:271px;
margin-top:-1px;
margin-left:-60px
}

.ac_results li {
font-weight:400;
color:#686666;
font-size:14px;
line-height:22px;
padding:0 10px!important
}

.ac_results li {
background:#fff
}

.ac_results li:hover,.ac_results li.ac_over, .ac_results li:hover div {
color:#BF2313;
text-decoration:underline;
cursor:pointer;
}

#searchbox input#search_query_block {
margin-right:10px;
max-width:222px;
margin-bottom:10px;
display:inline-block;
float:left
}

#searchbox .button.button-small {
float:left
}

#searchbox .button.button-small i {
margin-right:0
}

.cat-title {
display:none;
}

@media (max-width:1199px){
.cat-title {
display:block;
position:relative;
padding-top:11px;
position:initial;
}
}

.ac_results ul {
width:100%;
list-style-position:outside;
list-style:none;
padding:0;
margin:0
}

.ac_results li {
margin:0;
padding:2px 5px;
cursor:default;
display:block;
font:menu;
font-size:14px;
line-height:16px;
overflow:hidden
}

.ac_results li img {
display:inline;
width:20%;
margin-right:2%;
}

.ac_results_name {
display:inline;
display:inline-block;
width:78%;
vertical-align: middle;
}

@media (min-width:991px){
.ac_results li img {
width:12%;
}
.ac_results_name {
width:86%
}
}

.text-right {
text-align:right;
}

span.attribute {
font-size:14px
}

.page-subheading.address_title {
border:0;
padding:0;
margin:0
}

.address_title .page-subheading {
font-size:17px
}

.tab-content > .tab-pane {
display:block;
}
.tab-content h1.page-heading.product-listing {
display:none;
}

.right-block {
padding-top:10px;
}

/*
CSS to set product list borders
*/
.homefeatured {
display:flex;
flex-wrap:wrap;
}

@media (min-width:1200px){
.homefeatured li {
  width:16.666%;
}
}
@media (min-width:991px) and (max-width:1199px){
.homefeatured li {
  width:25%;
}
}
@media (min-width:768px) and (max-width:991px){
.homefeatured li {
  width:33.3%;
}
}

.hidden-name .name, .hidden, .force-hidden {
display:none
}

.btn.full-width {
width:100%
}

.pull-left {
float:left
}

.pull-right {
float:right
}

.tab-content {
margin:0 auto
}

.center-div {
margin-left: auto;
margin-right: auto;
}

#page .rte {
padding:0 20px 20px;
word-wrap:break-word
}

#page .rte p {
margin-bottom:1em;
min-height:1px
}

.product_name,.content_prices,.product_attributes,#availability_status,.buttons_bottom_block {
padding-top:8px;
padding-bottom:8px
}

.product_attributes {
padding-bottom:0;
}

.product_name {
padding-top:0
}

.discount {
display:none
}

/* Availability */
span.black {
color:#000
}
span.light {
font-weight:300
}

button.button.submitEmailDiscount {
display:inline;
line-height:10px;
width:auto !important;
display:inline;
vertical-align:bottom;
margin-bottom:15px;
}

.emailDiscount {
border-radius:6px;
border:0;
height:32px;
display:inline-block;
padding:5px 10px;
margin-bottom:15px;
}

.discount_featured {
font-size:19px;
}

.mandatory {
border-color:#d00;
box-shadow:0 0 0 3px rgba(221,0,0,.1) inset;
}

table.prices td {
vertical-align:bottom;
padding:0;
padding-right:5px;
}

@media (max-width:767px){
.prod_info {
margin-top:2px;
}
.content_prices {
padding-top:4px;
padding-bottom:4px;
}
}

/* Sidebar */
#overlay {
position:absolute;
background-color:#333;
height:1000%;
width:100%;
top:0;
left:0;
opacity:0.5;
z-index:5007;
}

#menu_overlay {
display:block;
background-color:#333;
height:130%;
width:100%;
top:0;
left:0;
opacity:0.5;
z-index:5007;
display:block;
position:fixed;
}

.mobile-menu-wrapper {
overflow:auto;
height:100vh;
position:fixed;
top:0;
bottom:0;
cursor:default;
left:0;
width:80%;
z-index:5009;
background-color:#fff;
}
.sidebar-trigger .sidebar-toggle {
z-index:5008;
}
.sidebar-toggle-close {
margin-top:10px;
display:inline-block;
float:right;
}
.sidebar-toggle-close:after {
content:"\00D7";
font-size:36px; 
margin:10px;
display:inline-block;
margin:10px;
color:#fff;
margin-top:10px;
}
.mobile-menu-wrapper a:hover {
color:#0E6676;
text-decoration:none;
}

@media (max-width:991px){
.content_sortPagiBar .sortPagiBar, .content_sortPagiBar.clearfix {
float:left;
}
}

a.no-underline:hover {
text-decoration:none;
}

a.no-underline:hover span.underline {
text-decoration:underline;
}

.sblock {
margin-top:26px;
}
.stars-footer-block {
margin-top:30px;
}

@media (max-width:767px){
.stars-footer-block {
margin-top:15px;
}
.sblock {
margin-top:10px;
}
}

#preferences-popup{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    .modal-content{
        background: #fff;
        padding: 20px;
        width: 350px;
        border-radius: 6px;
        position: relative;
        color: black;
        .preferences{
            font-weight: 500;
            font-size: 20px;
        }
        .close-popup{
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 24px;
            cursor: pointer;
            color: black;
        }
        #preferences-form{
            display: inline-grid;
            width: 100%;
            text-align: center;
            .submit-preference{
                height: 44px;
                margin-top: 30px;
                width: 100%;
                cursor: pointer;
                font-weight: 700;
                font-size: 16px;
            }
        }
    }
}


.languages, .currencies{
    display: inline-grid;
    margin-top: 20px;
}

#languages-block-top {
font-size:17px;
cursor:pointer;
    margin: 0;
}

#languages-block-top option {
color:#000000;
}

@media (max-width:767px){
a.viewmore {
display:inline-block;
min-height:48px;
min-width:48px;
}
}

span.address_explain {
font-size:0.9em;
}

#sidebar__trigger {
display:none;
}
#sidebar__trigger:not(:checked) ~ .main-menu {
transform:translateX(-100vw);
}

.page-heading.product-listing {
border-bottom: none;
margin-bottom: 0;
clear: both;
width: 100%;
text-align: left;
font-weight: bold;
}
a.category-list-name {
margin-top:5px;
margin-bottom:15px;
font-weight:700;
white-space:nowrap;
overflow:hidden;
width:100%;
display:inline-block;
text-overflow:ellipsis;
width: 100%;
text-align: center;
}
.text-category-list a {
color:#333;
font-size:14px;
line-height:28px;
}
.text-category-list a:hover {
color:#BF2313;
}
.category-list-img {
height:100px;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}

/* Index */
.icon-front-stars-5-0, .icon-footer-stars-5-0 {
background-image:url({$static_media}/img/sprite.svg?v=3);
display:inline-block;
width:69px;
height:13px;
background-position-y:-307px;
margin-right: 26px;
transform: scale(1.37);
transform-origin: 0 0;
vertical-align: top;
}

div.stars-footer-block span.underline {
margin-top: 15px;
display: inline-block;
}


#chfootershops {
text-align:center;
}
#chfootershops a {
margin:0 7px;
}

a.login {
display:block;
}
a.logged {
display:block;
}
a.logged > span {
font-size:14px;
}


@media (max-width:1199px){
/* Menu movil*/
.block_top_menu {
position: fixed;
padding:0;
width: 80%;
z-index: 5008;
top:0;
bottom:0;
background-color: #fff;
display:none;
overflow:auto;
left:0;
}
.block_top_menu > div {
width:90%;
border-bottom: 1px solid #EEE;
margin-left:15px;
}
.block_top_menu > div.menu-header {
margin:0;
}
.block_top_menu > div > a::after, #left_column h5::after {
content:"▼";
color:#000;
float: right;
font-size:14px;
}
.block_top_menu > div.open > a::after, #left_column h5.icon-submenu-open::after {
content:"▲";
}
.block_top_menu a, .block_top_menu > div a {
clear:both;
color: #0E6676;
display: block;
width: 100%;
font-size: 19px;
padding: 15px 0;
}
.block_top_menu > a  {
margin-left:15px;
width: 90%;
border-bottom: 1px solid #EEE;
}
.block_top_menu a:hover {
color: #0E6676;
}
.block_top_menu .menu-header {
background-color: #0e6676;
height: 60px;
width: 100%;
}
.block_top_menu > div.menu-header a {
width:75%;
}
.block_top_menu .menu-header a::after {
content:none;
}
.block_top_menu .menu-header a {
color: #fff;
display: inline-block;
font-size: 21px;
margin-left: 15px;
margin-top: 20px;
font-weight: 300;
padding:0;
border:0;
}
.block_top_menu div.submenu {
border:0;
position:initial;
}
.block_top_menu > div .submenu a {
border:none;
color: #0E6676;
}
.block_top_menu > div .submenu a::after {
content:none;
}
}

.green {
color: #0E852B;
}
#center_column {
padding:0;
}
#left_column {
padding-left:0;
padding-right: 30px;
}

.scroll {
overflow: hidden;
flex-direction: row;
flex-wrap: wrap;
flex-basis: 100%;
}
.scroll .scroll-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
padding: 25px 2px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #ddd;
}
.scroll .scroll-arrow.disabled {
/*background-color: #ffffff88;*/
display: none;
}
.scroll .scroll-arrow:hover::before {
border-color: #777;
}
/*.scroll .scroll-arrow.disabled:hover::before {
border-color: #aaa;
}*/
.scroll .scroll-arrow-right {
right: 0px;
border-right: 0px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
padding-right: 10px;
margin-right: -1px;
}
.scroll .scroll-arrow-left {
left: 0px;
border-left: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 10px;
margin-left: -1px;
}
.scroll .scroll-arrow::before {
content: "";
border: solid #aaa;
border-width: 0 2px 2px 0;
display: block;
transform: rotate(-45deg);
border-bottom-right-radius: 1px;
width: 15px;
height: 15px;
}
.scroll .scroll-arrow-left::before {
  transform: rotate(135deg);
}
.scroll .scroll-content {
display:flex;
scroll-behavior: smooth;
overflow: hidden;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 15px;
margin-bottom: 15px;
}
.scroll .scroll-content::-webkit-scrollbar {
display: none;
}
.scroll .scroll-element {
flex-shrink: 0;
flex-grow: 0;
flex-basis: 100px;
}
/* Stars */
.icon-reviews-stars, .icon-product-stars, .icon-list-stars {
background-image:url({$static_media}/img/sprite.svg?v=3);
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
}

/* Stars icon for review list */
.icon-reviews-stars {
width:69px;
height:13px;
background-position-y:-307px;
}
.icon-stars-5-0 {
background-position-x:0;
}
.icon-stars-4-0 {
background-position-x:-14px;
}
.icon-stars-3-0 {
background-position-x:-28px;
}
.icon-stars-2-0 {
background-position-x:-41px;
}
.icon-stars-1-0 {
background-position-x:-55px
}
.icon-stars-4-5 {
background-position-x:-142px;
}
.icon-stars-3-5 {
background-position-x:-156px;
}
.icon-stars-2-5 {
background-position-x:-170px;
}
.icon-stars-1-5 {
background-position-x:-184px;
}

/* Stars icon for product */
.icon-product-stars {
width:69px;
height:13px;
background-position-y:-307px;
margin-right: 26px;
transform: scale(1.27);
transform-origin: 0 0;
vertical-align: baseline;
}

/* Stars icon for product list */
.icon-list-stars {
width:69px;
height:13px;
background-position-y:-307px;
margin-right: 17px;
transform: scale(1.25);
transform-origin: 0 0;
text-align: left;
vertical-align: top;
margin-left: 15px;
margin-bottom:15px;
}

/* Upselling Products Section */
.upselling-section {
    margin-top: 30px;
    margin-bottom: 30px;
}

.upselling-title {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-bottom: 15px;
    text-align: center;
}

.upselling-products-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.upselling-products-container {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    flex: 1;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.upselling-products-container::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

.upselling-products-container .row {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    min-width: 100%;
}

.upselling-product {
    flex: 0 0 auto;
    width: 20%;
    min-width: 200px;
    padding: 0 8px;
    margin-bottom: 15px;
}

/* Custom grid for 5 columns */
.col-sm-2-4 {
    flex: 0 0 auto;
    width: 20%;
    min-width: 200px;
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
}

.upselling-product .product-container {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px;
    height: 100%;
    transition: all 0.3s ease;
    background: #fff;
    position: relative;
}

.scroll-btn {
    cursor: pointer;
    transition: opacity 0.3s ease;
    font-size: 20px;
    z-index: 20;
}

.scroll-left {
    margin-right: 15px;
}

.scroll-right {
    margin-left: 15px;
}

.scroll-btn:hover {
    opacity: 0.7;
}

.scroll-btn[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(100%);
    color: #999 !important;
}

.bestseller-tag {
    position: absolute;
    top: -1px;
    left: -1px;
    background-color: #0E6676;
    color: white;
    font-size: 10px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px 0 6px 0;
    z-index: 10;
    text-transform: uppercase;
}

.upselling-product .product-image-container {
    text-align: center;
    margin-bottom: 10px;
}

.upselling-product .product-image-container img {
    max-height: 100px;
    width: auto;
    border-radius: 4px;
}

.upselling-product .product-meta {
    text-align: center;
}

.upselling-product .product-name {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 12px;
    height: 32px;
    line-height: 16px;
    text-align: left;
}

.upselling-product .product-name a {
    color: #333;
    text-decoration: none;
    line-height: 1.2;
}

.upselling-product .product-name a:hover {
    color:#BF2313;
}

.upselling-product .product-price {
    padding-top: 4px;
    padding-bottom: 4px;
}

.upselling-product .product-price .price {
    font-size: 14px;
    font-weight: 600;
    color: #BF2313;
    white-space: nowrap;
}

.upselling-product .product-actions {
    margin-top: 0;
}

.upselling-add-to-cart {
    margin: 0;
}

.upselling-product .buttons_bottom_block {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0;
}

.upselling-btn {
    width: 100%;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}

.upselling-btn span {
    font-weight: 600;
}

.upselling-btn {
    position: relative;
}

.upselling-btn.loading {
    opacity: 0.7;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}

.upselling-spinner {
    right: 0 !important;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .upselling-section {
    }

    .scroll-btn {
        display: none;
    }
    
    .upselling-products-container::-webkit-scrollbar {
        display: block;
        height: 6px;
    }
    
    .upselling-product {
        width: 40%;
        min-width: 160px;
        margin-bottom: 12px;
    }
    
    .col-sm-2-4 {
        width: 40%;
        min-width: 160px;
    }
    
    .upselling-product .product-container {
        padding: 8px;
    }
    
    .upselling-product .product-image-container img {
        max-height: 80px;
    }
    
    .upselling-title {
        font-size: 16px;
        margin-bottom: 12px;
    }
    
    .upselling-product .product-name {
        font-size: 11px;
        height: 28px;
        line-height: 14px;
    }
    
    .upselling-product .product-price .price {
        font-size: 13px;
    }
    
    .upselling-btn {
        padding: 5px 8px;
        font-size: 13px;
    }
}

@media (max-width: 575px) {
    .upselling-product {
        width: 45%;
        min-width: 140px;
        padding: 0 4px;
    }
    
    .col-sm-2-4 {
        width: 45%;
        min-width: 140px;
        padding-left: 4px;
        padding-right: 4px;
    }
}

/* Scrollbar styling for webkit browsers */
.upselling-products-container::-webkit-scrollbar {
    height: 6px;
}

.upselling-products-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.upselling-products-container::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.upselling-products-container::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.header-icons .icon{
    zoom: 0.9;
    width: 40px;
    height: 35px;
}

.separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
    color: #666;
    font-weight: 500;
    width: 271px;
  }
  
  .separator::before,
  .separator::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
  }
  
  .separator::before {
    margin-right: 10px;
  }
  
  .separator::after {
    margin-left: 10px;
  }

  .gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    white-space: nowrap;
    width: auto;
    max-width: 400px;
    min-width: min-content;
  }
  
  .gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 10px;
    min-width: 20px;
    width: 20px;
  }
  
  .gsi-material-button .gsi-material-button-content-wrapper {
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }
  
  .gsi-material-button .gsi-material-button-contents {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
  }
  
  .gsi-material-button .gsi-material-button-state {
    -webkit-transition: opacity .218s;
    transition: opacity .218s;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
  }
  
  .gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
  }
  
  .gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
  }
  
  .gsi-material-button:not(:disabled):active .gsi-material-button-state, 
  .gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
  }
  
  .gsi-material-button:not(:disabled):hover {
    -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  }
  
  .gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
  }
  
  /* Spinner para botones de Google */
  .gsi-material-button .gsi-material-button-spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #4285F4;
    border-radius: 50%;
    animation: gsi-spin 1s linear infinite;
    margin: 0 auto;
    flex-shrink: 0;
    box-sizing: border-box;
    align-self: center;
  }
  
  @keyframes gsi-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .gsi-material-button.loading {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
  
  .gsi-material-button.loading .gsi-material-button-spinner {
    display: block;
    margin: 0 auto;
    align-self: center;
  }
  
  .gsi-material-button.loading .gsi-material-button-content-wrapper {
    justify-content: center;
    align-items: center;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
  
  .gsi-material-button.loading .gsi-material-button-icon,
  .gsi-material-button.loading .gsi-material-button-contents {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  
  .fb-login-button{
    width:271px; 
    background-color: white; 
    color: #1f1f1f;
    border: 1px solid #747775;
    padding: 10px 12px; 
    border-radius: 4px; 
    cursor: pointer; 
    font-size: 14px; 
    font-weight: 500; 
    display: inline-flex; 
    align-items: center;
    gap: 42px;
  }