@charset "UTF-8";
/*!
 * e4g-styles — product part
 *
 * GENERATED by tools/split_css.py. Do not edit.
 * Edit assets/css/e4g-styles.css and run the release script, which rebuilds
 * these. Loads after core.css on single product pages.
 */
/* ==== WCPA PRODUCT FIELDS ==== */ .wcpa_wrap .wcpa_field_label{font-weight:700;color:var(--e4g-text)}
.wcpa_wrap .wcpa_field_wrap input[type=text],.wcpa_wrap .wcpa_field_wrap input[type=url],.wcpa_wrap .wcpa_field_wrap input[type=date],.wcpa_wrap .wcpa_field_wrap input[type=time],.wcpa_wrap .wcpa_field_wrap input[type=number],.wcpa_wrap .wcpa_field_wrap input[type=email],.wcpa_wrap .wcpa_field_wrap input[type=tel],.wcpa_wrap .wcpa_field_wrap input[type=password],.wcpa_wrap .wcpa_field_wrap select,.wcpa_wrap .wcpa_field_wrap .wcpa_other_value input{border:1px solid var(--e4g-line)!important;background:#0b111a!important;color:var(--e4g-text)!important}
.wcpa_wrap .wcpa_field_wrap input:focus,.wcpa_wrap .wcpa_field_wrap select:focus{border-color:var(--e4g-accent)!important}
/* ==== SAFE CHECKOUT BLOCK ==== */ .sales-booster-safe-checkout{background:#1c2634;border:1px solid #2c3a4d;border-radius:14px;padding:18px;margin-top:16px;text-align:center}
.sales-booster-safe-checkout fieldset{border:none!important;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}
.sales-booster-safe-checkout legend{color:#e8edf4!important;font-size:12px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center;width:100%;margin-bottom:10px!important;padding:0;float:none}
.sales-booster-safe-checkout legend .highlight{color:#e97510!important;text-shadow:0 0 8px rgba(233,117,16,.5)}
.sales-booster-safe-checkout fieldset img{width:auto!important;height:26px!important;background:#fff;border-radius:6px;padding:2px 4px;object-fit:contain}
.sales-booster-safe-checkout .subtitle{color:#8b9bb0!important;font-size:12px!important;font-weight:600}
.sales-booster-safe-checkout .subtitle .highlight{color:#e97510!important;font-weight:800;text-shadow:0 0 8px rgba(233,117,16,.4)}
/* ==== RESPONSIVE ==== */
@media only screen and (min-width:993px){.products-hover-shadow.with-ajax .ajax-content .product:hover .content-product,.products-hover-shadow:not(.with-ajax) .product:hover .content-product{box-shadow:0 0 0 1px var(--e4g-accent),0 0 42px rgba(233,117,16,.62)!important;z-index:1;transform:scale(1.02)}}
@media(max-width:992px){.header-bottom{padding:8px 0!important}.header-secondary-menu .secondary-title,.et_b_header-search .input-row{height:42px!important}.mobile-header-wrapper .header-main{padding:8px 0}.et_b_header-logo img{max-height:56px!important}.et_b_header-cart>a{padding:7px 11px;gap:6px}.mobile-menu-content .menu>li>a{color:var(--e4g-accent)!important;font-weight:700;padding:12px 0;border-bottom:1px solid rgba(44,58,77,.6)}.mobile-menu-content .product-categories a{color:var(--e4g-text)!important;padding:10px 0}.mobile-menu-content .product-categories a:hover{color:var(--e4g-accent)!important}.et_b-tabs .et-tab{color:var(--e4g-muted)!important;font-weight:700}.et_b-tabs .et-tab.active{color:var(--e4g-accent)!important;border-bottom:2px solid var(--e4g-accent)}.elementor-image-box-title,.elementor-image-box-title a{font-size:13px}}
@media(max-width:600px){form.checkout.woocommerce-checkout{padding:14px;border-radius:0}form.checkout .cart-order-details,form.checkout .order-review{padding:14px}form.checkout #place_order{min-height:50px;font-size:15px!important}}
@media(max-width:480px){.et_b_header-logo img{max-height:46px!important}.et_b_header-search .form-control{font-size:16px!important}.elementor-image-box-wrapper .elementor-image-box-img{border-radius:12px}.content-product{border-radius:12px!important}.et_b_header-cart>a{padding:6px 9px}}
@media(max-width:400px){ul.wc_payment_methods.payment_methods>li.wc_payment_method{padding:10px 12px!important;gap:8px!important}ul.wc_payment_methods.payment_methods>li.wc_payment_method>label{font-size:13px;gap:8px!important}ul.wc_payment_methods.payment_methods>li.wc_payment_method>label img{max-height:22px!important;max-width:80px!important}.wcpa_cart_meta{gap:5px 8px}.wcpa_cart_meta .wcpa_cart_meta_item-label{font-size:11px}.wcpa_cart_meta .wcpa_cart_meta_item-value p{padding:3px 8px;font-size:10px}.quantity-wrapper.type-simple{--q-h:32px;--q-btn:28px}.quantity-wrapper.type-simple input.qty{width:34px!important;min-width:34px!important;max-width:34px!important}.product-price-quantity{font-size:13px!important;gap:6px!important}.sales-booster-safe-checkout{padding:14px}.sales-booster-safe-checkout fieldset img{height:28px!important}}
/* ==== MOBILE MENU PANEL ==== */ .mobile-menu-content{padding:0!important;background:var(--e4g-panel)!important}
.mobile-menu-content .et_b_header-search,.mobile-menu-content .searchform{padding:14px 16px;border-bottom:1px solid var(--e4g-line);margin:0}
.mobile-menu-content .et_b_header-search .input-row{height:44px!important;border-radius:8px!important}
.mobile-menu-content .et_b-tabs,.et_b-tabs-wrapper .et_b-tabs{display:flex;background:transparent!important;border:0!important;border-bottom:1px solid var(--e4g-line)!important;border-radius:0!important;box-shadow:none!important;margin:0;padding:0}
.mobile-menu-content .et_b-tabs .et-tab{flex:1 1 0;text-align:center;padding:14px 8px!important;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--e4g-muted)!important;border:0!important;background:transparent!important;position:relative}
.mobile-menu-content .et_b-tabs .et-tab.active{color:var(--e4g-accent)!important;border:0!important}
.mobile-menu-content .et_b-tabs .et-tab.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:2px;background:var(--e4g-accent);box-shadow:0 0 8px var(--e4g-accent)}
.mobile-menu-content .menu,.mobile-menu-content .product-categories,.et_b-tab-content{border:0!important;border-radius:0!important;background:transparent!important;padding:8px 0!important;margin:0!important;list-style:none}
.mobile-menu-content .menu>li,.mobile-menu-content .product-categories>li{border-bottom:1px solid rgba(44,58,77,.45);margin:0;padding:0}
.mobile-menu-content .menu>li:last-child,.mobile-menu-content .product-categories>li:last-child{border-bottom:0}
.mobile-menu-content .menu>li>a,.mobile-menu-content .product-categories>li>a{display:flex;align-items:center;padding:14px 18px!important;font-size:15px;font-weight:700;color:var(--e4g-accent)!important;border:0!important;transition:background .15s ease}
.mobile-menu-content .menu>li>a:active,.mobile-menu-content .menu>li>a:hover{background:rgba(233,117,16,.08)}
.mobile-menu-content .product-categories>li>a{color:var(--e4g-text)!important;font-weight:600}
.mobile-menu-content .product-categories>li>a:hover{color:var(--e4g-accent)!important}
.mobile-menu-content .product-categories .count{color:var(--e4g-muted)!important;font-weight:400;margin-inline-start:auto}
.mobile-menu-content .sub-menu,.mobile-menu-content .children{background:#0b111a!important;padding:4px 0!important;list-style:none}
.mobile-menu-content .sub-menu li a,.mobile-menu-content .children li a{padding:11px 18px 11px 34px!important;font-size:14px;font-weight:500;color:var(--e4g-text)!important}
.mobile-menu-content .open-child,.mobile-menu-content .caret-icon{color:var(--e4g-muted)!important;font-size:18px;padding:0 18px}
.mobile-menu-content .et_b_header-wishlist,.mobile-menu-content .et_b_header-account,.mobile-menu-content .et_b_mobile-panel-account{border-top:1px solid var(--e4g-line);margin:0}
.mobile-menu-content .et_b_header-wishlist>a,.mobile-menu-content .et_b_header-account>a{display:flex!important;align-items:center;gap:10px;padding:14px 18px!important;color:var(--e4g-text)!important;font-weight:600;font-size:15px;background:transparent!important;border:0!important;border-radius:0!important}
.mobile-menu-content .et_b_header-wishlist>a:hover,.mobile-menu-content .et_b_header-account>a:hover{color:var(--e4g-accent)!important;background:rgba(233,117,16,.06)!important}
.mobile-menu-content .et_b_header-wishlist svg,.mobile-menu-content .et_b_header-account svg{fill:var(--e4g-accent)!important;width:18px;height:18px}
.mobile-menu-content .et_b_header-socials,.mobile-menu-content .socials-wrapper{display:flex;justify-content:center;gap:18px;padding:20px 18px;border-top:1px solid var(--e4g-line);margin-top:8px}
.mobile-menu-content .et_b_header-socials a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--e4g-line);border-radius:50%;color:var(--e4g-muted)!important;transition:border-color .15s,color .15s}
.mobile-menu-content .et_b_header-socials a:hover{border-color:var(--e4g-accent);color:var(--e4g-accent)!important}
.mobile-menu-content .trp-language-switcher{padding:12px 18px;border-top:1px solid var(--e4g-line)}
/* ==== SECURE PAYMENT BLOCK ==== */ /* --e4g-line, not --n-line: the neon checkout variables are scoped to
   form.checkout.woocommerce-checkout, and this block also renders on the
   product page, where that variable does not exist and the declaration was
   being thrown away. Both are #2c3a4d. */
.sales-booster-safe-checkout{background:#101722!important;border-color:var(--e4g-line)!important;margin-top:14px;padding:16px!important}
/* ==== TRUSTINDEX REVIEWS — DARK ==== */ .ti-widget .ti-review-item,.ti-widget .ti-review-item>.ti-inner,.trustindex-widget .ti-review-item{background:var(--e4g-panel)!important;border:1px solid var(--e4g-line)!important;border-radius:12px}
.ti-widget .ti-name,.ti-widget .ti-review-text,.ti-widget .ti-review-content{color:var(--e4g-text)!important}
.ti-widget .ti-date,.ti-widget .ti-verified-text{color:var(--e4g-muted)!important}
.ti-widget .ti-rating-text strong,.ti-widget .ti-footer,.ti-widget .ti-header{color:var(--e4g-text)!important}
.ti-widget .ti-nav-arrow,.ti-widget .ti-next,.ti-widget .ti-prev{background:var(--e4g-panel)!important;border:1px solid var(--e4g-line)!important;color:var(--e4g-text)!important}
@media(max-width:768px){form.checkout .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}form.checkout.woocommerce-checkout{padding:14px}}
@media(max-width:480px){form.checkout .order-review{padding:14px!important}form.checkout .order-review .cart_item img{width:46px!important;height:46px!important}form.checkout .order-review tfoot tr.order-total td .woocommerce-Price-amount{font-size:19px!important}}
/* ==== PRODUCT PAGE — BUTTONS+WISHLIST ==== */ .single-product .xstore-wishlist,.single-product .xstore-wishlist-button,.xstore-wishlist-with-text{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.single-product .xstore-wishlist a,.xstore-wishlist-with-text a{display:inline-flex!important;align-items:center;gap:8px;background:transparent!important;color:var(--e4g-accent)!important;padding:8px 0!important;font-weight:600}
.single-product .xstore-wishlist svg,.xstore-wishlist svg path{fill:var(--e4g-accent)!important}
.single-product form.cart .quantity-wrapper,.single-product .quantity-wrapper.type-simple{max-width:130px}
.single-product form.cart .qty,.single-product input.qty{text-align:center}
.single-product .single_add_to_cart_button,.single-product form.cart .button[name=add-to-cart]{width:100%;min-height:52px;background:linear-gradient(135deg,#e97510,#ff9838)!important;color:#101722!important;border:none!important;border-radius:10px!important;font-size:15px!important;font-weight:800!important;letter-spacing:.04em;box-shadow:0 0 18px rgba(233,117,16,.35);margin:0!important}
.single-product .single_add_to_cart_button:hover{box-shadow:0 0 28px rgba(233,117,16,.55)}
.single-product .single_add_to_cart_button svg,.single-product .single_add_to_cart_button path{fill:#101722!important}
/* The buy-now button and its separator are styled in the ADD TO CART + BUY NOW
   section below. The class names guessed here — etheme-buy-now-button,
   buy-now-button, xstore-buy-now, buy-now-separator, or-separator, etheme-or —
   do not exist in XStore's markup, so these rules never matched anything. */
.single-product .product_meta .sku_wrapper,.single-product .share-post-wrapper span{color:var(--e4g-muted)!important}
.single-product .share-post-wrapper a svg,.single-product .share-post-wrapper a path{fill:var(--e4g-accent)!important}
/* ==== MOBILE MENU — remove stray border box ==== */ .mobile-menu-content .menu,.mobile-menu-content .product-categories,.mobile-menu-content .et_b-tab-content,.et_b-tabs-wrapper{border:0!important;border-radius:0!important;box-shadow:none!important}
.mobile-menu-content .et_b_header-search{padding:14px 16px 12px!important}
.mobile-menu-content .et_b_header-search .search-button{border-radius:8px!important}
/* ==== BROWSE WISHLIST ==== */ .xstore-wishlist,.xstore-wishlist-with-text,.single-product .xstore-wishlist,.woocommerce div.product .xstore-wishlist{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:12px 0!important;display:inline-block!important}
.xstore-wishlist a,.xstore-wishlist-with-text a,.xstore-wishlist .whishlist-text,.xstore-wishlist span{background:none!important;background-color:transparent!important;color:var(--e4g-accent)!important;padding:0!important;border:0!important;box-shadow:none!important;font-weight:600;font-size:14px;text-decoration:none!important}
.xstore-wishlist a{display:inline-flex!important;align-items:center;gap:8px}
.xstore-wishlist svg,.xstore-wishlist svg path,.xstore-wishlist i:before{fill:var(--e4g-accent)!important;color:var(--e4g-accent)!important}
.xstore-wishlist a:hover,.xstore-wishlist a:hover span{color:#ff9838!important}
/* ==== SECURE PAYMENT — SMALLER ON PRODUCT PAGE ==== */ .single-product .sales-booster-safe-checkout,.summary .sales-booster-safe-checkout{padding:12px!important;margin-top:12px;border-radius:10px}
.single-product .sales-booster-safe-checkout legend{font-size:11px!important;letter-spacing:.08em;margin-bottom:8px!important}
.single-product .sales-booster-safe-checkout fieldset{gap:5px!important;margin-bottom:8px!important}
.single-product .sales-booster-safe-checkout fieldset img{height:21px!important;padding:2px 3px;border-radius:4px}
.single-product .sales-booster-safe-checkout .subtitle{font-size:11px!important}
@media(max-width:480px){.single-product .sales-booster-safe-checkout fieldset img{height:19px!important}.single-product .sales-booster-safe-checkout{padding:10px!important}}
/* ==== PRODUCT PAGE — QTY / ADD TO CART SPACING ==== */ .single-product form.cart,.single-product-builder form.cart{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;margin-top:16px!important}
.single-product form.cart .quantity,.single-product form.cart .quantity-wrapper{margin:0!important;align-self:flex-start}
.single-product form.cart .quantity-wrapper.type-simple{--q-h:44px;--q-btn:38px;max-width:140px}
.single-product form.cart .quantity-wrapper.type-simple input.qty{width:52px!important;min-width:52px!important;max-width:52px!important;font-size:16px!important}
/* buy-now margin: see ADD TO CART + BUY NOW, which uses the real class. */
/* ==== QUANTITY STEPPER — MOBILE ==== */
@media(max-width:768px){.quantity-wrapper:has(>.minus):not(.type-simple),div.quantity:has(>.minus):not(.type-simple){--q-h:36px;--q-btn:32px;--q-num:40px}.quantity-wrapper:has(>.minus):not(.type-simple) svg,div.quantity:has(>.minus):not(.type-simple) svg{width:12px!important;height:12px!important}.product-price-quantity{flex-wrap:wrap!important;align-items:center!important;gap:8px!important}}
@media(max-width:400px){.quantity-wrapper:has(>.minus):not(.type-simple),div.quantity:has(>.minus):not(.type-simple){--q-h:34px;--q-btn:30px;--q-num:36px}}
/* ==== ADD TO CART + BUY NOW ==== */
/* Written against the markup of a variable product page. The real classes are
   .et-single-buy-now and .et-or-wrapper; the names this file used before
   matched nothing, which is why the buy-now button kept the theme's colours.
   Both buttons also carry .single_add_to_cart_button, so every rule here is
   two classes deep to beat the primary button style above. */
/* Add to cart and Buy now share one row; the stepper keeps the row above.
   The basis rather than 0 means that on a very narrow phone the pair wraps
   back to two rows by itself instead of squeezing the labels. */
.single-product .variations_button,.etheme-sticky-cart form.cart:not(.variations_form){display:flex!important;flex-flow:row wrap!important;align-items:center!important;gap:12px!important}
.single-product .variations_button>button.single_add_to_cart_button,.etheme-sticky-cart form.cart:not(.variations_form)>button.single_add_to_cart_button{flex:1 1 140px!important;width:auto!important;min-width:0!important;margin:0!important}
.single-product .variations_button>*:not(button),.etheme-sticky-cart form.cart:not(.variations_form)>*:not(button){flex:0 0 100%!important;max-width:100%!important}
/* The "or" only made sense while the buttons were stacked. */
.single-product .et-or-wrapper{display:none!important}
/* An empty ghost span and the analytics span sit between the stepper and the
   button. Both are meant to be invisible, but as flex items they would each
   take a gap of their own and push the stepper away from the button. */
.single-product .variations_button>.hidden,.single-product .variations_button>.gtm4wp_single_productdata{display:none!important}
.single-product .variations_button>.quantity,.etheme-sticky-cart form.cart>.quantity{margin:0!important}
.single-product .et-single-buy-now.single_add_to_cart_button{min-height:52px!important;background:transparent!important;background-image:none!important;color:var(--e4g-accent)!important;border:1.5px solid var(--e4g-accent)!important;border-radius:10px!important;font-size:15px!important;font-weight:700!important;letter-spacing:.04em;box-shadow:none!important;margin:0!important}
.single-product .et-single-buy-now.single_add_to_cart_button:hover{background:rgba(233,117,16,.12)!important;color:var(--e4g-accent)!important;border-color:var(--e4g-accent)!important}
.single-product .et-single-buy-now svg,.single-product .et-single-buy-now path{fill:currentColor!important}
/* ==== ADD TO CART — DISABLED UNTIL A VARIATION IS PICKED ==== */
/* WooCommerce adds .disabled and .wc-variation-selection-needed until every
   attribute is chosen. The theme leaves that as a half-faded orange button,
   which reads as a rendering fault rather than as a prompt to choose. */
.single-product .single_add_to_cart_button.disabled,.single-product .single_add_to_cart_button:disabled{background:#1b2432!important;background-image:none!important;color:var(--e4g-muted)!important;border:1px solid var(--e4g-line)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:1!important}
.single-product .et-single-buy-now.disabled,.single-product .et-single-buy-now:disabled{background:transparent!important;color:var(--e4g-muted)!important;border-color:var(--e4g-line)!important;cursor:not-allowed!important;opacity:1!important}
/* ==== STICKY ADD TO CART BAR ==== */
/* XStore's sticky panel on single products. .etheme-sticky-panel is also on
   the mobile bottom navigation wrapper, so nothing here may key off that class
   alone or the bottom nav gets the bar's styling. */
.etheme-sticky-cart{background:var(--e4g-panel)!important;border-top:1px solid var(--e4g-line)!important;box-shadow:0 -8px 24px rgba(0,0,0,.45)!important}
.etheme-sticky-cart .sticky_product_title{color:var(--e4g-text)!important;font-size:14px!important;font-weight:700!important}
.etheme-sticky-cart p.price ins,.etheme-sticky-cart p.price ins .amount{color:var(--e4g-accent)!important;font-weight:800!important;text-decoration:none!important}
.etheme-sticky-cart p.price del,.etheme-sticky-cart p.price del .amount{color:var(--e4g-muted)!important;font-size:13px!important}
.etheme-sticky-cart .etheme_custom_add_to_cart_toggle{background:linear-gradient(135deg,#e97510,#ff9838)!important;color:#101722!important;border:0!important;border-radius:10px!important;font-weight:800!important;letter-spacing:.04em}
/* ==== STICKY BAR — VARIATION PANEL ==== */
/* Tapping Buy Now drops the variations form out of the bar as a panel. It
   arrives with the theme's white background, and every swatch and label in
   this stylesheet is light-on-dark, so the panel reads as blank.
   Every rule is scoped to :not(.hidden), and the closed state is pinned
   below. XStore opens and closes this panel by toggling the .hidden class on
   the form, so an unscoped rule here is styling the closed panel as well —
   which is what forced it open on desktop: padding, a max-height and an
   overflow all landed on an element the theme collapses.
   No display, visibility, opacity or transform either way. */
.etheme-sticky-cart form.variations_form:not(.hidden){background:var(--e4g-panel)!important;border:1px solid var(--e4g-line)!important;border-radius:14px!important;box-shadow:0 -10px 30px rgba(0,0,0,.55)!important;padding:16px!important;max-height:72vh;overflow:auto}
.etheme-sticky-cart form.variations_form:not(.hidden)::after,.etheme-sticky-cart form.variations_form:not(.hidden)::before{border-top-color:var(--e4g-panel)!important}
.etheme-sticky-cart table.variations,.etheme-sticky-cart table.variations th,.etheme-sticky-cart table.variations td{background:transparent!important;border:0!important}
.etheme-sticky-cart table.variations th.label,.etheme-sticky-cart table.variations th.label label{color:var(--e4g-muted)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}
.etheme-sticky-cart .st-swatch-preview li .st-custom-attribute,.etheme-sticky-cart .st-swatch-preview li.type-label{color:var(--e4g-text)!important}
.etheme-sticky-cart .reset_variations{color:var(--e4g-muted)!important;font-size:12px!important}
.etheme-sticky-cart .woocommerce-variation-price .amount{color:var(--e4g-accent)!important;font-weight:800!important}
.etheme-sticky-cart .stock.in-stock{color:#3fbf6a!important}
.etheme-sticky-cart .stock.out-of-stock{color:#e05555!important}
/* ==== STICKY BAR — MOBILE ==== */
@media(max-width:768px){.single-product .variations_button,.etheme-sticky-cart form.cart:not(.variations_form){gap:12px!important}
/* The stepper owns a full row, so it is centred by its row rather than by
   align-self, which now controls the cross axis. */
.etheme-sticky-cart .quantity{display:flex!important;justify-content:center!important}
.single-product .variations_button>button.single_add_to_cart_button,.etheme-sticky-cart form.cart:not(.variations_form)>button.single_add_to_cart_button{font-size:14px!important}
.etheme-sticky-cart form.variations_form:not(.hidden){padding:14px!important;max-height:64vh}
.single-product .et-single-buy-now.single_add_to_cart_button{min-height:50px!important}}
/* ==== STICKY BAR — PANEL STACKS IN ONE COLUMN ==== */
/* The panel laid its swatch table out beside the price and quantity, and on a
   phone the table ran off the panel's left edge and was clipped. Rather than
   work out what the theme's layout is doing, every child is forced into one
   full-width column, the same approach the mini-cart item stack needed. */
.etheme-sticky-cart form.variations_form:not(.hidden)>*{max-width:100%!important;float:none!important}
.etheme-sticky-cart form.variations_form:not(.hidden) table.variations,.etheme-sticky-cart form.variations_form:not(.hidden) table.variations tbody,.etheme-sticky-cart form.variations_form:not(.hidden) table.variations tr,.etheme-sticky-cart form.variations_form:not(.hidden) table.variations th,.etheme-sticky-cart form.variations_form:not(.hidden) table.variations td{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;text-align:start!important}
.etheme-sticky-cart form.variations_form:not(.hidden) table.variations tr{margin:0 0 16px!important}
.etheme-sticky-cart form.variations_form:not(.hidden) table.variations th.label{margin:0 0 8px!important}
.etheme-sticky-cart form.variations_form:not(.hidden) ul.st-swatch-preview{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
.etheme-sticky-cart form.variations_form:not(.hidden) .single_variation_wrap{display:block!important;width:100%!important;max-width:100%!important;float:none!important;position:static!important;margin:6px 0 0!important}
.etheme-sticky-cart form.variations_form:not(.hidden) .woocommerce-variation.single_variation{margin:0 0 12px!important}
.etheme-sticky-cart form.variations_form:not(.hidden) .reset_variations{display:inline-block!important;margin:2px 0 0!important}
/* The floating chat and back-to-top buttons were sitting on top of the panel's
   Add to cart. Section FLOATING BUTTONS puts them at z-index 90. */
.etheme-sticky-cart{z-index:95!important}
.etheme-sticky-cart .etheme_custom_add_to_cart_toggle.single_add_to_cart_button{background:linear-gradient(135deg,#e97510,#ff9838)!important;background-image:linear-gradient(135deg,#e97510,#ff9838)!important;color:#101722!important;border:0!important;border-radius:10px!important;font-weight:800!important;letter-spacing:.04em}
/* ==== PRODUCT TABS — PANEL ==== */
/* The description had no container and no padding, so it started hard against
   the page edge and ran the full width, giving lines well past the point where
   the eye can find the next one. The panel is now a real card attached to the
   tab above it, and the prose is capped at a readable measure while images and
   tables keep the full width. */
.woocommerce-tabs.wc-tabs-wrapper{margin:34px 0 0!important}
.woocommerce-tabs .wc-tabs{border-bottom:1px solid var(--e4g-line)!important;padding-bottom:0!important;margin-bottom:0!important;gap:4px}
.woocommerce-tabs .woocommerce-Tabs-panel{background:var(--e4g-panel)!important;border:1px solid var(--e4g-line)!important;border-top:0!important;border-radius:0 12px 12px 12px!important;padding:26px 30px!important;margin:0!important}
.woocommerce-tabs .woocommerce-Tabs-panel p,.woocommerce-tabs .woocommerce-Tabs-panel ul,.woocommerce-tabs .woocommerce-Tabs-panel ol{max-width:90ch}
.woocommerce-tabs .woocommerce-Tabs-panel p{margin:0 0 16px!important;font-size:15px!important;line-height:1.9!important}
.woocommerce-tabs .woocommerce-Tabs-panel>p:last-child{margin-bottom:0!important}
.woocommerce-tabs .woocommerce-Tabs-panel h1,.woocommerce-tabs .woocommerce-Tabs-panel h2,.woocommerce-tabs .woocommerce-Tabs-panel h3,.woocommerce-tabs .woocommerce-Tabs-panel h4{margin:26px 0 12px!important;font-size:18px!important;font-weight:800!important;line-height:1.4!important}
.woocommerce-tabs .woocommerce-Tabs-panel>:first-child{margin-top:0!important}
.woocommerce-tabs .woocommerce-Tabs-panel strong,.woocommerce-tabs .woocommerce-Tabs-panel b{color:var(--e4g-text)!important;font-weight:800!important}
.woocommerce-tabs .woocommerce-Tabs-panel ul,.woocommerce-tabs .woocommerce-Tabs-panel ol{margin:0 0 16px!important;padding-inline-start:22px!important}
.woocommerce-tabs .woocommerce-Tabs-panel li{margin:0 0 8px!important;font-size:15px!important;line-height:1.85!important}
.woocommerce-tabs .woocommerce-Tabs-panel a{color:var(--e4g-accent)!important;text-decoration:underline;text-underline-offset:3px}
.woocommerce-tabs .woocommerce-Tabs-panel img{max-width:100%;height:auto;border-radius:10px}
.woocommerce-tabs .woocommerce-Tabs-panel table{width:100%;border-collapse:collapse}
.woocommerce-tabs .woocommerce-Tabs-panel table th,.woocommerce-tabs .woocommerce-Tabs-panel table td{padding:10px 12px!important;border:1px solid var(--e4g-line)!important}
/* ==== PRODUCT TABS — MOBILE ==== */
@media(max-width:768px){.woocommerce-tabs.wc-tabs-wrapper{margin:26px 0 0!important}
.woocommerce-tabs .woocommerce-Tabs-panel{padding:18px 16px!important;border-radius:12px!important}
.woocommerce-tabs .woocommerce-Tabs-panel p,.woocommerce-tabs .woocommerce-Tabs-panel li{font-size:14.5px!important;line-height:1.85!important}
.single-product .et-woocommerce-tab{padding:0 16px}}
/* ==== MOBILE MENU — GAMING PANEL ==== */
/* The off-canvas menu in the storefront's gaming style.

   Links: every one was orange, so nothing stood out. They are now bright text
   with an orange hexagon badge carrying an icon — the dock's shapes: a gamepad
   for Home, the storefront for Shop, a plus for PlayStation Plus, a page for
   Blog, an info mark for About, the headset gamer for My account — and a
   chevron. The page being viewed is orange with an orange edge. Icons are
   matched by what the link points to (the home item by WordPress's
   menu-item-home class), so they survive the Arabic URLs; a link added later
   that matches none gets a plain diamond, never an empty badge.

   Tabs: a segmented control, the open tab filled orange.
   Wishlist and Sign in: they were full-width rows spaced by XStore's 20px
   element margin, with a line above each. They are now tiles like the account
   dashboard's, with the icon in a hexagon badge.
   The close button: a dark disc with an orange ring, not a white one.

   Only descendants are styled. .mobile-menu-content and .et-mini-content are
   the containers XStore animates open and shut (HANDOFF 4.1). XStore hides
   ::before on these links and dims every link on hover, so display and
   opacity are restated with !important. */
.mobile-menu-content .et_b_header-menu .menu>li>a{display:flex!important;align-items:center;gap:13px;min-height:52px;padding:8px 18px!important;color:var(--e4g-text)!important;font-size:15.5px!important;font-weight:700!important;opacity:1!important;box-sizing:border-box}
.mobile-menu-content .et_b_header-menu .menu>li>a::before{content:""!important;display:block!important;flex:0 0 auto;width:36px;height:30px;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.5 19.5 12 12 19.5 4.5 12z'/%3E%3C/svg%3E") center/17px no-repeat,rgba(233,117,16,.12);transition:background-color .15s ease}
.mobile-menu-content .et_b_header-menu .menu>li.menu-item-home>a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7.5h10a4.6 4.6 0 0 1 4.46 5.72l-.93 3.7a2.4 2.4 0 0 1-4.06 1.07L14.9 16.3H9.1l-1.57 1.69a2.4 2.4 0 0 1-4.06-1.07l-.93-3.7A4.6 4.6 0 0 1 7 7.5z'/%3E%3Cpath d='M8 10.6v3.4M6.3 12.3h3.4'/%3E%3Ccircle cx='15.6' cy='11.2' r='1' fill='%23e97510' stroke='none'/%3E%3Ccircle cx='17.7' cy='13.3' r='1' fill='%23e97510' stroke='none'/%3E%3C/svg%3E")}
.mobile-menu-content .et_b_header-menu .menu>li>a[href*="/shop"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.9 4.3h14.2l1.6 4.7H3.3z'/%3E%3Cpath d='M3.3 9a2.2 2.2 0 0 0 4.4 0 2.2 2.2 0 0 0 4.3 0 2.2 2.2 0 0 0 4.3 0 2.2 2.2 0 0 0 4.4 0'/%3E%3Cpath d='M5 11v9h14v-9'/%3E%3Cpath d='M10 20v-4.4h4V20'/%3E%3C/svg%3E")}
.mobile-menu-content .et_b_header-menu .menu>li>a[href*="playstation-plus"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.2v15.6M4.2 12h15.6' stroke-width='3.2'/%3E%3C/svg%3E");background-size:14px}
.mobile-menu-content .et_b_header-menu .menu>li>a[href*="/blog"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h8l4 4v13h-12z'/%3E%3Cpath d='M14.5 3.5v4h4'/%3E%3Cpath d='M9 12h6M9 15.5h6'/%3E%3C/svg%3E")}
.mobile-menu-content .et_b_header-menu .menu>li>a[href*="about"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23e97510' stroke='none'/%3E%3C/svg%3E")}
.mobile-menu-content .et_b_header-menu .menu>li>a[href*="my-account"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e97510' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='10.2' r='3.1'/%3E%3Cpath d='M5.4 21c.7-3.3 3.3-5.3 6.6-5.3s5.9 2 6.6 5.3'/%3E%3Cpath d='M6.3 10.6v-.8a5.7 5.7 0 0 1 11.4 0v.8'/%3E%3Crect x='4.9' y='9.4' width='2.5' height='4' rx='1.25' fill='%23e97510' stroke='none'/%3E%3Crect x='16.6' y='9.4' width='2.5' height='4' rx='1.25' fill='%23e97510' stroke='none'/%3E%3C/svg%3E")}
.mobile-menu-content .et_b_header-menu .menu>li:not(.menu-item-has-children)>a::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-inline-start:auto;border-top:2px solid var(--e4g-accent);border-right:2px solid var(--e4g-accent);filter:drop-shadow(0 0 3px rgba(233,117,16,.9)) drop-shadow(0 0 7px rgba(233,117,16,.45));transform:rotate(45deg);transition:border-color .15s ease}
.rtl .mobile-menu-content .et_b_header-menu .menu>li:not(.menu-item-has-children)>a::after{transform:rotate(-135deg)}
.mobile-menu-content .et_b_header-menu .menu>li>a:hover,.mobile-menu-content .et_b_header-menu .menu>li>a:focus-visible{color:var(--e4g-accent)!important;background:rgba(233,117,16,.06)!important}
.mobile-menu-content .et_b_header-menu .menu>li>a:hover::before,.mobile-menu-content .et_b_header-menu .menu>li>a:focus-visible::before{background-color:rgba(233,117,16,.24)}
.mobile-menu-content .et_b_header-menu .menu>li>a:hover::after,.mobile-menu-content .et_b_header-menu .menu>li>a:focus-visible::after{border-color:var(--e4g-accent)}
.mobile-menu-content .et_b_header-menu .menu>li.current-menu-item>a{color:var(--e4g-accent)!important;background:rgba(233,117,16,.09)!important;box-shadow:inset 3px 0 0 var(--e4g-accent)}
.rtl .mobile-menu-content .et_b_header-menu .menu>li.current-menu-item>a{box-shadow:inset -3px 0 0 var(--e4g-accent)}
.mobile-menu-content .et_b_header-menu .menu>li.current-menu-item>a::before{background-color:rgba(233,117,16,.24)}
.mobile-menu-content .et_b_header-menu .menu>li.current-menu-item>a::after{border-color:var(--e4g-accent)}
/* Categories tab: the same row height and chevron, without badges — a long
   list reads better plain. */
.mobile-menu-content .widget_product_categories .product-categories>li>a{min-height:48px;box-sizing:border-box;padding:10px 18px!important;opacity:1!important}
.mobile-menu-content .product-categories>li:not(.cat-parent)>a::after{content:"";flex:0 0 auto;width:7px;height:7px;margin-inline-start:auto;border-top:2px solid var(--e4g-accent);border-right:2px solid var(--e4g-accent);filter:drop-shadow(0 0 3px rgba(233,117,16,.9)) drop-shadow(0 0 7px rgba(233,117,16,.45));transform:rotate(45deg)}
.rtl .mobile-menu-content .product-categories>li:not(.cat-parent)>a::after{transform:rotate(-135deg)}
.mobile-menu-content .product-categories>li>a:hover,.mobile-menu-content .product-categories>li>a:focus-visible{background:rgba(233,117,16,.06)}
/* The expand arrow on a parent category. XStore draws it from two lines sized
   as a percentage of the button, and MOBILE MENU PANEL above gave the button
   18px of padding either side, so the lines grew to about 28px, thin and
   oversized. The lines now have a fixed size, match the chevrons in orange neon, and the
   button is a 44px tap target. Open, XStore flattens them into a minus; that
   state is sized the same way. */
.mobile-menu-content .product-categories .open-child{width:44px!important;height:44px!important;padding:0!important;top:calc(50% - 22px)!important;right:4px!important;left:auto!important;font-size:14px!important;color:var(--e4g-accent)!important}
.rtl .mobile-menu-content .product-categories .open-child{right:auto!important;left:4px!important}
.mobile-menu-content .product-categories .open-child::before,.mobile-menu-content .product-categories .open-child::after{width:8px!important;height:2px!important;border-radius:1px;box-shadow:0 0 5px rgba(233,117,16,.9),0 0 10px rgba(233,117,16,.45)}
.mobile-menu-content .product-categories .open-child::before{left:calc(50% - 6.6px)!important}
.mobile-menu-content .product-categories .open-child::after{left:calc(50% - 1.4px)!important}
.mobile-menu-content .product-categories .over>a .open-child::before,.mobile-menu-content .product-categories .over>a .open-child::after,.mobile-menu-content .product-categories .active:not(li)>a .open-child::before,.mobile-menu-content .product-categories .active:not(li)>a .open-child::after{width:12px!important;left:calc(50% - 6px)!important}
.mobile-menu-content .product-categories .cat-parent>a{padding-inline-end:52px!important}
/* Tabs as a segmented control. */
.mobile-menu-content .et_b-tabs-wrapper .et_b-tabs{gap:4px;margin:14px 16px 6px!important;padding:4px!important;background:#0b111a!important;border:1px solid var(--e4g-line)!important;border-radius:12px!important}
.mobile-menu-content .et_b-tabs-wrapper .et_b-tabs .et-tab{padding:10px 8px!important;border-radius:9px!important;font-size:12.5px;transition:background .15s ease,color .15s ease}
.mobile-menu-content .et_b-tabs-wrapper .et_b-tabs .et-tab.active{background:linear-gradient(180deg,#ff9838,#e97510)!important;color:#101722!important;box-shadow:0 0 12px rgba(233,117,16,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.mobile-menu-content .et_b-tabs-wrapper .et_b-tabs .et-tab.active::after{content:none!important;display:none!important}
/* Wishlist and Sign in as tiles. */
.mobile-menu-content>.et_element.et_b_header-wishlist,.mobile-menu-content>.et_element.et_b_header-account{margin:10px 16px 0!important;padding:0!important;border:0!important;width:auto!important}
.mobile-menu-content>.et_element.et_b_header-wishlist{margin-top:16px!important}
.mobile-menu-content>.et_element.et_b_header-wishlist>a,.mobile-menu-content>.et_element.et_b_header-account>a{box-sizing:border-box;width:100%!important;flex:1 1 auto;min-height:54px;padding:8px 16px 8px 10px!important;border:1px solid var(--e4g-line)!important;border-radius:12px!important;background:var(--e4g-bg)!important;color:var(--e4g-text)!important;font-weight:700!important;opacity:1!important;transition:border-color .15s ease,box-shadow .15s ease}
.rtl .mobile-menu-content>.et_element.et_b_header-wishlist>a,.rtl .mobile-menu-content>.et_element.et_b_header-account>a{padding:8px 10px 8px 16px!important}
.mobile-menu-content>.et_element.et_b_header-wishlist>a>span,.mobile-menu-content>.et_element.et_b_header-account>a>span{flex:1 1 auto;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:13px}
.mobile-menu-content>.et_element.et_b_header-wishlist>a .et_b-icon,.mobile-menu-content>.et_element.et_b_header-account>a .et_b-icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:30px;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);background:rgba(233,117,16,.12)!important}
.mobile-menu-content>.et_element.et_b_header-wishlist>a svg,.mobile-menu-content>.et_element.et_b_header-account>a svg{width:17px!important;height:17px!important}
.mobile-menu-content>.et_element.et_b_header-wishlist>a::after,.mobile-menu-content>.et_element.et_b_header-account>a::after{content:"";flex:0 0 auto;width:7px;height:7px;border-top:2px solid var(--e4g-accent);border-right:2px solid var(--e4g-accent);filter:drop-shadow(0 0 3px rgba(233,117,16,.9)) drop-shadow(0 0 7px rgba(233,117,16,.45));transform:rotate(45deg)}
.rtl .mobile-menu-content>.et_element.et_b_header-wishlist>a::after,.rtl .mobile-menu-content>.et_element.et_b_header-account>a::after{transform:rotate(-135deg)}
.mobile-menu-content>.et_element.et_b_header-wishlist>a:hover,.mobile-menu-content>.et_element.et_b_header-wishlist>a:focus-visible,.mobile-menu-content>.et_element.et_b_header-account>a:hover,.mobile-menu-content>.et_element.et_b_header-account>a:focus-visible{border-color:var(--e4g-accent)!important;box-shadow:0 0 14px rgba(233,117,16,.25);color:var(--e4g-text)!important;background:var(--e4g-bg)!important}
/* Socials: a little air above, no second rule line under the tiles. */
.mobile-menu-content .et_b_header-socials{margin-top:18px!important;padding-top:18px!important}
/* Close: dark disc, orange ring and cross. */
.et_b_header-mobile-menu .et-mini-content>.et-close{background:var(--e4g-panel)!important;border:1.5px solid var(--e4g-accent)!important;box-shadow:0 0 14px rgba(233,117,16,.4)!important;color:var(--e4g-accent)!important}
.et_b_header-mobile-menu .et-mini-content>.et-close svg,.et_b_header-mobile-menu .et-mini-content>.et-close svg path{fill:var(--e4g-accent)!important}
@media(prefers-reduced-motion:reduce){.mobile-menu-content .et_b_header-menu .menu>li>a,.mobile-menu-content .et_b_header-menu .menu>li>a::before,.mobile-menu-content .et_b_header-menu .menu>li>a::after,.mobile-menu-content .et_b-tabs-wrapper .et_b-tabs .et-tab,.mobile-menu-content>.et_element.et_b_header-wishlist>a,.mobile-menu-content>.et_element.et_b_header-account>a{transition:none}}