@import url('https://fonts.googleapis.com/css2?family=Simonetta:ital,wght@1,400&display=swap');

.simonette-title {
    font-family: 'Simonetta', serif !important;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #5A715A;
}

body {
    background-color: #D2B48C; /* Remplace par la couleur désirée */
}

#header .header-nav {
	background-color: #B5654D;
	border-bottom: 1px solid #e7e7e7;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 0;
	max-height: 55px;
	padding: 8px 0 12px;
	position: relative;
	z-index: 10;
}


    

.frise-feuilles {
    width: 100%; /* occupe toute la largeur */
    height: 50px; /* hauteur de la frise */
    background-color: #D9A066;; /* fond clair */
    background-image: url('307253.svg'); /* ton SVG externe */
    background-repeat: repeat-x; /* répète horizontalement */
    background-position: center bottom; /* alignement du motif */
    background-size: auto 40px; /* ajuste la hauteur du SVG */
    margin-top: 15px; /* espace entre le logo et la frise */
    margin-bottom: -38px; /* espace entre la frise et le menu */
  
  
/* === Vignettes produits et accessoires avec priorité élevée === */
#products .thumbnail.product-thumbnail,
.featured-products .thumbnail.product-thumbnail,
.product-accessories .thumbnail.product-thumbnail,
.thumbnail-container {
  border-radius: 12px !important;          /* coins arrondis */
  overflow: hidden !important;             /* rogne l'image */
  border: 1px solid #e7e7e7 !important;   /* bordure grise */
  background: transparent !important;      /* fond transparent */
  display: block !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;          /* carré responsive */
}

/* Images à l’intérieur */
#products .thumbnail.product-thumbnail img,
.featured-products .thumbnail.product-thumbnail img,
.product-accessories .thumbnail.product-thumbnail img,
.thumbnail-container img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;            /* remplit le cadre en gardant les proportions */
  object-position: center !important;      /* centre l'image */
  display: block !important;
  border-radius: 0 !important;             /* l'arrondi est géré par le conteneur */
}