/*
 * Premium Ecológica
 * PDP R1
 *
 * Hyvä-native.
 * Não substitui formulário, opções, galeria ou preços.
 */


/* =========================================================
   PAGE
========================================================= */

body.catalog-product-view
main {
    --premium-green:
        #07583f;

    --premium-green-hover:
        #0b6a4d;

    --premium-soft:
        #f4f8f6;

    --premium-border:
        #dce7e1;

    --premium-text:
        #173d31;

    --premium-muted:
        #62776f;
}


/* =========================================================
   TITLE / PRICE / STOCK
========================================================= */

body.catalog-product-view
.page-title {
    color:
        #173d31;

    font-size:
        clamp(
            26px,
            2.5vw,
            38px
        );

    font-weight:
        780;

    letter-spacing:
        -0.025em;

    line-height:
        1.12;
}


body.catalog-product-view
.price-box .price {
    color:
        #173d31;

    font-size:
        clamp(
            28px,
            2.6vw,
            38px
        );

    font-weight:
        800;

    letter-spacing:
        -0.025em;
}


body.catalog-product-view
.stock.available {
    color:
        #087044;

    font-weight:
        700;
}


/* =========================================================
   GALLERY
========================================================= */

body.catalog-product-view
.gallery-placeholder,

body.catalog-product-view
[data-gallery-role="gallery-placeholder"] {
    overflow:
        hidden;

    border:
        1px solid #e7eeea;

    border-radius:
        22px;

    background:
        #fff;
}


/* =========================================================
   PREMIUM SUMMARY
========================================================= */

body.catalog-product-view
.premium-pdp-summary {
    margin:
        4px 0 15px;
}


body.catalog-product-view
.premium-pdp-summary__eyebrow {
    display:
        inline-flex;

    margin-bottom:
        9px;

    color:
        #087044;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .08em;

    line-height:
        1;

    text-transform:
        uppercase;
}


body.catalog-product-view
.premium-pdp-summary__badges {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        7px;
}


body.catalog-product-view
.premium-pdp-summary__badge {
    padding:
        8px 11px;

    display:
        flex;

    flex-direction:
        column;

    gap:
        2px;

    border:
        1px solid #dce7e1;

    border-radius:
        11px;

    background:
        #f7faf8;
}


body.catalog-product-view
.premium-pdp-summary__badge small {
    color:
        #73867e;

    font-size:
        9px;

    font-weight:
        650;

    line-height:
        1.1;

    text-transform:
        uppercase;
}


body.catalog-product-view
.premium-pdp-summary__badge strong {
    color:
        #25483c;

    font-size:
        11px;

    font-weight:
        760;

    line-height:
        1.2;
}


/* =========================================================
   PRODUCT OPTIONS
========================================================= */

body.catalog-product-view
#product-options-wrapper {
    margin-top:
        14px;

    padding:
        15px;

    border:
        1px solid #e0e9e4;

    border-radius:
        15px;

    background:
        #fafcfb;
}


body.catalog-product-view
#product-options-wrapper
label {
    color:
        #29493e;

    font-weight:
        740;
}


body.catalog-product-view
#product-options-wrapper
select,

body.catalog-product-view
#product-options-wrapper
input[type="text"],

body.catalog-product-view
#product-options-wrapper
textarea {
    min-height:
        46px;

    border-color:
        #cadbd2;

    border-radius:
        10px;

    background:
        #fff;
}


body.catalog-product-view
#product-options-wrapper
select:focus,

body.catalog-product-view
#product-options-wrapper
input:focus,

body.catalog-product-view
#product-options-wrapper
textarea:focus {
    border-color:
        #087044;

    box-shadow:
        0 0 0 2px
        rgba(8,112,68,.12);
}


/* =========================================================
   QUANTITY
========================================================= */

body.catalog-product-view
#qty {
    min-height:
        48px;

    border:
        1px solid #cadbd2;

    border-radius:
        10px;

    text-align:
        center;

    font-weight:
        750;
}


/* =========================================================
   ADD TO CART
========================================================= */

body.catalog-product-view
#product-addtocart-button {
    min-height:
        52px;

    padding:
        0 26px;

    border:
        1px solid #07583f !important;

    border-radius:
        999px !important;

    background:
        #07583f !important;

    color:
        #fff !important;

    font-size:
        15px;

    font-weight:
        800;

    box-shadow:
        none !important;

    transition:
        .16s ease;
}


body.catalog-product-view
#product-addtocart-button:hover {
    border-color:
        #0b6a4d !important;

    background:
        #0b6a4d !important;

    transform:
        translateY(-1px);
}


body.catalog-product-view
#product-addtocart-button:focus-visible {
    outline:
        3px solid #f0b429;

    outline-offset:
        3px;
}


/* =========================================================
   TRUST
========================================================= */

body.catalog-product-view
.premium-pdp-trust {
    margin-top:
        18px;

    padding:
        14px;

    display:
        grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:
        8px;

    border:
        1px solid #dfe9e4;

    border-radius:
        16px;

    background:
        #f7faf8;
}


body.catalog-product-view
.premium-pdp-trust__item {
    min-width:
        0;

    padding:
        8px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        8px;
}


body.catalog-product-view
.premium-pdp-trust__icon {
    width:
        27px;

    height:
        27px;

    flex:
        0 0 27px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        999px;

    background:
        #e3f3ea;

    color:
        #087044;

    font-size:
        14px;

    font-weight:
        900;
}


body.catalog-product-view
.premium-pdp-trust__item strong {
    display:
        block;

    margin-bottom:
        2px;

    color:
        #21473a;

    font-size:
        11px;

    font-weight:
        780;

    line-height:
        1.25;
}


body.catalog-product-view
.premium-pdp-trust__item small {
    display:
        block;

    color:
        #697d75;

    font-size:
        9.5px;

    line-height:
        1.4;
}


body.catalog-product-view
.premium-pdp-trust__whatsapp {
    grid-column:
        1 / -1;

    padding:
        10px 12px;

    border-top:
        1px solid #dfe9e4;

    color:
        #07583f;

    font-size:
        11px;

    font-weight:
        780;

    text-align:
        center;

    text-decoration:
        none;
}


body.catalog-product-view
.premium-pdp-trust__whatsapp:hover {
    color:
        #0b6a4d;

    text-decoration:
        underline;
}


/* =========================================================
   PRODUCT DESCRIPTION / DETAILS
========================================================= */

body.catalog-product-view
.product-info-detail,

body.catalog-product-view
.product.info.detailed {
    margin-top:
        34px;
}


body.catalog-product-view
.product.attribute.description {
    color:
        #40574f;

    line-height:
        1.7;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    body.catalog-product-view
    .page-title {
        font-size:
            25px;
    }


    body.catalog-product-view
    #product-options-wrapper {
        padding:
            12px;
    }


    body.catalog-product-view
    #product-addtocart-button {
        width:
            100%;

        min-height:
            50px;
    }


    body.catalog-product-view
    .premium-pdp-trust {
        grid-template-columns:
            1fr;
    }


    body.catalog-product-view
    .premium-pdp-trust__whatsapp {
        grid-column:
            1;
    }

}