/* INKIT Paris - shop.css
 * Habillage de transition des pages WooCommerce (catalogue, fiche, panier, compte).
 * Les écrans boutique INKIT complets arrivent en phases 4 et 5.
 */
.shop{padding-top:calc(var(--s-8))}
.shop-wrap{max-width:var(--c-xl)}
.woocommerce .woocommerce-products-header__title,.woocommerce-page h1.page-title,.woocommerce div.product .product_title{font-family:var(--f-display);font-stretch:118%;font-weight:900;text-transform:uppercase;font-size:var(--fs-display-md);line-height:.95;margin:0 0 var(--s-6)}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:var(--s-6) var(--s-4);margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}
@media (max-width:1023px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
.woocommerce ul.products li.product a img{border-radius:var(--r-md);background:var(--g-100);aspect-ratio:4/5;object-fit:cover;margin-bottom:var(--s-3)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 15px/1.3 var(--f-body);padding:0}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:700}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink);color:var(--white);border-radius:var(--r-pill);padding:14px 22px;font:600 14px/1 var(--f-body);transition:background var(--d-2)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--g-700);color:var(--white)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--r-md);border:0;background:var(--white);box-shadow:var(--sh-1);border-left:4px solid var(--accent)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}
.woocommerce .quantity .qty,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce table.variations select{min-height:48px;border-radius:var(--r-sm);border:1.5px solid var(--g-200);padding:10px 12px;background:var(--white)}
.woocommerce table.shop_table{border-radius:var(--r-md);border-color:var(--g-200);background:var(--white)}
.woocommerce .woocommerce-breadcrumb{display:none}