/* Hydraulic Orders Manager — frontend (matches the gx navy/orange design system) */
.hom-btn{display:inline-block;text-decoration:none;font-weight:700;font-size:14px;padding:12px 22px;border:1px solid transparent;cursor:pointer;line-height:1.2;transition:background .18s,color .18s,border-color .18s;font-family:inherit}
.hom-btn-cta{background:#F97316;color:#fff!important}
.hom-btn-cta:hover{background:#0E1B2C;color:#fff!important}
.hom-btn-dark{background:#0E1B2C;color:#fff!important}
.hom-btn-dark:hover{background:#F97316}
.hom-btn-ghost{border-color:#C9CFD7;color:#0E1B2C!important;background:#fff}
.hom-btn-ghost:hover{border-color:#F97316;color:#F97316!important}
.hom-btn-qv{background:#fff;border:1px solid #C9CFD7;color:#0E1B2C!important;font-size:12.5px;padding:9px 16px;margin-top:8px}
.hom-btn-qv:hover{border-color:#F97316;color:#F97316!important}
.hom-ph-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.hom-badge{display:inline-block;background:#0E1B2C;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;padding:5px 11px;margin-bottom:12px}

/* modal */
.hom-overlay{position:fixed;inset:0;background:rgba(14,27,44,.6);z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px}
.hom-overlay[hidden]{display:none}
.hom-modal{background:#fff;max-width:640px;width:100%;max-height:90vh;overflow:auto;position:relative;border-top:3px solid #F97316}
.hom-modal-wide{max-width:920px}
.hom-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;background:#0E1B2C;color:#fff;font-size:18px;cursor:pointer;z-index:2}
.hom-x:hover{background:#F97316}
.hom-modal-body{padding:30px 30px 28px}
.hom-loading{padding:40px;text-align:center;color:#8A94A0}

/* forms */
.hom-form-head h3{margin:0 0 6px;font-size:22px;color:#0E1B2C}
.hom-form-head p{margin:0 0 18px;color:#55607A;font-size:14px}
.hom-form label{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#46525F;margin-bottom:14px}
.hom-form input,.hom-form textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #C9CFD7;font-size:15px;font-family:inherit;box-sizing:border-box;background:#fff;color:#0E1B2C}
.hom-form input:focus,.hom-form textarea:focus{border-color:#F97316;outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.15)}
.hom-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.hom-file input{border:1px dashed #C9CFD7;padding:14px}
.hom-msg{margin-top:14px;padding:13px 15px;font-size:14px}
.hom-msg.ok{background:#EFF7EF;border:1px solid #B7D8B7;color:#1E5B1E}
.hom-msg.err{background:#FBEFEA;border:1px solid #EAC1B3;color:#8A2E12}
.hom-submit[disabled]{opacity:.6;cursor:wait}

/* thank-you Wise box */
.hom-wise-box{border:1px solid #E5E8EC;margin:26px 0}
.hom-wise-head{background:#0E1B2C;color:#fff;padding:26px 28px}
.hom-wise-head h2{color:#fff;margin:0 0 6px;font-size:22px}
.hom-wise-head p{color:#9AA5B1;margin:0;font-size:14px;max-width:60ch}
.hom-wise-grid{display:grid;grid-template-columns:1.15fr .85fr}
.hom-wise-details{padding:26px 28px}
.hom-li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed #E5E8EC;font-size:14.5px}
.hom-li b{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8A94A0;padding-top:3px;white-space:nowrap}
.hom-li span{text-align:right}
.hom-wise-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}
.hom-wise-qr{border-left:1px solid #E5E8EC;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;gap:10px}
.hom-wise-qr img{max-width:220px;width:100%;border:1px solid #E5E8EC}
.hom-wise-qr span{font-size:12.5px;color:#8A94A0;text-align:center}

/* quick view */
.hom-qv{display:grid;grid-template-columns:1fr 1.15fr;gap:26px}
.hom-qv-main img{width:100%;height:auto;border:1px solid #E5E8EC}
.hom-qv-noimg{background:#F4F6F8;color:#8A94A0;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1}
.hom-qv-thumbs{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.hom-qv-thumb{border:1px solid #E5E8EC;background:#fff;padding:0;cursor:pointer;width:56px;height:56px;overflow:hidden}
.hom-qv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hom-qv-thumb:hover{border-color:#F97316}
.hom-qv-info h2{margin:6px 0 4px;font-size:22px;color:#0E1B2C}
.hom-qv-sku{font-size:12px;color:#8A94A0;letter-spacing:.6px;text-transform:uppercase}
.hom-qv-price{font-size:20px;font-weight:800;color:#0E1B2C;margin:10px 0}
.hom-qv-desc{font-size:14px;color:#55607A;margin-bottom:12px}
.hom-qv-specs{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 16px}
.hom-qv-specs th{background:#F4F6F8;text-align:left;padding:8px 12px;border:1px solid #E5E8EC;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#46525F;white-space:nowrap;width:1%}
.hom-qv-specs td{padding:8px 12px;border:1px solid #E5E8EC}
.hom-qv-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hom-qv-qty{display:flex;align-items:center;gap:8px}
.hom-qv-qty label{font-size:12px;font-weight:700;text-transform:uppercase;color:#46525F}
.hom-qv-qty input{width:74px;padding:10px;border:1px solid #C9CFD7}

@media(max-width:720px){
	.hom-grid2{grid-template-columns:1fr}
	.hom-qv{grid-template-columns:1fr}
	.hom-wise-grid{grid-template-columns:1fr}
	.hom-wise-qr{border-left:0;border-top:1px solid #E5E8EC}
}

/* ================= v2: payment picker ================= */
.hom-pay-options{display:grid;gap:12px}
.hom-pay-option{display:block;width:100%;text-align:left;background:#fff;border:1px solid #C9CFD7;padding:18px 20px;cursor:pointer;font-family:inherit;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative}
.hom-pay-option:hover{border-color:#F97316;box-shadow:0 8px 22px rgba(14,27,44,.10);transform:translateY(-2px)}
.hom-pay-name{display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;color:#0E1B2C;margin-bottom:4px}
.hom-pay-desc{display:block;font-size:13px;color:#55607A;line-height:1.55;padding-right:90px}
.hom-pay-go{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-family:'Manrope',sans-serif;font-weight:700;font-size:12.5px;color:#F97316;white-space:nowrap}
.hom-pay-note{margin:16px 0 0;font-size:12.5px;color:#8A94A0;text-align:center}
.hom-product-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.hom-li-total{border-top:2px solid #0E1B2C;margin-top:4px;padding-top:12px}
.hom-li-total span{font-family:'Manrope',sans-serif;font-weight:800;font-size:18px}
.hom-wise-confirm{border-top:1px solid #E5E8EC;padding:26px 28px}
.hom-wise-confirm .hom-badge{margin-bottom:14px}
.hom-noqr{grid-template-columns:1fr}

/* ================= v2: product page redesign (gx skin) ================= */
body.hom-skin.single-product .product_title{font-family:'Manrope',sans-serif!important;font-weight:800!important;font-size:clamp(26px,3.2vw,36px)!important;letter-spacing:-.02em;color:#0E1B2C;line-height:1.12}
body.hom-skin.single-product .summary .price{font-family:'Manrope',sans-serif;font-weight:800;font-size:26px;color:#0E1B2C;margin:10px 0 4px}
body.hom-skin.single-product .summary .price del{color:#8A94A0;font-weight:600}
body.hom-skin.single-product .summary .price ins{text-decoration:none}
body.hom-skin.single-product .woocommerce-product-details__short-description{color:#55607A;font-size:15px}
body.hom-skin.single-product .summary .sku_wrapper,
body.hom-skin.single-product .summary .posted_in{display:block;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:#8A94A0;margin-top:6px}
body.hom-skin.single-product .summary .sku_wrapper a,body.hom-skin.single-product .summary .posted_in a{color:#0E1B2C;text-decoration:none;font-weight:600}
body.hom-skin.single-product .summary .posted_in a:hover{color:#F97316}

/* variations table (size dropdown) */
body.hom-skin table.variations{margin:14px 0 8px}
body.hom-skin table.variations th.label{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#46525F;padding-right:14px;vertical-align:middle}
body.hom-skin table.variations select{border:1px solid #C9CFD7;padding:11px 13px;font-size:14.5px;max-width:100%;background:#fff;color:#0E1B2C}
body.hom-skin table.variations select:focus{border-color:#F97316;outline:none;box-shadow:0 0 0 3px rgba(249,115,22,.15)}
body.hom-skin .reset_variations{font-size:12px;color:#8A94A0}
body.hom-skin .woocommerce-variation-price .price{font-size:24px!important}
body.hom-skin .woocommerce-variation-availability .stock{font-size:13px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
body.hom-skin .stock.in-stock{color:#1E5B1E}
body.hom-skin .stock.out-of-stock{color:#A71D1D}

/* qty + add to cart */
body.hom-skin .quantity .qty{border:1px solid #C9CFD7;padding:12px;width:82px;font-size:15px}
body.hom-skin .single_add_to_cart_button,
body.hom-skin .woocommerce #respond input#submit{background:#0E1B2C!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:15px!important;padding:14px 30px!important;text-transform:none!important;transition:background .18s!important}
body.hom-skin .single_add_to_cart_button:hover{background:#F97316!important}

/* gallery */
body.hom-skin .woocommerce-product-gallery__wrapper{border:1px solid #E5E8EC}
body.hom-skin .woocommerce-product-gallery .flex-control-thumbs{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
body.hom-skin .woocommerce-product-gallery .flex-control-thumbs li{width:64px;border:1px solid #E5E8EC;cursor:pointer;transition:border-color .18s}
body.hom-skin .woocommerce-product-gallery .flex-control-thumbs li:hover,
body.hom-skin .woocommerce-product-gallery .flex-control-thumbs li img.flex-active{border-color:#F97316}

/* tabs */
body.hom-skin .woocommerce-tabs ul.tabs{border-bottom:2px solid #E5E8EC!important;padding:0!important;margin:34px 0 0!important;background:none!important}
body.hom-skin .woocommerce-tabs ul.tabs::before,body.hom-skin .woocommerce-tabs ul.tabs::after{display:none!important}
body.hom-skin .woocommerce-tabs ul.tabs li{background:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}
body.hom-skin .woocommerce-tabs ul.tabs li a{font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:14px!important;color:#8A94A0!important;padding:13px 18px!important;display:inline-block;position:relative}
body.hom-skin .woocommerce-tabs ul.tabs li a::after{content:"";position:absolute;left:18px;right:18px;bottom:-2px;height:2px;background:#F97316;transform:scaleX(0);transition:transform .2s}
body.hom-skin .woocommerce-tabs ul.tabs li.active a{color:#0E1B2C!important}
body.hom-skin .woocommerce-tabs ul.tabs li.active a::after,body.hom-skin .woocommerce-tabs ul.tabs li a:hover::after{transform:scaleX(1)}
body.hom-skin .woocommerce-Tabs-panel{padding:24px 0!important;color:#55607A;font-size:15px}
body.hom-skin .woocommerce-Tabs-panel h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:#0E1B2C}
body.hom-skin table.woocommerce-product-attributes{border:1px solid #E5E8EC;border-collapse:collapse}
body.hom-skin table.woocommerce-product-attributes th{background:#F4F6F8;border:1px solid #E5E8EC;padding:10px 14px;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:#46525F;font-style:normal}
body.hom-skin table.woocommerce-product-attributes td{border:1px solid #E5E8EC;padding:10px 14px;font-style:normal}

/* related products + loop cards */
body.hom-skin .related.products h2,body.hom-skin .upsells.products h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:24px;color:#0E1B2C;border-top:1px solid #E5E8EC;padding-top:20px;margin-top:24px}
body.hom-skin ul.products li.product{background:#fff;border:1px solid #E5E8EC;padding:0 0 16px;transition:border-color .2s,box-shadow .2s,transform .2s;text-align:left}
body.hom-skin ul.products li.product:hover{border-color:#F97316;box-shadow:0 14px 30px rgba(14,27,44,.10);transform:translateY(-4px)}
body.hom-skin ul.products li.product img{margin:0!important;width:100%}
body.hom-skin ul.products li.product .woocommerce-loop-product__title{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;color:#0E1B2C;padding:12px 16px 0!important}
body.hom-skin ul.products li.product .price{padding:0 16px;font-family:'Manrope',sans-serif;font-weight:800;color:#0E1B2C!important}
body.hom-skin ul.products li.product .button,body.hom-skin ul.products li.product .hom-btn-qv{margin:10px 16px 0!important}
body.hom-skin ul.products li.product .star-rating{margin:6px 16px}
body.hom-skin .onsale{background:#F97316!important;border-radius:0!important;font-family:'Manrope',sans-serif;font-weight:700}

@media(max-width:720px){
	.hom-pay-desc{padding-right:0}
	.hom-pay-go{position:static;transform:none;display:inline-block;margin-top:8px}
	.hom-product-actions .hom-btn{flex:1;text-align:center}
}

/* ================= v2.1: checkout gx skin (matches site) ================= */
body.hom-skin.woocommerce-checkout h1,body.hom-skin.woocommerce-checkout h3{font-family:'Manrope',sans-serif!important;font-weight:800!important;color:#0E1B2C;letter-spacing:-.02em}
body.hom-skin.woocommerce-checkout form .form-row input.input-text,
body.hom-skin.woocommerce-checkout form .form-row textarea,
body.hom-skin.woocommerce-checkout .select2-container--default .select2-selection--single{border:1px solid #C9CFD7!important;border-radius:0!important;padding:11px 13px!important;height:auto!important;font-size:14.5px;background:#fff}
body.hom-skin.woocommerce-checkout form .form-row input.input-text:focus,
body.hom-skin.woocommerce-checkout form .form-row textarea:focus{border-color:#F97316!important;box-shadow:0 0 0 3px rgba(249,115,22,.15)!important;outline:none}
body.hom-skin.woocommerce-checkout form .form-row label{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#46525F}
body.hom-skin #order_review_heading{border-top:1px solid #E5E8EC;padding-top:20px}
body.hom-skin table.shop_table{border:1px solid #E5E8EC!important;border-radius:0!important;border-collapse:collapse}
body.hom-skin table.shop_table th,body.hom-skin table.shop_table td{border-color:#E5E8EC!important;padding:12px 14px!important}
body.hom-skin table.shop_table thead th{background:#F4F6F8;font-size:11.5px;letter-spacing:.8px;text-transform:uppercase;color:#46525F}
body.hom-skin table.shop_table .fee th,body.hom-skin table.shop_table .fee td{color:#0E1B2C;font-weight:600}
body.hom-skin table.shop_table .order-total th,body.hom-skin table.shop_table .order-total td{font-family:'Manrope',sans-serif;font-weight:800;font-size:17px;border-top:2px solid #0E1B2C!important}
body.hom-skin .woocommerce-checkout #payment{background:#F4F6F8!important;border:1px solid #E5E8EC;border-radius:0!important}
body.hom-skin .woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid #E5E8EC!important;padding:18px!important}
body.hom-skin .woocommerce-checkout #payment ul.payment_methods li{margin-bottom:8px}
body.hom-skin .woocommerce-checkout #payment ul.payment_methods label{font-family:'Manrope',sans-serif;font-weight:700;color:#0E1B2C;font-size:15px}
body.hom-skin .woocommerce-checkout #payment div.payment_box{background:#fff!important;border:1px solid #E5E8EC;color:#55607A!important;font-size:13.5px;border-radius:0!important}
body.hom-skin .woocommerce-checkout #payment div.payment_box::before{display:none!important}
body.hom-skin #place_order{background:#F97316!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:16px!important;padding:16px 34px!important;width:100%;transition:background .18s!important}
body.hom-skin #place_order:hover{background:#0E1B2C!important}
body.hom-skin .woocommerce-checkout input[type=radio]{accent-color:#F97316}
body.hom-skin .woocommerce-info,body.hom-skin .woocommerce-message{border-top-color:#F97316!important;background:#F4F6F8;color:#0E1B2C}
body.hom-skin .woocommerce-message::before{color:#F97316!important}
body.hom-skin .woocommerce-info::before{color:#F97316!important}

/* ================= v2.2: order-received page skin ================= */
body.hom-skin.woocommerce-order-received .entry-title,
body.hom-skin.woocommerce-checkout h1.entry-title{
  font-family:'Manrope',sans-serif!important;font-weight:800!important;
  color:#0E1B2C;letter-spacing:-.02em;font-size:clamp(28px,3.6vw,40px)!important;
}
body.hom-skin .woocommerce-thankyou-order-received{
  font-family:'Manrope',sans-serif;font-weight:700;font-size:19px;color:#0E1B2C;
  border-left:3px solid #F97316;padding:6px 0 6px 16px;margin-bottom:22px;
}
body.hom-skin ul.woocommerce-thankyou-order-details{
  display:flex;flex-wrap:wrap;gap:2px;background:#E5E8EC;border:1px solid #E5E8EC;
  padding:0!important;margin:0 0 26px!important;list-style:none;
}
body.hom-skin ul.woocommerce-thankyou-order-details li{
  flex:1 1 160px;background:#F4F6F8;border:0!important;margin:0!important;
  padding:16px 18px!important;font-size:11px!important;letter-spacing:.1em;
  text-transform:uppercase;color:#8A94A0!important;float:none!important;
}
body.hom-skin ul.woocommerce-thankyou-order-details li strong{
  display:block;font-family:'Manrope',sans-serif;font-weight:800;
  font-size:16px;color:#0E1B2C;letter-spacing:0;text-transform:none;margin-top:4px;
}
body.hom-skin .woocommerce-order-details__title,
body.hom-skin .woocommerce-customer-details h2{
  font-family:'Manrope',sans-serif!important;font-weight:800!important;color:#0E1B2C;
  font-size:22px!important;border-top:1px solid #E5E8EC;padding-top:20px;margin-top:26px;
}
body.hom-skin .woocommerce-customer-details address{
  border:1px solid #E5E8EC!important;border-radius:0!important;padding:18px 20px!important;
  font-size:14.5px;color:#55607A;
}