<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***********************************************************************************************************************************/
/************************ 							/!\	AVANT D'EDITER /!\									************************/
/************************ 									VOIR					   						************************/
/************************ 					www.dev.equideow.com/doc/collectionview							************************/
/***********************************************************************************************************************************/


/***********************************************************************************************************************************
 ######   #######  ##       ##       ########  ######  ######## ####  #######  ##    ## ##     ## #### ######## ##      ##
##    ## ##     ## ##       ##       ##       ##    ##    ##     ##  ##     ## ###   ## ##     ##  ##  ##       ##  ##  ##
##       ##     ## ##       ##       ##       ##          ##     ##  ##     ## ####  ## ##     ##  ##  ##       ##  ##  ##
##       ##     ## ##       ##       ######   ##          ##     ##  ##     ## ## ## ## ##     ##  ##  ######   ##  ##  ##
##       ##     ## ##       ##       ##       ##          ##     ##  ##     ## ##  ####  ##   ##   ##  ##       ##  ##  ##
##    ## ##     ## ##       ##       ##       ##    ##    ##     ##  ##     ## ##   ###   ## ##    ##  ##       ##  ##  ##
 ######   #######  ######## ######## ########  ######     ##    ####  #######  ##    ##    ###    #### ########  ###  ###
***********************************************************************************************************************************/

.collectionview::after{
	clear: both;
	content: "";
	display: block;
}

/***********************************************************************************************************************************
########  ##        #######   ######  ##    ##
##     ## ##       ##     ## ##    ## ##   ##
##     ## ##       ##     ## ##       ##  ##
########  ##       ##     ## ##       #####
##     ## ##       ##     ## ##       ##  ##
##     ## ##       ##     ## ##    ## ##   ##
########  ########  #######   ######  ##    ##
***********************************************************************************************************************************/

.collectionview__block{
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 20px 10px 10px;
	position: relative;
	text-align: center;
}
.collectionview:not(.collectionview--hasenhanced) .collectionview__block,
.collectionview.collectionview--hasenhanced .collectionview__block:not(.collectionview__block--enhanced ){
	width: 170px;
}
.body--ltr .collectionview__block{
	float: left;
	margin-right: 30px;
}
.body--rtl .collectionview__block{
	float: right;
	margin-left: 30px;
}
.body--ltr .collectionview:not(.collectionview--hasenhanced) .collectionview__block:nth-of-type(6n){
	margin-right: inherit;
}
.body--rtl .collectionview:not(.collectionview--hasenhanced) .collectionview__block:nth-of-type(6n){
	margin-left: inherit;
}
.collectionview__block::after,
.collectionview__block::before{
	content: "";
	position: absolute;
	display: block;
}
.collectionview__block::after{
	border-radius: 50%;
	bottom: 0;
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	height: 10px;
	left: 30px;
	width: calc(100% - 60px);
	z-index: -2;
}
.collectionview__block::before{
	background-color: #fdfff0;
	border-radius: 8px;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	z-index: -1;
}
.collectionview__block:hover a{
	text-decoration: none;
}

/** collectionview__block modifiers *************************************************************************************************/
.collectionview--hascategory .collectionview__block{
	padding-top: 38px;
}
.collectionview--hascontent .collectionview__block{
	padding-bottom: 42px;
}
.collectionview--hassubtitle .collectionview__texts{
	height: 100px;
}

/***********************************************************************************************************************************
##     ##  #######  ########  #### ######## #### ######## ########   ######
###   ### ##     ## ##     ##  ##  ##        ##  ##       ##     ## ##    ##
#### #### ##     ## ##     ##  ##  ##        ##  ##       ##     ## ##
## ### ## ##     ## ##     ##  ##  ######    ##  ######   ########   ######
##     ## ##     ## ##     ##  ##  ##        ##  ##       ##   ##         ##
##     ## ##     ## ##     ##  ##  ##        ##  ##       ##    ##  ##    ##
##     ##  #######  ########  #### ##       #### ######## ##     ##  ######
***********************************************************************************************************************************/

/** modifier : link + popover *****************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--link{
	border-radius: 8px;
	transition: all .15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.collectionview__block--link:hover,
.collectionview__block.pix--popover:hover {
	box-shadow: 0 0 30px 0 rgba(0,0,0,.3);
	border-radius: 8px;
}
.collectionview__block--link:active,
.collectionview__block.pix--popover:active,
.collectionview__block--link:hover .collectionview__image::after,
.collectionview__block.pix--popover:hover .collectionview__image::after {
	transform: scale(.96);
}
.collectionview__block--link:active .collectionview__image::after,
.collectionview__block.pix--popover:active .collectionview__image::after {
	transform: scale(.9);
}

/** modifier : checked ***********************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block.checked::before{
	background: -moz-linear-gradient(top,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
	background: -webkit-linear-gradient(top,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
	background: linear-gradient(to bottom,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
}
.collectionview__block.checked .collectionview__image__icon {
	background-color: #849644;
	border-radius: 50%;
}
.collectionview__block.checked .collectionview__image__icon::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin: 8px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQzLjYzIDguMmE0LjE0IDQuMTQgMCAwIDAtNi4wNSAwLjI0TDE4LjUyIDI5Ljk2bC04LjEtOC42M2E0LjE0IDQuMTQgMCAwIDAtNi4wNS0wLjI0IDQuNyA0LjcgMCAwIDAtMC4yNCA2LjM3TDE1LjEgMzkuMTRhNC4xNiA0LjE2IDAgMCAwIDIuNTYgMS43NWgwLjAyYTQuMDEgNC4wMSAwIDAgMCAxLjI1IDAuMSA0IDQgMCAwIDAgMC42Mi0wLjFoMC4wMWE0LjE2IDQuMTYgMCAwIDAgMi42LTEuODNsMjEuNy0yNC40OWE0LjcgNC43IDAgMCAwLTAuMjMtNi4zNyI+PC9wYXRoPjwvc3ZnPg==);
}
/** modifier : checked NEW ***********************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block .pix__svg--checked{
	border-radius: 50%;
	display: block;
	width: 32px;
	height: 32px;
}
.collectionview__block .pix__svg--checked svg{
	width: 16px;
	height: 16px;
	margin: 8px;
}
.collectionview__block.checkedcontent::before{
	background: -moz-linear-gradient(top,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
	background: -webkit-linear-gradient(top,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
	background: linear-gradient(to bottom,#edfda4 0,#EDFDA4 10%,#FDFFF0 50%,#FDFFF0 100%);
}
/** modifier : off ****************************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--off{
	opacity: .5;
}
.collectionview__block--off .collectionview__image &gt; img{
	filter: grayscale(1);
}


/** modifier : divine, rare, common, legendary, vip *******************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--rare::before,
.collectionview__block--common::before,
.collectionview__block--divine::before,
.collectionview__block--important::before,
.collectionview__block--precious::before{
	border-width: 0 2px 2px;
	border-style: solid;
}
.collectionview__block--rare .collectionview__category,
.collectionview__block--common .collectionview__category,
.collectionview__block--divine .collectionview__category,
.collectionview__block--important .collectionview__category,
.collectionview__block--precious .collectionview__category{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	overflow: visible;
	text-transform: uppercase;
	top: 0;
}
.collectionview__block--rare .collectionview__category::after,
.collectionview__block--common .collectionview__category::after,
.collectionview__block--divine .collectionview__category::after,
.collectionview__block--important .collectionview__category::after,
.collectionview__block--precious .collectionview__category::after{
	border-radius: 4px 4px 0 0;
	bottom: -1px;
	content: "";
	display: block;
	height: 5px;
	left: -8px;
	position: absolute;
	right: -8px;
}
.collectionview__block--rare:not(.checked) .collectionview__category::after,
.collectionview__block--common:not(.checked) .collectionview__category::after,
.collectionview__block--divine:not(.checked) .collectionview__category::after,
.collectionview__block--important:not(.checked) .collectionview__category::after,
.collectionview__block--precious:not(.checked) .collectionview__category::after{
	background: #FDFFF0;
}
.collectionview__block--rare.checked .collectionview__category::after,
.collectionview__block--common.checked .collectionview__category::after,
.collectionview__block--divine.checked .collectionview__category::after,
.collectionview__block--important.checked .collectionview__category::after,
.collectionview__block--precious.checked .collectionview__category::after{
	background: #edfda4;
}

/** modifier : divine *************************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--divine::before{
	background: -moz-linear-gradient(top, #7C4D81 0px, #7C4D81 32px, #FDFFF0 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #7C4D81 0px,#7C4D81 32px,#FDFFF0 32px,#FDFFF0 100%);
	background: linear-gradient(to bottom, #7C4D81 0px,#7C4D81 32px,#FDFFF0 32px,#FDFFF0 100%);
	border-color: #7C4D81;
}
.collectionview__block--divine.checked::before{
	background: -moz-linear-gradient(top, #7C4D81 0px, #7C4D81 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #7C4D81 0px,#7C4D81 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: linear-gradient(to bottom, #7C4D81 0px,#7C4D81 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
}
.collectionview__block--divine::after{
	box-shadow: 0 0 15px #7C4D81;
}
.collectionview__block--divine .collectionview__texts::after{
	background-color: #7C4D81;
}
.collectionview__block--divine .collectionview__block--link:hover{
	box-shadow: 0 0 30px 0 rgba(124, 77, 129, .5);
}

/** modifier : precious ***************************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--precious::before{
	background: -moz-linear-gradient(top, #ee8c13 0px, #ee8c13 32px, #FDFFF0 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #ee8c13 0px,#ee8c13 32px,#FDFFF0 32px,#FDFFF0 100%);
	background: linear-gradient(to bottom, #ee8c13 0px,#ee8c13 32px,#FDFFF0 32px,#FDFFF0 100%);
	border-color: #ee8c13;
}
.collectionview__block--precious.checked::before{
	background: -moz-linear-gradient(top, #ee8c13 0px, #ee8c13 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #ee8c13 0px,#ee8c13 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: linear-gradient(to bottom, #ee8c13 0px,#ee8c13 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
}
.collectionview__block--precious::after{
	box-shadow: 0 0 15px #ee8c13;
}
.collectionview__block--precious .collectionview__texts::after{
	background-color: #ee8c13;
}
.collectionview__block--precious .collectionview__block--link:hover{
	box-shadow: 0 0 30px 0 rgba(238, 140, 19, .5);
}

/** modifier : rare ***********************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--rare::before{
	background: -moz-linear-gradient(top, #25cda3 0px, #25cda3 32px, #FDFFF0 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #25cda3 0px,#25cda3 32px,#FDFFF0 32px,#FDFFF0 100%);
	background: linear-gradient(to bottom, #25cda3 0px,#25cda3 32px,#FDFFF0 32px,#FDFFF0 100%);
	border-color: #25cda3;
}
.collectionview__block--rare.checked::before{
	background: -moz-linear-gradient(top, #25cda3 0px, #25cda3 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #25cda3 0px,#25cda3 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: linear-gradient(to bottom, #25cda3 0px,#25cda3 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
}
.collectionview__block--v::after{
	box-shadow: 0 0 15px #25cda3;
}
.collectionview__block--rare .collectionview__texts::after{
	background-color: #25cda3;
}
.collectionview__block--rare .collectionview__block--link:hover{
	box-shadow: 0 0 30px 0 rgba(37, 205, 163, .5);
}

/** modifier : common *************************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--common::before{
	background: -moz-linear-gradient(top, #AF9C8C 0px, #AF9C8C 32px, #FDFFF0 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #AF9C8C 0px,#AF9C8C 32px,#FDFFF0 32px,#FDFFF0 100%);
	background: linear-gradient(to bottom, #AF9C8C 0px,#AF9C8C 32px,#FDFFF0 32px,#FDFFF0 100%);
	border-color: #AF9C8C;
}
.collectionview__block--common.checked::before{
	background: -moz-linear-gradient(top, #AF9C8C 0px, #AF9C8C 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #AF9C8C 0px,#AF9C8C 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: linear-gradient(to bottom, #AF9C8C 0px,#AF9C8C 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
}
.collectionview__block--common::after{
	box-shadow: 0 0 15px #AF9C8C;
}
.collectionview__block--common .collectionview__texts::after{
	background-color: #AF9C8C;
}

/** modifier : important **********************************************************************************************************/
/**********************************************************************************************************************************/
.collectionview__block--important::before{
	background: -moz-linear-gradient(top, #EEC213 0px, #EEC213 32px, #FDFFF0 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #EEC213 0px,#EEC213 32px,#FDFFF0 32px,#FDFFF0 100%);
	background: linear-gradient(to bottom, #EEC213 0px,#EEC213 32px,#FDFFF0 32px,#FDFFF0 100%);
	border-color: #EEC213;
}
.collectionview__block--important.checked::before{
	background: -moz-linear-gradient(top, #EEC213 0px, #EEC213 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: -webkit-linear-gradient(top, #EEC213 0px,#EEC213 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
	background: linear-gradient(to bottom, #EEC213 0px,#EEC213 32px, #FDFFF0 32px, #edfda4 32px, #FDFFF0 100%);
}
.collectionview__block--important::after{
	box-shadow: 0 0 15px #EEC213;
}
.collectionview__block--important .collectionview__texts::after{
	background-color: #EEC213;
}

/***********************************************************************************************************************************
 ######     ###    ######## ########  ######    #######  ########  ##    ## 
##    ##   ## ##      ##    ##       ##    ##  ##     ## ##     ##  ##  ##  
##        ##   ##     ##    ##       ##        ##     ## ##     ##   ####   
##       ##     ##    ##    ######   ##   #### ##     ## ########     ##    
##       #########    ##    ##       ##    ##  ##     ## ##   ##      ##    
##    ## ##     ##    ##    ##       ##    ##  ##     ## ##    ##     ##    
 ######  ##     ##    ##    ########  ######    #######  ##     ##    ##    
***********************************************************************************************************************************/

.collectionview__category{
	color: #3d251b;
	font-size: 13px;
	height: 32px;
	left: 10px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-overflow: ellipsis;
	top: 10px;
	white-space: nowrap;
}

/***********************************************************************************************************************************
#### ##     ##    ###     ######   ######## 
 ##  ###   ###   ## ##   ##    ##  ##       
 ##  #### ####  ##   ##  ##        ##       
 ##  ## ### ## ##     ## ##   #### ######   
 ##  ##     ## ######### ##    ##  ##       
 ##  ##     ## ##     ## ##    ##  ##       
#### ##     ## ##     ##  ######   ######## 
***********************************************************************************************************************************/

.collectionview__image{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 128px;
	height: 128px;
}
.collectionview__image::after{
	content: "";
	display: block;
	position: absolute;
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZjJlZmNmIiB2aWV3Qm94PSIwIDAgMTkyIDE5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBhdGggZD0iTTE5MiA4OS43OWMwIDI5LjEtMy4wNCA1NC03LjkgNzguNjEtMS41MiA3LjUtNi4zOCAxMi4zLTEzLjM3IDE0LjEtMzEuOSA4LjEtNjQuNCAxMS40LTk3LjUzIDguNC0xNi4xLTEuNS0zMS45LTQuNS00OC03LjItMTAuNjMtMS41LTE2LjEtOC4xLTE4LjIzLTE4LjZDLTMuMDUgMTE4LTEuODQgNzAuODggNy44OCAyMy43N2MxLjUyLTcuOCA2LjM4LTEyLjYgMTMuNjctMTQuNCAzMi4yMS04LjEgNjUuMDItMTEuNCA5OC4xNC04LjEgMTUuOCAxLjUgMzEuNiA0LjUgNDcuNCA3LjIgMTAuMzMgMS44IDE2LjEgOC4xIDE4LjIzIDE4LjMgNC4yNSAyMi4yIDYuNjggNDQuNzEgNi42OCA2My4wMnoiPjwvcGF0aD4gPC9zdmc+);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	transition: all .15s ease-in-out;
}
.collectionview__image &gt; img,
.collectionview__image &gt; figure{
	width: 96px;
	height: 96px;
	margin: 16px;
}
.collectionview__image &gt; figure{
   background-size: cover;
}

/***********************************************************************************************************************************
########     ###    ########   ######   ######## 
##     ##   ## ##   ##     ## ##    ##  ##       
##     ##  ##   ##  ##     ## ##        ##       
########  ##     ## ##     ## ##   #### ######   
##     ## ######### ##     ## ##    ##  ##       
##     ## ##     ## ##     ## ##    ##  ##       
########  ##     ## ########   ######   ######## 
***********************************************************************************************************************************/
.collectionview__block:not(.collectionview__block--enhanced) .collectionview__image__badge {
    border-radius: 16px;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    min-width: 32px;
    padding: 0 4px;
    right: 96px;
}
.collectionview__image__badge{
	background: #DCD4BC;
	box-sizing: border-box;
	color: #82685B;
	display: block;
	font-weight: bold;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	z-index: 3;
	top: 0;
}
.collectionview__block--multiplier .collectionview__image__badge{
	background: #EEC213;
	color: #3D251B;
}
.collectionview__image__badge .svg--s{ /* if a svg icon is put inside badge */
	margin: 0 -4px;
}

/***********************************************************************************************************************************
 #######  ##     ##    ###    ##    ## ######## #### ######## ##    ## 
##     ## ##     ##   ## ##   ###   ##    ##     ##     ##     ##  ##  
##     ## ##     ##  ##   ##  ####  ##    ##     ##     ##      ####   
##     ## ##     ## ##     ## ## ## ##    ##     ##     ##       ##    
##  ## ## ##     ## ######### ##  ####    ##     ##     ##       ##    
##    ##  ##     ## ##     ## ##   ###    ##     ##     ##       ##    
 ##### ##  #######  ##     ## ##    ##    ##    ####    ##       ##    
***********************************************************************************************************************************/

.collectionview__image__quantity{
	position: absolute;
	top: 113px;
	width: 100%;
}
.collectionview__quantity__align{
	background: #FDFFF0;
	border-radius: 8px;
	border: 2px solid #F2EFCF;
	color: #3D251B;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	white-space: nowrap;
}
.collectionview__quantity__align img{
	width: 32px;
	height: 32px;
	margin-top: -6px;
	margin-bottom: -6px;
}
.body--ltr .collectionview__quantity__align img{
	margin-left: 5px;
	margin-right: -10px;
}
.body--rtl .collectionview__quantity__align img{
	margin-left: -10px;
	margin-right: 5px;
}
.collectionview__block--multiplier .collectionview__quantity__align{
	background: #EEC213;
	border-color: #EEC213;
}


/***********************************************************************************************************************************
####  ######   #######  ##    ## 
 ##  ##    ## ##     ## ###   ## 
 ##  ##       ##     ## ####  ## 
 ##  ##       ##     ## ## ## ## 
 ##  ##       ##     ## ##  #### 
 ##  ##    ## ##     ## ##   ### 
####  ######   #######  ##    ## 
***********************************************************************************************************************************/

.collectionview__image__icon {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	pointer-events: none;
}

/***********************************************************************************************************************************
######## ######## ##     ## ########  ######  
   ##    ##        ##   ##     ##    ##    ## 
   ##    ##         ## ##      ##    ##       
   ##    ######      ###       ##     ######  
   ##    ##         ## ##      ##          ## 
   ##    ##        ##   ##     ##    ##    ## 
   ##    ######## ##     ##    ##     ######  
***********************************************************************************************************************************/

.collectionview__texts__align{
	display: table-cell;
	vertical-align: middle;
	word-break: break-word;
	width: 150px;
}
.collectionview__texts__align::first-letter{
	text-transform: uppercase;
}

/***********************************************************************************************************************************
######## #### ######## ##       ######## 
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ######   
   ##     ##     ##    ##       ##       
   ##     ##     ##    ##       ##       
   ##    ####    ##    ######## ######## 
***********************************************************************************************************************************/

.collectionview__texts__title{
	margin: 0;
	height: 64px;
	color: #3D251B;
	overflow: hidden;
	font-size: 24px;
	line-height: 32px;
}
.collectionview__texts__title .collectionview__texts__align{
	height: 64px;
}

/***********************************************************************************************************************************
 ######  ##     ## ########  ######## #### ######## ##       ######## 
##    ## ##     ## ##     ##    ##     ##     ##    ##       ##       
##       ##     ## ##     ##    ##     ##     ##    ##       ##       
 ######  ##     ## ########     ##     ##     ##    ##       ######   
      ## ##     ## ##     ##    ##     ##     ##    ##       ##       
##    ## ##     ## ##     ##    ##     ##     ##    ##       ##       
 ######   #######  ########     ##    ####    ##    ######## ######## 
***********************************************************************************************************************************/

.collectionview__texts__subtitle{
	height: 36px;
	display: block;
	color: #82685B;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
}
.collectionview__texts__subtitle .collectionview__texts__align{
	height: 36px;
}

/***********************************************************************************************************************************
 ######   #######  ##    ## ######## ######## ##    ## ######## 
##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    
##       ##     ## ####  ##    ##    ##       ####  ##    ##    
##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    
##       ##     ## ##  ####    ##    ##       ##  ####    ##    
##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    
 ######   #######  ##    ##    ##    ######## ##    ##    ##    
***********************************************************************************************************************************/

.collectionview__content{
	color: #3D251B;
	font-size: 11px;
	height: 32px;
	left: 10px;
	line-height: 32px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-overflow: ellipsis;
	bottom: 10px;
	white-space: nowrap;
}


/***********************************************************************************************************************************
######## ##    ## ##     ##    ###    ##    ##  ######  ######## ########  
##       ###   ## ##     ##   ## ##   ###   ## ##    ## ##       ##     ## 
##       ####  ## ##     ##  ##   ##  ####  ## ##       ##       ##     ## 
######   ## ## ## ######### ##     ## ## ## ## ##       ######   ##     ## 
##       ##  #### ##     ## ######### ##  #### ##       ##       ##     ## 
##       ##   ### ##     ## ##     ## ##   ### ##    ## ##       ##     ## 
######## ##    ## ##     ## ##     ## ##    ##  ######  ######## ########  
***********************************************************************************************************************************/

.collectionview__block--enhanced{
	width: 370px;
}

/** margins ************************************************************************************************************************/
.body--ltr .collectionview--hasenhanced .collectionview__block:nth-of-type(5),
.body--ltr .collectionview--hasenhanced .collectionview__block:nth-of-type(9),
.body--ltr .collectionview--hasenhanced .collectionview__block:nth-of-type(6n + 15){
	margin-right: inherit;
}
.body--rtl .collectionview--hasenhanced .collectionview__block:nth-of-type(5),
.body--rtl .collectionview--hasenhanced .collectionview__block:nth-of-type(9),
.body--rtl .collectionview--hasenhanced .collectionview__block:nth-of-type(6n + 15){
	margin-left: inherit;
}

/** image *************************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__image {
    height: 256px;
    width: 256px;
}

.collectionview__block--enhanced .collectionview__image &gt; img,
.collectionview__block--enhanced .collectionview__image &gt; figure {
	height: 192px;
	margin: 32px;
	width: 192px;
}

/** texts *************************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__texts__align{
	width: 350px;
}

/** title *************************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__texts__title {
	font-size: 30px;
	height: 80px;
	line-height: 40px;
}

/** subtitle **********************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__texts__subtitle {
	color: #82685B;
	display: block;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 10px;
}
.collectionview__block--enhanced .collectionview__texts__subtitle,
.collectionview__block--enhanced .collectionview__texts__subtitle .collectionview__texts__align{
	height: 72px;
}

/** badge *************************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__image__badge {
    border-radius: 32px;
    color: #82685B;
    font-size: 20px;
    height: 64px;
    line-height: 64px;
    min-width: 64px;
}

/** quantity **********************************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview__block--enhanced .collectionview__image__quantity{
	top: 235px;
}
.collectionview__block--enhanced .collectionview__quantity__align{
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	padding: 0 15px;
}
.collectionview__block--enhanced .collectionview__quantity__align img{
	width: 48px;
	height: 48px;
	margin-top: -4px;
	margin-bottom: -4px;
}
.body--ltr .collectionview__block--enhanced .collectionview__quantity__align img{
	margin-left: 10px;
	margin-right: -15px;
}
.body--rtl .collectionview__block--enhanced .collectionview__quantity__align img{
	margin-left: -15px;
	margin-right: 10px;
}

/** vertical alignment : basic ****************************************************************************************************/
/**********************************************************************************************************************************/

.collectionview:not(.collectionview--hascontent):not(.collectionview--hascategory):not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__image{
	margin-top: 49px;
}
.collectionview:not(.collectionview--hascontent):not(.collectionview--hascategory):not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__texts{
	height: 80px;
	margin-bottom: 68px;
}

/** vertical alignment : hassubtitle **********************************************************************************************/
/**********************************************************************************************************************************/

.collectionview:not(.collectionview--hascontent):not(.collectionview--hascategory).collectionview--hassubtitle .collectionview__block--enhanced .collectionview__image{
	margin-top: 44px;
}
.collectionview:not(.collectionview--hascontent):not(.collectionview--hascategory).collectionview--hassubtitle .collectionview__block--enhanced .collectionview__texts{
	height: 162px;
	margin-bottom: 64px;
}

/** vertical alignment : hascategory **********************************************************************************************/
/**********************************************************************************************************************************/

.collectionview:not(.collectionview--hascontent).collectionview--hascategory:not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__image{
	margin-top: 48px;
}
.collectionview:not(.collectionview--hascontent).collectionview--hascategory:not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__texts{
	height: 80px;
	margin-bottom: 88px;
}

/** vertical alignment : hascontent ***********************************************************************************************/
/**********************************************************************************************************************************/

.collectionview.collectionview--hascontent:not(.collectionview--hascategory):not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__image{
	margin-top: 65px;
}
.collectionview.collectionview--hascontent:not(.collectionview--hascategory):not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__texts{
	height: 80px;
	margin-bottom: 85px;
}

/** vertical alignment : hascategory +  hassubtitle *******************************************************************************/
/**********************************************************************************************************************************/

.collectionview:not(.collectionview--hascontent).collectionview--hascategory.collectionview--hassubtitle .collectionview__block--enhanced .collectionview__image{
	margin-top: 53px;
}
.collectionview:not(.collectionview--hascontent).collectionview--hascategory.collectionview--hassubtitle .collectionview__block--enhanced .collectionview__texts{
	height: 162px;
	margin-bottom: 73px;
}

/** vertical alignment : hascategory + hascontent *********************************************************************************/
/**********************************************************************************************************************************/

.collectionview.collectionview--hascontent.collectionview--hascategory:not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__image{
	margin-top: 74px;
}
.collectionview.collectionview--hascontent.collectionview--hascategory:not(.collectionview--hassubtitle) .collectionview__block--enhanced .collectionview__texts{
	height: 80px;
	margin-bottom: 94px;
}

/** vertical alignment : hascontent + hascategory +  hassubtitle ******************************************************************/
/**********************************************************************************************************************************/

.collectionview.collectionview--hascontent.collectionview--hascategory.collectionview--hassubtitle .collectionview__block--enhanced .collectionview__image{
	margin-top: 68px;
}
.collectionview.collectionview--hascontent.collectionview--hascategory.collectionview--hassubtitle .collectionview__block--enhanced .collectionview__texts{
	height: 162px;
	margin-bottom: 89px;
}</pre></body></html>