/* Start:/local/components/bitrix/catalog.section.list/templates/ecostandard24/style.css?17418732361684*/

.catalog-section-list-item {
	box-shadow: 0px 4px 32px 0px rgba(198, 198, 198, 0.25) !important;
	min-height: 412px;
	border-radius: 24px;
	padding: 24px;
}
.catalog-section-list-tile-img-container {
    position: relative;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    background-color: #f8f9fa; /* Fallback background for better visuals */
    border: 1px solid #dee2e6; /* Optional styling */
    border-radius: 0.375rem;
    overflow: hidden;

}

.catalog-section-list-item-img {
    display: block;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
}

.catalog-section-list-item-inner {
    text-align: center;
    margin-top: 10px;
}

.catalog-section-list-item-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
	text-align: left;
}



/* Base Grid Container */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px; /* Simulates Bootstrap's gutter spacing */
    margin-left: -15px;
}

/* Grid Columns */
.col {
    flex: 1 0 0%;
    padding-right: 15px;
    padding-left: 15px;
}

/* Responsive Column Sizes */
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-md-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.col-xl-4 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

/* Custom Breakpoints */
@media (max-width: 576px) {
    .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    .col-xl-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* End */


/* Start:/local/components/bitrix/main.feedback/templates/ecostandard24_questions2/style.min.css?1741873238251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */
/* /local/components/bitrix/catalog.section.list/templates/ecostandard24/style.css?17418732361684 */
/* /local/components/bitrix/main.feedback/templates/ecostandard24_questions2/style.min.css?1741873238251 */