*, * html, body, html{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; outline:0; margin: 0; padding: 0}
::selection { color: white; background: black;}
:root{
}
body{font-family:  Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" ; font-size: var(--wp--preset--font-size--medium); line-height: 1.4; color: #000; cursor: default; background: #EFEFEF}
.container{ position: relative; display: grid; grid-template-areas: "header" "main" "footer" ;  margin: 0 auto;  overflow: hidden}
header, main, footer{ position: relative; margin: 0;  display: block; z-index: 555; }
header{grid-area: header; z-index: 888} main{grid-area: main; z-index: 444} footer{grid-area: footer}
.header-content, .footer-content, .main-content { position: relative;  margin: 0 auto ;  z-index: 444 }


.main-boutique {display: grid; grid-column: auto; grid-template-columns: 1fr 260px ; align-items: top; grid-gap: 20px; text-align: left}
.widget_shopping_cart_content { float: left;padding: 20px; width: 260px; background: #FFF; position: fixed; right: 0; min-height: 98vh}

.products {display: grid; grid-column: auto; grid-template-columns: repeat(6, 1fr); align-items: top; grid-gap: 20px; text-align: center}
.product {border: 1px solid #EFEFEF; padding: 10px; background: white}
.product a {text-decoration: none}
.product .price { display: block; font-size: var(--wp--preset--font-size--medium); font-weight: bold}
.product h2.woocommerce-loop-product__title {display: block; font-size: var(--wp--preset--font-size--medium)}
.product img {width: 100%; max-width: 200px}
.product a.button {padding: 3px 10px 8px; background: #000; color: white; text-decoration: none; margin-top: 20px; border-radius: 6px}
.product a.button:hover { background: #EFEFEF; color: #000; text-decoration: none; margin-top: 20px}
.product .stock {display: block; margin: 10px 0; font-size: var(--wp--preset--font-size--small);}
button[type=submit]{padding: 8px 10px 8px; background: #000; font-size: var(--wp--preset--font-size--small);color: white; text-decoration: none; margin-top: 10px; border-radius: 6px; border: none; cursor: pointer}
button[type=submit]:hover { background: #B32D20;text-decoration: none; }
input[type=number]{ padding: 8px 10px 8px; background: #EFEFEF; font-size: var(--wp--preset--font-size--small); color: black; border-radius: 6px; border: none; text-align: center;}
input[type=number]::-webkit-inner-spin-button {opacity: 1;}

.widget_shopping_cart_content a {text-decoration: none}
.widget_shopping_cart_content ul {margin: 0; padding: 0;}
.widget_shopping_cart_content ul li{list-style: none; margin: 0; padding: 5px 0; display: grid; grid-column: auto; grid-template-columns:  1fr 60px 20px; align-items: center; border-bottom: 1px dotted #CCC; }
.widget_shopping_cart_content .remove_from_cart_button {text-decoration: none;font-size: var(--wp--preset--font-size--medium); background: #FFF; border-radius: 6px }
.widget_shopping_cart_content .product_name{}
.woocommerce-mini-cart__total { margin: 10px 0 ; padding: 5px 0; display: grid; grid-column: auto; grid-template-columns: 1fr 80px; align-items: center; text-align: left; }
.widget_shopping_cart_content .product_name,.widget_shopping_cart_content .quantity {font-size: var(--wp--preset--font-size--small);}
.woocommerce-mini-cart__buttons {display: grid; grid-column: auto; grid-template-columns:  1fr 1fr; align-items: center; text-align: center; grid-gap: 20px; }
.woocommerce-mini-cart__buttons a {padding: 3px 10px 8px; background: #000; color: white; text-decoration: none; margin-top: 20px; border-radius: 6px; }
.woocommerce-mini-cart__buttons a.button:hover { background: #EFEFEF; color: #000; text-decoration: none; margin-top: 20px}

.checkout {}

@media screen and (max-width: 1152px) {
.products {grid-template-columns: repeat(4, 1fr); }

}