/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 5 janv. 2026, 18:09:36
    Author     : Pixad
*/
:root {
    --background-site-color: #fefefe; /*couleur du background du site */
    --primary-color: #94307a;        /* Violet Licorne */
    --secondary-color: #1d1d1e;      /* Gris foncé */
    --text-color: #333;
    --text-light: #a9a9a8;           /* Gris clair */
    --border-color: #e1e1e1;
    --hover-bg: #f8f9fa;
    --transition: all 0.3s ease;
}

html {
	overflow: -moz-scrollbars-vertical;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}
body {
	background:var(--background-site-color);
	color:#222;
	font-family: "Montserrat", sans-serif;
	line-height:18px;
}

main.container {margin-bottom: 4.5rem;}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

@media (min-width: 1900px) {
    .container {
        width: 80vw;
    }
}



.btn-primary, .btn-primary:active {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover, .btn-primary:active:hover{
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-primary.btn-sm {
    font-size: 0.825em;
}


.btn-black {background-color: #222; border-color: #222; color:#FFFF; transition: var(--transition); }
.btn-black:hover {background-color: #333; border-color: #333; color:#FFF;}

a {color:#222; font-weight: 500;}
a:hover {color:#000;}

a.btn.grey {color:#333;}

a.btn-action, input.btn-action, button.btn-action {
     color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 15px;
    transition: var(--transition);
}
a.btn-action:hover, input.btn-action:hover, button.btn-action:hover {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}


/* SCROLLBAR */
body::-webkit-scrollbar { width: 5px; background-color:#FFF; }
body::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); }
body::-webkit-scrollbar-thumb {  background-color:  var(--secondary-color); outline: 0px solid slategrey; transition:all 0.3s ease-in-out; }

img {
    aspect-ratio: attr(width) / attr(height);
}

#CercleScroll {position:fixed; z-index: 9999; bottom:110px; right:17px; width:80px; border-radius:100px!important; box-shadow: 1px -1px 30px 0px rgb(110 110 110 / 25%); -webkit-box-shadow: 1px -1px 30px 0px rgb(110 110 110 / 25%);    -moz-box-shadow: 1px -1px 30px 0px rgba(110,110,110,0.25);
display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    
}
#CercleScroll .progression {width:80px; height:80px; border-radius:50%!important; background-color:#222; border:2px solid #222;}
#CercleScroll .pourcentage {position:absolute; width:70px; height:70px; background-color:#fff; border-radius:50%!important; margin-left:3px; margin-top:3px; text-align:center; line-height:111px; font-size:13px; font-weight: 600; border:1px solid #222}
#CercleScroll .TopPage {position:absolute; left: 29%; margin-top: 18px; font-size: 3.5rem; cursor: pointer }
#CercleScroll .TopPage:hover { color:var(--primary-color); }   
      


/* ============================================
   HEADER E-COMMERCE
   ============================================ */

header {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    background-color: #ffffff;
    position: relative;
    top: 0;
    z-index: 1000;
    gap: 20px;
}

header .BtnHeader {
    background-color: #FFF;
    border-radius: 50%;
    padding: 15px;
    
}

header .BtnHeader a {color:#222}

/* ============================================
   LOGO
   ============================================ */

#logo {
    flex-shrink: 0;
}

#logo a {
    display: inline-block;
    line-height: 0;
}

#logo img {
    height: 60px;
    width: auto;
    transition: transform 0.3s ease;
}

#logo img:hover {
    transform: scale(1.05);
}




/* ============================================
   BARRE DE RECHERCHE
   ============================================ */

#search {
    flex: 1;
    max-width: 600px;
    margin: 0 20px;
}

#search form {
    position: relative;
    display: flex;
    width: 100%;
}

#search .form-search {
    width: 100%;
    padding: 12px 50px 12px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 30px;
    font-size: 15px;
    transition: all 0.3s ease;
    outline: none;
}

#search .form-search:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);
}

#search .form-search::placeholder {
    color: #999;
}

#search .button-search {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

#search .button-search:hover {
    background-color: #0056b3;
    transform: translateY(-50%) scale(1.05);
}

#search .button-search i {
    font-size: 16px;
}

/* ============================================
   ESPACE CLIENT & PANIER
   ============================================ */

#HomeEspaceClient,
#PanierClient {
    flex-shrink: 0;
}

#HomeEspaceClient a,
#PanierClient a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: #f8f9fa;
    border-radius: 25px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

#HomeEspaceClient a:hover,
#PanierClient a:hover {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

#PanierClient a {
    position: relative;
}

/* Badge nombre d'articles (si vous l'ajoutez) */
#PanierClient .badge {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 3px 7px;
    font-size: 11px;
    font-weight: bold;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media screen and (max-width: 992px) {
    header {
        padding: 15px 20px;
        gap: 15px;
    }
    
    #logo img {
        height: 40px;
    }
    
    #search {
        max-width: 400px;
        margin: 0 15px;
    }
    
    #HomeEspaceClient a,
    #PanierClient a {
        padding: 10px 15px;
        font-size: 13px;
    }
}

@media screen and (max-width: 768px) {
    header {
        flex-wrap: wrap;
        padding: 10px 15px;
    }
    
    #logo {
        order: 1;
    }
    
    #HomeEspaceClient {
        order: 2;
    }
    
    #PanierClient {
        order: 3;
    }
    
    #search {
        order: 4;
        width: 100%;
        max-width: 100%;
        margin: 10px 0 0 0;
        flex-basis: 100%;
    }
    
    #HomeEspaceClient a,
    #PanierClient a {
        padding: 8px 12px;
        font-size: 0;
    }
    
    #HomeEspaceClient a i,
    #PanierClient a i {
        font-size: 18px;
        margin: 0;
    }
}


/*===================================================================================*/
/*  FIL ARIANE
/*===================================================================================*/
#ArianeV2 { position:relative; margin-left:-1px !important; opacity: 0.7; -webkit-transition: opacity .6s ease-in;
    -moz-transition: opacity .6s ease-in;
    -o-transition: opacity .6s ease-in;
    transition: opacity .6s ease-in;  }
#ArianeV2:hover { opacity:1; z-index: 10;  -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in; }
#ArianeV2 ul.ArianeNiveau1 { padding:0; margin:5px; height:30px;}
#ArianeV2 ul li {list-style-type:none;}
#ArianeV2 ul li.first {
    height:30px;
    list-style-type:none; float:left;
}
#ArianeV2 ul li i { margin-top: 10px; font-size:14px;}
#ArianeV2 ul li.first a {
    list-style-type:none; float:left; width:auto; 
    height:auto; 
    /*margin: 0 0 0 5px;*/
    font-size: 15px;
    font-weight: 400;
    padding:7px;
    position:relative;
    color: #a57297;
}


#ArianeV2 ul li a.btn-sm i {  margin-top:0px;}
#ArianeV2 ul li a.btn-sm { display: flex; justify-content: flex-start; align-items: center; gap: 10px}


#ArianeV2 ul li.last {
    height:30px;
    padding-left: 2px;
    list-style-type:none; float:left;
}

#ArianeV2 ul li.last a {
    background:transparent;
    list-style-type:none; float:left; width:auto; height:16px; 
    /* margin: 0 0 0 5px; */
    font-size: 1.5rem;
    padding:7px;
    position:relative;
    color: #323232;
    font-weight: 500;
}

#ArianeV2 ul li.first img {
}
#ArianeV2 ul li.last img {
    background:transparent;
}

#ArianeV2 ul li ul {
    display:none;
    background-color: #fff;
    border: 0px solid #efefef;
    /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7); */
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border-top: 2px solid #a57297;
    color: #FFF;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 5px;
    position: absolute;
    margin-top:0px;
    margin-left:12px;
    width:auto;
}


#ArianeV2 ul li.first ul li.SousNiveau {cursor:pointer;clear:both; display:block; list-style-type:none; background-color:transparent; width: 100%; border-bottom: 1px solid #efefef;}
#ArianeV2 ul li.first ul li.SousNiveau:hover {background: none repeat scroll 0 0 #FFF !important; color:#333; cursor:pointer; clear:both; display:block; list-style-type:none;}

#ArianeV2 ul li ul li a, #ArianeV2 ul li ul li a:link {
    font-size: 13px;
    padding: 7px 20px 7px 10px;
    display: block;
    color: #444;
    white-space: nowrap;
}
#ArianeV2 ul li ul li a:hover {  color:#a57297; 
-webkit-transition: color .3s ease-in;
    -moz-transition: color .3s ease-in;
    -o-transition: color .3s ease-in;
    transition: color .3s ease-in;
    
}

/* TEMPLATE CARRE FULL SIZE */

#ListeProduit .grid {display: flex; flex-wrap: nowrap; gap: 20px; width:100%}
#ListeProduit .grid-item .product-visuel { min-height: 200px;}
#ListeProduit .grid-item .product-visuel picture img {aspect-ratio :1/1;}
#ListeProduit .ListeCarre {flex: 0 0 calc(33.33337% - 15px); box-sizing: border-box; border-radius: 0px; height: 530px; min-height: 530px; background-color: #FFF; display: block; padding: 15px; border: 0px solid #a9a9a9; transition:var(--transition); }
#ListeProduit .ListeCarre.col-lg-3 {width:24%!important; margin:0.5%;  height: 470px; min-height: 460px; }

#ListeProduit .ListeCarre .PictoMarque {position:absolute; top: 15px; left: 15px;}
#ListeProduit .ListeCarre .footer .prix {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 5px;}

#ListeProduit .ListeCarre .footer .prix .ProduitPrixVente {font-size: 2em;}
#ListeProduit .ListeCarre .footer .prix .ProduitPrixPublic {color:#a9a9a9;}

#ListeProduit .operation-commerciale { padding: 8px 12px; text-align: center; word-break: break-all;}

/*
#ListeProduit .ListeCarre.col-lg-4 {width:32%!important; margin:0.5%;}
*/
#ListeProduit .ListeCarre a {color: #222!important; font-weight: 500; text-decoration: none;}
#ListeProduit .ListeCarre a:hover{border: 0px;}
#ListeProduit .ListeCarre:hover  {
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        box-shadow: rgb(34 34 43 / 8%) 0px -1px 4px -2px, rgb(34 34 43 / 10%) 0px 14px 16px -6px, rgb(34 34 43 / 10%) 0px 4px 22px 0px;
        border: 0px;
    }
    
#ListeProduit .ListeCarre:hover  .content {border: 0px solid #efefef; border-radius: 10px;}
#ListeProduit .ListeCarre .Promo { width: 60px; height: 25px; top: 20px; left:20px; position:absolute; border:0; background-color: #ff0000; }
#ListeProduit .ListeCarre .Promo span {position: relative; top: 5px; left: 10px; color: #FFF; font-size: 17px; transform: rotate(0deg); font-weight: 700}
#ListeProduit .ListeCarre .content .visuel { width: 100%; max-height: 430px; height: 430px; display:block; position:relative}
#ListeProduit .ListeCarre .content .visuel img { width: 100%; }
#ListeProduit .ListeCarre .content .visuel .product-visuel {margin-bottom: 15px;}
#ListeProduit .ListeCarre .content .footer { text-align: center; display:block; position:relative; background-color: #FFF; padding: 8px 15px; }
#ListeProduit .ListeCarre .content .visuel .thumbnail-container { overflow: hidden; position: relative; height: 450px; }
#ListeProduit .ListeCarre .content .PictoMarque  {position:absolute; left: 20px; top: 20px;}
#ListeProduit .ListeCarre .content .prix {margin-top: 5px;}
#ListeProduit .ListeCarre a h2 {line-height: 1.8rem; min-height: 40px; border: 0; font-size: 1.8rem;}

#ListeProduit .ListeCarre .ribbon-wrapper-red, .product-thumb .BgPromotionHome   {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}
#ListeProduit .ListeCarre .ribbon-red, .product-thumb .BgPromotionHome .ValeurPromotionHome{
    font-weight: 500;
    font-size:16px;
    color: var(--primary-color);
    text-align: center;
    position: relative;
    padding: 8px;
    right: 20px;
    top: 20px;
    width: auto;
    background-color: #FFF;
    border:2px solid var(--primary-color); 
    border-radius: 50%;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
/*
@media (min-width:780px){  
   #ListeProduit .ListeCarre .Content .visuel .thumbnail-container { height: 390px; }
    #ListeProduit .ListeCarre.col-sm-6 {width:48%!important; margin:1%;}
}

*/

#ListeProduit .ListeCarre .Content .visuel .thumbnail-container {
    overflow: hidden;
    position: relative;
    height: 450px;
}

@media (min-width:1220px){ 
    #ListeProduit .ListeCarre {height: 535px!important; min-height: 535px!important;}
    #ListeProduit .ListeCarre .Content .visuel {height: 352px;}
    #ListeProduit .ListeCarre .Content .visuel .thumbnail-container  {height: 352px}
    
     /* #ListeProduit .ListeCarre.col-lg-3 { height: 425px!important; min-height: 425px!important; } */
    #ListeProduit .ListeCarre.col-lg-3 .content .visuel {height: 296px;}
    #ListeProduit .ListeCarre.col-lg-3 .content .visuel .thumbnail-container  {height: 296px}
}
@media (max-width:991px){ 
    #ListeProduit .ListeCarre {height: 450px!important; min-height: 450px!important;}
   #ListeProduit .ListeCarre .Content .visuel {height: 330px;}
   #ListeProduit .ListeCarre .Content .visuel .thumbnail-container  {height: 330px}
    #ListeProduit .ListeCarre.col-sm-6 {width:48%!important; margin:1%;}
}
@media (max-width:500px){  
    #ListeProduit .ListeCarre {height: 520px!important; min-height: 520px!important;}
    #ListeProduit .ListeCarre .Content .visuel {height: 330px;}
   #ListeProduit .ListeCarre .Content .visuel .thumbnail-container { height: 330px; }
    #ListeProduit .ListeCarre.col-xs-12 {width:calc(100vw - 30px)!important; margin:2% 0;}
}
/*
@media (max-width:480px){ 
    #container.site-content {margin-top: 0px;}
    #ArianeV2 {display: none;}
    #ListeProduit .grid {margin: 0px;}
    #ListeProduit .ListeCarre {height: 420px!important; min-height: 420px!important;}
   #ListeProduit .ListeCarre .Content .visuel {height: 285px;}
   #ListeProduit .ListeCarre .Content .visuel .thumbnail-container { height: 285px; }
    #ListeProduit .ListeCarre.col-xs-12 {width:100%!important; margin:2% 0; padding: 15px;}
    
    #InfosGamme {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 15px 0;}
}

*/

/*===================================================================================*/
/*  Carousel des images sur la gamme produit
/*===================================================================================*/

#ListeProduit  .thumbnail-container { overflow: hidden; position: relative; height:200px;}
#ListeProduit .thumbnail-container .product-thumbnail-first { -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; transition: transform 0.4s ease; backface-visibility: hidden;}
#ListeProduit .thumbnail-container .product-thumbnail-second { position: absolute; left: 0; right: 0; -webkit-transition: transform 0.4s ease;-moz-transition: transform 0.4s ease; transition: transform 0.4s ease;backface-visibility: hidden;}
#ListeProduit .thumbnail-container:hover .product-thumbnail-second, #ListeProduit .thumbnail-container:hover .product-thumbnail-first { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);  transform: translateY(-100%);}
#ListeProduit .grid-item .product-visuel {min-height: 200px;}

@media (max-width:480px){
#ListeProduit  .thumbnail-container { overflow: hidden; position: relative; height:auto;}
}


.product-info { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 15px; }
@media(max-width:900px){
    .product-info { flex-direction: column;}
    .product-info:nth-child(0) {flex: 2;}
    /* .product-info:nth-child(2) {display: none;} */
}



.product-info .image {
	position:relative;
	text-align:center;
}
.product-info .zoomWrapper { display:inline-block; }
.product-info span.zoom-gallery {
	font-size:11px;
	line-height: 11px;
	font-style:italic;
	color:#666;
	padding:1px 0;
}
.product-info span.zoom-gallery .fa { font-size:13px; }
.product-info .image .zoomWrapper:after {
	visibility:hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.product-info .image-additional {
	overflow-x:auto;
	margin-left: -7px;
	margin-top:15px;
        display:flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        
}
.product-info .image-additional img {
	max-width:90px;
	height:auto;
	display:block;
        width: 100%;
}
#column-left + #content .product-info .image-additional img, #column-right + #content .product-info .image-additional img { max-width:90px; }
.product-info .image-additional a {
	float: left;
	display: block;
	margin-left:7px;
	border-radius:0px;
	margin-bottom:15px;
        overflow: hidden;
}
.product-info .image-additional a:hover, .product-info .image-additional a:focus, .product-info .image-additional a:active { border-color:#bbb; }
.product-info .image-additional a.active {
	opacity:0.5;
	outline: 0;
	cursor:default;
        border-color:#f58632;
}


#AffichagePrix #BlockChoixQuantite, #TableauArticlePanier .product-quantity {width:fit-content; border: 2px solid #a9a9a9; padding: 10px;  border-radius: 36px;}

#AffichagePrix .btn-action, #AffichagePrix .btn-action:active {
    padding: 12px 20px;
    background: #FFEB3B !important;
    border: 1px solid #FFEB3B !important;
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0px;
}

/* Quantity plus minus */
.product-quantity {margin-top: 25px; display:flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 15px; width: 100%;}
.product-quantity label {width: 100%; text-align: center;}
.qty{ display: flex; justify-content: stretch; align-items: center;}
.qty a {
	display: flex;
        justify-content: center;
        align-items: center;
        height:30px;
	width:30px;
	position: relative;
	border:1px solid #ccc;
	
        
	transition: var(--transition);
	outline:none;
        background-color: #000;
    border-radius: 50%;
    min-width: 30px;
    text-align: center;
    color: #ffffff;
    border-color: #000;
    text-decoration: none;
    cursor: pointer;
        
}
.qty a:hover {
	background-color:var(--primary-color);
	border-color:var(--primary-color);
        
}

/* input */
.qty .numUpDownInput {
    float:left;
    font-size:15px;
    width:50px;
    padding-left:2px;
    padding-right:2px;
    height:30px;
    text-align: center;
    border:0px!important; outline:  none; box-shadow: none;
    width: 100px;
    font-size: 1.2em;
    font-weight: 700;
    background-color: transparent!important;
}

.numUpDownContainer input:focus {outline:  none; }



#cart-animation {
    background: none repeat scroll 0 0 var(--primary-color) !important;
    border: 3px solid var(--primary-color);
    border-radius: 50%;
    color: #FFFFFF !important;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    width: 35px;
    z-index: 50;
    display: flex; align-items: center; justify-content: center;
}



footer{background-color: #d4d8da; color: #404040; padding-top: 6.25rem; background-size: 100%;}

footer a {color:#333; font-weight: 500; text-decoration: none; transition: var(--transition); cursor: pointer;}
footer a:hover {color:var(--primary-color); }

footer>div>div:nth-child(2)>div h3 {text-wrap: nowrap; color: #FFF; margin-bottom: 1.25rem;}
footer>div>div:nth-child(2)>div h3.uppercase {text-transform:uppercase;}


footer>div>div:nth-child(2)>div .bs-content {font-size: .875rem;
    font-style: normal;
    line-height: 140%;}

footer>div>div:nth-child(2)>div ul {
    list-style: none;
    padding-left: 0;
}

footer nav.socials {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 5rem;
    margin-top: 3.125rem;
}
footer>div>div:nth-child(2) .main-container {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
footer>div>div:nth-child(2) .main-container>* {width: calc(100%/4);}
footer .logo-footer img {width: 350px;}
footer .s2 {font-size: .825em;font-weight: 400;}


footer .socket.container-fluid {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
}
footer .socket {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: .625rem;
    padding-top: 3.125rem;
}

footer .socket p {width: 50%;}
footer .socket p:last-child {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
}

footer ul {list-style-type: none; }
footer ul li {margin-bottom: 8px;}

footer .socket p:last-child {
    display: flex;
    gap: .75rem;
}



@media(max-width:500px){
    footer>div>div:nth-child(2) .main-container{flex-direction: column;}
    footer>div>div:nth-child(2) .main-container>* {width: 100%;}
    footer .logo-footer img {width: 100%;}
    footer .socket {flex-direction: column-reverse; justify-content:center; gap: 15px;}
    footer .socket p { width: 100%; display: flex; justify-content: center; }
    footer .socket p:last-child { justify-content: center;}
}


/* Carousel */
.header-carousel {display:flex;justify-content: space-between; align-items: center;}
.header-carousel h2 {}
.header-carousel span.linkGamme a {font-size: 0.9em;}



.owl-carousel { margin-bottom:20px; }

.owl-carousel .product-thumb .image { margin-bottom:5px; }
.owl-carousel .product-thumb {
	padding:5px;
	margin:0px 5px 0px 0px;
	position:relative;
	text-align: center;
	border:0px solid transparent;
        display: flex; 
        flex-direction: column;
        justify-content: flex-start;
}

@media only screen and (min-width:1025px) {
    .owl-carousel .product-thumb:hover {border-color:#eae9e9;}
}
.owl-carousel .product-thumb .caption {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.owl-carousel .product-thumb .caption h3 {
    font-size:1.2em;
}
.owl-carousel .product-thumb .caption h3 a:hover { color:var(--primary-color); }

.owl-carousel .product-thumb .thumbnail-container {height: 300px!important;}

.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: "FontAwesome";
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: "FontAwesome";
}
/* Product Thumb */
.product-thumb .image { text-align: center; }
.product-thumb .image a { display: block; }
.product-thumb .image a img { display:inline-block; }
.product-thumb h4 {
	margin:0;
	padding-bottom:0px;
}
.product-thumb h4 a {
	font-size:13px;
        font-size:1.1em;
	line-height:18px;
	text-decoration: none;
	display:inline-block;
	margin:0 auto;
	padding:0px;
	color:#333;
}
.product-thumb h4 a:hover { text-decoration:none; }
.product-thumb .button-group button { border: none; }
.product-thumb .button-group .btn-primary {
	padding:8px;
	margin-bottom:7px;
	font-size:11px;
	height:auto;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	line-height:normal;
}
.product-thumb .button-group .add-to-links button {
	background:none;
	color:#666;
	font-size:15px;
}
.product-thumb .button-group .add-to-links button:hover {
	color:#3e7cb4;
	cursor: pointer;
}
.product-thumb .rating { padding-bottom:7px; height:25px; min-height: 25px; }
.product-thumb .rating span { vertical-align:top; }
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
	font-weight:normal;
}
.product-thumb .price {
	font-size:1.3em!important;
	font-weight: bold;
        text-align: left;
        line-height: 1.2em;
}
.product-thumb .price-old {
	color: #333;
	font-weight:normal;
	font-size:0.8em;
        display: block;
}
.price-new { font-weight: bold; }
.price, .price-new { color:#222; }