.elementor-3888 .elementor-element.elementor-element-5f161f08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3888 .elementor-element.elementor-element-9b8ef5f > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-3888 .elementor-element.elementor-element-2b137d66{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3888 .elementor-element.elementor-element-61022cb6{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3888 .elementor-element.elementor-element-6a4c3dc5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3888 .elementor-element.elementor-element-822c6f3{text-align:center;}.elementor-3888 .elementor-element.elementor-element-822c6f3 .elementor-heading-title{font-family:"Tajawal", Sans-serif;color:#4CFF2A;}.elementor-3888 .elementor-element.elementor-element-3624baa3{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-3888 .elementor-element.elementor-element-3624baa3:not(.elementor-motion-effects-element-type-background), .elementor-3888 .elementor-element.elementor-element-3624baa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3888 .elementor-element.elementor-element-646c8b19{--display:flex;}.elementor-3888 .elementor-element.elementor-element-5a494c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3888 .elementor-element.elementor-element-60dca9d8{--display:flex;}.elementor-3888 .elementor-element.elementor-element-60dca9d8:not(.elementor-motion-effects-element-type-background), .elementor-3888 .elementor-element.elementor-element-60dca9d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:10px;--n-tabs-title-border-radius:20px 20px 0px 0px;--n-tabs-title-padding-top:18px;--n-tabs-title-padding-right:18px;--n-tabs-title-padding-bottom:18px;--n-tabs-title-padding-left:18px;--n-tabs-title-font-size:18px;--n-tabs-title-color:#FFFFFF;--n-tabs-title-color-active:#000000;--n-tabs-icon-size:2px;--n-tabs-icon-color:#FFFFFF;--n-tabs-icon-color-active:#FFFFFF;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#111214;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#111214;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3888 .elementor-element.elementor-element-44c1c9fb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#4CFF2A;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-3888 .elementor-element.elementor-element-44c1c9fb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Tajawal", Sans-serif;font-weight:500;}.elementor-3888 .elementor-element.elementor-element-e47c3ae{--display:flex;--min-height:700px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3888 .elementor-element.elementor-element-72fbf47d{--display:flex;}.elementor-3888 .elementor-element.elementor-element-11882cda{--display:flex;}.elementor-3888 .elementor-element.elementor-element-30daccd3{--display:flex;}.elementor-3888 .elementor-element.elementor-element-7f9d9946{--display:flex;}.elementor-3888 .elementor-element.elementor-element-50a7b293{--display:flex;}.elementor-3888 .elementor-element.elementor-element-1e162bec{--display:flex;}.elementor-3888 .elementor-element.elementor-element-58a4ad1{text-align:right;}.elementor-3888 .elementor-element.elementor-element-58a4ad1 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:32px;font-weight:500;color:var( --e-global-color-text );}.elementor-3888 .elementor-element.elementor-element-61ef224d{--display:flex;}.elementor-3888 .elementor-element.elementor-element-697067d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3888 .elementor-element.elementor-element-508710d{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.woocommerce .elementor-3888 .elementor-element.elementor-element-6fd5f39 .quantity{width:100%;margin-right:0;margin-left:0;}.woocommerce .elementor-3888 .elementor-element.elementor-element-6fd5f39 .quantity select{margin:0 auto;}.elementor-3888 .elementor-element.elementor-element-6fd5f39 .single_add_to_cart_button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#4CFF2A;color:#4CFF2A;--loader-side-color:#4CFF2A;background-color:#282828;}.elementor-3888 .elementor-element.elementor-element-6fd5f39 .single_add_to_cart_button, .elementor-3888 .elementor-element.elementor-element-6fd5f39 .single_add_to_cart_button.button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#4CFF2A;}.elementor-3888 .elementor-element.elementor-element-6fd5f39 .et-single-buy-now{fill:#FFFFFF;color:#FFFFFF;--loader-side-color:#FFFFFF;background-color:#378029;}.elementor-3888 .elementor-element.elementor-element-6fd5f39{--single-buy-now-button-color:#FFFFFF;--single-buy-now-button-background-color:#378029;}.elementor-3888 .elementor-element.elementor-element-5b6fe7e{--display:flex;--overlay-opacity:0.5;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3888 .elementor-element.elementor-element-5b6fe7e::before, .elementor-3888 .elementor-element.elementor-element-5b6fe7e > .elementor-background-video-container::before, .elementor-3888 .elementor-element.elementor-element-5b6fe7e > .e-con-inner > .elementor-background-video-container::before, .elementor-3888 .elementor-element.elementor-element-5b6fe7e > .elementor-background-slideshow::before, .elementor-3888 .elementor-element.elementor-element-5b6fe7e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3888 .elementor-element.elementor-element-5b6fe7e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3888 .elementor-element.elementor-element-4cd0c5a6{--display:flex;--overlay-opacity:0.5;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3888 .elementor-element.elementor-element-4cd0c5a6::before, .elementor-3888 .elementor-element.elementor-element-4cd0c5a6 > .elementor-background-video-container::before, .elementor-3888 .elementor-element.elementor-element-4cd0c5a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-3888 .elementor-element.elementor-element-4cd0c5a6 > .elementor-background-slideshow::before, .elementor-3888 .elementor-element.elementor-element-4cd0c5a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3888 .elementor-element.elementor-element-4cd0c5a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3888 .elementor-element.elementor-element-6160d633{--slides-per-view:4;}.elementor-3888 .elementor-element.elementor-element-6160d633 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-3888 .elementor-element.elementor-element-6160d633 .swiper-pagination .swiper-pagination-bullet{background-color:#00CFFF;opacity:1;}.elementor-3888 .elementor-element.elementor-element-6160d633 .swiper-pagination .swiper-pagination-bullet-active{background-color:#82A77C;}.elementor-3888 .elementor-element.elementor-element-6160d633 .related-products-title{color:#1EDF18;font-family:"Open Sans Hebrew Condensed", Sans-serif;}@media(max-width:767px){.elementor-3888 .elementor-element.elementor-element-4771c47 .sales-booster-total-sales{text-align:center;}.elementor-3888 .elementor-element.elementor-element-61022cb6{--min-height:0px;}.elementor-3888 .elementor-element.elementor-element-e47c3ae{--min-height:600px;}}@media(min-width:768px){.elementor-3888 .elementor-element.elementor-element-5f161f08{--content-width:1400px;}.elementor-3888 .elementor-element.elementor-element-2b137d66{--content-width:1400px;}.elementor-3888 .elementor-element.elementor-element-61022cb6{--width:40%;}.elementor-3888 .elementor-element.elementor-element-e47c3ae{--width:1650px;}.elementor-3888 .elementor-element.elementor-element-697067d{--width:100%;}.elementor-3888 .elementor-element.elementor-element-508710d{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-14c00592 *//* =========================
   MIDZILLA HERO BANNER
========================= */

.mz-hero{
  max-width: 1400px;
  height: 220px;
  margin: 0 auto 60px;
  border-radius: 16px;
  position: relative;
  overflow: visible;
  background: linear-gradient(135deg, #2b343a, #1e252b);
}

.mz-bg{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.35;
}

.mz-pattern{
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.04) 2px,
    transparent 2px,
    transparent 18px
  );
}

.mz-content{
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px;
  color: #fff;
}

.mz-text h1{
  margin: 0 0 10px;
  font-size: 35px;
}

.mz-meta{
  font-size: 14px;
  opacity: .9;
  display: flex;
  gap: 14px;
}

/* =========================
   ICON BREAKOUT
========================= */

.mz-icon{
  position: relative;
  top: 50px;
  margin-right: 20px;
}

.mz-icon img{
  width: 256px;
  height: 256px;
  object-fit: cover;
  border-radius: 26px;
  background: #000;
  box-shadow:
    0 12px 30px rgba(0,0,0,.45),
    0 0 0 6px #1e252b;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width: 768px){
  .mz-hero{
    margin-bottom: 20px;
  }

  .mz-content{
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }

  .mz-icon{
    top: 0;
    margin: 0;
  }

  .mz-icon img{
    width: 140px;
    height: 140px;
  }
}


/* CENTER META UNDER TITLE — MOBILE + TABLET */
@media (max-width: 1024px) {

  .mz-meta {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

}/* End custom CSS */
/* Start custom CSS for woocommerce-etheme_breadcrumb, class: .elementor-element-9b8ef5f */.woocommerce-breadcrumb,
.woocommerce-breadcrumb * {
    background: transparent !important;
    box-shadow: none !important;
}

.woocommerce-breadcrumb {
    padding: 0 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f161f08 *//* =========================================
   VARIATIONS – FORCE MULTI COLUMNS (MOBILE)
========================================= */

/* تابلت */
@media (max-width: 1024px) {
.topon-field-description {
    display: block;          /* ensures margin applies correctly */
    margin-top: 8px;         /* adjust value as needed (e.g. 6–12px) */
}

  .mz-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .mz-grid > * {
    width: calc(33.333% - 7px) !important;
  }

  .mz-grid .mz-variation-card {
    padding: 12px !important;
    min-height: unset !important;
    border-radius: 12px !important;
  }

  .mz-grid .mz-variation-card * {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}

/* موبايل */
@media (max-width: 767px) {

  .mz-grid > * {
    width: calc(50% - 5px) !important;
  }

  .mz-grid .mz-variation-card {
    padding: 10px !important;
  }

  .mz-grid .mz-variation-card * {
    font-size: 13px !important;
  }
}

/* =========================================
   PRODUCT TYPE VARIATIONS – MOBILE FIX
========================================= */

/* تابلت */
@media (max-width: 1024px) {

  .mz-product-types,
  .mz-types-grid,
  .mz-type-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .mz-product-types > *,
  .mz-types-grid > *,
  .mz-type-grid > * {
    width: calc(33.333% - 8px) !important;
  }

  .mz-product-types .mz-type-card,
  .mz-type-card {
    padding: 14px !important;
    min-height: unset !important;
    border-radius: 14px !important;
  }

  .mz-type-card * {
    font-size: 14px !important;
    line-height: 1.3 !important;
    text-align: center;
  }
}

/* موبايل */
@media (max-width: 767px) {

  .mz-product-types > *,
  .mz-types-grid > *,
  .mz-type-grid > * {
    width: calc(50% - 6px) !important;
  }

  .mz-type-card {
    padding: 12px !important;
  }

  .mz-type-card * {
    font-size: 13px !important;
  }
}


@media (max-width: 767px) {

  /* كسر أي inline styles داخل الفورم */
  .etheme-add-to-cart-form .topon-custom-fields,
  .etheme-add-to-cart-form .wapf-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px 14px !important;
    margin: 0 0 16px 0 !important;
    background: #161616 !important;
    border-radius: 14px !important;
  }

}


/* =========================================================
🧩 FIX ALL CLICK ISSUES (NO IDs, UNIVERSAL)
========================================================= */

/* Allow clicking anywhere on variation items */
.variation-item,
.variation-item * {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 3;
}

/* Allow clicking type buttons */
.type-card,
.type-card * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Allow clicking country buttons */
.mz-country-btn,
.mz-country-btn * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Prevent Elementor wrappers from blocking clicks */
.elementor-widget-container,
.elementor-column,
.elementor-inner-section,
.elementor-section {
    pointer-events: auto !important;
}

/* =========================================================
🎮 TYPE CARDS
========================================================= */
.type-card {
    background: #101010;
    border: 2px solid transparent;
    padding: 15px;
    flex: 0 0 140px !important;   /* minimum width */
    max-width: 180px;  /* prevents huge cards */
    border-radius: 15px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: .3s ease;
}
.type-card:hover,
.type-card.active-type {
    border-color: #4cff2a;
    box-shadow: 0 0 20px rgba(76,255,42,.4);
    transform: translateY(-6px);
}

/* =========================================================
🎮 VARIATIONS GRID
========================================================= */
#dynamic-variations {
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    margin-top: 30px;
}
.variation-item {
    width: 220px;
    background: #151515;
    border: 1px solid #222;
    border-radius: 12px;
    padding: 15px;
    text-align: center;
    transition: .3s ease;
}
.variation-item:hover {
    border-color: #4cff2a;
    box-shadow: 0 0 20px rgba(76,255,42,.3);
    transform: translateY(-4px);
}
.variation-item.active {
    border: 2px solid #4cff2a !important;
    box-shadow: 0 0 22px rgba(76,255,42,.45) !important;
    transform: translateY(-4px) !important;
}
.variation-item {
    direction: ltr !important;
    text-align: center !important;
}

.variation-item * {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
}
/* =========================================================
🌍 COUNTRY BUTTONS — Final Styled Version
========================================================= */
.mz-country-wrap {
    margin: 35px 0;
    direction: rtl;
    text-align: right;
}

.mz-country-title {
    color: #4CFF2A;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 15px;
}

.mz-country-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.mz-country-btn {
    background: #101010;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 12px 18px;
    min-width: 150px;
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;

    color: #fff;
    cursor: pointer;
    transition: .25s ease;
}
.mz-country-btn img {
    width: 25px;
    height: 25px;
    border-radius: 6px;
    object-fit: cover;
}
.mz-country-btn span {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
}
.mz-country-btn:hover {
    border-color: #4cff2a;
    box-shadow: 0 0 18px rgba(76,255,42,.35);
    transform: translateY(-4px);
}
.mz-country-btn.active-country {
    border-color: #4cff2a !important;
    box-shadow: 0 0 22px rgba(76,255,42,.45) !important;
    transform: translateY(-4px) !important;
}

/* =========================================================
🟩 HIDE COUNTRY CONTAINER IF NO COUNTRIES
========================================================= */
.mz-country-row:empty,
.mz-country-wrap:has(.mz-country-row:empty) {
    display: none !important;
}

/* =========================================================
🛠 WOO VARIATION SELECTS (HIDDEN, BUT WORKING)
========================================================= */

.single-product .variations_form table,
.single-product .variations_form tr,
.single-product .variations_form td,
.single-product .variations_form th {
    display: none !important;
}

/* Elementor Editor only hides the table (not the JS logic) */
.elementor-editor-active .variations_form table {
    display: none !important;
}


/* UNIVERSAL FIX FOR TYPE BUTTONS — WORKS IN ANY GAME */
.types-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    gap: 20px !important;
    justify-content: flex-start !important;
}

/* FIX TYPE BUTTONS ALIGNMENT */
.types-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 20px !important;
}


/* ============================
🎮 UNIVERSAL FIX — TYPE SECTION RTL
============================ */

/* Make the whole block RTL */
.product-types-section,
.product-types-section * {
    direction: rtl !important;
    text-align: right !important;
}

/* Title RTL + align right */
.types-title {
    display: block;
    width: 100%;
    text-align: right !important;
    direction: rtl !important;
    margin-bottom: 20px;
}

/* Make buttons container horizontal RTL */
.types-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: flex-start !important; /* right side */
}

/* Center content inside each button */
.type-card {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;

    flex-direction: column !important; /* ensures title + desc center */
    padding: 15px;
    width: 150px;

    background: #101010;
    border-radius: 15px;
    border: 2px solid transparent;

    color: #fff;
    cursor: pointer;

    transition: .25s ease;
}

/* Active + hover */
.type-card:hover,
.type-card.active-type {
    border-color: #4cff2a !important;
    box-shadow: 0 0 20px rgba(76,255,42,.45) !important;
    transform: translateY(-6px) !important;
}

/* Text inside the button centered always */
.type-card * {
    text-align: center !important;
    direction: rtl !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-44c1c9fb *//* =========================================
   FORCE ELEMENTOR TABS (NO ACCORDION)
   Mobile + Tablet
========================================= */

@media (max-width: 1024px) {

  /* امنع وضع accordion */
  .e-n-tabs {
    --n-tabs-layout: tabs !important;
  }

  /* خلي العناوين في صف واحد */
  .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    gap: 10px;
  }

  /* زرار التاب */
  .e-n-tab-title {
    flex: 1 !important;
    text-align: center !important;
    border-radius: 12px !important;
    padding: 14px 10px !important;
  }

  /* امنع أي تحويل داخلي لأكورديون */
  .e-n-tabs[data-touch-mode="true"] .e-n-tabs-content {
    display: block !important;
  }
}

/* =========================================
   MIDZILA – CLEAN MOBILE TABS DESIGN
========================================= */

@media (max-width: 1024px) {

  /* حاوية التابات */
  .e-n-tabs-heading {
    background: #141414;
    padding: 6px;
    border-radius: 14px;
    gap: 6px !important;
  }

  /* زر التاب */
  .e-n-tab-title {
    background: transparent !important;
    border: none !important;
    border-radius: 10px !important;

    padding: 10px 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    color: #bdbdbd !important;
    transition: all 0.25s ease !important;
  }

  /* التاب النشط */
  .e-n-tab-title[aria-selected="true"] {
    background: linear-gradient(135deg, #4CFF2A, #38d91f) !important;
    color: #0b0b0b !important;
    box-shadow: 0 6px 18px ;
  }

  /* hover */
  .e-n-tab-title:not([aria-selected="true"]):hover {
    background: rgba(255,255,255,0.06) !important;
    color: #ffffff !important;
  }

  /* إزالة أي أيقونات غريبة */
  .e-n-tab-icon {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-3091b0d1 *//* Force RTL layout to avoid accidental LTR blocks */
.types-grid, 
.types-grid * {
    direction: rtl !important;
    text-align: right !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-eb4359e *//* Hide checkout container until variation selected */
.woocommerce-variation-add-to-cart {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50a7b293 *//* =========================================================
   MIDZILLA – GROUPED PRODUCTS (TOPON) FINAL STABLE DESIGN
   Safe for WooCommerce + Topon + XStore + RTL
========================================================= */

/* reset table layout */
.woocommerce-grouped-product-list,
.woocommerce-grouped-product-list tbody,
.woocommerce-grouped-product-list tr,
.woocommerce-grouped-product-list td {
  border: none;
  width: 100%;
}

/* list container */
.woocommerce-grouped-product-list,
.woocommerce-grouped-product-list tbody {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* product card */
.woocommerce-grouped-product-list tr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: #0f0f0f;
  border: 1px solid rgba(124,255,0,0.15);
  border-radius: 14px;
  padding: 14px 16px;
  transition: all 0.25s ease;
}

.woocommerce-grouped-product-list tr:hover {
  border-color: #7cff00;
  transform: translateY(-2px);
}

/* product title */
.woocommerce-grouped-product-list-item__label label {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}

/* price */
.woocommerce-grouped-product-list-item__price {
  font-size: 13px;
  color: #aaaaaa;
}

.woocommerce-grouped-product-list-item__price bdi {
  color: #7cff00;
  font-weight: 600;
}

/* action button */
.woocommerce-grouped-product-list-item__quantity a {
  align-self: flex-start;
  padding: 8px 18px;
  background: linear-gradient(135deg, #7cff00, #5fae00);
  color: #ffffff !important;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.25s ease;
}

.woocommerce-grouped-product-list-item__quantity a:hover {
  background: linear-gradient(135deg, #8fff1a, #6ac200);
}

/* desktop layout */
@media (min-width: 768px) {
  .woocommerce-grouped-product-list tr {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .woocommerce-grouped-product-list-item__label {
    flex: 1.4;
  }

  .woocommerce-grouped-product-list-item__price {
    flex: 1;
    text-align: center;
  }

  .woocommerce-grouped-product-list-item__quantity {
    flex: 0;
  }
}

/* safe checkout separation */
.sales-booster-safe-checkout {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_add_to_cart, class: .elementor-element-6fd5f39 *//* =====================================================
   MIDZILLA – HIDE EMPTY FIELD WRAPPER (NO JS)
   Applies to: TOPON + WAPF
===================================================== */


/* =======================
   TOPON
======================= */

/* الشكل الطبيعي */
.single-product .topon-custom-fields {
    flex: 0 0 100% !important;   /* هذا هو الأهم */
    max-width: 100% !important;
    width: auto !important;

    padding: 16px !important;
    box-sizing: border-box !important;
}




/* إخفاء شكل الكارت لو كل الحقول مخفية */
.single-product .topon-custom-fields:not(
    :has(.topon-field:not([style*="display: none"]))
) {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}


/* =======================
   WAPF
======================= */

/* الشكل الطبيعي */
.single-product .wapf-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 24px 0 !important;
    padding: 28px 30px !important;

    background: #161616 !important;
    border: 1px solid #242424 !important;
    border-radius: 16px !important;

    box-sizing: border-box !important;
    display: block !important;
}

/* إخفاء شكل الكارت لو كل الحقول مخفية */
.single-product .wapf-wrapper:not(
    :has(.wapf-field-container:not(.wapf-hide):not([style*="display: none"]))
) {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.wapf textarea {
    display: block !important;
    min-height: 140px !important;
    width: 100% !important;
    padding: 14px 16px !important;
    background: #1f1f1f !important;
    border: 1px solid #2e2e2e !important;
    color: #fff !important;
    resize: vertical;
}

/* =======================
   COMMON INPUT STYLE
======================= */

.topon-field,
.wapf-field-container {
    margin-bottom: 22px !important;
}

.topon-field:last-child,
.wapf-field-container:last-child {
    margin-bottom: 0 !important;
}

/* اتجاه الكتابة */
.topon-field,
.topon-field *,
.wapf-field-container,
.wapf-field-container * {
    direction: ltr !important;
    text-align: left !important;
}

/* Inputs */
.topon-field input,
.topon-field select,
.wapf-field-input input,
.wapf-field-input select,
.wapf-field-input textarea {
    width: 100% !important;
    min-height: 56px !important;

    padding: 0 18px !important;
    background: #1f1f1f !important;
    border: 1px solid #2e2e2e !important;
    border-radius: 14px !important;

    color: #ffffff !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

/* Focus */
.topon-field input:focus,
.topon-field select:focus,
.wapf-field-input input:focus,
.wapf-field-input select:focus,
.wapf-field-input textarea:focus {
    outline: none !important;
    border-color: #4cff2a !important;
    box-shadow: 0 0 0 2px rgba(76,255,42,0.18);
}


/* =======================
   RTL ONLY FOR ACTIONS
======================= */

.single-product .quantity,
.single-product .single_add_to_cart_button,
.single-product .et-single-buy-now {
    direction: rtl !important;
}



/* ================================
   MIDZILA – XSTORE CART BUTTONS UI
   Redesign only (no logic)
================================ */

/* container spacing */
.single-product .single_add_to_cart_button,
.single-product .xstore-buy-now {
  width: 100% !important;
  height: 54px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transition: all 0.25s ease;
}

/* BUY NOW – primary */
.single-product .xstore-buy-now {
  background: linear-gradient(135deg, #1db954, #18a34a);
  color: #ffffff !important;
  border: none !important;
  margin-bottom: 14px;
  box-shadow: 0 10px 30px rgba(29,185,84,0.35);
}

.single-product .xstore-buy-now:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(29,185,84,0.55);
}

/* ADD TO CART – secondary */
.single-product .single_add_to_cart_button {
  background: transparent !important;
  color: #1db954 !important;
  border: 2px solid #1db954 !important;
}

.single-product .single_add_to_cart_button:hover {
  background: rgba(29,185,84,0.1) !important;
  transform: translateY(-2px);
}

/* remove ugly focus */
.single-product button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* mobile spacing */
@media (max-width: 768px) {
  .single-product .single_add_to_cart_button,
  .single-product .xstore-buy-now {
    height: 50px;
    font-size: 15px;
  }
}


.mz-saved-link{
    color:#7cff00;              /* أخضر الموقع */
    text-decoration: underline;
    font-weight:600;
}

.mz-saved-link:hover{
    color:#9dff3a;
}


.mz-wishlist-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #aaa;
    text-decoration: none;
}

.mz-wishlist-btn:hover {
    color: #7cff00;
}


/* الحاوية الصحيحة */
.single-product .variations_button {
    display: flex;
    flex-direction: column;
}

/* Wishlist */
.single-product .mz-wishlist-wrap {
    order: 5;
    margin-bottom: 16px;
}

/* Topon */
.single-product .topon-custom-fields {
    order: 10;
}

/* WAPF — نسيبه بدري */
.single-product .wapf,
.single-product .wapf-wrapper {
    order: 20;
}

/* Saved Accounts — ننزّله بعد WAPF */
.single-product .mz-account-row,
.single-product .mz-saved-dropdown {
    order: 30;
    margin-bottom: 16px;
}

/* Quantity */
.single-product .quantity {
    order: 40;
}

/* Buy Now */
.single-product .xstore-buy-now,
.single-product .et-single-buy-now {
    order: 50;
}

/* Add to Cart */
.single-product .single_add_to_cart_button {
    order: 60;
}

/* ===== FIX: Buy Now + Add to Cart side by side ===== */

/* لفّ الأزرار فقط في row */
.single-product .variations_button {
    display: flex;
    flex-direction: column;
}

/* container خاص بالأزرار */
.single-product .variations_button > .quantity,
.single-product .variations_button > .single_add_to_cart_button,
.single-product .variations_button > .xstore-buy-now,
.single-product .variations_button > .et-single-buy-now {
    align-self: stretch;
}

/* grouping buttons */
.single-product .variations_button .single_add_to_cart_button,
.single-product .variations_button .xstore-buy-now,
.single-product .variations_button .et-single-buy-now {
    display: inline-flex;
    flex: 1;
}

/* زرار الشراء جنب بعض */
.single-product .variations_button {
    row-gap: 12px;
}

.single-product .variations_button .single_add_to_cart_button,
.single-product .variations_button .xstore-buy-now,
.single-product .variations_button .et-single-buy-now {
    margin: 0;
}

/* container للأزرار فقط */
.single-product .variations_button {
    --buttons-gap: 12px;
}

.single-product .variations_button > .single_add_to_cart_button,
.single-product .variations_button > .xstore-buy-now,
.single-product .variations_button > .et-single-buy-now {
    width: calc(50% - (var(--buttons-gap) / 2));
}

/* لفّ الأزرار جنب بعض */
.single-product .variations_button {
    flex-wrap: wrap;
    flex-direction: row;
}

/* رجّع باقي العناصر عمود */
.single-product .variations_button > :not(.single_add_to_cart_button):not(.xstore-buy-now):not(.et-single-buy-now) {
    width: 100%;
}

/* ===== FINAL POLISH: Quantity alignment ===== */

/* خلي العداد في صف لوحده */
.single-product .variations_button .quantity {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
}

/* منع أي تمدد غريب */
.single-product .variations_button .quantity input.qty {
    text-align: center;
}

/* الأزرار صف واحد */
.single-product .variations_button .single_add_to_cart_button,
.single-product .variations_button .xstore-buy-now,
.single-product .variations_button .et-single-buy-now {
    flex: 1 1 50%;
    max-width: 50%;
}

/* مسافة بين الزرين */
.single-product .variations_button {
    column-gap: 12px;
}


/* ================================
   WAPF – INPUT DESIGN FIX (FINAL)
================================ */

/* ========== 1️⃣ TRUE / FALSE (Checkbox) ========== */
.wapf input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: unset !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    accent-color: #7cff00;
    cursor: pointer;
}

/* خلي الـ label في نفس السطر */
.wapf input[type="checkbox"] + label,
.wapf label:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 8px;
}


/* ========== 2️⃣ RADIO BUTTONS (Horizontal + Wrap) ========== */

/* الحاوية الحقيقية للـ radio */
.wapf-field-input {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 20px;
}

/* كل radio + text */
.wapf-field-input label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    cursor: pointer;
    white-space: nowrap;
}

/* حجم radio */
.wapf input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: unset !important;
    padding: 0 !important;
    accent-color: #7cff00;
}


/* ========== 3️⃣ PARAGRAPH (Textarea) ========== */
.wapf textarea {
    width: 100% !important;
    min-height: 120px !important;
    padding: 14px 16px !important;
    resize: vertical;
    line-height: 1.6;
    font-size: 15px;
    background: #1f1f1f !important;
    border: 1px solid #2e2e2e !important;
    border-radius: 14px !important;
    color: #fff !important;
}


/* ========== 4️⃣ TITLES & HELP TEXT ========== */
.wapf .wapf-field-title {
    font-weight: 600;
    margin-bottom: 6px;
}

.wapf .wapf-field-description {
    font-size: 13px;
    opacity: 0.7;
    margin-bottom: 10px;
}

/* ================================
   WAPF – FINAL INPUT FIX
================================ */

/* RADIO CONTAINER */
.wapf .wapf-radios {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 20px;
}

.wapf .wapf-checkable {
    margin: 0 !important;
}

.wapf .wapf-input-label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
}

/* RADIO SIZE */
.wapf input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-height: unset !important;
    padding: 0 !important;
    accent-color: #7cff00;
}

/* CHECKBOX */
.wapf input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    min-height: unset !important;
    padding: 0 !important;
    margin-right: 8px !important;
    accent-color: #7cff00;
}

.wapf label:has(input[type="checkbox"]) {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* TEXTAREA */
.wapf textarea {
    width: 100% !important;
    min-height: 120px !important;
    padding: 14px 16px !important;
    line-height: 1.6;
    resize: vertical;
}


/* ================================
   WAPF – CHECKBOXES HORIZONTAL
================================ */

/* container الحقيقي للـ checkboxes */
.wapf .wapf-checkboxes {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 20px;
}

/* كل خيار */
.wapf .wapf-checkboxes .wapf-checkable {
    margin: 0 !important;
}

/* label */
.wapf .wapf-checkboxes .wapf-input-label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    white-space: nowrap;
}

/* حجم checkbox */
.wapf .wapf-checkboxes input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-height: unset !important;
    padding: 0 !important;
    accent-color: #7cff00;
}





/* TOPON – Frontend (clean) */
.topon-custom-fields{
  margin-bottom:20px;
  padding:20px;
  background:#161616;
  border:1px solid #242424;
  border-radius:16px;
  box-sizing:border-box;
}

.topon-field{
  margin-bottom:15px;
}

.topon-field label{
  display:block;
  margin-bottom:6px;
  font-weight:600;
}

.topon-field input,
.topon-field select{
  width:100%;
  box-sizing:border-box;
}




/* ================================
   MZ ACCOUNT ROW – MOBILE FIX
================================ */
@media (max-width: 767px) {

  .mz-account-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  /* السطر اللي فيه checkbox + النص */
  .mz-account-row label,
  .mz-account-row .mz-account-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  /* النص */
  .mz-account-row .mz-account-text {
    flex: 1 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  /* زر الحسابات المحفوظة */
  .mz-account-row .mz-saved-dropdown,
  .mz-account-row select,
  .mz-account-row button {
    width: 100% !important;
  }
}


@media (max-width: 767px) {

  .woocommerce-variation-add-to-cart {
    display: flex !important;
    gap: 12px !important;
  }

  .woocommerce-variation-add-to-cart
  .single_add_to_cart_button,
  .woocommerce-variation-add-to-cart
  .xstore-buy-now,
  .woocommerce-variation-add-to-cart
  .et-single-buy-now {
    flex: 1 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }

}

/* HIDE QUANTITY INPUT – ALL DEVICES */
.single-product .quantity {
    display: none !important;
}


/* ================================
   TYPE + COUNTRY – MOBILE HORIZONTAL
================================ */
@media (max-width: 767px) {

  /* الحاوية */
  .mz-product-types,
  .mz-types-grid,
  .mz-type-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  /* كل كارت */
  .mz-product-types > *,
  .mz-types-grid > *,
  .mz-type-grid > * {
    flex: 0 0 calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
  }

  /* تصغير الكارت */
  .mz-type-card {
    padding: 10px !important;
    border-radius: 12px !important;
    min-height: unset !important;
  }

  /* تصغير النص */
  .mz-type-card h3,
  .mz-type-card .title {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  .mz-type-card span,
  .mz-type-card p {
    font-size: 12px !important;
  }
}





/* ================================
   PAYMENT ICONS – ONE ROW (MOBILE)
================================ */

.mz-payment-safe {
    border: 1px solid #242424;
    border-radius: 14px;
    padding: 16px;
    margin-top: 24px;
}

/* الحاوية */
.mz-payment-safe {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* صف الأيقونات */
.mz-payment-safe > span,
.mz-payment-safe .payment-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap; /* 🔥 سطر واحد */
}

/* كل أيقونة */
.mz-payment-safe img {
    width: 48px;
    height: auto;
    max-height: 32px;
    object-fit: contain;
}

/* ================================
   MOBILE + TABLET ONLY
================================ */
@media (max-width: 768px) {

    .mz-payment-safe {
        padding: 14px 12px;
    }

    .mz-payment-safe img {
        width: 42px;
        max-height: 28px;
    }
}
.sales-booster-safe-checkout fieldset img {
    max-width: 45px;
}




.mz-account-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; /* يسمح بالكسر لو الشاشة ضيقة جدًا */
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-etheme_related, class: .elementor-element-6160d633 *//* =====================================================
   MIDZILA — SUGGESTED GAMES (FINAL CLEAN & POLISHED)
   Matches Product Page / Dark Premium Gaming UI
===================================================== */

/* 0️⃣ Load Tajawal font */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');

/* 1️⃣ Section container */
.single-product .etheme-elementor-slider {
    max-width: 1200px;
    margin: 50px auto;
    padding: 0 20px;
}

/* 2️⃣ Section title */
.products-title.related-products-title,
.products-title.related-products-title span {
    font-family: 'Tajawal', sans-serif !important;
    color: #ffffff !important;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.3px;
}

/* ربط العنوان بالسكشن */
.products-title.related-products-title {
    margin-bottom: 14px !important;
    opacity: 0.9;
}

/* 3️⃣ Freeze Swiper behavior on desktop */
@media (min-width: 1024px) {

    .single-product .etheme-elementor-slider .swiper-wrapper {
        display: flex !important;
        justify-content: center !important;
        transform: none !important;
    }

    .single-product .etheme-elementor-slider .swiper-slide {
        width: 280px !important;
        margin: 0 14px !important; /* تقريب الكروت */
        flex-shrink: 0 !important;
    }

    .single-product .etheme-elementor-slider {
        overflow: visible !important;
    }

    .single-product .etheme-elementor-slider 
    .swiper-pagination,
    .single-product .etheme-elementor-slider 
    .swiper-notification {
        display: none !important;
    }
}

/* 4️⃣ Product card */
.single-product .etheme-elementor-slider .product {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(124,255,0,0.12);
    border-radius: 18px;
    padding: 18px 16px 20px;
    text-align: center;
    min-height: 420px;
    transition: all 0.25s ease;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);
}

/* 5️⃣ Hover (soft & premium) */
.single-product .etheme-elementor-slider .product:hover {
    border-color: rgba(124,255,0,0.45);
    box-shadow: 0 0 18px rgba(124,255,0,0.25);
    transform: translateY(-4px);
}

/* 6️⃣ Product image */
.single-product .etheme-elementor-slider .product img {
    border-radius: 14px;
    margin-bottom: 10px; /* تقليل الهيمنة */
}

/* 7️⃣ Category text */
.single-product .etheme-elementor-slider .products-page-cats {
    font-size: 12px;
    opacity: 0.65;
    margin-bottom: 4px;
}

/* 8️⃣ Product title */
.single-product .etheme-elementor-slider .product-title {
    font-family: 'Tajawal', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin: 6px 0 2px;
}

/* 9️⃣ Price */
.single-product .etheme-elementor-slider .price {
    font-size: 14px;
    font-weight: 600;
    color: #7cff00;
    margin-bottom: 12px;
    opacity: 0.95;
}

/* 🔟 View Products button (true secondary CTA) */
.single-product .etheme-elementor-slider .button {
    width: 100%;
    background: rgba(124,255,0,0.08);
    border: 1px solid rgba(124,255,0,0.25);
    color: #7cff00;
    border-radius: 10px;
    padding: 8px 0;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

.single-product .etheme-elementor-slider .button:hover {
    background: rgba(124,255,0,0.2);
    color: #7cff00;
}/* End custom CSS */