/* ==========================================================================
   Main CSS — Import all partials in order
   ========================================================================== */
@import url('https://fonts.googleapis.com/css?family=Public+Sans%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%7CInter%3A300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i&subset=latin%2Clatin-ext&ver=1.0.2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import '_variables.css';
@import '_reset.css';
@import '_typography.css';
@import '_header.css';
@import '_mega-menu.css';
@import '_shop.css';
@import '_single-product.css';
@import '_cart.css';
@import '_checkout.css';
@import '_footer.css';
@import '_homepage.css';
@import '_discount.css';
@import '_brands.css';
@import '_age-gate.css';
@import '_woocommerce.css';
@import '_about.css';
@import '_blog.css';
@import '_legal.css';
@import '_faq.css';
@import '_contact.css';
@import '_single-post.css';
@import '_responsive.css';


.hp-card-info .product-price del{
    color:#1c1c1c;
        font-size: 13px;
}
ins.wc-block-components-product-price__value.is-discounted.wc-block-components-order-summary-item__individual-price , .product-card .product-price ins > .amount bdi,.hp-card-info .product-price.on-sale ins > span,.flash_sales_sec .hp-card-small .hp-card-info .product-price ins > .amount
 {
    color: #c13124 !important;
    font-weight: bold;
}


.page-id-16 h1.page-title {
    padding: 35px 0;
}

.woosw-list table.woosw-items tr td, .woosw-list table.woosw-items tr th {
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-family: 'Inter';
    font-weight: 600;
}

/* desktop version  */

.hp-announcement_desktop {
    background: #c13124;
        padding: 10px 0;
}

/* new design */

.hp-announcement_desktop h2 {
    display: flex;
    justify-content: space-between;
    color: #fff;
    align-items: center;
        text-transform: uppercase;
}
.hp-announcement_desktop h2 span.stacks{
        display: flex;
    flex-direction: column;
}

.hp-announcement_desktop h2 span.stacks strong {
    font-size: 52px;
    line-height: 1;
}
.hp-announcement_desktop h2 span.stacks span {
    line-height: 1;
}
.hp-announcement_desktop h2 span.sides {
    font-size: 62px;
}
.hp-announcement_desktop h2 span.sides span {
    font-size: 35px;
}

/* new annoucement end */


@media(max-width: 1240px){
    .hp-announcement_desktop h2 span.stacks strong {
        font-size: 45px;
    }
    .hp-announcement_desktop h2 span.stacks span {
        font-size: 23px;
    }
    .hp-announcement_desktop h2 span.sides {
        font-size: 55px;
    }
    section.hp-announcement_desktop .container {
        max-width: 100%;
    }


}

@media(max-width: 1111px){
    .hp-announcement_desktop h2 span.stacks strong {
        font-size: 43px;
        
    }
    .hp-announcement_desktop h2 span.stacks span {
        font-size: 22px;
    }
    .hp-announcement_desktop h2 span.sides {
        font-size: 50px;
    }
}

@media(max-width: 1024px){
    .hp-announcement_desktop h2 span.stacks strong {
        font-size: 35px;
    }
        .hp-announcement_desktop h2 span.stacks span {
        font-size: 18px;
    }
        .hp-announcement_desktop h2 span.sides {
        font-size: 42px;
        line-height: 1;
    }
}

@media(max-width: 768px){
    .hp-announcement_desktop h2 {
        flex-direction: column;
        gap: 5px;
    }
}

@media (max-width: 600px){
        .hp-announcement_desktop h2 span.stacks strong {
        font-size: 29px;
    }
    .hp-announcement_desktop h2 span.stacks span {
        font-size: 15px;
    }

}

@media (max-width: 376px){
        .hp-announcement_desktop h2 span.stacks strong {
        font-size: 27px;
    }
        .hp-announcement_desktop h2 span.stacks span {
        font-size: 14px;
    }
        .hp-announcement_desktop h2 span.sides {
        font-size: 36px;
        line-height: 1;
    }
}

@media (max-width: 321px){
        .hp-announcement_desktop h2 span.stacks strong {
        font-size: 23px;
        text-align: center;
    }
        .hp-announcement_desktop h2 span.stacks span {
        font-size: 12px;
        text-align: center;
    }
        .hp-announcement_desktop h2 span.sides {
        font-size: 30px;
    }
}