/*
Theme Name: Juvenixs Theme
Author: Techrida
Description: This theme is a sleek, modern, and responsive WordPress theme designed specifically for online stores selling beauty products, skincare, cosmetics, haircare, and wellness essentials. With an elegant, feminine design and intuitive layout, this theme helps you showcase your products in the most appealing way to attract and engage customers.
Tags: juvenixs, beauty shop theme, beauty products, ecommerce, ecom, woocommerce, shop online
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: juvenixs
*/

.products-list h6.text-muted{
    color: rgba(37, 43, 66, 1) !important;
}

a.card-text{
    color: rgba(115, 115, 115, 1);
    letter-spacing: 0.2px;
    font-family: 'montserratsemibold',Arial;
}
.woocommerce-loop-product__title{
    color: rgba(115, 115, 115, 1) !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratsemibold',Arial !important;
    font-size: 14px !important;
}

.wc-block-grid__product-title{
    color: rgba(115, 115, 115, 1) !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratsemibold',Arial !important;
    font-size: 14px !important;
}

.cart a{
    padding-right: 20px;
    font-size: 16px;
    line-height: 18px;
    color: rgba(102, 102, 102, 1);
}

p.woocommerce-result-count {
    letter-spacing: 0.2px;
    font-family: 'montserratbold',Arial;
    color: rgba(115, 115, 115, 1);
}

.woocommerce-ordering{
    margin-bottom: 50px !important;
}

.orderby{
    padding: 13px 19px;
    font-size: 14px;
    line-height: 27px;
    letter-spacing: 0.2px;
    border: none;
    background-color: rgba(33, 62, 88, 1);
    border-color: rgba(33, 62, 88, 1);
    color:#fff;
    border-radius: 5px;
}


li.product-type-simple,
li.product-type-grouped,
li.wc-block-grid__product{
    border: none;
    border-radius: 6px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
    font-family: 'montserratregular',arial;
}

li.wc-block-grid__product {
    margin-left: 10px;
}

.woocommerce-loop-product__title{
    color: rgba(115, 115, 115, 1);
    letter-spacing: 0.2px;
    font-family: 'montserratsemibold',Arial;
}

.add_to_cart_button,
.product_type_grouped,
.wc-forward{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 9px 19px !important;
}




a.add_to_cart_button:hover,
a.product_type_grouped:hover{
    background-color: rgba(255, 255, 255, 1) !important;
    color: rgba(33, 62, 88, 1) !important;
    border: 1px solid rgba(33, 62, 88, 1) !important;
    cursor: pointer;
}

.wc-block-components-checkout-return-to-cart-button{
    background-color: rgba(255, 255, 255, 1) !important;
    color: rgba(33, 62, 88, 1) !important;
    border: 1px solid rgba(33, 62, 88, 1) !important;
    cursor: pointer;
    padding-top: 13px !important;
    padding-bottom: 13px;
    padding-right: 15px;
    border-radius: 5px;
}

.product-type-grouped .price,
.price ins,
.wc-block-grid__product-price{
    font-size: 20px !important;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(220, 53, 69, 1) !important;
    font-family: 'montserratsemibold',Arial;
    text-decoration: none;
}

.price del{
    color: rgba(189, 189, 189, 1) !important;
    margin-right: 10px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-family: 'montserratsemibold',Arial;
}

.product-category > img{
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 223px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.product-category > img::before{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    background: rgba(0,0,0,0.25) !important;
}

.list-item a{
    padding-right: 20px;
    font-size: 16px;
    line-height: 18px;
    color: rgba(102, 102, 102, 1);
}

.wc-forward {
    margin-left: 10px !important;
    padding: 13px 13px 14px 21px !important;
}

.wc-block-components-totals-coupon__button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 9px 19px !important;
}

.wc-block-cart-item__wrap a{
    color: rgba(115, 115, 115, 1);
    letter-spacing: 0.2px;
    font-family: 'montserratsemibold',Arial;
}


.woocommerce ul.products li.product .onsale{
    top: 22px;
    left: 0;
    right: 0;
    transform: rotate(90deg);
    border-radius: 0;
    width: 83px;
    padding: 0;
    background-color: #D2335B;
    margin: 0;
    font-weight: 400;
}

.woocommerce ul.products li.product .onsale:before{
    content: "";
    position: absolute;
    top: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 22px 0 0;
    border-color: #D2335B transparent transparent transparent;
}

.woocommerce ul.products li.product .onsale:after
{
    content: "";
    position: absolute;
    bottom: 0;
    left: 83px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 24px 0;
    border-color: transparent transparent #D2335B transparent;
}

.woocommerce h1.product_title{
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 25px;
}

.product-template-default p.price{
    margin-bottom: 20px;
}

.product-template-default .woocommerce-product-details__short-description{
    margin-bottom: 20px;
}

#tab-description p {
    color: rgba(115, 115, 115, 1);
}

#tab-description {
    border-bottom: 1px solid #cfc8d8;
    padding: 22px;
    border-right: 1px solid #cfc8d8;
    border-left: 1px solid #cfc8d8;
    margin-top: -23px;
}

section .related h2{
    margin-top: 40px;
    margin-bottom: 50px;
}

h2.wc-block-cart__empty-cart__title{
    border: 1px solid #cfc8d8;
    padding: 100px;
    margin-top: 20px;
}


.wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 24% !important;
    max-width: 24% !important;
}

.wc-block-grid__product-image img{
    width: 100% !important;
    height: 292px !important;
    display: block !important;
    margin: 0 0 1em !important;
    box-shadow: none !important;
}




.error-404 {
    margin: 0 auto;
    text-align: center;
}
.error-404 .error-code {
    bottom: 60%;
    color: #4686CC;
    font-size: 96px;
    line-height: 100px;
    font-weight: bold;
}
.error-404 .error-desc {
    font-size: 12px;
    color: #647788;
}
.error-404 .m-b-10 {
    margin-bottom: 10px!important;
}
.error-404 .m-b-20 {
    margin-bottom: 20px!important;
}
.error-404 .m-t-20 {
    margin-top: 20px!important;
}


.product-category:nth-child(1) {
    width: 50% !important;
}

mark {
    padding: .1875em;
    color: var(--bs-highlight-color);
    background-color: #fff;
}

.h4{
/*visibility: hidden !important;*/
    margin-bottom: 50px;
    text-align: center;
    line-height: 32px;
    letter-spacing: 0.1px !important;


    font-family: 'montserratbold';
    color: rgba(37, 43, 66, 1) !important;
    font-size: 40px !important;
}

.woocommerce-account .woocommerce,
woocommerce-lost-password .woocommerce{
    margin-top: 40px;
}

.mybtn {
    border: 1px solid #213e58;
    border-radius: 5px;
    margin-right: 10px;
    color: #050434;
}

.mybtn:hover{
    background-color: #213e58;
    color: white;
}



.woocommerce-MyAccount-navigation a{
    font-size: 16px !important;
    color: #0c0c39 !important;
    line-height: 40px;
}



.page-id-13 .yith-wcwl-add-to-wishlist-button,
.post-type-archive-product .yith-wcwl-add-to-wishlist-button,
.tax-product_cat .yith-wcwl-add-to-wishlist-button,
.product-template-default .yith-wcwl-add-to-wishlist-button{
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 250px !important;*/
    /*right: 0;*/
    /*width: 40px !important;*/
    /*height: 40px !important;*/
    /*background: rgba(255, 255, 255, 1) !important;*/
    /*border-radius: 100% !important;*/
}



    .compare {
        /*background-color: rgba(255, 255, 255, 1) !important;*/
        /*color: rgba(33, 62, 88, 1) !important;*/
        /*border: 1px solid rgba(33, 62, 88, 1) !important;*/
        /*cursor: pointer;*/


        /*font-size: 14px !important;*/
        /*line-height: 22px !important;*/
        /*letter-spacing: 0.2px !important;*/
        /*font-family: 'montserratbold',Arial !important;*/
        /*border-radius: 5px !important;*/
        /*padding: 12px 19px !important;*/
    }







    .top .yith-wcqv-button,
    .recently .yith-wcqv-button,
    .related .yith-wcqv-button{
        /*position: absolute;*/
        /*top: 60px !important;*/
        /*right: 38px !important;*/
        /*display: inline-block;*/
        /*background: rgb(244, 236, 236) !important;*/
        /*border-radius: 100% !important;*/
        /*padding: 8px;*/
    }

.yith-wcqv-button{
    /*position: absolute;*/
    /*top: 60px !important;*/
    /*right: 25px !important;*/
    /*display: inline-block;*/
    /*background: rgb(244, 236, 236) !important;*/
    /*border-radius: 100% !important;*/
    /*padding: 8px;*/
}




.woocommerce-products-header{
    margin-left: 158px;
}

.woocommerce-products-header__title{
    font-size: 2rem !important;
}




/* Left-aligned inline form */
.mailpoet_form form {
    text-align: left; /* Ensures content floats left */
}

/* Form elements inline */
.mailpoet_form .mailpoet_paragraph,
.mailpoet_form .mailpoet_submit {
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle;
    float: left; /* Added floating left */
}

/* Email input */
.mailpoet_form input[name="email"] {
    width: 100% !important;
    margin-right: 2% !important;
    float: left; /* Added floating left */
}

/* Compact subscribe button */
.mailpoet_form .mailpoet_submit {
    float: left; /* Added floating left */
}

.mailpoet_form .mailpoet_submit input[type="submit"] {
    width: auto !important;
    padding: 8px 15px !important;
}

/* Clear floats for mobile */
@media (max-width: 480px) {
    .mailpoet_form .mailpoet_paragraph,
    .mailpoet_form .mailpoet_submit,
    .mailpoet_form input[name="email"] {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin-right: 0 !important;
    }
    .mailpoet_form input[name="email"] {
        margin-bottom: 10px;
    }
}



.mailpoet_submit{
    background-color: rgba(48, 197, 226, 1) !important;
    border-color: rgb(48, 197, 226) !important;
    height: 41px !important;
    border-radius: 0 4px 4px 0 !important;
    padding: 3px 25px !important;
}


#form_email_1 {
    width: 300px !important;
}

.mailpoet_validate_success{
    color: white;
}



.blog-page{
    margin-bottom: 60px;
}

.blog-page .card-title{
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.2px;
    margin-bottom: 15px;
    color: rgba(37, 43, 66, 1);
    font-family: 'montserratsemibold',Arial;
}

.blog-page .new-btn{
    margin-top: 5px;
    margin-right: 5px;
}

.blog-page .new-btn a{
    color: white !important;;
}

.page-numbers{
    border: 1px solid rgb(233, 236, 239);;
    padding: 16px;
    border-radius: 5px;
    margin-right: 3px;
    color: rgba(33, 62, 88, 1);
}
.current{
    background-color: #213e58;
    color: #fff;
}

.page-numbers:hover{
    cursor: pointer;
}



.layout-wrapper {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 40px;
}

.blog-article-area {
    flex: 3;
    background-color: #fff;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.article-header {
    margin-bottom: 20px;
}

.blog-thumbnail {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 20px;
    object-fit: cover;
}

.article-title {
    font-size: 32px;
    margin: 0 0 10px 0;
    line-height: 40px !important;
}

.meta-info {
    font-size: 14px;
    color: #777;
}

.article-body p {
    line-height: 1.7;
    margin-bottom: 16px;
    font-size: 16px;
}

.sidebar-panel {
    flex: 1;
    background-color: #ffffff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.sidebar-panel h3 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 20px;
    color: #222;
}

.sidebar-links {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.sidebar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.sidebar-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.sidebar-item a {
    text-decoration: none;
    color: #444;
    font-size: 15px;
    transition: color 0.3s ease;
}

.sidebar-item a:hover {
    color: #007766;
}

.sidebar-categories li {
    margin-bottom: 10px;
}

.sidebar-categories a {
    text-decoration: none;
    color: #444;
}

.sidebar-categories a:hover {
    color: #007766;
}

@media (max-width: 900px) {
    .layout-wrapper {
        flex-direction: column;
        padding: 20px;
    }
}

.product-price {
    font-size: 13px;
    color: #008060;
    margin-top: 4px;
}



/* Remove the stepper buttons (increase and decrease) from the quantity input */
.woocommerce div.quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.woocommerce div.quantity input.qty[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.single_add_to_cart_button{
    margin-bottom: 15px !important;
}


.product-template-default .product_meta{
    margin-top: 20px;
}
.product-template-default .yith-wcwl-add-to-wishlist-button__label{
    margin: 15px 0px !important;

}

.yith_wcwl_wishlist_footer{
    display: none;
}

.wishlist-title-container .wishlist-title{
    margin-top: 20px;
}

.woocommerce-page ul.products li.product {
    float: left;
    padding: 0;
    position: relative;
    width: 32% !important;
    margin: 0 7px !important;
}





/* My Account Page Styling */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 0;
}

/* Navigation Menu Styling */
.woocommerce-MyAccount-navigation {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px 0 !important;
    margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation li {
    margin: 0;
    position: relative;
}

.woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 12px 25px;
    color: #495057;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.woocommerce-MyAccount-navigation li a:hover {
    background: rgba(0,0,0,0.03);
    color: #000;
}

.woocommerce-MyAccount-navigation li.is-active a {
    color: #000;
    border-left: 3px solid #007bff;
    background: rgba(0,123,255,0.05);
}

/* Content Area Styling */
.woocommerce-MyAccount-content {
    background: #fff;
    border-radius: 8px;
    padding: 30px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Dashboard Summary Cards */
.woocommerce-MyAccount-content .woocommerce-order-table {
    width: 100%;
    border-collapse: collapse;
}

.woocommerce-MyAccount-content .woocommerce-order-table th,
.woocommerce-MyAccount-content .woocommerce-order-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #eee;
}

.woocommerce-MyAccount-content .woocommerce-order-table th {
    font-weight: 600;
    color: #333;
}

/* Buttons */
.woocommerce-MyAccount-content .button {
    background: #007bff;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-content .button:hover {
    background: #0069d9;
    color: white;
}

/* Dashboard Welcome Message */
.woocommerce-MyAccount-content > p:first-child {
    font-size: 1.1em;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/* Addresses Section */
.woocommerce-Addresses .woocommerce-Address {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Responsive Design */
@media (min-width: 768px) {
    .woocommerce-MyAccount-navigation {
        float: left;
        width: 25%;
        margin-right: 5%;
    }

    .woocommerce-MyAccount-content {
        float: right;
        width: 70%;
    }
}

/* Clear floats */
.woocommerce-account:after {
    content: "";
    display: table;
    clear: both;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 27% !important;
}


/* Privacy Policy Page Styling */
.privacy-policy-page {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.privacy-header {
    background-color: #f8f9fa;
    padding: 40px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #e9ecef;
}

.privacy-header h1 {
    color: #2c3e50;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

.last-updated {
    color: #6c757d;
    font-style: italic;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 15px;
}

.privacy-section {
    margin-bottom: 40px;
}

.privacy-section h2,
.privacy-section h3{
    color: #2c3e50;
    font-size: 1.5rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9ecef;
}

.privacy-section p {
    margin-bottom: 15px;
}

.privacy-section ul {
    margin: 15px 0;
    padding-left: 20px;
}

.privacy-section li {
    margin-bottom: 8px;
}

.privacy-section address {
    font-style: normal;
    margin: 15px 0;
}

.privacy-section a {
    color: #007bff;
    text-decoration: none;
}

.privacy-section a:hover {
    text-decoration: underline;
}

/* Responsive Design */
@media (max-width: 768px) {
    .privacy-header {
        padding: 30px 0;
    }

    .privacy-header h1 {
        font-size: 2rem;
    }

    .privacy-section h2 {
        font-size: 1.3rem;
    }
}

#my-account-menu.layout-simple.position-vertical-left .myaccount-menu::after, #my-account-menu.layout-simple.position-vertical-left .myaccount-menu::before {
    border-right: none !important;
}

.woocommerce-EditAccountForm input,
.woocommerce-address-fields input,
.woocommerce-address-fields select{
    background-color: rgba(245, 245, 245, 1) !important;
    border: none !important;
    border-radius: 4px !important;
    height: 50px !important;
}

.woocommerce-address-fields  .select2-selection{
    background-color: rgba(245, 245, 245, 1) !important;
    border: none !important;
    border-radius: 4px !important;
    height: 40px !important;
    padding: 6px !important;
}

.woocommerce-address-fields .button{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: white !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 14px 26px !important;
    margin-top: 10px !important;
}
.account_display_name_description > em{
    color: #29ac8f !important;
}

.woocommerce-Button{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: white !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 14px 26px !important;
    margin-top: 10px !important;
}


#account-section form{
    box-shadow: 0 0px 8px rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px;
}

#account-section form {
    padding: 0px !important;
}

.custom-product-card a.compare.button:before {
    content: '\f015' !important;
    font-family: 'FontAwesome' !important;
}


@media (min-width: 992px) {
    #banner {
        height: 80vh;
        overflow: hidden;
    }
}



.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    margin-top: -14px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}

h2.woocommerce-loop-product__title{
    padding: 24px 16px 35px !important;
}

a.card-title{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(37, 43, 66, 1);
    font-family: 'montserratsemibold',Arial;
    margin-bottom: 3px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 47px;
    line-height: 1.4em;
    margin-top: 8px;

}

.blog h5.card-title{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 57px;
    line-height: 1.4em;
    margin-top: 8px;
}





.compare {
    font-size: 0 !important;
    color: transparent !important;
    width: 30px;
    height: 30px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    position: relative;
}
.compare::before {
    content: "";
    background-image: url('images/share.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Optional: Hover effect */
.compare.button:hover::before {
    color: #ff0000; /* Change color on hover */
}


.yith-woocompare-preview-bar > footer{
    background: rgb(254, 75, 60) !important;
    border-radius: 5px !important;
    color: white !important;
    padding: 10px !important;
}


.privacy-section ul li{
    list-style: square !important;
}





.lapilliUI-Input__field.css-1riijus.e83suct0 {
    background: rgba(50, 125, 158, 0.1) !important;
    background-color: rgba(50, 125, 158, 0.1) !important;
    border: none !important;
    width: 100% !important;
    height: 48px !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}

.ywcas-classic-search.ywcas-small input {
    padding: 16px 45px !important;
}

.page-id-248 .product-add-to-cart{
    width: 12%;
}

.page-id-248 .add_to_cart_button{
background-color: rgba(33, 62, 88, 1) !important;
border-color: rgba(33, 62, 88, 1) !important;
color: #fff !important;
font-size: 12px !important;
line-height: 19px !important;
letter-spacing: 0.2px !important;
font-family: 'montserratbold',Arial !important;
border-radius: 5px !important;
padding: 4px 10px !important;
}


.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: var(--wc-red) !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    padding: 1px;
}

.woocommerce a.remove:hover {
    color: #fff !important;
    background: var(--wc-red);
    padding: 1px !important;
}

.wishlist-items-wrapper .product-name a,
.wishlist-items-wrapper .product-price{
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1px;
    color: rgba(37, 43, 66, 1);
    margin-bottom: 3px;
}



 .social-icons {
     display: flex;
     gap: 20px;
     justify-content: right;
     align-items: center;
 }

.social-icons a {
    color: white;
    font-size: 21px;
    text-decoration: none;
    transition: color 0.3s;
}

.social-icons a:hover {
    color: #0077ff;
}

.nf-form-fields-required{
    margin-top: 15px;
    margin-bottom: 10px;
}


#nf-field-6::placeholder,
#nf-field-7::placeholder,
#nf-field-8::placeholder,
#nf-field-10::placeholder{
    color: var(--bs-secondary-color);
    opacity: 1;
}


#nf-field-6,
#nf-field-7,
#nf-field-8,
#nf-field-11,
#nf-field-12,
#nf-field-13
{
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 4px;
    height: 50px;
}

#nf-field-10,
#nf-field-15
{
    background-color: rgba(245, 245, 245, 1);
    border: none;
    border-radius: 4px;
}

#nf-field-9,
#nf-field-14{
    background-color: rgba(33, 62, 88, 1);
    border-color: rgba(33, 62, 88, 1);
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-family: 'montserratbold',Arial;
    border-radius: 5px;
    padding: 9px 19px;
}

#contact-page form {
    padding: 3px 32px;
}

#contact-page .contact-wrapper {
    padding: 42px;
    padding-top: 58px;
}

#form_email_1{
    box-sizing: border-box;
    padding: 20px !important;
    margin: 0 auto 0 0;
}

.price-text del{
    color: rgba(189, 189, 189, 1);
    text-decoration: line-through;
}
.price-text ins{
    text-decoration: none;
}

.price-text{
    margin-bottom: 22px !important;
}


.wp-block-yith-search-block{
    width: 400px;
}


@media only screen and (max-width: 600px) {
    .custom-logo{
        margin-bottom: 20px !important;
    }
    .wp-block-yith-search-block{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .header-wrapper .item{
        width: 200px;
    }

    .list-item a {
        padding-right: 20px;
        font-size: 16px;
        line-height: 15px;
        color: rgba(102, 102, 102, 1);
        margin-bottom: 10px;
    }
}

/* Medium devices (tablets, 600px–768px) */
@media only screen and (min-width: 482px) and (max-width: 768px) {
    .logo{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .wp-block-yith-search-block{
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 45px;
    }

    .wp-block-yith-search-block {
        width: 448px;
    }

    .header-wrapper ul{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }
}


@media only screen and (min-width: 300px) and (max-width: 990px) {

    .logo{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .copyright-text{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .social-icons{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 21px;
    }


}



@media only screen and (min-width: 600px) and (max-width: 769px) {
    .wp-block-yith-search-block{
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 45px;
    }
}

@media only screen and (min-width: 770px) and (max-width: 990px) {
    .wp-block-yith-search-block{
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        margin-left: 45px;
        display: flex;
    }

}


.yith-wcwl-custom-icon{
    position: relative;
    top: 1px;
    left: 35px;
}

.yith-wcwl-add-to-wishlist-button--added{
    position: relative;
    top: 1px;
    left: 43px;
}

.yith-wcwl-add-to-wishlist-button__label{
    visibility: hidden;
}




/* Reviews Wrapper */
#reviews.woocommerce-Reviews {
    background: #f9fafb;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    max-width: 800px;
    margin: 40px auto;
    font-family: 'montserratsemibold',Arial;
}

/* Reviews Title */
.woocommerce-Reviews-title {
    font-size: 15px;
    color: #111827;
    margin-bottom: 20px;
    text-align: center;
}

/* No Reviews Message */
.woocommerce-noreviews {
    color: #6b7280;
    font-style: italic;
    text-align: center;
    margin: 20px 0;
}

/* Respond Title */
.comment-reply-title {
    font-size: 15px;
    color: #1f2937;
    margin-bottom: 25px;
    display: block;
}

/* Cancel reply link */
#cancel-comment-reply-link {
    font-size: 0.85rem;
    color: #ef4444;
    margin-left: 10px;
}

/* Review Form */
.comment-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Rating Stars */
.comment-form-rating label {
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    display: block;
}

.comment-form-rating .stars {
    display: flex;
    gap: 5px;
    font-size: 1.5rem;
}

.comment-form-rating .stars a {
    color: #d1d5db;
    text-decoration: none;
    transition: color 0.3s;
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a:focus,
.comment-form-rating .stars a.active {
    color: #fbbf24;
}

/* Textarea and Inputs */
.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"] {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    background: #fff;
    transition: border-color 0.3s;
}

.comment-form textarea:focus,
.comment-form input:focus {
    border-color: #3b82f6;
    outline: none;
}

/* Submit Button */
.comment-form .form-submit input[type="submit"] {
    background-color: #3b82f6;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.comment-form .form-submit input[type="submit"]:hover {
    background-color: #2563eb;
}

/* Mobile Responsiveness */
@media (max-width: 600px) {
    #reviews.woocommerce-Reviews {
        padding: 20px 15px;
    }

    .woocommerce-Reviews-title {
        font-size: 1.5rem;
    }

    .comment-reply-title {
        font-size: 1.2rem;
    }
}

#commentform .submit{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 9px 38px !important;
}




.custom-cart-form {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap; /* Optional: makes it responsive */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.custom-quantity-add {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.quantity {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    height: 40px;
}

.qty-btn {
    background-color: #f5f5f5;
    border: none;
    padding: 0 12px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
    transition: background-color 0.3s;
}

.qty-btn:hover {
    background-color: #ddd;
}

.input-text.qty {
    width: 60px;
    text-align: center;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 0;
}

.single_add_to_cart_button {
    background-color: #28a745;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.single_add_to_cart_button:hover {
    background-color: #218838;
}

@media (max-width: 480px) {
    .custom-cart-form {
        flex-direction: column;
        align-items: stretch;
    }

    .custom-quantity-add {
        flex-direction: column;
        align-items: stretch;
    }
}

.quantity input.qty{
    border: none !important;
    width: 27px !important;
}


.product-template-default .woocommerce-product-details__short-description {
    margin-bottom: 10px !important;
}

.single_add_to_cart_button{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 9px 19px !important;
}

.product_meta a{
    color: #213e58 !important;
}

.woocommerce-product-details__short-description p {
    font-size: 15px;
    color: #444;
    margin: 0;
    line-height: 26px;
}

#tab-description p {
    font-size: 15px;
    color: #444;
    margin: 0;
    line-height: 26px;
}
.onsale{
    display: none;
}


.woocommerce .star-rating {
    line-height: 1;
    font-size: 20px;
    font-family: WooCommerce;
    color: #fbbf24;
}

.woocommerce-review-link{
    color: #213e58;
}
.star-rating {
    margin: 2px 4px 0 0 !important;
    float: left;
}

.woocommerce-tabs .wc-tabs-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.woocommerce-tabs .wc-tabs {
    display: flex;
    justify-content: center;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0 auto 1rem auto;
    border-bottom: 2px solid #eee;
}


.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limit to 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 47px; /* Adjust based on your line-height */
    line-height: 1.4em; /* Should match your theme's line-height */
}

.footer {
    background: rgba(5, 213, 255, 1);
    padding: 50px 0 0px !important;
}


.footer-2 .mailpoet_submit{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 9px 19px !important;
}

.footer-2{
    margin-top: -20px;
    margin-left: -22px;
}

.footer-2 .mailpoet_form_form {
    display: flex;
    align-items: center;
    gap: 10px; /* space between input and button */
x}

#nf-field-9-wrap{
    text-align: right;
}

.recently-viewed-title{
    font-size: 20px !important;
    line-height: 30px !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 15px !important;
    color: rgba(37, 43, 66, 1) !important;
    font-family: 'montserratsemibold',Arial;
    max-height: 54px !important;
}

a.card-title{
    color: rgba(115, 115, 115, 1) !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratsemibold',Arial;
    font-size: 14px !important;
    line-height: 20px !important;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 15px;
}



a.edit {
    font-size: 0; /* hide the original text */
    position: relative;
    display: inline-block;
    padding: 6px 10px;
    color: #4a90e2;
    text-decoration: none;
    transition: color 0.3s;
}

a.edit::before {
    content: "\f14b";
    font-family: "FontAwesome";
    font-weight: 900;
    font-size: 30px;
    color: #213e58;
}

.woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-top: -26px;
}

.woocommerce-Address-title h2 {
    font-size: 24px; /* Adjust font size as needed */
    margin: 0;
    color: #333;
    line-height: 1.2;
}

.woocommerce-Address-title .edit {
    font-size: 0; /* Hide the text */
    color: #4a90e2;
    text-decoration: none;
    padding: 6px 10px;
    display: inline-block;
    transition: color 0.3s;
    position: relative;
}



.woocommerce-Address address {
    padding: 16px 20px;
    font-size: 15px;
    color: #444;
    line-height: 1.7;
}

.woocommerce-Address address:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.woocommerce-Address address br {
    line-height: 1.5;
}

.woocommerce-Address address strong {
    font-weight: 600;
    color: #2c3e50;
}

.mailpoet_form .mailpoet_submit {
    white-space: nowrap !important;
}


.footer-2 #form_email_1{
    height: 10px;
}




.footer-2 #mailpoet_form_1 .mailpoet_paragraph.last {
    margin-bottom: 0;
    margin-left: -30px !important;
}

.woocommerce-cart  .wp-block-woocommerce-product-new{
    display: none;
}

.wp-block-woocommerce-empty-cart-block h2:nth-of-type(2) {
    /* Your styles here */
    display: none;
}




.products-list.grid-view .card {
    flex-direction: column;
}

.products-list.list-view .row > div {
    width: 100%;
}

.products-list.list-view .card {
    display: flex;
    flex-direction: row;
    height: auto;
}

.products-list.list-view .card-img-top {
    width: 40%;
    height: auto !important;
    background-size: cover;
}

.products-list.list-view .card-body {
    padding: 20px;
    width: 60%;
}



.products-list.list-view .card {
    display: flex;
    flex-direction: row;
    height: auto;
}

.products-list.list-view .card-img-top {
    height: 300px !important;
    background-size: cover;
    background-position: center;
}

.products-list.list-view .card-body {
    padding: 20px;
    width: 50%;
}

.grid-view .list-view-excerpt {
    display: none !important;
}

.products-list.list-view .list-view-excerpt {
    display: block;
    font-family: 'montserratregular',arial;
    margin-top: 10px;
    color: #555;
    font-size: 14px;
}


.pagination {
    display: flex;
    justify-content: center;
    gap: 10px; /* Optional: adds spacing between page links */
    flex-wrap: wrap; /* Optional: wrap on small screens */
    margin-top: 20px;
}


.product-image-span{
    width: 200px;
}


.woocommerce-form-login__submit{
    background-color: rgba(33, 62, 88, 1) !important;
    border-color: rgba(33, 62, 88, 1) !important;
    color: white !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: 0.2px !important;
    font-family: 'montserratbold',Arial !important;
    border-radius: 5px !important;
    padding: 14px 26px !important;
    margin-top: 10px !important;
}

.woocommerce-form-login__rememberme{
    margin-top:25px;
}


.tiktokImg{
    height: 20px;
    width: 20px;
}

.woocommerce-verification-required{
    text-align: center;
}

.priceText{
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1px;
    font-family: 'montserratsemibold',Arial;
}

.faq-section {
}

.faq-title {
    text-align: center;
    margin-bottom: 1rem;
    color: #213e58;
    font-weight: 700;
}

.faq-title2 {
    margin-top: 2rem;
    color: #213e58;
    font-weight: 700;
}

.accordion-button:not(.collapsed) {
    color: #213e58;
}

.accordion-button {
    font-weight: 600;
}
.page-id-368 .nf-form-fields-required{
    display: none !important;
}

.telEmail{
    color: rgb(20, 20, 20);
}

.spu-content{
    border: 1px solid white;
    padding: 2px;
}


.full-width-product-search {
    display: flex;
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    border: 1px solid #ccc;
    border-radius: 50px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.full-width-product-search input[type="search"] {
    flex: 1;
    padding: 15px 20px;
    font-size: 16px;
    border: none;
    outline: none;
    background: transparent;
}

.full-width-product-search button {
    background: #213e58;
    color: #fff;
    border: none;
    padding: 0 25px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.full-width-product-search button:hover {
    background: #005f8d;
}

.no-products{
    margin-bottom: 1rem;
    color: #213e58;
    font-weight: 700;
    font-size: 2rem;
}

/** Newly Added */


@media (max-width: 620px) {
    .post-type-archive .filter-content,
    .tax-product_cat .filter-content{
        flex-direction: column !important;
    }


    .post-type-archive .view-toggle,
    .tax-product_cat .view-toggle
    {
        margin: 1rem !important;
    }


    .catTitle {
        font-size: 10px !important;
    }
}

.smallSize{
	font-size: 0.8rem !important;
}