/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
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
*/

/* 
 * Site setting-->Custom css -STARTS HERE
*/

.read-more-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 10;   /* Show 10 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.read-more-state {
  display: none;
}

.read-more-state:checked ~ .read-more-wrap {
  -webkit-line-clamp: unset;
  overflow: visible;
}

.read-more-trigger {
  display: inline-block;
  color: #0073e6;
  font-weight: bold;
  cursor: pointer;
}

.read-more-trigger::before {
  content: "Read more";
}

.read-more-state:checked ~ .read-more-trigger::before {
  content: "Read less";
}
/* Prevent disappearing on hover/click */
.iksm-term__link:hover,
.iksm-term__link:focus,
.iksm-term__link:active {
    background-color: #f0f0f0; /* Light gray background on hover */
    color: #0073aa !important; /* Change to your preferred active text color */
    font-weight: 700;
    text-decoration: none;
    outline: none;
    display: flex;
}

/* Optional: Add an 'active' style to currently selected subcategory */
.iksm-term__link.active {
    background-color: #e0f7ff;  /* Highlight active category */
    color: #0073aa !important;
    font-weight: 700;
}
/* Highlight the active subcategory properly */
.iksm-5002 .iksm-term--child.iksm-term--current > .iksm-term__inner .iksm-term__link {
    background-color: #e0f7ff; /* Light blue background */
    color: #0073aa !important; /* Blue text color */
    font-weight: 700;
    border-radius: 4px;
}


/* Fix uneven button heights and alignment in WooCommerce product grid */

.woocommerce ul.products li.product .button {
    min-height: 48px;              /* Force consistent button height */
    display: inline-flex;          /* Flex to center contents */
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px 20px;            /* Consistent padding */
    white-space: nowrap;          /* Prevent button text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis;      /* Gracefully handle overflow text */
}

/* Optional: Ensure entire product card aligns elements consistently */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    margin-top: auto !important;
    align-self: flex-start; /* optional: keep it left aligned */
}
/* Additional padding fix for cart drawer */
.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart {
    padding: 2.3em !important;
    flex: 1 !important;
    overflow: auto !important;
}
/* Move close (remove) button higher */
.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart a.remove {
    position: absolute;
    top: -0.5em; /* Move it higher */
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 16px;
    z-index: 10; /* Ensure it stays on top */
}

/* Optional: Adjust the parent container if needed */
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    position: relative;
    padding-top: 2em; /* Leave space for button */
}
/* Increase Astra cart drawer width */
.ast-desktop .astra-cart-drawer {
    width: 450px !important;
}

/* Optional: Ensure inner content fits */
.astra-cart-drawer .astra-cart-drawer-content {
    max-width: 100%;
    overflow-x: auto;
}
/* Base style: remove button position */
.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart a.remove {
    position: absolute;
    top: -0.5em;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 16px;
    z-index: 10;
}

/* Parent item padding to avoid overlap */
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
    position: relative;
    padding-top: 2em;
}

/* Mobile-only: adjust close button a bit lower */
@media (max-width: 767px) {
    .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart a.remove {
        top: 0.6em !important; /* Adjusted from -0.2em to 0.4em */
    }

    .woocommerce .widget_shopping_cart .cart_list li,
    .woocommerce.widget_shopping_cart .cart_list li {
        padding-top: 3em; /* Keep extra space for the button */
    }
}

/* Reduce top padding only */
.astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart {
    padding: 0.8em 2.0em 1.3em !important; /* top right/left bottom */
    flex: 1 !important;
    overflow: auto !important;
}

.password-wrapper {
  position: relative;
  width: 100%;
}

.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
  width: 100%;
  padding-right: 3em; /* space for the eye icon */
  background: var(--ast-comment-inputs-background);
  box-sizing: border-box;
}

.toggle-password {
  position: absolute;
  top: 50%;
  right: 0.8em;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 1.1em;
  color: var(--ast-global-color-5);
  background: transparent;
  border: none;
  padding: 0;
  line-height: 1;
  z-index: 10;
}

/* Target only the "previous" arrow */
.woocommerce nav.woocommerce-pagination ul li:first-child a.page-numbers {
    padding-top: 8px;
    padding-bottom: 13.3px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Target only the "next" arrow */
.woocommerce nav.woocommerce-pagination ul li:last-child a.page-numbers {
    padding-top: 9px;
    padding-bottom: 13.3px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Pagination list items styling */
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
  display: inline-block;
  height: 40px;
}

/* Custom product grid border radius on mobile */
@media (max-width: 767px) {
  .custom-product-grid ul li {
    border-radius: 0px !important;
  }
}

/* Make product cards uniform in height */
ul.products.elementor-grid.columns-3 > li {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Inner wrapper grows to fill space */
ul.products.elementor-grid.columns-3 > li .astra-shop-summary-wrap {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Add spacing between elements */
ul.products.elementor-grid.columns-3 li .ast-woo-product-category {
  margin-bottom: 5px;
}

ul.products.elementor-grid.columns-3 li h2.woocommerce-loop-product__title {
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 16px;
  word-break: break-word;
}

/* Keep price and button at bottom */
ul.products.elementor-grid.columns-3 > li .astra-shop-summary-wrap .price {
  margin-top: auto;
  margin-bottom: 10px;
}

/* Align Add to Cart button */
ul.products.elementor-grid.columns-3 > li .button {
  align-self: flex-start;
}

/* Ensure pagination buttons fill completely with background */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
}

/* Style for current page */
.woocommerce nav.woocommerce-pagination ul li > span.current,
.woocommerce nav.woocommerce-pagination ul li > .page-numbers {
  border-color: #055cbe;
}

/* Hover/focus + active page styling */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #055cbe;
  color: var(--ast-global-color-5);
  border-color: #055cbe;
}

/* Remove unwanted outline/shadow */
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li span:focus {
  outline: none;
  box-shadow: none;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 12.5px 20px !important;
}


@media screen and (min-width: 451px) and (max-width: 768px) {
    .elementor-6705 .elementor-element.elementor-element-ea3815d img {
        width: 39%;
        padding-bottom: 45px;
    }
}

@media (min-width: 1025px) and (max-width: 1105px) {
  ul.products.elementor-grid.columns-3 > li {
    display: flex;
    flex-direction: column;
  }

  ul.products.elementor-grid.columns-3 > li .astra-shop-summary-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 300px;
  }

  ul.products.elementor-grid.columns-3 > li .astra-shop-summary-wrap .price {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 2px 0;
    margin-top: auto;
  }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce-page ul.products li.product .woocommerce-loop-product__title, .wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {

    padding-bottom: 25px;
}

.page-id-998 .woocommerce .button.wc-backward {
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 24px !important;   /* remove vertical padding */
  line-height: 1.2 !important;
  font-size: 14px;              /* optional: adjust as needed */
  text-align: center;
}

/* 
 * Site setting-->Custom css  - ENDS HERE
*/

/* ================================================================================================================== */

/* 
 * Appearence--->custom css - STARTS HERE
*/

/* .ast-plain-container.ast-no-sidebar #primary{
	margin-top:70px;
	margin-bottom:50px;
}

@media only screen and (max-width: 767px) {
	.ast-plain-container.ast-no-sidebar #primary{
        margin-top:40px;
        margin-bottom:20px;
    }
}

a:where(:not(.wp-element-button)){
	text-decoration:none;
}

.woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping),.ast-continue-shopping,.astra-cart-drawer-content .woocommerce-mini-cart__buttons{
	color: #FFFFFF !important;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove{
	right:-15px;
}

button.show-password-input::before {
    content: "\f177";
    font-family: "Dashicons";
    font-size: 18px;
}

.woocommerce-pagination{
	text-align:center;
}

#masthead .ast-container{
	padding-right:45px;
	padding-left:45px;
}

.ast-builder-menu-1 .menu-item:hover > .menu-link,.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link{
	font-weight: 700;
}

.menu-link{
	transition: font-weight 9.2s ease !important;
}

.woocommerce-cart-form .coupon{
	position:relative;
  margin:10px 0 !important;
}

.woocommerce-cart-form .coupon-error-notice {
	position: absolute;
    top: 43px;
    font-size: 14px;
}

.woocommerce-cart-form button[name="update_cart"] {
    display: none !important;
}

.ast-icon.icon-arrow{
	display:flex;
}
.woocommerce-message .wc-forward{
	margin-top:10px !important;
}

.woocommerce div.product div.images img {
    height: 500px;
    object-fit: cover;
    width: 100%;
}

.price{
	margin-top:20px;
}

.cart{
	margin-top:20px;
}

.related.products .astra-shop-summary-wrap .ast-loop-product__link,.custom-product-grid .woocommerce-loop-product__title,.woocommerce-js ul.products li.product a.ast-loop-product__link {
    height:165px;
}

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

@media (min-width: 768px) {
  .custom-product-grid .product-title-responsive {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
}

@media (max-width: 767px) {
    .custom-product-grid .woocommerce-loop-product__title {    
        text-overflow: ellipsis !important;
        display: block !important;
		width: 100% !important;
    }

.related.products .astra-shop-summary-wrap .ast-loop-product__link,.custom-product-grid .woocommerce-loop-product__title,.woocommerce-js ul.products li.product a.ast-loop-product__link {
	height:37px;
}
}

@media (max-width: 921px) {
    .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle {
        top: 12px;
    }
}

.woocommerce-Price-currencySymbol{
    font-size: 15px;
}

.woocommerce-Price-amount{
	font-size: 26px;
}

.nswiper.nickx-slider-nav{
	margin-top: 50px;
  border-top:1px solid;
}
.woocommerce-products-header__title{
	font-size:35px;
}

@media only screen and (max-width: 1024px) {
    .woocommerce-products-header__title{
        font-size:30px;
    }
}

@media only screen and (max-width: 767px) {
    .products li{
        border-style: solid;
        border-width: 1px;
        border-radius: 16px;
        box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.5);
        border-color: #E7E7E7;
        padding: 10px;
    }
	.products li .astra-shop-thumbnail-wrap{
        margin: 10px;
    }
	.woocommerce-products-header__title{
        font-size:23px;
    }
}

.woocommerce-js .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    border: 1px solid #ccc !important; 
    border-radius: 4px;               
    background-color: #fff;           
    padding: 6px 10px;                 
}

.woocommerce-js .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
    border: 1px solid #ccc !important;
    border-radius: 4px;
    background-color: #fff;
    padding: 6px 10px;
    width: 240px !important; 
}*/
/* Add bottom border and full width 
.iksm-5002 .iksm-term__inner {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding-bottom: 6px;
    margin-bottom: 10px;
    background-color: transparent !important;
}*/

/* Remove gray background on hover 
.iksm-5002 .iksm-term__inner:hover {
    background-color: transparent !important;
}*/

/* Remove gray background on active/selected state 
.iksm-5002 .iksm-term__inner.iksm-term--current {
    background-color: transparent !important;
}

.ast-header-account a svg {
    width: 23px !important;
    height: 23px !important;
}

.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
    padding: 6px !important; 
    font-size: 24px !important; 
}

.nswiper.nickx-slider-nav .nswiper-slide {
    max-height: 210px;
    max-width: 210px;
    border: 1px solid #cdcdcd !important;
    overflow: hidden;
}

.selector-name {  
    height: 0px !important;
    line-height: 0px !important;
    min-height: 40px !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 11.5px 20px !important;
}

/*.quantity .plus,
.quantity .minus,
.woocommerce .quantity .plus,
.woocommerce .quantity .minus,
.woocommerce .product .quantity .plus,
.woocommerce .product .quantity .minus {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
    font-size: 18px !important;
    height: 39px !important;
    width: 38px !important;
    padding: 0 !important;
    box-sizing: border-box;
		top: -0.5px;
} 

.woocom.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
  
    height: 50px !important; 
    line-height: 20px !important;
    padding: 21px 20px !important; 
    font-size: 14px !important;
    font-size: 0.875rem !important;
    box-sizing: border-box !important;
    margin-left: 20px !important; 
    display: inline-block !important;
    vertical-align: top !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
    text-align: center !important;
}

.woocom.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
  
    height: 50px !important; /
    line-height: 20px !important;
    padding: 21px 20px !important; 
    font-size: 14px !important;
    font-size: 0.875rem !important;
    box-sizing: border-box !important;
    margin-left: 20px !important;
    display: inline-block !important;
    vertical-align: top !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-radius: 0px !important;
    text-align: center !important;
}

.woocommerce .woocommerce-cart-form .coupon input[name="coupon_code"],
.woocommerce-page .woocommerce-cart-form .coupon input[name="coupon_code"],
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    padding: 21px 20px !important;
    text-align: center !important;
}

.quantity .minus,
.quantity .plus,
.woocommerce-js .quantity .minus,
.woocommerce-js .quantity .plus {
    width: 38px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: transparent !important;
    border: 1px solid var(--ast-border-color) !important;
    color: var(--ast-global-color-3) !important;
    outline: 0 !important;
    font-weight: 400 !important;
    z-index: 3 !important;
    padding-bottom: 5px !important; 
    font-size: 16px !important;   
}

.woocommerce-js .quantity .minus,
.woocommerce .quantity .plus {
    font-size: 18px !important;
    padding-bottom: 10px !important;
}*/

/* Prevent disappearing on hover/click 
.iksm-term__link:hover,
.iksm-term__link:focus,
.iksm-term__link:active {
    background-color: #f0f0f0; 
    color: #0073aa !important; 
    font-weight: 700;
    text-decoration: none;
    outline: none;
    display: flex;
}


.iksm-term__link.active {
    background-color: #e0f7ff;  
    color: #0073aa !important;
    font-weight: 700;
}

.woocommerce nav.woocommerce-pagination ul li > span.current,
.woocommerce nav.woocommerce-pagination ul li > .page-numbers {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: auto;
}

.woocommerce-js nav.woocommerce-pagination ul li a,
.woocommerce-js nav.woocommerce-pagination ul li span {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5em;
}*/

/* 
 * Appearence--->custom css - ENDS HERE
*/

/* ================================================================================================================== */

/* 
 * Advance tab-Section(talk to us)-Custom css - STARTS HERE
*/

/* Full-width section styling + alignment + spacing */
.elementor-element.elementor-element-220791b7 {
    min-height: 400px !important; /* Adjust as needed */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column;
    text-align: center;

    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding: 0 !important;
    position: relative;
    left: 0 !important;
}

/* Ensure inner container spans full width */
.elementor-element.elementor-element-220791b7 .elementor-container,
.elementor-element.elementor-element-220791b7 .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Prevent layout issues from padding/margin/border */
.elementor-element.elementor-element-220791b7 *,
.elementor-element.elementor-element-220791b7 *::before,
.elementor-element.elementor-element-220791b7 *::after {
    box-sizing: border-box !important;
}

/*Mobile Fix: Remove white space at bottom */
@media (max-width: 768px) {
    .elementor-element.elementor-element-220791b7 {
        min-height: 450px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .elementor-element.elementor-element-220791b7 .elementor-widget-wrap {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .elementor-element.elementor-element-220791b7 .elementor-container {
        padding-bottom: 0 !important;
    }

    .elementor-element.elementor-element-220791b7 .elementor-button {
        margin-bottom: 0 !important;
    }
}

/* 
 * Advance tab-Section(talk to us)-Custom css - ENDS HERE
*/

/* ================================================================================================================== */

/* 
 * Cart page-->section-->Advance tab -->Custom css - STARTS HERE
*/

.quantity .minus,
.woocommerce-js .quantity .plus {
  width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid var(--ast-border-color);
  color: var(--ast-global-color-3);
  outline: 0;
  font-weight: 400;
  z-index: 3;
  padding-bottom: 5px;
  font-size: 16px;
}

/* Default: side-by-side layout on desktop and tablet */
.woocommerce-cart table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

/* Input and Button width by default */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .button,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .coupon .button {
  width: 48%;
}

/* Placeholder styling */
.woocommerce table.cart td.actions .coupon .input-text::placeholder {
  text-align: center;
  white-space: pre-line;
  line-height: 1.2;
}

/* Style for the input field */
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  padding: 0 10px;
  min-height: 48px;
  height: 48px;
  line-height: 48px;
  box-sizing: border-box;
  white-space: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0px;
  font-family: inherit;
}

/* Style for the Apply Coupon button */
.woocommerce table.cart td.actions .coupon .button {
  min-height: 48px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Tablet narrow view (545px–600px): side-by-side and centered */
@media (min-width: 545px) and (max-width: 600px) {
  .woocommerce-cart table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon .input-text {
    flex: 1 1 60%;
    min-width: 150px;
  }

  .woocommerce-cart table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .button {
    flex: 0 0 auto;
    white-space: nowrap;
  }
}

/* Mobile view (≤600px): improved visual match */
@media (max-width: 600px) {
  .woocommerce-cart table.cart td.actions .coupon,
  .woocommerce table.cart td.actions .coupon,
  .woocommerce-page table.cart td.actions .coupon {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon .input-text {
    width: 100% !important;
    max-width: 320px;
    height: 50px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6e6e6e;
    box-sizing: border-box;
    font-family: inherit;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text::placeholder,
  .woocommerce table.cart td.actions .coupon .input-text::placeholder,
  .woocommerce-page table.cart td.actions .coupon .input-text::placeholder {
    color: #6e6e6e;
    font-weight: 600;
    text-align: center;
  }

  .woocommerce-cart table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .button {
    width: 100% !important;
    max-width: 320px;
    height: 50px;
    background-color: #002ddc; /* exact blue from your screenshot */
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    text-align: center;
    display: block;
    cursor: pointer;
    box-sizing: border-box;
    font-family: inherit;
  }
}

@media (max-width: 600px) {
  .woocommerce-cart table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .button,
  .woocommerce-page table.cart td.actions .coupon .button {
    padding-left: 40px;  /* Increase or decrease as needed */
    padding-right: 40px;
  }
}


@media (max-width: 921px) {
  .woocommerce #content table.cart td.actions .coupon .button,
  .woocommerce-page #content table.cart td.actions .coupon .button,
  .woocommerce table.cart td.actions .coupon .button {
    margin-left: -4px !important;
  }
}


/* Proceed to checkout button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  line-height: 6px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding-top: 1.2em;
  padding-bottom: 1.44em;
  padding-left: 1.2em;
  padding-right: 1.2em;
  font-size: 1.2em;
  line-height: 1.2;
  text-align: center;
}

@media (max-width: 600px) {
    .woocommerce-cart-form .coupon-error-notice {
        top: 65px !important;
        
    }
}


@media (max-width: 600px) {
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
        font-size: 14px;     
    }
}


@media (min-width: 601px) and (max-width: 921px) {
    .woocommerce-cart-form .coupon {
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    .woocommerce-cart-form .coupon-error-notice {
        position: absolute;
        top: 60px;
        left: 0; /* aligns under input */
        margin-top: 4px;
        transform: none !important;
        width: auto;
    }

    /* Optional: Scope more tightly if needed */
    .woocommerce-cart-form .coupon input + .coupon-error-notice {
        left: 0;
    }
}

@media (min-width: 601px) and (max-width: 921px) {
    .woocommerce-cart-form .coupon-error-notice {
        left: 22px !important;
    }
}

@media only screen and (max-width: 600px) {
    .woocommerce #content table.cart td.actions .coupon,
    .woocommerce table.cart td.actions .coupon,
    .woocommerce-page #content table.cart td.actions .coupon,
    .woocommerce-page table.cart td.actions .coupon {
        gap: 20px !important;
    }
}

/* 
 * Cart page-->section-->Advance tab -->Custom css - ENDS HERE
*/