/* WooCommerce · Mucha & Kalma skin */
.woocommerce ul.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 24px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display:none; }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: var(--mk-white); border: 1px solid color-mix(in srgb, var(--mk-gold) 18%, transparent); border-radius: var(--mk-radius-lg); padding: 14px 14px 18px; box-shadow: var(--mk-shadow-soft); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.woocommerce ul.products li.product:hover { transform: translateY(-2px); box-shadow: var(--mk-shadow-card); }
.woocommerce ul.products li.product a img { border-radius: calc(var(--mk-radius-lg) - 10px); aspect-ratio: 1/1; object-fit: cover; margin: 0 0 14px; }
.woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--mk-font-title); color: var(--mk-black); font-size: 22px; line-height: 1.06; letter-spacing: -.025em; padding: 0; margin: 10px 0 8px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--mk-gold-dark); font-weight: 850; font-size: 18px; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #payment #place_order { border-radius: var(--mk-radius-pill); background: var(--mk-gold); color: var(--mk-black); font-weight: 800; border: 1px solid transparent; padding: 13px 18px; line-height: 1; transition: all .18s ease; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #payment #place_order:hover { background: var(--mk-black); color: var(--mk-white); }
.woocommerce span.onsale { min-height: 0; min-width: 0; line-height: 1; padding: 8px 11px; border-radius: var(--mk-radius-pill); background: var(--mk-black); color: var(--mk-white); font-weight: 800; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top: 0; border-left: 4px solid var(--mk-gold); border-radius: var(--mk-radius-md); background: var(--mk-ivory); color: var(--mk-ink); box-shadow: var(--mk-shadow-soft); }
.woocommerce-info::before, .woocommerce-message::before { color: var(--mk-gold-dark); }
.woocommerce-error::before { color: var(--mk-danger); }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container--default .select2-selection--single { border: 1px solid color-mix(in srgb, var(--mk-black) 14%, transparent); border-radius: var(--mk-radius-md); min-height: 46px; padding: 10px 14px; background: var(--mk-white); color: var(--mk-ink); }
.woocommerce-cart table.cart, .woocommerce-checkout-review-order-table, .woocommerce table.shop_table { border: 1px solid color-mix(in srgb, var(--mk-gold) 20%, transparent); border-radius: var(--mk-radius-lg); overflow: hidden; background: var(--mk-white); }
.woocommerce div.product .product_title { font-family: var(--mk-font-title); color: var(--mk-black); letter-spacing: -.035em; font-size: clamp(38px, 6vw, 68px); }
.woocommerce div.product div.images img { border-radius: var(--mk-radius-lg); box-shadow: var(--mk-shadow-soft); }
@media(max-width:640px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.woocommerce ul.products li.product{padding:10px;border-radius:20px}.woocommerce-loop-product__title,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px}.woocommerce a.button{font-size:12px;padding:11px 12px}}