/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1752628999
Updated: 2025-07-16 04:23:19

*/
.woocommerce .products ul, .woocommerce ul.products, .mcshop ul.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.mcshopaimg { height: 200px; overflow: hidden; }
.mcshopaimg img { width: 100%; height: 100%; object-fit: cover; }
.mcshopcontent { padding: 15px; padding-right: 50px; display: flex; flex-direction: column; }
.mcshopcontent h2 a { font-size: 16px; color: #333; text-decoration: none; }
.mcshopcontent .price { font-weight: bold; color: #e74c3c; }
.mcshopfooter { padding: 0 15px 15px; display: flex; justify-content: space-between; align-items: center; }
.mcshopfooter .button { background: #e74c3c; color: white; border: none; padding: 8px 16px; border-radius: 4px; }
.woocommerce ul.products li.product { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; transition: box-shadow 0.3s; }
.woocommerce ul.products li.product:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: inherit;
    padding: 0;
    position: relative;
    width: inherit;
    margin-left: 0;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product
 {
        margin: 0;
    }
.woocommerce ul.products::before, .woocommerce ul.products::after {
	display: none;
}
div.type-product .related.products {
    display: inline-block;
    width: 100%;
}
p.woocommerce-result-count, form.woocommerce-ordering {
	display: none;
}
/* Стили для SVG-стрелки в карточке товара */
.e-font-icon-svg.e-fas-arrow-right {
    width: 35px;
    height: 35px;
    transition: fill 0.3s ease;
    vertical-align: middle;
    border: 3px solid #000;
    border-radius: 50px;
    transform: rotate(-45deg);
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.e-font-icon-svg.e-fas-arrow-right:hover {
    fill: #c0392b;
	border: 3px solid #c0392b;
}

/* Если в футере карточки */
.mcshopfooter .e-font-icon-svg.e-fas-arrow-right {
    margin-left: 5px;
    float: right;
}
.ncnhtcvkW {
    display: flex;
    padding: 20px;
    background: #ededed;
    border-radius: 20px;
    flex-direction: column;
	gap: 20px;
}
.ncnhtcB a {
    color: inherit;
}
/* =========================== */
@media (max-width: 768px) {
  .woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
	.mcshop li.product, .woocommerce ul.products li.product {
    width: 100% !important;
    max-width: none !important;
  }
	.mcshopaimg
 {
    height: auto;
    overflow: hidden;
}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product
 {
        margin: 0;
    }
}