.productPage-Section {
    width: 100%;
    padding: 10rem 0 0 0;
}

.productPage-Section-02 {
    width: 100%;
    padding: 0;
}

/* ================================================ */
/* Estilos para seção header                        */
/* ================================================ */

.productPage-Header-Section {
    background-color: rgba(var(--color-blueishGray), 1);
    padding: 5rem 0;
}

.productPage-Header-Wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    max-width: 100rem;
    flex-direction: column;
}

.productPage-Header {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.productPage-Header-CallToAction {
    display: flex;
    flex-direction: column;
    margin-top: 5rem;
    gap: 2rem;
    justify-content: space-between;
}

.productPage-Header-CallToAction-Links {
    display: flex;
    flex-direction: column;
}

.productPage-Header-CallToAction-Links ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 1rem;
    padding: 0;
}

.productPage-Header-CallToAction-Links ul li a {
    color: rgba(var(--color-laranBlue), 0.65);
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: rgba(var(--color-lightBlue), 0);
    border: 1px solid rgba(var(--color-lightBlue), 0);
    border-radius: 5rem;
    width: max-content;
    overflow: hidden;
}

.productPage-Header-CallToAction-Links ul li a:hover {
    background-color: rgba(var(--color-lightBlue), 0.1);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
    color: rgba(var(--color-lightBlue), 0.85);
}

.productPage-Header-CallToAction-Links i {
    width: 1rem;
    height: 1rem;
}

.productPage-Header-CallToAction-Links ul li a:hover i {
    animation: btnAnimation 0.2s ease-in-out forwards;
}

/* ================================================ */
/* Estilos para seção do carrossel                  */
/* ================================================ */

.productPage-Carousel-Wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

.productPage-Carousel-Container {
    aspect-ratio: 16 / 7;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.productPage-Carousel-Items {
    display: flex;
    width: 100%;
    height: 100%;
}

.productPage-Carousel-Items img {
    object-fit: cover;
    object-position: center;
    overflow: hidden;
}

.productPage-Carousel-Controls {
    display: none;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.5rem;
    background-color: rgba(var(--color-almostWhite), 0.5);
    border: 1px solid rgba(var(--color-almostWhite), 0.35);
    border-radius: 10rem;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    z-index: 10;
}

.productPage-Carousel-Controls-Previous,
.productPage-Carousel-Controls-Next {
    background-color: rgba(var(--color-almostWhite), 0.5);
    border-radius: 50%;
    padding: 0.5rem;
    border: 1px solid rgba(var(--color-almostWhite), 0.65);
    cursor: pointer;
    font-size: 1.5rem;
    overflow: hidden;
}

.productPage-Carousel-Controls-Previous:hover,
.productPage-Carousel-Controls-Next:hover {
    background-color: rgba(var(--color-almostWhite), 0.75);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
    color: rgba(var(--color-lightBlue), 1);
}

.productPage-Carousel-Indicators {
    display: none;
    gap: 0.5rem;
    align-items: center;
}

.productPage-Carousel-Indicator {
    width: 16px;
    height: 16px;
    background-color: rgba(var(--color-almostWhite), 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

.productPage-Carousel-Indicator.active {
    background-color: rgba(var(--color-almostWhite), 1);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
}

.productPage-Carousel-Indicator:hover {
    background-color: rgba(var(--color-almostWhite), 0.8);
}

/* ================================================ */
/* Estilos para seção info                          */
/* ================================================ */

.productPage-Info {
    display: flex;
    width: 83.33%;
    max-width: 100rem;
    margin: 0 auto;
    flex-direction: column;
    gap: 5rem;
    padding: 5rem 0 10rem 0;
}

.productPage-Container {
    display: flex;
    flex-direction: column;
}


.productPage-ApplicationsItems {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    width: 100%;
    gap: 0.5rem;
}

.productPage-Container h4 {
    color: rgba(var(--color-laranBlue), 0.65);
    border-bottom: 1px solid rgba(var(--color-almostBlack), 0.25);
    display: flex;
    padding: 0.5rem;
}

.productPage-ApplicationsItem {
    background-color: rgba(var(--color-laranBlue), 0.05);
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    border-radius: 0.5rem;
    display: flex;
    width: 100%;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem;
}

.productPage-ApplicationsItem img {
    width: 2.5rem;
    height: auto;
}

/* ================================================ */
/* Seção diferenciais                               */
/* ================================================ */

.productPage-Diferenciais {
    width: 100%;
    background-color: rgba(var(--color-misteryBlue), 1);
    padding: 10rem 0;
}

.productPage-Diferenciais-Wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    max-width: 100rem;
    flex-direction: column;
}

.productPage-Diferenciais-Container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.productPage-Diferenciais-Items {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.productPage-Diferenciais-Item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.productPage-Diferenciais-Container h2 {
    color: rgba(var(--color-almostWhite), 1);
    width: 100%;
}

.productPage-Diferenciais-lightBlue-h2 {
    color: rgba(var(--color-lightBlue), 1);
    width: 100%;
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    margin-bottom: 1.25rem;
    letter-spacing: -0.01em;
}

.color-lightBlue {
    color: rgba(var(--color-lightBlue), 1)
}

.productPage-Diferenciais-Container i {
    font-size: 3rem;
    width: 3rem;
    height: auto;
    color: rgba(var(--color-lightBlue), 0.5);
}

.productPage-Diferenciais-Container h4 {
    color: rgba(var(--color-lightBlue), 1);
}

.productPage-Diferenciais-Container p {
    color: rgba(var(--color-almostWhite), 0.65);
}

/* ================================================ */
/* Seção benefícios                                 */
/* ================================================ */

.productPage-Benefits-Section {
    width: 100%;
    background-color: rgba(var(--color-blueishGray), 1);
}

.productPage-Benefits-Wrapper {
    width: 83.33%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    padding: 10rem 0;
}

.productPage-Benefits-Wrapper h2 {
    color: rgba(var(--color-misteryBlue), 1);
}

.productPage-Benefits-Wrapper p {
    color: rgba(var(--color-almostBlack), 0.65);
}

.productPage-Benefits-Grid {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.productPage-Benefits-Container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
}

.productPage-Benefits-Content {
    flex: 1;
    width: 100%;
}

.text-content {
    width: 100%;
}

.text-content h4 {
    color: rgba(var(--color-laranBlue), 1);
}

.productPage-Benefits-CheckList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: 0.5rem;
}

.productPage-Benefits-CheckItem {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    padding: 1rem;
    background-color: rgba(var(--color-lightBlue), 0.05);
    border: 1px solid rgba(var(--color-lightBlue), 0.10);
    align-items: center;
    border-radius: 0.5rem;
}

.productPage-Benefits-Checkmark {
    display: flex;
    align-items: center;
    width: 1rem;
    height: 1rem;
    line-height: 1;
    gap: 1rem;
    background-color: rgba(var(--color-laranBlue), 1);
    color: rgba(var(--color-almostWhite), 1);
    border-radius: 10rem;
}

.image-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-content img {
    height: auto;
    border-radius: 1rem;
}

.productPage-Benefits-Personalization {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.personalization-section {
    display: flex;
    flex-direction: column;
}

.color-option {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.color-swatch {
    display: flex;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 0.5rem;
}

.blade-models-options,
.colors-grid,
.textures-grid {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 1rem;
}

.personalization-section img {
    display: flex;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 0.5rem;
}

.blade-models-options img {
    width: 30%;
}


/* =============================================== */
/* Seção Componentes - 3D expandido                */
/* =============================================== */

.productPage-3D-Section {
    width: 100%;
    background-color: rgba(var(--color-blueishGray), 1);
    padding: 10rem 0 0 0;
}

.productPage-3D-Wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    max-width: 100rem;
    flex-direction: column;
    gap: 2rem;
}

.productPage-3D-Wrapper h2 {
    color: rgba(var(--color-laranBlue), 1);
    padding: 0;
    margin: 0;
}

.productPage-3D-Wrapper p {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    margin: 0;
}

.productPage-3D-Wrapper img {
    width: 100%;
    margin-top: 2rem;
    height: auto;
}

.productPage-Components-GridWrapper {
    width: 83.33%;
    max-width: 100rem;
    margin: 0 auto;
    display: grid;
    gap: 2rem;
    padding: 10rem 0;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.productPage-Components-GridCard {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    background-color: rgba(var(--color-almostWhite), 1);
    padding: 1rem;
    border-radius: 2rem;
}

.productPage-Components-GridCard h4 {
    color: rgba(var(--color-laranBlue), 1);
}

.productPage-Components-GridCard p {
    font-size: 1rem;
}

.productPage-Components-GridCard img {
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 1rem;
}

/* ============================================================= */
/* Características gerais / Specs                                */
/* ============================================================= */


.productPage-Specs-Section {
    width: 100%;
    padding: 10rem 0;
    background-color: rgba(var(--color-black), 1);
}

.productPage-Specs-Wrapper {
    flex-direction: column;
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
    display: flex;
    gap: 3rem;
}

.productPage-Specs-Header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

.productPage-Specs-Header .subtitle {
    font-size: 1rem;
    color: rgba(var(--color-lightBlue), 1);
    letter-spacing: 2px;
}

.productPage-Specs-Header h3 {
    color: rgba(var(--color-almostWhite), 1);
    font-size: 2rem;
}

.productPage-Specs-Header-Buttons {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.productPage-Specs-Header-Buttons span {
    color: rgba(var(--color-almostWhite), 0.65);
    display: flex;
    gap: 0.5rem;
    flex-direction: row;
    align-items: center;
}

.productPage-Specs-Header-Buttons a {
    color: rgba(var(--color-lightBlue), 0.85);
    padding: 0.5rem;
    border-radius: 5rem;
    background-color: rgba(var(--color-lightBlue), 0);
    border: 1px solid rgba(var(--color-lightBlue), 0);
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
    overflow: hidden;
}

.productPage-Specs-Header-Buttons a:hover {
    color: rgba(var(--color-lightBlue), 1);
    background-color: rgba(var(--color-lightBlue), 0.15);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
}

.productPage-Specs-Header-Buttons a:hover i {
    animation: btnAnimation 0.2s ease forwards;
}

.productPage-Specs-Header-Buttons i {
    width: 1rem;
    height: 1rem;
}

.productPage-Specs-Grid {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.productPage-Specs-Container {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.productPage-Specs-Container h3 {
    color: rgba(var(--color-almostWhite), 0.75);
}

.productPageSpecs-Info {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
    border-bottom: 1px solid rgba(var(--color-almostWhite), 0.15);
}

.productPage-Specs-Container span {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    color: rgba(var(--color-almostWhite), 0.45);
    font-size: 1.2rem;
    font-weight: 200;
    padding: 1.5rem 0;
}

.productPage-Specs-Aviso {
    width: max-content;
    padding: 1rem;
    background-color: rgba(var(--color-lightBlue), 0.15);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
    margin: 0 auto;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.productPage-Specs-Aviso i {
    color: rgba(var(--color-lightBlue), 1);
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
}

.productPage-Specs-Aviso span {
    color: rgba(var(--color-lightBlue), 0.75);
}

.productPage-Specs-Aviso span a {
    color: rgba(var(--color-lightBlue), 1);
    border-bottom: 1px solid rgba(var(--color-lightBlue), 0);
}

.productPage-Specs-Aviso span a:hover {
    color: rgba(var(--color-lightBlue), 0.5);
    border-bottom: 1px solid rgba(var(--color-lightBlue), 1);
}

/* ================================================ */
/* Seção Funcionamento                              */
/* ================================================ */

.productPage-Funcionamento-Section {
    width: 100%;
    background-color: rgba(var(--color-blueishGray), 1);
    padding: 10rem 0;
}

.productPage-Funcionamento-Wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 100rem;
}

.productPage-Funcionamento-Video {
    display: flex;
    width: 100%;
}

.productPage-Funcionamento-Video video {
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 2rem;
}

.productPage-Funcionamento-Preview {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

/* ================================================ */
/* Linhas de aplicação                              */
/* ================================================ */

.productPage-LinhasAplicacao-Section {
    width: 100%;
    background-color: rgba(var(--color-blueishGray), 1);
    padding: 10rem 0;
}

.productPage-LinhasAplicacao-Wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 100rem;
}

.productPage-LinhasAplicacao-Container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.productPage-LinhasAplicacao-Content,
.productPage-LinhasAplicacao-Image {
    width: 100%;
}

.productPage-LinhasAplicacao-Container img {
    border-radius: 1rem;
    overflow: hidden;
}

/* ================================================ */
/* About product - updated september 2025           */
/* ================================================ */

.product-page-aboutProduct-section {
    width: 100%;
    padding: 5rem 0;
    background-color: rgba(var(--color-blueishGray), 1);
}

.product-page-aboutProduct-wrapper {
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.product-page-aboutProduct-wrapper h2 {
    width: 100%;
    margin: 0;
    color: rgba(var(--color-laranBlue), 1);
}

.product-page-aboutProduct-wrapper p {
    width: 100%;
    margin: 0;
    color: rgba(var(--color-almostBlack), 0.65);
}

.product-page-aboutProduct-wrapper span {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}


/* ================================================ */
/* Linhas de aplicação - updated september 2025     */
/* ================================================ */

.product-page-applications-section {
    background-color: rgba(var(--color-almostWhite), 1);
    width: 100%;
    padding: 5rem 0;
    background-color: rgba(var(--color-blueishGray), 1);
}

.product-page-applications-wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 100rem;
}

.product-page-applications-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    gap: 5rem;
    background-color: rgba(var(--color-laranBlue), 0.05);
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    border-radius: 1.2rem;
}

.product-page-applications-item h4 {
    color: rgba(var(--color-lightBlue), 1);
    width: 90%;
}

.product-page-applications-item p {
    color: rgba(var(--color-almostBlack), 0.65)
}

.product-page-applications-item span {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.product-page-applications-wrapper img {
    width: 25%;
    height: auto;
}

/* =========================================================== */
/* Opções da categoria de produto - updated september 2025     */
/* =========================================================== */

.product-page-options-section {
    width: 100%;
    padding: 5rem 0;
}

.product-page-options-wrapper {
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
}

.product-page-options-header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    height: 100%;
}

.product-page-options-header h3 {
    color: rgba(var(--color-laranBlue), 1);
    border-bottom: 1px solid rgba(var(--color-laranBlue), 0.35);
    padding-bottom: 0.5rem;
}

.product-page-options-header p {
    color: rgba(var(--color-almostBlack), 0.65);
    width: 100%;
}

.product-page-options-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-page-options-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fill;
    align-items: flex-start;
    gap: 2rem;
    border-radius: 1.6rem;
    background-color: rgba(var(--color-laranBlue), 0.05);
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    padding: 1rem;
}

.product-page-options-item span {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.product-page-options-item span h4 {
    color: rgba(var(--color-lightBlue), 1);
    font-size: 1.2rem;
}

.product-page-options-item span p {
    color: rgba(var(--color-almostBlack), 0.65);
    font-size: 1rem;
    line-height: 1.4;
}

.product-page-options-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    line-height: 1.6;
}

.product-page-optionals-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.product-page-optionals-item {
    background-color: rgba(var(--color-laranBlue), 0.05);
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    align-items: center;
    line-height: 1;
}

.product-page-optionals-item span {
    background-color: rgba(var(--color-laranBlue), 0.1);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--color-laranBlue), 1);
}

.product-page-options-item img {
    border-radius: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    height: auto;
}

.product-page-colors {
    display: flex;
    gap: 2rem;
}

.product-page-colors-group {
    display: flex;
    flex-direction: column;
    width: max-content;
    gap: 0.5rem;
}

.product-page-colors-swatches {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
}

.product-page-color-box {
    content: '';
    width: 10vw;
    aspect-ratio: 1 / 1;
    border-radius: 0.5rem;
}

.product-page-colors-label {
    color: rgba(var(--color-almostBlack), 0.65);
}

.product-page-color--cinza {
    background: #546E7A;
}

.product-page-color--amarelo {
    background: #FBC02D;
}

.product-page-color--laranja {
    background: #F57C00;
}

.product-page-color--vermelho {
    background: #D32F2F;
}

.product-page-color--azul {
    background: #1976D2;
}

.product-page-color--preto {
    background: #000000;
}

/* ================================================== */
/* Benefícios do produto - updated september 2025     */
/* ================================================== */

.product-page-benefits-section {
    width: 100%;
    padding: 5rem 0;
}

.product-page-benefits-wrapper {
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-page-benefits-header h4 {
    color: rgba(var(--color-lightBlue), 1);
    font-size: 1.4rem;
}

.product-page-benefits-header p {
    font-size: 1rem;
    color: rgba(var(--color-almostBlack), 0.65);
    width: 100%;
}

.product-page-benefits-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-page-benefits-item {
    padding: 2rem;
    background-color: rgba(var(--color-totalWhite), 0.50);
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-page-benefits-item h5 {
    color: rgba(var(--color-lightBlue), 1);
    font-size: 1.2rem;
    margin: 0;
    font-weight: 300;
}

.product-page-benefits-item p {
    color: rgba(var(--color-almostBlack), 0.65);
    font-size: 1rem;
    line-height: 1.4;
}

/* ================================================== */
/* Seção parceiros - updated september 2025           */
/* ================================================== */

.product-page-partner-section {
    width: 100%;
    padding: 5rem 0;
}

.product-page-partner-wrapper {
    width: 83.33%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    max-width: 100rem;
    gap: 2rem;
    background-color: rgba(var(--color-laranBlue), 0.05);
    border: 1px solid rgba(var(--color-laranBlue), 0.1);
    padding: 2rem;
    border-radius: 1rem;
}

.product-page-partner-wrapper span {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: fill;
    justify-content: space-between;
    gap: 1rem;
}

.product-page-partner-wrapper span h3 {
    color: rgba(var(--color-lightBlue), 1);
    font-weight: 300;
    width: 100%;
}

.product-page-partner-wrapper span p {
    color: rgba(var(--color-almostBlack), 0.65);
    font-size: 1rem;
    line-height: 1.4;
}

.product-page-partner-wrapper img {
    width: 15rem;
    height: auto;
    mix-blend-mode: multiply;
}


/* ================================================ */
/* Características                                  */
/* ================================================ */

.productPage-Caracteristicas-Section {
    width: 100%;
    background-color: rgba(var(--color-almostWhite), 1);
    padding: 10rem 0;
}

.productPage-Caracteristicas-Wrapper {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
}

.productPage-Caracteristicas-Items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 3rem;
}

.productPage-Caracteristicas-Items h4 {
    color: rgba(var(--color-laranBlue), 1);
}

.productPage-Caracteristicas-Items p {
    color: rgba(var(--color-almostBlack), 0.65);
}

/* ================================================ */
/* Personalização                                   */
/* ================================================ */

.productPage-Personalizacao-Section {
    width: 100%;
    padding: 10rem 0;
    background-color: rgba(var(--color-almostWhite), 1);
}

.productPage-Personalizacao-Wrapper {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    width: 83.33%;
    margin: 0 auto;
    max-width: 100rem;
}

.productPage-Personalizacao-Acessorios h4 {
    display: flex;
    border-bottom: 1px solid rgba(var(--color-laranBlue), 0.35);
}

.productPage-Personalizacao-Acessorios-Items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
    gap: 1rem;
}

.productPage-Personalizacao-Acessorios-Item {
    padding: 1rem;
    border-radius: 1.5rem;
    background-color: rgba(var(--color-blueishGray), 1);
    border: 1px solid rgba(var(--color-laranBlue), 0.05);
}

.productPage-Personalizacao-Acessorios-Item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 0.5rem;
}

.productPage-Paineis-Texturas-Cores {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.productPage-Paineis,
.productPage-Texturas,
.productPage-Cores {
    width: 100%;
}

.productPage-Paineis-List,
.productPage-Texturas-List {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}

.productPage-Cores-List {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 15rem;
    /* 3rem * 3 + gaps = ~15rem */
}

.productPage-Cor-Item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.productPage-Cor-Item .color-swatch {
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
}

.productPage-Cor-Item p {
    margin: 0.5rem 0 0 0;
    text-align: center;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* ================================================ */
/* Tipos de aplicação                               */
/* ================================================ */

.productPage-Aplicacoes-Section {
    width: 100%;
    background-color: rgba(var(--color-almostWhite), 1);
    padding: 5rem 0;
}

.productPage-Aplicacoes-Wrapper {
    width: 83.33%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.productPage-Aplicacao-Items {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.productPage-Aplicacao-Item p {
    width: 100%;
    text-align: center;
}

.productPage-Aplicacoes-List img {
    width: 100%;
    border-radius: 1rem;
}

.produtosAplicacaoContainer i {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
    color: rgba(var(--color-lightBlue), 1);
    margin-bottom: 2rem;
}

/* ================================================ */
/* Seção Opções                                     */
/* ================================================ */

.productPage-Options-Section {
    width: 100%;
    padding: 10rem 0;
    background-color: rgba(var(--color-blueishGray), 1);
}

.productPage-Options-Wrapper {
    width: 75%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1440px;
}

.productPage-Options-Wrapper h4 {
    color: rgba(var(--color-laranBlue), 1);
    width: 100%;
    border-bottom: 1px solid rgba(var(--color-laranBlue), 0.25);
}

.productPage-Options-Container {
    display: flex;
    flex-direction: column;
}

.productPage-Options-Container-Items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1rem;
    width: 100%;
}

.productPage-Options-Container-Item {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    border-radius: 1rem;
    background-color: rgba(var(--color-laranBlue), 0.05);
    border: 1px solid rgba(var(--color-laranBlue), 0.10);
}

.productPage-Options-Container-Items img {
    border-radius: 0.5rem;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

.productPage-Options-Applications-Item {
    display: flex;
    background-color: rgba(var(--color-almostWhite), 0.1);
    border: 1px solid rgba(var(--color-lightBlue), 0.25);
    padding: 1rem;
    gap: 0.5rem;
    align-items: center;
    border-radius: 0.5rem;
}

.productPage-Options-Applications-Items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.productPage-Options-Applications-Item img {
    width: 3rem;
}

/* ================================================ */
/* Seção parceiros (Daiken / Assa Abloy             */
/* ================================================ */

.productPage-Partner-Section {
    width: 100%;
    padding: 10rem 0;
    background-color: rgba(var(--color-laranBlue), 0.1);
}

.productPage-Partner-Wrapper {
    flex-direction: column;
    width: 83.33%;
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    gap: 10rem;
}

.productPage-Partner-Container {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    gap: 3rem;
}

.productPage-Partner-Container img {
    max-width: 20rem;
}

/* ================================================ */
/* Media queries para responsividade                */
/* ================================================ */

@media (min-width:1200px) {
    .productPage-Header-CallToAction {
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }

    .productPage-Header-CallToAction-Links ul {
        display: flex;
        flex-direction: row;
    }

    .productPage-Carousel-Controls {
        display: flex;
    }

    .productPage-Info {
        flex-direction: row;
    }

    .width50 {
        width: 65%;
    }

    .width45 {
        width: 35%;
    }

    .productPage-ApplicationsItems {
        flex-direction: column;
    }

    .productPage-Diferenciais-Items {
        flex-direction: row;
        gap: 3rem;
    }

    .productPage-Diferenciais-Container {
        gap: 10rem;
    }

    .productPage-Diferenciais-lightBlue-h2,
    .productPage-Diferenciais-Container h2 {
        width: 65%;
    }

    .productPage-Benefits-Wrapper {
        max-width: 100rem;
    }

    .productPage-Benefits-Container {
        flex-direction: row;
    }

    .productPage-Benefits-Container.image-right .text-content {
        order: 1;
    }

    .productPage-Benefits-Container.image-right .image-content {
        order: 2;
    }

    .productPage-Benefits-Container.image-left .text-content {
        order: 2;
    }

    .productPage-Benefits-Container.image-left .image-content {
        order: 1;
    }

    .productPage-3D-Wrapper p {
        width: 50%;
    }

    .productPage-Specs-Grid {
        flex-direction: row;
    }

    .productPage-Specs-Header,
    .productPage-Specs-Header-Buttons {
        flex-direction: row;
    }

    .productPage-LinhasAplicacao-Container {
        flex-direction: row;
    }

    .productPage-Personalizacao-Wrapper h2 {
        width: 50%;
    }

    .productPage-Paineis-Texturas-Cores {
        flex-direction: row;
    }

    .productPage-Partner-Wrapper {
        flex-direction: row;
    }

    .product-page-applications-wrapper {
        flex-direction: row;
    }

    .product-page-applications-wrapper img {
        width: 3.5vw;
        height: auto;
    }

    .product-page-aboutProduct-wrapper {
        flex-direction: row;
    }

    .product-page-options-header p {
        width: 50%;
    }

    .product-page-options-items {
        flex-direction: row;
    }

    .product-page-color-box {
        width: 2vw;
    }

    .product-page-benefits-header p {
        width: 50%;
    }

    .product-page-benefits-items {
        flex-direction: row;
    }

    .product-page-partner-wrapper span h3 {
        width: 50%;
    }

    .product-page-partner-wrapper {
        flex-direction: row;
        gap: 2rem;
        padding: 5rem;
    }

    .product-page-partner-wrapper:first-child p {
        width: 80%;
    }

    .product-page-partner-wrapper span {
        width: max-content;
    }

    .product-page-partner-wrapper span img {
        width: 15rem;
    }
}