/*
Theme Name: Razzi Child
Theme URI: https://demo4.drfuri.com/razzi/
Author: DrFuri
Author URI: http://drfuri.com
Description: Razzi Child Theme.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: razzi
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: razzi
*/

/* Climbing Fonts */
@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: normal;
    font-weight: 300;
    src: url("../../fonts/climbing-light.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: oblique;
    font-weight: 300;
    src: url("../../fonts/climbing-light-italic.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/climbing-regular.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: oblique;
    font-weight: 400;
    src: url("../../fonts/climbing-regular-italic.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/climbing-medium.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: oblique;
    font-weight: 600;
    src: url("../../fonts/climbing-medium-italic.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/climbing-bold.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: 'Climbing';
    font-style: oblique;
    font-weight: 700;
    src: url("../../fonts/climbing-bold-italic.woff2") format("woff2");
}

/* Climbing 字体类 */
.climbing {
    font-family: 'Climbing', sans-serif;
    font-weight: 400;
}

.climbing-medium {
    font-family: 'Climbing', sans-serif;
    font-weight: 600;
}

.climbing-bold {
    font-family: 'Climbing', sans-serif;
    font-weight: 700;
}

.climbing-oblique {
    font-family: 'Climbing', sans-serif;
    font-weight: 400;
    font-style: oblique;
}

.climbing-medium-oblique {
    font-family: 'Climbing', sans-serif;
    font-weight: 600;
    font-style: oblique;
}

.climbing-bold-oblique {
    font-family: 'Climbing', sans-serif;
    font-weight: 700;
    font-style: oblique;
}


/* single product page */

.single-product .quantity {
    display: none !important;
}

.site-header__border {
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 24px 0px;
    border-bottom: none;
}

.single-product .product-gallery-summary {
    padding-top: 54px !important
}

.site-breadcrumb {
    font-size: 11px !important;
    color: #212121 !important;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item {
    width: 62px !important;
    border: 1px solid rgb(33, 33, 33) !important;
    border-radius: 2px !important;
    transition: background 125ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.single-product div.product.has-buy-now .rz-buy-now-button:hover,
.wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item:hover,
.wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item:hover,
.wcboost-variation-swatches--button .wcboost-variation-swatches__item:focus {
    color: rgb(33, 33, 33) !important;
    background-color: rgb(211, 212, 213) !important;
}

.wcboost-variation-swatches.wcboost-variation-swatches--button .wcboost-variation-swatches__item.selected,
.wcboost-variation-swatches.wcboost-variation-swatches--label .wcboost-variation-swatches__item.selected {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(33, 33, 33) !important;
}

.single-product div.product .entry-summary .product-size-guide {
    margin-top: 16px !important;
    font-size: 0.75rem;
    font-weight: 600;
}

.wcboost-variation-swatches__item.selected {
    box-shadow: 0 0 0 2px rgb(0, 0, 0) !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 2px !important;
}

.after-add-To-cart-policy-text {
    font-size: 12px;
    line-height: 1.5;
}

.site-breadcrumb {
    padding: 0 0 9px 0 !important;
}

.single-product .wp-video-shortcode {
    max-width: 640px;
    max-height: 640px;
}

.mejs-controls {
    display: none !important;
    visibility: hidden !important;
}

@media (min-width: 1200px) {
    .woocommerce_before_single_product_gallery_wrap {
        float: left;
        width: 52.3% !important;
        height: 100%;
    }

    .single-product div.product .entry-summary {
        width: 46.7% !important;
    }

    .single-product div.product .woocommerce-product-gallery {
        float: none !important;
        width: 100% !important;
    }
}

.razzi-tab-wrapper::after {
    content: '';
    position: absolute;
    bottom: 0;
    background-color: var(--rz-border-color-light);
    opacity: 1;
    width: 100%;
    height: 1px;
}

.single-product div.product.product-tabs-under-summary .woocommerce-tabs .razzi-tab-wrapper>a::after {
    height: 0 !important;
}

/* Product Benefits Front End Styles */

/* Section Wrapper */
.product-benefits {


    background-color: #ffffff;
    margin-top: 20px;
    width: 100%;


}

/* Section Title */
.benefits-title {
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 1.31;
    text-align: left;

    color: #333333;
    font-weight: 500;
}

/* Grid Container */
.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;

    margin: 0 auto;
}

/* Benefit Item */
.benefit-item::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15rem;
    transition: opacity .2s linear;
    opacity: .2;
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
}



.benefit-item {
    position: relative;
}


.benefit-media {
    aspect-ratio: 418/600;
    position: relative;
    margin-bottom: 0;
    background-color: #f5f5f5;
    box-sizing: border-box;

}



/* Benefit Media */
.benefit-media img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    overflow: hidden;
    line-height: 0;
}

/* Benefit Title */
.benefit-title {
    display: block;
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 2.5rem;
}

.benefit-title span::after {
    background: url("../images/more.svg") center center/cover no-repeat;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2.4rem;
    height: 2.4rem;
    transition: opacity .2s ease-in;


}

.benefit-title span {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3.2rem;
    display: block;
    position: relative;
    margin-bottom: 4rem;
    padding-right: 3.5rem;
    color: #fff;
    text-align: left;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.benefit-hover {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2rem 0 0;
    overflow: hidden;
    transition: opacity .1s ease-in;
    opacity: 0;
}

.benefit-item:focus .benefit-hover,
.benefit-item:hover .benefit-hover {
    opacity: 1;
}

.benefit-hover::before {
    position: absolute;
    z-index: -1;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    height: 100%;
    max-height: 0;
    transition: max-height .3s ease-in;
    background-color: #fff;
    max-height: 65rem;

}

.benefit-hover {
    text-align: left;
}


.benefit-hover h3 {
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: .4rem;
    hyphens: auto;
    margin: 0;
    margin-bottom: 0px;

    letter-spacing: normal;
    text-transform: initial;

    letter-spacing: .01em;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
}

.benefit-hover p {
    margin: 0;
    font-weight: 400;
    font-variant-numeric: normal;
    letter-spacing: normal;
    text-transform: initial;

    letter-spacing: .01em;
    font-size: 1rem;
    line-height: 1.8rem;
}

/* Benefit Description */
.benefit-description {
    font-size: 1em;
    color: #777777;
    line-height: 1.6;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .benefits-title {
        font-size: 2em;
    }

    .benefit-icon img {
        width: 60px;
        height: 60px;
        margin-bottom: 15px;
    }

    .benefit-title {
        font-size: 1.3em;
    }

    .benefit-description {
        font-size: 0.95em;
    }
}

.single-product div.product .woocommerce-Reviews .comment-respond .comment-form-rating {
    padding: 0 !important;
}

.comment-respond .comment-reply-title {
    font-size: 20px;
}

.single-product div.product .woocommerce-Reviews .comment-respond .comment-notes {
    text-align: left !important;
    padding-left: 0px !important;
}

.comment-respond .comment-form {
    margin: 0 !important;
}

.comment-respond .comment-form>p {
    padding-left: 0 !important;
}

.single-product div.product section.products>h2,
.razzi-history-products .recently-title {
    font-size: 22px !important;
    margin: 0 0 25px !important;
    font-weight: 600 !important;

}


/* categories */
.products-filter--checkboxes .products-filter__option-name:before,
.products-filter--ranges .products-filter__option-name:before {
    border-radius: 2px !important;
}

.products-filter__filter-name {

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.products-filter--swatches .swatch-label,
.products-filter--swatches .swatch-button {
    border: 1px solid rgb(33, 33, 33) !important;
    border-radius: 2px !important;
    min-width: 42px !important;


    background-color: transparent;
    transition: background 125ms cubic-bezier(0.25, 0.46, 0.45, 0.94);

}

.products-filter--swatches .swatch-label,
.products-filter--swatches .swatch-button span {
    font-size: 12px !important;
    padding: 12px 0px !important;
}

.products-filter__option.swatch.swatch-label:hover {
    color: rgb(33, 33, 33) !important;
    background-color: rgb(211, 212, 213) !important;
}

.products-filter__option.swatch.swatch-label.selected {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(33, 33, 33) !important;
    box-shadow: 0 0 0 2px rgb(0, 0, 0) !important;

}
ul.products li.product .product-variation-items .product-variation-item--image {
    width: 42px !important;
}

/*checkout page*/
.wp-block-woocommerce-checkout .wc-block-components-sidebar div.wc-block-components-totals-item {
    padding-left: 15px !important;
    padding-right: 15px !important;
}