:root{
	--category-gap:20px;
}
.categoryList{gap:var(--category-gap);}
.categoryList .categoryList__el{width:calc(100% / 4 - var(--category-gap));}
.categoryList[data-column="6"] .categoryList__el{width:calc(100% / 6 - var(--category-gap));}
.categoryList[data-column="5"] .categoryList__el{width:calc(100% / 5 - var(--category-gap));}
.categoryList[data-column="3"] .categoryList__el{width:calc(100% / 3 - var(--category-gap));}
.categoryList[data-column="2"] .categoryList__el{width:calc(100% / 2 - var(--category-gap));}
.categoryList__image{max-width:100%;}
.categoryList__title{font-size:1rem;font-weight:600;}
.categoryList__price{font-size:1rem;font-weight:600;color:var(--main-color);}

.product_image{width:calc(100% / 2.65);}

.product_price{font-size:1.1rem;width:100%;}
.product_price .discountPerc{display:inline-flex;font-size:.8rem;color:#fff;background:#dd0000;padding:3px 4px;border-radius:4px;}
.product_price .tr{text-decoration:line-through;color:#999;}

.iva_label{font-size:0.9rem;}

.c_drawer_container{padding:0px;position:relative;height:100vh;}
.c_drawer_head{padding:20px;border-bottom:1px solid #ddd;}
.c_drawer_title{font-size:1.4rem;}
.c_drawer_message{padding:20px;font-size:.8rem;}
.c_drawer_container p.close{display:inline-block;cursor:pointer;}
.c_drawer_container p.close svg{width:30px;height:30px;}
.c_drawer_list{padding:0px 20px;}
.c_d_list_el{padding:20px 0px;border-bottom:1px solid #ddd;}
.c_d_list_el img{height:100px;}
.c_d_title{font-size:.9rem;}
.c_d_price{white-space:nowrap;}
.c_d_control{height:40px;margin-top:10px;gap:15px;}
.c_d_remove{font-size:.8rem;gap:2px;cursor:pointer;}
.c_d_remove:hover{text-decoration:underline;}
.c_drawer_cta{padding:20px;}
.gocheckout{background:#2C2B29;color:#fff;width:100%;}
.gocheckout:hover{background:#00BB17;color:#fff;}
.c_drawer_total{padding:0px 20px;}
.c_drawer_cta{margin-top:30px;order:10;}
.c_drawer_iva{font-style:italic;font-size:.8rem;}
.c_drawer_iva.order_1{order:0;}
.c_drawer_iva.order_2{order:2;}

.shimmer{position:relative;width:100%;min-height:20px;overflow: hidden;background:#d5d5d5;}
span.shimmer{display:inline-block;width:120px;}
.shimmer::before {
	content: "";
	position: absolute;
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.4) 50%,
		rgba(255, 255, 255, 0) 100%
	);
	height: 100%;
	width: 100%;
	z-index: 1;
	animation: shimmer 1s infinite;
}
	  
@keyframes shimmer {
	0% {
		transform: translateX(-100%);
	}
	100% {
		transform: translateX(100%);
	}
}