@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    /* Scale factor for responsive upscaling */
    --scale: 1;

    /* Colors and base styles */
    --border-color: #F5F5F5;
    --input-border-color: #E1E1E1;
    --overlay-color: #00000066;
    --font-family: "Poppins", sans-serif;
    --box_shadow: 2px 2px 8px 4px #0000000A;
    --radius-2: 2px;
    --radius-4: 4px;
    --secondary-text-color: #A3A3A3;
    --white-color: #ffffff;
    --muted-text-color: #a9a9a9;
    --dark-bg-color: #282828;

    /* Fluid Font Sizes (adjusted with scale factor) */
    --fs-12: calc(clamp(10px, 2vw, 12px) * var(--scale));
    --fs-14: calc(clamp(12px, 2.2vw, 14px) * var(--scale));
    --fs-16: calc(clamp(14px, 2.5vw, 16px) * var(--scale));
    --fs-18: calc(clamp(15px, 2.8vw, 18px) * var(--scale));
    --fs-20: calc(clamp(16px, 3.2vw, 20px) * var(--scale));
    --fs-24: calc(clamp(18px, 3.8vw, 24px) * var(--scale));
    --fs-26: calc(clamp(20px, 4vw, 26px) * var(--scale));
    --fs-36: calc(clamp(24px, 5vw, 36px) * var(--scale));
    --fs-48: calc(clamp(32px, 6vw, 48px) * var(--scale));

    /* Fluid Line Heights (adjusted with scale factor) */
    --lh-12: calc(clamp(14px, 1vw, 18px) * var(--scale));
    --lh-14: calc(clamp(18px, 1.2vw, 20px) * var(--scale));
    --lh-16: calc(clamp(20px, 1.5vw, 24px) * var(--scale));
    --lh-18: calc(clamp(22px, 1.6vw, 26px) * var(--scale));
    --lh-20: calc(clamp(24px, 1.7vw, 28px) * var(--scale));
    --lh-24: calc(clamp(28px, 2vw, 32px) * var(--scale));
    --lh-26: calc(clamp(30px, 2.2vw, 34px) * var(--scale));
    --lh-36: calc(clamp(40px, 3vw, 48px) * var(--scale));
    --lh-48: calc(clamp(50px, 4vw, 68px) * var(--scale));
}

/* ===== Upscale Everything 25% Above 1800px ===== */
@media screen and (min-width: 1800px) {
    :root {
        --scale: 1.25;
    }
}

/* ===== Reset & Utilities ===== */
*:not(ul),
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.brand-color {
    color: var(--brand-color);
}

.light-brand-color {
    color: var(--light-brand-color);
}

.light-text-color {
    color: var(--light-text-color);
}

.semi-bold {
    font-weight: 500;
}

.bold {
    font-weight: 600;
}

.container {
    max-width: calc(1312px * var(--scale));
    width: calc(100% - (128px * var(--scale)));
    margin: 0 auto;
    box-sizing: border-box;
}

/* Tablet landscape (1024px - 1439px) */
@media (max-width: 1439px) {
    .container {
        width: calc(100% - (96px * var(--scale)));
        /* 48px + 48px */
    }
}

/* Tablet portrait (768px - 1023px) */
@media (max-width: 1023px) {
    .container {
        width: calc(100% - (64px * var(--scale)));
        /* 32px + 32px */
    }
}

/* Mobile (≤ 767px) */
@media (max-width: 767px) {
    .container {
        width: calc(100% - (32px * var(--scale)));
        /* 16px + 16px */
    }
}

.underline {
    text-decoration: underline;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.align-center {
    align-items: center;
}

.align-start {
    align-items: flex-start;
}

.just-center {
    justify-content: center;
}

.just-between {
    justify-content: space-between;
}

/* ===== Typography ===== */
p {
    line-height: var(--lh-16);
    margin-top: 0;
    margin-bottom: 1rem;
}

p,
body,
input,
button {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fs-16);
    color: var(--text-color);
}

.font-12 {
    font-size: var(--fs-12);
    line-height: var(--lh-12);
    vertical-align: middle;
}

.font-14 {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    vertical-align: middle;
}

.font-18 {
    font-size: var(--fs-18);
    line-height: var(--lh-18);
    vertical-align: middle;
}

.font-20 {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    vertical-align: middle;
}

h1 {
    font-weight: 700;
    font-size: var(--fs-48);
    line-height: var(--lh-48);
}

h2 {
    font-weight: 600;
    font-size: var(--fs-36);
    line-height: var(--lh-36);
}

h3 {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
}

a {
    font-weight: 400;
    font-size: var(--fs-16);
    text-decoration: none;
    color: var(--text-color);
}

.bs-section-spacing {
    margin-bottom: calc(64px * var(--scale));
}

/* ************** Header *************** */
.overflow-stop {
    overflow: hidden;
}

/* Masthead Styles */
#masthead .menu-toggle {
    position: relative;
    display: none;
    width: calc(35px * var(--scale));
    height: calc(26px * var(--scale));
    background: transparent;
    border-top: calc(4px * var(--scale)) solid;
    border-bottom: calc(4px * var(--scale)) solid;
    color: var(--text-color);
    font-size: 0;
    transition: all 0.25s ease-in-out;
    border-left: none;
    border-right: none;
    margin: 0 calc(5px * var(--scale));
}

#masthead .menu-toggle:before,
#masthead .menu-toggle:after {
    content: '';
    display: block;
    width: 100%;
    height: calc(4px * var(--scale));
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
    transition: transform 0.25s ease-in-out;
}

#masthead .menu-toggle:hover {
    color: var(--hover-color);
    /* Using --hover-color instead of lighten/darken */
}

#masthead .menu-toggle.is-active {
    border-color: transparent;
}

#masthead .menu-toggle.is-active:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#masthead .menu-toggle.is-active:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

#masthead .top_bar {
    background-color: var(--light-brand-color);
    padding: calc(10px * var(--scale)) 0;
}

#masthead .top_bar .container,
#masthead .top_bar .left_side {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(30px * var(--scale));
}

#masthead .top_bar .container>div,
#masthead .top_bar .left_side {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#masthead .navigation {
    display: flex;
    height: 100%;
}

#masthead .navigation .menu-navigation-menu-container {
    height: 100%;
}

#masthead .navigation ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    gap: calc(30px * var(--scale));
    height: 100%;
}

#masthead .main_header {
    border-bottom: 1px solid var(--border-color);
    height: calc(70px * var(--scale));
}

#masthead .main_header>.container {
    height: 100%;
}

#masthead .main_header a.custom-logo-link {
    height: calc(22px * var(--scale));
}

#masthead .main_header .custom-logo-link img {
    width: calc(220px * var(--scale));
    height: auto;
    object-fit: contain;
}

#masthead .main_header .right_side {
    gap: calc(15px * var(--scale));
}

#masthead .main_header .cart_head .font-18 {
    margin: 0 calc(5px * var(--scale));
}

#masthead .main_header .cart_head .cart_qty {
    background: var(--light-brand-color);
    width: calc(30px * var(--scale));
    height: calc(30px * var(--scale));
    border-radius: var(--radius-2);
    margin-right: calc(5px * var(--scale));
}

#masthead ul {
    position: relative;
    overflow: auto;
}

#masthead ul li a:hover {
    color: var(--hover-color);
}

#masthead #menu-navigation-menu>li {
    height: 100%;
    display: flex;
    align-items: center;
}

#masthead .desk_header .menu-item-has-children ul li {
    width: 100%;
    padding: calc(10px * var(--scale));
    border-bottom: 1px solid var(--border-color);
}

#masthead .desk_header .menu-item-has-children ul {
    display: none;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: calc(60px * var(--scale));
    padding: 0;
    background: var(--white-color);
    z-index: 10000;
    width: calc(220px * var(--scale));
    box-shadow: var(--box_shadow);
    gap: 0;
    height: auto;
}

#masthead .menu-item-has-children:hover ul {
    display: flex;
    flex-direction: column;
}

#masthead ul li.menu-item-has-children {
    padding-right: calc(23px * var(--scale));
    position: relative;
}

#masthead ul li.menu-item-has-children:before {
    content: "";
    width: calc(18px * var(--scale));
    height: calc(18px * var(--scale));
    position: absolute;
    right: 0;
    top: calc(50% - (9px * var(--scale)));
    background-image: url("data:image/svg+xml,%3Csvg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E%0A");
    background-size: calc(18px * var(--scale));
    background-repeat: no-repeat;
}

#masthead .button,
.back-btn{
    width: 109px;
    height: calc(38px * var(--scale));
    background: var(--white-color);
    border-radius: var(--radius-2);
    color: var(--text-color);
    font-family: var(--font-family);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    border: 1px solid var(--text-color);
    text-align: center;
    font-weight: 500;
}
.back-btn{
    width: auto;
    padding: 15px 25px;
    height: auto;
}
/* #masthead .button:hover,
.back-btn:hover{
    background: var(--text-color);
    color: var(--white-color);
} */

#masthead .woocommerce-mini-cart__buttons .button {
    width: 100%;
    border: 1px solid var(--brand-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#masthead .signup_button {
    color: var(--white-color);
    background: var(--text-color);
    border: 1px solid var(--text-color);
}

#masthead .signup_button:hover {
    color: var(--text-color);
    background: var(--white-color);
}

#masthead .cart_box {
    position: relative;
    cursor: pointer;
}

#masthead .cart_box .my_account_details {
    position: absolute;
    width: calc(240px * var(--scale));
    top: calc(60px * var(--scale));
    right: 0;
    box-shadow: var(--box_shadow);
    background-color: var(--white-color);
}

#masthead .my_account_box {
    position: relative;
    height: 100%;
    display: flex;
}

#masthead .my_account_box .my_account_details {
    display: none;
    position: absolute;
    width: calc(240px * var(--scale));
    top: 100%;
    right: 0;
    box-shadow: var(--box_shadow);
    background-color: var(--white-color);
    z-index: 999;
    border-radius: 4px;
}

#masthead .my_account_box:hover .my_account_details,
#masthead .my_account_box .my_account_details:hover {
    display: block;
}

#masthead .my_account_box .my_account_details .account_info {
    padding: calc(16px * var(--scale));
    border-bottom: 1px solid var(--border-color);
}

#masthead .my_account_box .my_account_details .redirect_account {
    padding: calc(10px * var(--scale));
}

#masthead .my_account_box .my_account_details .email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    margin: 0px;
}

#masthead .my_account_box .my_account_details .redirect_account {
    flex-direction: column;
    padding: calc(16px * var(--scale));
    gap: calc(10px * var(--scale));
}

#masthead .my_account_box .my_account_details .name {
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#masthead .my_account_box .my_account_details .redirect_account a {
    padding: calc(5px * var(--scale)) calc(10px * var(--scale));
    border: 1px solid var(--overlay-color);
    border-radius: var(--radius-4);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}

#masthead .my_account_box .my_account_details .redirect_account a:hover {
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
}

#masthead .mobile_menu {
    z-index: 100000000;
    position: relative;
}

#masthead .mobile_menu .overlay {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--overlay-color);
    display: none;
}

#masthead .mobile_menu .menu_box {
    position: fixed;
    background: var(--white-color);
    top: calc(115px * var(--scale));
    height: calc(100% - (115px * var(--scale)));
    right: calc(-301px * var(--scale));
    width: calc(300px * var(--scale));
    transition: all 0.3s;
}

#masthead .mobile_menu .menu_box .menu-lists {
    height: 100%;
    overflow-x: auto;
}

#masthead .mobile_menu .mobile-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#masthead .mobile_menu .mobile-navigation ul>li {
    margin: 0;
    padding: calc(10px * var(--scale)) calc(20px * var(--scale));
    border-bottom: calc(2px * var(--scale)) solid var(--border-color);
}

#masthead .mobile_menu .mobile-navigation ul li.menu-item-has-children:before {
    right: calc(20px * var(--scale));
    top: calc(13px * var(--scale));
    transform: rotate(0deg);
    transition: transform 0.3s;
}

#masthead .mobile_menu .mobile-navigation ul li.menu-item-has-children.is-active:before {
    transform: rotate(180deg);
    transition: transform 0.3s;
}

#masthead .mobile_menu .mobile-navigation ul li.menu-item-has-children ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s;
}

#masthead .mobile_menu .mobile-navigation ul li.menu-item-has-children li {
    right: calc(20px * var(--scale));
    top: calc(13px * var(--scale));
}

#masthead .mobile_menu .mobile-navigation ul li.menu-item-has-children li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#masthead .mobile_menu .contact_box {
    padding: calc(20px * var(--scale));
    display: flex;
    flex-direction: column;
    gap: calc(10px * var(--scale));
}

#masthead .mobile_menu .user_box {
    padding: calc(10px * var(--scale)) calc(20px * var(--scale));
    position: absolute;
    bottom: 0;
    display: none;
    gap: calc(10px * var(--scale));
    border-top: calc(2px * var(--scale)) solid var(--border-color);
    width: 100%;
    background: var(--white-color);
}

#masthead .mobile_menu .user:where(a, button, input) {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}

#masthead .mobile_menu .user_box .button {
    width: 100%;
}

#masthead li.menu-item.current-menu-item>a {
    color: var(--brand-color);
}

#masthead .mobile_menu #main-mobile-navigation,
#masthead .mobile_menu #extra-mobile-navigation,
#masthead .mobile_menu .contact_box {
    display: none;
}

#masthead .woocommerce-mini-cart__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    gap: 16px;
}

#masthead .woocommerce a.remove:hover {
    background: #fff;
}

#masthead .woocommerce-mini-cart__buttons .checkout.wc-forward span,
#masthead .woocommerce-mini-cart__buttons .checkout.wc-forward {
    color: #fff !important;
}

#masthead a.button.checkout.wc-forward {
    background-color: #EC6800 !important;
}

.woocommerce-Address {
    border: 1px solid var(--brand-colors);
    padding: 20px;
    box-shadow: 2px 2px 8px 4px #F370230A;
    border-radius: 4px;
}
.woocommerce-account .addresses .title .edit {
    float: inline-start;
    color: var(--brand-color);
    font-weight: 600;
    border-right: 5px solid var(--brand-color);
    background: linear-gradient(270deg, rgba(243, 112, 35, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    padding: 5px;
    margin: 10px 0;
    display: inline-block;
}



/* ===== New WooCommerce Styles ===== */
#masthead .cart_item_details {
    background: var(--white-color);
    z-index: 99;
    position: absolute;
    width: calc(380px * var(--scale));
    border-radius: var(--radius-4);
    right: 0;
    box-shadow: 0px 0px 8px 0px #00000014;
    margin-top: 20px;
}

#masthead .woocommerce-mini-cart__empty-message {
    padding: calc(16px * var(--scale)) calc(30px * var(--scale));
}

#masthead .woocommerce ul.cart_list li,
#masthead .woocommerce ul.product_list_widget li {
    padding: calc(16px * var(--scale));
    border-bottom: 1px solid var(--border-color);
}

#masthead .woocommerce ul.cart_list li img,
#masthead .woocommerce ul.product_list_widget li img {
    float: left;
    width: calc(48px * var(--scale));
    height: calc(48px * var(--scale));
    margin-right: calc(8px * var(--scale));
}

#masthead .woocommerce a.remove {
    float: right;
    border: 0.67px solid #E1E1E1;
    width: calc(24px * var(--scale));
    height: calc(24px * var(--scale));
    border-radius: 3px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#masthead .woocommerce ul.cart_list li a,
#masthead .woocommerce ul.product_list_widget li a {
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
}

#masthead .quantity {
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-20);
}

#masthead .woocommerce-Price-amount {
    color: var(--text-color);
    font-size: var(--fs-14);
    font-weight: 500;
    line-height: var(--lh-14);
}

#masthead input {
    background-color: transparent;
}

/* Media Queries */
@media only screen and (max-width: 1100px) {
    #masthead .main_header .cart_head .font-18 {
        margin: 0 calc(5px * var(--scale));
        width: 0;
        visibility: hidden;
        z-index: -1;
        opacity: 0;
    }
}

@media only screen and (max-width: 1024px) {

    #masthead .menu-toggle,
    #masthead .mobile_menu.active .overlay {
        display: block;
    }

    #masthead .mobile_menu.active .menu_box {
        right: 0;
        transition: all 0.3s;
    }

    #masthead .desk_header #main-navigation {
        display: none;
    }

    #masthead .mobile_menu #main-mobile-navigation {
        display: block;
    }
}

@media only screen and (max-width: 792px) {
    body {
        margin-top: calc(70px * var(--scale));
    }

    #masthead {
        position: fixed;
        top: 0;
        background: var(--white-color);
        width: 100%;
        z-index: 999;
    }

    #masthead .desk_header .top_bar,
    #masthead .main_header .right_side>a {
        display: none;
    }

    #masthead .mobile_menu .menu_box {
        top: calc(70px * var(--scale));
        height: calc(100% - (70px * var(--scale)));
    }

    #masthead .mobile_menu #extra-mobile-navigation,
    #masthead .mobile_menu .contact_box {
        display: block;
    }

    #masthead .mobile_menu .user_box {
        display: grid;
    }

    #masthead .mobile_menu .menu_box .menu-lists {
        padding-bottom: calc(125px * var(--scale));
    }
}

@media only screen and (max-width: 400px) {
    #masthead .main_header a.custom-logo-link {
        height: auto;
    }

    #masthead .main_header .custom-logo-link img {
        width: 152px;
    }
}

/* Footer Styles */
#footer .footer_top {
    padding: calc(64px * var(--scale)) 0;
    background: var(--text-color);
}

#footer .footer_bottom {
    padding: calc(20px * var(--scale)) 0;
    background: var(--dark-bg-color);
}

#footer .text-grey,
#footer .footer_bottom .container .navigation .menu a {
    color: var(--muted-text-color);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}

#footer .footer_top,
#footer .footer_top a,
#footer .footer_top .heading {
    color: var(--white-color);
    font-family: var(--font-family);
}

#footer .footer_top .heading {
    text-transform: uppercase;
    margin-bottom: calc(24px * var(--scale));
    font-weight: 600;
    font-size: var(--fs-18);
    line-height: var(--lh-18);
}

#footer .footer_top ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#footer .footer_top ul li {
    margin-bottom: calc(8px * var(--scale));
}

#footer .footer_top ul li:last-child {
    margin-bottom: 0;
}

#footer .footer_top .container {
    display: flex;
    justify-content: space-between;
}

#footer .footer_top .container p {
    color: var(--white-color);
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    margin-bottom: 0px;
}

#footer .phone {
    margin-bottom: 8px;
}

#footer .footer_top .container .number_box a {
    font-weight: 400;
    font-size: var(--fs-12);
    line-height: var(--lh-12);
    color: var(--secondary-text-color);
}

#footer .footer_top .container .layout .icon_box {
    display: flex;
    align-items: center;
    gap: calc(10px * var(--scale));
    margin-bottom: calc(8px * var(--scale));
}

#footer .footer_top .container .layout .icon_box:last-child {
    margin-bottom: 0;
}

#footer .footer_top .container .layout .icon_box img {
    width: calc(20px * var(--scale));
    height: calc(20px * var(--scale));
}

#footer .footer_bottom .container {
    flex-wrap: wrap;
    gap: calc(20px * var(--scale));
}

#footer .footer_bottom .container .navigation .menu {
    display: flex;
    list-style: none;
    gap: calc(20px * var(--scale));
    margin: 0;
    padding: 0;
}

#footer a:hover {
    color: var(--brand-color) !important;
}

.d-none {
    display: none !important;
}

@media (max-width: 992px) {
    #footer .footer_top .container {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 50px 0;
    }

    #footer .footer_bottom .container {
        flex-direction: column-reverse;
    }

    #footer .footer_top .container>div {
        width: 33.33%;
    }
}

@media (max-width: 600px) {
    #footer .footer_top .container {
        gap: 30px 0;
    }

    #footer .footer_top .container>div {
        width: 100%;
    }

    #footer .footer_top .heading {
        margin-bottom: 12px;
    }
}

/* ===== Searchbar Style ===== */

.search-bar {
    display: flex;
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-2);
    max-width: calc(500px * var(--scale));
    margin: 0 auto;
    height: calc(40px * var(--scale));
    position: relative;
}

.search-bar .cat-dropdown {
    background-color: var(--white-color);
    padding: 8px 12px;
    height: 100%;
    border: none;
    cursor: pointer;
    border-right: 1px solid var(--brand-color);
    display: flex;
    font-size: var(--fs-14);
    min-width: calc(140px * var(--scale));
    color: var(--text-color);
    font-family: var(--font-family);
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.09794 0H0.901938C0.150938 0 -0.270063 0.754 0.193938 1.268L3.29194 4.7C3.65194 5.099 4.34694 5.099 4.70794 4.7L7.80594 1.267C8.26994 0.754 7.84894 0 7.09794 0Z' fill='%23F37023'></path></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 12px);
    background-position-y: 50%;
}

.search-bar input[type="text"],
.search-bar input.search-field {
    width: 100%;
    padding: 8px 12px;
    border: none;
    outline: none;
    font-family: var(--font-family);
    font-size: var(--fs-14);
    color: var(--text-color);
}

.search-bar .search-btn {
    background-color: var(--brand-color);
    border: none;
    padding: calc(10px * var(--scale));
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(38.18px * var(--scale));
}

.search-bar .search-btn svg {
    width: calc(16px * var(--scale));
    height: calc(16px * var(--scale));
}

.search-bar input.search-field::placeholder {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-16);
    color: var(--muted-text-color);
}

.search-bar .search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white-color);
    z-index: 100;
    border-radius: 0 0 4px 4px;
    max-height: calc(300px * var(--scale));
    overflow-y: auto;
    display: none;
    border-top: 1px solid var(--brand-color);
}

.search-bar p {
    font-weight: 400;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: #666666;
    margin-bottom: 8px;
}

.search-bar ul {
    padding: 0;
    margin: 0;
}

.search-bar ul li {
    padding: 10px;
    list-style-type: none;
}

.search-bar ul li a {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}

.search-bar ul li a img {
    width: calc(26px * var(--scale));
    height: calc(26px * var(--scale));
}

@media screen and (max-width: 480px) {
    .search-bar {
        flex-wrap: wrap;
        border: none;
        height: auto;
    }

    .search-bar .cat-dropdown {
        width: 100%;
        margin-bottom: 20px;
    }

    .search-bar input[type="text"],
    .search-bar input.search-field {
        width: calc(100% - (38.18px * var(--scale)));
        border: 1px solid var(--brand-color);
    }

    .search-bar .cat-dropdown {
        border: 1px solid var(--brand-color);
    }
}

/* === WooCommerce Account Styles === */

.woocommerce-account .entry-content {
    box-shadow: 2px 2px 8px 4px #0000000A;
}

.woocommerce-account input:hover,
.woocommerce-account input:focus {
    background-color: transparent;
    outline: none;
    box-shadow: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 28%;
    border-right: 1px solid var(--border-color);
    border-radius: 1px;
}

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

.woocommerce-account .woocommerce-MyAccount-content {
    width: 72%;
    padding: 24px 32px;
}

.woocommerce-account.woocommerce-dashboard .entry-content {
    box-shadow: 2px 2px 8px 4px #0000000A;
    border-radius: 4px;
}

.woocommerce-account li.woocommerce-MyAccount-navigation-link a {
    font-weight: 400;
    font-size: var(--fs-20);
    line-height: calc(30px * var(--scale));
    letter-spacing: 0px;
    vertical-align: middle;
    padding: calc(16px * var(--scale)) calc(32px * var(--scale));
    width: 100%;
    display: block;
}

.woocommerce-account li.woocommerce-MyAccount-navigation-link a:hover {
    background: linear-gradient(270deg, rgba(243, 112, 35, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-right: 5px solid var(--brand-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active {
    background: linear-gradient(270deg, rgba(243, 112, 35, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
    color: var(--brand-color);
    font-weight: 600;
    border-right: 5px solid var(--brand-color);
}

.woocommerce-account li.woocommerce-MyAccount-navigation-link {
    border-bottom: 1px solid var(--border-color);
}

@media only screen and (max-width: 768px) {

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account li.woocommerce-MyAccount-navigation-link a {
        padding: 10px;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        margin-top: 20px;
    }
}

/* === WooCommerce Cart Styles === */

/* Cart Table */
.woocommerce-cart .status-publish,
.woocommerce-order-received .status-publish {
    box-shadow: var(--box_shadow);
    border-radius: var(--radius-4);
    margin-bottom: 64px;
    overflow: auto;
}

.woocommerce-cart .woocommerce table.shop_table {
    border: none;
    width: 100%;
    max-width: calc(1312px * var(--scale));
    margin: 0;
}

.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td {
    padding: calc(16px * var(--scale)) calc(32px * var(--scale));
}

.woocommerce-cart .woocommerce table.shop_table tbody:first-child tr:first-child th,
.woocommerce-cart .woocommerce table.shop_table tbody:first-child tr:first-child td {
    font-weight: 500;
    font-size: var(--fs-18);
    line-height: var(--lh-18);
    letter-spacing: 0px;
    text-align: right;
    color: var(--light-text-color);
}

.woocommerce-cart .product-name {
    display: flex;
    align-items: center;
    gap: calc(16px * var(--scale));
}

.woocommerce-cart .product-name a {
    font-weight: 600;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--text-color);
}

.woocommerce-cart .woocommerce td.product-name .wc-item-meta dd,
.woocommerce-cart .woocommerce td.product-name dl.variation dd {
    display: flex;
}

.woocommerce-cart .woocommerce td.product-name dl.variation dt {
    font-weight: 500;
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    color: var(--text-color);
    padding-right: calc(5px * var(--scale));
}

.woocommerce-cart .woocommerce td.product-name dl.variation dd p {
    font-weight: 400;
    color: var(--light-text-color);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
}

.woocommerce-cart table.cart img {
    width: calc(64px * var(--scale));
    height: calc(64px * var(--scale));
}

.woocommerce-cart .woocommerce-Price-amount {
    font-weight: 600;
    font-size: var(--fs-18);
    line-height: var(--lh-18);
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.woocommerce-cart .woocommerce a.remove {
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    color: var(--white-color);
    box-shadow: var(--box_shadow);
    width: calc(36px * var(--scale));
    height: calc(36px * var(--scale));
    border-radius: var(--radius-4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-cart .woocommerce a.remove:hover {
    border: 1px solid var(--brand-color);
}

.woocommerce-cart .woocommerce .quantity .qty {
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-4);
    padding: calc(3px * var(--scale));
    width: calc(60px * var(--scale));
    height: calc(34px * var(--scale));
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: calc(13px * var(--scale)) calc(16px * var(--scale));
    border: 1px solid var(--input-border-color);
    border-radius: var(--radius-4);
    width: calc(240px * var(--scale));
    height: calc(48px * var(--scale));
    max-width: 100%;
    font-size: var(--fs-14);
    font-family: var(--font-family);
    box-sizing: border-box;
    margin: 0px 7px 0 0;
}

.woocommerce-cart table.cart td.actions .coupon .button {
    background-color: var(--white-color);
    color: var(--brand-color);
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-4);
    cursor: pointer;
    font-size: var(--fs-14);
    font-family: var(--font-family);
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: 500;
    height: calc(48px * var(--scale));
}

.woocommerce-cart table.cart td.actions .coupon .button:hover,
.woocommerce-cart table.cart td.actions .coupon .button:focus,
.woocommerce-cart .button[type="submit"]:hover {
    background-color: var(--brand-color);
    color: var(--white-color) !important;
}

.woocommerce-cart .entry-header {
    border-bottom: 1px solid var(--border-color);
    padding: calc(32px * var(--scale)) calc(32px * var(--scale)) calc(24px * var(--scale)) calc(32px * var(--scale));
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.woocommerce-cart .button[type="submit"] {
    background-color: var(--white-color);
    border: 1px solid var(--brand-color);
    color: var(--brand-color) !important;
    padding: calc(13px * var(--scale)) calc(24px * var(--scale)) !important;
    cursor: pointer;
    font-size: var(--fs-16);
    font-family: var(--font-family);
    opacity: 1;
    border-radius: var(--radius-4);
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    font-weight: 400;
    height: calc(48px * var(--scale));
}

.woocommerce-cart :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover {
    background-color: var(--brand-color) !important;
    color: var(--white-color) !important;
    border-color: var(--brand-color) !important;
}

.woocommerce-cart .button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
    text-align: right;
    padding: 0;
    border: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
.woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals {
    width: 81%;
}

.woocommerce-cart .woocommerce .cart-collaterals,
.woocommerce-cart .woocommerce-page .cart-collaterals {
    width: 100%;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--brand-color);
    color: var(--white-color);
    border: 1px solid var(--brand-color);
    padding: calc(16px * var(--scale));
    width: 100%;
    border-radius: var(--radius-4);
    font-size: var(--fs-16);
    font-family: var(--font-family);
    cursor: pointer;
    font-weight: 500;
    margin-bottom: 0;
}

.woocommerce table.shop_table_responsive .product-name .cart-item-image-outer {
    flex-shrink: 0;
}

.woocommerce table.shop_table_responsive .product-name .cart-item-image-outer a {
    line-height: 0;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: 35%;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    border: 1px solid var(--brand-color);
    background-color: var(--white-color);
    color: var(--brand-color);
}
.woocommerce table.shop_table td.actions{
    vertical-align: top;
}

@media (max-width: 1023px) {

    .woocommerce-cart table.shop_table th,
    .woocommerce-cart table.shop_table td {
        padding: calc(12px * var(--scale)) calc(16px * var(--scale));
    }
}

@media (max-width: 993px) {

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals {
        width: 90%;
    }
    .woocommerce-cart table.cart td.actions .coupon .button{
        width: 260px;
        padding: 0 !important;
    }

    .woocommerce-cart table.cart td.actions .coupon {
        display: flex;
        gap: calc(8px * var(--scale));
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 100%;
        height: calc(48px * var(--scale));
    }

}

@media (max-width: 767px) {
    .shop_table_responsive tbody {
        width: 100% !important;
        display: block !important;
    }

    .woocommerce-cart .woocommerce table.shop_table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }

    .woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-cart .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,
    .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background: none;
    }

    .woocommerce-cart .entry-header {
        padding: 10px;
    }

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        margin-top: 5px;
    }

    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
        margin: 0;
    }

    .woocommerce table.shop_table_responsive .woocommerce-cart-form__cart-item {
        display: block;
        margin: 10px;
        border: 1px solid var(--input-border-color);
        background: var(--border-color);
        border-radius: var(--wc-form-border-radius);
    }
    .woocommerce-cart table.cart td.actions .coupon {
        flex-direction: column;
    }
}

/* WooCommerce Checkout Page CSS */
.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=email],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=number],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=password],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=tel],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=text],
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input[type=url],
.woocommerce-checkout .wc-block-components-text-input input[type=email],
.woocommerce-checkout .wc-block-components-text-input input[type=number],
.woocommerce-checkout .wc-block-components-text-input input[type=password],
.woocommerce-checkout .wc-block-components-text-input input[type=tel],
.woocommerce-checkout .wc-block-components-text-input input[type=text],
.woocommerce-checkout .wc-block-components-text-input input[type=url] {
    width: 100%;
    border-radius: var(--radius-4);
    border: 1px solid var(--input-border-color);
    background: var(--white-color);
    font-size: var(--fs-16);
    height: calc(48px * var(--scale)) !important;
    padding: calc(11px * var(--scale)) !important;
    margin-bottom: calc(16px * var(--scale)) !important;
    order: 2;
}

.woocommerce-checkout .entry-content .wp-block-woocommerce-checkout {
    padding: 48px 0;
}

.woocommerce-checkout .wc-block-components-form .wc-block-checkout__payment-method {
    padding-top: 48px;
    border-top: 1px solid var(--border-color);
}

.woocommerce-checkout .wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option {
    border-radius: var(--radius-4);
    box-shadow: inset 0 0 0 1.5px var(--brand-color);
}

.woocommerce-checkout .wc-block-components-title.wc-block-components-title {
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    margin-bottom: calc(10px * var(--scale));
}

.woocommerce-checkout .wc-block-components-checkout-step__description {
    margin-bottom: calc(32px * var(--scale));
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    color: var(--light-text-color);
}

.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label,
.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input label,
.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input label {
    color: var(--text-color);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    margin-bottom: calc(7px * var(--scale)) !important;
    position: static !important;
    transform: none !important;
    order: 1 !important;
    font-weight: 500 !important;
    overflow: visible !important;
}

.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
    color: var(--brand-color);
    margin-bottom: calc(16px * var(--scale));
    margin-top: 0px;
}

.woocommerce-checkout .wc-block-components-text-input {
    margin: 0;
}

.is-large .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-large .wc-block-checkout__shipping-fields .wc-block-components-address-form,
.is-medium .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-medium .wc-block-checkout__shipping-fields .wc-block-components-address-form,
.is-small .wc-block-checkout__billing-fields .wc-block-components-address-form,
.is-small .wc-block-checkout__shipping-fields .wc-block-components-address-form {
    align-items: start;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input,
.woocommerce-checkout .wc-block-checkout__form .wc-blocks-components-select__container,
.woocommerce-checkout .wc-block-components-totals-coupon__form .wc-block-components-text-input {
    display: grid;
    height: auto !important;
}

.woocommerce-checkout .wc-block-components-totals-coupon__form button {
    height: calc(48px * var(--scale)) !important;
    margin-top: 33px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-validation-error {
    order: 3;
}

.woocommerce-checkout .wc-block-components-validation-error {
    padding: 0;
    margin-bottom: calc(10px * var(--scale));
}

.woocommerce-checkout .wc-block-components-validation-error>p {
    color: #cc1818;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
    box-shadow: var(--box_shadow);
    padding: calc(24px * var(--scale));
    border: none;
    border-radius: 0;
}

.woocommerce-checkout .wc-block-components-order-summary.is-large {
    padding: 0;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
    margin: 0;
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
    margin: 0 0 calc(16px * var(--scale)) 0;
    font-weight: 600;
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    letter-spacing: 0;
    vertical-align: middle;
}

.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-product-name {
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0;
    vertical-align: middle;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-weight: 500;
    font-size: var(--fs-18);
    line-height: var(--lh-18);
    letter-spacing: 0;
}

.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    font-weight: 400;
    color: var(--light-text-color);
}
.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata{
    display: none;
}

.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item {
    border-bottom: 1px solid var(--border-color);
}

.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
    border: 2px solid var(--brand-color);
    color: var(--brand-color);
}

.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    height: 48px;
}

.woocommerce-checkout .wc-block-components-text-input input[type=text] {
    margin: 0;
}

.woocommerce-checkout .wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {
    opacity: 1;
}

.woocommerce-checkout .wc-block-components-button:not(.is-link),
#order_review #place_order{
    background-color: var(--brand-color);
    color: var(--white-color) !important;
    border: none;
    border-radius: var(--radius-4);
    cursor: pointer;
    font-size: var(--fs-14);
    font-family: var(--font-family);
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: 500;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:focus {
    outline: none !important;
    outline-offset: 0;
}

.woocommerce-checkout .wp-block-button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.woocommerce-checkout .wp-block-button__link {
    box-shadow: none;
    text-decoration: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: var(--radius-4);
    background: var(--brand-color);
    color: var(--white-color);
    width: auto;
}

.woocommerce-checkout .wc-block-checkout-empty .wc-block-checkout-empty__image {
    max-width: 50px;
}


.woocommerce-checkout .wc-block-components-sidebar {
    padding-left: 0;
    width: 40%;
}

.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 60%
}
.ppcp-place-order-description {
    text-align: left;
}

 .woocommerce-cart .wc-proceed-to-checkout {
    padding-bottom: 0;
 }

.woocommerce .woocommerce-breadcrumb,
.woocommerce-breadcrumb {
    padding: 32px 0px !important;
    width: 100%;
    margin: 0 0 0;
}

.woocommerce .woocommerce-breadcrumb a,
.woocommerce-breadcrumb a {
    color: var(--brand-color) !important;
    text-decoration: underline;
    font-size: var(--fs-16);
    font-family: var(--font-family);
}

.woocommerce-info,
.woocommerce-message {
    border-top-color: var(--brand-color);
    background-color: transparent;
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-4);
}

.woocommerce-info::before,
.woocommerce-message::before {
    color: var(--brand-color);
}

.woocommerce-page .woocommerce-message .wc-forward {
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: var(--radius-4);
    background: var(--brand-color);
    color: var(--white-color);
}

.woocommerce-page .woocommerce-message:focus-visible {
    outline: none;
}

.woocommerce-page .editor-styles-wrapper,
.woocommerce-cart .entry-content {
    padding: calc(32px * var(--scale)) calc(32px * var(--scale)) calc(24px * var(--scale)) calc(32px * var(--scale));
}

.woocommerce-cart .entry-content {
    padding-bottom: 0;
}

.woocommerce-page .entry-content .wc-backward {
    font-weight: 500 !important;
    font-size: var(--fs-16);
    line-height: var(--lh-16);
    letter-spacing: 0px;
    text-transform: capitalize;
    border-radius: var(--radius-4);
    background: var(--brand-color);
    color: var(--white-color);
}

.woocommerce-page .entry-content .wc-backward:hover,
.woocommerce-page .woocommerce-message .wc-forward:hover {
    background: var(--brand-color);
    color: var(--white-color);
}

.woocommerce-account .entry-content {
    margin: calc(32px * var(--scale)) 0;
}

.woocommerce-lost-password .woocommerce-ResetPassword {
    padding: calc(32px * var(--scale));
}

.woocommerce form.woocommerce-ResetPassword .form-row {
    margin: 15px 0 0px;
}

@media (max-width: 767px) {

    .woocommerce-page .editor-styles-wrapper,
    .woocommerce-cart .entry-content {
        padding: 0;
    }
}

.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-orders .woocommerce-Button {
    background-color: var(--brand-color);
    color: var(--white-color);
    border: none;
    padding: calc(16px * var(--scale));
    border-radius: var(--radius-4);
    font-size: var(--fs-16);
    font-family: var(--font-family);
    cursor: pointer;
    font-weight: 500;
}

.woocommerce-lost-password .woocommerce-ResetPassword .woocommerce-Button:hover,
.woocommerce-orders .woocommerce-Button:hover {
    background-color: var(--brand-color);
    color: var(--white-color);
}

.woocommerce-orders-table__cell-order-actions a.woocommerce-button {
    margin: 0 3px;
    font-weight: 500;
}

.woocommerce-lost-password .woocommerce form .form-row .input-text {
    padding: calc(13px * var(--scale)) calc(16px * var(--scale));
    border: 1px solid var(--input-border-color);
    border-radius: var(--radius-4);
    height: calc(48px * var(--scale));
    max-width: 100%;
    font-size: var(--fs-14);
    font-family: var(--font-family);
    box-sizing: border-box;
    margin: 0px 7px 0 0;
}

.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-downloads .woocommerce-MyAccount-content .wc-forward {
    background-color: var(--brand-color);
    color: var(--white-color);
    border: none;
    padding: calc(16px * var(--scale));
    border-radius: var(--radius-4);
    font-size: var(--fs-16);
    font-family: var(--font-family);
    cursor: pointer;
    font-weight: 500;
}

.woocommerce-orders .woocommerce-MyAccount-content .woocommerce-Button:hover,
.woocommerce-downloads .woocommerce-MyAccount-content .wc-forward:hover {
    background-color: var(--brand-color);
    color: var(--white-color);
}

.restore-item {
    color: var(--brand-color);
}

.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
    width: 100%;
    border-radius: var(--radius-4);
    background: var(--white-color);
    border: 1px solid var(--input-border-color);
    font-size: 16px;
    padding: 11px;
    margin-bottom: 16px;
}
.woocommerce-input-wrapper > .select2-container {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
}
.woocommerce-input-wrapper .select2-container .select2-dropdown,
.woocommerce-input-wrapper .select2-container .select2-selection{
    border-radius: var(--radius-4);
    background: var(--white-color);
    border: 1px solid var(--input-border-color);
}
.select2-container .select2-dropdown,
.select2-container .select2-selection{
    border-color: var(--input-border-color);
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button.button,
.woocommerce-order a.button {
    background-color: var(--brand-color) !important;
    color: var(--white-color) !important;
    border: none;
    padding: calc(10px * var(--scale)) calc(16px * var(--scale));
    border-radius: var(--radius-4);
    font-size: var(--fs-16);
    font-family: var(--font-family);
    cursor: pointer;
    font-weight: 500;
    margin-top: 32px;
    line-height: initial;
}

.woocommerce-MyAccount-content a.button,
.woocommerce-order a.button {
    margin-top: 0px;
}
.woocommerce-orders-table__cell a.button,
.woocommerce-table--order-details a.button
{
    margin-top: 3px;
    margin-bottom: 3px;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content a.button.alt:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-order a.button:hover {
    background-color: var(--brand-color) !important;
    color: var(--white-color) !important;
    border: none;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    vertical-align: middle;
    margin-bottom: 10px;
}

.woocommerce-MyAccount-content fieldset {
    border: 1px solid var(--input-border-color);
    border-radius: var(--radius-4);
    padding: 32px;
}

.woocommerce-MyAccount-content legend {
    padding: 0px 10px;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    text-transform: capitalize;
}
.woocommerce-MyAccount-content .woocommerce-address-fields {
    margin-top: 20px;
}
:focus-visible {
    outline: none;
}

/* WooCommerce Shop Page CSS */
.shop_archive {
    display: flex;
    flex-direction: row-reverse;
    gap: 40px;
    margin-top: 40px;
}

.shop_archive #secondary {
    width: 300px;
}

.shop_archive .rightside {
    width: 100%;
}

.shop_archive .rightside .bs-grid.bs-grid-five {
    padding-top: 40px;
    border-top: 1px solid var(--border-color);
}

.shop_archive .woocommerce-ordering select {
    border: 1px solid #FCDDCA;
    padding: 10px;
    background-color: #FFF9F6;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fs-16);
}

.shop_archive .woocommerce-ordering:before {
    content: "Sort By";
    position: relative;
    top: 10px;
    right: 10px;
}

.shop_archive .woocommerce-result-count {
    color: var(--light-text-color);
    margin-top: 10px;
}

.woocommerce .shop_archive .woocommerce-pagination .page-numbers {
    border: none;
}

.woocommerce .shop_archive .woocommerce-pagination {
    margin-bottom: calc(32px * var(--scale));
}

.woocommerce .shop_archive .woocommerce-pagination li {
    border-right: none;
    margin: 0 8px;
    height: calc(30px * var(--scale));
    width: calc(30px * var(--scale));
    border-radius: 50%;
    color: var(--brand-color);
}

.woocommerce .shop_archive .woocommerce-pagination li .page-numbers {
    color: var(--brand-color);
    height: 100%;
    width: 100%;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--fs-16);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce .shop_archive .woocommerce-pagination li span.page-numbers.current {
    background: var(--brand-color);
    color: var(--wc-content-bg);
}

.woocommerce .shop_archive .woocommerce-pagination li .page-numbers.next {
    transform: rotate(180deg);
}

.shop_archive .widget-area h3 {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
}

.shop_archive .widget-area .shop-cat-filter {
    list-style: none;
}

.shop_archive .widget-area .shop-cat-filter li {
    position: relative;
}

.shop_archive .widget-area .shop-cat-filter li:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    top: 7px;
    left: -28px;
    border: 1px solid var(--light-text-color);
    border-radius: 50%;
}

.shop_archive .widget-area .shop-cat-filter li.active:before {
    border: 6px solid var(--brand-color);
}

.shop_archive .widget-area .shop-cat-filter li a {
    color: var(--light-text-color);
}

.shop_archive .widget-area .shop-cat-filter li.active a {
    color: var(--text-color);
    font-weight: 500;
}

.shop_archive .widget-area .wc-block-price-filter__range-input-progress {
    background: linear-gradient(to right, transparent var(--low), var(--brand-color) 0, var(--brand-color) var(--high), transparent 0) no-repeat 0 100% / 100% 100%;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.shop_archive .widget-area input[type=range]::-webkit-slider-thumb {
    background-color: var(--brand-color);
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Firefox */
.shop_archive .widget-area input[type=range]::-moz-range-thumb {
    background-color: var(--brand-color);
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Internet Explorer / Edge (old versions) */
.shop_archive .widget-area input[type=range]::-ms-thumb {
    background-color: var(--brand-color);
    border: none;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.shop_archive .widget-area .wc-block-components-product-rating__stars::before {
    color: var(--muted-text-color);
}

.shop_archive .widget-area .wc-block-components-product-rating__stars span::before {
    color: #FFCA28;
}

.shop_archive .widget-area .wp-block-woocommerce-rating-filter input {
    width: 18px;
    height: 18px;
    min-width: auto;
    min-height: auto;
    position: relative;
    margin: 6px 10px;
}

.shop_archive .widget-area .wc-block-components-checkbox__input[type=checkbox]:checked {
    background-color: var(--brand-color);
    border: 1px solid var(--brand-color);
}

.shop_archive .widget-area .wp-block-woocommerce-rating-filter .wc-block-components-checkbox__mark {
    width: 18px;
    height: 18px;
    margin: 6px 10px;
    fill: #fff;
}

.shop_archive .widget-area,
.shop_archive .widget_block {
    margin-bottom: 24px;
}

.shop_archive .widget-area .category-reset-filter {
    text-align: end;
    margin-bottom: 15px;
    text-decoration: underline;
}

/* Checkout page Css */
.woocommerce-order-received .status-publish .entry-header {
    padding: 32px 32px 20px;
}

.woocommerce-thankyou-order-received {
    font-size: var(--fs-24);
    font-weight: 600;
    padding: 0 32px 32px;
}

.woocommerce-thankyou-order-received span {
    color: var(--brand-color);
}

.woocommerce ul.order_details li {
    text-transform: none;
    color: var(--light-text-color);
    font-size: 16px;
}

.woocommerce ul.order_details li strong {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color);
    margin-top: 5px;
}

.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
    font-weight: 600;
    font-size: var(--fs-24);
    line-height: var(--lh-24);
    padding: 0 32px 20px 0;
}

.woocommerce table.shop_table {
    border-width: 1px 0px;
    border-radius: 0px;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td,
.woocommerce-checkout .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-checkout .woocommerce-customer-details .woocommerce-column__title{
    padding-left: 32px;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table tfoot th,
.woocommerce-checkout table.shop_table tfoot td {
    font-weight: 600;
}

.woocommerce-checkout table.shop_table td {
    font-size: var(--fs-16);
}

.woocommerce-checkout table.shop_table th {
    font-size: var(--fs-20);
    line-height: var(--fs-26);
}
.woocommerce-checkout table.shop_table td a {
    font-size: var(--fs-16);
    color: var(--text-color);
    text-wrap: wrap;
}

.product-total span.woocommerce-Price-amount.amount {
    font-size: var(--fs-16);
    line-height: var(--fs-26);
    color: var(--text-color);
    font-weight: 600;
}

.woocommerce .woocommerce-order-details {
    margin-bottom: 4em;
}

.woocommerce .woocommerce-customer-details {
    margin-bottom: 32px;
}

.woocommerce .woocommerce-customer-details address {
    border-width: 1px 0px;
    border-radius: 0px;
    padding: 20px 32px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 34px;
    color: var(--light-text-color);
}

.woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
    font-size: 16px;
    line-height: 34px;
}
.woocommerce td.product-name .wc-item-meta p{
    display: inline-block;
}
.woocommerce table.my_account_orders{
    font-size: initial;
}
.woocommerce #review_form #respond textarea{
    max-width: 100%;
}
.widget_search .wp-block-search__inside-wrapper {
    gap: 16px;
    flex-wrap: wrap;
}
.wp-block-search__label {
    font-size: var(--fs-20);
    line-height: var(--lh-20);
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
}
.wp-block-search__input {
    background-color: var(--white-color);
    color: var(--brand-color);
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-4);
    height: calc(48px * var(--scale));
}
.widget_search .wp-block-search__button{
    background-color: var(--white-color);
    color: var(--brand-color);
    border: 1px solid var(--brand-color);
    border-radius: var(--radius-4);
    cursor: pointer;
    font-size: var(--fs-14);
    font-family: var(--font-family);
    transition: background-color 0.3s ease, color 0.3s ease;
    font-weight: 500;
    height: calc(48px * var(--scale));
    margin: 0;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
        padding: 10px !important;
    }
    .woocommerce-checkout .wc-block-checkout__form .css-0.e19lxcc00 {
        padding-top: 36px;
    }
    .woocommerce-checkout .entry-content .wp-block-woocommerce-checkout {
        padding: 30px 0;
    }
    .woocommerce ul.order_details li{
        float: none;
        padding-bottom: 15px;
        border-right: 0px;
        padding-right: 0;
        margin-right: 0;
    }
    .woocommerce table.my_account_orders{
        border-width: 0;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
        width: 100%;
        float: none;
    }
    .woocommerce-MyAccount-content fieldset{
        padding: 15px;
    }
}
@media (max-width: 575px) {
    .main_header .left_side {
        padding-right: 15px;
    }
    #masthead .menu-toggle {
        width: 22px;
        height: 22px;
    }
    #masthead .main_header .cart_head .font-18{
        margin: 0;
    }
    #masthead .main_header .cart_head .cart_qty{
        position: absolute;
        top: calc(-8px * var(--scale));
        right: -15px;
        width: calc(20px * var(--scale));
        height: calc(20px * var(--scale));
    }
    .down-arrow, .up-arrow {
        display: none;
    }
    #masthead .menu-toggle{
        margin: 0px;
    }
    #masthead .my_account_box .my_account img{
        width: 28px;
    }
    #masthead .cart_item_details {
        position: fixed;
        width: calc(100% - 20px);
        right: 10px;
    }
}
@media screen and (max-width: 480px) {
    .woocommerce-order-received .status-publish .entry-header,
    .woocommerce .woocommerce-customer-details address{
        padding: 15px;
    }
    .woocommerce-thankyou-order-received,
    .woocommerce-order-details .woocommerce-order-details__title,
    .woocommerce-customer-details .woocommerce-column__title{
        padding: 0 15px 15px;
    }
    .woocommerce ul.order_details,
    .woocommerce-table--order-details .wc-item-meta{
        padding-left: 15px;
    }
    .woocommerce-checkout table.shop_table th,
    .woocommerce-checkout table.shop_table td,
    .woocommerce-checkout .woocommerce-order-details .woocommerce-order-details__title,
    .woocommerce-checkout .woocommerce-customer-details .woocommerce-column__title{
        padding: 15px 0 15px 15px;
    }
    #masthead .woocommerce-mini-cart__buttons{
        flex-wrap: wrap;
    }
    .woocommerce-MyAccount-content a.button, .woocommerce-order a.button {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
  .related_product .bs-grid.bs-grid-five{
    display: block;
  }

  .related_product .bs-grid.bs-grid-five .bs-comp-card-product {
    margin: 0 10px;
  }
}

pre {
  white-space: pre-wrap;     
  word-wrap: break-word;      
  overflow-wrap: break-word;
  margin-bottom:10px;
}