.elementor-568 .elementor-element.elementor-element-33c30c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-568 .elementor-element.elementor-element-d787986{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-568 .elementor-element.elementor-element-2892370{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-568 .elementor-element.elementor-element-d99c497{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;}.elementor-568 .elementor-element.elementor-element-6962016{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-568 .elementor-element.elementor-element-6962016.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-568 .elementor-element.elementor-element-bd0e779.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-568 .elementor-element.elementor-element-3d7294f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-568 .elementor-element.elementor-element-a2a490f.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-568 .elementor-element.elementor-element-8803bca{--grid-columns:3;}@media(min-width:768px){.elementor-568 .elementor-element.elementor-element-d787986{--width:25%;}.elementor-568 .elementor-element.elementor-element-2892370{--width:75%;}.elementor-568 .elementor-element.elementor-element-6962016{--width:70%;}.elementor-568 .elementor-element.elementor-element-3d7294f{--width:30%;}}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-568 .elementor-element.elementor-element-8803bca{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-568 .elementor-element.elementor-element-8803bca{--grid-columns:1;}}/* Start custom CSS for wp-widget-wpc_sorting_widget, class: .elementor-element-a2a490f *//* ЗМЕНШЕННЯ ТА СТИЛІЗАЦІЯ ГРАФИ СОРТУВАННЯ */
.wpc-orderby-select {
    max-width: 180px !important; /* Робимо графу суттєво вужчою (було 300px) */
    padding: 4px 8px !important;  /* Зменшуємо внутрішні відступи для компактності */
    font-size: 14px !important;   /* Трохи менший шрифт для економії місця */
    height: auto !important;      /* Дозволяємо висоті адаптуватися під новий падінг */
    
    border: 1px solid #d9e0eb !important;
    border-radius: 5px !important; /* Заокруглення 5px, як у наших фільтрів */
    color: #575757 !important;    /* Наш основний колір тексту */
    background-color: #ffffff !important;
    cursor: pointer !important;
    outline: none !important;
}

/* Прибираємо можливі зайві тіні при фокусі */
.wpc-orderby-select:focus {
    border-color: #00624D !important; /* Наш смарагдовий при натисканні */
    box-shadow: 0 0 0 1px #00624D !important;
}

/* Гарантуємо, що форма сортування притиснута до правого краю */
.wpc-sorting-form {
    display: flex !important;
    justify-content: flex-end !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8803bca *//* 1. СТИЛІЗАЦІЯ САМОЇ КАРТКИ (КОНТЕЙНЕРА) */
.e-loop-item {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px !important; /* М'яке заокруглення */
    padding: 15px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Щоб усі картки в ряду були однієї висоти */
}

.e-loop-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
    border-color: #00624D !important; /* Смарагдова рамка при наведенні */
}

/* 2. ЗАГОЛОВОК ТОВАРУ */
.e-loop-item .product_title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 12px !important;
    min-height: 44px !important; /* Вирівнюємо заголовки, якщо вони в 1 або 2 рядки */
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2; /* Обрізаємо занадто довгі назви */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 3. ЗОБРАЖЕННЯ ТОВАРУ */
.e-loop-item .elementor-widget-image img {
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    width: 100% !important;
    height: 160px !important; /* Фіксована висота для однорідності */
    object-fit: contain !important; /* Щоб логотипи/фото не спотворювалися */
}

/* 4. БЛОК КІЛЬКОСТІ ТА КНОПКИ (Add to Quote) */
.e-loop-item .e-atc-qty-button-holder {
    display: flex !important;
    gap: 3px !important; /* Відступ між кількістю та кнопкою */
    align-items: stretch !important;
    margin-top: auto !important; /* Притискаємо блок до низу картки */
}

/* Стилізація поля кількості */
.e-loop-item .quantity input.qty {
    width: 50px !important;
    height: 44px !important;
    border: 1px solid #d9e0eb !important;
    border-radius: 5px !important;
    color: #575757 !important;
    font-size: 14px !important;
    padding: 0 !important;
    text-align: center !important;
}

/* 5. КНОПКА "Add to Quote Request" */
.e-loop-item a.add_to_cart_button {
    background-color: #00624D !important; /* ВАШ СМАРАГДОВИЙ */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: none !important;
    border-radius: 5px !important; /* Заокруглення 5px */
    padding: 0 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1 !important; /* Кнопка займає весь вільний простір */
    height: 44px !important;
    transition: background 0.2s ease !important;
}

.e-loop-item a.add_to_cart_button:hover {
    background-color: #004d3c !important; /* Темніший відтінок при наведенні */
    color: #ffffff !important;
}/* End custom CSS */