.pangoelec-row { flex-direction: column; margin-top: 3.5rem; }
.pangoelec_left { width: 100%; order: 2; }
.pangoelec_right { display: flex; justify-content: center; order: 1; margin-bottom: 2rem; }
.pangoelec_left h1 { font-weight: bold; }
.pangoelec_left h2 { font-weight: 400; }
.pangoelec_left p { margin-bottom: .25rem; }
.pangoelec_left hr { margin: 0; }
.pangoelec_left .model-title { margin-top: 1.7rem; }
.pangoelec_left .pangoelec-gray { font-size: 1.1rem; color: #aaaaaa; font-weight: 500; }
.pangoelec_right_img { width: 200px; height: 200px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.pangoelec_right_img img { width: auto; height: 200px; }
.pangoelec-d-flex { display: flex; justify-content: space-between; }
.pangoelec-row .section-title { font-size: 2rem; }

.products_galery { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1rem; margin: 3rem 0; }
.products_galery .product { display: flex; flex-direction: column; align-items: center; }
.products_galery .product_image { width: 300px; height: 300px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.products_galery .product_image img { width: 300px; height: auto; }
.products_galery h3 { font-size: 14px; text-align: center; min-height: 40px; }
.products_galery .add_to_cart_button { display: block; height: fit-content; width: fit-content; padding: .5rem 1.25rem; margin: 0 auto; }
.products_galery .product_info { display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%;}
.products_galery a.added_to_cart { display: none; }
.go_to_product:hover img, .go_to_product:focus img { transform: scale(110%); }
.problem-item h3 button { padding: 1rem; border-radius: 0; position: relative; width: 100%; justify-content: space-between; text-align: left; 
    background: linear-gradient(90deg, #fff 0%,#ef233c 75%); border: none; font-size: 1.3rem; height: fit-content; color: #212529;}
.problem-item h3 button.opened::after { transform: rotate(-45deg); }
.problem-item { border-bottom: 2px solid var(--color-primary); margin-bottom: 2rem; }
.problem-item h3 button:hover, .problem-item h3 button:focus { background-color: transparent; }
.problem-item h3 button::after { content: '';  position: absolute; right: 20px; top: 30%; display: block; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 14px; height: 14px; transform: rotate(135deg); }

@media all and (min-width:922px) {
    .pangoelec-row { flex-direction: row; }
    .pangoelec_left { width: 50%; order: 0; }
    .pangoelec_right { margin-bottom: 0; }
}

.d-none { display: none;}