
/* -- Section -- */
main>section {
    margin-bottom: 25px;
}

/* -- Product header -- */
section.product_header {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

section.product_header h1 {
    font-size: 2.6em;
    margin: 0;
}

section.product_header h4 {
    margin: 0;
    font-weight: 100;
    text-align: center;
}

section.product_header .additional_data {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

section.product_header .additional_data>* {
    margin-right: 20px;
}

section.product_header button.install {
    width: 100%;
    margin-bottom: 20px;
}

section.product_header .main_icon div {
    position: relative;
    margin: auto;
    width: 180px;
}

section.product_header .main_icon div img:first-child {
    border-radius: 10%;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}

section.product_header .main_icon div img:last-child {
    position: absolute;
    bottom: -10px;
    left: 20px;
    opacity: 50%;
    filter: blur(10px);
    z-index: -1;
}

/* -- Product info -- */
section.product_info fieldset {
    border: 2px solid rgba(var(--theme-light-acent-color_), 0.6);
    border-radius: 8px;
}

section.product_info fieldset legend h3 {
    color: rgba(var(--theme-light-acent-color_), 0.65);
    margin: 0 5px;
}

section.product_info fieldset p {
    margin: 10px;
}

/* -- Media queries -- */
@media screen and (max-width: 750px) {
    section.product_header {
        flex-direction: column-reverse;
    }

    section.product_header .main_icon {
        margin-bottom: 20px;
    }

    section.product_header>* {
        width: 100%;
    }

}