@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//gamingpcoman.shop/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.6.0") format("woff2");
}

:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 28px;
	--wd-primary-color: rgb(35,173,220);
	--wd-alternative-color: rgb(141,214,233);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(46,107,198);
	--btn-accented-bgcolor-hover: rgb(42,97,180);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://gamingpcoman.shop/wp-content/uploads/2022/09/accessories-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://gamingpcoman.shop/wp-content/uploads/2022/09/accessories-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
html .wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1337px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1320px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "hkgroteskpro";
	src: url("//gamingpcoman.shop/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff2") format("woff2"), 
url("//gamingpcoman.shop/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff2") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* Gaming PC Oman — WoodMart/WooCommerce gaming UI redesign
   Prepared by Manus AI on 2026-06-01.
   Scope: visual polish only; does not alter WooCommerce checkout logic, payment logic, or form behavior.
   Apply in WoodMart Theme Settings > Custom CSS, then purge LiteSpeed/CDN cache.
*/

:root {
  --gpo-bg: #060914;
  --gpo-bg-2: #0b1022;
  --gpo-surface: rgba(15, 23, 42, 0.92);
  --gpo-surface-2: rgba(22, 33, 62, 0.94);
  --gpo-card: #0f172a;
  --gpo-card-2: #111c35;
  --gpo-border: rgba(96, 165, 250, 0.22);
  --gpo-border-strong: rgba(59, 130, 246, 0.48);
  --gpo-text: #f8fbff;
  --gpo-muted: #a8b3cf;
  --gpo-blue: #22d3ee;
  --gpo-blue-2: #2563eb;
  --gpo-purple: #7c3aed;
  --gpo-pink: #f43f8a;
  --gpo-green: #22c55e;
  --gpo-warning: #facc15;
  --gpo-radius-xl: 26px;
  --gpo-radius-lg: 20px;
  --gpo-radius-md: 14px;
  --gpo-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
  --gpo-glow: 0 0 0 1px rgba(34, 211, 238, 0.20), 0 18px 48px rgba(37, 99, 235, 0.22);
  --gpo-gradient: linear-gradient(135deg, var(--gpo-blue) 0%, var(--gpo-blue-2) 45%, var(--gpo-purple) 100%);
  --gpo-gradient-hot: linear-gradient(135deg, var(--gpo-pink) 0%, var(--gpo-purple) 48%, var(--gpo-blue-2) 100%);
}

html,
body,
.website-wrapper,
.main-page-wrapper,
.site-content,
.wd-content-layout,
.page .main-page-wrapper,
.single-product .main-page-wrapper,
.archive .main-page-wrapper,
.woocommerce-page .main-page-wrapper {
  background: radial-gradient(circle at 18% 0%, rgba(37, 99, 235, 0.24), transparent 34%),
              radial-gradient(circle at 82% 6%, rgba(124, 58, 237, 0.22), transparent 34%),
              linear-gradient(180deg, var(--gpo-bg) 0%, var(--gpo-bg-2) 52%, #070a12 100%) !important;
  color: var(--gpo-text);
}

body,
.woocommerce-page,
.product-grid-item,
.wd-entities-title,
.wd-entities-title a,
.product_title,
.entry-title,
.title,
.elementor-heading-title {
  color: var(--gpo-text);
}

p,
li,
.wd-product-cats,
.product_meta,
.woocommerce-breadcrumb,
.breadcrumbs,
.woocommerce-mini-cart__empty-message,
.woocommerce-form__label,
.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .form-row label,
.woocommerce-cart .shop_table th,
.woocommerce-cart .shop_table td,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
  color: var(--gpo-muted);
}

/* Header and navigation */
.whb-header,
.whb-main-header,
.whb-sticked,
.whb-row,
.whb-general-header,
.whb-header-bottom {
  background: rgba(6, 9, 20, 0.94) !important;
  border-color: var(--gpo-border) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(14px);
}

.whb-header .wd-nav > li > a,
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-text,
.whb-header .wd-tools-icon:before,
.whb-header .wd-header-cart .wd-cart-number,
.whb-header .wd-header-cart .wd-tools-text,
.whb-header .wd-header-my-account .wd-tools-text,
.whb-header .wd-header-wishlist .wd-tools-text {
  color: var(--gpo-text) !important;
}

.whb-header .wd-nav > li > a:hover,
.whb-header .wd-nav > li.current-menu-item > a,
.whb-header .wd-tools-element:hover > a,
.whb-header .wd-tools-element:hover .wd-tools-icon:before {
  color: var(--gpo-blue) !important;
}

.whb-header .searchform,
.whb-header .woodmart-search-form,
.whb-header .wd-search-form,
.whb-header .searchform input[type="text"],
.whb-header .woodmart-search-form input[type="text"],
.whb-header .wd-search-form input[type="text"] {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: var(--gpo-border) !important;
  color: var(--gpo-text) !important;
  border-radius: 999px !important;
}

.whb-header .searchform,
.whb-header .woodmart-search-form,
.whb-header .wd-search-form {
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.10), 0 10px 26px rgba(0, 0, 0, 0.22);
  overflow: hidden;
}

.whb-header input::placeholder,
.searchform input::placeholder,
.woocommerce-checkout input::placeholder,
.woocommerce-cart input::placeholder {
  color: rgba(168, 179, 207, 0.72) !important;
}

.wd-dropdown,
.wd-dropdown-menu,
.wd-sub-menu,
.wd-dropdown-cats,
.wd-search-results,
.wd-dropdown-results,
.wd-side-hidden {
  background: rgba(9, 14, 31, 0.98) !important;
  border: 1px solid var(--gpo-border) !important;
  box-shadow: var(--gpo-shadow) !important;
  color: var(--gpo-text) !important;
}

.wd-dropdown a,
.wd-sub-menu a,
.wd-dropdown-menu a,
.wd-dropdown-cats a {
  color: var(--gpo-text) !important;
}

.wd-dropdown a:hover,
.wd-sub-menu a:hover,
.wd-dropdown-menu a:hover,
.wd-dropdown-cats a:hover {
  color: var(--gpo-blue) !important;
}

/* Hero, banners, and Elementor visual cards */
.home .site-content,
.home .main-page-wrapper {
  background: radial-gradient(circle at 30% 0%, rgba(34, 211, 238, 0.16), transparent 34%), var(--gpo-bg) !important;
}

.home .wd-slider-wrapper,
.home .rev_slider_wrapper,
.home .elementor-widget-wd_slider,
.home .elementor-widget-slider_revolution,
.home .elementor-widget-image a,
.home .promo-banner,
.home .banner-wrapper,
.home .wd-banner {
  border-radius: var(--gpo-radius-xl) !important;
  overflow: hidden;
  border: 1px solid var(--gpo-border);
  box-shadow: var(--gpo-glow);
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.88), rgba(6, 9, 20, 0.92));
}

.home .elementor-section,
.home .elementor-container,
.home .e-con {
  color: var(--gpo-text);
}

.home .title-wrapper .title,
.home .wd-title,
.home .elementor-heading-title,
.archive .page-title,
.woocommerce-products-header__title,
.single-product .product_title,
.cart_totals h2,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
  color: var(--gpo-text) !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em;
}

.home .title-wrapper .title:after,
.home .elementor-heading-title:after,
.cart_totals h2:after,
.woocommerce-billing-fields h3:after {
  content: "";
  display: block;
  width: 74px;
  height: 3px;
  margin-top: 10px;
  border-radius: 999px;
  background: var(--gpo-gradient);
  box-shadow: 0 0 20px rgba(34, 211, 238, 0.45);
}

/* Category and product cards */
.category-grid-item,
.wd-cat,
.product-category,
.product-grid-item,
.wd-products .product,
ul.products li.product,
.product-wrapper,
.wd-product .product-wrapper,
.product-image-summary,
.summary-inner,
.related-products,
.upsells-products,
.cross-sells,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce-order,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(17, 28, 53, 0.92)) !important;
  border: 1px solid var(--gpo-border) !important;
  border-radius: var(--gpo-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
}

.category-grid-item,
.wd-cat,
.product-category,
.product-grid-item,
.wd-products .product,
ul.products li.product {
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.category-grid-item:hover,
.wd-cat:hover,
.product-category:hover,
.product-grid-item:hover,
.wd-products .product:hover,
ul.products li.product:hover {
  transform: translateY(-6px);
  border-color: var(--gpo-border-strong) !important;
  box-shadow: 0 22px 58px rgba(37, 99, 235, 0.20), 0 12px 34px rgba(0, 0, 0, 0.34);
}

.category-grid-item img,
.wd-cat img,
.product-category img,
.product-grid-item img,
.wd-products .product img,
ul.products li.product img {
  transition: transform .34s ease, filter .34s ease;
}

.category-grid-item:hover img,
.wd-cat:hover img,
.product-category:hover img,
.product-grid-item:hover img,
.wd-products .product:hover img,
ul.products li.product:hover img {
  transform: scale(1.04);
  filter: saturate(1.12) contrast(1.04);
}

.product-grid-item .wd-entities-title,
.wd-products .product .wd-entities-title,
ul.products li.product .woocommerce-loop-product__title,
.category-grid-item .wd-entities-title,
.wd-cat .wd-entities-title,
.product-category .wd-entities-title {
  color: var(--gpo-text) !important;
  font-weight: 850 !important;
  line-height: 1.32;
}

.price,
.amount,
.product-grid-item .price,
.wd-products .product .price,
ul.products li.product .price,
.single-product .price {
  color: var(--gpo-blue) !important;
  font-weight: 900 !important;
}

.onsale,
.product-label.onsale,
.product-label.featured,
.wd-label,
.wd-product-labels .product-label {
  border-radius: 999px !important;
  background: var(--gpo-gradient-hot) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(244, 63, 138, 0.28);
  font-weight: 900;
}

/* Buttons and interaction states */
button,
.button,
.btn,
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
#place_order,
.woocommerce-form-login__submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout button.button,
.woocommerce-cart button.button,
.wd-button-wrapper a,
.elementor-button {
  border-radius: 999px !important;
  background: var(--gpo-gradient) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.32);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

button:hover,
.button:hover,
.btn:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
#place_order:hover,
.woocommerce-form-login__submit:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-cart button.button:hover,
.wd-button-wrapper a:hover,
.elementor-button:hover {
  transform: translateY(-2px);
  filter: saturate(1.12) brightness(1.04);
  box-shadow: 0 18px 44px rgba(34, 211, 238, 0.35), 0 8px 24px rgba(124, 58, 237, 0.24);
}

button:focus,
.button:focus,
a:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 2px solid rgba(34, 211, 238, 0.65) !important;
  outline-offset: 2px;
}

/* Cart and checkout shell */
.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-cart .main-page-wrapper,
.woocommerce-checkout .main-page-wrapper {
  background: radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.20), transparent 32%), var(--gpo-bg) !important;
}

.woocommerce-cart .container,
.woocommerce-checkout .container,
.woocommerce-cart .wd-builder-off,
.woocommerce-checkout .wd-builder-off {
  color: var(--gpo-text);
}

.wd-checkout-steps {
  background: rgba(15, 23, 42, 0.82);
  border: 1px solid var(--gpo-border);
  border-radius: var(--gpo-radius-xl);
  padding: 16px 18px;
  margin-bottom: 26px;
  box-shadow: var(--gpo-glow);
}

.wd-checkout-steps li,
.wd-checkout-steps a,
.wd-checkout-steps span {
  color: var(--gpo-muted) !important;
  font-weight: 850;
}

.wd-checkout-steps .step-active,
.wd-checkout-steps .active,
.wd-checkout-steps li:hover a,
.wd-checkout-steps a:hover {
  color: var(--gpo-blue) !important;
}

.woocommerce-cart-form,
.cart_totals,
.cart-collaterals,
.woocommerce-checkout form.checkout,
.woocommerce-checkout .wd-billing-details,
.woocommerce-checkout .wd-shipping-details,
.woocommerce-checkout .wd-order-table,
.woocommerce-checkout .wd-payment-methods,
.woocommerce-checkout .wd-checkout-coupon,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #payment,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .shop_table,
.woocommerce-cart .shop_table,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart-collaterals {
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(9, 14, 31, 0.96)) !important;
  border: 1px solid var(--gpo-border) !important;
  border-radius: var(--gpo-radius-lg) !important;
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.32) !important;
}

.woocommerce-checkout .wd-billing-details,
.woocommerce-checkout .wd-shipping-details,
.woocommerce-checkout .wd-order-table,
.woocommerce-checkout .wd-payment-methods,
.woocommerce-checkout .wd-checkout-coupon,
.woocommerce-cart-form,
.cart_totals {
  padding: clamp(18px, 2.2vw, 30px) !important;
}

.woocommerce-checkout form.checkout {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Elementor checkout layout: turn the existing WoodMart checkout widgets into a premium two-column flow on desktop. */
@media (min-width: 992px) {
  .woocommerce-checkout form.checkout .elementor-element-7b25928 > .e-con-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
    gap: 22px 28px;
    align-items: start;
  }

  .woocommerce-checkout .elementor-element-fa564fb,
  .woocommerce-checkout .elementor-element-69c030a,
  .woocommerce-checkout .elementor-element-65dedde {
    grid-column: 1;
  }

  .woocommerce-checkout .elementor-element-0520a01,
  .woocommerce-checkout .elementor-element-8703700,
  .woocommerce-checkout .elementor-element-85ff99c,
  .woocommerce-checkout .elementor-element-e727bdc {
    grid-column: 2;
  }

  .woocommerce-checkout .elementor-element-8703700,
  .woocommerce-checkout .elementor-element-e727bdc {
    position: relative;
  }
}

.woocommerce-checkout .elementor-widget-wd_title .title,
.woocommerce-checkout .elementor-widget-wd_title .wd-title,
.woocommerce-checkout .elementor-widget-wd_title .elementor-heading-title,
.woocommerce-checkout .elementor-widget-wd_title h2,
.woocommerce-checkout .elementor-widget-wd_title h3 {
  color: var(--gpo-text) !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em;
}

.woocommerce-checkout .elementor-widget-wd_title {
  margin-bottom: 8px !important;
}

.woocommerce-checkout .elementor-widget-wd_title .title:before,
.woocommerce-checkout .elementor-widget-wd_title .wd-title:before,
.woocommerce-checkout .elementor-widget-wd_title .elementor-heading-title:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-inline-end: 10px;
  border-radius: 50%;
  background: var(--gpo-blue);
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.78);
  vertical-align: middle;
}

/* Checkout fields */
.woocommerce-checkout .form-row,
.woocommerce-cart .form-row {
  margin-bottom: 16px !important;
}

.woocommerce-checkout .form-row label,
.woocommerce-cart .form-row label {
  color: var(--gpo-text) !important;
  font-weight: 800;
  margin-bottom: 7px;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-cart input.input-text,
.woocommerce-cart input[type="text"],
.woocommerce-cart textarea,
.woocommerce-cart select,
.woocommerce-cart .select2-container--default .select2-selection--single,
.woocommerce-page input.input-text,
.woocommerce-page input[type="text"],
.woocommerce-page input[type="email"],
.woocommerce-page input[type="tel"],
.woocommerce-page input[type="password"],
.woocommerce-page textarea,
.woocommerce-page select,
.woocommerce-page .select2-container--default .select2-selection--single {
  min-height: 52px;
  background: rgba(6, 9, 20, 0.86) !important;
  color: var(--gpo-text) !important;
  border: 1px solid rgba(96, 165, 250, 0.24) !important;
  border-radius: var(--gpo-radius-md) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.04);
}

.woocommerce-checkout textarea,
.woocommerce-page textarea {
  min-height: 118px;
  padding-top: 14px;
}

.select2-dropdown,
.select2-container--default .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field {
  background: #0a1022 !important;
  color: var(--gpo-text) !important;
  border-color: var(--gpo-border) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background: var(--gpo-blue-2) !important;
  color: #fff !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-cart input:focus,
.woocommerce-cart textarea:focus,
.woocommerce-page input:focus,
.woocommerce-page textarea:focus,
.woocommerce-page select:focus,
.select2-container--open .select2-selection--single {
  border-color: rgba(34, 211, 238, 0.72) !important;
  box-shadow: 0 0 0 4px rgba(34, 211, 238, 0.10), inset 0 0 0 1px rgba(34, 211, 238, 0.18) !important;
}

.woocommerce-checkout .required,
.woocommerce form .required {
  color: var(--gpo-pink) !important;
}

/* Order summary and payment */
.woocommerce-checkout .shop_table,
.woocommerce-cart .shop_table {
  overflow: hidden;
  border-collapse: separate !important;
  border-spacing: 0;
}

.woocommerce-checkout .shop_table thead th,
.woocommerce-cart .shop_table thead th,
.woocommerce-checkout .shop_table tfoot th,
.woocommerce-cart .shop_table tfoot th {
  background: rgba(34, 211, 238, 0.06) !important;
  color: var(--gpo-text) !important;
  font-weight: 900;
}

.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th,
.woocommerce-cart .shop_table td,
.woocommerce-cart .shop_table th {
  border-color: rgba(96, 165, 250, 0.16) !important;
}

.woocommerce-checkout .order-total .amount,
.woocommerce-cart .order-total .amount,
.cart_totals .order-total .amount {
  color: var(--gpo-green) !important;
  font-size: 1.12em;
}

.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods {
  border: 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li,
.woocommerce-checkout .woocommerce-checkout-payment ul.payment_methods li {
  background: rgba(6, 9, 20, 0.64);
  border: 1px solid rgba(96, 165, 250, 0.18);
  border-radius: var(--gpo-radius-md);
  padding: 14px 16px;
  margin-bottom: 12px;
}

.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout .woocommerce-checkout-payment div.payment_box {
  background: rgba(34, 211, 238, 0.08) !important;
  color: var(--gpo-muted) !important;
  border: 1px solid rgba(34, 211, 238, 0.16) !important;
  border-radius: var(--gpo-radius-md) !important;
}

.woocommerce-checkout .place-order {
  margin-top: 18px !important;
}

.woocommerce-checkout #place_order {
  width: 100%;
  min-height: 58px;
  font-size: 16px;
  text-transform: uppercase;
}

.woocommerce-checkout .wd-payment-methods:before,
.woocommerce-checkout .wd-order-table:before,
.woocommerce-cart .cart_totals:before {
  display: block;
  margin-bottom: 12px;
  color: var(--gpo-blue);
  font-weight: 900;
  letter-spacing: .02em;
}

.woocommerce-checkout .wd-order-table:before {
  content: "Secure order summary";
}

.woocommerce-checkout .wd-payment-methods:before {
  content: "Protected payment options";
}

.woocommerce-cart .cart_totals:before {
  content: "Ready for checkout";
}

.woocommerce-checkout .wd-payment-methods:after {
  content: "Fast confirmation • Secure payment • Oman delivery";
  display: block;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: var(--gpo-radius-md);
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.10), rgba(124, 58, 237, 0.10));
  border: 1px solid rgba(34, 211, 238, 0.18);
  color: var(--gpo-muted);
  font-weight: 750;
  text-align: center;
}

/* Cart details */
.woocommerce-cart-form .cart_item,
.woocommerce-cart .cart_totals tr,
.woocommerce-checkout-review-order-table tr {
  background: transparent !important;
}

.woocommerce-cart-form .product-name a,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-cart .product-name a {
  color: var(--gpo-text) !important;
  font-weight: 850;
}

.woocommerce-cart-form img,
.woocommerce-checkout-review-order-table img,
.woocommerce-mini-cart img {
  border-radius: var(--gpo-radius-md) !important;
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}

.quantity input[type="button"],
.quantity input[type="number"],
.woocommerce .quantity input.qty {
  background: rgba(6, 9, 20, 0.82) !important;
  color: var(--gpo-text) !important;
  border-color: rgba(96, 165, 250, 0.24) !important;
}

/* Notices, coupon and login boxes */
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-form-coupon,
.woocommerce-form-login,
.wd-checkout-coupon {
  background: linear-gradient(160deg, rgba(15, 23, 42, 0.96), rgba(10, 16, 34, 0.96)) !important;
  color: var(--gpo-text) !important;
  border: 1px solid var(--gpo-border) !important;
  border-radius: var(--gpo-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.24) !important;
}

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-checkout a,
.woocommerce-cart a {
  color: var(--gpo-blue) !important;
}

.woocommerce-error {
  border-color: rgba(244, 63, 138, 0.42) !important;
}

.woocommerce-message {
  border-color: rgba(34, 197, 94, 0.38) !important;
}

/* Footer and bottom UI */
.footer-container,
.footer-sidebar,
.copyrights-wrapper,
.wd-prefooter,
.wd-sticky-btn,
.sticky-toolbar-on .wd-sticky-nav,
.wd-toolbar {
  background: rgba(6, 9, 20, 0.96) !important;
  border-color: var(--gpo-border) !important;
  color: var(--gpo-muted) !important;
}

.footer-container a,
.footer-sidebar a,
.copyrights-wrapper a,
.wd-toolbar a,
.wd-toolbar .wd-tools-text,
.wd-toolbar .wd-tools-icon:before {
  color: var(--gpo-text) !important;
}

.footer-container a:hover,
.footer-sidebar a:hover,
.copyrights-wrapper a:hover,
.wd-toolbar a:hover {
  color: var(--gpo-blue) !important;
}

/* Mobile polish */
@media (max-width: 991px) {
  .woocommerce-checkout form.checkout .elementor-element-7b25928 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px;
  }

  .woocommerce-checkout .wd-billing-details,
  .woocommerce-checkout .wd-shipping-details,
  .woocommerce-checkout .wd-order-table,
  .woocommerce-checkout .wd-payment-methods,
  .woocommerce-checkout .wd-checkout-coupon,
  .woocommerce-cart-form,
  .cart_totals {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .product-grid-item,
  .wd-products .product,
  ul.products li.product,
  .category-grid-item,
  .wd-cat,
  .product-category {
    border-radius: 16px !important;
  }

  .whb-header .searchform,
  .whb-header .woodmart-search-form,
  .whb-header .wd-search-form {
    border-radius: 16px !important;
  }
}

@media (max-width: 767px) {
  .woocommerce-checkout input.input-text,
  .woocommerce-checkout input[type="text"],
  .woocommerce-checkout input[type="email"],
  .woocommerce-checkout input[type="tel"],
  .woocommerce-checkout textarea,
  .woocommerce-checkout select,
  .woocommerce-page input.input-text,
  .woocommerce-page select {
    min-height: 48px;
  }

  .woocommerce-checkout #place_order,
  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    min-height: 54px;
    font-size: 15px;
  }

  .home .title-wrapper .title,
  .home .wd-title,
  .home .elementor-heading-title,
  .woocommerce-checkout .elementor-widget-wd_title .title,
  .woocommerce-checkout .elementor-widget-wd_title .wd-title,
  .woocommerce-checkout .elementor-widget-wd_title .elementor-heading-title {
    font-size: clamp(21px, 6vw, 30px) !important;
  }
}

/* GPO desktop checkout layout correction */
/* Gaming PC Oman — desktop checkout layout correction
   Scope: fixes desktop checkout geometry only; does not alter WooCommerce validation, payment, shipping, or order submission behavior.
*/
@media (min-width: 992px) {
  body.woocommerce-checkout .main-page-wrapper,
  body.woocommerce-checkout .site-content {
    overflow-x: hidden !important;
  }

  body.woocommerce-checkout .main-page-wrapper > .container,
  body.woocommerce-checkout .site-content > .container,
  body.woocommerce-checkout .wd-content-layout,
  body.woocommerce-checkout .entry-content {
    max-width: 1260px !important;
    width: min(100% - 48px, 1260px) !important;
    margin-inline: auto !important;
  }

  body.woocommerce-checkout form.checkout .elementor-element-7b25928.e-con-boxed > .e-con-inner,
  body.woocommerce-checkout form.checkout .elementor-element-7b25928 > .e-con-inner {
    display: grid !important;
    grid-template-columns: minmax(560px, 1.12fr) minmax(390px, .88fr) !important;
    grid-auto-flow: row dense !important;
    gap: 22px 32px !important;
    align-items: start !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body.woocommerce-checkout form.checkout .elementor-element-7b25928 > .e-con-inner > .elementor-element {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
    justify-self: stretch !important;
    align-self: start !important;
    --width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0 !important;
  }

  body.woocommerce-checkout .elementor-element-fa564fb,
  body.woocommerce-checkout .elementor-element-69c030a,
  body.woocommerce-checkout .elementor-element-65dedde {
    grid-column: 1 !important;
  }

  body.woocommerce-checkout .elementor-element-0520a01,
  body.woocommerce-checkout .elementor-element-8703700,
  body.woocommerce-checkout .elementor-element-85ff99c,
  body.woocommerce-checkout .elementor-element-e727bdc {
    grid-column: 2 !important;
  }

  body.woocommerce-checkout .elementor-element-fa564fb,
  body.woocommerce-checkout .elementor-element-0520a01 {
    grid-row: 1 !important;
  }

  body.woocommerce-checkout .elementor-element-69c030a,
  body.woocommerce-checkout .elementor-element-8703700 {
    grid-row: 2 !important;
  }

  body.woocommerce-checkout .elementor-element-65dedde,
  body.woocommerce-checkout .elementor-element-85ff99c {
    grid-row: 3 !important;
  }

  body.woocommerce-checkout .elementor-element-e727bdc {
    grid-row: 4 !important;
  }

  body.woocommerce-checkout .elementor-widget-wd_title,
  body.woocommerce-checkout .elementor-widget-wd_title .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-checkout .elementor-widget-wd_title .title,
  body.woocommerce-checkout .elementor-widget-wd_title .wd-title,
  body.woocommerce-checkout .elementor-widget-wd_title .elementor-heading-title,
  body.woocommerce-checkout .elementor-widget-wd_title h2,
  body.woocommerce-checkout .elementor-widget-wd_title h3 {
    font-size: clamp(28px, 2.8vw, 42px) !important;
    line-height: 1.12 !important;
    margin: 0 0 12px !important;
    word-break: normal !important;
  }

  body.woocommerce-checkout .wd-billing-details,
  body.woocommerce-checkout .wd-shipping-details,
  body.woocommerce-checkout .wd-order-table,
  body.woocommerce-checkout .wd-payment-methods,
  body.woocommerce-checkout .wd-checkout-coupon {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 16px !important;
  }

  body.woocommerce-checkout .form-row,
  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last,
  body.woocommerce-checkout .form-row-wide {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-checkout .form-row-wide,
  body.woocommerce-checkout #billing_company_field,
  body.woocommerce-checkout #billing_country_field,
  body.woocommerce-checkout #billing_address_1_field,
  body.woocommerce-checkout #billing_state_field,
  body.woocommerce-checkout #billing_city_field,
  body.woocommerce-checkout #billing_phone_field,
  body.woocommerce-checkout #billing_email_field {
    grid-column: 1 / -1 !important;
  }

  body.woocommerce-checkout input.input-text,
  body.woocommerce-checkout input[type="text"],
  body.woocommerce-checkout input[type="email"],
  body.woocommerce-checkout input[type="tel"],
  body.woocommerce-checkout textarea,
  body.woocommerce-checkout select,
  body.woocommerce-checkout .select2-container,
  body.woocommerce-checkout .select2-container--default .select2-selection--single {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table,
  body.woocommerce-checkout .woocommerce-checkout-review-order,
  body.woocommerce-checkout .woocommerce-checkout-payment,
  body.woocommerce-checkout #payment {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 992px) and (max-width: 1180px) {
  body.woocommerce-checkout form.checkout .elementor-element-7b25928.e-con-boxed > .e-con-inner,
  body.woocommerce-checkout form.checkout .elementor-element-7b25928 > .e-con-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.woocommerce-checkout .elementor-element-fa564fb,
  body.woocommerce-checkout .elementor-element-69c030a,
  body.woocommerce-checkout .elementor-element-65dedde,
  body.woocommerce-checkout .elementor-element-0520a01,
  body.woocommerce-checkout .elementor-element-8703700,
  body.woocommerce-checkout .elementor-element-85ff99c,
  body.woocommerce-checkout .elementor-element-e727bdc {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (min-width: 992px) {
  body.woocommerce-checkout .elementor-widget-wd_title .title-wrapper {
    margin-bottom: 12px !important;
  }

  body.woocommerce-checkout .elementor-widget-wd_title .title-subtitle,
  body.woocommerce-checkout .elementor-widget-wd_title .wd-fontsize-m.title-subtitle {
    font-size: clamp(42px, 4.6vw, 64px) !important;
    line-height: .95 !important;
    margin-bottom: 8px !important;
    color: var(--gpo-blue) !important;
  }

  body.woocommerce-checkout .elementor-widget-wd_title .woodmart-title-container.title,
  body.woocommerce-checkout .elementor-widget-wd_title .wd-fontsize-xxxl {
    font-size: clamp(26px, 2.45vw, 36px) !important;
    line-height: 1.15 !important;
  }

  body.woocommerce-checkout .elementor-widget-wd_title .title-after_title,
  body.woocommerce-checkout .elementor-widget-wd_title .title-after_title h5 {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: var(--gpo-muted) !important;
  }
}

/* GPO reference homepage CSS global application v2 */
/* GPO reference homepage rebuild - 2026-06-01 */
body.home,
body.page-id-25 { background:#fff !important; }
body.home .main-page-wrapper,
body.page-id-25 .main-page-wrapper { background:#fff !important; padding-top:0 !important; }
body.home .page-title,
body.page-id-25 .page-title,
body.home .site-content > .container > .row > .sidebar-container,
body.page-id-25 .site-content > .container > .row > .sidebar-container { display:none !important; }
body.home .site-content > .container,
body.page-id-25 .site-content > .container,
body.home .site-content,
body.page-id-25 .site-content { max-width:none !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; }
body.home .content-layout-wrapper,
body.page-id-25 .content-layout-wrapper { margin:0 !important; }
body.home .site-content .entry-content,
body.page-id-25 .site-content .entry-content { margin:0 !important; }
body.home .whb-header,
body.page-id-25 .whb-header { background:#fff !important; box-shadow:0 6px 24px rgba(20,28,48,.06) !important; }
body.home .whb-main-header,
body.page-id-25 .whb-main-header { background:#fff !important; }
body.home .wd-nav-main > li > a,
body.page-id-25 .wd-nav-main > li > a { color:#111827 !important; font-weight:700 !important; }
body.home .wd-nav-main > li.current-menu-item > a,
body.page-id-25 .wd-nav-main > li.current-menu-item > a,
body.home .wd-nav-main > li > a:hover,
body.page-id-25 .wd-nav-main > li > a:hover { color:#e92b96 !important; }
.gpo-ref-home { --gpo-blue:#1578f2; --gpo-pink:#ee2c9b; --gpo-ink:#12182f; --gpo-muted:#697289; --gpo-soft:#f9fbff; font-family:inherit; direction:rtl; color:var(--gpo-ink); background:#fff; overflow:hidden; }
.gpo-ref-home a { text-decoration:none !important; }
.gpo-ref-hero-wrap { position:relative; max-width:1360px; margin:0 auto; padding:0 16px; }
.gpo-ref-hero { display:block; border-radius:0 0 24px 24px; overflow:hidden; background:#fff; }
.gpo-ref-hero img { display:block; width:100%; height:auto; aspect-ratio:1280/683; object-fit:cover; object-position:center; }
.gpo-ref-dots { display:flex; justify-content:center; align-items:center; gap:9px; margin:-34px 0 22px; position:relative; z-index:2; direction:ltr; }
.gpo-ref-dots span { width:7px; height:7px; border-radius:99px; background:#d6dce9; display:block; }
.gpo-ref-dots .active { width:9px; height:9px; background:var(--gpo-pink); }
.gpo-ref-servicebar { max-width:1110px; margin:0 auto 34px; background:#fff; border:1px solid #edf0f7; border-radius:24px; box-shadow:0 15px 36px rgba(20,35,80,.09); display:grid; grid-template-columns:repeat(4,1fr); gap:0; padding:18px 22px; transform:translateY(-4px); }
.gpo-ref-servicebar div { display:grid; grid-template-columns:44px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:12px; padding:4px 18px; border-left:1px solid #eef1f8; }
.gpo-ref-servicebar div:last-child { border-left:0; }
.gpo-ref-servicebar i { grid-row:1/3; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:14px; color:#ee2c9b; background:linear-gradient(135deg,rgba(21,120,242,.11),rgba(238,44,155,.11)); font-style:normal; font-size:22px; }
.gpo-ref-servicebar strong { font-size:15px; color:#17213b; line-height:1.3; }
.gpo-ref-servicebar span { color:#697289; font-size:12px; line-height:1.4; }
.gpo-ref-section { max-width:1220px; margin:0 auto 34px; padding:0 18px; }
.gpo-ref-section h2 { text-align:center; margin:0 0 22px; color:#141b33; font-size:28px; font-weight:900; letter-spacing:-.02em; }
.gpo-ref-section h2 span { position:relative; display:inline-block; padding:0 38px; }
.gpo-ref-section h2 span:before,.gpo-ref-section h2 span:after { content:'»'; color:#ee2c9b; opacity:.55; position:absolute; top:0; }
.gpo-ref-section h2 span:before { right:0; } .gpo-ref-section h2 span:after { left:0; transform:scaleX(-1); }
.gpo-ref-cat-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.gpo-ref-cat { min-height:184px; background:#fff; border:1px solid #edf0f7; border-radius:16px; box-shadow:0 12px 28px rgba(20,35,80,.06); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:18px 12px; transition:.22s ease; }
.gpo-ref-cat:hover { transform:translateY(-4px); box-shadow:0 18px 38px rgba(20,35,80,.11); }
.gpo-ref-cat-img { height:96px; display:flex; align-items:center; justify-content:center; }
.gpo-ref-cat img { max-width:120px; max-height:98px; object-fit:contain; }
.gpo-ref-cat strong { color:#17213b; font-size:15px; font-weight:800; }
.gpo-ref-cat em { width:24px; height:24px; display:flex; align-items:center; justify-content:center; border:1px solid #cfd8ee; border-radius:50%; color:#6581b4; font-style:normal; line-height:1; transform:rotate(180deg); }
.gpo-ref-section-head { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; direction:ltr; }
.gpo-ref-section-head h2 { text-align:left; margin:0; font-size:28px; }
.gpo-ref-section-head p { margin:2px 0 0; color:#697289; font-size:13px; }
.gpo-ref-viewall { color:#4c5c7a !important; border:1px solid #eef1f8; border-radius:999px; padding:11px 18px; background:#fff; font-size:13px; font-weight:700; box-shadow:0 8px 22px rgba(20,35,80,.05); }
.gpo-ref-hot-section + .woocommerce,
.gpo-ref-hot-section ~ .woocommerce { max-width:1220px; margin:0 auto 34px; padding:0 18px; }
.gpo-ref-home ul.products,
body.page-id-25 ul.products { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:18px !important; }
.gpo-ref-home ul.products li.product,
body.page-id-25 ul.products li.product { width:auto !important; max-width:none !important; margin:0 !important; background:#fff !important; border:1px solid #edf0f7 !important; border-radius:18px !important; padding:14px !important; box-shadow:0 12px 28px rgba(20,35,80,.06) !important; overflow:hidden; text-align:center; }
.gpo-ref-home ul.products .product-wrapper,
body.page-id-25 ul.products .product-wrapper { box-shadow:none !important; background:transparent !important; }
.gpo-ref-home ul.products img,
body.page-id-25 ul.products img { max-height:165px; object-fit:contain; margin:auto; }
.gpo-ref-home ul.products .price,
body.page-id-25 ul.products .price { color:#e92b96 !important; font-weight:900 !important; }
.gpo-ref-home ul.products .button,
body.page-id-25 ul.products .button { border-radius:8px !important; border:1px solid #ee2c9b !important; color:#e92b96 !important; background:#fff !important; min-height:34px !important; font-size:12px !important; }
.gpo-ref-promos { max-width:1220px; margin:0 auto 28px; padding:0 18px; display:grid; grid-template-columns:1fr 1fr; gap:20px; direction:ltr; }
.gpo-ref-promo { min-height:250px; border-radius:20px; overflow:hidden; border:1px solid #edf0f7; background:#fff; box-shadow:0 14px 32px rgba(20,35,80,.07); }
.gpo-ref-promo-img img { display:block; width:100%; height:100%; min-height:250px; object-fit:cover; }
.gpo-ref-upgrade { display:grid; grid-template-columns:.88fr 1.12fr; align-items:center; background:linear-gradient(120deg,#fff 0%,#fff4fb 42%,#edf6ff 100%); direction:ltr; }
.gpo-ref-upgrade div { padding:34px 18px 34px 34px; }
.gpo-ref-upgrade strong { display:block; color:#152044; font-size:34px; font-weight:950; line-height:.96; letter-spacing:-.03em; }
.gpo-ref-upgrade span { display:block; margin:12px 0 6px; color:#e92b96; font-weight:850; direction:rtl; text-align:left; }
.gpo-ref-upgrade p { color:#697289; font-size:13px; line-height:1.65; margin:0 0 18px; direction:rtl; text-align:left; }
.gpo-ref-upgrade b { display:inline-flex; color:#fff; background:linear-gradient(90deg,#1478f2,#ee2c9b); border-radius:12px; padding:11px 20px; direction:rtl; font-size:13px; }
.gpo-ref-upgrade img { width:100%; height:100%; min-height:250px; object-fit:cover; object-position:65% center; clip-path:polygon(12% 0,100% 0,100% 100%,0 100%); }
.gpo-ref-servicebar-bottom { transform:none; margin-bottom:26px; box-shadow:0 8px 24px rgba(20,35,80,.05); }
.gpo-ref-footer-lite { max-width:1220px; margin:0 auto 30px; padding:28px; border:1px solid #edf0f7; border-radius:22px; background:#fff; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr; gap:28px; color:#4c5c7a; box-shadow:0 8px 22px rgba(20,35,80,.04); }
.gpo-ref-footer-lite img { max-width:120px; margin-bottom:12px; }
.gpo-ref-footer-lite h3 { color:#17213b; font-size:15px; margin:0 0 12px; font-weight:900; }
.gpo-ref-footer-lite a,.gpo-ref-footer-lite p { display:block; color:#5d6982 !important; font-size:13px; line-height:1.8; margin:0; }
.gpo-ref-footer-lite .brand p { max-width:310px; }
body.page-id-25 footer.footer-container { display:none !important; }
@media (max-width:1024px) { .gpo-ref-servicebar{grid-template-columns:repeat(2,1fr);} .gpo-ref-cat-grid{grid-template-columns:repeat(3,1fr);} .gpo-ref-home ul.products,body.page-id-25 ul.products{grid-template-columns:repeat(3,1fr)!important;} .gpo-ref-promos{grid-template-columns:1fr;} .gpo-ref-footer-lite{grid-template-columns:1fr 1fr;} }
@media (max-width:767px) { .gpo-ref-hero-wrap{padding:0;} .gpo-ref-hero{border-radius:0 0 18px 18px;} .gpo-ref-hero img{aspect-ratio:1280/683; min-height:260px; object-fit:cover; object-position:center;} .gpo-ref-servicebar{grid-template-columns:1fr; margin-left:14px; margin-right:14px; padding:12px;} .gpo-ref-servicebar div{border-left:0; border-bottom:1px solid #eef1f8; padding:12px;} .gpo-ref-servicebar div:last-child{border-bottom:0;} .gpo-ref-cat-grid{grid-template-columns:repeat(2,1fr); gap:12px;} .gpo-ref-cat{min-height:150px;} .gpo-ref-section-head{align-items:flex-start; flex-direction:column;} .gpo-ref-home ul.products,body.page-id-25 ul.products{grid-template-columns:repeat(2,1fr)!important; gap:12px!important;} .gpo-ref-promos{padding:0 14px;} .gpo-ref-upgrade{grid-template-columns:1fr;} .gpo-ref-upgrade img{clip-path:none; max-height:220px;} .gpo-ref-footer-lite{grid-template-columns:1fr; margin-left:14px; margin-right:14px;} }


/* GPO reference homepage header and extra-section cleanup */
body.page-id-25 header,
body.page-id-25 .whb-header,
body.page-id-25 .main-header,
body.page-id-25 .wd-header,
body.page-id-25 .wd-tools-element,
body.page-id-25 .wd-header-mobile-nav,
body.page-id-25 .mobile-nav,
body.page-id-25 .wd-side-hidden,
body.page-id-25 .wd-close-side,
body.page-id-25 .wd-header-cats,
body.page-id-25 .vertical-navigation,
body.page-id-25 .site-content > .container > .row > .sidebar-container,
body.page-id-25 .woocommerce-breadcrumb,
body.page-id-25 .page-title { display:none !important; }
body.page-id-25 .website-wrapper,
body.page-id-25 .main-page-wrapper,
body.page-id-25 .site-content,
body.page-id-25 .container,
body.page-id-25 .content-layout-wrapper,
body.page-id-25 .entry-content { max-width:none !important; width:100% !important; margin:0 !important; padding:0 !important; background:#fff !important; }
body.page-id-25 .site-content > .container > .row,
body.page-id-25 .site-content > .container > .row > .site-content { display:block !important; width:100% !important; max-width:none !important; }
.gpo-ref-custom-header { direction:rtl; width:100%; background:#fff; border-bottom:1px solid #eef1f8; box-shadow:0 8px 24px rgba(20,35,80,.055); position:relative; z-index:30; }
.gpo-ref-custom-header .gpo-ref-header-inner { max-width:1220px; margin:0 auto; padding:14px 18px; min-height:72px; display:grid; grid-template-columns:120px 1fr 150px; align-items:center; gap:24px; }
.gpo-ref-custom-header .gpo-ref-logo { display:flex; align-items:center; justify-content:flex-start; }
.gpo-ref-custom-header .gpo-ref-logo img { width:88px; height:auto; display:block; }
.gpo-ref-custom-header nav { display:flex; align-items:center; justify-content:center; gap:32px; }
.gpo-ref-custom-header nav a { color:#111827 !important; font-size:15px; font-weight:800; text-decoration:none !important; padding:8px 0; position:relative; white-space:nowrap; }
.gpo-ref-custom-header nav a.active,
.gpo-ref-custom-header nav a:hover { color:#e92b96 !important; }
.gpo-ref-custom-header nav a.active:after { content:''; position:absolute; left:0; right:0; bottom:-16px; height:3px; border-radius:99px; background:linear-gradient(90deg,#1478f2,#ee2c9b); }
.gpo-ref-custom-header .gpo-ref-actions { direction:ltr; display:flex; align-items:center; justify-content:flex-end; gap:18px; color:#111827; font-size:25px; }
.gpo-ref-custom-header .gpo-ref-actions a { color:#111827 !important; text-decoration:none !important; line-height:1; position:relative; }
.gpo-ref-custom-header .gpo-ref-cart-count { position:absolute; top:-9px; right:-10px; min-width:17px; height:17px; padding:0 5px; border-radius:999px; background:#e92b96; color:#fff; font-size:10px; line-height:17px; text-align:center; font-weight:900; }
body.page-id-25 .gpo-ref-home { display:block !important; clear:both; }
@media (max-width:900px){
  .gpo-ref-custom-header .gpo-ref-header-inner{grid-template-columns:86px 1fr; gap:12px; padding:10px 14px;}
  .gpo-ref-custom-header nav{order:3; grid-column:1/3; justify-content:flex-start; overflow-x:auto; gap:18px; padding-top:8px; direction:rtl;}
  .gpo-ref-custom-header nav a{font-size:13px;}
  .gpo-ref-custom-header .gpo-ref-actions{gap:13px; font-size:20px;}
  .gpo-ref-custom-header .gpo-ref-logo img{width:70px;}
}


body.page-id-25 .footer-container,
body.page-id-25 footer,
body.page-id-25 .wd-prefooter { display:none !important; }


/* GPO reference homepage final override: hide original WoodMart header on home and keep only the custom reference header */
body.home header.whb-header,
body.home .whb-header,
body.home .whb-sticky-header,
body.home .whb-main-header,
body.home .whb-row,
body.home .whb-header-bottom,
body.home .wd-header-cats,
body.home .searchform,
body.home .wd-tools-element,
body.home .wd-header-nav,
body.home .vertical-navigation,
body.home .mobile-nav,
body.home .wd-side-hidden,
body.home .wd-close-side,
body.home .wd-page-title,
body.home .page-title,
body.page-id-25 header.whb-header,
body.page-id-25 .whb-sticky-header,
body.page-id-25 .whb-row,
body.page-id-25 .whb-header-bottom,
body.page-id-25 .wd-header-nav,
body.page-id-25 .wd-page-title { display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; }
body.home .gpo-ref-custom-header,
body.page-id-25 .gpo-ref-custom-header { display:block !important; visibility:visible !important; height:auto !important; min-height:72px !important; overflow:visible !important; margin:0 !important; padding:0 !important; }
body.home .gpo-ref-custom-header *,
body.page-id-25 .gpo-ref-custom-header * { visibility:visible !important; }
.gpo-ref-home img,
.gpo-ref-custom-header img { opacity:1 !important; visibility:visible !important; filter:none !important; transform:none !important; background:transparent !important; }
.gpo-ref-hero { min-height:420px; background:#f7f8fc url('https://gamingpcoman.shop/wp-content/uploads/2026/06/gpo-home-WhatsAppImage2026-05-17at10.24.09.jpg') center/cover no-repeat; }
.gpo-ref-hero img { min-height:420px; }
@media (max-width:767px){ .gpo-ref-hero{min-height:260px;} .gpo-ref-hero img{min-height:260px;} }


/* GPO reference homepage final alignment patch */
body.home .gpo-ref-custom-header,
body.page-id-25 .gpo-ref-custom-header{background:#fff !important;border-bottom:1px solid #f2f2f6 !important;box-shadow:0 8px 24px rgba(15,23,42,.04) !important;}
body.home .gpo-ref-header-inner,
body.page-id-25 .gpo-ref-header-inner{direction:ltr !important;display:grid !important;grid-template-columns:120px minmax(0,1fr) 150px !important;align-items:center !important;gap:20px !important;max-width:1320px !important;margin:0 auto !important;padding:0 34px !important;min-height:76px !important;}
body.home .gpo-ref-logo,
body.page-id-25 .gpo-ref-logo{grid-column:1 !important;justify-self:start !important;display:flex !important;align-items:center !important;font-size:0 !important;}
body.home .gpo-ref-logo img,
body.page-id-25 .gpo-ref-logo img{display:block !important;width:78px !important;max-width:78px !important;height:auto !important;object-fit:contain !important;}
body.home .gpo-ref-custom-header nav,
body.page-id-25 .gpo-ref-custom-header nav{grid-column:2 !important;direction:rtl !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:34px !important;white-space:nowrap !important;}
body.home .gpo-ref-custom-header nav br,
body.page-id-25 .gpo-ref-custom-header nav br,
body.home .gpo-ref-actions br,
body.page-id-25 .gpo-ref-actions br{display:none !important;}
body.home .gpo-ref-actions,
body.page-id-25 .gpo-ref-actions{grid-column:3 !important;direction:ltr !important;display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-end !important;gap:22px !important;}
body.home .gpo-ref-cat-grid,
body.page-id-25 .gpo-ref-cat-grid{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:18px !important;align-items:stretch !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important;}
body.home .gpo-ref-cat-card,
body.page-id-25 .gpo-ref-cat-card{min-height:150px !important;padding:18px 14px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;}
body.home .gpo-ref-cat-card img,
body.page-id-25 .gpo-ref-cat-card img{width:82px !important;height:72px !important;object-fit:contain !important;margin:0 auto 12px !important;}
body.home .gpo-ref-cat-card span,
body.page-id-25 .gpo-ref-cat-card span{font-size:15px !important;line-height:1.35 !important;}
body.home .gpo-ref-hero,
body.page-id-25 .gpo-ref-hero{max-width:1320px !important;margin:0 auto !important;border-radius:0 0 22px 22px !important;overflow:hidden !important;}
body.home .main-page-wrapper,
body.page-id-25 .main-page-wrapper{padding-top:0 !important;}
@media(max-width:991px){body.home .gpo-ref-header-inner,body.page-id-25 .gpo-ref-header-inner{grid-template-columns:88px 1fr 110px !important;padding:0 16px !important;}body.home .gpo-ref-custom-header nav,body.page-id-25 .gpo-ref-custom-header nav{gap:14px !important;overflow-x:auto !important;justify-content:flex-start !important;}body.home .gpo-ref-cat-grid,body.page-id-25 .gpo-ref-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}


/* GPO reference homepage actual live category-grid correction */
body.home .gpo-ref-cat-grid,
body.page-id-25 .gpo-ref-cat-grid{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:18px !important;max-width:1240px !important;margin:0 auto !important;direction:rtl !important;align-items:stretch !important;}
body.home .gpo-ref-cat-grid > p,
body.page-id-25 .gpo-ref-cat-grid > p{margin:0 !important;padding:0 !important;display:block !important;width:100% !important;max-width:none !important;}
body.home .gpo-ref-cat-grid br,
body.page-id-25 .gpo-ref-cat-grid br{display:none !important;}
body.home .gpo-ref-cat-grid .gpo-ref-cat,
body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat{width:100% !important;max-width:none !important;min-height:150px !important;padding:18px 14px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background:#fff !important;border:1px solid #f1f2f7 !important;border-radius:14px !important;box-shadow:0 10px 28px rgba(15,23,42,.055) !important;text-align:center !important;text-decoration:none !important;}
body.home .gpo-ref-cat-grid .gpo-ref-cat-img,
body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat-img{display:flex !important;align-items:center !important;justify-content:center !important;width:86px !important;height:76px !important;margin:0 auto 12px !important;}
body.home .gpo-ref-cat-grid .gpo-ref-cat-img img,
body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat-img img{width:82px !important;height:72px !important;object-fit:contain !important;display:block !important;margin:0 auto !important;}
body.home .gpo-ref-cat-grid .gpo-ref-cat strong,
body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat strong{font-size:15px !important;line-height:1.35 !important;color:#171a2b !important;font-weight:800 !important;margin:0 0 10px !important;}
body.home .gpo-ref-cat-grid .gpo-ref-cat em,
body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat em{font-style:normal !important;width:22px !important;height:22px !important;border:1px solid #e7e9f2 !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#9aa3b2 !important;font-size:15px !important;line-height:1 !important;}
body.home .gpo-ref-logo img,
body.page-id-25 .gpo-ref-logo img{display:none !important;}
body.home .gpo-ref-logo::after,
body.page-id-25 .gpo-ref-logo::after{content:'GPO';font-size:22px !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.5px !important;color:#2387d8 !important;display:block !important;}
@media(max-width:991px){body.home .gpo-ref-cat-grid,body.page-id-25 .gpo-ref-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}


/* GPO reference homepage force five category cards on desktop */
@media (min-width:992px){
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:center !important;align-items:stretch !important;gap:18px !important;width:100% !important;max-width:1220px !important;margin-left:auto !important;margin-right:auto !important;}
  body.home .gpo-ref-cat-grid > a,
  body.home .gpo-ref-cat-grid > p,
  body.page-id-25 .gpo-ref-cat-grid > a,
  body.page-id-25 .gpo-ref-cat-grid > p{flex:1 1 0 !important;min-width:0 !important;max-width:220px !important;margin:0 !important;padding:0 !important;display:block !important;}
  body.home .gpo-ref-cat-grid .gpo-ref-cat,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat{height:100% !important;min-height:158px !important;}
}


/* GPO reference homepage HOT DEALS final product-card correction */
body.home .gpo-ref-hot-section + .woocommerce,
body.home .gpo-ref-hot-section ~ .woocommerce,
body.page-id-25 .gpo-ref-hot-section + .woocommerce,
body.page-id-25 .gpo-ref-hot-section ~ .woocommerce{
  max-width:1220px !important;
  margin:0 auto 34px !important;
  padding:0 18px !important;
  background:transparent !important;
  direction:ltr !important;
}
body.home .gpo-ref-hot-section + .woocommerce .products,
body.home .gpo-ref-hot-section ~ .woocommerce .products,
body.page-id-25 .gpo-ref-hot-section + .woocommerce .products,
body.page-id-25 .gpo-ref-hot-section ~ .woocommerce .products,
body.home .gpo-ref-home .wd-products,
body.page-id-25 .gpo-ref-home .wd-products{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  align-items:stretch !important;
}
body.home .gpo-ref-hot-section + .woocommerce .product,
body.home .gpo-ref-hot-section ~ .woocommerce .product,
body.page-id-25 .gpo-ref-hot-section + .woocommerce .product,
body.page-id-25 .gpo-ref-hot-section ~ .woocommerce .product,
body.home .gpo-ref-home .wd-product,
body.page-id-25 .gpo-ref-home .wd-product,
body.home .gpo-ref-home .product-grid-item,
body.page-id-25 .gpo-ref-home .product-grid-item{
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.home .gpo-ref-home .product-wrapper,
body.page-id-25 .gpo-ref-home .product-wrapper,
body.home .gpo-ref-home .wd-product .product-wrapper,
body.page-id-25 .gpo-ref-home .wd-product .product-wrapper{
  height:100% !important;
  min-height:292px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  align-items:center !important;
  text-align:center !important;
  background:#fff !important;
  border:1px solid #edf0f7 !important;
  border-radius:17px !important;
  box-shadow:0 12px 28px rgba(20,35,80,.06) !important;
  padding:14px 13px 13px !important;
  overflow:hidden !important;
}
body.home .gpo-ref-home .product-element-top,
body.page-id-25 .gpo-ref-home .product-element-top,
body.home .gpo-ref-home .product-image-link,
body.page-id-25 .gpo-ref-home .product-image-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:145px !important;
  background:#fff !important;
  border-radius:13px !important;
  margin:0 0 10px !important;
}
body.home .gpo-ref-home .product-element-top img,
body.page-id-25 .gpo-ref-home .product-element-top img,
body.home .gpo-ref-home .product-image-link img,
body.page-id-25 .gpo-ref-home .product-image-link img,
body.home .gpo-ref-home .attachment-woocommerce_thumbnail,
body.page-id-25 .gpo-ref-home .attachment-woocommerce_thumbnail{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  width:auto !important;
  max-width:100% !important;
  max-height:142px !important;
  height:auto !important;
  object-fit:contain !important;
  margin:0 auto !important;
  filter:none !important;
  transform:none !important;
  mix-blend-mode:normal !important;
  background:transparent !important;
}
body.home .gpo-ref-home .product-image-link img[src*="lazy"],
body.page-id-25 .gpo-ref-home .product-image-link img[src*="lazy"]{
  min-height:120px !important;
  background:#fff !important;
}
body.home .gpo-ref-home .wd-entities-title,
body.page-id-25 .gpo-ref-home .wd-entities-title,
body.home .gpo-ref-home .product-title,
body.page-id-25 .gpo-ref-home .product-title{
  min-height:42px !important;
  margin:4px 0 6px !important;
  color:#17213b !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  text-align:center !important;
}
body.home .gpo-ref-home .wd-entities-title a,
body.page-id-25 .gpo-ref-home .wd-entities-title a,
body.home .gpo-ref-home .product-title a,
body.page-id-25 .gpo-ref-home .product-title a{
  color:#17213b !important;
}
body.home .gpo-ref-home .price,
body.page-id-25 .gpo-ref-home .price{
  display:flex !important;
  justify-content:center !important;
  gap:6px !important;
  align-items:baseline !important;
  color:#e92b96 !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin:0 0 10px !important;
}
body.home .gpo-ref-home .price del,
body.page-id-25 .gpo-ref-home .price del{
  color:#a5adbd !important;
  font-size:11px !important;
  opacity:.8 !important;
}
body.home .gpo-ref-home .wd-add-btn,
body.page-id-25 .gpo-ref-home .wd-add-btn{
  width:100% !important;
  margin-top:auto !important;
}
body.home .gpo-ref-home .button,
body.page-id-25 .gpo-ref-home .button,
body.home .gpo-ref-home .add_to_cart_button,
body.page-id-25 .gpo-ref-home .add_to_cart_button{
  width:100% !important;
  min-height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  border:1px solid #ee2c9b !important;
  background:#fff !important;
  color:#e92b96 !important;
  font-size:12px !important;
  font-weight:800 !important;
  padding:8px 10px !important;
  box-shadow:none !important;
}
body.home .gpo-ref-home .button:hover,
body.page-id-25 .gpo-ref-home .button:hover,
body.home .gpo-ref-home .add_to_cart_button:hover,
body.page-id-25 .gpo-ref-home .add_to_cart_button:hover{
  background:linear-gradient(90deg,#1478f2,#ee2c9b) !important;
  color:#fff !important;
}
body.home .gpo-ref-home .onsale,
body.page-id-25 .gpo-ref-home .onsale,
body.home .gpo-ref-home .product-label,
body.page-id-25 .gpo-ref-home .product-label{
  background:#e92b96 !important;
  color:#fff !important;
  border-radius:7px !important;
  font-size:11px !important;
  font-weight:900 !important;
  min-height:22px !important;
  line-height:22px !important;
  padding:0 7px !important;
}
@media(max-width:1024px){
  body.home .gpo-ref-hot-section + .woocommerce .products,
  body.home .gpo-ref-hot-section ~ .woocommerce .products,
  body.page-id-25 .gpo-ref-hot-section + .woocommerce .products,
  body.page-id-25 .gpo-ref-hot-section ~ .woocommerce .products,
  body.home .gpo-ref-home .wd-products,
  body.page-id-25 .gpo-ref-home .wd-products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:767px){
  body.home .gpo-ref-hot-section + .woocommerce .products,
  body.home .gpo-ref-hot-section ~ .woocommerce .products,
  body.page-id-25 .gpo-ref-hot-section + .woocommerce .products,
  body.page-id-25 .gpo-ref-hot-section ~ .woocommerce .products,
  body.home .gpo-ref-home .wd-products,
  body.page-id-25 .gpo-ref-home .wd-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  body.home .gpo-ref-home .product-wrapper,
  body.page-id-25 .gpo-ref-home .product-wrapper{min-height:255px !important;padding:11px !important;}
}


/* GPO reference homepage static HOT DEALS cards */
body.home .gpo-ref-hot-products,
body.page-id-25 .gpo-ref-hot-products{
  max-width:1220px !important;
  margin:0 auto 34px !important;
  padding:0 18px !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
  direction:ltr !important;
}
body.home .gpo-ref-hot-card,
body.page-id-25 .gpo-ref-hot-card{
  min-height:300px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:space-between !important;
  text-align:center !important;
  background:#fff !important;
  border:1px solid #edf0f7 !important;
  border-radius:17px !important;
  box-shadow:0 12px 28px rgba(20,35,80,.06) !important;
  padding:14px 13px 13px !important;
  overflow:hidden !important;
}
body.home .gpo-ref-hot-img,
body.page-id-25 .gpo-ref-hot-img{
  min-height:145px !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:10px !important;
}
body.home .gpo-ref-hot-img img,
body.page-id-25 .gpo-ref-hot-img img{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  max-width:100% !important;
  max-height:142px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
}
body.home .gpo-ref-hot-card h3,
body.page-id-25 .gpo-ref-hot-card h3{
  min-height:42px !important;
  margin:4px 0 6px !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  color:#17213b !important;
}
body.home .gpo-ref-hot-card h3 a,
body.page-id-25 .gpo-ref-hot-card h3 a{color:#17213b !important;}
body.home .gpo-ref-hot-cats,
body.page-id-25 .gpo-ref-hot-cats{
  margin:0 0 8px !important;
  min-height:34px !important;
  color:#9ba5b6 !important;
  font-size:11px !important;
  line-height:1.35 !important;
}
body.home .gpo-ref-hot-price,
body.page-id-25 .gpo-ref-hot-price{
  min-height:22px !important;
  margin:0 0 10px !important;
  color:#e92b96 !important;
  font-size:13px !important;
  font-weight:900 !important;
}
body.home .gpo-ref-hot-price .price,
body.page-id-25 .gpo-ref-hot-price .price{display:inline-flex !important;gap:6px !important;align-items:baseline !important;margin:0 !important;}
body.home .gpo-ref-hot-price del,
body.page-id-25 .gpo-ref-hot-price del{color:#a5adbd !important;font-size:11px !important;opacity:.8 !important;}
body.home .gpo-ref-hot-add,
body.page-id-25 .gpo-ref-hot-add{
  width:100% !important;
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:9px !important;
  border:1px solid #ee2c9b !important;
  background:#fff !important;
  color:#e92b96 !important;
  font-size:12px !important;
  font-weight:800 !important;
  padding:8px 10px !important;
}
body.home .gpo-ref-hot-add:hover,
body.page-id-25 .gpo-ref-hot-add:hover{background:linear-gradient(90deg,#1478f2,#ee2c9b) !important;color:#fff !important;}
@media(max-width:1024px){body.home .gpo-ref-hot-products,body.page-id-25 .gpo-ref-hot-products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:767px){body.home .gpo-ref-hot-products,body.page-id-25 .gpo-ref-hot-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;} body.home .gpo-ref-hot-card,body.page-id-25 .gpo-ref-hot-card{min-height:260px !important;padding:11px !important;}}


/* GPO final responsive QA polish - mobile and browser perfection pass */
body.home,
body.page-id-25,
body.home .website-wrapper,
body.page-id-25 .website-wrapper,
body.home .main-page-wrapper,
body.page-id-25 .main-page-wrapper,
body.home .gpo-ref-home,
body.page-id-25 .gpo-ref-home{
  overflow-x:hidden !important;
  max-width:100vw !important;
}
body.home .gpo-ref-home *,
body.page-id-25 .gpo-ref-home *,
body.home .gpo-ref-custom-header *,
body.page-id-25 .gpo-ref-custom-header *{
  box-sizing:border-box !important;
}
body.home .gpo-ref-custom-header,
body.page-id-25 .gpo-ref-custom-header{
  position:relative !important;
  width:100% !important;
  max-width:100vw !important;
}
body.home .gpo-ref-logo::after,
body.page-id-25 .gpo-ref-logo::after{
  content:'GPO' !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  color:#1f86d8 !important;
  padding-top:19px !important;
  min-width:72px !important;
  min-height:44px !important;
  display:block !important;
  text-align:center !important;
  background:
    linear-gradient(135deg,#1f86d8 0%,#2ea2e8 52%,#e92b96 100%) top center/42px 18px no-repeat;
  -webkit-background-clip:padding-box !important;
}
body.home .gpo-ref-section,
body.page-id-25 .gpo-ref-section,
body.home .gpo-ref-promos,
body.page-id-25 .gpo-ref-promos,
body.home .gpo-ref-footer-lite,
body.page-id-25 .gpo-ref-footer-lite,
body.home .gpo-ref-hot-products,
body.page-id-25 .gpo-ref-hot-products{
  width:100% !important;
  max-width:1220px !important;
}
body.home .gpo-ref-section-head,
body.page-id-25 .gpo-ref-section-head{
  direction:rtl !important;
}
body.home .gpo-ref-section-head > div,
body.page-id-25 .gpo-ref-section-head > div{
  text-align:right !important;
}
body.home .gpo-ref-viewall,
body.page-id-25 .gpo-ref-viewall{
  white-space:nowrap !important;
}
body.home .gpo-ref-hot-card,
body.page-id-25 .gpo-ref-hot-card{
  transition:transform .18s ease, box-shadow .18s ease !important;
}
body.home .gpo-ref-hot-card:hover,
body.page-id-25 .gpo-ref-hot-card:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 18px 34px rgba(20,35,80,.1) !important;
}
@media (min-width:992px){
  body.home .gpo-ref-header-inner,
  body.page-id-25 .gpo-ref-header-inner{
    grid-template-columns:116px minmax(0,1fr) 142px !important;
  }
  body.home .gpo-ref-servicebar,
  body.page-id-25 .gpo-ref-servicebar{
    max-width:1110px !important;
  }
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}
@media (max-width:991px){
  body.home .gpo-ref-header-inner,
  body.page-id-25 .gpo-ref-header-inner{
    width:100% !important;
    max-width:100vw !important;
    grid-template-columns:82px minmax(0,1fr) auto !important;
    grid-template-areas:'logo spacer actions' 'nav nav nav' !important;
    gap:6px 10px !important;
    padding:8px 12px 10px !important;
    min-height:0 !important;
  }
  body.home .gpo-ref-logo,
  body.page-id-25 .gpo-ref-logo{grid-area:logo !important;}
  body.home .gpo-ref-logo::after,
  body.page-id-25 .gpo-ref-logo::after{
    font-size:19px !important;
    min-width:58px !important;
    min-height:36px !important;
    padding-top:16px !important;
    background-size:34px 15px !important;
  }
  body.home .gpo-ref-actions,
  body.page-id-25 .gpo-ref-actions{
    grid-area:actions !important;
    gap:12px !important;
    font-size:19px !important;
    justify-content:flex-end !important;
  }
  body.home .gpo-ref-custom-header nav,
  body.page-id-25 .gpo-ref-custom-header nav{
    grid-area:nav !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
    justify-content:flex-start !important;
    gap:18px !important;
    padding:8px 2px 2px !important;
    border-top:1px solid #f3f4f8 !important;
  }
  body.home .gpo-ref-custom-header nav::-webkit-scrollbar,
  body.page-id-25 .gpo-ref-custom-header nav::-webkit-scrollbar{display:none !important;}
  body.home .gpo-ref-custom-header nav a,
  body.page-id-25 .gpo-ref-custom-header nav a{
    flex:0 0 auto !important;
    font-size:12px !important;
    line-height:1.2 !important;
    padding:5px 0 !important;
  }
  body.home .gpo-ref-custom-header nav a.active:after,
  body.page-id-25 .gpo-ref-custom-header nav a.active:after{
    bottom:-3px !important;
  }
  body.home .gpo-ref-servicebar,
  body.page-id-25 .gpo-ref-servicebar{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin:0 14px 26px !important;
    padding:10px !important;
    border-radius:18px !important;
    transform:none !important;
  }
  body.home .gpo-ref-servicebar div,
  body.page-id-25 .gpo-ref-servicebar div{
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:8px !important;
    padding:10px 8px !important;
    min-width:0 !important;
    border-left:0 !important;
    border-bottom:1px solid #eef1f8 !important;
  }
  body.home .gpo-ref-servicebar div:nth-last-child(-n+2),
  body.page-id-25 .gpo-ref-servicebar div:nth-last-child(-n+2){border-bottom:0 !important;}
  body.home .gpo-ref-servicebar i,
  body.page-id-25 .gpo-ref-servicebar i{width:34px !important;height:34px !important;font-size:18px !important;border-radius:11px !important;}
  body.home .gpo-ref-servicebar strong,
  body.page-id-25 .gpo-ref-servicebar strong{font-size:12px !important;line-height:1.25 !important;white-space:normal !important;}
  body.home .gpo-ref-servicebar span,
  body.page-id-25 .gpo-ref-servicebar span{font-size:10.5px !important;line-height:1.3 !important;white-space:normal !important;}
}
@media (max-width:767px){
  body.home .gpo-ref-hero-wrap,
  body.page-id-25 .gpo-ref-hero-wrap{
    padding:0 !important;
    width:100% !important;
    max-width:100vw !important;
  }
  body.home .gpo-ref-hero,
  body.page-id-25 .gpo-ref-hero{
    width:100% !important;
    max-width:100vw !important;
    min-height:220px !important;
    border-radius:0 0 16px 16px !important;
    background-position:center center !important;
  }
  body.home .gpo-ref-hero img,
  body.page-id-25 .gpo-ref-hero img{
    width:100% !important;
    min-height:220px !important;
    max-height:300px !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
  body.home .gpo-ref-dots,
  body.page-id-25 .gpo-ref-dots{margin:-24px 0 18px !important;}
  body.home .gpo-ref-section,
  body.page-id-25 .gpo-ref-section{
    padding:0 14px !important;
    margin-bottom:26px !important;
  }
  body.home .gpo-ref-section h2,
  body.page-id-25 .gpo-ref-section h2{font-size:21px !important;margin-bottom:16px !important;}
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
  }
  body.home .gpo-ref-cat-grid > a,
  body.home .gpo-ref-cat-grid > p,
  body.page-id-25 .gpo-ref-cat-grid > a,
  body.page-id-25 .gpo-ref-cat-grid > p{
    max-width:none !important;
    width:100% !important;
    min-width:0 !important;
  }
  body.home .gpo-ref-cat-grid .gpo-ref-cat,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat{
    min-height:132px !important;
    padding:13px 8px !important;
    border-radius:14px !important;
  }
  body.home .gpo-ref-cat-grid .gpo-ref-cat-img,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat-img{width:70px !important;height:58px !important;margin-bottom:8px !important;}
  body.home .gpo-ref-cat-grid .gpo-ref-cat-img img,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat-img img{width:68px !important;height:56px !important;}
  body.home .gpo-ref-cat-grid .gpo-ref-cat strong,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat strong{font-size:12px !important;margin-bottom:7px !important;}
  body.home .gpo-ref-section-head,
  body.page-id-25 .gpo-ref-section-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:0 14px !important;
  }
  body.home .gpo-ref-section-head h2,
  body.page-id-25 .gpo-ref-section-head h2{font-size:21px !important;text-align:right !important;}
  body.home .gpo-ref-section-head p,
  body.page-id-25 .gpo-ref-section-head p{font-size:11px !important;}
  body.home .gpo-ref-viewall,
  body.page-id-25 .gpo-ref-viewall{font-size:11px !important;padding:8px 11px !important;}
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    padding:0 14px !important;
    margin-bottom:26px !important;
  }
  body.home .gpo-ref-hot-card,
  body.page-id-25 .gpo-ref-hot-card{
    min-height:238px !important;
    padding:10px 9px !important;
    border-radius:14px !important;
  }
  body.home .gpo-ref-hot-img,
  body.page-id-25 .gpo-ref-hot-img{min-height:98px !important;margin-bottom:7px !important;}
  body.home .gpo-ref-hot-img img,
  body.page-id-25 .gpo-ref-hot-img img{max-height:96px !important;}
  body.home .gpo-ref-hot-card h3,
  body.page-id-25 .gpo-ref-hot-card h3{font-size:11.5px !important;line-height:1.28 !important;min-height:32px !important;margin:2px 0 5px !important;}
  body.home .gpo-ref-hot-cats,
  body.page-id-25 .gpo-ref-hot-cats{font-size:10px !important;min-height:24px !important;margin-bottom:6px !important;}
  body.home .gpo-ref-hot-price,
  body.page-id-25 .gpo-ref-hot-price{font-size:12px !important;margin-bottom:7px !important;}
  body.home .gpo-ref-hot-add,
  body.page-id-25 .gpo-ref-hot-add{min-height:31px !important;font-size:11px !important;padding:6px 7px !important;}
  body.home .gpo-ref-promos,
  body.page-id-25 .gpo-ref-promos{
    grid-template-columns:1fr !important;
    padding:0 14px !important;
    gap:14px !important;
  }
  body.home .gpo-ref-promo,
  body.page-id-25 .gpo-ref-promo{min-height:auto !important;border-radius:16px !important;}
  body.home .gpo-ref-promo-img img,
  body.page-id-25 .gpo-ref-promo-img img{min-height:170px !important;max-height:230px !important;object-fit:cover !important;}
  body.home .gpo-ref-upgrade,
  body.page-id-25 .gpo-ref-upgrade{grid-template-columns:1fr !important;direction:rtl !important;}
  body.home .gpo-ref-upgrade div,
  body.page-id-25 .gpo-ref-upgrade div{padding:22px 18px !important;text-align:right !important;}
  body.home .gpo-ref-upgrade strong,
  body.page-id-25 .gpo-ref-upgrade strong{font-size:25px !important;line-height:1 !important;}
  body.home .gpo-ref-upgrade span,
  body.home .gpo-ref-upgrade p,
  body.page-id-25 .gpo-ref-upgrade span,
  body.page-id-25 .gpo-ref-upgrade p{text-align:right !important;}
  body.home .gpo-ref-upgrade img,
  body.page-id-25 .gpo-ref-upgrade img{min-height:170px !important;max-height:220px !important;clip-path:none !important;object-position:center !important;}
  body.home .gpo-ref-footer-lite,
  body.page-id-25 .gpo-ref-footer-lite{
    grid-template-columns:1fr !important;
    width:calc(100% - 28px) !important;
    margin:0 14px 22px !important;
    padding:20px 18px !important;
    gap:18px !important;
    text-align:right !important;
  }
}
@media (max-width:420px){
  body.home .gpo-ref-servicebar,
  body.page-id-25 .gpo-ref-servicebar{
    grid-template-columns:1fr !important;
  }
  body.home .gpo-ref-servicebar div,
  body.page-id-25 .gpo-ref-servicebar div{border-bottom:1px solid #eef1f8 !important;}
  body.home .gpo-ref-servicebar div:last-child,
  body.page-id-25 .gpo-ref-servicebar div:last-child{border-bottom:0 !important;}
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products,
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid{gap:10px !important;}
}


/* GPO final mobile contrast and safe-overflow polish - 2026-06-01 */
body.home,
body.page-id-25,
body.home .website-wrapper,
body.page-id-25 .website-wrapper,
body.home .main-page-wrapper,
body.page-id-25 .main-page-wrapper,
body.home .site-content,
body.page-id-25 .site-content,
body.home .gpo-ref-home,
body.page-id-25 .gpo-ref-home{
  background:#fff !important;
  overflow-x:hidden !important;
}
body.home .gpo-ref-section,
body.page-id-25 .gpo-ref-section,
body.home .gpo-ref-categories,
body.page-id-25 .gpo-ref-categories,
body.home .gpo-ref-hot-section,
body.page-id-25 .gpo-ref-hot-section{
  background:#fff !important;
  color:#141b33 !important;
  box-shadow:none !important;
  border:0 !important;
}
body.home .gpo-ref-hot-section,
body.page-id-25 .gpo-ref-hot-section{
  margin-top:4px !important;
  margin-bottom:16px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body.home .gpo-ref-section-head,
body.page-id-25 .gpo-ref-section-head{
  background:#fff !important;
  color:#141b33 !important;
  border:0 !important;
  box-shadow:none !important;
}
body.home .gpo-ref-section-head h2,
body.page-id-25 .gpo-ref-section-head h2,
body.home .gpo-ref-section-head h2 span,
body.page-id-25 .gpo-ref-section-head h2 span{
  color:#141b33 !important;
  background:transparent !important;
  text-shadow:none !important;
}
body.home .gpo-ref-section-head p,
body.page-id-25 .gpo-ref-section-head p{
  color:#697289 !important;
  background:transparent !important;
}
body.home .gpo-ref-hot-products,
body.page-id-25 .gpo-ref-hot-products{
  background:#fff !important;
}
@media (max-width:767px){
  body.home .gpo-ref-section,
  body.page-id-25 .gpo-ref-section{width:100% !important;max-width:100% !important;padding-left:14px !important;padding-right:14px !important;overflow:hidden !important;}
  body.home .gpo-ref-hot-section,
  body.page-id-25 .gpo-ref-hot-section{overflow:visible !important;}
  body.home .gpo-ref-section-head,
  body.page-id-25 .gpo-ref-section-head{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:10px !important;margin:0 0 14px !important;padding:0 !important;direction:rtl !important;}
  body.home .gpo-ref-section-head h2,
  body.page-id-25 .gpo-ref-section-head h2{font-size:22px !important;line-height:1.2 !important;text-align:center !important;margin:0 !important;}
  body.home .gpo-ref-section-head p,
  body.page-id-25 .gpo-ref-section-head p{text-align:center !important;margin:5px 0 0 !important;}
  body.home .gpo-ref-viewall,
  body.page-id-25 .gpo-ref-viewall{align-self:center !important;}
  body.home .scrollToTop,
  body.page-id-25 .scrollToTop{display:none !important;}
}
@media (max-width:420px){
  body.home .gpo-ref-servicebar,
  body.page-id-25 .gpo-ref-servicebar{grid-template-columns:1fr !important;}
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;width:100% !important;max-width:100% !important;}
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;padding-left:14px !important;padding-right:14px !important;}
}


/* GPO final exact mobile containment patch - category and HOT DEALS live classes */
@media (max-width:767px){
  html, body,
  body.home,
  body.page-id-25,
  body.home .website-wrapper,
  body.page-id-25 .website-wrapper,
  body.home .main-page-wrapper,
  body.page-id-25 .main-page-wrapper,
  body.home .container,
  body.page-id-25 .container,
  body.home .site-content,
  body.page-id-25 .site-content,
  body.home .content-layout-wrapper,
  body.page-id-25 .content-layout-wrapper,
  body.home .gpo-ref-home,
  body.page-id-25 .gpo-ref-home{
    width:100% !important;
    max-width:100vw !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }
  body.home .gpo-ref-home,
  body.page-id-25 .gpo-ref-home{
    display:block !important;
    direction:rtl !important;
  }
  body.home .gpo-ref-categories,
  body.page-id-25 .gpo-ref-categories{
    width:100% !important;
    max-width:100vw !important;
    margin:0 auto 26px !important;
    padding:0 14px !important;
    overflow:hidden !important;
    background:#fff !important;
    direction:ltr !important;
  }
  body.home .gpo-ref-categories h2,
  body.page-id-25 .gpo-ref-categories h2{
    direction:rtl !important;
    text-align:center !important;
    color:#141b33 !important;
  }
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-cat-grid > *,
  body.page-id-25 .gpo-ref-cat-grid > *{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-cat-grid .gpo-ref-cat,
  body.page-id-25 .gpo-ref-cat-grid .gpo-ref-cat{
    direction:rtl !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:142px !important;
    margin:0 !important;
    padding:13px 8px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-hot-section,
  body.page-id-25 .gpo-ref-hot-section{
    position:relative !important;
    z-index:1 !important;
    display:block !important;
    width:100% !important;
    max-width:100vw !important;
    margin:0 auto 12px !important;
    padding:0 14px !important;
    overflow:hidden !important;
    background:#fff !important;
    background-image:none !important;
    color:#141b33 !important;
    box-shadow:none !important;
    border:0 !important;
  }
  body.home .gpo-ref-hot-section::before,
  body.home .gpo-ref-hot-section::after,
  body.page-id-25 .gpo-ref-hot-section::before,
  body.page-id-25 .gpo-ref-hot-section::after{
    content:none !important;
    display:none !important;
  }
  body.home .gpo-ref-hot-section .gpo-ref-section-head,
  body.page-id-25 .gpo-ref-hot-section .gpo-ref-section-head{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background:#fff !important;
    color:#141b33 !important;
  }
  body.home .gpo-ref-hot-section h2,
  body.page-id-25 .gpo-ref-hot-section h2,
  body.home .gpo-ref-hot-section h2 *,
  body.page-id-25 .gpo-ref-hot-section h2 *{
    color:#141b33 !important;
    text-shadow:none !important;
  }
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:100% !important;
    max-width:100vw !important;
    min-width:0 !important;
    margin:0 auto 26px !important;
    padding:0 14px !important;
    overflow:hidden !important;
    background:#fff !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-hot-card,
  body.page-id-25 .gpo-ref-hot-card{
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* GPO final mobile visual polish - header/menu and stacked service cards */
@media (max-width:767px){
  body.home .gpo-ref-custom-header,
  body.page-id-25 .gpo-ref-custom-header{
    width:100% !important;
    max-width:100vw !important;
    overflow:hidden !important;
    background:#fff !important;
  }
  body.home .gpo-ref-header-inner,
  body.page-id-25 .gpo-ref-header-inner{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) 72px !important;
    grid-template-areas:"logo blank actions" "nav nav nav" !important;
    gap:8px 6px !important;
    align-items:center !important;
    width:100% !important;
    max-width:100vw !important;
    margin:0 !important;
    padding:8px 10px 10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }
  body.home .gpo-ref-logo,
  body.page-id-25 .gpo-ref-logo{grid-area:logo !important;justify-self:start !important;max-width:64px !important;}
  body.home .gpo-ref-actions,
  body.page-id-25 .gpo-ref-actions{grid-area:actions !important;justify-self:end !important;width:auto !important;max-width:72px !important;gap:8px !important;}
  body.home .gpo-ref-custom-header nav,
  body.page-id-25 .gpo-ref-custom-header nav{
    grid-area:nav !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px 12px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 auto !important;
    padding:4px 0 0 !important;
    overflow:visible !important;
    direction:rtl !important;
    text-align:center !important;
  }
  body.home .gpo-ref-custom-header nav a,
  body.page-id-25 .gpo-ref-custom-header nav a{
    flex:0 0 auto !important;
    max-width:100% !important;
    white-space:nowrap !important;
    font-size:12px !important;
    line-height:1.25 !important;
    padding:3px 0 !important;
  }
  body.home .gpo-ref-servicebar,
  body.page-id-25 .gpo-ref-servicebar{
    grid-template-columns:1fr !important;
    width:calc(100% - 28px) !important;
    max-width:362px !important;
    margin:14px auto 22px !important;
    padding:10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-servicebar > div,
  body.page-id-25 .gpo-ref-servicebar > div{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  body.home .gpo-ref-cat-grid,
  body.page-id-25 .gpo-ref-cat-grid,
  body.home .gpo-ref-hot-products,
  body.page-id-25 .gpo-ref-hot-products{
    max-width:390px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:420px){
  body.home .gpo-ref-custom-header nav a,
  body.page-id-25 .gpo-ref-custom-header nav a{font-size:11.5px !important;}
  body.home .gpo-ref-header-inner,
  body.page-id-25 .gpo-ref-header-inner{grid-template-columns:66px minmax(0,1fr) 66px !important;padding-left:9px !important;padding-right:9px !important;}
}

/* GPO mobile navigation black-bar fix: WoodMart bottom toolbar must match the light storefront UI. */
@media (max-width: 767px) {
  html body .wd-toolbar,
  html body .wd-toolbar.wd-toolbar-label-show,
  html body .woodmart-toolbar,
  html body .wd-bottom-toolbar {
    background: rgba(255,255,255,0.98) !important;
    color: #111827 !important;
    border-top: 1px solid rgba(229,231,235,0.96) !important;
    box-shadow: 0 -10px 28px rgba(15,23,42,0.10) !important;
    backdrop-filter: saturate(160%) blur(14px) !important;
    -webkit-backdrop-filter: saturate(160%) blur(14px) !important;
  }

  html body .wd-toolbar a,
  html body .wd-toolbar .wd-tools-element,
  html body .wd-toolbar .wd-toolbar-label,
  html body .wd-toolbar .wd-tools-text,
  html body .wd-toolbar .wd-tools-icon,
  html body .wd-toolbar .wd-tools-count,
  html body .woodmart-toolbar a,
  html body .wd-bottom-toolbar a {
    color: #111827 !important;
    fill: #111827 !important;
    background: transparent !important;
    text-shadow: none !important;
  }

  html body .wd-toolbar a:before,
  html body .wd-toolbar a:after,
  html body .wd-toolbar .wd-tools-icon:before,
  html body .wd-toolbar .wd-tools-icon:after,
  html body .woodmart-toolbar a:before,
  html body .woodmart-toolbar a:after,
  html body .wd-bottom-toolbar a:before,
  html body .wd-bottom-toolbar a:after {
    color: #111827 !important;
  }

  html body .wd-toolbar a:hover,
  html body .wd-toolbar a:focus,
  html body .wd-toolbar .wd-tools-element:hover,
  html body .wd-toolbar .wd-tools-element.wd-opened {
    color: #e92b96 !important;
    background: rgba(233,43,150,0.08) !important;
  }

  html body .wd-toolbar .wd-tools-count,
  html body .wd-toolbar .count,
  html body .wd-toolbar .wd-cart-number,
  html body .wd-toolbar .wd-wishlist-count {
    background: linear-gradient(135deg,#e92b96,#2563eb) !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  html body .mobile-nav,
  html body .wd-nav-mobile,
  html body .wd-side-hidden.wd-opened,
  html body .wd-side-hidden.wd-opened .wd-heading,
  html body .wd-side-hidden.wd-opened .wd-scroll-content {
    background-color: #ffffff !important;
    color: #111827 !important;
  }

  html body .mobile-nav a,
  html body .wd-nav-mobile a,
  html body .wd-side-hidden.wd-opened a,
  html body .wd-close-side {
    color: #111827 !important;
  }
}