/*-----------------------*/
/**
* Transition-timing-function property@mixin
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
.subcategories {margin-bottom: 0;text-align: center}
/*border: 1px solid #ebebeb;margin-bottom: 18px;
padding: 15px;
*/

#subcategories .product-list {margin: 0}

.subcategory-name{height: 150px; padding: 35px 0 0 0; font-size: 13px; letter-spacing: -.04em; font-weight: bold; text-transform: uppercase}

.subcategories .cat-desc {
  overflow: hidden;
  text-transform: none;
  font-weight: normal;
}


@media (max-width: 600px) {
	.cat-name {margin-bottom: 40px}
	.product-block {margin-bottom: 30px}
	/* Category listing only — CMS project pages also use .third-bloc .title
	   (“Dans ce projet”) and must NOT get this rounded border frame.
	   PROD scopes via loading category.css only on category controller;
	   DEV also scopes selectors so a global include cannot leak. */
	#category .third-bloc .title {
		min-height:42px;
		padding:8px 3px !important;
		background-color:transparent!important;
		border:1px solid gray;
		border-radius: 10px !important;
		text-align:center;
		cursor:pointer
	}
	#category .third-bloc {
		vertical-align: middle !important;
		margin-bottom: 15px !important
	}
	/* Do not pad circle quick-view (maiori listing prefs) — old Leo rect chrome */
	.product-block .box-buttons a:not(.quick-view) {padding: 5px 8px 3px}
	/* Keep non-listing fa-2x compact; listing circle icon size is in product_list / satellite */
	.fa-2x {font-size: 1.3em !important}
	.product_list .product-block .box-buttons a.quick-view .fa.fa-2x {font-size: 20px !important}
}