div {
    display: flex;
}

#id_Div_Galeria {
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    max-width: 1100px;
}

figure {
    width: 300px;
    margin: 0;
    text-align: center;
    background-color: #F4F4F4;
    padding: 10px;
    border-radius: 8px;
}

figure>div {
    width: 100%;
    box-sizing: content-box;
    min-width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

figure>div::-webkit-scrollbar {
    display: none;
}
        
.class_Carregando_Imagem {
    width: 100%;
    margin: 0px;
    min-width: 100%;
}

div:has(>img):not(#id_Div_Detalhes div) {
    min-width: 100%;
    width: 100%;
    scroll-snap-align: start;
    object-fit: cover;
}

#id_Article_Cart {
    background-color: #F4F4F4;
    border-radius: 8px;
    display: none;
    min-width: 290px;
}

#id_Div_Personal_information {
    display: none;
    flex-direction: column;
    width: 100%;
}

#id_Div_Personal_information > div {
    width: 100%;
    justify-content: space-between;
}

#id_Div_Personal_information input{
    flex-grow: 1;
    min-width: 0;
}

div:has(>#id_Input_Cart_Close) {
    justify-content: space-between;
}

div:has(>#id_Input_Cart_Open) {
    justify-content: flex-end;
}

div:has(>#id_Input_Buy) {
    margin-top: 5px;
}

div:has(>#id_Input_Cart_Open, #id_Input_Cart_Close) {
    width: 100%;
    margin-bottom: 10px;
}

#id_Div_Cart input[type="button"], #id_Input_Cart_Close {
    width: 25px;
}

#id_Div_Cart input[type="number"] {
    width: 50px;
}

#id_Div_Cart {
    width: 100%;
    flex-direction: column;
    gap: 5px;
}

label {
    align-self: center;
}

#id_Div_Cart div {
    width: 100%;
}

#id_Div_Cart h3, h2, h5 {
    margin: 0;
}

h4 {
    color: #7a7a7a;
    margin: 8px 0px;
}

#id_Div_Cart > div {
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #000000;
    padding: 5px;
    background-color: #FFFFFF;
}

#id_Div_Cart > div > *:first-child {
    display: none;
}

#id_Div_Cart > div > p{
    text-align: left;
}

figure h3 {
    background-color: #033497;
    color: #FFFFFF;
}

figure img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #AAAAAA;
}

figure p {
    text-align: justify;
}

figure button {
    width: 100%;
}

figcaption {
    font-size: 1.5em;
    color: #033497;
}

h1 {
    max-height: 25px;
    margin: 0;
    font-size: 25px;
}

#id_Div_Detalhes {
    display: none;
    flex-direction: column;
    width: 100%;
    height: 100cqh;
    position: fixed;
    background-color: #00000066;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 10px;
    min-width: 345px;
    max-height: 100%;
}

div:has(>#id_Descricao_Close) {
    justify-content: flex-end;
    width: 100%;
    max-width: 700px;
}

#id_Div_Detalhes > div:not(:has(>#id_Descricao_Close)) {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 700px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    text-align: justify;
}

#id_Div_Detalhes > div:not(:has(>#id_Descricao_Close)) > * {
    width: 100%;
    max-width: 700px;
}

#id_Div_Detalhes img {
    padding-top: 10px;
}

@media screen and (max-width: 660px) {

    div:has(>#id_Input_Cart_Open), #id_Article_Cart {
        width: 300px;
    }
}