:root{
  --hx-primary:#0f2742;
  --hx-primary-2:#163a61;
  --hx-accent:#84bd00;
  --hx-bg:#f6f8fb;
  --hx-surface:#ffffff;
  --hx-text:#16202a;
  --hx-muted:#667085;
  --hx-border:#e4e9f0;
  --hx-success:#16834a;
  --hx-warning:#b26a00;
  --hx-danger:#c43737;
  --hx-radius-sm:10px;
  --hx-radius:16px;
  --hx-radius-lg:24px;
  --hx-shadow:0 10px 30px rgba(15,39,66,.08);
  --hx-shadow-lg:0 18px 50px rgba(15,39,66,.12);
  --hx-transition:180ms ease;
}
html{scroll-behavior:smooth}
body{
  background:var(--hx-bg);
  color:var(--hx-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color var(--hx-transition),background var(--hx-transition),border-color var(--hx-transition),transform var(--hx-transition)}
img{border-radius:12px}
::selection{background:var(--hx-primary);color:#fff}

/* Header */
.tp-header-area,
.tp-header-2-area,
.tp-header-3-area,
.tp-header-4-area,
.tp-header-5-area{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--hx-border);
}
.tp-header-sticky.header-sticky{
  box-shadow:0 8px 30px rgba(15,39,66,.08)!important;
}
.tp-header-logo img{max-height:54px;width:auto}
.tp-header-search-box,
.tp-header-search-wrapper,
.tp-header-search-2{
  border-radius:14px!important;
}
.tp-header-search-box input,
.tp-header-search-wrapper input,
.tp-header-search-2 input{
  border:1px solid var(--hx-border)!important;
  background:#f8fafc!important;
  border-radius:14px!important;
  min-height:46px;
}
.tp-header-search-box input:focus,
.tp-header-search-wrapper input:focus,
.tp-header-search-2 input:focus{
  border-color:var(--hx-primary)!important;
  box-shadow:0 0 0 3px rgba(15,39,66,.08);
}
.main-menu > nav > ul > li > a,
.tp-main-menu > nav > ul > li > a{
  color:var(--hx-primary)!important;
  font-weight:650!important;
  letter-spacing:-.01em;
}
.main-menu > nav > ul > li:hover > a,
.tp-main-menu > nav > ul > li:hover > a{
  color:var(--hx-accent)!important;
}
.tp-header-action-item button,
.tp-header-action-item a{
  border-radius:12px;
}

/* General layout */
.container,.container-fluid{--bs-gutter-x:1.5rem}
.tp-section-title,
.tp-section-title-2,
.tp-section-title-3,
h1,h2,h3{
  letter-spacing:-.025em;
}
.tp-section-title{color:var(--hx-primary)}
.tp-btn,
.tp-btn-2,
.tp-btn-border,
button[type=submit],
input[type=submit],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.single_add_to_cart_button{
  border-radius:12px!important;
  min-height:44px;
  font-weight:700!important;
  transition:transform var(--hx-transition),box-shadow var(--hx-transition),background var(--hx-transition)!important;
}
.tp-btn:hover,
.tp-btn-2:hover,
.tp-btn-border:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.single_add_to_cart_button:hover{
  transform:translateY(-1px);
  box-shadow:0 9px 20px rgba(15,39,66,.15);
}

/* Cards */
.tp-product-item,
.tp-product-item-2,
.tp-product-item-3,
.tp-product-item-4,
.product.type-product{
  background:var(--hx-surface);
  border:1px solid var(--hx-border)!important;
  border-radius:var(--hx-radius)!important;
  overflow:hidden;
  transition:transform var(--hx-transition),box-shadow var(--hx-transition),border-color var(--hx-transition);
}
.tp-product-item:hover,
.tp-product-item-2:hover,
.tp-product-item-3:hover,
.tp-product-item-4:hover,
.product.type-product:hover{
  transform:translateY(-4px);
  box-shadow:var(--hx-shadow);
  border-color:#d7dee8!important;
}
.tp-product-thumb,
.tp-product-thumb-2,
.tp-product-thumb-3{
  background:#fff!important;
  overflow:hidden;
}
.tp-product-thumb img,
.tp-product-thumb-2 img,
.tp-product-thumb-3 img{
  transition:transform 320ms ease;
}
.tp-product-item:hover .tp-product-thumb img,
.tp-product-item-2:hover .tp-product-thumb-2 img,
.tp-product-item-3:hover .tp-product-thumb-3 img{
  transform:scale(1.025);
}
.tp-product-content,
.tp-product-content-2,
.tp-product-content-3{padding:18px!important}
.tp-product-title,
.tp-product-title-2,
.tp-product-title-3{
  color:var(--hx-primary)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.tp-product-price,
.woocommerce-Price-amount{
  color:var(--hx-primary)!important;
  font-weight:800!important;
}
ins{text-decoration:none!important}
del{color:#98a2b3!important}

/* Shop filters & controls */
.woocommerce-ordering select,
select,
input[type=text],
input[type=email],
input[type=tel],
input[type=password],
input[type=number],
textarea{
  border:1px solid var(--hx-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  min-height:44px;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--hx-primary)!important;
  box-shadow:0 0 0 3px rgba(15,39,66,.07)!important;
  outline:none!important;
}
.tp-shop-widget,
.widget{
  background:#fff;
  border:1px solid var(--hx-border);
  border-radius:var(--hx-radius);
  padding:20px;
}
.tp-shop-widget-title{color:var(--hx-primary)}

/* Product detail */
.tp-product-details-wrapper,
.tp-product-details-thumb-wrapper{
  background:#fff;
  border:1px solid var(--hx-border);
  border-radius:var(--hx-radius-lg);
}
.tp-product-details-wrapper{padding:28px!important}
.tp-product-details-title{
  color:var(--hx-primary)!important;
  font-weight:800!important;
  letter-spacing:-.025em;
}
.tp-product-details-price{
  font-size:1.45rem!important;
  color:var(--hx-primary)!important;
}
.tp-product-details-quantity .tp-cart-input[type=text],
.quantity .qty{
  border-radius:10px!important;
}
.woocommerce-tabs,
.tp-product-details-tab-nav,
.tp-product-details-tab-content{
  background:#fff;
  border-radius:var(--hx-radius);
}
.woocommerce-tabs ul.tabs{
  border-bottom:1px solid var(--hx-border)!important;
}

/* Cart & checkout */
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields{
  background:#fff;
  border:1px solid var(--hx-border);
  border-radius:var(--hx-radius);
  padding:22px;
}
table.shop_table{
  border:0!important;
  border-radius:var(--hx-radius)!important;
  overflow:hidden;
}
table.shop_table th{
  background:#f7f9fc;
  color:var(--hx-primary);
}

/* Account */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content{
  background:#fff;
  border:1px solid var(--hx-border);
  border-radius:var(--hx-radius);
  padding:20px;
}
.woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none}
.woocommerce-MyAccount-navigation li a{
  display:block;
  padding:11px 13px;
  border-radius:10px;
  color:var(--hx-primary);
  font-weight:650;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover{
  background:#f1f5f9;
  color:var(--hx-primary);
}

/* Footer */
footer,
.tp-footer-area,
.tp-footer-2-area{
  background:var(--hx-primary)!important;
  color:#dbe5ef;
}
footer a,
.tp-footer-area a,
.tp-footer-2-area a{color:#e8eef5}
footer a:hover,
.tp-footer-area a:hover,
.tp-footer-2-area a:hover{color:#fff}
.tp-footer-widget-title{color:#fff!important}

/* RTL */
html[dir=rtl] body{font-family:"Tajawal","Segoe UI",Tahoma,sans-serif}
html[dir=ltr] body{font-family:"Manrope","Segoe UI",sans-serif}

/* Responsive */
@media (max-width:991px){
  .tp-product-details-wrapper{padding:20px!important}
  .tp-header-logo img{max-height:46px}
  .tp-shop-widget,.widget{padding:16px}
}
@media (max-width:767px){
  :root{--hx-radius:14px;--hx-radius-lg:18px}
  .tp-product-content,
  .tp-product-content-2,
  .tp-product-content-3{padding:14px!important}
  .woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order{padding:16px}
  .tp-btn,.tp-btn-2,.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button{min-height:46px}
}