/* Skip link: off-screen until focused, then a solid, high-contrast chip. */
.htp-skip{
  /* Visually hidden WITHOUT an off-screen offset. left:-9999px is unreachable overflow
     in LTR but SCROLLABLE overflow in RTL, so it gave every Arabic and Hebrew page
     ~10,000px of sideways scroll. Clip instead, and unclip on focus. */
  position:absolute; left:0; top:0; z-index:100000;
  width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
  background:#F5B301; color:#000; font-weight:800; font-size:15px;
  padding:12px 20px; border-radius:0 0 10px 0; text-decoration:none;
  font-family:inherit; line-height:1.2;
}
.htp-skip:focus,.htp-skip:focus-visible{
  width:auto; height:auto; overflow:visible; clip:auto; clip-path:none;
  left:0; outline:3px solid #fff; outline-offset:-3px;
}
[dir="rtl"] .htp-skip{border-radius:0 0 0 10px}
[dir="rtl"] .htp-skip:focus,[dir="rtl"] .htp-skip:focus-visible{left:auto; right:0}

/* A target that is scrolled to must not hide under the sticky header. */
#htp-main{scroll-margin-top:calc(var(--hd-h, 64px) + 12px)}

/* Gold text on a light background was 3.2-3.6:1 at body sizes; AA wants 4.5.
   Only the small text is darkened - large headings and gold-on-black are fine. */
html[data-htp-theme="light"] .hts-raillabel,
html[data-htp-theme="light"] .hts-stat b,
html[data-htp-theme="light"] .hts-lbl,
html[data-htp-theme="light"] .htcb-all,
html[data-htp-theme="light"] .hts-all,
html[data-htp-theme="light"] #ht-trust-sec .tr-eyebrow,
html[data-htp-theme="light"] #ht-trust-sec .tr-stat b{color:#8A6200!important}

/* Muted link text at 50-75% white failed against the page on the product page. */
.htp-crumbs a,.htpp-crumbs a{color:rgba(255,255,255,.82)}
html[data-htp-theme="light"] .htp-crumbs a,
html[data-htp-theme="light"] .htpp-crumbs a{color:#3A4454}


html[data-htp-theme="light"] body .htp-legal{color:#1C2430}
html[data-htp-theme="light"] body .htp-legal p,
html[data-htp-theme="light"] body .htp-legal li{color:#1C2430}
html[data-htp-theme="light"] body .htp-legal h1,
html[data-htp-theme="light"] body .htp-legal h2,
html[data-htp-theme="light"] body .htp-legal h4,
html[data-htp-theme="light"] body .htp-legal strong{color:#0B1220}
/* Gold at body size is 2.0:1 on the light canvas; #8A6200 is the site's accessible gold. */
html[data-htp-theme="light"] body .htp-legal h3{color:#8A6200}
html[data-htp-theme="light"] body .htp-legal a{color:#8A6200;text-decoration:underline;text-underline-offset:2px}
html[data-htp-theme="light"] body .htp-legal a:hover{color:#0B1220}
html[data-htp-theme="light"] body .htp-legal em{color:#5A6472}
html[data-htp-theme="light"] body .htp-legal .upd{color:#5A6472}
html[data-htp-theme="light"] body .htp-legal hr{border-top-color:rgba(15,23,42,.14)}

/* The same block is inlined into the checkout terms accordion. */
html[data-htp-theme="light"] body .woocommerce-terms-and-conditions .htp-legal,
html[data-htp-theme="light"] body .woocommerce-terms-and-conditions .htp-legal p,
html[data-htp-theme="light"] body .woocommerce-terms-and-conditions .htp-legal li{color:#1C2430}
/* Inside the accordion the page padding is dead space. */
body .woocommerce-terms-and-conditions .htp-legal{padding:0;max-width:none}


    /* HT+ Frequently-Bought-Together — premium card */
    .htp-fbt{margin:2em 0;padding:1.25em 1.35em;border:1px solid rgba(224,164,0,.35);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));color:#e8ecf3;box-shadow:0 14px 40px rgba(0,0,0,.28)}
    .htp-fbt h2,.htp-recently h2{font-size:1.15rem;font-weight:800;margin:0 0 .9em;color:#f4f6fa;display:flex;align-items:center;gap:.5em}
    .htp-fbt h2:before{content:"";width:20px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ffd35e,#e0a400)}
    .htp-fbt-form{display:flex;flex-direction:column;gap:.55em}
    .htp-fbt-item{display:flex;align-items:center;gap:.85em;margin:0;padding:.6em .7em;border:1px solid rgba(20,30,60,.12)!important;border-radius:12px;background:#eef1f6!important;cursor:pointer;transition:border-color .15s,background .15s}
    .htp-fbt-item:hover{border-color:rgba(224,164,0,.55)!important;background:#fff5e0!important}
    .htp-fbt-item input[type=checkbox]{width:19px;height:19px;flex:0 0 auto;accent-color:#e0a400;cursor:pointer}
    .htp-fbt-item input[type=checkbox]:disabled{opacity:.55}
    .htp-fbt-item>a{flex:0 0 auto;display:block;width:54px;height:54px;border-radius:10px;background:#fff;padding:4px;border:1px solid rgba(255,255,255,.12);overflow:hidden}
    .htp-fbt-item img{width:100%;height:100%;object-fit:contain;border-radius:6px;display:block}
    .htp-fbt-name{flex:1 1 auto;min-width:0;color:#141821!important;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .htp-fbt-price{flex:0 0 auto;font-weight:800;color:#a6730a!important;font-size:.95rem;white-space:nowrap}
    .htp-fbt-total{margin:1em 0 .7em;font-size:1.08rem;color:#f4f6fa;display:flex;justify-content:space-between;align-items:center;padding-top:.9em;border-top:1px dashed rgba(255,255,255,.14)}
    .htp-fbt-total strong{color:#f3b301;font-size:1.25rem;font-weight:800}
    .htp-fbt-btn{display:block!important;width:100%;background:linear-gradient(180deg,#f0b60c,#e0a400)!important;color:#1a1a1a!important;border:none!important;font-weight:800!important;padding:.85em 1em!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(224,164,0,.28)!important;transition:transform .12s,box-shadow .12s}
    .htp-fbt-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(224,164,0,.36)!important}
    .htp-recently{margin:2.5em 0}
    /* Light-mode overrides: dark text on a white card */
    html[data-htp-theme="light"] .htp-fbt{background:linear-gradient(180deg,#ffffff,#fbfcfe);border-color:rgba(20,30,60,.14);color:#1c2430;box-shadow:0 12px 34px rgba(30,45,90,.10)}
    html[data-htp-theme="light"] .htp-fbt h2,html[data-htp-theme="light"] .htp-fbt-total{color:#1c2430}
    html[data-htp-theme="light"] .htp-fbt-item{background:#f6f8fb;border-color:rgba(20,30,60,.10)}
    html[data-htp-theme="light"] .htp-fbt-item:hover{background:#fff7e6;border-color:rgba(224,164,0,.5)}
    html[data-htp-theme="light"] .htp-fbt-name{color:#1c2430!important}
    html[data-htp-theme="light"] .htp-fbt-item>a{background:#fff;border-color:rgba(20,30,60,.12)}
    html[data-htp-theme="light"] .htp-fbt-price,html[data-htp-theme="light"] .htp-fbt-total strong{color:#b07d00!important}
    
img#wpstats{display:none}
.woocommerce-product-gallery{ opacity: 1 !important; }
.woocommerce ul.products li.product a h2,.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#fff!important}.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{color:#F5B301!important}.woocommerce ul.products li.product .button,.woocommerce ul.products li.product a.button{background:rgba(245,179,1,.12)!important;color:#F5B301!important;border:1px solid rgba(245,179,1,.3)!important;border-radius:8px!important;font-weight:600!important}.woocommerce ul.products li.product .button:hover{background:#F5B301!important;color:#000!important}.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price .amount{color:#F5B301!important}.woocommerce ul.products li.product{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:16px!important;transition:all .25s!important}.woocommerce ul.products li.product:hover{border-color:rgba(245,179,1,.25)!important;transform:translateY(-3px)!important}.woocommerce div.product .product_title{color:#fff!important}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#F5B301!important}.woocommerce div.product .single_add_to_cart_button{background:#F5B301!important;color:#000!important;border-radius:10px!important;font-weight:700!important;border:none!important}.woocommerce .woocommerce-breadcrumb,.woocommerce .woocommerce-breadcrumb a{color:rgba(255,255,255,.5)!important}.woocommerce .woocommerce-breadcrumb a:hover,.woocommerce div.product .product_meta a{color:#F5B301!important}.woocommerce .woocommerce-result-count{color:rgba(255,255,255,.5)!important}.woocommerce .woocommerce-ordering select{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:8px!important}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.7)!important;border-radius:6px!important}.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current{background:#F5B301!important;color:#000!important}.elementor-widget-form input:not([type=submit]),.elementor-widget-form textarea,.elementor-widget-form select{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;border-radius:10px!important}.elementor-widget-form input:focus,.elementor-widget-form textarea:focus{border-color:#F5B301!important;outline:none!important}.elementor-widget-form .elementor-field-label{color:rgba(255,255,255,.65)!important}.elementor-widget-form button[type=submit],.elementor-widget-form input[type=submit]{background:#F5B301!important;color:#000!important;border:none!important;border-radius:10px!important;font-weight:700!important}
/* Visit Us: force map iframe above PCB canvas */
.visit-us-page .elementor-widget-html,
.page-id-781 .elementor-widget-html { position: relative; z-index: 5; }
.page-id-781 iframe { position: relative; z-index: 10; }
/* Build Your Own PC gap fix */
/* ── Build Your Own PC — centered, max-width constrained ── */
#byopc-wrap {
  max-width: 1280px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#byopc-hero {
  position: relative;
  z-index: 10 !important;
  background: transparent !important;
}
#byopc-tiers,
#byopc-builder,
#byopc-why {
  background: transparent !important;
}
@media (max-width: 1320px) {
  #byopc-wrap {
    max-width: 100% !important;
    padding: 0 24px !important;
  }
}
/* Single product category links */
.woocommerce div.product .product_meta,
.woocommerce div.product .product_meta a,
.woocommerce div.product .posted_in a,
.woocommerce div.product .tagged_as a { color: #F5B301 !important; }

/* Hide WP default page title (shows on shop, visit-us, build-your-own-pc etc) */
.page-title, .entry-title, h1.entry-title, .wp-block-post-title,
.helloelementor-page-title, .elementor-page-title { display: none !important; }
/* Hide WooCommerce default breadcrumb from WP (we have custom ones) */
/* WooCommerce toolbar - style it */
.woocommerce-result-count { color: rgba(255,255,255,0.4) !important; font-size: 13px !important; }
.woocommerce-ordering select {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.7) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
}
/* Single product: fix category link color */
.woocommerce div.product .product_meta a,
.woocommerce div.product .product_meta span,
.woocommerce div.product .posted_in a { color: #F5B301 !important; }
/* Cart/checkout table cells */
.woocommerce-cart table.cart td, .woocommerce-cart table.cart th { color: rgba(255,255,255,0.8) !important; }
/* Remove any rogue background on Elementor page content */
.elementor-section-wrap, .elementor-inner, .elementor-container { position: relative; z-index: 1; }

/* Cart: product links white */
.woocommerce-cart table.cart .product-name a,
.woocommerce-cart table.cart td.product-name a,
.shop_table td.product-name a { color: #fff !important; text-decoration: none !important; }
.woocommerce-cart table.cart .product-name a:hover { color: #F5B301 !important; }
/* Cart: remove X button */
.woocommerce-cart table.cart a.remove { color: rgba(255,255,255,0.4) !important; font-size: 18px !important; }
.woocommerce-cart table.cart a.remove:hover { color: #F5B301 !important; background: transparent !important; }
/* Default sorting dropdown styled */
.woocommerce-ordering select { 
  background: rgba(255,255,255,0.06) !important; 
  border: 1px solid rgba(255,255,255,0.12) !important; 
  color: rgba(255,255,255,0.7) !important; 
  border-radius: 8px !important; 
  padding: 8px 12px !important; 
  font-size: 13px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
/* Visit Us page title hide */
.page-id-781 .elementor-page-title,
.page-id-781 .wp-block-post-title { display: none !important; }
/* WooCommerce coupon notice style */
.woocommerce-info a, .woocommerce-message a { color: #F5B301 !important; }

/* ===== CART PURPLE FIX — all states ===== */

/* 1. Product image/title links on shop loop — kill browser-default blue */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  color: inherit !important;
  text-decoration: none !important;
}

/* 2. Remove-from-cart × button — was blue */
a.elementor_remove_from_cart_button,
a.remove_from_cart_button,
.elementor-widget-woocommerce-menu-cart a.remove_from_cart_button {
  color: rgba(255,255,255,0.4) !important;
  text-decoration: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
}
a.elementor_remove_from_cart_button:hover,
a.remove_from_cart_button:hover {
  color: #F5B301 !important;
}

/* 3. Mini-cart "View cart" + "Checkout" Elementor buttons — were grey #696a75 */
.elementor-button--view-cart,
a.elementor-button--view-cart,
.elementor-button--checkout,
a.elementor-button--checkout {
  background: rgba(245,179,1,0.12) !important;
  color: #F5B301 !important;
  border: 1px solid rgba(245,179,1,0.35) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.elementor-button--view-cart:hover,
.elementor-button--checkout:hover {
  background: #F5B301 !important;
  color: #000 !important;
}

/* 4. WooCommerce "added to cart" flash notice */
.woocommerce-message,
ul.woocommerce-message {
  background: rgba(245,179,1,0.08) !important;
  border-top: 3px solid #F5B301 !important;
  color: #fff !important;
}
.woocommerce-message a,
.woocommerce-message .button,
.woocommerce-message a.button {
  background: #F5B301 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  text-decoration: none !important;
}
.woocommerce-notices-wrapper .woocommerce-message a.button:hover {
  background: #ffc107 !important;
  color: #000 !important;
}

/* 5. added_to_cart / View cart links that appear inline below product */
a.added_to_cart,
.added_to_cart {
  display: inline-block !important;
  background: rgba(245,179,1,0.1) !important;
  color: #F5B301 !important;
  border: 1px solid rgba(245,179,1,0.3) !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-top: 6px !important;
}
a.added_to_cart:hover { background: #F5B301 !important; color: #000 !important; }

/* 6. Any generic <a> inside woocommerce notices */
.woocommerce-notices-wrapper a { color: #F5B301 !important; }
.woocommerce-notices-wrapper a.button { color: #000 !important; }

/* 7. WooCommerce info/error notices */
.woocommerce-info, .woocommerce-error {
  border-top-color: #F5B301 !important;
  background: rgba(245,179,1,0.06) !important;
  color: #fff !important;
}
.woocommerce-info a, .woocommerce-error a { color: #F5B301 !important; }

/* 8. Kill browser-default blue only on specific woocommerce link types */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce ul.products li.product a.woocommerce-loop-product__link,
.woocommerce .woocommerce-loop-product__link {
  color: #fff !important;
  text-decoration: none !important;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: #F5B301 !important; }

/* 9. Logo links — must not be blue */
a#ht-logo, a.mob-logo,
.elementor-widget-site-logo a,
.site-branding a,
header a.custom-logo-link { color: inherit !important; }

/* 10. Default sorting + result count */
.woocommerce-ordering select,
form.woocommerce-ordering select {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.7) !important;
  border-radius: 8px !important;
}

/* === MINI-CART & REMAINING PURPLE FIXES === */

/* Mini-cart product name + image links */
.elementor-menu-cart__product-name a,
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-image a,
.elementor-menu-cart__product a {
  color: #fff !important;
  text-decoration: none !important;
}
.elementor-menu-cart__product-name a:hover { color: #F5B301 !important; }

/* Mini-cart subtotal, price */
.elementor-menu-cart__subtotal,
.elementor-menu-cart .woocommerce-Price-amount { color: #F5B301 !important; }

/* Elementor logo image link (widget 190b81d3 in header 730) — kill browser blue */
.elementor-element-190b81d3 a,
.elementor-element-190b81d3 a:visited,
.elementor-location-header .elementor-widget-image a,
.elementor-location-header .elementor-widget-image a:visited,
.elementor-widget-site-logo a,
.elementor-widget-site-logo a:visited { color: transparent !important; }

/* Footer social SVG icon links */
.ht-footer-socials a,
.ht-footer-socials a:visited { color: #F5B301 !important; }

/* Mini cart product link — white */
.elementor-menu-cart__product a,
.elementor-menu-cart__product a:visited { color: #fff !important; }

/* === CART & CHECKOUT REMAINING BLUE LINKS === */

/* "Calculate shipping" link in cart */
a.shipping-calculator-button,
.shipping-calculator-button {
  color: #F5B301 !important;
  text-decoration: none !important;
}
a.shipping-calculator-button:hover { color: #fff !important; }

/* "privacy policy" link on checkout */
a.woocommerce-privacy-policy-link,
.woocommerce-privacy-policy-link {
  color: rgba(255,255,255,0.5) !important;
  text-decoration: underline !important;
}
a.woocommerce-privacy-policy-link:hover { color: #F5B301 !important; }

/* Any other WooCommerce inline links that may be blue */
.woocommerce-checkout a:not(.button):not(.elementor-button),
.woocommerce-cart a:not(.button):not(.elementor-button):not(.elementor-menu-cart__toggle_wrapper a) {
  color: rgba(255,255,255,0.65) !important;
}
.woocommerce-checkout a:not(.button):hover,
.woocommerce-cart a:not(.button):hover { color: #F5B301 !important; }

/* "Terms and conditions" on checkout */
.woocommerce-terms-and-conditions-link {
  color: rgba(255,255,255,0.5) !important;
}
.woocommerce-terms-and-conditions-link:hover { color: #F5B301 !important; }

/* Checkout "have a coupon?" notice */
.woocommerce-form-coupon-toggle .showcoupon,
.checkout_coupon .form-row a {
  color: #F5B301 !important;
}

/* Checkout: "returning customer?" login link */
.woocommerce-form-login-toggle .showlogin {
  color: #F5B301 !important;
}

/* Generic: any link inside woocommerce totals table */
.woocommerce-cart table.shop_table a,
.woocommerce-checkout table.shop_table a {
  color: rgba(255,255,255,0.75) !important;
}
.woocommerce-cart table.shop_table a:hover { color: #F5B301 !important; }

/* ============================================
   MOBILE: CART COUPON BAR — SINGLE SLEEK ROW
   ============================================ */
@media (max-width: 768px) {
  /* Coupon wrapper: single flex row */
  .woocommerce-cart-form .coupon {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }
  /* Coupon input: flex-grow, minimal height */
  .woocommerce-cart-form .coupon input#coupon_code,
  .woocommerce-cart-form .coupon .input-text {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    background: rgba(255,255,255,0.07) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 10px !important;
    color: #fff !important;
    box-sizing: border-box !important;
  }
  .woocommerce-cart-form .coupon input#coupon_code::placeholder { color: rgba(255,255,255,0.35) !important; }
  .woocommerce-cart-form .coupon input#coupon_code:focus { border-color: #F5B301 !important; outline: none !important; }
  /* Apply coupon button: compact */
  .woocommerce-cart-form .coupon button[name="apply_coupon"],
  .woocommerce-cart-form .coupon .button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    height: 44px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background: rgba(245,179,1,0.12) !important;
    color: #F5B301 !important;
    border: 1px solid rgba(245,179,1,0.3) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    transition: all .2s !important;
  }
  .woocommerce-cart-form .coupon button[name="apply_coupon"]:hover { background: #F5B301 !important; color: #000 !important; }
  /* Actions row: stack coupon above update cart on mobile */
  .woocommerce-cart-form .actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 0 !important;
  }
  /* Update cart button full width on mobile */
  .woocommerce-cart-form .actions button[name="update_cart"],
  .woocommerce-cart-form .actions .button[name="update_cart"] {
    width: 100% !important;
    height: 44px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* ============================================
     MOBILE: SHOP — 2-COLUMN PRODUCT GRID
     ============================================ */
  /* Nuke WooCommerce float layout, replace with CSS Grid */
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-2,
  .woocommerce ul.products.columns-1,
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 0 12px !important;
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    clear: both !important;
  }
  /* Kill WooCommerce clearfix pseudo-elements that break CSS Grid on mobile */
  .woocommerce ul.products::before,
  .woocommerce ul.products::after,
  ul.products.columns-4::before,
  ul.products.columns-4::after {
    display: none !important;
    content: none !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce ul.products.columns-4 li.product,
  .woocommerce ul.products.columns-3 li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  /* Product image: fixed square ratio */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    height: 140px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 10px !important;
  }
  /* Product title: compact */
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
    font-weight: 600 !important;
    color: #fff !important;
  }
  /* Product price */
  .woocommerce ul.products li.product .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #F5B301 !important;
    margin-bottom: 10px !important;
  }
  /* Add to cart button: full width, compact */
  .woocommerce ul.products li.product .button.add_to_cart_button,
  .woocommerce ul.products li.product a.button {
    width: 100% !important;
    text-align: center !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    background: rgba(245,179,1,0.12) !important;
    color: #F5B301 !important;
    border: 1px solid rgba(245,179,1,0.3) !important;
    margin-top: auto !important;
  }
  /* Shop result count + sorting: stack nicely */
  .woocommerce .woocommerce-result-count {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }
  .woocommerce-ordering { margin-bottom: 12px !important; }

  /* ============================================
     MOBILE: SHOP PAGINATION — GOLD STYLED
     ============================================ */
  .woocommerce nav.woocommerce-pagination {
    display: flex !important;
    justify-content: center !important;
    padding: 24px 12px !important;
  }
  .woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    gap: 6px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: rgba(255,255,255,0.7) !important;
    text-decoration: none !important;
    transition: all .2s !important;
  }
  .woocommerce nav.woocommerce-pagination ul li a:hover {
    background: rgba(245,179,1,0.15) !important;
    border-color: rgba(245,179,1,0.4) !important;
    color: #F5B301 !important;
  }
  .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #F5B301 !important;
    border-color: #F5B301 !important;
    color: #000 !important;
    font-weight: 700 !important;
  }
  /* Prev/Next arrows */
  .woocommerce nav.woocommerce-pagination ul li a.prev,
  .woocommerce nav.woocommerce-pagination ul li a.next {
    width: auto !important;
    padding: 0 16px !important;
    font-size: 12px !important;
  }
}

/* ===== FAQ SECTION ACCORDION STYLING ===== */
/* Target the FAQ HTML widget section */
.elementor-element-15ab954 section {
  padding: 32px 0 !important;
}
.elementor-element-15ab954 section h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 28px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(245,179,1,0.25) !important;
}
/* Each FAQ item = question P + answer P pair */
.elementor-element-15ab954 section > p:nth-child(odd) {
  /* Question (odd P = 1st, 3rd, 5th... after h2) */
  font-weight: 700 !important;
  color: #F5B301 !important;
  font-size: 15px !important;
  margin-top: 16px !important;
  margin-bottom: 4px !important;
  cursor: default !important;
}
.elementor-element-15ab954 section > p:nth-child(even) {
  /* Answer (even P = 2nd, 4th, 6th...) */
  font-weight: 400 !important;
  color: rgba(255,255,255,0.72) !important;
  font-size: 14px !important;
  margin-bottom: 12px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  line-height: 1.6 !important;
}
/* First Q is actually 2nd child (after h2), so adjust: */
.elementor-element-15ab954 section > p:nth-child(2),
.elementor-element-15ab954 section > p:nth-child(4),
.elementor-element-15ab954 section > p:nth-child(6),
.elementor-element-15ab954 section > p:nth-child(8),
.elementor-element-15ab954 section > p:nth-child(10),
.elementor-element-15ab954 section > p:nth-child(12),
.elementor-element-15ab954 section > p:nth-child(14) {
  font-weight: 700 !important;
  color: #F5B301 !important;
  font-size: 15px !important;
  margin-top: 16px !important;
  margin-bottom: 4px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.elementor-element-15ab954 section > p:nth-child(3),
.elementor-element-15ab954 section > p:nth-child(5),
.elementor-element-15ab954 section > p:nth-child(7),
.elementor-element-15ab954 section > p:nth-child(9),
.elementor-element-15ab954 section > p:nth-child(11),
.elementor-element-15ab954 section > p:nth-child(13),
.elementor-element-15ab954 section > p:nth-child(15) {
  font-weight: 400 !important;
  color: rgba(255,255,255,0.68) !important;
  font-size: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 6px 0 14px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  line-height: 1.6 !important;
}
/* Wrap FAQ section in constrained width */
.elementor-element-15ab954 .elementor-widget-container {
  max-width: 860px !important;
  margin: 0 auto !important;
}

/* ============================================
   DESKTOP SHOP: CSS GRID (works at all widths)
   ============================================ */

/* Use CSS Grid for all screen sizes above mobile - clean, consistent */
@media (min-width: 769px) {
  /* Kill WooCommerce float pseudo-elements that eat grid slots */
  .woocommerce ul.products::before,
  .woocommerce ul.products::after {
    display: none !important;
    content: none !important;
  }
  /* CSS Grid: always exactly 4 columns on desktop */
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
    float: none !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
  }
  .woocommerce ul.products li.product,
  .woocommerce ul.products.columns-4 li.product {
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
  }
  /* Constrain image height so cards look uniform */
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
    width: 100% !important;
    height: 220px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto 12px !important;
  }
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
    display: block !important;
  }
}







/* =====================================================
   HT+ SINGLE PRODUCT PAGE — FULL REDESIGN v4
   ===================================================== */

/* Show main container */
.single-product .elementor-element-64fbf1ba {
  display: flex !important;
}

/* ── Outer wrapper padding ── */
.single-product .elementor-element-2fedb40e {
  padding: 0 !important;
}
.single-product .elementor-element-2fedb40e > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 20px 40px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Breadcrumb */
.single-product [data-id="77abfb00"] {
  width: 100% !important; margin-bottom: 20px !important;
}
.single-product .woocommerce-breadcrumb {
  font-size: 12.5px !important; color: rgba(255,255,255,0.4) !important;
}
.single-product .woocommerce-breadcrumb a {
  color: rgba(255,255,255,0.5) !important; text-decoration: none !important;
}
.single-product .woocommerce-breadcrumb a:hover { color: #F5B301 !important; }

/* ── 49727b1: the product layout container — make it 2-col ── */
.single-product [data-id="49727b1"] {
  width: 100% !important;
}
/* Force its internal layout to be a proper 2-column grid */
.single-product [data-id="49727b1"].e-con {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 56px !important;
  align-items: start !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* Fix: override Elementor flex on this container */
.single-product [data-id="49727b1"] > .e-con-inner {
  display: contents !important;
}

/* ── 213ce0a4: GALLERY — col 1 ── */
.single-product [data-id="213ce0a4"] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: 80px !important;
  align-self: start !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
/* Main gallery image */
.single-product [data-id="a911a25"] .woocommerce-product-gallery__image:first-child img,
.single-product [data-id="a911a25"] img:not(.flex-control-thumbs img) {
  width: 100% !important;
  height: 460px !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  padding: 28px !important;
  box-sizing: border-box !important;
  display: block !important;
}
/* Thumbnail strip */
.single-product [data-id="a911a25"] .flex-control-thumbs {
  display: flex !important;
  gap: 10px !important; margin-top: 14px !important;
  overflow-x: auto !important; list-style: none !important;
  padding: 0 0 6px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(245,179,1,0.3) transparent !important;
}
.single-product [data-id="a911a25"] .flex-control-thumbs li { flex: 0 0 68px !important; }
.single-product [data-id="a911a25"] .flex-control-thumbs li img {
  width: 68px !important; height: 68px !important;
  object-fit: contain !important; border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  background: rgba(255,255,255,0.04) !important;
  padding: 6px !important; box-sizing: border-box !important;
  cursor: pointer !important; opacity: 0.65 !important;
  transition: border-color 0.2s, opacity 0.2s !important;
}
.single-product [data-id="a911a25"] .flex-control-thumbs li img.flex-active,
.single-product [data-id="a911a25"] .flex-control-thumbs li img:hover {
  border-color: #F5B301 !important; opacity: 1 !important;
}
.single-product [data-id="a911a25"] .woocommerce-product-gallery__trigger {
  background: rgba(245,179,1,0.15) !important;
  border-radius: 50% !important; width: 36px !important; height: 36px !important;
  top: 12px !important; right: 12px !important; color: #F5B301 !important;
}

/* ── 76f91bb4: PRODUCT INFO — col 2 ── */
.single-product [data-id="76f91bb4"] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important; max-width: 100% !important; padding: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 0 !important;
}

/* Availability badge (CSS ::before on the info col) */
.single-product [data-id="76f91bb4"]::before {
  content: "✓  In Stock · Ready Today at Baladi Mall" !important;
  display: inline-flex !important; align-items: center !important;
  background: rgba(34,197,94,0.1) !important; color: #4ade80 !important;
  border: 1px solid rgba(34,197,94,0.28) !important;
  border-radius: 100px !important; font-size: 12px !important; font-weight: 600 !important;
  padding: 5px 14px !important; letter-spacing: 0.03em !important;
  margin-bottom: 16px !important; width: fit-content !important;
}

/* Product title */
.single-product .product_title.entry-title {
  display: block !important;
  font-size: clamp(20px, 1.8vw, 28px) !important; font-weight: 800 !important;
  color: #fff !important; line-height: 1.25 !important;
  margin: 0 0 18px !important; letter-spacing: -0.02em !important;
}

/* Price */
.single-product [data-id="6fbe552f"] .price {
  font-size: 32px !important; font-weight: 900 !important;
  color: #F5B301 !important; margin: 0 !important; line-height: 1 !important;
}
.single-product [data-id="6fbe552f"] .price del {
  color: rgba(255,255,255,0.35) !important; font-size: 18px !important; font-weight: 400 !important;
}
.single-product [data-id="6fbe552f"] .price ins { text-decoration: none !important; }
.single-product [data-id="6fbe552f"] {
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  margin-bottom: 20px !important;
}

/* Add to cart */
.single-product [data-id="751c4c2f"] .cart {
  display: flex !important; align-items: center !important; gap: 12px !important; margin: 0 !important;
}
.single-product [data-id="751c4c2f"] .qty {
  width: 60px !important; height: 52px !important; border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important; font-size: 18px !important; font-weight: 700 !important;
  text-align: center !important; outline: none !important;
}
.single-product [data-id="751c4c2f"] .qty:focus {
  border-color: #F5B301 !important; background: rgba(245,179,1,0.06) !important;
}
.single-product [data-id="751c4c2f"] .single_add_to_cart_button {
  flex: 1 !important; height: 52px !important;
  background: #F5B301 !important; color: #000 !important;
  border: none !important; border-radius: 12px !important;
  font-size: 14px !important; font-weight: 800 !important;
  letter-spacing: 0.04em !important; text-transform: uppercase !important;
  cursor: pointer !important; transition: background 0.2s, transform 0.1s !important;
  padding: 0 !important;
}
.single-product [data-id="751c4c2f"] .single_add_to_cart_button:hover {
  background: #ffc300 !important; transform: translateY(-1px) !important;
}
.single-product [data-id="751c4c2f"] {
  margin-bottom: 20px !important;
}

/* Trust text widget */
.single-product [data-id="7f8a4a3c"] {
  color: rgba(255,255,255,0.55) !important; font-size: 13px !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding: 16px 0 !important; margin-bottom: 16px !important;
}
.single-product [data-id="7f8a4a3c"] p { color: rgba(255,255,255,0.55) !important; font-size: 13px !important; margin: 0 !important; line-height: 2 !important; }
.single-product [data-id="7f8a4a3c"] li { color: rgba(255,255,255,0.55) !important; font-size: 13px !important; line-height: 2 !important; }

/* Product meta */
.single-product [data-id="6983fe45"] .product_meta span { font-size: 13px !important; color: rgba(255,255,255,0.5) !important; }
.single-product [data-id="6983fe45"] .product_meta a { color: #F5B301 !important; text-decoration: none !important; font-weight: 600 !important; }
.single-product [data-id="6983fe45"] .product_meta a:hover { color: #ffd43b !important; }

/* ── 7e1a6ca: TABS — full width below product ── */
.single-product [data-id="7e1a6ca"] {
  width: 100% !important; grid-column: 1 / -1 !important;
}
/* Hide the duplicate native WC gallery inside tabs widget */
.single-product [data-id="7e1a6ca"] .woocommerce-product-gallery { display: none !important; }
/* Hide the duplicate summary inside tabs widget */
.single-product [data-id="7e1a6ca"] .summary.entry-summary { display: none !important; }

/* Style the tabs */
.single-product .woocommerce-tabs {
  padding: 32px 0 40px !important; border-top: 1px solid rgba(255,255,255,0.07) !important;
}
.single-product .woocommerce-tabs .tabs {
  display: flex !important; gap: 4px !important; list-style: none !important;
  padding: 0 !important; margin: 0 0 28px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.single-product .woocommerce-tabs .tabs li { margin: 0 !important; }
.single-product .woocommerce-tabs .tabs li a {
  display: block !important; padding: 10px 24px !important;
  color: rgba(255,255,255,0.45) !important; font-size: 14px !important; font-weight: 600 !important;
  text-decoration: none !important;
  border-bottom: 2px solid transparent !important; margin-bottom: -1px !important;
  transition: color 0.2s !important;
}
.single-product .woocommerce-tabs .tabs li.active a,
.single-product .woocommerce-tabs .tabs li a:hover {
  color: #F5B301 !important; border-bottom-color: #F5B301 !important;
}
.single-product .woocommerce-Tabs-panel { max-width: 780px !important; }
.single-product .woocommerce-Tabs-panel h2:first-child { display: none !important; }
.single-product .woocommerce-Tabs-panel p {
  color: rgba(255,255,255,0.72) !important; font-size: 15px !important;
  line-height: 1.8 !important; margin-bottom: 16px !important;
}
.single-product .woocommerce-Tabs-panel table { width: 100% !important; border-collapse: collapse !important; }
.single-product .woocommerce-Tabs-panel table th,
.single-product .woocommerce-Tabs-panel table td {
  padding: 10px 16px !important; border-bottom: 1px solid rgba(255,255,255,0.06) !important; font-size: 14px !important;
}
.single-product .woocommerce-Tabs-panel table th {
  background: rgba(255,255,255,0.04) !important; font-weight: 700 !important;
  color: #F5B301 !important; width: 38% !important;
}
.single-product .woocommerce-Tabs-panel table td {
  background: rgba(255,255,255,0.02) !important; color: rgba(255,255,255,0.75) !important;
}

/* ── Related products ── */
.single-product [data-id="35915211"] {
  padding: 32px 40px 60px !important;
  max-width: 1280px !important; margin: 0 auto !important; box-sizing: border-box !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  width: 100% !important;
}
.single-product [data-id="71fcb617"] ul.products,
.single-product .related.products ul.products {
  display: grid !important; grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important;
}
.single-product [data-id="71fcb617"] ul.products li.product,
.single-product .related.products ul.products li.product {
  float: none !important; clear: none !important; width: 100% !important;
  margin: 0 !important; padding: 16px !important; box-sizing: border-box !important;
}
.single-product [data-id="71fcb617"] ul.products li.product a img,
.single-product .related.products ul.products li.product a img {
  height: 150px !important; object-fit: contain !important; width: 100% !important;
}

/* ── Mobile ── */
@media (max-width: 768px) {
  .single-product .elementor-element-2fedb40e > .e-con-inner { padding: 12px 16px 0 !important; }
  .single-product [data-id="49727b1"].e-con {
    grid-template-columns: 1fr !important; gap: 20px !important;
  }
  .single-product [data-id="213ce0a4"] { grid-row: 1 !important; position: static !important; }
  .single-product [data-id="76f91bb4"] { grid-row: 2 !important; grid-column: 1 !important; }
  .single-product [data-id="a911a25"] .woocommerce-product-gallery__image:first-child img { height: 280px !important; }
  .single-product .product_title.entry-title { font-size: 20px !important; }
  .single-product [data-id="6fbe552f"] .price { font-size: 26px !important; }
  .single-product [data-id="35915211"] { padding: 20px 16px 40px !important; }
  .single-product [data-id="71fcb617"] ul.products,
  .single-product .related.products ul.products { grid-template-columns: 1fr 1fr !important; }
}


/* ── Single product: un-hide the product title widget ── */
.single-product [data-id="7d8fa685"],
.single-product [data-id="7d8fa685"] * {
  display: block !important;
}
.single-product .product_title.entry-title {
  display: block !important;
  font-size: clamp(20px, 1.8vw, 28px) !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.25 !important;
  margin: 0 0 18px !important;
  letter-spacing: -0.02em !important;
}

/* ── Gallery: fix main image height (override Elementor's sizing) ── */
.single-product [data-id="a911a25"] .woocommerce-product-gallery__image img,
.single-product [data-id="a911a25"] img {
  height: 460px !important;
  width: 100% !important;
  object-fit: contain !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  padding: 24px !important;
  box-sizing: border-box !important;
  display: block !important;
}
/* But NOT the thumbnails */
.single-product [data-id="a911a25"] .flex-control-thumbs li img {
  height: 68px !important;
  width: 68px !important;
  padding: 6px !important;
  border-radius: 10px !important;
  object-fit: contain !important;
}

/* ── Availability badge: fix position ── */
.single-product [data-id="76f91bb4"]::before {
  margin-bottom: 14px !important;
  align-self: flex-start !important;
  flex-shrink: 0 !important;
}


/* ── BADGE FIX: Override Elementor's absolute positioning on ::before ── */
/* Remove broken badge from info col (Elementor hijacks ::before with position:absolute) */
.single-product [data-id="76f91bb4"]::before {
  content: none !important;
  display: none !important;
  background: none !important;
  position: static !important;
  height: 0 !important;
  width: 0 !important;
}
/* Place the badge on the title widget's ::before instead (not Elementor-controlled) */
.single-product [data-id="7d8fa685"] .elementor-widget-container::before {
  content: "✓  In Stock · Ready Today at Baladi Mall" !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(34,197,94,0.1) !important;
  color: #4ade80 !important;
  border: 1px solid rgba(34,197,94,0.28) !important;
  border-radius: 100px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
  letter-spacing: 0.03em !important;
  margin-bottom: 14px !important;
  width: fit-content !important;
  position: static !important;
}


/* ── DESCRIPTION TAB: Hide the duplicate product dump inside 7e1a6ca ── */
/* Hide the full product shortcode output inside the first tab panel */
.single-product [data-id="7e1a6ca"] .woocommerce-Tabs-panel > .woocommerce {
  display: none !important;
}
/* Also hide any direct shortcode output */
.single-product [data-id="7e1a6ca"] .woocommerce-Tabs-panel > .single-product {
  display: none !important;
}
/* The first tab-description panel contains the full page dump - hide it selectively */
/* We need the SECOND tab-description (the real one) to show */
/* Hide only the woocommerce wrapper inside tab panels */
#tab-description .woocommerce:first-child {
  display: none !important;
}
#tab-description > .single-product {
  display: none !important;
}
/* Show the actual description paragraphs */
#tab-description > p,
#tab-description > h2,
#tab-description > h3,
#tab-description > ul,
#tab-description > ol,
#tab-description > table,
#tab-description > div:not(.woocommerce) {
  display: block !important;
  color: rgba(255,255,255,0.72) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}


/* ── FINAL TAB FIX ── */
/* The 7e1a6ca widget (product-data-tabs) renders the WC tabs - but the first panel
   also shows a full product page dump. Hide the first tab-description panel's wrapper.
   The correct description is in the SECOND .woocommerce-tabs > tab-description */

/* Hide the first tabs set entirely (it's embedded in 7e1a6ca and broken) */
.single-product [data-id="7e1a6ca"] .woocommerce-tabs {
  display: none !important;
}
/* Show the NATIVE WC tabs that render outside the widget */
/* These are the ones below the product grid */
.single-product .woocommerce-tabs:not([data-id]) {
  display: block !important;
}


/* ── SUMMARY FIX: Only hide duplicate product widgets inside 7e1a6ca ── */
/* DON'T hide the entire summary — only the specific elements we don't need */
.single-product [data-id="7e1a6ca"] .summary.entry-summary {
  display: block !important; /* UN-hide it */
}
/* But DO hide the elements that are already shown in the left column */
.single-product [data-id="7e1a6ca"] .summary .price { display: none !important; }
.single-product [data-id="7e1a6ca"] .summary .cart { display: none !important; }
.single-product [data-id="7e1a6ca"] .summary .product_meta { display: none !important; }
.single-product [data-id="7e1a6ca"] .summary .product_title { display: none !important; }
.single-product [data-id="7e1a6ca"] .summary .woocommerce-product-details__short-description { display: none !important; }
/* Keep the tabs visible */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-tabs { display: block !important; }
/* Also hide the woocommerce-product-gallery inside summary */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-product-gallery { display: none !important; }

/* Restore the proper tab display */
.single-product [data-id="7e1a6ca"] .woocommerce-tabs { display: block !important; }

/* The woocommerce-tabs has TWO sets of tab panels - hide the broken dump one */
/* The broken panel is the one that contains a .woocommerce div */
.single-product [data-id="7e1a6ca"] .woocommerce-Tabs-panel > .woocommerce,
.single-product [data-id="7e1a6ca"] .woocommerce-Tabs-panel > .woocommerce-notices-wrapper {
  display: none !important;
}
/* The second summary inside tabs has the real content - show it */
.single-product [data-id="7e1a6ca"] .entry-summary .woocommerce-tabs .woocommerce-Tabs-panel > * {
  display: block !important;
}


/* ── DESCRIPTION FIX: Show the real description from inside summary ── */

/* Un-hide the .woocommerce div inside summary (it contains the real tabs) */
.single-product [data-id="7e1a6ca"] .summary.entry-summary > .woocommerce {
  display: block !important;
}
/* But hide the specific woocommerce inner product dump */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-product-gallery,
.single-product [data-id="7e1a6ca"] .summary .woocommerce-notices-wrapper,
.single-product [data-id="7e1a6ca"] .summary .woocommerce-breadcrumb { display: none !important; }

/* The second #tab-description is hidden by WC tab JS - force show it */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-Tabs-panel {
  display: block !important;
}
/* Hide the h2 "Description" heading in the tab */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-Tabs-panel h2:first-child {
  display: none !important;
}
/* Style the real description text */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-Tabs-panel p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
  display: block !important;
}
/* Style the tabs in the real panel */
.single-product [data-id="7e1a6ca"] .summary .woocommerce-tabs .tabs {
  display: flex !important;
  gap: 4px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.single-product [data-id="7e1a6ca"] .summary .woocommerce-tabs .tabs li { margin: 0 !important; }
.single-product [data-id="7e1a6ca"] .summary .woocommerce-tabs .tabs li a {
  display: block !important; padding: 10px 24px !important;
  color: rgba(255,255,255,0.45) !important; font-size: 14px !important; font-weight: 600 !important;
  text-decoration: none !important; border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important; transition: color 0.2s !important;
}
.single-product [data-id="7e1a6ca"] .summary .woocommerce-tabs .tabs li.active a {
  color: #F5B301 !important; border-bottom-color: #F5B301 !important;
}


/* ── Related products: hide duplicate native WC heading ── */
/* The native .related.products h2 is duplicating the Elementor custom heading */
.single-product .related.products > h2 { display: none !important; }
/* The Elementor widget heading is the one to keep */
.single-product [data-id="44677f4d"] * { color: #fff !important; }
.single-product [data-id="44677f4d"] .e-heading { font-size: 20px !important; font-weight: 700 !important; color: #fff !important; }
/* Fix the blue "Related products" link color */
.single-product .related.products h2 a { color: #fff !important; }


/* ── Product page: gallery thumbnail link color fix ── */
.single-product [data-id="a911a25"] a,
.single-product [data-id="a911a25"] a:visited,
.single-product [data-id="a911a25"] .flex-control-thumbs a {
  color: inherit !important;
  text-decoration: none !important;
}

/* ── Description h2 heading: hide it ── */
.single-product #tab-description > h2:first-child {
  display: none !important;
}

/* ── Description text color ── */
.single-product #tab-description p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  margin-bottom: 16px !important;
}
.single-product #tab-description p strong,
.single-product #tab-description p b {
  color: rgba(255,255,255,0.9) !important;
  font-weight: 700 !important;
}

/* ── Related product heading (duplicate) ── */
.single-product [data-id="44677f4d"] h2,
.single-product [data-id="44677f4d"] h3 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}
.single-product [data-id="44677f4d"] span {
  color: #F5B301 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── Related product cards - full styling ── */
.single-product [data-id="71fcb617"] .woocommerce-loop-product__title {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
}
.single-product [data-id="71fcb617"] .price {
  color: #F5B301 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
.single-product [data-id="71fcb617"] .button {
  width: 100% !important;
  margin-top: 10px !important;
}
.single-product [data-id="71fcb617"] a.woocommerce-LoopProduct-link {
  color: inherit !important;
  text-decoration: none !important;
}


/* ════════════════════════════════════════
   PRODUCT PAGE — FINAL POLISH
   ════════════════════════════════════════ */

/* Related product "Add to cart" — solid gold, full width */
.single-product [data-id="71fcb617"] .button,
.single-product [data-id="71fcb617"] a.button,
.single-product [data-id="71fcb617"] .add_to_cart_button {
  background: #F5B301 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 16px !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin-top: 10px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  transition: background 0.15s !important;
}
.single-product [data-id="71fcb617"] .button:hover { background: #ffc300 !important; }

/* Related product card image sizing */
.single-product [data-id="71fcb617"] a.woocommerce-LoopProduct-link img {
  height: 150px !important;
  object-fit: contain !important;
  width: 100% !important;
}
/* Related card text colors */
.single-product [data-id="71fcb617"] .woocommerce-loop-product__title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  margin: 8px 0 4px !important;
}
.single-product [data-id="71fcb617"] .price {
  color: #F5B301 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  margin-bottom: 6px !important;
}

/* WhatsApp CTA button injected via JS below */

/* Trust badges separator */
.single-product [data-id="7f8a4a3c"] .elementor-widget-container {
  border-top: 1px solid rgba(255,255,255,0.07) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding: 16px 0 !important;
  margin: 4px 0 16px !important;
}
.single-product [data-id="7f8a4a3c"] ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.single-product [data-id="7f8a4a3c"] li {
  color: rgba(255,255,255,0.6) !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

/* Category link */
.single-product [data-id="6983fe45"] a {
  color: #F5B301 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.single-product [data-id="6983fe45"] a:hover { color: #ffd43b !important; }
.single-product [data-id="6983fe45"] .product_meta > span {
  color: rgba(255,255,255,0.45) !important;
  font-size: 13px !important;
}

/* Ensure right column content width */
.single-product [data-id="76f91bb4"].e-con {
  max-width: 100% !important;
  overflow: visible !important;
}

/* Make the price divider work (Elementor overrides ::after) */
.single-product [data-id="6fbe552f"] .elementor-widget-container {
  padding-bottom: 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  margin-bottom: 20px !important;
}


/* FORCE related product button to solid gold */
.single-product .elementor-element-71fcb617 .woocommerce ul.products li.product a.button,
.single-product .elementor-element-71fcb617 .woocommerce ul.products li.product .add_to_cart_button,
.single-product [data-id="71fcb617"] li.product a.button {
  background-color: #F5B301 !important;
  color: #000 !important;
  border-color: #F5B301 !important;
  font-weight: 800 !important;
}


/* ULTIMATE FIX: Related product button on single product page */
body.single-product .elementor-element-71fcb617 li.product a.add_to_cart_button,
body.single-product .elementor-element-71fcb617 li.product a.button {
  background-color: #F5B301 !important;
  background: #F5B301 !important;
  color: #000 !important;
  border: 2px solid #F5B301 !important;
  opacity: 1 !important;
}


/* ══════════════════════════════════════
   THREE TARGETED FIXES
   ══════════════════════════════════════ */

/* search bar sizing handled in header template 730 */

/* 2. HERO GAP: reduce padding-top on homepage hero */
.ht-hero__main {
  padding-top: 20px !important;
}
@media (max-width: 1000px) {
  .ht-hero__main {
    padding-top: 16px !important;
  }
}


/* ══════════════════════════════════════
   MOBILE FOOTER — CENTER EVERYTHING
   ══════════════════════════════════════ */
@media (max-width: 768px) {

  /* === SOCIAL ICONS === */
  .elementor-location-footer .ht-footer-socials {
    justify-content: center !important;
    display: flex !important;
  }
  .elementor-location-footer [data-id="39968479"] .elementor-widget-container {
    display: flex !important;
    justify-content: center !important;
  }

  /* === FOOTER GRID COLUMNS: stack + center === */
  .elementor-location-footer [data-id="44eca804"] {
    text-align: center !important;
    justify-items: center !important;
  }

  /* === LOGO + TAGLINE COLUMN === */
  .elementor-location-footer [data-id="2ed4ea23"] {
    align-items: center !important;
    text-align: center !important;
  }
  .elementor-location-footer [data-id="6d8c86cc"],
  .elementor-location-footer [data-id="6d8c86cc"] .elementor-widget-container,
  .elementor-location-footer [data-id="6d8c86cc"] img {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .elementor-location-footer [data-id="484f7073"],
  .elementor-location-footer [data-id="484f7073"] p,
  .elementor-location-footer [data-id="484f7073"] .elementor-widget-container {
    text-align: center !important;
  }

  /* === QUICK LINKS === */
  .elementor-location-footer [data-id="a5c6a4c"] .elementor-widget-container,
  .elementor-location-footer [data-id="784da9c"] .elementor-widget-container {
    text-align: center !important;
  }
  .elementor-location-footer [data-id="a5c6a4c"] .elementor-icon-list-items,
  .elementor-location-footer [data-id="784da9c"] .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .elementor-location-footer [data-id="a5c6a4c"] .elementor-icon-list-item,
  .elementor-location-footer [data-id="784da9c"] .elementor-icon-list-item {
    justify-content: center !important;
    text-align: center !important;
  }

  /* === CONTACT === */
  .elementor-location-footer [data-id="3abe3b34"] .elementor-widget-container,
  .elementor-location-footer [data-id="9aaec9c"] .elementor-widget-container {
    text-align: center !important;
  }
  .elementor-location-footer [data-id="3abe3b34"] .elementor-icon-list-items,
  .elementor-location-footer [data-id="9aaec9c"] .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .elementor-location-footer [data-id="3abe3b34"] .elementor-icon-list-item,
  .elementor-location-footer [data-id="9aaec9c"] .elementor-icon-list-item {
    justify-content: center !important;
    width: 100% !important;
  }

  /* === HOURS === */
  .elementor-location-footer [data-id="4feebdb"] .elementor-widget-container,
  .elementor-location-footer [data-id="309b7da7"] .elementor-widget-container {
    text-align: center !important;
  }
  .elementor-location-footer [data-id="4feebdb"] p,
  .elementor-location-footer [data-id="309b7da7"] p {
    text-align: center !important;
  }

  /* === DISCORD BUTTON === */
  .elementor-location-footer .elementor-button-wrapper {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* === COPYRIGHT BAR === */
  .elementor-location-footer [data-id="c59d6bc"] {
    text-align: center !important;
  }
  .elementor-location-footer [data-id="c59d6bc"] .elementor-widget-container,
  .elementor-location-footer [data-id="c59d6bc"] p,
  .elementor-location-footer [data-id="c59d6bc"] span,
  .elementor-location-footer [data-id="c59d6bc"] div {
    text-align: center !important;
    justify-content: center !important;
  }
  /* The inner flex row of copyright (left text + right text) */
  .elementor-location-footer [data-id="c59d6bc"] > .elementor-widget-container > div,
  .elementor-location-footer [data-id="c59d6bc"] .ht-footer-copy {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 4px !important;
    text-align: center !important;
  }

  /* === GLOBAL FOOTER TEXT === */
  .elementor-location-footer .elementor-heading-title {
    text-align: center !important;
  }
  .elementor-location-footer .elementor-icon-list-text {
    text-align: center !important;
  }
}


/* ── BYOPC summary card — border-box so padding stays inside grid cell ── */
.byopc-summary-card {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.byopc-summary-card .byopc-whatsapp-btn,
.byopc-summary-card .byopc-secondary-btn,
#byopc-wa-btn {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}


/* ── BYOPC builder grid — prevent card overflow at any viewport ── */
.byopc-builder-grid {
  overflow: hidden !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#byopc-builder {
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}


/* Hide services page sparkle/circuit canvas */
#pcb-canvas-srv { display: none !important; }

/* ── Cart & Checkout — centered, max-width constrained ── */
#cart_main_con,
#checkout_main_con,
[data-id="cart_main_con"],
[data-id="checkout_main_con"] {
  max-width: 1280px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ══════════════════════════════════════
   MY ACCOUNT PAGE — FULL REDESIGN
   ══════════════════════════════════════ */

/* Center and constrain the main container */
[data-id="acc_woo_con"],
[data-id="acc_woo_widget"] {
  max-width: 1280px !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 40px !important;
}

/* Mobile: stack on small screens */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr !important;
  }
  [data-id="acc_woo_con"],
  [data-id="acc_woo_widget"] {
    padding: 0 20px !important;
  }
}
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
  .woocommerce-account .woocommerce-MyAccount-content .col2-set,
  .woocommerce-account .woocommerce .col2-set { grid-template-columns: 1fr !important; }
}
/* 10375 bytes of page-type-scoped rules omitted for this page type */

				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			
/* ============================================================
   HT+ Card Design B - edge-to-edge white product images
   Overrides htp-product-image-pop (gray frame, inner radius,
   contrast filter) + unifies image sizing everywhere.
   "body" prefix = must out-rank the old !important gray rule.
   ============================================================ */

/* --- shop grid cards --- */
body .hts-pcard .hts-thumb,
body ul.products li.product a.woocommerce-LoopProduct-link{
  background:#fff !important;
  border-radius:0 !important;
  padding:16px !important;
  aspect-ratio:1/0.92 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
body .hts-pcard .hts-thumb img,
body ul.products li.product a img{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  filter:none !important;
  mix-blend-mode:normal !important;
  transition:transform .25s ease !important;
}
body .hts-pcard:hover .hts-thumb img{ transform:scale(1.05); }

/* --- list view keeps its width, same white treatment --- */
body .hts-grid.list .hts-thumb{ aspect-ratio:unset !important; }

/* --- single product gallery --- */
body .woocommerce-product-gallery__wrapper,
body .woocommerce-product-gallery__image{ background:#fff !important; }
body .woocommerce-product-gallery__image img{ background:#fff !important; filter:none !important; }
body .flex-control-thumbs li img{ background:#fff !important; filter:none !important; }

/* --- frequently bought together / mini items --- */
body .htp-fbt-item img{ background:#fff !important; filter:none !important; border-radius:0 !important; }


/* Make the in-shop search box the primary search: hide the global header
   search on the shop page only. */
body.woocommerce-shop #ht-search-row{display:none !important;}
/* subtle fade while results refresh (results stay visible, not blanked) */
#hts-grid{transition:opacity .12s ease;}
/* small spinner next to the results count while a search is in flight */
.hts-toolbar.hts-loading .hts-res::after{
  content:"";display:inline-block;width:12px;height:12px;
  margin-inline-start:8px;vertical-align:-2px;border-radius:50%;
  border:2px solid currentColor;border-top-color:transparent;opacity:.55;
  animation:htsspin .6s linear infinite;
}
@keyframes htsspin{to{transform:rotate(360deg);}}

.stock.ht-lowstock{color:#F5B301!important;font-weight:800}.stock.ht-backorder{color:#F5B301!important;font-weight:700}.stock.ht-lowstock:before{content:"\26A0\FE0F  ";}#ht-recent{max-width:1320px;margin:26px auto;padding:0 22px}#ht-recent h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 14px}#ht-recent .rvw{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}#ht-recent a{display:block;background:rgba(255,255,255,.04);border:1px solid rgba(245,179,1,.15);border-radius:12px;padding:10px;text-decoration:none;transition:.15s}#ht-recent a:hover{border-color:rgba(245,179,1,.5);transform:translateY(-2px)}#ht-recent img{width:100%;height:120px;object-fit:contain;background:#fff;border-radius:8px}#ht-recent .n{color:#fff;font-size:12px;line-height:1.3;margin:8px 2px 4px;max-height:32px;overflow:hidden}#ht-recent .p{color:#F5B301;font-weight:800;font-size:13px;margin:0 2px}