/**
Theme Name: Astra Child
Author: BHUBON NIL
Author URI: https://thedevnil.com/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
html{
	max-width: 100%;
	overflow-x: hidden;
}

.elementor-heading-title del {
    font-weight: 400;
    font-size: 15px;
}

.discount-container {
    margin: 0;
    padding: 0;
    margin-top: -3px;
}

.discount-container .original-price {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgb(115, 115, 115);
}

.discount-container .custom-discount-badge {
    background: rgb(242 127 32);
    color: #fff;
    font-family: 'Inter';
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    padding: 5px 12px;
    border-radius: 0 0 16px 0;
    margin: 0;
}


/*Product off badge*/
@media only screen and (max-width:768px){
    .discount-container {
        max-width: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .discount-container .original-price {
        font-size: 12px;
        line-height: 1;
        white-space: nowrap !important;
        width: auto !important;
        flex-shrink: 0;
    }
    
    .discount-container .custom-discount-badge {
        display: inline-block;
        white-space: normal !important;
        border-radius: 0 0 16px 0 !important;
        padding: 6px 6px;
        font-size: 11px;
        line-height: 1.1;
        margin-top: 3px;
    }
    
    .elementor-heading-title del {
        font-weight: 400;
        font-size: 12px;
    }
}

/*Default grid product design*/
li.ast-full-width.product.type-product {
    box-shadow: 0px 12px 16px -4px rgba(16, 24.000000000000014, 40, 0.08);
    border: 1px solid #E5E7EB;
    padding: 8px !important;
    border-radius: 4px;
}
li.ast-full-width.product.type-product img{
    border-radius: 4px;
}
.woocommerce-js ul.products li.ast-full-width.product.type-product .astra-shop-summary-wrap a.ast-loop-product__link h2{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: rgb(41, 41, 41);
}
.woocommerce-js ul.products li.ast-full-width.product.type-product .price del, .woocommerce-js ul.products li.ast-full-width.product.type-product .price del bdi{
     font-weight: 400;
    font-size: 15px;
}
.woocommerce-js ul.products li.ast-full-width.product.type-product .price bdi{
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    color: rgb(41, 41, 41);
}
/*woocommerce ad to cart button*/
.woocommerce-js .add_to_cart_button, .product_type_grouped {
    width: 100% !important;
    height: 40px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    background: transparent !important;
    border: 1px solid rgb(229 229 229) !important;
    color: #000 !important;
}

.woocommerce-js .add_to_cart_button:hover, .product_type_grouped:hover{
    color:#fff !important;
    background: rgb(242, 127, 32) !important;
}

.astra-shop-summary-wrap {
    padding: 0 10px;
}
/*Shop Now Button design*/

.custom-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px;
}

.custom-card-actions .button.custom-shop-now-btn, .view-product-btn a {
    background: transparent;
    color: #171717;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    border: 1px solid #e5e5e5;
    border-radius: 4px !important;
    padding: 6px 20px !important;
    width: 85%;
    text-align: center;
}

.woocommerce-js div.product form.cart .button{
    margin-bottom: 0;
}

/*Scroll to top*/
#ast-scroll-top {
    border: 2px solid rgb(242, 127, 32);
    color: rgb(242, 127, 32);
    border-radius: 50%;
}

/**/
.astra-shop-thumbnail-wrap  span.ast-on-card-button.ast-onsale-card {
    display: none;
}
.astra-shop-thumbnail-wrap  .ast-on-card-button {
    display: none !important;
}
.elementor-widget-search .e-search-input:focus {
    color: #000000;
}

/*Shop archive filters*/
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
    background: #E8E8E8;
    width: 80%;
    padding: 14px 12px;
    border-radius: 2px;
    margin-top: 0;
}

.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
    background-color: #E8E8E8;
    border: transparent;
    height: 44px;
    border-radius: 3px;
    padding: 0 8px !important;
}

.wc-block-product-filters__overlay h3.wp-block-heading {
    background: #E8E8E8;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: rgb(16, 21, 24) !important;
    padding: 12px;
}

/* Remove native browser track shadows & backgrounds completely */
.wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-runnable-track {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-track {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.wc-block-product-filter-price-slider .text input[type=text] {
    border: 1px solid rgb(232 232 232);
    border-radius: 4px;
    background: #fff;
    font-family: 'Inter';
    font-size: 14px;
}
/*Price reverse css*/
/* Swap sale price and original price positions */
.price {
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  gap: 8px !important; /* Adjust spacing between prices */
}

form.cart.e-loop-add-to-cart-form{
    width: 100%;
}

/*Single product page*/
.woocommerce-js div.product form.cart .variations {
    border-bottom: 0;
    margin-bottom: 0;
}

/* Container alignment */
.woocommerce-variation-price {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.woocommerce-variation-price bdi, 
.woocommerce-variation-price del bdi {
    font-size: 20px !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 28px !important;
    margin-bottom: 0 !important;
}

.woocommerce-variation-price del {
    text-decoration: none !important; /* Remove native broken strikethrough */
    position: relative !important;
    display: inline-block !important;
    opacity: 0.6; /* Fades the old price slightly */
}

.woocommerce-variation-price del::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
    height: 1.5px !important; /* Line thickness */
    background-color: currentColor !important; /* Matches text color */
    transform: translateY(-50%) !important;
    pointer-events: none;
}

.woocommerce-js div.product form.cart .single_variation_wrap .single_variation {
    margin-bottom: 5px;
}

.single_add_to_cart_button {
    background: #f27f20;
    color: #fff !important;
    height: 54px;
    padding: 18px 80px !important;
    text-transform: uppercase;
    border-radius: 4px !important;
    font-weight: 300 !important;
}

.woocommerce-js div.product p.ast-stock-detail .ast-stock-avail, .woocommerce-js div.product p.stock .ast-stock-avail {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 14px;
}

.woocommerce-js div.product .stock {
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    color: #F27F20;
}

.woocommerce-js div.product .product_meta {
    border-top: 0;
    margin-bottom: 0;
}


/*Thumbnail*/
.woocommerce-js div.product div.images.woocommerce-product-gallery .flex-viewport {
    box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.08);
    border-radius: 8px;
    margin-bottom: 40px;
}
.woocommerce-js div.product div.images .flex-control-thumbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    overflow-x: auto;
}

.woocommerce-js div.product div.images .flex-control-thumbs li {
    width: 90px;
}

.woocommerce-js div.product div.woocommerce-product-gallery--columns-4 .flex-control-thumbs li{
    margin: 0 !important;
}


/* Styling the Active Thumbnail */
.woocommerce-js div.product div.images .flex-control-thumbs li img.flex-active {
    border: 1px solid #F27F20 !important; /* Change color & width as needed */
    border-radius: 6px;
    opacity: 1 !important;
}

/* Optional: Smooth transition and hover state */
.woocommerce-js div.product div.images .flex-control-thumbs li img {
    border: 2px solid transparent; /* Prevents layout jump when border appears */
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
    cursor: pointer;
}

.woocommerce-js div.product div.images .flex-control-thumbs li img:hover {
    border-color: #F27F20;
}
.woocommerce .elementor-1286 .elementor-element.elementor-element-b527930 .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 24px 5px;
}

.woocommerce .elementor-1286 .elementor-element.elementor-element-b527930 .woocommerce-tabs ul.wc-tabs li a {
    border: 1px solid;
    border-radius: 4px;
}

.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active{
    background: #f27f20 !important;
    color: #fff !important;
    border-radius: 4px !important;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active a{
    color: #fff !important;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li.active::before{
    display: none;
}


/*woocommerce cart page design*/

/* 1. Page Title & Icon Styling */
.woocommerce-cart .entry-title,
.woocommerce-cart h1.page-title {
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    margin-bottom: 25px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 2. Main Two-Column Grid Layout */
.woocommerce-cart .woocommerce {
    display: grid !important;
    grid-template-columns: 1fr 340px !important; /* Left: Items (Flexible), Right: Sidebar (Fixed) */
    gap: 30px !important;
    align-items: start !important;
}

.woocommerce-cart .woocommerce-cart-form {
    grid-column: 1 !important;
}

.woocommerce-cart .cart-collaterals {
    grid-column: 2 !important;
    width: 100% !important;
    margin-top: 0 !important;
}

/* 3. Cart Table Header (Light Gray Card) */
.woocommerce table.shop_table.cart {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    border: none !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.woocommerce table.shop_table.cart thead th {
    background-color: #e2e2e2 !important;
    color: #333333 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 16px 20px !important;
    border: none !important;
    text-transform: none !important;
}

.woocommerce table.shop_table.cart thead tr th:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.woocommerce table.shop_table.cart thead tr th:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* 4. Cart Product Row (White Rounded Cards) */
.woocommerce table.shop_table.cart tr.cart_item td {
    background-color: #ffffff !important;
    border: none !important;
    padding: 16px 20px !important;
    vertical-align: middle !important;
}

.woocommerce table.shop_table.cart tr.cart_item td:first-child {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.woocommerce table.shop_table.cart tr.cart_item td:last-child {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

/* Thumbnail Image */
.woocommerce table.shop_table.cart td.product-thumbnail img {
    width: 55px !important;
    height: auto !important;
    border-radius: 6px !important;
}

/* Product Title & Prices */
.woocommerce table.shop_table.cart td.product-name a {
    color: #222222 !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-decoration: none !important;
}

.woocommerce table.shop_table.cart td.product-price,
.woocommerce table.shop_table.cart td.product-subtotal {
    font-weight: 600 !important;
    color: #1a1a1a !important;
    font-size: 15px !important;
}

/* Trash Icon (Red Remove Button) */
.woocommerce table.shop_table.cart td.product-remove a.remove {
    color: #e74c3c !important;
    font-size: 22px !important;
    background: transparent !important;
    line-height: 1 !important;
}

.woocommerce table.shop_table.cart td.product-remove a.remove:hover {
    color: #c0392b !important;
    background: transparent !important;
}

/* 5. Quantity Control Box */
.woocommerce .quantity .qty {
    width: 50px !important;
    height: 38px !important;
    border: 1px solid #e0e0e0 !important;
    background-color: #f5f5f5 !important;
    text-align: center !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

/* 6. Coupon Section Styling (Left Side, Below Items) */
.woocommerce table.shop_table.cart td.actions {
    background: transparent !important;
    padding: 20px 0 0 0 !important;
}

.woocommerce table.shop_table.cart td.actions .coupon {
    background: #e8e6e3 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    max-width: 350px !important;
}

.woocommerce table.shop_table.cart td.actions .coupon input.input-text {
    width: 100% !important;
    padding: 20px 16px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    margin: 0 !important;
    font-size: 14px !important;
}

.woocommerce table.shop_table.cart td.actions .coupon button.button {
    background-color: rgb(242, 127, 32) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    padding: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    width: 100% !important;
}

/* Hide Update Cart Button */
.woocommerce table.shop_table.cart td.actions button[name="update_cart"] {
    display: none !important;
}

/* 7. Cart Totals Box (Right Side Sidebar) */
.woocommerce .cart-collaterals .cart_totals {
    width: 100% !important;
    float: none !important;
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce .cart_totals h2 {
    display: none !important; /* Hides duplicate heading */
}

.woocommerce .cart_totals table {
    border: none !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

.woocommerce .cart_totals tr th,
.woocommerce .cart_totals tr td {
    border: none !important;
    background: transparent !important;
    padding: 10px 0 !important;
    font-size: 16px !important;
}

.woocommerce .cart_totals tr.order-total th {
    font-weight: 600 !important;
    color: #333333 !important;
}

.woocommerce .cart_totals tr.order-total td {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    text-align: right !important;
}

/* 8. Action Buttons (Continue Shopping + Checkout) */
.woocommerce .cart_totals .wc-proceed-to-checkout {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
}

/* Checkout Button */
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
    background-color: #0f171e !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 14px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
}


.woocommerce table.shop_table.cart {
    border-collapse: collapse !important;
}

tr.woocommerce-cart-form__cart-item.cart_item {
    border-bottom: 1px solid #0000001c !important;
}
.woocommerce-js table.shop_table td, .woocommerce-page table.shop_table td {
    border-top: 1px solid #0000001c !important;
}
@media (max-width: 768px) {
    .woocommerce-cart .woocommerce {
        grid-template-columns: 1fr !important; /* Stack columns */
    }

    .woocommerce-cart .cart-collaterals {
        grid-column: 1 !important;
    }

    .woocommerce table.shop_table.cart td.actions .coupon {
        max-width: 100% !important;
    }
    
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 18px 0;
    }
        .woocommerce-js #content table.cart td, .woocommerce-page #content table.cart td {
        padding: 0 !important;
    }
    .woocommerce-page #content table.cart td {
        width: 15%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .woocommerce-page #content table.cart td.product-remove {
        width: 6%;
        display: block !important;
    }
    .woocommerce-page #content table.cart td .coupon {
        width: 100%;
        margin-top: 15px !important;
    }


    .woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item.cart_item td::before {
        display: none;
    }

    .woocommerce table.shop_table_responsive tr.cart_item, 
    .woocommerce-page table.shop_table_responsive tr.cart_item {
        display: grid !important;
        /* Columns: [Remove] [Image+Title Block] [Price] [Qty] [Total] */
        grid-template-columns: 24px minmax(80px, 120px) auto auto auto !important;
        gap: 8px 10px !important;
        align-items: center !important;
        padding: 8px 0 !important;
        border-bottom: 1px solid #eeeeee !important;
    }


    .woocommerce-page #content table.cart td.product-name {
        grid-column: 2 !important;
        grid-row: 2 !important;
        text-align: center !important;
        width: 100% !important;
        min-height: 21px !important;
    }

    .woocommerce-page #content table.cart td.product-name a {
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #111111 !important;
        text-decoration: none !important;
        line-height: 1.2 !important;
        display: block !important;
        word-break: normal; /* Allows wide names to fit nicely */
        width: 250px;
        text-align: left;
    }
    
    .woocommerce-page #content table.cart  td.actions {
        width: 100% !important;
        border-top: 0 !important;
    }
    .cart_totals table tr {
        display: block !important;
        text-align: left !important;
    }
    
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        padding: 0;
    }
    
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        font-size: 14px;
        font-weight: 400;
    }
    .woocommerce .cart-collaterals .cart_totals * {
        font-size: 14px !important;
    }
    .woocommerce-page table.shop_table td[data-title="Subtotal"] {
        border-top: 0 !important;
    }
    .woocommerce-page table.shop_table_responsive tr.cart_item:first-child {
        border-top: 1px solid #eeeeee !important;
    }
}


/*Checkout page*/

.woocommerce-checkout {
    font-family: 'Inter';
    color: #1f2937;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #f97316 !important;
    border-radius: 8px !important;
    padding: 14px 18px 14px 50px !important;
    font-size: 14px !important;
    color: #334155 !important;
    margin-bottom: 28px !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #f97316 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 1fr 420px !important;
    gap: 36px !important;
    align-items: start !important;
}

.woocommerce-checkout #customer_details {
    width: 100% !important;
    float: none !important;
}

.woocommerce-checkout h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #f1f5f9 !important;
    letter-spacing: -0.3px !important;
}

.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
    padding: 0 !important;
}

.woocommerce-checkout .form-row label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-checkout .form-row label .required {
    color: #ef4444 !important;
    text-decoration: none !important;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 46px !important;
    padding: 10px 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #0f172a !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce-checkout textarea {
    height: 100px !important;
    resize: vertical !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus {
    border-color: #f97316 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15) !important;
}

.woocommerce-checkout .form-row .input-checkbox {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
    accent-color: #f97316 !important;
}

.woocommerce-checkout #order_review_heading {
    display: none !important;
}

.woocommerce-checkout #order_review {
    width: 100% !important;
    float: none !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 24px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    position: sticky !important;
    top: 24px !important;
}

.woocommerce-checkout table.shop_table {
    border: none !important;
    margin-bottom: 20px !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
    padding: 12px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    font-size: 14px !important;
}

.woocommerce-checkout table.shop_table th {
    font-weight: 700 !important;
    color: #334155 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
}

.woocommerce-checkout table.shop_table td.product-name {
    color: #1e293b !important;
    font-weight: 500 !important;
}

.woocommerce-checkout table.shop_table td.product-total,
.woocommerce-checkout table.shop_table tr.order-total td {
    text-align: right !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.woocommerce-checkout table.shop_table tr.order-total th,
.woocommerce-checkout table.shop_table tr.order-total td {
    font-size: 16px !important;
    border-bottom: none !important;
    padding-top: 16px !important;
}

.woocommerce-checkout #payment {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 14px !important;
    font-size: 13px !important;
    color: #475569 !important;
    margin-top: 10px !important;
}

.woocommerce-checkout #place_order {
    width: 100% !important;
    background-color: #f97316 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25) !important;
}

.woocommerce-checkout #place_order:hover {
    background-color: #ea580c !important;
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.35) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
    font-size: 12px !important;
    color: #64748b !important;
    margin-bottom: 16px !important;
    line-height: 1.5 !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a {
    color: #f97316 !important;
    text-decoration: underline !important;
}

@media (max-width: 991px) {
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .woocommerce-checkout #order_review {
        position: static !important;
    }
}

@media (max-width: 600px) {
    .woocommerce-checkout form.checkout {
        gap: 20px !important;
    }

    .woocommerce-checkout #order_review {
        padding: 16px !important;
    }

    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100% !important;
        float: none !important;
    }

    .woocommerce-checkout #place_order {
        padding: 12px 16px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
  .ast-container, 
  .ast-container-fluid {
    padding-left: 10px !important; /* Adjust to 0px or whatever you need */
    padding-right: 10px !important;
  }
  
  li.ast-full-width.product.type-product {
        max-width: 172px;
  }
  
  .woocommerce-js ul.products li.ast-full-width.product.type-product .astra-shop-summary-wrap a.ast-loop-product__link h2 {
        font-size: 14px;
        line-height: 24px;
    }
    
    .woocommerce-js ul.products li.ast-full-width.product.type-product .price bdi {
        font-size: 14px;
        line-height: 24px;
    }
    .woocommerce-js .add_to_cart_button, .product_type_grouped {
        width: 100% !important;
        height: 30px;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 4px !important;
        background: transparent !important;
        border: 1px solid rgb(229 229 229) !important;
        color: #000 !important;
        font-size: 13px !important;
        margin: 0 0 5px 0 !important;
    }
    
    /*filtering*/
    .woocommerce.columns-4 {
        display: flex;
        flex-wrap: wrap;
    }
    
    .woocommerce.columns-4 p.woocommerce-result-count {
        width: 52%;
        margin-right: auto;
    }
    
    .woocommerce.columns-4 form.woocommerce-ordering {
        width: 42%;
    }
    .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
        height: 44px;
        background: #E8E8E8;
        padding: 14px 6px;
        border-radius: 2px;
        margin-top: 0;
        font-size: 12px;
        vertical-align: middle;
        align-items: center;
        line-height: 20px;
    }
    .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {
        background-color: #E8E8E8;
        border: transparent;
        border-radius: 3px;
        font-size: 12px;
        height: 44px;
    }
    
}

a.added_to_cart.wc-forward{
    display: none !important;
}

/*woocommerce notice wrapper*/

.woocommerce-message, 
.woocommerce-info, 
.woocommerce-error {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 14px 20px 14px 50px !important;
    margin-bottom: 24px !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 4px solid #10b981 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    line-height: 1.5 !important;
    margin-top: 15px;
    outline: none !important;
}

.woocommerce-message::before, 
.woocommerce-info::before, 
.woocommerce-error::before {
    font-size: 18px !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

.woocommerce-message {
    border-left-color: #10b981 !important;
}

.woocommerce-info {
    border-left-color: #f97316 !important;
}

.woocommerce-error {
    border-left-color: #ef4444 !important;
}

.woocommerce-message .button, 
.woocommerce-info .button, 
.woocommerce-error .button {
    order: 2 !important;
    margin-left: auto !important;
    background-color: #f97316 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 2px 6px rgba(249, 115, 22, 0.2) !important;
}

.woocommerce-message .button:hover, 
.woocommerce-info .button:hover, 
.woocommerce-error .button:hover {
    background-color: #ea580c !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3) !important;
}

@media (max-width: 576px) {
    .woocommerce-message, 
    .woocommerce-info, 
    .woocommerce-error {
        padding: 12px 16px 12px 50px !important;
        font-size: 13px !important;
    }

    .woocommerce-message .button, 
    .woocommerce-info .button, 
    .woocommerce-error .button {
        width: 100% !important;
        text-align: center !important;
        margin-top: 4px !important;
    }
}

/*my account page*/
header.entry-header .entry-title {
    text-align: center;
}
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

.woocommerce-MyAccount-navigation {
    width: 260px !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.woocommerce-MyAccount-navigation ul li {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease-in-out !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #fff7ed !important;
    color: #f97316 !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: #f97316 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(249, 115, 22, 0.25) !important;
}

.woocommerce-MyAccount-content {
    flex-grow: 1 !important;
    width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 28px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    font-size: 15px !important;
    color: #334155 !important;
    line-height: 1.6 !important;
}

.woocommerce-MyAccount-content a {
    color: #f97316 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 16px !important;
}

@media (max-width: 850px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
        gap: 20px !important;
    }

    .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }

    .woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
        gap: 6px !important;
    }

    .woocommerce-MyAccount-navigation ul li a {
        text-align: center !important;
        padding: 10px 12px !important;
        font-size: 13px !important;
    }

    .woocommerce-MyAccount-content {
        padding: 20px !important;
    }
}
.woocommerce-account.logged-in .woocommerce {
    display: flex !important;
    gap: 32px !important;
    align-items: flex-start !important;
}

.woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 1000px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

#customer_login {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    flex: 1 1 380px !important;
    max-width: 460px !important;
    width: 100% !important;
    float: none !important;
}

.woocommerce-account form.login,
.woocommerce-account form.register {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 32px 28px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    margin: 0 !important;
}

.woocommerce-account h2 {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 20px !important;
    text-align: left !important;
}

.woocommerce-account .form-row {
    margin-bottom: 16px !important;
    padding: 0 !important;
}

.woocommerce-account .form-row label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-account .form-row label .required {
    color: #ef4444 !important;
}

.woocommerce-account form .input-text {
    width: 100% !important;
    height: 46px !important;
    padding: 10px 14px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #0f172a !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.woocommerce-account form .input-text:focus {
    border-color: #f97316 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15) !important;
}

.woocommerce-account .woocommerce-form-login__remember-me {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #475569 !important;
    margin: 12px 0 20px 0 !important;
}

.woocommerce-account .woocommerce-form-login__remember-me input {
    width: 16px !important;
    height: 16px !important;
    accent-color: #f97316 !important;
    margin: 0 !important;
}

.woocommerce-account button.button {
    width: 100% !important;
    background-color: #f97316 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25) !important;
}

.woocommerce-account button.button:hover {
    background-color: #ea580c !important;
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.35) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-account .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 16px !important;
    margin-bottom: 0 !important;
}

.woocommerce-account .woocommerce-LostPassword a {
    color: #f97316 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.woocommerce-account .woocommerce-LostPassword a:hover {
    text-decoration: underline !important;
}

@media (max-width: 768px) {
    #customer_login {
        flex-direction: column !important;
    }

    #customer_login .u-column1,
    #customer_login .u-column2 {
        max-width: 100% !important;
    }

    .woocommerce-account form.login,
    .woocommerce-account form.register {
        padding: 20px 16px !important;
    }
}