.elementor-kit-385{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-385 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
	/* =========================================================
   VALUE HOUSE — CART PAGE (HTML Title + [woocommerce_cart])
   Paste in: Elementor → Site Settings → Custom CSS
========================================================= */

body.woocommerce-cart{
  --vh-navy:#0D1B2A;
  --vh-navy-2:#0a1520;
  --vh-orange:#E65100;
  --vh-orange-hover:#d14700;

  --vh-bg:#f8f8f8;
  --vh-card:#ffffff;
  --vh-border:#eaeaea;
  --vh-muted:#6b7280;
  --vh-text:#111827;

  --vh-radius:16px;
  --vh-radius-sm:12px;

  --vh-shadow:0 10px 30px rgba(17,24,39,.08);
  --vh-shadow-soft:0 6px 18px rgba(17,24,39,.06);

  background:var(--vh-bg);
  color:var(--vh-text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Shared container for your HTML title section */
body.woocommerce-cart .vh-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ---------- CART TITLE (YOUR HTML) ---------- */
body.woocommerce-cart .vh-cart-hero{
  background: linear-gradient(135deg, var(--vh-navy) 0%, #152a3f 100%);
  position:relative;
  overflow:hidden;
  padding:52px 0;
}
body.woocommerce-cart .vh-cart-hero::before{
  content:'';
  position:absolute;
  top:-45%;
  right:-8%;
  width:640px;
  height:640px;
  background:var(--vh-orange);
  opacity:.08;
  border-radius:50%;
}
body.woocommerce-cart .vh-cart-hero *{ position:relative; z-index:1; }

body.woocommerce-cart .vh-hero-badge{
  display:inline-block;
  background: rgba(230,81,0,.15);
  color: var(--vh-orange);
  font-size:13px;
  font-weight:700;
  padding:8px 14px;
  border-radius:8px;
  letter-spacing:.3px;
  margin-bottom:14px;
}
body.woocommerce-cart .vh-hero-title{
  font-family:Raleway, Inter, system-ui, sans-serif;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  margin:0 0 10px;
}
body.woocommerce-cart .vh-hero-title span{ color:var(--vh-orange); }
body.woocommerce-cart .vh-hero-sub{
  color: rgba(255,255,255,.72);
  margin:0;
  max-width:560px;
  font-size:15px;
  line-height:1.7;
}

/* ---------- WOOCOMMERCE AREA WRAP ---------- */
body.woocommerce-cart .woocommerce{
  max-width:1200px;
  margin:0 auto;
  padding:34px 20px 80px;
}

/* 2-column layout on desktop (table left, totals right) */
@media (min-width: 992px){
  body.woocommerce-cart .woocommerce{
    display:grid;
    grid-template-columns: 1fr 360px;
    gap:28px;
    align-items:start;
  }
  body.woocommerce-cart .woocommerce-notices-wrapper{ grid-column:1 / -1; }
  body.woocommerce-cart .woocommerce > form.woocommerce-cart-form{ grid-column:1; }
  body.woocommerce-cart .cart-collaterals{ grid-column:2; }
}

/* ---------- CART TABLE CARD ---------- */
body.woocommerce-cart form.woocommerce-cart-form{
  background:var(--vh-card);
  border:1px solid var(--vh-border);
  border-radius:var(--vh-radius);
  box-shadow:var(--vh-shadow-soft);
  overflow:hidden;
}

body.woocommerce-cart .shop_table{
  border:0 !important;
  margin:0 !important;
  border-collapse:separate;
  border-spacing:0;
}

body.woocommerce-cart .shop_table thead th{
  background:#fbfbfb;
  color:var(--vh-navy);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  padding:18px 18px;
  border-bottom:1px solid var(--vh-border);
}

body.woocommerce-cart .shop_table tbody td{
  padding:18px 18px;
  border-top:1px solid var(--vh-border);
  vertical-align:middle;
}

body.woocommerce-cart .shop_table tbody tr:first-child td{ border-top:0; }

/* Thumbnail */
body.woocommerce-cart td.product-thumbnail{ width:86px; }
body.woocommerce-cart td.product-thumbnail img{
  width:64px !important;
  height:64px !important;
  object-fit:contain;
  border-radius:14px;
  background:#f6f6f6;
  border:1px solid rgba(0,0,0,.06);
  padding:8px;
}

/* Product name */
body.woocommerce-cart td.product-name a{
  color:var(--vh-navy);
  font-weight:800;
  line-height:1.35;
}
body.woocommerce-cart td.product-name a:hover{ color:var(--vh-orange); }
body.woocommerce-cart td.product-name .variation,
body.woocommerce-cart td.product-name dl{
  color:var(--vh-muted);
  font-size:13px;
}

/* Prices */
body.woocommerce-cart td.product-price,
body.woocommerce-cart td.product-subtotal{
  font-weight:900;
  color:var(--vh-navy);
}

/* Remove button */
body.woocommerce-cart a.remove{
  width:38px;
  height:38px;
  line-height:38px;
  border-radius:12px;
  background:rgba(230,81,0,.10) !important;
  color:var(--vh-orange) !important;
  border:1px solid rgba(230,81,0,.22);
  transition:all .2s ease;
  font-size:18px;
  font-weight:900;
}
body.woocommerce-cart a.remove:hover{
  background:var(--vh-orange) !important;
  color:#fff !important;
  border-color:var(--vh-orange);
  transform:translateY(-1px);
}

/* Qty */
body.woocommerce-cart .quantity .qty{
  width:92px;
  height:44px;
  border-radius:12px;
  border:1px solid var(--vh-border);
  background:#fff;
  font-weight:800;
  color:var(--vh-navy);
  padding:0 10px;
  outline:none;
  box-shadow:none;
}
body.woocommerce-cart .quantity .qty:focus{
  border-color:rgba(230,81,0,.55);
  box-shadow:0 0 0 4px rgba(230,81,0,.12);
}

/* Coupon + action row */
body.woocommerce-cart .shop_table tfoot td{
  padding:18px;
  border-top:1px solid var(--vh-border);
  background:#fbfbfb;
}

body.woocommerce-cart .coupon{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
body.woocommerce-cart input#coupon_code{
  height:44px;
  border-radius:12px;
  border:1px solid var(--vh-border);
  padding:0 14px;
  min-width:220px;
  outline:none;
}
body.woocommerce-cart input#coupon_code:focus{
  border-color:rgba(230,81,0,.55);
  box-shadow:0 0 0 4px rgba(230,81,0,.12);
}

/* Buttons */
body.woocommerce-cart .woocommerce button,
body.woocommerce-cart .woocommerce .button,
body.woocommerce-cart .woocommerce a.button{
  border-radius:12px !important;
  border:1px solid transparent !important;
  padding:12px 16px !important;
  font-weight:900 !important;
  transition:all .2s ease !important;
  box-shadow:none !important;
}

body.woocommerce-cart button[name="apply_coupon"],
body.woocommerce-cart button[name="update_cart"]{
  background:var(--vh-navy) !important;
  color:#fff !important;
}
body.woocommerce-cart button[name="apply_coupon"]:hover,
body.woocommerce-cart button[name="update_cart"]:hover{
  background:var(--vh-navy-2) !important;
  transform:translateY(-1px);
}

/* ---------- CART TOTALS (RIGHT CARD) ---------- */
body.woocommerce-cart .cart-collaterals .cart_totals{
  background:var(--vh-card);
  border:1px solid var(--vh-border);
  border-radius:var(--vh-radius);
  box-shadow:var(--vh-shadow);
  padding:22px;
}
body.woocommerce-cart .cart-collaterals .cart_totals > h2{
  margin:0 0 16px;
  font-family:Raleway, Inter, system-ui, sans-serif;
  font-weight:900;
  color:var(--vh-navy);
  font-size:24px;
}

body.woocommerce-cart .cart_totals table{
  border:0 !important;
  margin:0 0 18px !important;
}
body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td{
  border:0 !important;
  padding:12px 0 !important;
  color:var(--vh-navy);
}
body.woocommerce-cart .cart_totals tr + tr th,
body.woocommerce-cart .cart_totals tr + tr td{
  border-top:1px solid var(--vh-border) !important;
}
body.woocommerce-cart .cart_totals th{
  font-weight:800;
  color:rgba(13,27,42,.75);
}
body.woocommerce-cart .cart_totals .order-total td{
  font-weight:900;
  color:var(--vh-navy);
  font-size:18px;
}

/* Proceed button */
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  background:var(--vh-orange) !important;
  color:#fff !important;
  border-color:var(--vh-orange) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-weight:900 !important;
  width:100%;
  text-align:center;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:var(--vh-orange-hover) !important;
  border-color:var(--vh-orange-hover) !important;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(230,81,0,.18);
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px){
  body.woocommerce-cart .vh-hero-title{ font-size:28px; }
  body.woocommerce-cart .woocommerce{ padding:22px 16px 60px; }
  body.woocommerce-cart .cart-collaterals{ margin-top:18px; }
  body.woocommerce-cart td.product-thumbnail{ width:70px; }
  body.woocommerce-cart td.product-thumbnail img{
    width:56px !important;
    height:56px !important;
  }
  body.woocommerce-cart .quantity .qty{
    width:80px;
    height:42px;
  }
}
/* =========================================================
   CART ALIGNMENT — match Header/Footer container padding
   Put at the END of your cart CSS
========================================================= */

body.woocommerce-cart{
  --vh-max: 1200px;   /* same as header/footer container */
  --vh-pad: 20px;     /* same side padding as header/footer */
}

/* Your HTML hero container */
body.woocommerce-cart .vh-container{
  max-width: var(--vh-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--vh-pad) !important;
  padding-right: var(--vh-pad) !important;
}

/* WooCommerce cart area wrapper */
body.woocommerce-cart .woocommerce{
  max-width: var(--vh-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--vh-pad) !important;
  padding-right: var(--vh-pad) !important;
}

/* If the cart is inside an Elementor Section/Container, force same alignment */
body.woocommerce-cart .elementor-section .elementor-container,
body.woocommerce-cart .elementor-container{
  max-width: var(--vh-max) !important;
  padding-left: var(--vh-pad) !important;
  padding-right: var(--vh-pad) !important;
}

/* Remove theme wrappers that add extra side padding (common) */
body.woocommerce-cart #primary,
body.woocommerce-cart #content,
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-area,
body.woocommerce-cart .site-main{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* =========================================================
   VALUE HOUSE — CHECKOUT PAGE (HTML Title + [woocommerce_checkout])
   Paste in: Elementor → Site Settings → Custom CSS
========================================================= */

body.woocommerce-checkout{
  --vh-navy:#0D1B2A;
  --vh-navy-2:#0a1520;
  --vh-orange:#E65100;
  --vh-orange-hover:#d14700;

  --vh-bg:#f8f8f8;
  --vh-card:#ffffff;
  --vh-border:#eaeaea;
  --vh-muted:#6b7280;
  --vh-text:#111827;

  --vh-radius:16px;
  --vh-radius-sm:12px;

  --vh-shadow:0 10px 30px rgba(17,24,39,.08);
  --vh-shadow-soft:0 6px 18px rgba(17,24,39,.06);

  background:var(--vh-bg);
  color:var(--vh-text);
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Shared container for your HTML title section */
body.woocommerce-checkout .vh-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
}

/* ---------- CHECKOUT TITLE (YOUR HTML) ---------- */
body.woocommerce-checkout .vh-checkout-hero{
  background: linear-gradient(135deg, var(--vh-navy) 0%, #152a3f 100%);
  position:relative;
  overflow:hidden;
  padding:52px 0;
}
body.woocommerce-checkout .vh-checkout-hero::before{
  content:'';
  position:absolute;
  top:-45%;
  right:-8%;
  width:640px;
  height:640px;
  background:var(--vh-orange);
  opacity:.08;
  border-radius:50%;
}
body.woocommerce-checkout .vh-checkout-hero *{ position:relative; z-index:1; }

body.woocommerce-checkout .vh-hero-badge{
  display:inline-block;
  background: rgba(230,81,0,.15);
  color: var(--vh-orange);
  font-size:13px;
  font-weight:700;
  padding:8px 14px;
  border-radius:8px;
  letter-spacing:.3px;
  margin-bottom:14px;
}
body.woocommerce-checkout .vh-hero-title{
  font-family:Raleway, Inter, system-ui, sans-serif;
  font-size:38px;
  line-height:1.1;
  font-weight:900;
  color:#fff;
  margin:0 0 10px;
  letter-spacing:-.02em;
}
body.woocommerce-checkout .vh-hero-title span{ color:var(--vh-orange); }
body.woocommerce-checkout .vh-hero-sub{
  color: rgba(255,255,255,.72);
  margin:0;
  max-width:620px;
  font-size:15px;
  line-height:1.7;
}

/* ---------- WOOCOMMERCE AREA ALIGN (same padding as header/footer) ---------- */
body.woocommerce-checkout .woocommerce{
  max-width:1200px;
  margin:0 auto;
  padding:34px 20px 80px;
}

/* Optional: hide default Woo page title if your theme outputs it */
body.woocommerce-checkout .woocommerce > h1,
body.woocommerce-checkout .woocommerce > h2,
body.woocommerce-checkout .woocommerce-page-title{
  display:none !important;
}

/* Notices */
body.woocommerce-checkout .woocommerce-notices-wrapper{
  margin:0 0 18px;
}
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info{
  border-radius:14px;
  border:1px solid var(--vh-border);
  box-shadow:var(--vh-shadow-soft);
}
body.woocommerce-checkout .woocommerce-info{
  border-left:4px solid rgba(230,81,0,.55);
}
body.woocommerce-checkout .woocommerce-message{
  border-left:4px solid rgba(16,185,129,.55);
}
body.woocommerce-checkout .woocommerce-error{
  border-left:4px solid rgba(239,68,68,.55);
}

/* ---------- TOP TOGGLES (LOGIN / COUPON) ---------- */
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle{
  margin:0 0 14px;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  margin:0;
}
body.woocommerce-checkout .woocommerce-form-login-toggle .showlogin,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon{
  color:var(--vh-orange);
  font-weight:900;
}
body.woocommerce-checkout .woocommerce-form-login,
body.woocommerce-checkout .checkout_coupon{
  background:var(--vh-card);
  border:1px solid var(--vh-border);
  border-radius:var(--vh-radius);
  box-shadow:var(--vh-shadow-soft);
  padding:18px;
  margin:14px 0 22px;
}

/* ---------- MAIN 2-COLUMN CHECKOUT LAYOUT ---------- */
body.woocommerce-checkout form.checkout{
  display:block;
}

@media (min-width: 992px){
  body.woocommerce-checkout form.checkout{
    display:grid;
    grid-template-columns: 1fr 420px;
    gap:28px;
    align-items:start;
  }
  body.woocommerce-checkout form.checkout #customer_details{ grid-column:1; }
  body.woocommerce-checkout form.checkout #order_review{ grid-column:2; }
}

/* Customer details card */
body.woocommerce-checkout #customer_details{
  background:var(--vh-card);
  border:1px solid var(--vh-border);
  border-radius:var(--vh-radius);
  box-shadow:var(--vh-shadow-soft);
  padding:22px;
}

/* Headings inside checkout */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3,
body.woocommerce-checkout #order_review_heading{
  margin:0 0 14px;
  font-family:Raleway, Inter, system-ui, sans-serif;
  font-weight:900;
  color:var(--vh-navy);
  font-size:20px;
  letter-spacing:-.01em;
}

/* Make billing + shipping stack nicely */
body.woocommerce-checkout .col2-set{
  display:block;
}
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
  float:none !important;
  width:100% !important;
}

/* ---------- FIELDS / INPUTS ---------- */
body.woocommerce-checkout .form-row{
  margin:0 0 14px;
}
body.woocommerce-checkout label{
  font-size:13px;
  font-weight:800;
  color:rgba(13,27,42,.75);
  margin-bottom:6px;
}
body.woocommerce-checkout .woocommerce-input-wrapper input.input-text,
body.woocommerce-checkout .woocommerce-input-wrapper textarea,
body.woocommerce-checkout .woocommerce-input-wrapper select,
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select{
  width:100%;
  height:46px;
  border-radius:12px;
  border:1px solid var(--vh-border);
  background:#fff;
  padding:0 14px;
  font-weight:700;
  color:var(--vh-navy);
  outline:none;
  box-shadow:none;
}
body.woocommerce-checkout textarea{
  height:auto;
  min-height:110px;
  padding:12px 14px;
  resize:vertical;
}
body.woocommerce-checkout .woocommerce-input-wrapper input:focus,
body.woocommerce-checkout .woocommerce-input-wrapper textarea:focus,
body.woocommerce-checkout .woocommerce-input-wrapper select:focus,
body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus{
  border-color:rgba(230,81,0,.55);
  box-shadow:0 0 0 4px rgba(230,81,0,.12);
}

/* Select2 (Country/State) */
body.woocommerce-checkout .select2-container .select2-selection--single{
  height:46px !important;
  border-radius:12px !important;
  border:1px solid var(--vh-border) !important;
  display:flex !important;
  align-items:center !important;
  padding:0 10px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--vh-navy) !important;
  font-weight:700 !important;
  line-height:44px !important;
  padding-left:4px !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:44px !important;
  right:10px !important;
}
body.woocommerce-checkout .select2-dropdown{
  border:1px solid var(--vh-border) !important;
  border-radius:12px !important;
  overflow:hidden;
}
body.woocommerce-checkout .select2-results__option--highlighted{
  background:rgba(230,81,0,.12) !important;
  color:var(--vh-navy) !important;
}

/* ---------- ORDER SUMMARY (RIGHT CARD) ---------- */
body.woocommerce-checkout #order_review{
  background:var(--vh-card);
  border:1px solid var(--vh-border);
  border-radius:var(--vh-radius);
  box-shadow:var(--vh-shadow);
  padding:22px;
}

/* Order review table */
body.woocommerce-checkout table.shop_table{
  border:0 !important;
  margin:0 !important;
  border-collapse:separate;
  border-spacing:0;
}
body.woocommerce-checkout table.shop_table thead th{
  background:#fbfbfb;
  color:var(--vh-navy);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
  padding:14px 14px;
  border-bottom:1px solid var(--vh-border);
}
body.woocommerce-checkout table.shop_table td{
  padding:14px 14px !important;
  border-top:1px solid var(--vh-border) !important;
  vertical-align:top;
  font-weight:700;
  color:var(--vh-navy);
}
body.woocommerce-checkout table.shop_table tbody tr:first-child td{
  border-top:0 !important;
}
body.woocommerce-checkout table.shop_table .product-name{
  font-weight:900;
  color:var(--vh-navy);
}
body.woocommerce-checkout table.shop_table .product-name strong{
  font-weight:900;
}
body.woocommerce-checkout table.shop_table .product-total{
  text-align:right;
  font-weight:900;
}
body.woocommerce-checkout table.shop_table tfoot th,
body.woocommerce-checkout table.shop_table tfoot td{
  padding:12px 14px !important;
  border-top:1px solid var(--vh-border) !important;
}
body.woocommerce-checkout table.shop_table tfoot th{
  color:rgba(13,27,42,.75);
  font-weight:800;
}
body.woocommerce-checkout table.shop_table tfoot .order-total td{
  font-size:18px;
  font-weight:900;
  color:var(--vh-navy);
}

/* If your theme shows product thumbnails in order review */
body.woocommerce-checkout #order_review .product-name img{
  width:44px !important;
  height:44px !important;
  object-fit:contain;
  border-radius:12px;
  background:#f6f6f6;
  border:1px solid rgba(0,0,0,.06);
  padding:6px;
  margin-right:10px;
  vertical-align:middle;
}

/* ---------- PAYMENT BOX ---------- */
body.woocommerce-checkout #payment{
  background:transparent !important;
  border:0 !important;
  margin-top:14px;
}
body.woocommerce-checkout #payment ul.payment_methods{
  border:1px solid var(--vh-border) !important;
  border-radius:14px !important;
  padding:12px !important;
  background:#fbfbfb !important;
}
body.woocommerce-checkout #payment ul.payment_methods li{
  margin:0 !important;
  padding:10px 10px !important;
  border-radius:12px;
}
body.woocommerce-checkout #payment ul.payment_methods li + li{
  margin-top:8px !important;
}
body.woocommerce-checkout #payment ul.payment_methods li input{
  accent-color: var(--vh-orange);
}
body.woocommerce-checkout #payment div.payment_box{
  background:#fff !important;
  border:1px solid var(--vh-border) !important;
  border-radius:12px !important;
  box-shadow:none !important;
  margin:10px 0 0 !important;
}
body.woocommerce-checkout #payment div.payment_box::before{
  display:none !important;
}

/* ---------- PRIMARY BUTTONS ---------- */
body.woocommerce-checkout .woocommerce button,
body.woocommerce-checkout .woocommerce .button,
body.woocommerce-checkout .woocommerce a.button{
  border-radius:12px !important;
  border:1px solid transparent !important;
  padding:12px 16px !important;
  font-weight:900 !important;
  transition:all .2s ease !important;
  box-shadow:none !important;
}

/* Place order */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order{
  background:var(--vh-orange) !important;
  color:#fff !important;
  border-color:var(--vh-orange) !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  font-weight:900 !important;
  width:100%;
}
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout button#place_order:hover{
  background:var(--vh-orange-hover) !important;
  border-color:var(--vh-orange-hover) !important;
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(230,81,0,.18);
}

/* Secondary buttons (coupon/login apply) */
body.woocommerce-checkout button[name="apply_coupon"],
body.woocommerce-checkout button[name="login"],
body.woocommerce-checkout button.woocommerce-form-login__submit{
  background:var(--vh-navy) !important;
  color:#fff !important;
}
body.woocommerce-checkout button[name="apply_coupon"]:hover,
body.woocommerce-checkout button[name="login"]:hover,
body.woocommerce-checkout button.woocommerce-form-login__submit:hover{
  background:var(--vh-navy-2) !important;
  transform:translateY(-1px);
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px){
  body.woocommerce-checkout .vh-hero-title{ font-size:28px; }
  body.woocommerce-checkout .woocommerce{ padding:22px 16px 60px; }
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review{ padding:18px; }
  body.woocommerce-checkout #order_review{ margin-top:18px; }
  body.woocommerce-checkout table.shop_table thead th,
  body.woocommerce-checkout table.shop_table td{ padding:12px 12px !important; }
}

/* Small phones */
@media (max-width: 420px){
  body.woocommerce-checkout .vh-hero-title{ font-size:24px; }
}
/* =========================================================
   VALUE HOUSE — CHECKOUT: FORCE 2-COLUMN LAYOUT (FIX)
   Paste at the VERY END of your checkout CSS
========================================================= */

/* ---------- A) CLASSIC CHECKOUT SHORTCODE ([woocommerce_checkout]) ---------- */
@media (min-width: 992px){

  /* 1) Try GRID on the checkout form (strong .elementor-kit-385s) */
  body.woocommerce-checkout form.checkout,
  body.woocommerce-checkout form.woocommerce-checkout,
  body.woocommerce-checkout .woocommerce form.checkout,
  body.woocommerce-checkout .woocommerce form.woocommerce-checkout{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 28px !important;
    align-items: start !important;
  }

  /* Left column: customer details + additional fields (Order notes) */
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout .woocommerce #customer_details,
  body.woocommerce-checkout .woocommerce-additional-fields{
    grid-column: 1 !important;
    width: 100% !important;
    float: none !important;
    clear: none !important;
    min-width: 0 !important;
  }

  /* Some themes wrap the additional fields like this */
  body.woocommerce-checkout .col2-set,
  body.woocommerce-checkout .woocommerce .col2-set{
    grid-column: 1 !important;
    width: 100% !important;
    float: none !important;
    clear: none !important;
    min-width: 0 !important;
  }

  /* Right column: order summary */
  body.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout .woocommerce #order_review_heading,
  body.woocommerce-checkout .woocommerce #order_review,
  body.woocommerce-checkout .woocommerce-checkout-review-order{
    grid-column: 2 !important;
    width: 100% !important;
    float: none !important;
    clear: none !important;
    margin-top: 0 !important;
    min-width: 0 !important;
  }

  /* 2) FLOAT FALLBACK (if your theme blocks grid or changes DOM) */
  body.woocommerce-checkout form.checkout:not([style*="display: grid"]),
  body.woocommerce-checkout form.woocommerce-checkout:not([style*="display: grid"]){
    display: block !important;
  }

  body.woocommerce-checkout form.checkout #customer_details,
  body.woocommerce-checkout form.woocommerce-checkout #customer_details,
  body.woocommerce-checkout form.checkout .woocommerce-additional-fields,
  body.woocommerce-checkout form.woocommerce-checkout .woocommerce-additional-fields{
    float: left !important;
    width: calc(100% - 448px) !important; /* 420 + gap */
    clear: none !important;
  }

  body.woocommerce-checkout form.checkout #order_review_heading,
  body.woocommerce-checkout form.woocommerce-checkout #order_review_heading,
  body.woocommerce-checkout form.checkout #order_review,
  body.woocommerce-checkout form.woocommerce-checkout #order_review,
  body.woocommerce-checkout form.checkout .woocommerce-checkout-review-order,
  body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order{
    float: right !important;
    width: 420px !important;
    clear: none !important;
    margin-top: 0 !important;
  }

  /* Prevent inner columns from breaking the layout */
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2{
    float: none !important;
    width: 100% !important;
  }

  /* Clear floats after the form */
  body.woocommerce-checkout form.checkout::after,
  body.woocommerce-checkout form.woocommerce-checkout::after{
    content: "" !important;
    display: block !important;
    clear: both !important;
  }
}

/* ---------- B) WOOCOMMERCE BLOCK CHECKOUT (wp-block-woocommerce-checkout) ---------- */
@media (min-width: 992px){
  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout,
  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__main,
  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-main{
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__sidebar,
  body.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar{
    grid-column: 2 !important;
    min-width: 0 !important;
  }
}
/* =========================================================
   VALUE HOUSE — PRODUCT CARDS (WooCommerce + Elementor Products widget)
   Paste in: Elementor → Site Settings → Custom CSS
========================================================= */

/* Brand tokens (safe to keep global) */
:root{
  --vh-navy:#0D1B2A;
  --vh-navy-2:#0a1520;
  --vh-orange:#E65100;
  --vh-orange-hover:#d14700;

  --vh-card:#ffffff;
  --vh-border:#eeeeee;
  --vh-img:#f5f5f5;

  --vh-radius:10px;
  --vh-shadow:0 12px 35px rgba(0,0,0,.10);
}

/* ===== Card shell ===== */
.woocommerce ul.products li.product{
  background: var(--vh-card) !important;
  border: 1px solid var(--vh-border) !important;
  border-radius: var(--vh-radius) !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.woocommerce ul.products li.product:hover{
  border-color: rgba(230,81,0,.45) !important;
  box-shadow: var(--vh-shadow) !important;
  transform: translateY(-4px);
}

/* ===== Sale badge (orange, top-left like your main cards) ===== */
.woocommerce ul.products li.product span.onsale{
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;

  background: var(--vh-orange) !important;
  color: #fff !important;

  padding: 6px 10px !important;
  min-height: auto !important;
  min-width: auto !important;
  line-height: 1 !important;

  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  z-index: 3 !important;

  box-shadow: 0 10px 20px rgba(230,81,0,.18);
}

/* ===== Image area (clean light-grey panel) ===== */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  display: block !important;
  text-decoration: none !important;
}

.woocommerce ul.products li.product a img{
  width: 100% !important;
  height: 190px !important;
  object-fit: contain !important;

  background: var(--vh-img) !important;
  border-bottom: 1px solid var(--vh-border) !important;

  padding: 22px !important;
  margin: 0 !important;
  display: block !important;
}

/* ===== Title ===== */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
  padding: 18px 22px 10px !important;
  margin: 0 !important;

  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;

  color: var(--vh-navy) !important;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{
  color: var(--vh-orange) !important;
}

/* ===== Rating (optional) ===== */
.woocommerce ul.products li.product .star-rating{
  margin: 0 22px 10px !important;
  font-size: 12px !important;
}

/* ===== Price (old grey + new bold) ===== */
.woocommerce ul.products li.product .price{
  padding: 0 22px 16px !important;
  margin: 0 !important;

  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;

  color: var(--vh-navy) !important;
}

.woocommerce ul.products li.product .price del{
  order: 1;
  color: #999 !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.woocommerce ul.products li.product .price ins{
  order: 2;
  text-decoration: none !important;
  color: var(--vh-navy) !important;

  font-family: Raleway, Inter, system-ui, sans-serif;
  font-size: 22px !important;
  font-weight: 800 !important;
}

.woocommerce ul.products li.product .price > span.amount{
  font-family: Raleway, Inter, system-ui, sans-serif;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* ===== Add to cart button (full width, navy → orange hover) ===== */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product button.button{
  margin: 0 22px 22px !important;
  width: calc(100% - 44px) !important;

  display: block !important;
  text-align: center !important;

  background: var(--vh-navy) !important;
  color: #fff !important;

  border: none !important;
  border-radius: 6px !important;

  padding: 13px !important;
  font-size: 13px !important;
  font-weight: 700 !important;

  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product button.button:hover{
  background: var(--vh-orange) !important;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(230,81,0,.14);
}

/* Hide Woo default “added” checkmark icon spacing weirdness */
.woocommerce ul.products li.product .added_to_cart{
  margin: 0 22px 22px !important;
  display: block !important;
  font-weight: 700 !important;
  color: var(--vh-orange) !important;
}

/* ===== Mobile tweaks ===== */
@media (max-width: 768px){
  .woocommerce ul.products li.product a img{
    height: 170px !important;
    padding: 18px !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    padding: 16px 18px 10px !important;
  }
  .woocommerce ul.products li.product .price{
    padding: 0 18px 14px !important;
  }
  .woocommerce ul.products li.product .button{
    margin: 0 18px 18px !important;
    width: calc(100% - 36px) !important;
  }
}

/* VALUE HOUSE — PRICE COLOR FIX (paste under previous CSS) */

/* New/current price = navy */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .amount,
.woocommerce ul.products li.product .price > .amount,
.woocommerce ul.products li.product .price .woocommerce-Price-amount.amount{
  color: var(--vh-navy) !important;
}

/* Old price (sale del) = grey */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .amount{
  color:#999 !important;
  opacity:1 !important;
}
/* FULL WIDTH for Woo shop archives (Elementor templates) */
body.woocommerce-shop #primary,
body.tax-product_cat #primary,
body.tax-product_tag #primary,
body.woocommerce-shop .site-content,
body.tax-product_cat .site-content,
body.tax-product_tag .site-content,
body.woocommerce-shop .container,
body.tax-product_cat .container,
body.tax-product_tag .container,
body.woocommerce-shop .content-area,
body.tax-product_cat .content-area,
body.tax-product_tag .content-area{
  width:100% !important;
  max-width:100% !important;
}

body.woocommerce-shop .site-main,
body.tax-product_cat .site-main,
body.tax-product_tag .site-main{
  width:100% !important;
  max-width:100% !important;
}
/* VALUE HOUSE — Woo products grid: start from the left (no centered rows) */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woocommerce .products ul,
.woocommerce-page .products ul{
  width: 100% !important;
  max-width: none !important;

  /* important part: left align items (works for flex OR grid themes) */
  justify-content: flex-start !important;
  justify-content: start !important;

  /* remove auto-centering margins some themes add */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* If your theme uses Woo blocks / templates too */
.wc-block-grid__products,
.wp-block-woocommerce-product-template{
  justify-content: flex-start !important;
  justify-content: start !important;
}
/* =========================================
   VALUE HOUSE — Woo archive alignment fix
   - removes left blank space (sidebar/offset)
   - products grid starts from the left edge
========================================= */

/* 1) Kill sidebar layouts on Woo archives (common themes) */
body.post-type-archive-product #secondary,
body.tax-product_cat #secondary,
body.woocommerce.archive #secondary,
body.woocommerce-page.archive #secondary{
  display:none !important;
}

body.post-type-archive-product #primary,
body.tax-product_cat #primary,
body.woocommerce.archive #primary,
body.woocommerce-page.archive #primary{
  width:100% !important;
  max-width:none !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
  flex: 0 0 100% !important;
}

/* 2) Remove any “content shifted right” wrappers */
body.post-type-archive-product .content-area,
body.tax-product_cat .content-area,
body.woocommerce.archive .content-area,
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.woocommerce.archive .site-main{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 3) Products list: remove indent + stop centering (covers grid/flex/inline-block themes) */
.woocommerce ul.products,
.woocommerce-page ul.products{
  width:100% !important;
  max-width:none !important;

  padding-left:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;

  /* if theme centers with inline-block */
  text-align:left !important;

  /* if theme uses flex/grid */
  justify-content:flex-start !important;
  justify-content:start !important;
}

/* avoid extra left padding from list styling */
.woocommerce ul.products{ list-style:none !important; }

/* safety: prevent li from being auto-centered */
.woocommerce ul.products li.product{
  margin-left:0 !important;
  margin-right:0 !important;
}
/* =========================================
   VALUE HOUSE — NAV categories
   - SAME hover circle/pill for ALL items
   - NO fixed/active marking (hover only)
   Paste in GLOBAL CSS (put at the bottom)
========================================= */

:root{ --vh-orange:#E65100; }

/* Base: force identical pill style on every nav link */
.vh-header .vh-nav a,
.vh-header .vh-nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:6px 10px !important;     /* small pills */
  border-radius:999px !important;
  border:1px solid transparent !important;

  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  transition: color .2s, background .2s, border-color .2s, box-shadow .2s !important;
}

/* Hover: same circle for all */
.vh-header .vh-nav a:hover,
.vh-header .vh-nav-links a:hover{
  color:var(--vh-orange) !important;
  border-color:var(--vh-orange) !important;
  background:rgba(230,81,0,.10) !important;
  box-shadow:0 0 0 3px rgba(230,81,0,.12) !important;
}

/* Remove any underline/line hover effects from theme */
.vh-header .vh-nav a::before,
.vh-header .vh-nav a::after,
.vh-header .vh-nav-links a::before,
.vh-header .vh-nav-links a::after{
  content:none !important;
}

/* NO fixed/active marking (kill any current/active styles) */
.vh-header .vh-nav li.is-active > a,
.vh-header .vh-nav li.current-menu-item > a,
.vh-header .vh-nav li.current-menu-ancestor > a,
.vh-header .vh-nav li.current-menu-parent > a,
.vh-header .vh-nav a[aria-current],
.vh-header .vh-nav a[aria-current="page"],
.vh-header .vh-nav a[aria-current="true"]{
  color:inherit !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
}/* FIX: Appliances (or any odd item) not hovering — force hover on LI + text inside */
:root{ --vh-orange:#E65100; }

/* make sure all nav items behave the same */
.vh-header .vh-nav-links > li > a,
.vh-header .vh-nav-links > li > span{
  color:#fff !important;                 /* default */
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid transparent !important;

  background:transparent !important;
  box-shadow:none !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

/* IMPORTANT: apply hover on the LI (works even if text is in a span) */
.vh-header .vh-nav-links > li:hover > a,
.vh-header .vh-nav-links > li:hover > span{
  color:var(--vh-orange) !important;
  border-color:var(--vh-orange) !important;
  background:rgba(230,81,0,.10) !important;
  box-shadow:0 0 0 3px rgba(230,81,0,.12) !important;
}

/* force any nested text/icon inside the link to turn orange too */
.vh-header .vh-nav-links > li:hover > a *,
.vh-header .vh-nav-links > li:hover > span *{
  color:var(--vh-orange) !important;
  fill:var(--vh-orange) !important;
  stroke:var(--vh-orange) !important;
}


</style>/* End custom CSS */