/* Zex Plus — brand layer on Blocksy */
:root{
  --zex-bg:#08090B; --zex-surface:#121317; --zex-surface-2:#181a20;
  --zex-red-dark:#701522; --zex-red:#D51F36; --zex-red-hot:#F12A42;
  --zex-text:#F2F2F2; --zex-muted:#96969E; --zex-line:rgba(255,255,255,.08);
  --zex-font:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --zex-grad:linear-gradient(135deg,#F12A42 0%,#D51F36 45%,#701522 100%);

  --theme-palette-color-1:#D51F36; --theme-palette-color-2:#F12A42;
  --theme-palette-color-3:#F2F2F2; --theme-palette-color-4:#FFFFFF;
  --theme-palette-color-5:#262830; --theme-palette-color-6:#121317;
  --theme-palette-color-7:#08090B; --theme-palette-color-8:#121317;
  --theme-text-color:#F2F2F2; --theme-headings-color:#fff;
  --theme-link-initial-color:#F2F2F2; --theme-link-hover-color:#F12A42;
  --theme-border-color:rgba(255,255,255,.08);
  --theme-font-family:var(--zex-font);
  --theme-form-field-background-initial-color:#121317;
  --theme-form-field-border-initial-color:rgba(255,255,255,.12);
  --theme-form-field-border-focus-color:#D51F36;
  --theme-button-background-initial-color:#D51F36;
  --theme-button-background-hover-color:#F12A42;
  --theme-button-text-initial-color:#fff; --theme-button-text-hover-color:#fff;
}
html,body{background:var(--zex-bg)!important;color:var(--zex-text);font-family:var(--zex-font)}
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,.ct-menu-link,.price{font-family:var(--zex-font)!important}
h1,h2,h3,h4{color:#fff;font-weight:700;letter-spacing:0}
body{background-image:var(--zex-pattern);background-attachment:fixed}
#main-container,.site-main{background:transparent}
a{transition:color .2s}

/* header */
#header,[data-header*="type-1"] .ct-header,.ct-header{background:rgba(8,9,11,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--zex-line)}
.ct-header [data-row]{background:transparent!important;border:0!important}
.site-logo-container img,.custom-logo{max-height:38px;width:auto;filter:drop-shadow(0 0 14px rgba(241,42,66,.35))}
.ct-menu-link{font-weight:600;color:var(--zex-text)!important}
.ct-menu-link:hover,.current-menu-item>.ct-menu-link{color:var(--zex-red-hot)!important}
.ct-header-cart .ct-cart-item,.ct-header-search,.ct-header-account{color:var(--zex-text)}

/* buttons */
.button,button[type=submit],.wp-block-button__link,.added_to_cart,.single_add_to_cart_button,.checkout-button,.ct-button,input[type=submit]{
  background:var(--zex-grad)!important;color:#fff!important;border:1px solid rgba(241,42,66,.6)!important;border-radius:12px!important;
  font-weight:700;box-shadow:0 8px 24px -10px rgba(241,42,66,.7),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .15s,box-shadow .2s,filter .2s}
.button:hover,.single_add_to_cart_button:hover,.checkout-button:hover,.ct-button:hover,input[type=submit]:hover{
  transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 30px -10px rgba(241,42,66,.9)}
.button.alt.ghost,.zex-btn-ghost{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:none}

/* inputs */
input,select,textarea,.select2-selection{background:var(--zex-surface)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:12px!important}
input:focus,select:focus,textarea:focus{border-color:var(--zex-red)!important;box-shadow:0 0 0 3px rgba(213,31,54,.25)!important;outline:0}
::placeholder{color:var(--zex-muted)}

/* product cards */
ul.products li.product,.ct-woo-card,.wc-block-grid__product{
  background:linear-gradient(180deg,#14151a,#0e0f12);border:1px solid var(--zex-line);border-radius:18px;padding:14px;
  transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}
ul.products li.product:hover{transform:translateY(-4px);border-color:rgba(241,42,66,.55);box-shadow:0 18px 40px -18px rgba(241,42,66,.55)}
ul.products li.product::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--zex-grad);opacity:.8}
.woocommerce-loop-product__title{color:#fff;font-weight:700}
.price,.amount{color:#fff;font-weight:800}
.price del,.price del .amount{color:var(--zex-muted);font-weight:500}
.price ins{text-decoration:none}.price ins .amount{color:var(--zex-red-hot)}
.onsale,.ct-woo-badge{background:var(--zex-grad)!important;color:#fff!important;border-radius:999px!important;font-weight:700;padding:3px 12px;min-height:0;line-height:1.6}
.star-rating span::before,.star-rating::before{color:#F5B83D}

/* footer */
#footer,.ct-footer{background:#050607!important;border-top:1px solid var(--zex-line);color:var(--zex-muted)}
#footer a{color:var(--zex-text)}#footer a:hover{color:var(--zex-red-hot)}
#footer h2,#footer h3,.ct-footer .widget-title{color:#fff}

/* utility classes for sections */
.zex-hero{position:relative;overflow:hidden;background:
  radial-gradient(900px 420px at 80% -10%,rgba(213,31,54,.45),transparent 60%),
  radial-gradient(600px 400px at 0% 100%,rgba(112,21,34,.55),transparent 60%),
  var(--zex-bg)}

.zex-badge{display:inline-block;background:rgba(213,31,54,.15);color:var(--zex-red-hot);border:1px solid rgba(241,42,66,.4);border-radius:999px;padding:4px 14px;font-weight:600;font-size:.85em}
.zex-grad-text{background:var(--zex-grad);-webkit-background-clip:text;background-clip:text;color:transparent}


/* header layout fixes */
.site-title-container .site-title,.site-title-container .site-description{display:none!important}
.site-branding{display:flex;align-items:center}
.ct-header .site-logo-container img{max-height:42px}
.ct-header .ct-menu-link{font-size:15px}


/* header: sticky + cart/account */
#header{position:sticky;top:0;z-index:50}
.admin-bar #header{top:32px}
.ct-header-cart .ct-icon,.ct-header-account .ct-icon,.ct-header-search .ct-icon{color:var(--zex-text)}
.ct-header-cart:hover .ct-icon,.ct-header-account:hover .ct-icon,.ct-header-search:hover .ct-icon{color:var(--zex-red-hot)}
.ct-header-cart .ct-dynamic-count-cart{background:var(--zex-grad)!important;color:#fff!important}
.ct-menu-link{position:relative}
.ct-menu-link::after{content:"";position:absolute;inset:auto 0 -6px 0;height:2px;background:var(--zex-grad);transform:scaleX(0);transition:transform .2s;border-radius:2px}
.ct-menu-link:hover::after,.current-menu-item>.ct-menu-link::after{transform:scaleX(1)}

/* footer */
#footer{background:linear-gradient(180deg,#07080a,#050607)!important;position:relative}
#footer::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--zex-grad);opacity:.9}
#footer [data-row*="middle"]{padding:56px 0 24px}
#footer [data-row*="bottom"]{border-top:1px solid var(--zex-line)}
.zex-fcol{color:var(--zex-muted);line-height:1.9}
.zex-ftitle{color:#fff!important;font-size:1.05rem;font-weight:700;margin:0 0 14px;position:relative;padding-bottom:10px}
.zex-ftitle::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:34px;height:3px;border-radius:3px;background:var(--zex-grad)}
.zex-flinks{list-style:none;margin:0;padding:0}
.zex-flinks li{margin:0 0 8px}
.zex-flinks a,.zex-fcol a{color:var(--zex-muted)!important;transition:color .2s,padding .2s}
.zex-flinks a:hover{color:var(--zex-red-hot)!important;padding-inline-start:6px}
a.zex-fcta{display:inline-block;background:var(--zex-grad);color:#fff!important;border-radius:12px;padding:10px 22px;font-weight:700;box-shadow:0 8px 24px -10px rgba(241,42,66,.7)}
.zex-fbrand p{margin:0 0 14px}
.ct-footer-copyright,.ct-footer-copyright a{color:var(--zex-muted)!important;font-size:.9rem}
/* ===== zex header/footer v2 ===== */
/* top ticker */
.zex-topbar{position:sticky;top:0;z-index:60;height:39px;display:flex;align-items:center;background:#050608;border-bottom:1px solid var(--zex-line);overflow:hidden;font-size:13px}
.admin-bar .zex-topbar{top:32px}
.zex-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.zex-marq{display:inline-flex;white-space:nowrap;animation:zexm 38s linear infinite;will-change:transform}
.zex-topbar:hover .zex-marq{animation-play-state:paused}
@keyframes zexm{from{transform:translateX(0)}to{transform:translateX(25%)}}
[dir=ltr] .zex-marq{animation-name:zexml}@keyframes zexml{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.zex-tick{display:inline-flex;align-items:center;gap:10px;padding:0 26px;color:var(--zex-text);font-weight:500}
.zex-tick i{font-style:normal;font-size:9px;color:var(--zex-red-hot);text-shadow:0 0 8px rgba(241,42,66,.9)}
.zex-tick:nth-child(5n+1){font-weight:700;color:#fff}
.zex-topbar-x{position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);z-index:3;width:26px;height:26px;border-radius:8px;border:1px solid var(--zex-line);background:#0b0c10;color:#fff;font-size:16px;line-height:1;cursor:pointer;padding:0}
.zex-topbar-x:hover{background:var(--zex-red);border-color:var(--zex-red)}

/* header bar */
#header{top:39px!important;background:transparent!important;border:0!important;backdrop-filter:none!important}
.admin-bar #header{top:71px!important}
html.zex-nobar #header{top:0!important}html.zex-nobar.admin-bar #header,.admin-bar html.zex-nobar #header{top:32px!important}
#header [data-row*="middle"]{min-height:80px;background:linear-gradient(180deg,rgba(11,12,16,.97),rgba(8,9,11,.93))!important;backdrop-filter:blur(14px)}
#header::after{content:"";display:block;height:7px;margin-top:-4px;pointer-events:none;background:
  radial-gradient(circle at 50% 50%,#F12A42 0 2.5px,transparent 3.5px),
  linear-gradient(90deg,transparent,rgba(241,42,66,.85) 50%,transparent) center 3px/100% 1px no-repeat;filter:drop-shadow(0 0 6px rgba(241,42,66,.8))}
#header .site-logo-container img,#header .custom-logo{max-height:50px;width:auto}
/* square icon buttons */
#header .ct-header-search,#header .ct-header-trigger,#header .ct-header-cart>a,#header .ct-account-item{
  width:42px;height:42px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:12px;
  background:linear-gradient(180deg,#1b1c22,#101116)!important;border:1px solid #262830;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);color:var(--zex-text);padding:0!important;transition:border-color .2s,box-shadow .2s,transform .15s}
#header .ct-header-search:hover,#header .ct-header-trigger:hover,#header .ct-header-cart>a:hover,#header .ct-account-item:hover{border-color:rgba(241,42,66,.7);box-shadow:0 0 18px -4px rgba(241,42,66,.6),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}
#header .ct-account-item .ct-label{display:none!important}
#header [data-id=cart] .ct-dynamic-count-cart{position:absolute;top:-8px;inset-inline-start:-6px;background:var(--zex-grad)!important;color:#fff!important;min-width:20px;height:20px;border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}
#header [data-id=cart]{position:relative}
#header [data-id=menu-secondary] .ct-menu-link{color:var(--zex-muted)!important;font-size:14px;font-weight:500;pointer-events:none}
#header [data-id=menu-secondary] .ct-menu-link::after{display:none}
#header [data-column=end]{gap:12px}

/* drawer menu */
#offcanvas .ct-panel-inner{background:linear-gradient(180deg,#0e0f13,#08090B)!important;border-inline-end:1px solid var(--zex-line)}
#offcanvas .ct-panel-heading{color:#fff;font-weight:700}
#offcanvas .ct-menu-link{font-size:16px;font-weight:600;padding:14px 6px!important;border-bottom:1px solid var(--zex-line)}

/* footer v2 (centered, like the store reference layout) */
#footer [data-row=middle]{display:none!important}
#footer [data-row=top]{padding:34px 0 8px}
#footer [data-row=top] .ct-container{display:block!important;text-align:center}
#footer [data-row=top] .ct-widget{margin:0 0 26px}
.zex-fbrand{display:flex;justify-content:center;margin:0 0 20px}
.zex-totop{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border-radius:999px;background:linear-gradient(180deg,#1b1c22,#101116);border:1px solid #262830;color:var(--zex-text)!important;font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:border-color .2s,box-shadow .2s}
.zex-totop:hover{border-color:rgba(241,42,66,.7);box-shadow:0 0 18px -4px rgba(241,42,66,.6)}
.zex-totop svg{width:16px;height:16px;color:var(--zex-red-hot)}
.zex-flogo{display:flex;justify-content:center;margin:0 0 14px}.zex-flogo img{width:170px;height:auto;filter:drop-shadow(0 0 16px rgba(241,42,66,.35))}
.zex-fdesc p{max-width:560px;margin:0 auto;color:var(--zex-muted);line-height:2;font-size:.95rem}
.zex-ftitle{color:#fff!important;font-size:1.05rem;font-weight:700;margin:6px 0 16px;padding:0 0 12px;position:relative}
.zex-ftitle::after{content:"";position:absolute;bottom:0;left:50%;inset-inline-start:auto;transform:translateX(-50%);width:72px;height:2px;background:linear-gradient(90deg,transparent,var(--zex-red-hot),transparent);box-shadow:0 0 10px rgba(241,42,66,.7);border-radius:2px}
.zex-flinks{list-style:none;margin:0;padding:0}.zex-flinks li{margin:0 0 10px}
.zex-flinks a{color:var(--zex-muted)!important;font-size:.95rem;transition:color .2s}.zex-flinks a:hover{color:var(--zex-red-hot)!important;padding:0}
.zex-contact{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:14px}
.zex-contact a{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(180deg,#1b1c22,#101116);border:1px solid #262830;color:var(--zex-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px -14px #000;transition:all .2s}
.zex-contact a:hover{border-color:rgba(241,42,66,.7);color:var(--zex-red-hot)!important;box-shadow:0 0 22px -4px rgba(241,42,66,.55);transform:translateY(-2px)}
#footer [data-row=bottom]{padding:22px 0;border-top:1px solid var(--zex-line)}
#footer [data-row=bottom] .ct-container{display:flex!important;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.zex-pay{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.zex-chip{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:36px;padding:0 12px;border-radius:9px;background:#fff;color:#14151a;font-size:12px;font-weight:700;letter-spacing:.2px;direction:ltr}
@media(max-width:689px){#header [data-row*="middle"]{min-height:68px}.zex-contact a{width:48px;height:48px}#footer [data-row=bottom] .ct-container{justify-content:center;text-align:center;flex-direction:column}}
/* ===== zex header icons v3 ===== */
/* bare icons: no frame, no background */
#header .ct-header-search,#header .ct-header-trigger,#header .ct-header-cart>a,#header .ct-account-item{
  width:auto!important;height:auto!important;min-width:44px;min-height:44px;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  color:#fff!important;padding:0 6px!important;transform:none!important;transition:color .2s,filter .2s}
#header .ct-header-search:hover,#header .ct-header-trigger:hover,#header .ct-header-cart>a:hover,#header .ct-account-item:hover{
  background:none!important;border:0!important;box-shadow:none!important;transform:none!important;color:var(--zex-red-hot)!important;filter:drop-shadow(0 0 8px rgba(241,42,66,.75))}
#header .ct-header-trigger svg,#header .ct-header-cart svg,#header .ct-account-item svg,#header .ct-header-search svg{width:26px;height:26px;fill:currentColor}
#header .ct-header-cart .ct-icon,#header .ct-account-item .ct-icon{width:26px;height:26px}
#header [data-column=start]{justify-content:flex-start}
#header [data-column=end]{display:flex;align-items:center;gap:6px}
#header [data-id=cart]{position:relative}
#header [data-id=cart] .ct-dynamic-count-cart{top:-2px;inset-inline-start:-4px}
/* ===== zex header icons v4 ===== */
#header .ct-cart-item{width:auto!important;height:auto!important;min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#fff!important;padding:0 6px!important;transition:color .2s,filter .2s}
#header .ct-cart-item:hover{color:var(--zex-red-hot)!important;filter:drop-shadow(0 0 8px rgba(241,42,66,.75))}
#header .ct-cart-item .ct-icon-container{position:relative;display:inline-flex}
#header .ct-cart-item svg{width:26px;height:26px;fill:currentColor}
#header .ct-cart-item .ct-dynamic-count-cart{position:absolute!important;top:-9px!important;inset-inline-end:-9px!important;inset-inline-start:auto!important;z-index:2}

#header .ct-account-item{position:relative;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
#header .ct-account-item .ct-media-container,#header .ct-account-item .ct-label{display:none!important}
.logged-in #header .ct-account-item::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/%3E%3C/svg%3E") center/contain no-repeat}
#header .ct-account-item:hover{color:var(--zex-red-hot)!important;filter:drop-shadow(0 0 8px rgba(241,42,66,.75))}
/* ===== zex cart amount + SAR symbol v5 ===== */
/* official Saudi Riyal symbol (SAMA) replaces the "ر.س" text everywhere prices appear */
.woocommerce-Price-currencySymbol{display:inline-block!important;width:.78em;height:.88em;overflow:hidden;white-space:nowrap;text-indent:-999px;font-size:inherit;vertical-align:-.1em;margin-inline-start:.28em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201124.14%201256.39%22%3E%3Cpath%20d%3D%22M699.62%2C1113.02h0c-20.06%2C44.48-33.32%2C92.75-38.4%2C143.37l424.51-90.24c20.06-44.47%2C33.31-92.75%2C38.4-143.37l-424.51%2C90.24Z%22%2F%3E%3Cpath%20d%3D%22M1085.73%2C895.8c20.06-44.47%2C33.32-92.75%2C38.4-143.37l-330.68%2C70.33v-135.2l292.27-62.11c20.06-44.47%2C33.32-92.75%2C38.4-143.37l-330.68%2C70.27V66.13c-50.67%2C28.45-95.67%2C66.32-132.25%2C110.99v403.35l-132.25%2C28.11V0c-50.67%2C28.44-95.67%2C66.32-132.25%2C110.99v525.69l-295.91%2C62.88c-20.06%2C44.47-33.33%2C92.75-38.42%2C143.37l334.33-71.05v170.26l-358.3%2C76.14c-20.06%2C44.47-33.32%2C92.75-38.4%2C143.37l375.04-79.7c30.53-6.35%2C56.77-24.4%2C73.83-49.24l68.78-101.97v-.02c7.14-10.55%2C11.3-23.27%2C11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201124.14%201256.39%22%3E%3Cpath%20d%3D%22M699.62%2C1113.02h0c-20.06%2C44.48-33.32%2C92.75-38.4%2C143.37l424.51-90.24c20.06-44.47%2C33.31-92.75%2C38.4-143.37l-424.51%2C90.24Z%22%2F%3E%3Cpath%20d%3D%22M1085.73%2C895.8c20.06-44.47%2C33.32-92.75%2C38.4-143.37l-330.68%2C70.33v-135.2l292.27-62.11c20.06-44.47%2C33.32-92.75%2C38.4-143.37l-330.68%2C70.27V66.13c-50.67%2C28.45-95.67%2C66.32-132.25%2C110.99v403.35l-132.25%2C28.11V0c-50.67%2C28.44-95.67%2C66.32-132.25%2C110.99v525.69l-295.91%2C62.88c-20.06%2C44.47-33.33%2C92.75-38.42%2C143.37l334.33-71.05v170.26l-358.3%2C76.14c-20.06%2C44.47-33.32%2C92.75-38.4%2C143.37l375.04-79.7c30.53-6.35%2C56.77-24.4%2C73.83-49.24l68.78-101.97v-.02c7.14-10.55%2C11.3-23.27%2C11.3-36.97v-149.98l132.25-28.11v270.4l424.53-90.28Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
/* cart: icon + amount side by side */
#header .ct-cart-item{gap:8px}
#header .ct-cart-item .ct-label{display:inline-flex!important;align-items:center;order:-1;color:#fff;font-weight:700;font-size:15px;letter-spacing:.2px;white-space:nowrap}
#header .ct-cart-item .ct-label .ct-amount,#header .ct-cart-item .ct-label .woocommerce-Price-amount{display:inline-flex!important;align-items:center;color:inherit}
#header .ct-cart-item:hover .ct-label{color:var(--zex-red-hot)}
@media(max-width:689px){#header .ct-cart-item .ct-label{font-size:13px}}
/* ===== zex header sizing v6 ===== */
#header [data-row*="middle"]{min-height:64px!important}
#header [data-row*="middle"] .ct-container{max-width:none!important;width:100%!important;padding-inline:14px!important}
/* logo */
#header .site-logo-container img,#header .custom-logo,#header .default-logo{max-height:34px!important;height:34px!important;width:auto!important}
/* hamburger flush to the far right edge */
#header .ct-header-trigger{min-width:0!important;min-height:0!important;padding:0!important;margin-inline-start:0!important}
#header .ct-header-trigger svg{width:22px!important;height:22px!important}
#header [data-column=start]{padding:0;margin:0}
/* smaller cart + account */
#header .ct-cart-item{min-width:0!important;min-height:0!important;padding:0 4px!important;gap:6px!important}
#header .ct-account-item{min-width:0!important;min-height:0!important;padding:0 4px!important}
#header .ct-cart-item svg{width:20px!important;height:20px!important}
.logged-in #header .ct-account-item::before{width:20px;height:20px}
#header .ct-account-item svg{width:20px!important;height:20px!important}
#header .ct-cart-item .ct-label{font-size:13px!important}
#header .ct-cart-item .ct-dynamic-count-cart{top:-7px!important;inset-inline-end:-7px!important;min-width:16px!important;height:16px!important;font-size:10px!important}
#header [data-column=end]{gap:4px!important}
@media(max-width:689px){#header [data-row*="middle"]{min-height:56px!important}#header .site-logo-container img,#header .custom-logo,#header .default-logo{max-height:30px!important;height:30px!important}}
/* ===== zex header layout v7 ===== */
/* symmetric 3-column grid so the logo is always dead-centre (desktop + mobile) */
#header [data-row*="middle"] .ct-container{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center}
#header [data-row*="middle"] [data-column=start]{justify-self:start;display:flex;align-items:center}
#header [data-row*="middle"] [data-column=middle]{justify-self:center;display:flex;justify-content:center}
#header [data-row*="middle"] [data-column=end]{justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:10px!important}
/* cart amount only once the cart has something in it */
#header .ct-cart-item:has(.ct-dynamic-count-cart[data-count="0"]) .ct-label{display:none!important}
#header .ct-cart-item:has(.ct-dynamic-count-cart[data-count="0"]){gap:0!important}
#header .ct-cart-item .ct-label{margin-inline-end:2px}
/* ===== zex header centering v8 ===== */
/* Blocksy forces a 120px row via --height; pin the bar to 64px so the logo sits in the true middle */
#header [data-row*="middle"]{--height:64px!important;min-height:64px!important;height:64px!important}
#header [data-row*="middle"] .ct-container{min-height:64px!important;height:64px!important}
#header [data-row*="middle"] [data-column]{height:100%;align-items:center!important}
#header [data-row*="middle"] .site-branding,#header [data-row*="middle"] .site-logo-container{display:flex;align-items:center;margin:0!important;padding:0!important;line-height:0}
#header .site-logo-container img,#header .custom-logo,#header .default-logo{display:block;margin:0!important}
@media(max-width:689px){#header [data-row*="middle"],#header [data-row*="middle"] .ct-container{--height:56px!important;min-height:56px!important;height:56px!important}}
/* drawer opens from the right edge */
#offcanvas{inset-inline:auto!important}
/* ===== zex footer bottom v9 ===== */
#footer [data-row=bottom] .ct-container{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
#footer [data-row=bottom] [data-column=widget-area-4]{justify-self:start}
#footer [data-row=bottom] [data-column=copyright]{justify-self:center;text-align:center}
#footer [data-row=bottom] [data-column=widget-area-5]{justify-self:end}
#footer [data-row=bottom] .ct-widget{margin:0}
.zex-verified img{display:block;width:150px;height:auto}
.zex-payimg img{display:block;width:100%;max-width:300px;height:auto}
@media(max-width:999px){#footer [data-row=bottom] .ct-container{grid-template-columns:1fr;justify-items:center;text-align:center}
 #footer [data-row=bottom] [data-column]{justify-self:center!important}.zex-payimg img{max-width:280px}.zex-verified img{width:140px}}
/* ===== zex verified badge v10 ===== */
/* same box as the reference store: 216x50 frame, image overflows a bit top/bottom */
.zex-verified{width:216px!important;height:50px;display:block}
.zex-verified img,#footer .zex-verified img{width:216px!important;max-width:none!important;height:auto!important;margin:-14px 0 -8px!important;display:block}
.zex-payimg img{max-width:380px!important;width:380px;height:auto}
@media(max-width:999px){.zex-verified{width:216px!important}.zex-verified img,#footer .zex-verified img{width:216px!important}.zex-payimg img{width:100%;max-width:340px!important}}
/* ===== zex home v1 ===== */
/* hero banner: portrait art centred, blurred copy of itself fills the sides */
.zex-hero-banner{position:relative;overflow:hidden;padding:0!important;isolation:isolate}
.zex-hero-banner::before{content:"";position:absolute;inset:-60px;z-index:-2;background:url("https://zex-plus.com/wp-content/uploads/2026/10/%D8%A8%D8%A7%D9%86%D8%B1-%D8%B2%D9%83%D8%B3.png") center/cover no-repeat;filter:blur(46px) brightness(.32) saturate(1.4);transform:scale(1.12)}
.zex-hero-banner::after{content:"";position:absolute;inset:auto 0 0 0;height:140px;z-index:-1;background:linear-gradient(180deg,transparent,var(--zex-bg))}
.zex-hero-banner .elementor-widget-image{width:100%}
.zex-banner-img img{display:block;width:100%!important;max-width:560px!important;height:auto!important;margin:0 auto;box-shadow:0 30px 80px -30px rgba(241,42,66,.55)}
@media(max-width:767px){.zex-banner-img img{max-width:100%!important;box-shadow:none}}

/* section shell */
.zex-sec{padding:72px 16px!important;--gap:0px}
.zex-sec>.e-con-inner{max-width:1200px!important}
.zex-h2 .elementor-heading-title{color:#fff!important;font-family:var(--zex-font)!important;font-size:clamp(24px,3vw,34px)!important;font-weight:700!important;position:relative;padding-bottom:16px;margin:0}
.zex-h2 .elementor-heading-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--zex-red-hot),transparent);box-shadow:0 0 12px rgba(241,42,66,.75)}
.zex-sub,.zex-sub p{color:var(--zex-muted)!important;font-family:var(--zex-font)!important;font-size:16px;margin:14px 0 34px!important;text-align:center}

/* grids */
.zex-grid{display:grid!important;gap:18px!important;width:100%!important;max-width:1200px;margin:0 auto;padding:0!important}
.zex-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.zex-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1024px){.zex-grid-3,.zex-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.zex-grid-3{grid-template-columns:1fr}.zex-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}}
.zex-grid>.elementor-element{width:auto!important;max-width:none!important;margin:0!important}

/* cards (icon-box) */
.zex-card{height:100%}
.zex-card>.elementor-widget-container,.zex-card .elementor-icon-box-wrapper{height:100%}
.zex-card .elementor-icon-box-wrapper{background:linear-gradient(180deg,#15161b,#0e0f13);border:1px solid var(--zex-line);border-radius:18px;padding:28px 22px;text-align:center;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.zex-card .elementor-icon-box-wrapper::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--zex-red-hot),transparent);opacity:.7}
.zex-card:hover .elementor-icon-box-wrapper{transform:translateY(-4px);border-color:rgba(241,42,66,.55);box-shadow:0 20px 44px -22px rgba(241,42,66,.6)}
.zex-card .elementor-icon-box-icon{margin-bottom:16px!important}
.zex-card .elementor-icon{width:60px;height:60px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:16px;background:var(--zex-grad)!important;color:#fff!important;fill:#fff!important;font-size:26px!important;box-shadow:0 10px 26px -10px rgba(241,42,66,.8)}
.zex-card .elementor-icon svg{width:26px;height:26px;fill:#fff}
.zex-card .elementor-icon-box-title,.zex-card .elementor-icon-box-title a{color:#fff!important;font-family:var(--zex-font)!important;font-size:18px!important;font-weight:700!important;margin:0 0 8px!important}
.zex-card .elementor-icon-box-description{color:var(--zex-muted)!important;font-family:var(--zex-font)!important;font-size:14.5px!important;line-height:1.9!important;margin:0}
.zex-cats .elementor-icon-box-wrapper{padding:34px 22px}
.zex-cats .elementor-icon-box-title a::after{content:" ←";color:var(--zex-red-hot)}
.zex-feats .elementor-icon-box-wrapper{padding:24px 16px}
@media(max-width:600px){.zex-feats .elementor-icon-box-wrapper{padding:20px 12px}.zex-feats .elementor-icon-box-title{font-size:15px!important}.zex-feats .elementor-icon-box-description{font-size:13px!important}}

/* products */
.zex-products .woocommerce{width:100%}
.zex-products ul.products{margin:0!important}

/* FAQ accordion */
.zex-acc{max-width:860px;width:100%;margin:0 auto}
.zex-acc .elementor-accordion{border:0}
.zex-acc .elementor-accordion-item{background:linear-gradient(180deg,#15161b,#0e0f13);border:1px solid var(--zex-line)!important;border-radius:14px;margin-bottom:12px;overflow:hidden}
.zex-acc .elementor-tab-title{padding:18px 22px!important;border:0!important}
.zex-acc .elementor-tab-title a,.zex-acc .elementor-accordion-title{color:#fff!important;font-family:var(--zex-font)!important;font-weight:700;font-size:16px}
.zex-acc .elementor-tab-title.elementor-active a,.zex-acc .elementor-tab-title.elementor-active .elementor-accordion-title{color:var(--zex-red-hot)!important}
.zex-acc .elementor-accordion-icon{color:var(--zex-red-hot)!important}
.zex-acc .elementor-accordion-icon svg{fill:var(--zex-red-hot)}
.zex-acc .elementor-tab-content{color:var(--zex-muted)!important;font-family:var(--zex-font)!important;border-top:1px solid var(--zex-line)!important;padding:16px 22px 20px!important;line-height:1.9}
/* ===== zex home fixes v2 ===== */
.e-con>.elementor-widget.zex-acc,.zex-acc{max-width:860px!important;width:100%!important;margin-inline:auto!important}
.zex-acc .elementor-tab-title{text-align:start!important;display:flex;align-items:center;gap:10px}
.zex-acc .elementor-tab-content{text-align:start}
/* hide the products block until the store has products */
.zex-products:not(:has(li.product)){display:none!important}
.zex-sub,.zex-sub p{margin-bottom:22px!important}
/* ===== zex hero full width v3 ===== */
/* banner spans the full screen width and shows the whole image (no crop), even if taller than the viewport */
.zex-hero-banner::before,.zex-hero-banner::after{display:none!important}
.zex-hero-banner .elementor-widget-image,.zex-hero-banner .elementor-widget-container{width:100%!important;max-width:none!important}
.zex-banner-img img{width:100%!important;max-width:100%!important;height:auto!important;box-shadow:none!important;border-radius:0!important}
/* ===== zex hero full width v4 ===== */
.zex-hero-banner{align-items:stretch!important;padding:0!important;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px}
.zex-hero-banner>.elementor-widget,.zex-banner-img,.zex-banner-img .elementor-widget-container,.zex-banner-img a{display:block!important;width:100%!important;max-width:none!important}
.zex-banner-img img{width:100%!important}
/* ===== zex drawer v2 ===== */
#offcanvas .ct-panel-inner{background:linear-gradient(180deg,rgba(22,23,28,.97),rgba(8,9,11,.98) 45%),var(--zex-pattern),#08090B!important;border:0!important;box-shadow:-20px 0 60px -20px rgba(0,0,0,.8)}
#offcanvas .ct-panel-actions{padding:18px 18px 10px!important;align-items:center}
#offcanvas .ct-panel-heading{color:var(--zex-muted)!important;font-size:14px!important;font-weight:600!important}
#offcanvas .ct-toggle-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#15161b;border:1px solid #262830;color:#fff}
#offcanvas .ct-toggle-close:hover{border-color:rgba(241,42,66,.7);color:var(--zex-red-hot)}
#offcanvas .ct-panel-content{padding-inline:14px!important}
#offcanvas .mobile-menu ul{margin:0;padding:0}
#offcanvas .zex-mi{position:relative;list-style:none;border-bottom:1px solid var(--zex-line)}
#offcanvas .zex-mi>.ct-menu-link{position:relative;display:flex!important;align-items:center;min-height:60px;padding:10px 0!important;padding-inline-start:54px!important;padding-inline-end:30px!important;font-size:16px!important;font-weight:600!important;color:var(--zex-text)!important;border:0!important;transition:color .2s}
#offcanvas .zex-mi>.ct-menu-link::before{content:"";position:absolute;inset-inline-start:2px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;background:linear-gradient(180deg,#1b1c22,#111217);border:1px solid #262830;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .2s,box-shadow .2s}
#offcanvas .zex-mi>.ct-menu-link::after{content:"";position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:var(--zex-red-hot);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
#offcanvas .zex-mi::after{content:"";position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:var(--zex-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M15%206l-6%206%206%206'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M15%206l-6%206%206%206'%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;pointer-events:none;transition:background .2s,transform .2s}
#offcanvas .zex-mi:hover>.ct-menu-link{color:var(--zex-red-hot)!important}
#offcanvas .zex-mi:hover>.ct-menu-link::before{border-color:rgba(241,42,66,.65);box-shadow:0 0 16px -4px rgba(241,42,66,.6)}
#offcanvas .zex-mi:hover::after{background:var(--zex-red-hot);transform:translate(-3px,-50%)}
#offcanvas .zex-mi--apps{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'4'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'4'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3Crect%20x%3D'13.5'%20y%3D'13.5'%20width%3D'6.5'%20height%3D'6.5'%20rx%3D'1.6'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--tv{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'12'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%2021h8M12%2017v4'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--games{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%209h12a4%204%200%200%201%204%204v1a3%203%200%200%201-5.2%202L15%2014H9l-1.8%202A3%203%200%200%201%202%2014v-1a4%204%200%200%201%204-4z'%2F%3E%3Cpath%20d%3D'M7%2011.5v3M5.5%2013h3M16%2012h.01M18%2014h.01'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--play{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'3.5'%2F%3E%3Cpath%20d%3D'M10%209.5l5%202.5-5%202.5z'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--snap{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203.5c2.9%200%204.8%202.1%204.8%205v2.2l1.9.6-1%201.5%202.1%201.6c-1%20.6-2.1.8-3.1.9-.4%201.2-1.4%201.7-2.9%201.7-.6.7-1.1%201-1.8%201s-1.2-.3-1.8-1c-1.5%200-2.5-.5-2.9-1.7-1-.1-2.1-.3-3.1-.9l2.1-1.6-1-1.5%201.9-.6V8.5c0-2.9%201.9-5%204.8-5z'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--gift{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'8'%20width%3D'18'%20height%3D'4'%20rx%3D'1'%2F%3E%3Cpath%20d%3D'M5%2012v8h14v-8M12%208v12'%2F%3E%3Cpath%20d%3D'M12%208C10%205%207%205%207%206.8S10%208%2012%208zm0%200c2-3%205-3%205-1.2S14%208%2012%208z'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--bag{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%208h14l-1.2%2012H6.2z'%2F%3E%3Cpath%20d%3D'M9%208V6.5a3%203%200%200%201%206%200V8'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--faq{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M9.6%209.4a2.5%202.5%200%201%201%203.4%202.4c-.6.3-1%20.8-1%201.4v.6M12%2017h.01'%2F%3E%3C%2Fsvg%3E")}
#offcanvas .zex-mi--support{--ic:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2014v-2a8%208%200%200%201%2016%200v2'%2F%3E%3Crect%20x%3D'3'%20y%3D'13'%20width%3D'4'%20height%3D'6'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'17'%20y%3D'13'%20width%3D'4'%20height%3D'6'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M19%2019c0%201.3-1.8%202-4.5%202H13'%2F%3E%3C%2Fsvg%3E")}
/* promo card at the bottom of the drawer */
#offcanvas .ct-panel-content-inner::after{content:"APPS · GAMES · DIGITAL SERVICES";display:block;margin:26px 2px 20px;padding:118px 12px 18px;border-radius:18px;border:1px solid #262830;text-align:center;direction:ltr;font-size:10.5px;letter-spacing:3px;font-weight:600;color:var(--zex-muted);
  background:url("https://zex-plus.com/wp-content/uploads/2026/10/%D9%84%D9%88%D8%AC%D9%88-%D8%B2%D9%8A%D9%83%D8%B3.png") center 38px/58% auto no-repeat,radial-gradient(260px 140px at 50% 30%,rgba(241,42,66,.28),transparent 70%),linear-gradient(180deg,#16171c,#0d0e12)}
/* ===== zex product cards v2 ===== */
ul.products{gap:18px!important}
ul.products li.product{padding:12px!important;display:flex!important;flex-direction:column;text-align:center}
ul.products li.product figure{margin:0 0 12px!important;border-radius:14px;overflow:hidden;background:#0b0c10;position:relative}
ul.products li.product figure img{border-radius:14px;aspect-ratio:1/1;object-fit:cover;width:100%;transition:transform .35s}
ul.products li.product:hover figure img{transform:scale(1.04)}
ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:1.6;margin:0 0 6px!important;min-height:3.2em;display:flex;align-items:center;justify-content:center}
ul.products li.product .woocommerce-loop-product__title a{color:#fff!important}
ul.products li.product .price{justify-content:center;font-size:17px!important;margin:0 0 12px!important;color:var(--zex-red-hot)!important}
ul.products li.product .price .amount{color:var(--zex-red-hot)!important}
ul.products li.product .entry-meta{display:none!important}
ul.products li.product .ct-woo-card-actions{margin-top:auto;width:100%}
ul.products li.product .ct-woo-card-actions .button{width:100%;justify-content:center;min-height:42px;font-size:14px!important}
.zex-pbadge{position:absolute;top:22px;inset-inline-start:22px;z-index:3;background:var(--zex-grad);color:#fff;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(241,42,66,.8)}
ul.products li.product{position:relative}
@media(max-width:689px){ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 ul.products li.product{padding:8px!important}ul.products li.product .woocommerce-loop-product__title{font-size:13px!important}
 ul.products li.product .price{font-size:15px!important}.zex-pbadge{top:14px;inset-inline-start:14px;font-size:10px;padding:3px 9px}}
/* shop page header */
.hero-section[data-type]{background:radial-gradient(700px 260px at 50% 0%,rgba(213,31,54,.25),transparent 70%),#0b0c10!important;border-bottom:1px solid var(--zex-line)}
.woocommerce-ordering select{background:#121317!important}
/* ===== zex add-to-cart toast ===== */
.added_to_cart.wc-forward{display:none!important}
.zex-toast{position:fixed;top:12px;left:50%;z-index:100000;width:min(430px,calc(100vw - 24px));transform:translate(-50%,-130%);opacity:0;
  background:linear-gradient(180deg,#17181d,#0c0d10);border:1px solid rgba(241,42,66,.38);border-radius:20px;overflow:hidden;
  box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 40px -18px rgba(241,42,66,.6);font-family:var(--zex-font);color:#fff;
  transition:transform .4s cubic-bezier(.2,.9,.3,1.15),opacity .3s}
.zex-toast.is-in{transform:translate(-50%,0);opacity:1}
.admin-bar .zex-toast{top:44px}
.zex-toast__bar{position:absolute;inset:0 0 auto 0;height:3px;background:var(--zex-grad);transform-origin:right;animation:zexbar 6s linear forwards}
.zex-toast.is-hold .zex-toast__bar{animation-play-state:paused}
@keyframes zexbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.zex-toast__head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--zex-line)}
.zex-toast__check{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:rgba(241,42,66,.14);border:1px solid rgba(241,42,66,.35);color:var(--zex-red-hot)}
.zex-toast__title{flex:1;margin:0!important;font-size:15.5px;font-weight:700;color:#fff}
.zex-toast__close{flex:none;width:32px;height:32px;border:0!important;background:none!important;color:#fff!important;font-size:18px;line-height:1;cursor:pointer;box-shadow:none!important;padding:0!important}
.zex-toast__close:hover{color:var(--zex-red-hot)!important}
.zex-toast__item{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:14px 16px}
.zex-toast__img img{display:block;width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #262830}
.zex-toast__name{margin:0!important;font-size:14.5px;font-weight:600;line-height:1.6;color:#fff}
.zex-toast__price{font-size:15px;font-weight:800;color:var(--zex-red-hot);white-space:nowrap;text-align:end}
.zex-toast__price .amount{color:var(--zex-red-hot)}
.zex-toast__price del,.zex-toast__price del .amount{color:var(--zex-muted);font-weight:500;font-size:12.5px;display:block}
.zex-toast__price ins{text-decoration:none}
.zex-toast__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px}
.zex-toast__btn{height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none!important;transition:filter .2s,border-color .2s,color .2s}
.zex-toast__btn--go{background:var(--zex-grad);color:#fff!important;border:1px solid rgba(241,42,66,.6);box-shadow:0 10px 24px -10px rgba(241,42,66,.8)}
.zex-toast__btn--go:hover{filter:brightness(1.08)}
.zex-toast__btn--stay{background:transparent!important;color:#fff!important;border:1px solid rgba(241,42,66,.55)!important;box-shadow:none!important}
.zex-toast__btn--stay:hover{border-color:var(--zex-red-hot)!important;color:var(--zex-red-hot)!important}

/* keep the card button after an AJAX add (Blocksy hides it in favour of the "view cart" link we hide) */
ul.products li.product .add_to_cart_button.added{display:inline-flex!important}
/* ===== zex category image grid ===== */
.zex-cats-sec{padding:22px 20px 34px!important;gap:18px!important}
/* pill-style section title (also reusable for other sections) */
.zex-pill-title{width:100%}
.zex-pill-title .elementor-heading-title{display:block;max-width:560px;margin:0 auto!important;padding:9px 18px!important;border-radius:12px;
  background:linear-gradient(180deg,#18191e,#0e0f12);border:1px solid #262830;border-bottom:2px solid var(--zex-red);
  box-shadow:0 10px 24px -14px rgba(241,42,66,.85),inset 0 1px 0 rgba(255,255,255,.05);
  color:#fff!important;font-family:var(--zex-font)!important;font-size:20px!important;font-weight:600!important;text-align:center;line-height:1.5}
.zex-catgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px!important;width:100%!important;max-width:1500px;margin:0 auto;padding:0!important}
.zex-catgrid>.elementor-element{width:auto!important;max-width:none!important;margin:0!important}
.zex-catimg a,.zex-catimg img{display:block;width:100%!important;height:auto!important}
.zex-catimg img{aspect-ratio:1/1;object-fit:cover;border-radius:18px;transition:transform .25s,box-shadow .25s,filter .25s}
.zex-catimg a:hover img{transform:translateY(-4px);filter:brightness(1.08);box-shadow:0 18px 40px -18px rgba(241,42,66,.7)}
@media(max-width:767px){.zex-cats-sec{padding:14px 10px 24px!important;gap:12px!important}
 .zex-pill-title .elementor-heading-title{font-size:17px!important;padding:6px 14px!important;border-radius:10px}
 .zex-catgrid{gap:8px!important}.zex-catimg img{border-radius:12px}}
/* ===== zex stats strip ===== */
.zex-stats-sec{padding:18px 20px 0!important}
.zex-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px;margin:0 auto;padding:14px 8px;border-radius:18px;
  background:linear-gradient(180deg,#141519,#0d0e11);border:1px solid #23252c;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.zex-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;position:relative;padding:4px 6px}
.zex-stat+.zex-stat::before{content:"";position:absolute;inset-inline-start:0;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,rgba(241,42,66,.55),transparent)}
.zex-stat b{display:inline-flex;align-items:center;gap:6px;direction:ltr;color:#fff;font-family:var(--zex-font);font-size:28px;font-weight:700;line-height:1.2;letter-spacing:.5px;font-variant-numeric:tabular-nums}
.zex-stat small{color:var(--zex-muted);font-family:var(--zex-font);font-size:14px;font-weight:500;line-height:1.5}
.zex-star{display:inline-flex;color:var(--zex-red-hot);font-size:.72em;filter:drop-shadow(0 0 6px rgba(241,42,66,.6))}
@media(max-width:767px){.zex-stats-sec{padding:12px 10px 0!important}
 .zex-stats{padding:10px 2px;border-radius:14px}.zex-stat{padding:2px 3px}
 .zex-stat b{font-size:15.5px;gap:3px;letter-spacing:0}.zex-stat small{font-size:10.5px;line-height:1.4}}
/* ===== zex spacing tweaks ===== */
.zex-stat b{gap:0!important}
.zex-star{margin-right:6px}
.zex-plus{margin-right:1px}
/* breathing room between the "تسوق حسب القسم" title and the category images */
.zex-cats-sec .zex-pill-title{margin-bottom:14px!important}
@media(max-width:767px){.zex-cats-sec .zex-pill-title{margin-bottom:10px!important}.zex-star{margin-right:3px}}
/* ===== zex category frames ===== */
/* each category image sits in its own frame so the tiles read as separate cards */
.zex-catimg a{padding:5px;border-radius:20px;background:linear-gradient(180deg,#16171c,#0b0c0f);border:1.5px solid rgba(241,42,66,.42);
  box-shadow:0 10px 26px -16px rgba(241,42,66,.75),inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .25s,box-shadow .25s,transform .25s}
.zex-catimg img{border-radius:15px!important}
.zex-catimg a:hover{border-color:var(--zex-red-hot);box-shadow:0 18px 40px -18px rgba(241,42,66,.9);transform:translateY(-4px)}
.zex-catimg a:hover img{transform:none!important;box-shadow:none!important}
@media(max-width:767px){.zex-catimg a{padding:3px;border-radius:14px;border-width:1px}.zex-catimg img{border-radius:11px!important}}
/* ===== zex pill title v2 (pattern) ===== */
.zex-pill-title .elementor-heading-title{position:relative;overflow:hidden;max-width:640px;padding:14px 64px!important;border-radius:16px!important;
  border:1px solid #2a2c33!important;border-bottom:1px solid #2a2c33!important;font-size:21px!important;font-weight:700!important;letter-spacing:.2px;
  text-shadow:0 2px 14px rgba(0,0,0,.8);
  background:
    linear-gradient(115deg,transparent 42%,var(--zex-red-hot) 42% 58%,transparent 58%) left 22px center/12px 26px no-repeat,
    linear-gradient(115deg,transparent 42%,rgba(241,42,66,.45) 42% 58%,transparent 58%) left 36px center/12px 26px no-repeat,
    linear-gradient(115deg,transparent 42%,var(--zex-red-hot) 42% 58%,transparent 58%) right 22px center/12px 26px no-repeat,
    linear-gradient(115deg,transparent 42%,rgba(241,42,66,.45) 42% 58%,transparent 58%) right 36px center/12px 26px no-repeat,
    radial-gradient(260px 70px at 50% 125%,rgba(241,42,66,.38),transparent 70%),
    var(--zex-pattern) center/130px auto repeat,
    linear-gradient(180deg,#1b1c22,#0c0d10)!important;
  box-shadow:0 14px 30px -18px rgba(241,42,66,.9),inset 0 1px 0 rgba(255,255,255,.06)!important}
/* glowing bottom rule with a centre diamond, same language as the header line */
.zex-pill-title .elementor-heading-title::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:7px;transform:translateY(3px);pointer-events:none;
  background:radial-gradient(circle at 50% 50%,#F12A42 0 2.5px,transparent 3.5px),linear-gradient(90deg,transparent,rgba(241,42,66,.95) 50%,transparent) center 3px/100% 2px no-repeat;
  filter:drop-shadow(0 0 6px rgba(241,42,66,.9))}
@media(max-width:767px){.zex-pill-title .elementor-heading-title{font-size:17px!important;padding:10px 46px!important;border-radius:12px!important;
  background-size:9px 20px,9px 20px,9px 20px,9px 20px,auto,110px auto,auto!important;
  background-position:left 14px center,left 25px center,right 14px center,right 25px center,center,center,center!important}}
/* ===== zex featured cards ===== */
.zex-best-sec{padding:26px 20px 30px!important;gap:16px!important}
.zex-divider{display:flex;align-items:center;width:100%;max-width:1500px;margin:0 auto}
.zex-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22))}
.zex-divider__line:last-child{background:linear-gradient(90deg,rgba(255,255,255,.22),transparent)}
.zex-divider__mid{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 26px}
.zex-divider__fire{font-size:38px;line-height:1;display:inline-block;animation:zexfire 2.4s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(241,42,66,.7))}
@keyframes zexfire{0%,100%{transform:translateY(0) rotate(-6deg) scale(1)}50%{transform:translateY(-6px) rotate(6deg) scale(1.08)}}
.zex-divider h2{margin:0!important;white-space:nowrap;color:#fff!important;font-family:var(--zex-font)!important;font-size:30px!important;font-weight:700!important}
.zex-pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;max-width:1500px;margin:0 auto}
.zex-pc{position:relative;display:flex;flex-direction:column;background:#17181c;border:2px solid var(--zex-red-dark);border-radius:14px;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.zex-pc:hover{border-color:var(--zex-red);box-shadow:0 18px 40px -20px rgba(241,42,66,.8);transform:translateY(-3px)}
.zex-pc__img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#0b0c10}
.zex-pc__img>a:first-child,.zex-pc__img img{display:block;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important;margin:0!important}
.zex-pc__img img{transition:transform .5s}
.zex-pc:hover .zex-pc__img img{transform:scale(1.04)}
.zex-pc__img::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.14) 45%,transparent 60%);transform:translateX(100%);transition:transform .8s;pointer-events:none}
.zex-pc:hover .zex-pc__img::after{transform:translateX(-100%)}
.zex-pc__promo{position:absolute;top:0;inset-inline-start:0;z-index:2;background:var(--zex-red-dark);color:#fff;font-size:15px;line-height:1.3;padding:6px 14px;border-end-end-radius:14px;font-weight:500}
.zex-pc__rating{position:absolute;bottom:10px;inset-inline-end:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;background:#17181c;color:#fff;font-size:17px;line-height:1;padding:7px 11px;border-radius:999px;direction:ltr}
.zex-pc__rating svg{color:#F5B83D}
.zex-pc__eye{position:absolute;bottom:10px;inset-inline-start:10px;z-index:2;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(10,10,12,.55);color:#fff!important;backdrop-filter:blur(4px);transition:background .2s}
.zex-pc__eye:hover{background:var(--zex-red)}
.zex-pc__eye svg{width:24px;height:24px}
.zex-pc__body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 16px;flex:1}
.zex-pc__brand{background:#000;color:#fff;font-size:15px;line-height:1;padding:6px 11px;border-radius:3px}
.zex-pc__title{margin:2px 0 0!important;width:100%;font-size:19px!important;font-weight:500!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--zex-font)!important;min-height:0!important;display:block!important;text-align:start}
.zex-pc__title a{color:#fff!important}
.zex-pc__sub{margin:0!important;color:#d9d9de;font-size:15px;line-height:1.4}
.zex-pc__price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 6px;font-size:19px!important;font-weight:700}
.zex-pc__price,.zex-pc__price .amount,.zex-pc__price ins .amount{color:#f87171!important}
.zex-pc__price del,.zex-pc__price del .amount{color:#fff!important;font-weight:400;opacity:.85}
.zex-pc__add{margin-top:auto;width:100%;height:50px;display:flex!important;align-items:center;justify-content:center;gap:8px;border-radius:999px!important;background:transparent!important;border:1.5px solid #fff!important;color:#fff!important;font-size:18px!important;font-weight:500!important;box-shadow:none!important;text-decoration:none!important;transition:background .2s,border-color .2s,color .2s}
.zex-pc__add span{font-size:1.3em;line-height:1}
.zex-pc__add:hover{background:var(--zex-grad)!important;border-color:var(--zex-red-hot)!important;transform:none!important;filter:none!important}
.zex-pc__add.loading{opacity:.6}
.zex-pc .added_to_cart{display:none!important}
@media(max-width:1024px){.zex-pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .zex-best-sec{padding:20px 10px 24px!important;gap:12px!important}
 .zex-divider__mid{padding:0 14px;gap:4px}.zex-divider__fire{font-size:28px}.zex-divider h2{font-size:21px!important}
 .zex-pcs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .zex-pc{border-radius:12px}
 .zex-pc__promo{font-size:12px;padding:4px 8px;border-end-end-radius:12px}
 .zex-pc__rating{font-size:14px;padding:4px 7px;bottom:6px;inset-inline-end:6px;gap:3px}.zex-pc__rating svg{width:13px;height:13px}
 .zex-pc__eye{width:36px;height:36px;bottom:6px;inset-inline-start:6px}.zex-pc__eye svg{width:19px;height:19px}
 .zex-pc__body{padding:8px 10px 10px;gap:4px}
 .zex-pc__brand{font-size:12px;padding:4px 8px;border-radius:2px}
 .zex-pc__title{font-size:14px!important;line-height:1.45!important}
 .zex-pc__sub{font-size:12px}
 .zex-pc__price{font-size:14px!important;margin:0 0 4px}
 .zex-pc__add{height:32px;font-size:14px!important;border-width:1px!important}}
/* ===== zex featured cards: badge positions ===== */
/* physical sides on purpose: rating bottom-left, quick-view eye bottom-right (same as the reference card) */
.zex-pc__rating{left:10px!important;right:auto!important;inset-inline:auto!important;left:10px!important}
.zex-pc__eye{right:10px!important;left:auto!important;inset-inline:auto!important;right:10px!important}
.zex-pc__rating span{display:inline!important}
@media(max-width:767px){.zex-pc__rating{left:6px!important}.zex-pc__eye{right:6px!important}}

/* product card image: whole square (Blocksy's archive frame is taller and crops the bottom label) */
ul.products li.product figure .ct-media-container,ul.products li.product figure a{aspect-ratio:1/1!important;height:auto!important;display:block}
ul.products li.product figure img{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}

/* ===== zex feats carousel (elementor) =====
   Elementor nested carousel, one wide card per slide; same composition as Bolt in the Zex red identity.
   Card geometry is in container units (cqw) so each card scales as one piece. */
.zex-feats{position:relative}
.zex-feats__title{position:relative;isolation:isolate;text-align:center}
.zex-feats__title .elementor-heading-title{position:relative;z-index:1;display:inline-block;font-size:clamp(22px,2.6vw,32px)!important;font-weight:700!important;line-height:1.4!important;
  background:linear-gradient(120deg,#fff 10%,#ffd2d8 45%,#F12A42 95%);-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:zexFeatsGlow 2.6s ease-in-out infinite}
.zex-feats__title::after{content:"";position:absolute;left:50%;top:50%;z-index:0;width:min(120%,760px);height:190%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(241,42,66,.32),rgba(241,42,66,.1) 52%,transparent 76%);filter:blur(12px);animation:zexFeatsHalo 2.6s ease-in-out infinite}
@keyframes zexFeatsGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(241,42,66,.35))}50%{filter:drop-shadow(0 0 16px rgba(241,42,66,.75))}}
@keyframes zexFeatsHalo{0%,100%{opacity:.45}50%{opacity:.9}}

/* band: the Zex pattern, faded at the top and bottom */
.zex-feats__band{position:relative;overflow:hidden;
  background:radial-gradient(60% 80% at 50% 50%,rgba(213,31,54,.12),transparent 70%),repeating-linear-gradient(120deg,transparent 0 120px,rgba(241,42,66,.05) 120px 124px,transparent 124px 260px),var(--zex-pattern) center/150px auto repeat,#0b0c10!important}
.zex-feats__band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(11,12,16,.9) 0%,transparent 16%,transparent 84%,rgba(11,12,16,.9) 100%)}
.zex-feats__band>*{position:relative;z-index:1}
.zex-feats-carousel{width:100%}
.zex-feats-carousel .swiper-slide{height:auto;overflow:visible!important}
.zex-feats-carousel .swiper-pagination,.zex-feats-carousel .elementor-swiper-button{display:none!important}

/* card */
.zex-feat{container-type:inline-size;aspect-ratio:2415/760;position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
.zex-feat::before{content:""!important;display:block!important;position:absolute!important;inset:13.5% .5% 2%!important;width:auto!important;height:auto!important;z-index:0;border-radius:3.4cqw!important;
  background:linear-gradient(104deg,rgba(120,18,32,.94) 0%,rgba(78,14,24,.88) 24%,rgba(40,12,18,.66) 44%,rgba(20,10,13,.4) 64%,rgba(14,12,15,.25) 100%),var(--zex-pattern) center/120px auto repeat;
  box-shadow:inset 0 0 0 max(1px,.12cqw) rgba(241,42,66,.62),inset 0 0 7cqw rgba(241,42,66,.07),0 2.2cqw 4cqw -2.4cqw rgba(0,0,0,.95)}
.zex-feat::after{content:""!important;display:block!important;position:absolute!important;inset:13.5% 14% auto auto!important;z-index:1;width:40%!important;height:max(1px,.12cqw)!important;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,120,138,.9),transparent)}
.zex-feat>.zex-feat__body{position:static!important;display:block!important;padding:0!important;width:auto!important}
.zex-feat__title{position:absolute!important;top:1.2%;inset-inline-start:7%;z-index:3;width:auto!important;margin:0!important}
.zex-feat__title .elementor-heading-title{display:flex;align-items:center;gap:3cqw;min-width:42cqw;height:6.6cqw;padding:0 5cqw 0 3.6cqw;border-radius:2.2cqw;white-space:nowrap;
  background:linear-gradient(90deg,rgba(22,14,17,.97),rgba(58,16,24,.97));
  box-shadow:inset 0 0 0 max(1px,.11cqw) rgba(241,42,66,.6),inset 0 .2cqw 0 rgba(255,255,255,.06),0 1.2cqw 2.6cqw -1.2cqw rgba(0,0,0,.9);
  color:#F5F5F7!important;font-size:3.5cqw!important;font-weight:700!important;line-height:1!important}
.zex-feat__title .elementor-heading-title::after{content:"";margin-inline-start:auto;flex:none;width:1.2cqw;height:1.2cqw;border-radius:.25cqw;transform:rotate(45deg);background:#F12A42;box-shadow:0 0 1.4cqw rgba(241,42,66,.8)}
.zex-feat__text{position:absolute!important;top:29%;inset-inline-start:4.2%;z-index:2;width:57%!important;margin:0!important}
.zex-feat__text,.zex-feat__text p{color:#F5F5F7!important;text-align:start;font-size:2.15cqw!important;line-height:1.95!important;font-weight:500!important}
.zex-feat__text p{margin:0!important}
.zex-feat__icon{position:absolute!important;top:50%;inset-inline-end:1.6%;z-index:3;width:28.5cqw!important;margin:0!important;transform:translateY(-46%);line-height:0}
.zex-feat__icon img{display:block;width:100%!important;height:auto!important;filter:drop-shadow(0 1.6cqw 2.4cqw rgba(0,0,0,.65))}
.zex-feats-carousel .swiper-slide-active .zex-feat__icon img{animation:zexFeatPop .9s cubic-bezier(.22,1.2,.36,1) both}
@keyframes zexFeatPop{0%{transform:scale(.82) rotate(-6deg);opacity:.4}100%{transform:scale(1) rotate(0);opacity:1}}

/* phones: a taller card so the full text stays readable */
@media (max-width:767px){
  .zex-feat{aspect-ratio:2415/1300}
  .zex-feat::before{inset:11% .5% 2%!important;border-radius:5cqw!important}
  .zex-feat::after{top:11%!important}
  .zex-feat__title{top:1.5%;inset-inline-start:5%}
  .zex-feat__title .elementor-heading-title{min-width:50cqw;height:9.4cqw;padding:0 5cqw 0 4cqw;border-radius:3cqw;font-size:4.6cqw!important}
  .zex-feat__title .elementor-heading-title::after{width:1.9cqw;height:1.9cqw}
  .zex-feat__text{top:24%;inset-inline-start:5%;width:60%!important}
  .zex-feat__text,.zex-feat__text p{font-size:3.25cqw!important;line-height:1.75!important}
  .zex-feat__icon{width:32cqw!important;inset-inline-end:2%;transform:translateY(-40%)}
}
@media (prefers-reduced-motion:reduce){
  .zex-feats__title .elementor-heading-title,.zex-feats__title::after,.zex-feats-carousel .swiper-slide-active .zex-feat__icon img{animation:none}
}

/* ===== zex subscription chooser (zsub) =====
   Two tabs (pure CSS radios) switch between a board per service; the cover card flips with a checkbox. */
.zsub{max-width:940px;margin:0 auto;padding:0 16px;text-align:center;color:#fff}
.zsub-r,.zsub-chk{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.zsub-hd h2{margin:0!important;font-size:30px!important;font-weight:700!important;line-height:1.35!important;color:#F2F2F3!important}
.zsub-hd h2 em{font-style:normal;background:linear-gradient(120deg,#ff6b7d,#F12A42 60%,#c3122b);-webkit-background-clip:text;background-clip:text;color:transparent}
.zsub-curve{display:block;width:180px;height:14px;margin:6px auto 4px;filter:drop-shadow(0 0 6px rgba(241,42,66,.7))}
.zsub-hd p{margin:0 0 20px!important;font-size:15px;color:#B2B4BB}
.zsub-tabs{display:flex;justify-content:center;gap:10px;margin:0 0 22px}
.zsub-tab{display:inline-flex;align-items:center;justify-content:center;width:206px;height:46px;border-radius:14px;cursor:pointer;font-size:15px;font-weight:600;color:#fff;
  background:rgba(255,255,255,.04);border:1px solid #2a2c33;transition:background .25s,box-shadow .25s,border-color .25s}
.zsub-tab:hover{border-color:rgba(241,42,66,.55)}
#zsub-1:checked~.zsub-tabs .zsub-t1,#zsub-2:checked~.zsub-tabs .zsub-t2{background:var(--zex-grad);border-color:rgba(241,42,66,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -10px rgba(241,42,66,.9)}
#zsub-1:focus-visible~.zsub-tabs .zsub-t1,#zsub-2:focus-visible~.zsub-tabs .zsub-t2{outline:2px solid #fff;outline-offset:2px}

.zsub-panel{display:none}
#zsub-1:checked~.zsub-p1,#zsub-2:checked~.zsub-p2{display:block;animation:zsubIn .45s ease both}
@keyframes zsubIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* board: blurred cover art + Zex pattern behind, darker on the text side */
.zsub-board{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 236px;align-items:center;gap:30px;min-height:330px;padding:30px 34px;border-radius:26px;text-align:start;
  background:#0b0709;border:1px solid rgba(241,42,66,.45);box-shadow:0 26px 60px rgba(0,0,0,.55),inset 0 0 40px rgba(241,42,66,.06)}
.zsub-board::before{content:"";position:absolute;inset:-30px;z-index:-2;background:var(--zsub-bg) center/cover no-repeat;filter:blur(22px) brightness(.5) saturate(1.3);transform:scale(1.1)}
.zsub-board::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(270deg,rgba(11,7,9,.94) 0%,rgba(11,7,9,.78) 45%,rgba(11,7,9,.3) 100%),var(--zex-pattern) center/150px auto repeat}
.zsub-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:999px;background:rgba(11,7,7,.66);border:1px solid rgba(241,42,66,.4);font-size:12px;color:#FFE4E7}
.zsub-kicker i{width:6px;height:6px;border-radius:50%;background:#F12A42;box-shadow:0 0 8px #F12A42}
.zsub-name{margin:14px 0 6px!important;padding:0!important;font-size:42px!important;font-weight:800!important;line-height:1.3!important;
  background:linear-gradient(120deg,#fff 0%,#ffd2d8 35%,#F12A42 90%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.zsub-tag{margin:0 0 16px!important;font-size:14px;color:rgba(255,255,255,.72)}
.zsub-specs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.zsub-spec{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:rgba(11,7,7,.6);border:1px solid rgba(241,42,66,.36);box-shadow:0 0 5px rgba(241,42,66,.1);font-size:12.5px;color:#FFE4E7}
.zsub-spec svg,.zsub-hint svg{width:15px;height:15px;fill:none;stroke:#F12A42;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zsub-cta{display:inline-flex!important;align-items:center;justify-content:center;width:260px;max-width:100%;height:50px;border-radius:14px;background:var(--zex-grad);color:#fff!important;font-size:16px;font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 22px -10px rgba(241,42,66,.9);transition:filter .2s,transform .2s}
.zsub-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}

/* cover card that flips */
.zsub-art{position:relative;display:flex;flex-direction:column;align-items:center;perspective:1000px}
.zsub-card{position:relative;width:236px;aspect-ratio:1/1;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.5,1)}
.zsub-chk:checked+.zsub-card{transform:rotateY(180deg)}
.zsub-side{position:absolute;inset:0;margin:0;cursor:pointer;border-radius:18px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(241,42,66,.25)}
.zsub-side img{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important}
.zsub-back{transform:rotateY(180deg)}
.zsub-hint{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;margin-top:-18px;padding:7px 14px;border-radius:999px;cursor:pointer;
  background:rgba(11,7,9,.92);border:1px solid rgba(241,42,66,.45);font-size:12.5px;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.8)}
.zsub-hint:hover{border-color:#F12A42}

@media (max-width:767px){
  .zsub{padding:0 12px}
  .zsub-hd h2{font-size:24px!important}
  .zsub-tabs{gap:8px}
  .zsub-tab{flex:1;width:auto;height:44px;font-size:14px}
  .zsub-board{grid-template-columns:1fr;gap:18px;padding:22px 16px;border-radius:20px}
  .zsub-board::after{background:linear-gradient(0deg,rgba(11,7,9,.95) 0%,rgba(11,7,9,.8) 50%,rgba(11,7,9,.35) 100%),var(--zex-pattern) center/150px auto repeat}
  .zsub-art{order:-1}
  .zsub-card{width:200px}
  .zsub-name{font-size:32px!important;margin-top:12px!important}
  .zsub-cta{width:100%}
}
@media (prefers-reduced-motion:reduce){.zsub-card{transition:none}#zsub-1:checked~.zsub-p1,#zsub-2:checked~.zsub-p2{animation:none}}

/* ===== zex youtube banner (zyt) =====
   Full-width red banner ("الأحمر صار بين يديك") with the YouTube Premium cards overlapping its bottom edge. */
.zyt{position:relative}
.zyt>.elementor-widget-html{width:100%}
.zyt-hero{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:520px;padding:0 6vw 120px;overflow:hidden;
  background:url("https://zex-plus.com/wp-content/uploads/2026/10/zex-youtube-banner.webp") left center/cover no-repeat,#060607}
.zyt-hero::after{content:"";position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(180deg,transparent,#0b0c10)}
.zyt-copy{position:relative;z-index:1;max-width:620px;text-align:start}
.zyt-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 15px;border-radius:999px;background:rgba(11,7,7,.66);border:1px solid rgba(241,42,66,.45);font-size:13px;color:#FFE4E7}
.zyt-kicker i{width:6px;height:6px;border-radius:50%;background:#F12A42;box-shadow:0 0 8px #F12A42}
.zyt-title{display:flex;flex-direction:column;margin:14px 0 10px!important;line-height:1.05!important;font-weight:800!important}
.zyt-title b{font-size:clamp(64px,8vw,124px);font-weight:800;background:linear-gradient(180deg,#ff6b7d 0%,#F12A42 45%,#9d0c22 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(241,42,66,.45))}
.zyt-title span{margin-top:6px;font-size:clamp(34px,4.4vw,68px);font-weight:700;color:#d9d9de}
.zyt-sub{margin:0!important;font-size:16px;color:rgba(255,255,255,.72)}

/* cards ride over the bottom of the banner */
.zyt-cards{position:relative;z-index:2;width:100%;max-width:1160px;margin:-130px auto 0!important;padding:0 16px}
.zyt-cards ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:0!important}
.zyt-cards ul.products::before,.zyt-cards ul.products::after{display:none!important}
.zyt-cards ul.products li.product{width:auto!important;margin:0!important;float:none!important}

@media (max-width:1024px){
  .zyt-hero{min-height:420px;padding-bottom:110px}
}
@media (max-width:767px){
  .zyt-hero{align-items:flex-start;min-height:430px;padding:28px 18px 120px;background-position:22% center}
  .zyt-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,7,.85) 0%,rgba(6,6,7,.45) 45%,rgba(6,6,7,.2) 70%)}
  .zyt-copy{max-width:none}
  .zyt-sub{font-size:14px}
  .zyt-cards{margin-top:-110px!important;padding:0 10px}
  .zyt-cards ul.products{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px!important;scrollbar-width:none}
  .zyt-cards ul.products::-webkit-scrollbar{display:none}
  .zyt-cards ul.products li.product{flex:0 0 72%;scroll-snap-align:start}
}

/* ===== zex why + bundles row ===== */
/* «عروض البكج»: one moving row instead of a grid */
.zex-hscroll__wrap{position:relative}
.zex-hscroll ul.products{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  margin:0!important;padding:4px 2px 10px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.zex-hscroll ul.products::-webkit-scrollbar{display:none}
.zex-hscroll ul.products::before,.zex-hscroll ul.products::after{display:none!important}
.zex-hscroll ul.products li.product{flex:0 0 calc((100% - 54px)/4)!important;width:auto!important;max-width:none!important;margin:0!important;float:none!important;scroll-snap-align:start}
.zex-hscroll__arrow{position:absolute;top:38%;z-index:3;width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;cursor:pointer;
  background:rgba(14,15,18,.9);border:1px solid rgba(241,42,66,.5);box-shadow:0 10px 24px -10px rgba(0,0,0,.9);transition:background .2s}
.zex-hscroll__arrow:hover{background:#F12A42}
.zex-hscroll__arrow svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.zex-hscroll__arrow--prev{right:-18px}
.zex-hscroll__arrow--prev svg{transform:scaleX(-1)}
.zex-hscroll__arrow--next{left:-18px}
@media (max-width:1024px){.zex-hscroll ul.products li.product{flex-basis:calc((100% - 36px)/3)!important}}
@media (max-width:767px){
  .zex-hscroll ul.products{gap:10px!important}
  .zex-hscroll ul.products li.product{flex-basis:46%!important}
  .zex-hscroll__arrow{display:none}
}


/* ===== zex why v3 =====
   «ليش زيكس بلس؟»: the Zex logo in an animated core (rotating rings, orbiting dots, pulse waves),
   two feature cards on each side wired to it by moving light lines; each card has a travelling
   border light and its own icon motion. Cards slide in when the section scrolls into view. */
@property --zw3a{syntax:"<angle>";initial-value:0deg;inherits:false}
.zw3{--core:340px;display:grid;grid-template-columns:minmax(0,1fr) var(--core) minmax(0,1fr);align-items:center;gap:46px;max-width:1180px;margin:10px auto 0;direction:rtl}
.zw3-side{display:flex;flex-direction:column;gap:18px}

/* cards */
.zw3-card{position:relative;display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:18px;background:linear-gradient(180deg,#141519,#0e0f12);
  opacity:0;transform:translateX(34px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transition-delay:calc(var(--i)*.12s)}
.zw3-side--b .zw3-card{transform:translateX(-34px)}
.zw3.is-in .zw3-card{opacity:1;transform:none}
.zw3-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--zw3a),transparent 0 60%,rgba(241,42,66,.95) 76%,#ff9aa5 80%,transparent 88%),linear-gradient(#25272d,#25272d);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:zw3Spin 5s linear infinite;animation-delay:calc(var(--i)*-1.25s)}
.zw3-card:hover{box-shadow:0 18px 40px -22px rgba(241,42,66,.75)}
.zw3-card h3{margin:0 0 4px!important;font-size:17px!important;font-weight:700!important;line-height:1.5!important;color:#fff!important}
.zw3-card p{margin:0!important;font-size:13.5px;line-height:1.7;color:#9A9CA3}
@keyframes zw3Spin{to{--zw3a:360deg}}

/* light line from each card to the core */
.zw3-card::after{content:"";position:absolute;top:50%;width:46px;height:2px;margin-top:-1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(241,42,66,.15),rgba(241,42,66,.15)),linear-gradient(90deg,transparent,#ff4a5d,transparent);
  background-size:100% 100%,40% 100%;background-repeat:no-repeat;animation:zw3Flow 1.8s linear infinite;animation-delay:calc(var(--i)*-.45s)}
.zw3-side--a .zw3-card::after{inset-inline-end:-46px}
.zw3-side--b .zw3-card::after{inset-inline-start:-46px}
.zw3-side--b .zw3-card::after{transform:scaleX(-1)}
@keyframes zw3Flow{from{background-position:0 0,-60% 0}to{background-position:0 0,160% 0}}

/* icons */
.zw3-ico{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;overflow:hidden;
  background:radial-gradient(circle at 30% 25%,#ff5a6b,#d8102c 60%,#8a0819);box-shadow:0 10px 24px -10px rgba(241,42,66,.9)}
.zw3-ico svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.zw3-ico--tag svg{transform-origin:70% 20%;animation:zw3Swing 2.6s ease-in-out infinite}
.zw3-ico--bolt svg{animation:zw3Flash 2.2s ease-in-out infinite}
.zw3-ico--head svg{animation:zw3Bob 1.8s ease-in-out infinite}
.zw3-ico--shield::after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);transform:translateX(-120%);animation:zw3Shine 2.8s ease-in-out infinite}
@keyframes zw3Swing{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes zw3Flash{0%,40%,100%{transform:scale(1);opacity:1}45%{transform:scale(1.18);opacity:1}50%{opacity:.35}55%{opacity:1;transform:scale(1.05)}}
@keyframes zw3Bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes zw3Shine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* core */
.zw3-core{position:relative;width:var(--core);height:var(--core);display:grid;place-items:center;opacity:0;transform:scale(.85);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}
.zw3.is-in .zw3-core{opacity:1;transform:none}
.zw3-core::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(241,42,66,.28),transparent 65%);filter:blur(10px)}
.zw3-disc{position:relative;z-index:2;display:grid;place-items:center;width:44%;height:44%;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#1d1e24,#0b0c0f 70%);border:1px solid rgba(241,42,66,.55);box-shadow:0 0 0 6px rgba(241,42,66,.07),0 0 40px -6px rgba(241,42,66,.7),inset 0 1px 0 rgba(255,255,255,.08)}
.zw3-disc img{width:72%!important;height:auto!important;filter:drop-shadow(0 4px 14px rgba(241,42,66,.45));animation:zw3Breath 3s ease-in-out infinite}
@keyframes zw3Breath{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.zw3-ring{position:absolute;border-radius:50%}
.zw3-ring--1{width:68%;height:68%;border:1px dashed rgba(241,42,66,.45);animation:zw3Rot 16s linear infinite}
.zw3-ring--2{width:92%;height:92%;border:1px solid rgba(255,255,255,.07);animation:zw3Rot 26s linear infinite reverse}
.zw3-ring i{position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#F12A42;box-shadow:0 0 12px #F12A42,0 0 24px rgba(241,42,66,.6)}
.zw3-ring--2 i:nth-child(2){top:auto;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}
@keyframes zw3Rot{to{transform:rotate(360deg)}}
.zw3-wave{position:absolute;z-index:1;width:44%;height:44%;border-radius:50%;border:1px solid rgba(241,42,66,.6);animation:zw3Wave 3.6s ease-out infinite}
.zw3-wave:nth-child(2){animation-delay:1.2s}
.zw3-wave:nth-child(3){animation-delay:2.4s}
@keyframes zw3Wave{from{transform:scale(1);opacity:.8}to{transform:scale(2.1);opacity:0}}

/* tablet & phone: same layout as desktop (cards | core | cards), just scaled down */
@media (max-width:1024px){
  .zw3{--core:220px;gap:22px}
  .zw3-card{padding:16px 16px;gap:12px}
  .zw3-card::after{width:22px}
  .zw3-side--a .zw3-card::after{inset-inline-end:-22px}
  .zw3-side--b .zw3-card::after{inset-inline-start:-22px}
}
@media (max-width:767px){
  .zw3{--core:112px;gap:10px;margin-top:0}
  .zw3-side{gap:10px}
  .zw3-card{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px 12px;border-radius:14px}
  .zw3-card h3{margin:0 0 2px!important;font-size:13.5px!important;line-height:1.4!important}
  .zw3-card p{font-size:11px;line-height:1.55}
  .zw3-card::after{width:10px}
  .zw3-side--a .zw3-card::after{inset-inline-end:-10px}
  .zw3-side--b .zw3-card::after{inset-inline-start:-10px}
  .zw3-ico{width:38px;height:38px;border-radius:11px}
  .zw3-ico svg{width:18px;height:18px}
  .zw3-disc{width:62%;height:62%}
  .zw3-ring--1{width:84%;height:84%}
  .zw3-ring--2{width:100%;height:100%}
  .zw3-ring i{top:-3px;width:6px;height:6px;margin-left:-3px}
  .zw3-ring--2 i:nth-child(2){bottom:-3px;width:5px;height:5px;margin-left:-2.5px}
  .zw3-wave{width:62%;height:62%}
}
@media (max-width:360px){
  .zw3{--core:96px;gap:8px}
  .zw3-card p{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .zw3 *,.zw3 *::before,.zw3 *::after{animation:none!important}
  .zw3-card,.zw3-core{opacity:1!important;transform:none!important;transition:none!important}
}

/* ===== zex stats + store features (after FAQ) =====
   Same layout as Bolt's counters row + «مميزات المتجر», in Zex red. */
.zex-stats2{position:relative}
.zex-stats2__row,.zex-stats2__feats{flex-wrap:nowrap!important;width:100%}
.zex-stats2__row>.e-con,.zex-stats2__feats>.e-con{width:33.33%!important}
.zex-stat2{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.zex-stat2 .elementor-icon{font-size:42px;color:#F12A42!important;filter:drop-shadow(0 0 16px rgba(241,42,66,.45))}
.zex-stat2 .elementor-icon svg,.zex-stat2 .elementor-icon svg *{fill:#F12A42!important}
.zex-stat2 .elementor-counter{display:flex;flex-direction:column;align-items:center;gap:2px}
.zex-stat2 .elementor-counter-title{order:-1}
.zex-stat2 .elementor-counter-number-wrapper{display:flex;align-items:baseline;justify-content:center;gap:4px;direction:ltr;font-size:clamp(20px,2.2vw,28px)!important;font-weight:700;color:#F2F2F2}
.zex-stat2 .elementor-counter-number-suffix{font-weight:700;white-space:nowrap}
.zex-stat2 .elementor-counter-title{font-size:14px!important;font-weight:500;color:#9A9CA3}
.zex-stats2__head .elementor-heading-title{display:inline-block;font-size:clamp(20px,2.4vw,28px)!important;font-weight:700!important;line-height:1.4!important;
  background:linear-gradient(120deg,#fff 10%,#ffd2d8 45%,#F12A42 95%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.zex-stats2__sub .elementor-heading-title{font-size:clamp(13px,1.2vw,15px)!important;font-weight:500!important;color:#9A9CA3!important}
.zex-stats2__feats{margin-top:14px}
.zex-feat2{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.zex-feat2 img{width:78px!important;height:auto!important;filter:grayscale(1) sepia(1) hue-rotate(-45deg) saturate(7) brightness(.95) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.zex-feat2 .elementor-heading-title{font-size:clamp(14px,1.4vw,17px)!important;font-weight:700!important;line-height:1.5!important;color:#F2F2F2!important}
@media (max-width:767px){
  .zex-stats2__row,.zex-stats2__feats{gap:6px!important}
  .zex-stat2 .elementor-icon{font-size:24px}
  .zex-stat2 .elementor-counter-number-wrapper{flex-wrap:wrap;gap:2px;font-size:15px!important}
  .zex-stat2 .elementor-counter-title{font-size:11px!important;line-height:1.5}
  .zex-feat2 img{width:50px!important}
  .zex-feat2 .elementor-heading-title{font-size:11.5px!important}
}

/* ===== home spacing v2: tighter gaps between homepage sections ===== */
.zex-sec{padding:32px 16px!important}
.zex-say>.e-con-inner{padding-top:0!important}
.zex-stats2>.e-con-inner{padding-top:16px!important}
.zyt{padding-bottom:16px!important}
.zsub-wrap{padding-top:16px!important;padding-bottom:16px!important}
.zex-best-sec{padding-bottom:16px!important}
.zex-feats{padding-top:12px!important;padding-bottom:12px!important}
@media(max-width:767px){
  .zex-sec{padding:24px 12px!important}
  .zex-stats2>.e-con-inner{padding-top:8px!important}
  .zyt{padding-top:12px!important;padding-bottom:8px!important}
  .zsub-wrap{padding-top:10px!important;padding-bottom:10px!important}
  .zex-best-sec{padding-bottom:12px!important}
  .zex-cats-sec{padding-bottom:14px!important}
}

/* ===== zsub posters: movie posters behind the subscription card ===== */
.zsub-board::before{inset:0;transform:none;filter:brightness(.85) saturate(1.15);background:url("https://zex-plus.com/wp-content/uploads/2026/10/%D8%A8%D9%88%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA-%D8%A7%D9%81%D9%84%D8%A7%D9%85-.png") center/cover no-repeat}
.zsub-board::after{background:linear-gradient(270deg,rgba(11,7,9,.9) 0%,rgba(11,7,9,.6) 40%,rgba(11,7,9,.12) 100%)}
@media(max-width:767px){
  .zsub-board::before{background-position:30% center}
  .zsub-board::after{background:linear-gradient(0deg,rgba(11,7,9,.95) 0%,rgba(11,7,9,.7) 50%,rgba(11,7,9,.15) 100%)}
}

/* ===== zsub mobile = desktop layout (text + card side by side) ===== */
@media(max-width:767px){
  .zsub-board{grid-template-columns:minmax(0,1fr) 108px!important;gap:12px!important;padding:16px 12px!important;min-height:0!important;align-items:center!important}
  .zsub-board::after{background:linear-gradient(270deg,rgba(11,7,9,.93) 0%,rgba(11,7,9,.72) 50%,rgba(11,7,9,.25) 100%)!important}
  .zsub-art{order:0!important}
  .zsub-card{width:108px!important}
  .zsub-hint{font-size:10px!important;padding:4px 8px!important;gap:4px!important}
  .zsub-hint svg{width:11px!important;height:11px!important}
  .zsub-kicker{font-size:10px!important;padding:4px 10px!important;gap:6px!important}
  .zsub-name{font-size:22px!important;margin:8px 0 3px!important}
  .zsub-tag{font-size:11.5px!important;line-height:1.6!important;margin:0 0 10px!important}
  .zsub-specs{gap:5px!important;margin:0 0 12px!important}
  .zsub-spec{height:27px!important;padding:0 8px!important;font-size:10.5px!important;gap:4px!important}
  .zsub-spec svg{width:12px!important;height:12px!important}
  .zsub-cta{width:100%!important;height:40px!important;font-size:14px!important}
}

/* ===== tighter section titles (title → sub-line → content) ===== */
.zex-sec .zex-sub,.zex-sec .zex-sub p{margin:0!important}
.zex-sec>.e-con-inner,.zex-say>.e-con-inner{gap:12px!important}
.zex-sec .zex-sub{margin-bottom:6px!important}
@media(max-width:767px){
  .zex-sec{padding-top:16px!important;padding-bottom:16px!important}
  .zex-sec>.e-con-inner,.zex-say>.e-con-inner{gap:8px!important}
  .zex-sec .zex-sub{margin-bottom:4px!important}
  .zex-sec .zex-sub p{font-size:14px!important;line-height:1.6!important}
}