@charset "utf-8";


:root{
	--product-first-price: #666;
	--product-price: #111;
	--product-default-currency: #555;
	--instock: var(--success, #0C0);
	--criticalstock: var(--warning, #0CC);
	--outstock: var(--danger, #C00);
	--nextstock: var(--primary, #00F);
	--media-thumbnail-border: rgba(0,0,0,.15);
	--media-thumbnail-border-active: var(--primary, #00F);
	
	--media-thumbnail-width: 50px;
	--media-thumbnail-height: 50px;
	
	--product-info-width: 100%;
	--product-info-sm-width: 100%;
	--product-info-md-width: 400px;
	--product-info-lg-width: 450px;
	--product-info-xl-width: 500px; 
	
}

.product-area-header{
	font-size: .8em;
}

.product-area-header,
.product-area-header .breadcrumb-nav,
.product-area-header .breadcrumb{
	margin-bottom: auto !important;
}

.product-detail{
	width: 100%;
	
	/* margin-top: 2rem; */
	margin-bottom: 2rem;
}

.product-general{
    width: 100%;	
	white-space: nowrap;
}

.product-info,
.product-medias{
	white-space: normal;
	display: inline-block;	
	vertical-align: top;
}

.product-info{
	width: var(--product-info-width, 350px);
}

.product-detail > .product-name,
.product-info .product-name{
	font-size: 1.3em;
	letter-spacing: -.02em;
	font-weight: 400;
	
	margin-bottom: 1em;
}

.product-detail > .product-name{
	font-size: 1.5rem !important;
}

.product-info .product-desc{
	color: #666;
	font-size: .8em;
	text-align: justify;
}

.product-reviews{
	margin-bottom: 1em;
	font-size: .8em;
}

.product-reviews-more{
	text-decoration: underline;
	color: var(--primary-color, #00a8e9);	
	font-size: .9em;
}

.product-reviews-more::after{
	display: inline-block;
	content: "";
	
	vertical-align: middle;
	
	width: 0;
  	height: 0;
  	 
  	border-left: 4px solid var(--primary-color, #00a8e9); 
  	border-top: 4px solid transparent;
  	border-bottom: 4px solid transparent; 
  
  	margin-left: .5em;
}









/* PRODUCT PRICE */
@keyframes priceLineTrought{
	0% { width: 0%; }
	100% { width: 100%; }
}
.product-price-info .product-first-price{
	color: var(--product-first-price, #F00);
	display: inline-block;
}

.product-price-info .product-first-price .value{
	display: inline-block;
	position: relative;
}

.product-price-info .product-first-price .value::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0%;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #F00;
	
	-webkit-transform: rotate(-3deg);
	   -moz-transform: rotate(-3deg);
	    -ms-transform: rotate(-3deg);
	        transform: rotate(-3deg);
	
	-webkit-animation-name: priceLineTrought;
	   -moz-animation-name: priceLineTrought;
	        animation-name: priceLineTrought;
	
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;        
            animation-duration: 1s;
}

.product-price-info .product-price{
	color: var(--product-price,  #000);
	font-size: 1.5em;
}

.product-price-info .product-price .default-currency{
	color: var(--product-default-currency, #333);
	font-size: .5em;
	display: inline-block;
	margin-left: .5em;
}

.product-price-info .product-price .default-currency::after,
.product-price-info .product-price .default-currency::before{
	display: inline-block; 
}

.product-price-info .product-price .default-currency::before{ content: '('; }
.product-price-info .product-price .default-currency::after{ content: ')'; }

.product-price-info .installment-options{
	font-size: .5em;
	color: var(--secondary, #666);
	display: inline-block;
	margin-bottom: 1em;
}

/* STOCK BADGE */
.stock-badge,
.in-stock-badge,
.critical-stock-badge,
.out-stock-badge,
.next-stock-badge{
	display:inline-block;
	border: solid 1px #666;
	color: #666;
	border-radius: 5px;
	padding: .1em .5em;
	font-size: .8em;
}

.stock-badge .desc{
	display: block;
	color: var(--secondary, #666);
}

.in-stock-badge{
	border-color: var(--instock, #0F0);
	color: var(--instock, #0F0);
}

.critical-stock-badge{
	border-color: var(--criticalstock, #0FC);
	color: var(--criticalstock, #0FC);
}

.out-stock-badge{
	border-color: var(--outstock, #F00);
	color: var(--outstock, #F00);
}

.next-stock-badge{
	border-color: var(--nextstock, #00F);
	color: var(--nextstock, #00F);
}

/* DELIVERY INFO */
.delivery-info{
	margin: 1em 0 0;
	font-size: .9em;
}

.delivery-info > .label{
	color: var(--primary-color, var(--primary, #333));
}

.delivery-info .shipping-fee{
	font-weight: bold;
}

.delivery-info .shipping-fee .info{
	font-weight: normal;
	margin-left: .5em;
}

.delivery-info .shipping-time{
	display: inline-block;
	color: var(--secondary, #333);
}

/* PURCHASING OPTIONS */
.purchasing-options{
	display: block;
	margin-top: 1em;
}

.product-option-box{
	display: block;
}

.product-option-box > LABEL{
	display: block;
	font-size: .8em;
	color: var(--gray, #CCC);
}

.product-option-box .item{
	margin: .1em;
	padding: .3em .8em;
	
	border: solid 2px var(--seperator-color, #CCC);
	cursor: pointer;
	
	transition: all ease 200ms;
	
	font-size: .8em;
	
	white-space: nowrap;
}

.product-option-box .item:hover,
.product-option-box .item.active{
	border-color: var(--primary-color);
}

.product-option-box .item.disabled:hover,
.product-option-box .item.disabled{
	opacity: .3;
	border-color: var(--seperator-color, #CCC);
	cursor: default;
	
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	width: 0;
	
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
}

.product-option-box .item.out-stock{
	border-color: var(--warning, #666);
	opacity: .5;
}

.product-option-box + .product-option-box{
	margin-top: .5em;
}


.btn-preorder,
.btn-addcart{
	background-color: #F73;
	color: #FFF;
	font-weight: bold;
}

.btn-preorder:hover,
.btn-addcart:hover{
	background-color: #C50;
}

.btn-getinfo{
	background-color: #0cf;
	color: #FFF;
	font-weight: bold;
}


/* BADGES */
.product-badges{
	border: solid 1px var(--seperator-dark-color, #CCC);
	padding: .1em .1em;
	
	border-radius: 8px;
}

.product-badges .product-badge{
	display: inline-block;
	font-size: 1em;
	color: var(--secondary, #333);
	
	margin: .5em;
}

.product-badges .product-badge .imf{
	font-size: 2.5em;
	vertical-align: middle;
	color: var(--product-badge-color, #eb5a29);
}

.product-badges .product-badge .text{
	vertical-align: middle;
	font-size: .8em;
	margin-left: 1em;
	display: inline-block;
}

.product-badges .product-badge .info{
	display: block;
	font-size: .9em;
}


.product-badges .product-badge + .product-badge{
	margin-left: 1em;
}


/* MEDIAS */
.product-medias{
	width: calc(100% - var(--product-info-width, 350px));
}

/* Extra Large */
@media screen and (min-width: 1440px){
	.product-info{
		width: var(--product-info-xl-width, 350px);
	}
	
	.product-medias{
		width: calc(100% - var(--product-info-xl-width, 350px));
	}
}

/* Large */
@media screen and (max-width: 1440px){
	.product-general{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.product-info{
		width: var(--product-info-lg-width, 350px);
	}
	
	.product-medias{
		width: calc(100% - var(--product-info-lg-width, 350px));
	}
	
	
}

/* Medium */
@media screen and (max-width: 992px){
	.product-info{
		width: var(--product-info-md-width, 350px);
	}
	
	.product-medias{
		width: calc(100% - var(--product-info-md-width, 350px));
	}
	
}

/* Small */
@media screen and (max-width: 768px){
	.product-info,
	.product-medias{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	/*
	.product-info{
		width: var(--product-info-sm-width, 350px);
	}
	
	.product-medias{
		width: calc(100% - var(--product-info-sm-width, 350px));
	}
	*/
}

/* XSmall */
@media screen and (max-width: 576px){
	.product-info,
	.product-medias{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}



	
	
	
	
	
	
/* PRODUCT CONTENT */
	.product-content{}
	.product-content-side-bar,
	.product-content-body{}
	.product-content-side-bar{}
	.product-content-body{}

	/* PRODUCT BASIC ATTRIBUTES */
	.product-basic-attributes,
	.product-specifications{
		display: block;
		width: 100%;
		
		padding: 1em;
		
		text-align: left;
	}
	.product-basic-attributes UL,
	.product-specifications UL{
		list-style: none;
		margin: 0px;
		padding: 0px;
		
		display: table;
		
		font-size: .8em;
		
	}
	
	.product-basic-attributes LI,
	.product-specifications LI{
		list-style: none;
		padding: 0px;
		margin: 0px;
		
		display: table-row;
		
	}
	
	.product-basic-attributes LI .label,
	.product-basic-attributes LI .value,
	.product-specifications LI .label,
	.product-specifications LI .value{
		display: table-cell;
		padding: 0 .5em;
		color: #666;
		
		vertical-align: top;
	}
	
	.product-basic-attributes LI .value,
	.product-specifications LI .value{
		color: #333;
	}
	
	
	.product-basic-attributes LI .value::before,
	.product-specifications LI .value::before{
		display: inline-block;
		content: ":";
		vertical-align: middle;
		margin-right: .5em;
		
		color: #666;
	}
	
	.product-specifications UL{
		font-size: 1em;
	}
	


/* LEFT TABS */
.product-content-card-header:after{
	display: block;
	position: absolute;
	content: "";
	width: .5em;
	height: .5em;
	border: solid 1px var(--secondary, #666);
	border-width: 0 1px 1px 0;
	
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	
	right: 1.5em;
	top: calc(50% - .25em);
	
	-webkit-transition: all ease 200ms;
	   -moz-transition: all ease 200ms;
	     -o-transition: all ease 200ms;
	        transition: all ease 200ms;
}


/* PRODUCT TAB CONTENTS */
.product-content-card{
	border: none;
	margin-bottom: .5em;
}


.product-content-card-header{
	background-color: transparent;
	position: relative;
	cursor: pointer;
}

.product-content-card-header:after{
	width: .8em;
	height: .8em;
	border: solid 1px var(--secondary, #666);
	border-width: 0 1px 1px 0;
	
	right: 1.5em;
	top: calc(50% - .4em);
}

.product-content-card-header .card-title{
	font-weight: lighter;
}

.product-content-card.active .product-content-card-header:after,
.product-content-card-header.active:after,
.product-content-card-header:hover:after{
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.product-content-card-collapse{
	height: 0px;
	overflow: hidden;
}

.product-content-card.active .product-content-card-collapse,
.product-content-card-header.active + .product-content-card-collapse{
	height: auto;
}

.product-content-card-body{}

.product-content-card:not(.active):last-of-type .product-content-card-header:not(.active){
	border-bottom: none;
}


.faq-card + .faq-card{
	margin-top: 1rem;
}