/* ============================================================
   CCM Product Price
   Basado en Figma node 584:5309.
   ============================================================ */

.ccmg-price {
    display:                  inline-grid !important;
    grid-template-columns:    max-content max-content !important;
    align-items:              end !important;
    column-gap:               8px !important;
    row-gap:                  0 !important;
    width:                    fit-content !important;
    min-width:                0 !important;
    max-width:                100% !important;
    min-height:               30px !important;
    isolation:                isolate;
    color:                    rgba(0, 0, 0, 0.9) !important;
    font-family:              "Founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:                16px !important;
    line-height:              1 !important;
    -webkit-font-smoothing:   antialiased;
    -moz-osx-font-smoothing:  grayscale;
}

.ccmg-price :where(*, *::before, *::after) {
    box-sizing: border-box;
}

.ccmg-price :where(
    div,
    span,
    del,
    ins,
    bdi,
    small,
    strong,
    em
) {
    all: revert;
    box-sizing: border-box;
    font-family: inherit;
    color: inherit;
}

.ccmg-price .ccmg-price__values {
    display:        flex !important;
    flex-direction: column !important;
    align-items:    flex-start !important;
    gap:            0px !important;
    width:          auto !important;
    min-width:      0 !important;
    max-width:      100% !important;
    min-height:     0 !important;
    grid-column:    1 !important;
    grid-row:       1 !important;
}

.ccmg-price[data-has-sale="true"] {
    min-height: 48px !important;
}

.ccmg-price[data-has-sale="true"] .ccmg-price__values {
    min-height: 48px !important;
}

.ccmg-price .ccmg-price__regular {
    all:             unset !important;
    box-sizing:      border-box !important;
    display:         block !important;
    width:           auto !important;
    min-width:       0 !important;
    max-width:       100% !important;
    max-height:      20px !important;
    margin:          0 !important;
    padding-left:    4px !important;
    color:           rgba(0, 0, 0, 0.5) !important;
    font-family:     "Founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:       18px !important;
    font-weight:     400 !important;
    line-height:     20px !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(0, 0, 0, 0.5) !important;
    white-space:     nowrap !important;
}

.ccmg-price .ccmg-price__regular .ccmg-price__amount,
.ccmg-price .ccmg-price__regular .woocommerce-Price-amount,
.ccmg-price .ccmg-price__regular bdi {
    display:     inline-flex !important;
    align-items: baseline !important;
    max-width:   100% !important;
    color:       inherit !important;
    font:        inherit !important;
    text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: rgba(0, 0, 0, 0.5) !important;
    white-space: nowrap !important;
}

.ccmg-price .ccmg-price__current {
    all:             unset !important;
    box-sizing:      border-box !important;
    display:         block !important;
    width:           auto !important;
    min-width:       0 !important;
    max-width:       100% !important;
    margin:          0 !important;
    padding:         0 !important;
    border:          0 !important;
    background:      transparent !important;
    color:           rgba(0, 0, 0, 0.9) !important;
    font-family:     "Founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:       36px !important;
    font-weight:     500 !important;
    line-height:     36px !important;
    text-decoration: none !important;
    white-space:     nowrap !important;
}

.ccmg-price .ccmg-price__current .ccmg-price__amount,
.ccmg-price .ccmg-price__current .woocommerce-Price-amount,
.ccmg-price .ccmg-price__current bdi {
    display:     inline-flex !important;
    align-items: baseline !important;
    max-width:   100% !important;
    color:       inherit !important;
    font:        inherit !important;
    white-space: nowrap !important;
}

.ccmg-price .screen-reader-text,
.ccmg-price .woocommerce-price-suffix,
.ccmg-price small {
    position:    absolute !important;
    width:       1px !important;
    height:      1px !important;
    padding:     0 !important;
    margin:      -1px !important;
    overflow:    hidden !important;
    clip:        rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border:      0 !important;
}

.ccmg-price .ccmg-price__badge {
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
    align-self:      end !important;
    grid-column:     2 !important;
    grid-row:        1 !important;
    min-width:       69px !important;
    width:           auto !important;
    max-width:       100% !important;
    height:          25px !important;
    margin-bottom:   11px !important;
    padding:         8px 8px 1px !important;
    border-radius:   4px !important;
    background:      #e60000 !important;
    color:           #ffffff !important;
    font-family:     "Founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:       18px !important;
    font-weight:     500 !important;
    line-height:     20px !important;
    text-align:      center !important;
    white-space:     nowrap !important;
}

.ccmg-price .ccmg-price__shipping {
    display:         inline-flex !important;
    align-items:     center !important;
    justify-self:    start !important;
    align-self:      flex-start !important;
    grid-column:     1 / -1 !important;
    grid-row:        2 !important;
    width:           fit-content !important;
    max-width:       fit-content !important;
    margin-left:     0 !important;
    margin-top:      0 !important;
    padding:         2px 8px 0 !important;
    border-radius:   100px !important;
    background:      rgb(225, 241, 227) !important;
    color:           rgb(0, 148, 19) !important;
    font-family:     "Founder grotesk CCM", "Founders Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:       12px !important;
    font-weight:     500 !important;
    line-height:     14px !important;
    white-space:     nowrap !important;
    pointer-events:  none !important;
}

@media (max-width: 479px) {
    .ccmg-price {
        column-gap: 6px !important;
        row-gap:    0 !important;
        width:     fit-content !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 30px !important;
    }

    .ccmg-price .ccmg-price__values {
        gap:       4px !important;
        width:     auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
    }

    .ccmg-price[data-has-sale="true"] {
        min-height: 40px !important;
    }

    .ccmg-price[data-has-sale="true"] .ccmg-price__values {
        min-height: 40px !important;
    }

    .ccmg-price .ccmg-price__regular {
        width:       auto !important;
        min-width:   0 !important;
        max-width:   100% !important;
        font-size:   clamp(14px, 3.9vw, 16px) !important;
        line-height: 1.1 !important;
    }

    .ccmg-price .ccmg-price__current {
        width:       auto !important;
        min-width:   0 !important;
        max-width:   100% !important;
        font-size:   clamp(24px, 7.4vw, 30px) !important;
        line-height: 1 !important;
    }

    .ccmg-price .ccmg-price__badge {
        min-width:   60px !important;
        width:       auto !important;
        max-width:   100% !important;
        height:      23px !important;
        padding:     7px 6px 1px !important;
        font-size:   clamp(14px, 4vw, 16px) !important;
        line-height: 18px !important;
    }

    .ccmg-price .ccmg-price__shipping {
        font-size:   12px !important;
        line-height: 14px !important;
        padding:     2px 8px 0 !important;
    }
}