/* ---------------------------- */
/*          FONT SIZES          */
/* ---------------------------- */

/* font-size: calc(16px + (18 - 16) * ((100vw - 393px) / (1512 - 393))); */

.page-about__content h2 {
    font-size: calc(40px + (106 - 40) * ((100vw - 393px) / (1512 - 393)));
    line-height: 1em;
}

.t60,
.h2,
.t60 h1,
.t60 h2,
.t60 h3,
.t60 h4,
.t60 h5,
.t60 h6,
.view-product-title h2 {
    font-size: 60px;
    line-height: 1em;

    @media (min-width: 1512px) {
        font-size: calc(60px + (63 - 60) * ((100vw - 1512px) / (1920 - 1512)));
    }

    @media (max-width: 768px) {
        font-size: 40px;
    }
}

.t35 {
    font-size: 35px;
    line-height: 1em;
}

.t35-important {
    font-size: 35px !important;
    line-height: 1em !important;
}

.t30,
.h3,
.t30 h1,
.t30 h2,
.t30 h3,
.t30 h4,
.t30 h5,
.t30 h6,
.view-product-title h1 {
    font-size: 30px;
    line-height: 1em;

    @media (min-width: 1512px) {
        font-size: calc(30px + (33 - 30) * ((100vw - 1512px) / (1920 - 1512)));
    }

    @media (max-width: 768px) {
        font-size: 23px;
    }
}

.t24,
.type-button-l,
.t24 h1,
.t24 h2,
.t24 h3,
.t24 h4,
.t24 h5,
.t24 h6 {
    font-size: 24px;
    line-height: 1em;
}

.t20,
.h4,
.t20 h1,
.t20 h2,
.t20 h3,
.t20 h4,
.t20 h5,
.t20 h6,
.page-about__content h3,
.page-about__content h4 {
    font-size: 20px;
    line-height: 1em;

    @media (min-width: 1512px) {
        font-size: calc(20px + (23 - 20) * ((100vw - 1512px) / (1920 - 1512)));
    }
}

.t17,
.h5,
.t17 h1,
.t17 h2,
.t17 h3,
.t17 h4,
.t17 h5,
.t17 h6,
.cart__total-value {
    font-size: 17px;
    line-height: 1em;
    letter-spacing: 0.02em;

    @media (max-width: 768px) {
        &.product-details .price {
            font-size: 13px;
        }

        &.cart__total-value {
            font-size: 15px;
        }
    }
}

.t14,
.type-button-s,
.h6,
.h6.h6,
button,
.t14 h1,
.t14 h2,
.t14 h3,
.t14 h4,
.t14 h5,
.t14 h6,
#shopify-pc__banner__body-title,
.shopify-pc__banner__body p,
.shopify-pc__banner__body a,
.shopify-pc__banner__dialog .shopify-pc__banner__btns button,
.page-about__content p,
.text-block h4,
.product-recommendations h4,
.cart-items__details .price *,
.cart__summary-item.tax-note small,
.contact-popup__form .contact-form__success a,
.product-details .price,
.product-details .unit-price {
    font-size: 14px;
    line-height: 1em;
    letter-spacing: 0.02em;

    @media (min-width: 1512px) {
        font-size: calc(14px + (17 - 14) * ((100vw - 1512px) / (1920 - 1512)));
    }

    @media (max-width: 768px) {
        font-size: 13px;

        &.type-button-s {
            font-size: 13px;
        }
    }
}

body,
.t12,
.type-body,
.t12 h1,
.t12 h2,
.t12 h3,
.t12 h4,
.t12 h5,
.t12 h6,
.text-block p {
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.02em;

    @media (min-width: 1512px) {
        font-size: calc(12px + (14 - 12) * ((100vw - 1512px) / (1920 - 1512)));
    }
}

.t11,
.type-form,
input,
textarea,
.t11 h1,
.t11 h2,
.t11 h3,
.t11 h4,
.t11 h5,
.t11 h6 {
    font-size: 11px;
    line-height: 1em;
    letter-spacing: 0.02em;
}


.t9 {
    font-size: 9px;
    line-height: 1em;
    letter-spacing: 0.02em;
}