/**
 * Swiper 9.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://sites-design.com
 * Copyright 2006-2023 Wbdesign
 * Released on: February 26, 2023
 */

    .carousel .swiper {width: 100%; height: 100%;}
    .carousel .swiper-slide.swiper-slide {text-align: center; display: flex; justify-content: center; align-items: center;}
    .carousel .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: contain;} 
	
/* ----  \\\\\\\\ ----- */
.moduletable.carousel {margin: 20px 0 30px; padding: 0 0 5px; border: 0; border-bottom: 1px solid #ddd;}   
.moduletable.carousel .vmheader {margin: 0;}      
.moduletable.carousel .vmgroup.carousel, .moduletable.carousel .vmproduct.carousel {margin: 0;}   
.moduletable.carousel .vmgroup.carousel, .moduletable.carousel .vmproduct.carousel {margin: 0 auto; max-width: 1520px;}   
.moduletable.carousel h3 {max-width: 1520px; font-family: serif; font-size: 38px; font-weight: 400; background: #f9f9f9; color: #555; margin: 0 auto 15px; padding: 10px 0; text-align: center; text-transform: uppercase; letter-spacing: 2px;}  

.carousel .span3.product-field.product-field-type-M, .vmgroup .product-field-desc {display: none;}      
.carousel .vm-customfields-wrap {margin: 0 0 2px; position: relative;}       
.carousel .addtocart-area .product-fields {background: rgba(255, 255, 255, 0.85); position: relative; width: 98%; margin: -12px 1% 0;}     
.carousel .product-fields .product-field {float: none; margin: 0; padding: 2px 0; text-align: center; width: 100%;}      

.carousel div.spacer {background: #fff; width: 100%; height: 100%; max-width: 300px; margin: 0 auto; padding: 5px 2%;}      
.carousel div.spacer table:hover {cursor: grab;} 

  .carousel .PricesalesPrice.vm-display.vm-price-value {margin-top: 10px; position: relative; z-index: 1;} 
  .carousel .PricesalesPrice.vm-display.vm-price-value span {font-size: 28px; color: #568F31; font-weight: 700;} 
  .carousel span.vm-price-desc, .PricetaxAmount.vm-display.vm-price-value {display: none;} 
  .carousel div.titulo {text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 45px;} 
  .carousel .titulo a {color: #555; letter-spacing: -0.25px;} 
  .carousel .titulo a:hover {color: #7ebd24;} 
  .carousel div.imagem {display: inline-block; width: 100%;} 
  .carousel .imagem img {height: auto; max-width: 100% !important; max-height: 260px !important; margin: 0 auto; width: auto;}       
  .carousel .imagem .img-orig {background: #fff; width: 100%; height: 260px; text-align: center; margin: 0 auto;} 
  .carousel .imagem .img-orig img:hover {width: auto; max-width: 100% !important; max-height: 260px !important; margin: 0 auto;}          
  .carousel .imagem .img-adic {background: #fff; position: absolute; z-index: 1; width: 100%; height: 260px; filter: alpha(opacity=0); opacity: 0;} 
  .carousel .imagem .img-adic:hover {height: 260px; width: 100%; margin: 0 auto; filter: alpha(opacity=100);  opacity: 1;} 
  .carousel .imagem .img-adic:hover img {max-height: 260px !important;} 
  .carousel .imagem .img-adic img:hover {margin: auto;}  
  
.carousel .product-price .vm-price-desc {color: #999;}
.carousel .product-price span.PricesalesPrice {color: #777;}        
.carousel span.PricepriceWithoutTax, .vmgroup.carousel span.PricediscountedPriceWithoutTax {font-size: 16px !important; line-height: 1; font-weight: 700; margin: 2px auto;}  
.carousel .PricediscountAmount.vm-display.vm-price-value .vm-price-desc {margin: 0 0 0 -50px;}    
.carousel span.vm-price-desc {color: #777;}   

.carousel .PricebasePriceWithTax.vm-display.vm-price-value {margin: 0;}    
.carousel a.modal.notify.modal_link.cboxElement {color: #777; font-size: 12px;}   
.carousel .product-fields .product-field {border: 0; padding: 0; border-radius: 0;}   
.carousel .product-fields-title-wrapper strong {font-size: 12px; font-weight: 400;}  
.carousel .product-fields-title-wrapper {display: inline;}   
.carousel .inline-control-group {display: inline-flex !important;}    
.carousel .PricesalesPrice.vm-display.vm-price-value {display: block; text-align: left; margin: -5px 0 0; padding: 0;}
.carousel .price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax {display: none; font-size: 17px;}   

.carousel .custom_promo {font-size: 9px; font-family: Arial;} 
.carousel .price-crossed {position: relative; margin: 0; line-height: 1;}
.carousel .percentagem {font-size: 12px; margin: -120px 0 0; position: absolute; z-index: 3; background: rgba(255,6,6,0.7); padding: 5px 2px; min-width: 30px; border-radius: 50%; border: 2px dotted #fff;}
.carousel .PricediscountAmount.vm-display.vm-price-value {margin: 0;}   
.carousel .notificar {margin-top: 2px; border: 1px solid #ddd; padding: 0 5px; text-align: center; line-height: 1;}   
/* ---************ --- */

.swiper-button-next, .swiper-button-prev {opacity: 0;} 
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {opacity: 1;} 
.swiper-button-next::after, .swiper-button-prev::after {color: #777;} 
.swiper-button-next:hover::after, .swiper-button-prev:hover::after {color: #568F31;} 

@media (min-width: 1201px) and (max-width: 1980px) {
	.moduletable.carousel h3 {font-size: 36px;}  
}  
	
@media (min-width: 981px) and (max-width: 1200px) {
	.moduletable.carousel h3 {font-size: 32px;}  
} 

@media (min-width: 769px) and (max-width: 980px) {
	.moduletable.carousel h3 {font-size: 30px;}  
}    
	
@media (max-width: 768px) {
	.moduletable.carousel h3 {font-size: 28px;}  
}