/* Make footer full width on all pages */
.elementor-location-footer .elementor-container,
.elementor-location-footer .e-con {
    max-width: 100% !important;
    width: 100% !important;
}
/* Hide the entire xoo-el popup notice */
.xoo-el-popup-notice {
    display: none !important;
}
html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}
.xoo-el-container {
    position: fixed !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.xoo-el-popup-active {
    height: auto !important;
}

body {
    min-height: auto !important;
}
/* Fix blank space after footer */
.elementor-location-footer,
.elementor-location-footer .elementor,
.elementor-location-footer .e-con,
footer.elementor-location-footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
}

#page {
    overflow: hidden;
}
.site,
.site-content,
.content-area,
.elementor,
.elementor-section-wrap,
.elementor-location-footer,
footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
}

footer {
    position: relative !important;
}

.elementor-spacer,
.spacer {
    display: none !important;
}
/* Force 3 Items Per Row in WooCommerce */
.products.columns-4, 
.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* Forces 3 columns */
    gap: 20px !important;
}

/* Apply your custom styling to WooCommerce Product Cards */
ul.products li.product {
    border: 1px solid #e6eaed !important; /* Your grey border */
    border-radius: 12px !important;
    overflow: hidden !important;
    text-align: center !important;
    background: #fff !important;
    padding: 0 0 15px 0 !important;
}

/* Style the Image area to look like your Grey Header */
ul.products li.product .woocommerce-loop-product__link {
    display: block;
    background: #e6eaed; /* Your specific grey */
    padding: 20px;
}

/* Style the Add to Cart Button */
ul.products li.product .button {
    background-color: #0077c5 !important; /* Your brand blue */
    color: #fff !important;
    border-radius: 5px !important;
    padding: 10px 20px !important;
    margin: 10px !important;
}

/* Mobile Responsive Fix */
@media (max-width: 768px) {
    .products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 480px) {
    .products {
        grid-template-columns: 1fr !important;
    }
}
/* 1. Force the Buy Now button to Green */
.woocommerce ul.products li.product a.button:last-of-type,
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    background-color: #24a840 !important; /* The Green from your image */
    background: #24a840 !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold !important;
}

/* 2. Style the Add to Cart button separately */
.woocommerce ul.products li.product a.button:first-of-type {
    background-color: #f2f2f2 !important; /* Light grey */
    color: #333333 !important;
    border: 1px solid #ccc !important;
}

/* 3. Hover effect for Buy Now */
.woocommerce ul.products li.product a.button:last-of-type:hover {
    background-color: #1e8e35 !important;
}

/* SINGLE PRODUCT PAGE: Force Buy Now to Green */
.woocommerce div.product form.cart .button.buy-now,
.woocommerce div.product .direct-checkout-button,
.woocommerce div.product .single_add_to_cart_button + .button {
    background-color: #24a840 !important;
    background: #24a840 !important;
    color: #ffffff !important;
    border: none !important;
}

/* Keep Add to Cart Blue or Grey (Theme Default) */
.woocommerce a.button.add_to_cart_button:first-of-type {
    background-color: #007bff !important; /* Keep your theme blue or change to #eeeeee for grey */
    color: #ffffff !important;
}

/* --- INCREASE ZIPCODE BOX LENGTH --- */
/* Forces the Zipcode container to match the width of the action buttons */
.check-availability-at {
    display: flex !important;
    max-width: 100% !important; /* Changed from 320px to 100% to fill the column */
    width: 100% !important;
    margin: 20px 0 !important;
    background: transparent !important;
}

/* Extends the Pincode input field to take up most of the new width */
.check-availability-at input {
    flex: 1 !important; /* Allows the input to grow and fill the space */
    height: 40px !important;
    border: 1px solid #d1d1d1 !important;
    border-right: none !important;
    border-radius: 4px 0 0 4px !important;
    padding-left: 15px !important;
}

/* Keeps the Check button at a fixed size while the input expands */
.check-availability-at button {
    width: 100px !important; /* Fixed width for the button */
    height: 40px !important;
    background-color: #5bb2bf !important;
    color: white !important;
    border-radius: 0 4px 4px 0 !important;
    border: none !important;
    font-weight: 600 !important;
}

/* --- OPTIONAL: ADJUST RECENTLY ADDED BOX --- */
/* If the 'We Are Not Servicing' message box is also too short, this fixes it */
div[class*="pincode-results"] {
    width: 100% !important;
    max-width: 100% !important;
}
/* --- 2. ACTION BUTTONS: GRID LAYOUT --- */
/* Aligns Qty and Add to Bag side-by-side, with Buy Now below */
.cart, 
.elementor-widget-woocommerce-product-add-to-cart form {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}

.quantity {
    display: flex !important;
    border: 1px solid #d1d1d1 !important;
    border-radius: 4px !important;
    height: 48px !important;
    margin: 0 !important;
}

/* Hollow 'Add to Bag' Style */
.single_add_to_cart_button {
    background-color: transparent !important;
    color: #5bb2bf !important;
    border: 1px solid #5bb2bf !important;
    border-radius: 4px !important;
    height: 48px !important;
    flex: 1 !important; /* Makes it fill the row with Qty */
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

/* Solid Teal 'Buy It Now' */
.buy-now-button, 
.quick-buy-button {
    width: 100% !important; /* Forces it to a new line below the others */
    background-color: #5bb2bf !important;
    color: #ffffff !important;
    height: 52px !important;
    border-radius: 4px !important;
    border: none !important;
    font-weight: bold !important;
}

/* --- 3. CLEAN UP THE STOCK BAR --- */
/* Removes the grey background and uses the Plantex teal */
.wp-block-progress-bar__background {
    background-color: #e0f2f4 !important;
    height: 12px !important;
    border-radius: 50px !important;
}

.wp-block-progress-bar__fill {
    background-color: #5bb2bf !important;
}
/* --- STYLE THE SPECIFICATIONS TABLE --- */
/* Removes borders and background colors for a clean look */
.shop_attributes {
    border: none !important;
    width: 100% !important;
}

.shop_attributes th {
    width: 150px !important;
    padding: 8px 0 !important;
    background: none !important;
    border: none !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-align: left !important;
}

.shop_attributes td {
    padding: 8px 0 !important;
    font-style: normal !important;
    border: none !important;
    color: #666 !important;
}

/* Adds a very light line between rows */
.shop_attributes tr {
    border-bottom: 1px solid #f2f2f2 !important;
}
/* --- UNIFIED STYLE FOR ACCORDION CONTENT --- */
/* Ensures the text inside both accordions looks identical */
details .woocommerce-Tabs-panel, 
details .woocommerce-product-details__short-description,
details p {
    padding: 15px 5px !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #555555 !important;
    margin: 0 !important;
}

/* Fixes the width to match your Zipcode and Buttons */
details {
    width: 100% !important;
    border-bottom: 1px solid #eeeeee !important;
}

/* Styles the header for both Description and Specifications */
summary {
    padding: 15px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 0.5px;
    display: flex !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

/* The '+' icon from Plantex */
summary::after {
    content: '+' !important;
    color: #5bb2bf !important;
    font-size: 18px !important;
}

/* --- 1. FORCE THE TEAL THEME --- */
/* Targets the specific Green and Black buttons to turn them Teal */
body .elementor-button.buy-now-button, 
body #pincode_check, 
body .check-availability-at button {
    background-color: #5bb2bf !important;
    color: #ffffff !important;
    height: 48px !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    border: none !important;
}



/* --- 3. GOLD STARS --- */
/* Forces stars to be gold even if the theme tries to make them grey */
body .star-rating span::before, 
body .star-rating::before {
    color: #ffb400 !important;
    content: "\73\73\73\73\73" !important;
}
/* 1. Stack everything in 3 lines */ .product-form-stack { display: flex !important; flex-direction: column !important; gap: 15px !important; width: 100% !important; max-width: 400px; } /* 2. Style each button row */ .quantity, .single_add_to_cart_button, .shopify-payment-button__button { width: 100% !important; height: 48px !important; /* Uniform height */ border-radius: 4px !important; font-weight: 700 !important; text-transform: uppercase !important; } /* 3. Quantity Box Layout */ .quantity { border: 1px solid #d1d1d1 !important; background: #fff !important; display: flex !important; align-items: center !important; position: relative !important; overflow: hidden !important; } /* Qty Label and Center Number */ .quantity::before { content: "Qty:" !important; padding-left: 15px !important; font-size: 14px !important; } .quantity input.qty { width: 100% !important; border: none !important; text-align: center !important; /* Center the number */ font-size: 18px !important; padding-right: 50px !important; /* Space for side arrows */ background: transparent !important; } /* 4. Vertical + and - Controls */ .quantity input::-webkit-inner-spin-button { -webkit-appearance: none !important; display: block !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 45px !important; /* Sidebar width */ height: 100% !important; cursor: pointer !important; background-color: #f2f2f2 !important; /* Grey box */ border-left: 1px solid #d1d1d1 !important; /* SVG for + on top and - on bottom */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 64' fill='none' stroke='%23333' stroke-width='6' stroke-linecap='round'%3E%3Cline x1='10' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cline x1='16' y1='6' x2='16' y2='18'%3E%3C/line%3E%3Cline x1='10' y1='52' x2='22' y2='52'%3E%3C/line%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 20px 40px !important; }


**// fliter 
/* Advanced Product Filter Styles */
/* FORCE ENTIRE CONTAINER TO BE A STRICT COLUMN */
.tagcloud, 
.wp-block-tag-cloud,
div[class*="filter"] {
    display: flex !important;
    flex-direction: column !important; /* Stack vertically */
    align-items: flex-start !important; /* Align to the exact left edge */
    width: 100% !important;
    max-width: 300px !important;       /* Keeps it sidebar-sized */
    gap: 15px !important;              /* Consistent professional spacing */
}

/* MAKE ALL FILTERS UNIFORM (FIXES THE STAGGERED LOOK) */
.tagcloud a, 
.wp-block-tag-cloud a,
[class*="filter"] a,
select[class*="filter"],
.filter-item {
    display: block !important;
    float: none !important;            /* Stop side-by-side behavior */
    margin: 0 !important;               /* Fixes the staircase indent */
    width: 100% !important;             /* Makes all boxes same width */
    max-width: 250px !important; 
    
    /* Styling to match your image */
    padding: 10px 20px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 30px !important;     /* Clean pill shape */
    background: #ffffff !important;
    color: #4b5563 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
/* 1. CENTER THE MAIN WRAPPER */
.tagcloud, 
.wp-block-tag-cloud, 
div[class*="filter"] {
    display: flex !important;
    flex-direction: column !important; /* Keep the vertical stack */
    align-items: center !important;    /* Centers the items horizontally */
    justify-content: center !important;
    margin-left: auto !important;      /* Pushes the container to center */
    margin-right: auto !important;     /* Pushes the container to center */
    width: 100% !important;
    text-align: center !important;
}

/* 2. CENTER EACH FILTER BOX */
.tagcloud a, 
.wp-block-tag-cloud a, 
[class*="filter"] a, 
.filter-item, 
[class*="filter"] select {
    display: inline-block !important;  /* Changed to inline-block for better centering */
    margin: 0 auto 15px auto !important; /* Force center margin */
    width: 100% !important;
    max-width: 250px !important;       /* Keeps boxes uniform */
    
    /* Center the text inside the pills */
    text-align: center !important; 
    padding: 12px 20px !important;
    border-radius: 30px !important;    /* Maintain professional pill shape */
    box-sizing: border-box !important;
}

/* 3. CENTER THE TOP HEADER AREA */
.filter-header, 
.widget-title, 
div[class*="search"],
.filter-title {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Centers the Search and Title text */
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}
/* 1. Target the filter buttons and hide them */
.tagcloud a, 
.wp-block-tag-cloud a, 
[class*="filter"] a, 
.filter-item, 
[class*="filter"] select {
    display: none !important;
}

/* 2. Keep the container centered and clean */
.tagcloud, 
.wp-block-tag-cloud, 
div[class*="filter"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* 3. Ensure the title and search area remain centered and visible */
.filter-header, 
.widget-title, 
.filter-title,
div[class*="search"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}
/* 1. THE CONTAINER: Center everything and add vertical gaps */
.tagcloud, 
.wp-block-tag-cloud, 
div[class*="filter"] {
    display: flex !important;
    flex-direction: column !important; /* Stack items vertically */
    align-items: center !important;    /* Center everything horizontally */
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    
    /* ADD THE GAP HERE */
    gap: 25px !important;              /* Adjust this number (e.g., 30px) for more space */
}

/* 2. THE FILTER BUTTONS: Keep them hidden as requested */
.tagcloud a, 
.wp-block-tag-cloud a, 
[class*="filter"] a, 
.filter-item, 
[class*="filter"] select {
    display: none !important;          /* Keeps the selection buttons hidden */
}

/* 3. CENTERED SEARCH & TITLE: Fix the overlap and add spacing */
.filter-header, 
.widget-title, 
.filter-title,
div[class*="search"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Centers the 'Filter' text and Search */
    width: 100% !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;     /* Small bottom margin for the header area */
    position: relative !important;     /* Resets the overlap */
}/* 1. TREAT EACH FILTER AS A SINGLE GROUP */
/* This ensures the list stays under the button, not the whole sidebar */
.jet-filter, 
.filter-item-wrapper,
div[class*="filter-container"] {
    display: flex !important;
    flex-direction: column !important; /* Forces vertical order: Button then List */
    position: relative !important;     /* Creates a 'home' for the dropdown */
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 15px !important;    /* Keeps the gap between filters */
}

/* 2. FORCE THE DROPDOWN TO OPEN RIGHT BELOW THE BUTTON */
.jet-select__list, 
.filter-list, 
ul[class*="filter-list"],
div[class*="dropdown-list"] {
    position: relative !important;     /* Stops it from jumping to the bottom */
    top: 0 !important;                 /* Snaps it directly below the button */
    left: 0 !important;
    width: 100% !important;
    max-width: 240px !important;       /* Matches your pill width */
    margin: 5px auto 15px auto !important;
    box-shadow: none !important;       /* Optional: makes it look like part of the button */
    z-index: 999 !important;
}

/* 3. ENSURE OTHER FILTERS PUSH DOWN */
/* This prevents the "Pricing" button from being covered by the "Order By" list */
.jet-filter-select__content,
.filter-content-wrapper {
    display: block !important;
    width: 100% !important;
}
/* Container breathing room */
.variations {
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* 2-Column Grid with tighter gaps */
.variations tbody {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 20px !important; /* Professional horizontal spacing */
    row-gap: 15px !important;    /* Clean vertical spacing */
}

/* Alignment of rows */
.variations tr {
    display: flex !important;
    flex-direction: column !important;
    border: none !important;
}

/* Modern Label Styling */
.variations label {
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important; /* Makes it look high-end */
    color: #111 !important;
    margin-bottom: 6px !important;
}

/* Stylish Dropdown Boxes */
.variations select {
    width: 100% !important;
    height: 42px !important;
    padding-left: 12px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 2px !important;
    background-color: #fff !important;
    font-size: 13px !important;
    color: #444 !important;
    cursor: pointer !important;
    
    /* Remove default cheap arrow */
    -webkit-appearance: none !important;
    appearance: none !important;
    
    /* Add a clean custom arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23999' d='M1 3.5l4 4 4-4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover effect: Subtle border color shift */
.variations select:hover {
    border-color: #111 !important;
}

/* Focus effect: Adds a tiny bottom accent */
.variations select:focus {
    outline: none !important;
    border-color: #111 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
}

/* Style the "Clear" button to be less distracting */
.reset_variations {
    display: inline-block !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    color: #bbb !important;
    margin-top: 5px !important;
    text-decoration: none !important;
}
/* --- 1. HUSKY FILTER: PROFESSIONAL TILES --- */
/* Styles the Product Size buttons in the sidebar */
.woof_list_checkbox li, 
.woof_list_label li {
    display: inline-block !important;
    margin: 4px !important;
}

.woof_list_label li a {
    background-color: #f5f5f5 !important;
    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    transition: all 0.3s ease !important;
}

.woof_list_label li a:hover, 
.woof_list_label li.woof_label_term_checked a {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* --- 2. PRODUCT VARIATIONS: MODERN MINIMALISM --- */
/* Aligns GSM, WT, SIZE, SHEETS in a perfect 2-column grid */
.variations tbody {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    border: none !important;
}

.variations label {
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 10px !important;
    display: block !important;
}

.variations select {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 100% !important;
    height: 46px !important;
    padding: 0 12px !important;
    border: 1.5px solid #eee !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    font-size: 13px !important;
    transition: all 0.3s ease !important;
    
    /* Elegant Arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
}

.variations select:hover {
    border-color: #000 !important;
}

/* --- 3. PRICE AREA ENHANCEMENT --- */
.woocommerce-variation-price .price {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #000 !important;
    margin-top: 15px !important;
    display: block !important;
}
/* ===============================
   MAIN FILTER CARD
================================ */
.woof {
    background: linear-gradient(180deg, #ffffff, #f5f8ff);
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    position: sticky;
    top: 80px;
    transition: all 0.3s ease;
}

/* ===============================
   FILTER HEADINGS (Accordion)
================================ */
.woof h4,
.woof_container h4 {
    font-size: 16px;
    font-weight: 600;
    padding: 10px 12px;
    background: linear-gradient(90deg, #0073aa, #00b4db);
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}

/* Arrow */
.woof h4::after {
    content: "⌄";
    position: absolute;
    right: 14px;
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* ===============================
   COLLAPSIBLE CONTENT
================================ */
.woof_container_inner {
    padding: 10px 6px;
    animation: fadeIn 0.4s ease;
}

/* ===============================
   CHECKBOXES
================================ */
.woof input[type="checkbox"] {
    accent-color: #0073aa;
    transform: scale(1.1);
    margin-right: 8px;
}

.woof label {
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: color 0.2s ease;
}

.woof label:hover {
    color: #0073aa;
}

/* ===============================
   PRICE SLIDER
================================ */
.woof_price_slider {
    margin-top: 15px;
}

.woof_price_slider .ui-slider {
    height: 6px;
    border-radius: 10px;
    background: #ddd;
}

.woof_price_slider .ui-slider-range {
    background: linear-gradient(90deg, #0073aa, #00b4db);
}

.woof_price_slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #0073aa;
    top: -7px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

/* Price values */
.woof_price_filter_values {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

/* ===============================
   DROPDOWNS
================================ */
.woof select {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 14px;
}

/* ===============================
   ATTRIBUTE BUTTONS (SIZE)
================================ */
.woof_container_pa_size .woof_list li {
    display: inline-block;
    margin: 6px 6px 0 0;
}

.woof_container_pa_size label {
    display: inline-block;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid #ddd;
    background: #fff;
    font-size: 13px;
    transition: all 0.25s ease;
}

.woof_container_pa_size input:checked + label {
    background: linear-gradient(90deg, #0073aa, #00b4db);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 6px 15px rgba(0,115,170,0.35);
}

.woof_container_pa_size label:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* ===============================
   RESET BUTTON
================================ */
.woof_reset_search_form {
    display: block;
    margin-top: 18px;
    padding: 12px;
    border-radius: 12px;
    background: linear-gradient(90deg, #ff416c, #ff4b2b);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    transition: transform 0.25s ease;
}

.woof_reset_search_form:hover {
    transform: scale(1.05);
}

/* ===============================
   ANIMATIONS
================================ */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===============================
   MOBILE RESPONSIVE
================================ */
@media (max-width: 768px) {
    .woof {
        position: relative;
        top: auto;
        padding: 14px;
    }

    .woof_container_pa_size label {
        padding: 12px 16px;
        font-size: 14px;
    }
}
/* ==================================================
   ASTRA + HUSKY (WOOF)
   MOBILE SIDEBAR LAYOUT
================================================== */

---------------------------------
/* ===========================
   COMPLETE MY ACCOUNT PAGE REDESIGN
   Modern, Attractive Green-Blue Theme
=========================== */


/* 9. NOTIFICATIONS & MESSAGES */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: 20px 25px;
    border-radius: 12px;
    margin-bottom: 30px;
    border-left: 5px solid;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
}

.woocommerce-message {
    background: rgba(16, 185, 129, 0.1);
    border-left-color: #10b981;
    color: #047857;
}

.woocommerce-info {
    background: rgba(59, 130, 246, 0.1);
    border-left-color: #3b82f6;
    color: #1e40af;
}

.woocommerce-error {
    background: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
    color: #dc2626;
}

/* 10. RESPONSIVE DESIGN */
@media (max-width: 1024px) {
    .woocommerce-MyAccount {
        flex-direction: column;
    }
    
    .woocommerce-MyAccount-navigation {
        position: relative;
        min-height: auto;
        flex: none;
        width: 100%;
        padding: 30px 20px;
    }
    
    .woocommerce-MyAccount-content {
        padding: 40px 30px;
    }
    
    .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .woocommerce-MyAccount-content {
        padding: 30px 25px;
    }
    
    .woocommerce-MyAccount-content > p:first-of-type {
        padding: 25px;
        font-size: 1.1rem;
    }
    
    .woocommerce-MyAccount-content h2 {
        font-size: 1.8rem;
    }
    
    .woocommerce-orders-table {
        display: block;
        overflow-x: auto;
    }
    
    .woocommerce-MyAccount-navigation {
        padding: 25px 15px;
    }
    
    .woocommerce-MyAccount-navigation::before {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .woocommerce-MyAccount-content {
        padding: 25px 20px;
    }
    
    .woocommerce-MyAccount-content > p:first-of-type {
        padding: 20px;
    }
    
    .woocommerce-MyAccount-navigation li a {
        padding: 14px 16px;
        font-size: 0.95rem;
    }
    
    .woocommerce-MyAccount-navigation li a::before {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }
}

/* 11. ANIMATIONS */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.woocommerce-MyAccount-navigation {
    animation: slideInLeft 0.6s ease-out;
}

.woocommerce-MyAccount-content {
    animation: fadeInUp 0.6s ease-out 0.2s both;
}

/* 12. ADDITIONAL ENHANCEMENTS */
/* Progress indicator for multi-step forms */
.woocommerce-progress-steps {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}

.woocommerce-progress-step {
    flex: 1;
    text-align: center;
    padding: 15px;
    background: rgba(59, 130, 246, 0.1);
    border-radius: 10px;
    font-weight: 600;
    color: #1e40af;
    position: relative;
}

.woocommerce-progress-step.active {
    background: linear-gradient(135deg, #3b82f6, #10b981);
    color: white;
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.3);
}

/* Download buttons */
.woocommerce-table--order-downloads .button {
    background: linear-gradient(135deg, #3b82f6, #10b981);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
}

/* Payment method styling */
.woocommerce-PaymentMethods {
    background: white;
    border-radius: 12px;
    padding: 25px;
    border: 1px solid rgba(59, 130, 246, 0.1);
    margin: 30px 0;
}

/* 13. LOADING STATES */
.woocommerce-loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(59, 130, 246, 0.3);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* 14. EMPTY STATES */
.woocommerce-empty-state {
    text-align: center;
    padding: 60px 30px;
    color: #6b7280;
}

.woocommerce-empty-state-icon {
    font-size: 4rem;
    margin-bottom: 20px;
    opacity: 0.5;
}

.woocommerce-empty-state-title {
    font-size: 1.5rem;
    color: #374151;
    margin-bottom: 10px;
}

/* 15. FOOTER AREA */
.woocommerce-MyAccount-footer {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid rgba(59, 130, 246, 0.1);
    color: #6b7280;
    font-size: 0.9rem;
    text-align: center;
}
/* 1. HIDE the Horizontal Bar on Desktop */
/* Note: We changed underscore (_) to dash (-) here */
@media (min-width: 769px) {
    #tf_product_filter-mobile-filters,
    #tf_product_filter-mobile_filters { 
        display: none !important; 
    }
}

/* 2. HIDE the Vertical Sidebar on Mobile */
@media (max-width: 768px) {
    #tf_product_filter-filters { 
        display: none !important; 
    }
    
    /* Force the Mobile Filter to the top */
    #primary {
        display: flex;
        flex-direction: column;
    }
    #secondary {
        order: -1; 
        margin-bottom: 20px;
    }
}
/* UNIVERSAL MOBILE FIX - 2 PRODUCTS PER ROW */
@media (max-width: 767px) {
    /* 1. Force the container to allow items to sit side-by-side */
    body .woocommerce ul.products,
    body .woocommerce-page ul.products {
        display: block !important; /* Resets grid/flex blocks */
    }

    /* 2. Force each product to be exactly 50% wide */
    body .woocommerce ul.products li.product,
    body .woocommerce-page ul.products li.product {
        width: 50% !important;
        float: left !important;
        clear: none !important;
        margin: 0 0 15px 0 !important; /* Removes side margins */
        padding: 0 5px !important; /* Adds small internal spacing */
        box-sizing: border-box !important;
    }

    /* 3. Fix the "Staircase" effect (keeps rows even) */
    body .woocommerce ul.products li.product:nth-child(2n+1) {
        clear: both !important; /* Starts new row every 3rd item */
    }
    
    /* 4. Shrink the images to fit the tiny box */
    body .woocommerce ul.products li.product img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 5px !important;
    }

    /* 5. Shrink text */
    body .woocommerce-loop-product__title {
        font-size: 12px !important;
    }
    body .price {
        font-size: 12px !important;
    }
}



------------------------------------
/* --- WRAPPER & LAYOUT --- */
/* Base styles */
.login1-pp-fullscreen {
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* Main container */
.login1-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(30, 60, 114, 0.12);
    display: flex;
    max-width: 1100px;
    width: 100%;
    min-height: 650px;
    overflow: hidden;
}

/* Brand section with ONLY image - no blue background */
.login1-brand-section {
    width: 50%;
    padding: 60px 40px;
    background-image: url('https://images.unsplash.com/photo-1603484477859-abe6a73f9366?ixlib=rb-4.0.3&auto=format&fit=crop&w=687&q=80');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

/* Add overlay only when needed for text readability */
.login1-brand-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* Dark overlay for better text contrast */
    z-index: 1;
}

/* Ensure text is above the overlay */
.login1-logo,
.login1-brand-tagline {
    position: relative;
    z-index: 2;
}

/* Logo with text on image */
.login1-logo {
    margin-bottom: 40px;
}

.login1-logo-text {
    font-size: 42px;
    font-weight: 800;
    color: white;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    letter-spacing: 1.5px;
    line-height: 1.2;
}

.login1-brand-tagline {
    font-size: 18px;
    line-height: 1.7;
    color: white;
    margin-top: 20px;
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-weight: 500;
}

/* Login section */
.login1-login-section {
    width: 50%;
    padding: 60px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login1-login-title {
    color: #1e3c72;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px;
}

.login1-login-subtitle {
    color: #64748b;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.5;
}

/* Form styles */
.login1-form-group {
    margin-bottom: 25px;
}

.login1-form-label {
    display: block;
    color: #1e3c72;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 15px;
}

.login1-form-control {
    width: 100%;
    padding: 14px 18px;
    border: 2px solid #e2e8f0;
    border-radius: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
    color: #2d3748;
    background: #f8fafc;
}

.login1-form-control:focus {
    outline: none;
    border-color: #1e3c72;
    background: white;
    box-shadow: 0 0 0 3px rgba(30, 60, 114, 0.1);
}

.login1-form-control::placeholder {
    color: #94a3b8;
}

/* Options section */
.login1-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    padding-top: 20px;
    border-top: 1px solid #f1f5f9;
}

.login1-checkbox-container {
    color: #1e3c72;
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
}

.login1-checkbox-container input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #1e3c72;
}

.login1-forgot-password {
    color: #1e3c72;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: color 0.2s;
}

.login1-forgot-password:hover {
    color: #2d4a8a;
    text-decoration: underline;
}

/* Register link */
.login1-register-link {
    color: #64748b;
    font-size: 15px;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #f1f5f9;
    text-align: center;
}

.login1-register-link a {
    color: #1e3c72;
    font-weight: 600;
    text-decoration: none;
    margin-left: 5px;
    transition: color 0.2s;
}

.login1-register-link a:hover {
    color: #2d4a8a;
    text-decoration: underline;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .login1-container {
        flex-direction: column;
        max-width: 500px;
        min-height: auto;
    }
    
    .login1-brand-section,
    .login1-login-section {
        width: 100%;
        padding: 40px 30px;
    }
    
    .login1-brand-section {
        min-height: 300px;
        padding: 40px 20px;
    }
    
    .login1-logo-text {
        font-size: 36px;
    }
    
    .login1-brand-tagline {
        font-size: 16px;
        max-width: 350px;
    }
}

@media (max-width: 480px) {
    .login1-login-title {
        font-size: 28px;
    }
    
    .login1-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .login1-brand-tagline {
        font-size: 15px;
        padding: 0 10px;
    }
    
    .login1-logo-text {
        font-size: 32px;
    }
}
------------------------------------/*Hide Categories*/------------
/* HARD hide product categories everywhere in shop loop */
.woocommerce ul.products li.product * {
    --dummy: 0;
}

.woocommerce ul.products li.product a span,
.woocommerce ul.products li.product a small,
.woocommerce ul.products li.product a div[class*="cat"],
.woocommerce ul.products li.product a div[class*="category"],
.woocommerce ul.products li.product a span[class*="cat"],
.woocommerce ul.products li.product a span[class*="category"] {
    display: none !important;
}
/* FIX EMPTY CART NOTICE OVERLAP */
.woocommerce-cart .cart-empty {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 20px 25px 20px 55px !important;
    position: relative !important;
}

/* Fix icon positioning */
.woocommerce-cart .cart-empty::before {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}
----------------------------
/* Make complete boxes with borders */
.woocommerce-cart table.cart,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
}

/* Header alignments per column */
.woocommerce-cart table.cart thead th.product-name {
    text-align: left !important;
}

.woocommerce-cart table.cart thead th.product-price {
    text-align: left !important;
}

.woocommerce-cart table.cart thead th.product-quantity {
    text-align: center !important;
}

.woocommerce-cart table.cart thead th.product-subtotal {
    text-align: right !important;
}

/* Hide remove button/x mark */
.woocommerce-cart table.cart .product-remove {
    display: none !important;
}
/* Complete box borders */
.woocommerce-cart table.cart,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
}

/* Hide remove button */
.woocommerce-cart table.cart .product-remove {
    display: none !important;
}

/* EXPAND HEADERS SEPARATELY */

/* PRODUCT HEADER - extra expanded */
.woocommerce-cart table.cart thead th.product-name {
    text-align: left !important;
    padding: 18px 25px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 40% !important;
}

/* PRICE HEADER - moderately expanded */
.woocommerce-cart table.cart thead th.product-price {
    text-align: left !important;
    padding: 18px 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 20% !important;
}

/* QUANTITY HEADER - centered with balanced padding */
.woocommerce-cart table.cart thead th.product-quantity {
    text-align: center !important;
    padding: 18px 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 20% !important;
}

/* SUBTOTAL HEADER - right aligned with right padding */
.woocommerce-cart table.cart thead th.product-subtotal {
    text-align: right !important;
    padding: 18px 20px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 20% !important;
}

/* PRODUCT COLUMN - merged with all details */
.woocommerce-cart table.cart td.product-name {
    padding: 20px !important;
    vertical-align: top !important;
}

/* PRICE COLUMN */
.woocommerce-cart table.cart td.product-price {
    padding: 20px !important;
    vertical-align: top !important;
    text-align: left !important;
    font-size: 16px !important;
}

/* QUANTITY COLUMN */
.woocommerce-cart table.cart td.product-quantity {
    padding: 20px !important;
    vertical-align: top !important;
    text-align: center !important;
    font-size: 16px !important;
}

/* SUBTOTAL COLUMN */
.woocommerce-cart table.cart td.product-subtotal {
    padding: 20px !important;
    vertical-align: top !important;
    text-align: right !important;
    font-size: 16px !important;
    font-weight: bold !important;
}
/* Force table layout */
.woocommerce-cart table.shop_table.cart,
.woocommerce-cart table.shop_table,
.woocommerce-cart table.cart {
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid #ddd !important;
}

/* Force borders on all elements */
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    border: 1px solid #ddd !important;
}

/* Hide remove button */
.woocommerce-cart .product-remove,
.woocommerce-cart td.product-remove,
.woocommerce-cart th.product-remove {
    display: none !important;
}

/* FORCE HEADER STYLES - THESE MUST CHANGE */
.woocommerce-cart table.shop_table thead th,
.woocommerce-cart table.cart thead th {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #f5f5f5 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* INDIVIDUAL HEADER WIDTHS AND ALIGNMENTS */
.woocommerce-cart table.shop_table thead th.product-name,
.woocommerce-cart table.cart thead th.product-name {
    text-align: left !important;
    padding-left: 25px !important;
    padding-right: 10px !important;
    width: 45% !important;
}

.woocommerce-cart table.shop_table thead th.product-price,
.woocommerce-cart table.cart thead th.product-price {
    text-align: left !important;
    padding-left: 15px !important;
    padding-right: 10px !important;
    width: 15% !important;
}

.woocommerce-cart table.shop_table thead th.product-quantity,
.woocommerce-cart table.cart thead th.product-quantity {
    text-align: center !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 20% !important;
}

.woocommerce-cart table.shop_table thead th.product-subtotal,
.woocommerce-cart table.cart thead th.product-subtotal {
    text-align: right !important;
    padding-left: 10px !important;
    padding-right: 25px !important;
    width: 20% !important;
}

/* CELL STYLES */
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.cart td {
    padding: 20px 15px !important;
    vertical-align: top !important;
}

.woocommerce-cart table.shop_table td.product-name,
.woocommerce-cart table.cart td.product-name {
    padding-left: 25px !important;
}

.woocommerce-cart table.shop_table td.product-price,
.woocommerce-cart table.cart td.product-price {
    text-align: left !important;
}

.woocommerce-cart table.shop_table td.product-quantity,
.woocommerce-cart table.cart td.product-quantity {
    text-align: center !important;
}

.woocommerce-cart table.shop_table td.product-subtotal,
.woocommerce-cart table.cart td.product-subtotal {
    text-align: right !important;
    padding-right: 25px !important;
    font-weight: bold !important;
}

/* Product details styling */
.woocommerce-cart table.shop_table td.product-name strong,
.woocommerce-cart table.cart td.product-name strong {
    font-size: 16px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.woocommerce-cart .variation {
    margin: 5px 0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
}

.woocommerce-cart .variation dt {
    float: left !important;
    clear: left !important;
    margin-right: 5px !important;
    font-weight: normal !important;
}

.woocommerce-cart .variation dd {
    margin-left: 0 !important;
}
/* Remove Astra Shop Page Header Completely */
.post-type-archive-product .ast-page-header,
.post-type-archive-product .ast-archive-description,
.post-type-archive-product .page-title,
.post-type-archive-product header.entry-header {
    display: none !important;
}

/* Remove extra top spacing Astra leaves */
.post-type-archive-product .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
/* Hide result count text */
.woocommerce-result-count {
    display: none !important;
}
/* Hide sorting dropdown */
.woocommerce-ordering {
    display: none !important;
}
/* Hide WOOF floating filter icon */
.woof_show_auto_form {
    display: none !important;
}
-------------------------------
/* Hide SALE badge when product is out of stock */
.woolentor-out-of-stock .woolentor-sale-badge {
    display: none !important;
}

/* Add OUT OF STOCK badge */
.woolentor-out-of-stock .woolentor-product-image::after {
    content: "Out of Stock";
    position: absolute;
    top: 12px;
    left: 12px;
    background: #d32f2f;
    color: #fff;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    z-index: 99;
}

/* Make image wrapper positioned */
.woolentor-product-image {
    position: relative;
}
-------------------------------
#wc_bis_product_form {
    display: flex;
    flex-direction: column;
}

#wc_bis_email {
    margin-bottom: 15px;
}
-------------------------------

-------------------------------
<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 6a1e0381190636efde02909e. Config Timestamp: 2026-06-01 22:11:12 UTC, Cached Timestamp: 2026-06-04 23:04:43 UTC, Optimization Time: 5.59ms -->