/*
Theme Name: Elzem
Theme URI: https://elzem.com
Author: Elzem Team
Description: Professional WordPress theme with 7 design presets, RTL/LTR support, neon effects, and comprehensive admin panel. v3.2.20: إعادة ترتيب أزرار بطاقات المقارنة - القلب أعلى اليسار + زر "مقارنة" أعلى اليمين + إزالة شارة التثبيت من البطاقة.
Version: 3.2.20
Tested up to: 6.7
Requires PHP: 8.0
License: GPLv2
Text Domain: elzem
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, rtl-language-support, blog, news
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--elzem-bg-primary:#0a0a0f;--elzem-bg-secondary:#12121a;--elzem-bg-card:#1a1a2e;--elzem-bg-card-hover:#22223a;--elzem-text-primary:#e0e0ff;--elzem-text-secondary:#a0a0cc;--elzem-text-muted:#6a6a99;--elzem-accent:#00f0ff;--elzem-accent-secondary:#ff00ff;--elzem-accent-tertiary:#00ff88;--elzem-border:#2a2a44;--elzem-shadow-color:rgba(0,240,255,0.15);--elzem-glow-primary:0 0 20px rgba(0,240,255,0.5);--elzem-glow-secondary:0 0 20px rgba(255,0,255,0.5);--elzem-gradient-main:linear-gradient(135deg,#00f0ff,#ff00ff);--elzem-gradient-card:linear-gradient(145deg,#1a1a2e,#16213e);--elzem-header-bg:rgba(10,10,15,0.95);--elzem-footer-bg:#08080d;--elzem-sidebar-bg:rgba(18,18,26,0.95);--elzem-radius-sm:8px;--elzem-radius-md:12px;--elzem-radius-lg:16px;--elzem-radius-full:9999px;--elzem-transition:0.3s ease;--elzem-container:1400px;--elzem-sidebar-w:320px;--elzem-header-h:64px}
html{scroll-behavior:smooth}
/* v3.1.2: font-display swap fallback - prevents FOUT/FOIT which causes CLS */
@font-face{font-family:'Cairo';font-display:swap;src:local('Cairo Regular'),local('Cairo-Regular'),url('https://fonts.gstatic.com/s/cairo/v28/SLXgc1nY6HkvangtZmpQdkhzfH5lkSscSlmm.woff2') format('woff2');font-weight:400}
@font-face{font-family:'Tajawal';font-display:swap;src:local('Tajawal Regular'),local('Tajawal-Regular'),url('https://fonts.gstatic.com/s/tajawal/v12/Iurf6YBj_oCad4k1nzGBC5xLhLE.woff2') format('woff2');font-weight:400}
@font-face{font-family:'Inter';font-display:swap;src:local('Inter Regular'),local('Inter-Regular'),url('https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiA.woff2') format('woff2');font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{font-family:'Inter','Cairo',sans-serif;font-size:16px;line-height:1.7;color:var(--elzem-text-primary);background:var(--elzem-bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:var(--elzem-accent);text-decoration:none;transition:color var(--elzem-transition)}a:hover{color:var(--elzem-accent-secondary)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:'Cairo','Inter',sans-serif;font-weight:700;line-height:1.3;color:var(--elzem-text-primary);margin-bottom:1rem}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}
p{margin-bottom:1rem;color:var(--elzem-text-secondary)}ul,ol{padding-left:1.5rem}

/* RTL */
.elzem-rtl{direction:rtl;text-align:right;font-family:'Tajawal','Cairo',sans-serif!important}
.elzem-rtl h1,.elzem-rtl h2,.elzem-rtl h3,.elzem-rtl h4,.elzem-rtl h5,.elzem-rtl h6{font-family:'Tajawal','Cairo',sans-serif!important}
.elzem-rtl ul,.elzem-rtl ol{padding-left:0;padding-right:1.5rem}
.elzem-rtl .elzem-primary-nav ul{flex-direction:row-reverse}
.elzem-rtl .elzem-header-right{flex-direction:row-reverse}
.elzem-rtl .elzem-search-form{right:auto;left:0}
.elzem-rtl .elzem-post-category{left:auto;right:0.75rem}
.elzem-rtl .elzem-slider-controls{right:auto;left:2rem}
.elzem-rtl .elzem-post-card-list{flex-direction:row!important}
.elzem-rtl .elzem-latest-posts .elzem-post-item{flex-direction:row}
.elzem-rtl .elzem-read-more::after{content:'\2190'}
.elzem-rtl .elzem-share-bar{flex-direction:row-reverse}
.elzem-rtl .elzem-footer-bottom-inner{flex-direction:row-reverse}
.elzem-rtl .elzem-footer-menu ul{flex-direction:row-reverse}
.elzem-rtl .elzem-back-to-top{right:auto;left:30px}
.elzem-rtl .elzem-single-meta{flex-direction:row-reverse}
.elzem-rtl .elzem-post-meta{flex-direction:row-reverse}
.elzem-rtl .elzem-footer-widget-title::after{left:auto;right:0}
.elzem-rtl .elzem-single-content blockquote{border-left:none;border-right:3px solid var(--elzem-accent);border-radius:var(--elzem-radius-md) 0 0 var(--elzem-radius-md)}
.elzem-rtl.elzem-sidebar-right .elzem-main-layout{flex-direction:row-reverse}
.elzem-rtl.elzem-sidebar-left .elzem-main-layout{flex-direction:row}

/* LAYOUT */
.elzem-container{max-width:var(--elzem-container);margin:0 auto;padding:0 1.5rem;width:100%}
.elzem-main-layout{display:flex;gap:2rem;padding:2rem 0;align-items:flex-start}
.elzem-content-area{flex:1;min-width:0}
.elzem-sidebar-area{width:var(--elzem-sidebar-w);flex-shrink:0}
.elzem-sidebar-right .elzem-main-layout{flex-direction:row}
.elzem-sidebar-left .elzem-main-layout{flex-direction:row-reverse}
.elzem-no-sidebar .elzem-sidebar-area{display:none}
.elzem-no-sidebar .elzem-content-area{max-width:100%}
/* ===== FULL WIDTH - Homepage ===== */
.elzem-home-container{max-width:100%;padding:0 2rem}
.elzem-archive-container{max-width:100%;padding:0 2rem}
.elzem-single-container{max-width:100%;padding:0 2rem}
.elzem-home-tools-section{width:100%;padding:0;overflow:visible}
.elzem-home-tools-section .elzem-home-assistant{width:100%;max-width:100%}
/* ===== FULL WIDTH - Pages ===== */
.elzem-fullwidth-wrap{max-width:100%;width:100%;padding:0 2rem}
.elzem-page-article .elzem-single-content{max-width:100%}
.elzem-page-article .elzem-home-assistant{width:100%;max-width:100%}
body.page .elzem-no-sidebar .elzem-content-area{max-width:100%}
/* Elzem Plugin containers - always full width */
.elzem-home-assistant,.elzem-tools-container,.elzem-tools-wrapper{width:100%;max-width:100%}
.elzem-content-area .elzem-home-assistant{width:100%}
.elzem-content-area .elzem-tools-wrapper{width:100%}
/* Override any plugin internal max-widths */
.elzem-home-assistant .eha-container,.elzem-home-assistant .eha-wrapper,.elzem-home-assistant .eha-main{max-width:100%;width:100%}
/* ===== PLUGIN FULL-WIDTH FIX ===== */
.elzem-fullwidth-wrap .elzem-single-post{max-width:100%}
.elzem-fullwidth-wrap .elzem-page-article{max-width:100%}
.elzem-fullwidth-wrap .elzem-page-article .elzem-page-content{padding:1.5rem 0;margin:0}
.elzem-fullwidth-wrap .elzem-main-layout{padding:0;gap:2rem}
.elzem-fullwidth-wrap .elzem-content-area{flex:1 1 100%;min-width:0;width:100%;max-width:100%}
.elzem-page-no-sidebar .elzem-fullwidth-wrap .elzem-sidebar-area{display:none}
.elzem-sidebar-sticky{position:sticky;top:calc(var(--elzem-header-h) + 2rem);align-self:flex-start}

/* ===== PAGE LAYOUT (with sidebar + content padding) ===== */
.elzem-page-container{max-width:var(--elzem-container);margin:0 auto;padding:0 1.5rem}
.elzem-page-container .elzem-main-layout{padding:2rem 0;gap:2rem}
.elzem-page-container .elzem-page-article{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:2rem;min-width:0}
.elzem-page-container .elzem-page-content{padding:0;margin:0;color:var(--elzem-text-secondary);line-height:1.8}
.elzem-page-container .elzem-page-content p{color:var(--elzem-text-secondary);margin-bottom:1rem}
.elzem-page-container .elzem-page-content h1,.elzem-page-container .elzem-page-content h2,.elzem-page-container .elzem-page-content h3,.elzem-page-container .elzem-page-content h4{color:var(--elzem-text-primary);margin-top:1.5rem;margin-bottom:0.75rem}
.elzem-page-container .elzem-page-content a{color:var(--elzem-accent)}
.elzem-page-container .elzem-page-content img{border-radius:var(--elzem-radius-sm);margin:1rem 0}
.elzem-page-container .elzem-page-content ul,.elzem-page-container .elzem-page-content ol{padding-left:1.5rem;margin:1rem 0;color:var(--elzem-text-secondary)}
.elzem-page-container .elzem-page-content li{margin:0.4rem 0}
.elzem-page-container .elzem-page-content blockquote{border-left:4px solid var(--elzem-accent);padding:0.75rem 1.25rem;background:rgba(255,255,255,0.02);border-radius:0 var(--elzem-radius-sm) var(--elzem-radius-sm) 0;margin:1.5rem 0;color:var(--elzem-text-secondary)}
.elzem-page-container .elzem-page-content code{background:rgba(0,0,0,0.3);padding:2px 6px;border-radius:4px;font-family:monospace;color:var(--elzem-accent-tertiary)}
.elzem-page-container .elzem-page-content pre{background:rgba(0,0,0,0.4);padding:1rem;border-radius:var(--elzem-radius-sm);overflow-x:auto;margin:1rem 0}
/* Plugin-content pages get full-width layout but keep internal padding so content doesn't touch edges */
body.elzem-page-plugin-content .elzem-page-container{max-width:100%;padding:0 2rem}
body.elzem-page-plugin-content .elzem-page-container .elzem-page-article{padding:1.5rem 0;background:transparent;border:none}
body.elzem-page-plugin-content .elzem-page-container .elzem-page-content{padding:0}
/* When page uses plugin shortcode, the page title is hidden (plugins usually render their own) */
body.elzem-page-plugin-content .elzem-page-title{display:none}

/* HEADER */
.elzem-header{background:var(--elzem-header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--elzem-border);z-index:1000;transition:all var(--elzem-transition)}
.elzem-header-sticky{position:sticky;top:0}
.elzem-header.scrolled{box-shadow:0 4px 30px var(--elzem-shadow-color)}
.elzem-header-top{display:flex;align-items:center;justify-content:space-between;height:var(--elzem-header-h);padding:0 1.5rem;max-width:var(--elzem-container);margin:0 auto}
.elzem-logo{display:flex;align-items:center;gap:0.5rem;text-decoration:none}
.elzem-logo-text{font-size:1.8rem;font-weight:900;background:var(--elzem-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase}
.elzem-neon-on .elzem-logo-text{animation:elzem-glow-text 2s ease-in-out infinite alternate}
.elzem-primary-nav ul{display:flex;list-style:none;gap:1.5rem;padding:0;margin:0}
.elzem-primary-nav a{color:var(--elzem-text-secondary);font-weight:500;padding:0.5rem 0.75rem;border-radius:var(--elzem-radius-sm);transition:all var(--elzem-transition);font-size:0.875rem;position:relative}
.elzem-primary-nav a:hover{color:var(--elzem-accent)}
.elzem-primary-nav a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:var(--elzem-gradient-main);transition:width var(--elzem-transition);border-radius:4px}
.elzem-primary-nav a:hover::after{width:80%}
.elzem-header-right{display:flex;align-items:center;gap:1rem}
.elzem-search-toggle{background:none;border:none;color:var(--elzem-text-secondary);cursor:pointer;padding:0.5rem;border-radius:var(--elzem-radius-sm);transition:all var(--elzem-transition)}
.elzem-search-toggle:hover{color:var(--elzem-accent)}
.elzem-header-search{position:relative}
.elzem-search-form{position:absolute;top:calc(100% + 0.5rem);right:0;width:320px;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1rem;box-shadow:0 10px 40px rgba(0,0,0,0.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--elzem-transition);z-index:100}
.elzem-search-form.active{opacity:1;visibility:visible;transform:translateY(0)}
.elzem-search-form input[type="search"]{width:100%;background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);color:var(--elzem-text-primary);padding:0.6rem 1rem;border-radius:var(--elzem-radius-sm);outline:none;font-size:0.875rem}
.elzem-search-form input:focus{border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.elzem-mobile-toggle{display:none;background:none;border:none;color:var(--elzem-text-primary);cursor:pointer;padding:0.5rem}
.elzem-hamburger{width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between}
.elzem-hamburger span{display:block;height:2px;background:currentColor;border-radius:2px;transition:all var(--elzem-transition)}
.elzem-mobile-toggle.active .elzem-hamburger span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.elzem-mobile-toggle.active .elzem-hamburger span:nth-child(2){opacity:0}
.elzem-mobile-toggle.active .elzem-hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.elzem-categories-bar{background:var(--elzem-bg-secondary);border-bottom:1px solid var(--elzem-border);overflow-x:auto;scrollbar-width:none;min-height:42px;contain:layout}
.elzem-categories-bar::-webkit-scrollbar{display:none}
.elzem-categories-bar-inner{display:flex;align-items:center;gap:0.5rem;max-width:var(--elzem-container);margin:0 auto;padding:0.5rem 1.5rem;white-space:nowrap}
.elzem-cat-contained .elzem-categories-bar-inner{max-width:100%}
.elzem-cat-link{color:var(--elzem-text-muted);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:0.3rem 1rem;border-radius:var(--elzem-radius-full);transition:all var(--elzem-transition);white-space:nowrap}
.elzem-cat-link:hover,.elzem-cat-link.active{color:var(--elzem-accent);background:rgba(0,240,255,0.1)}

/* ====== HEADER NAV LAYOUT HELPERS (v3.1.1) ======
   These rules work together with the body/header classes emitted by header.php.
   - .elzem-nav-align-left/center/right/justify: text direction
   - .elzem-nav-shrink: menu takes natural width (don't expand)
   - .elzem-nav-expand: menu expands to fill available space (default)
*/
.elzem-nav-align-left .elzem-primary-nav ul{justify-content:flex-start;margin-right:auto}
.elzem-nav-align-right .elzem-primary-nav ul{justify-content:flex-end;margin-left:auto}
.elzem-nav-align-center .elzem-primary-nav{flex:1 1 auto;justify-content:center}
.elzem-nav-align-center .elzem-primary-nav ul{justify-content:center}
.elzem-nav-align-justify .elzem-primary-nav{flex:1 1 auto}
.elzem-nav-align-justify .elzem-primary-nav ul{display:flex;width:100%}
.elzem-nav-align-justify .elzem-primary-nav li{flex:1 1 0;text-align:center}
.elzem-nav-shrink .elzem-primary-nav{flex:0 0 auto}
.elzem-nav-expand .elzem-primary-nav{flex:1 1 auto;min-width:0}
/* Preset container tweaks (visual harmony per preset) */
.elzem-header-preset-glass .elzem-header-top{padding:0 2rem}
.elzem-header-preset-minimal-bar .elzem-logo-text{font-size:1.4rem}
.elzem-header-preset-underlined .elzem-header-top{padding:0 1.5rem;height:70px}
.elzem-header-preset-gradient .elzem-header-top{padding:0.6rem 1.5rem;height:auto;min-height:64px}
.elzem-header-preset-boxed .elzem-header-top{padding:0.8rem 1.5rem;height:auto;min-height:72px}
/* When nav has background per link, ensure display is inline-block so bg shapes correctly */
.elzem-primary-nav a{display:inline-block}
/* RTL: flip nav alignment automatically */
.elzem-rtl.elzem-nav-align-left .elzem-primary-nav ul{justify-content:flex-end;margin-left:auto;margin-right:0}
.elzem-rtl.elzem-nav-align-right .elzem-primary-nav ul{justify-content:flex-start;margin-right:auto;margin-left:0}
/* SLIDER */
.elzem-slider-wrapper{position:relative;overflow:hidden;margin-bottom:2rem;contain:layout style paint;min-height:280px;}
.elzem-slider{position:relative;width:100%;height:500px;aspect-ratio:1920/800;}
.elzem-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.6s ease;z-index:1}
.elzem-slide.active{opacity:1;z-index:2}
.elzem-slide-image{position:absolute;top:0;left:0;width:100%;height:100%}.elzem-slide-image img{width:100%;height:100%;object-fit:cover}
.elzem-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.1) 100%)}
.elzem-slide-content{position:absolute;bottom:0;left:0;right:0;padding:3rem 2.5rem;z-index:3}
.elzem-slider-brand{display:inline-block;font-size:1.5rem;font-weight:900;margin-bottom:0.75rem;background:linear-gradient(90deg,#ff0000,#ff7700,#ffff00,#00ff00,#0000ff,#8b00ff,#ff0000);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:elzem-rainbow 4s linear infinite}
.elzem-slide-category{display:inline-block;background:var(--elzem-gradient-main);color:#fff;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:0.25rem 1rem;border-radius:var(--elzem-radius-full);margin-bottom:1rem}
.elzem-slide-category a{color:#fff}
.elzem-slide-title{font-size:2.5rem;color:#fff;margin-bottom:1rem;max-width:700px;line-height:1.2}
.elzem-slide-title a{color:#fff}.elzem-slide-title a:hover{color:var(--elzem-accent)}
.elzem-slide-meta{display:flex;gap:1rem;color:rgba(255,255,255,0.7);font-size:0.875rem}
.elzem-slider-controls{position:absolute;bottom:2rem;right:2rem;display:flex;gap:0.5rem;z-index:5}
.elzem-slider-btn{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--elzem-transition)}
.elzem-slider-btn:hover{background:var(--elzem-accent);border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.elzem-slider-dots{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:0.5rem;z-index:5}
.elzem-slider-dot{width:16px;height:16px;min-width:16px;border-radius:50%;background:rgba(255,255,255,0.3);border:none;cursor:pointer;transition:all var(--elzem-transition);padding:0}
.elzem-slider-dot.active{background:var(--elzem-accent);width:36px;border-radius:8px;box-shadow:var(--elzem-glow-primary)}

/* POST CARDS */
.elzem-posts-grid{display:grid;gap:1.5rem}
.elzem-posts-grid.elzem-cols-2{grid-template-columns:repeat(2,1fr)}
.elzem-posts-grid.elzem-cols-3{grid-template-columns:repeat(3,1fr)}
.elzem-posts-grid.elzem-cols-4{grid-template-columns:repeat(4,1fr)}
.elzem-posts-list{display:flex;flex-direction:column;gap:1.5rem}
.elzem-posts-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.elzem-posts-magazine{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.elzem-posts-magazine .elzem-post-card:first-child{grid-column:1/-1}
.elzem-posts-masonry{column-count:3;column-gap:1.5rem}
.elzem-posts-masonry .elzem-post-card{break-inside:avoid;margin-bottom:1.5rem}
.elzem-post-card{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);overflow:hidden;display:flex;flex-direction:column;transition:all var(--elzem-transition);position:relative}
.elzem-animations-on .elzem-post-card{animation:elzem-fade-in-up 0.6s ease forwards;opacity:0}
.elzem-post-card:hover{transform:translateY(-4px);border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary);background:var(--elzem-bg-card-hover)}
.elzem-post-card-list{flex-direction:row!important;align-items:stretch}
.elzem-post-card-list .elzem-post-thumb{width:380px;flex-shrink:0;height:260px}
.elzem-post-card-list .elzem-post-body{flex:1}
.elzem-post-thumb{position:relative;overflow:hidden;height:220px;aspect-ratio:3/2;background:var(--elzem-bg-secondary);}
.elzem-post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.elzem-post-card:hover .elzem-post-thumb img{transform:scale(1.06)}
.elzem-no-thumb{width:100%;height:100%;background:var(--elzem-gradient-card);display:flex;align-items:center;justify-content:center}
.elzem-post-thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,0.6) 100%);opacity:0;transition:opacity var(--elzem-transition)}
.elzem-post-card:hover .elzem-post-thumb-overlay{opacity:1}
.elzem-post-category{position:absolute;top:0.75rem;left:0.75rem;z-index:2;display:flex;gap:0.5rem;flex-wrap:wrap}
.elzem-post-category a{display:inline-block;background:var(--elzem-gradient-main);color:#fff;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 10px;border-radius:var(--elzem-radius-full)}
.elzem-post-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}
.elzem-post-title{font-size:1.15rem;margin-bottom:0.5rem;line-height:1.4}
.elzem-post-title a{color:var(--elzem-text-primary);transition:color var(--elzem-transition)}
.elzem-post-title a:hover{color:var(--elzem-accent)}
.elzem-post-excerpt{color:var(--elzem-text-secondary);font-size:0.875rem;line-height:1.7;margin-bottom:0.75rem;flex:1}
.elzem-post-meta{display:flex;align-items:center;gap:1rem;color:var(--elzem-text-muted);font-size:0.75rem;padding-top:0.75rem;border-top:1px solid var(--elzem-border)}
.elzem-read-more{display:inline-flex;align-items:center;gap:0.25rem;color:var(--elzem-accent);font-weight:600;font-size:0.875rem;margin-top:0.75rem;transition:all var(--elzem-transition)}
.elzem-read-more:hover{color:var(--elzem-accent-secondary);gap:0.5rem}
.elzem-read-more::after{content:'\2192'}

/* SIDEBAR */
.elzem-sidebar{background:var(--elzem-sidebar-bg);backdrop-filter:blur(10px);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);overflow:hidden}
.elzem-widget{padding:1.25rem;border-bottom:1px solid var(--elzem-border)}.elzem-widget:last-child{border-bottom:none}
.elzem-widget-title{font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid transparent;border-image:var(--elzem-gradient-main) 1}
.elzem-latest-posts .elzem-post-item{display:flex;gap:0.75rem;padding:0.6rem 0;border-bottom:1px solid var(--elzem-border)}
.elzem-latest-posts .elzem-post-item:last-child{border-bottom:none}
.elzem-latest-posts .elzem-post-thumb{width:100px;height:100px;flex-shrink:0;border-radius:var(--elzem-radius-sm);overflow:hidden}
.elzem-latest-posts .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}
.elzem-latest-posts .elzem-post-info{flex:1;min-width:0}
.elzem-latest-posts .elzem-post-title{font-size:0.9rem;margin-bottom:0.25rem;line-height:1.4}
.elzem-latest-posts .elzem-post-title a{color:var(--elzem-text-primary)}.elzem-latest-posts .elzem-post-title a:hover{color:var(--elzem-accent)}
.elzem-post-meta-w{display:flex;flex-wrap:wrap;gap:0.4rem;font-size:0.75rem;color:var(--elzem-text-muted);margin-top:0.25rem}
.elzem-post-meta-w .elzem-post-cat{display:inline-block;background:var(--elzem-gradient-main);color:#fff;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:1px 6px;border-radius:var(--elzem-radius-full)}
/* Widget Sticky */
.elzem-sidebar-area:has(.elzem-widget-sticky){position:sticky;top:calc(var(--elzem-header-h) + 2rem);align-self:flex-start}
/* Widget Style 1 - Default */
.elzem-w-style-1 .elzem-post-item{display:flex;gap:0.75rem;padding:0.6rem 0;border-bottom:1px solid var(--elzem-border)}.elzem-w-style-1 .elzem-post-item:last-child{border-bottom:none}.elzem-w-style-1 .elzem-post-thumb{width:100px;height:100px;flex-shrink:0;border-radius:var(--elzem-radius-sm);overflow:hidden}.elzem-w-style-1 .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-w-style-1 .elzem-post-info{flex:1;min-width:0}
/* Widget Style 2 - Card */
.elzem-w-style-2 .elzem-post-item{display:flex;flex-direction:column;gap:0.5rem;padding:1rem;margin-bottom:1rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);transition:all var(--elzem-transition)}.elzem-w-style-2 .elzem-post-item:hover{border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}.elzem-w-style-2 .elzem-post-thumb{width:100%;height:160px;border-radius:var(--elzem-radius-sm);overflow:hidden}.elzem-w-style-2 .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-w-style-2 .elzem-post-info{flex:1}.elzem-w-style-2 .elzem-post-title{font-size:1rem}
/* Widget Style 3 - Minimal */
.elzem-w-style-3 .elzem-post-item{display:flex;align-items:center;gap:0.5rem;padding:0.4rem 0;border-bottom:none}.elzem-w-style-3 .elzem-post-thumb{width:50px;height:50px;flex-shrink:0;border-radius:var(--elzem-radius-full);overflow:hidden}.elzem-w-style-3 .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-w-style-3 .elzem-post-info{flex:1}.elzem-w-style-3 .elzem-post-title{font-size:0.8rem;margin-bottom:0}.elzem-w-style-3 .elzem-post-meta-w{display:none}
/* Widget Style 4 - Panorama (wide thumb + overlay) */
.elzem-w-style-4 .elzem-post-item{display:flex;flex-direction:column;margin-bottom:1rem;border-radius:var(--elzem-radius-md);overflow:hidden;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);transition:all var(--elzem-transition)}.elzem-w-style-4 .elzem-post-item:hover{border-color:var(--elzem-accent)}.elzem-w-style-4 .elzem-post-thumb{width:100%;height:180px;overflow:hidden;position:relative}.elzem-w-style-4 .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-w-style-4 .elzem-post-thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent 60%)}.elzem-w-style-4 .elzem-post-info{padding:0.75rem 1rem 1rem}.elzem-w-style-4 .elzem-post-title{margin-bottom:0.3rem}
/* Widget Style 5 - Grid (2 columns) */
.elzem-lp-style-5{display:flex;flex-wrap:wrap;gap:0}.elzem-lp-style-5 .elzem-lp-grid-row{display:contents}.elzem-lp-style-5 .elzem-post-item{width:calc(50% - 3px);padding:0.5rem;box-sizing:border-box;border-bottom:1px solid var(--elzem-border)}.elzem-lp-style-5 .elzem-post-item:nth-child(odd){border-left:1px solid var(--elzem-border)}.elzem-lp-style-5 .elzem-post-thumb{width:100%;height:80px;border-radius:var(--elzem-radius-sm);overflow:hidden;margin-bottom:0.4rem}.elzem-lp-style-5 .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-lp-style-5 .elzem-post-title{font-size:0.8rem;margin:0 0 0.2rem}.elzem-lp-style-5 .elzem-post-meta-w{font-size:0.65rem}.elzem-lp-style-5 .elzem-post-meta-w .elzem-post-cat{font-size:0.6rem}
/* Widget Style 6 - Compact timeline */
.elzem-w-style-6 .elzem-post-item{display:flex;align-items:center;gap:0.6rem;padding:0.5rem 0;border-bottom:1px dashed var(--elzem-border)}.elzem-w-style-6 .elzem-post-item:last-child{border-bottom:none}.elzem-w-style-6 .elzem-lp-date{font-size:0.7rem;color:var(--elzem-accent);font-weight:700;min-width:50px;text-align:center;flex-shrink:0}.elzem-w-style-6 .elzem-post-title{font-size:0.85rem;margin:0}.elzem-w-style-6 .elzem-post-title a{color:var(--elzem-text-primary)}.elzem-w-style-6 .elzem-post-title a:hover{color:var(--elzem-accent)}
/* Widget Style 7 - Magazine (big first + numbered list) */
.elzem-w-style-7 .elzem-post-item{margin-bottom:0.5rem}.elzem-w-style-7 .elzem-lp-featured{border-radius:var(--elzem-radius-md);overflow:hidden;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);margin-bottom:0.8rem}.elzem-w-style-7 .elzem-lp-featured .elzem-post-thumb{width:100%;height:160px}.elzem-w-style-7 .elzem-lp-featured .elzem-post-thumb img{width:100%;height:100%;object-fit:cover}.elzem-w-style-7 .elzem-lp-featured .elzem-post-info{padding:0.75rem 1rem 1rem}.elzem-w-style-7 .elzem-lp-featured .elzem-post-title{font-size:1.1rem}.elzem-w-style-7 .elzem-post-item:not(.elzem-lp-featured){display:flex;align-items:center;gap:0.6rem;padding:0.4rem 0;border-bottom:1px solid var(--elzem-border)}.elzem-w-style-7 .elzem-post-item:not(.elzem-lp-featured):last-child{border-bottom:none}.elzem-w-style-7 .elzem-lp-num{width:24px;height:24px;border-radius:50%;background:var(--elzem-gradient-main);color:#fff;font-size:0.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.elzem-w-style-7 .elzem-post-item:not(.elzem-lp-featured) .elzem-post-title{font-size:0.8rem;margin:0}
/* Widget Style 8 - Full cover (image background + text overlay) */
.elzem-w-style-8 .elzem-post-item{margin-bottom:0.8rem;border-radius:var(--elzem-radius-md);overflow:hidden;position:relative;min-height:160px}.elzem-w-style-8 .elzem-post-thumb-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.2) 70%,transparent);z-index:1}.elzem-w-style-8 .elzem-post-info{position:relative;z-index:2;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:160px}.elzem-w-style-8 .elzem-post-title{margin:0 0 0.3rem}.elzem-w-style-8 .elzem-post-title a{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.5)}.elzem-w-style-8 .elzem-post-meta-w{color:rgba(255,255,255,0.8);font-size:0.75rem}.elzem-w-style-8 .elzem-post-meta-w .elzem-post-cat{background:rgba(255,255,255,0.2);color:#fff}
.elzem-social-links{display:flex;flex-wrap:wrap;gap:0.5rem}
.elzem-social-icon{width:40px;height:40px;border-radius:var(--elzem-radius-sm);display:flex;align-items:center;justify-content:center;background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);color:var(--elzem-text-secondary);transition:all var(--elzem-transition)}
.elzem-social-icon:hover{border-color:var(--elzem-accent);color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary);transform:translateY(-2px)}

/* TABLES - Dark theme global styling */
.elzem-single-content table,.elzem-page-content table,.entry-content table,.elzem-compare-table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,0.25);font-size:0.95rem;direction:inherit;background:var(--elzem-bg-card);color:var(--elzem-text-primary)}
.elzem-single-content thead,.elzem-page-content thead,.entry-content thead,.elzem-compare-table thead{background:linear-gradient(135deg,#0d1b2a,#1b2a4a);color:var(--elzem-text-primary)}
.elzem-single-content thead th,.elzem-page-content thead th,.entry-content thead th,.elzem-compare-table thead th{padding:0.9rem 1.2rem;text-align:center;font-weight:700;font-size:0.95rem;border-left:1px solid rgba(255,255,255,0.06);white-space:nowrap;color:var(--elzem-text-primary)}
.elzem-single-content thead th:last-child,.elzem-page-content thead th:last-child,.entry-content thead th:last-child{border-left:none}
.elzem-single-content thead th:first-child,.elzem-page-content thead th:first-child,.entry-content thead th:first-child{background:rgba(0,0,0,0.15);text-align:start}
.elzem-single-content tbody td,.elzem-page-content tbody td,.entry-content tbody td,.elzem-compare-table tbody td{padding:0.8rem 1.2rem;text-align:center;border-bottom:1px solid var(--elzem-border);color:var(--elzem-text-secondary);transition:background 0.2s}
.elzem-single-content tbody td:first-child,.elzem-page-content tbody td:first-child,.entry-content tbody td:first-child{text-align:start;font-weight:700;color:var(--elzem-accent);background:rgba(255,255,255,0.03)}
.elzem-single-content tbody tr:nth-child(odd) td,.elzem-page-content tbody tr:nth-child(odd) td,.entry-content tbody tr:nth-child(odd) td,.elzem-compare-table tbody tr:nth-child(odd) td{background:var(--elzem-bg-card)}
.elzem-single-content tbody tr:nth-child(even) td,.elzem-page-content tbody tr:nth-child(even) td,.entry-content tbody tr:nth-child(even) td,.elzem-compare-table tbody tr:nth-child(even) td{background:rgba(255,255,255,0.03)}
.elzem-single-content tbody tr:nth-child(even) td:first-child,.elzem-page-content tbody tr:nth-child(even) td:first-child,.entry-content tbody tr:nth-child(even) td:first-child{background:rgba(255,255,255,0.05)}
.elzem-single-content tbody tr:hover td,.elzem-page-content tbody tr:hover td,.entry-content tbody tr:hover td,.elzem-compare-table tbody tr:hover td{background:rgba(0,240,255,0.08)}
.elzem-single-content tbody tr:hover td:first-child,.elzem-page-content tbody tr:hover td:first-child,.entry-content tbody tr:hover td:first-child{background:rgba(0,240,255,0.12)}
.elzem-single-content table caption,.elzem-page-content table caption,.entry-content table caption{padding:1rem;font-weight:800;font-size:1.2rem;background:linear-gradient(135deg,#0d1b2a,#1b2a4a);color:var(--elzem-accent);text-align:center;caption-side:top;border-radius:12px 12px 0 0;border-bottom:2px solid var(--elzem-accent)}

/* SINGLE POST */
body.single .elzem-single-post{max-width:800px;margin:0 auto}
.elzem-single-title{font-size:2.5rem;margin-bottom:1.25rem}
.elzem-single-meta{display:flex;align-items:center;gap:1.25rem;color:var(--elzem-text-muted);font-size:0.875rem;padding-bottom:1.25rem;border-bottom:1px solid var(--elzem-border);flex-wrap:wrap}
.elzem-single-featured{margin-bottom:2rem;border-radius:var(--elzem-radius-lg);overflow:hidden;margin-left:auto;margin-right:auto}
.elzem-single-featured img{width:100%;height:auto}
.elzem-single-content{color:var(--elzem-text-secondary);font-size:1.1rem;line-height:1.9}
.elzem-single-content h2,.elzem-single-content h3,.elzem-single-content h4{color:var(--elzem-text-primary);margin-top:2rem}
.elzem-single-content p{margin-bottom:1.25rem}
.elzem-single-content blockquote{border-left:3px solid var(--elzem-accent);padding:1.25rem 1.5rem;margin:1.5rem 0;background:var(--elzem-bg-card);border-radius:0 var(--elzem-radius-md) var(--elzem-radius-md) 0;font-style:italic;color:var(--elzem-text-primary)}
.elzem-single-content img{border-radius:var(--elzem-radius-md);margin:1.5rem 0}
.elzem-single-content a{color:var(--elzem-accent);text-decoration:underline;text-underline-offset:3px}
.elzem-post-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--elzem-border);align-items:center}
.elzem-post-tags span{font-weight:600;color:var(--elzem-text-muted);font-size:0.875rem}
.elzem-post-tags a{display:inline-block;padding:0.25rem 0.75rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-full);color:var(--elzem-text-secondary);font-size:0.75rem;transition:all var(--elzem-transition)}
.elzem-post-tags a:hover{border-color:var(--elzem-accent);color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.elzem-share-bar{display:flex;align-items:center;gap:0.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--elzem-border);flex-wrap:wrap}
.elzem-share-label{font-weight:600;color:var(--elzem-text-primary);font-size:0.875rem}
.elzem-share-btn{display:inline-flex;align-items:center;gap:0.25rem;padding:0.5rem 1rem;border-radius:var(--elzem-radius-full);font-size:0.8rem;font-weight:600;color:#fff;transition:all var(--elzem-transition);border:none;cursor:pointer}
.elzem-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.3)}
.elzem-share-facebook{background:#1877f2}.elzem-share-twitter{background:#1da1f2}.elzem-share-whatsapp{background:#25d366}.elzem-share-telegram{background:#0088cc}
.elzem-related-posts{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--elzem-border)}
.elzem-section-title{margin-bottom:1.5rem}

/* FOOTER */
.elzem-footer{background:var(--elzem-footer-bg);border-top:1px solid var(--elzem-border);position:relative}
.elzem-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--elzem-gradient-main)}
/* The grid container: every direct child MUST be a column wrapper (.elzem-footer-col), never a bare widget. */
.elzem-footer-widgets{max-width:var(--elzem-container);margin:0 auto;padding:3rem 1.5rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.elzem-footer-cols-2 .elzem-footer-widgets{grid-template-columns:repeat(2,1fr)}
.elzem-footer-cols-3 .elzem-footer-widgets{grid-template-columns:repeat(3,1fr)}
.elzem-footer-cols-4 .elzem-footer-widgets{grid-template-columns:repeat(4,1fr)}
.elzem-footer-cols-5 .elzem-footer-widgets{grid-template-columns:repeat(5,1fr)}
.elzem-footer-cols-6 .elzem-footer-widgets{grid-template-columns:repeat(6,1fr)}
/* Column wrapper: critical min-width:0 + overflow-wrap so long URLs/menu items don't blow out the grid track */
.elzem-footer-col{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:1.5rem;overflow-wrap:anywhere;word-break:break-word}
.elzem-footer-widget-title{font-size:1.1rem;font-weight:700;color:var(--elzem-text-primary);margin-bottom:1rem;padding-bottom:0.75rem;position:relative}
.elzem-footer-widget-title::after{content:'';position:absolute;bottom:0;left:0;width:50px;height:2px;background:var(--elzem-gradient-main);border-radius:4px}
.elzem-footer-widget{color:var(--elzem-text-secondary);min-width:0;max-width:100%}.elzem-footer-widget a{color:var(--elzem-text-secondary);transition:color var(--elzem-transition)}.elzem-footer-widget a:hover{color:var(--elzem-accent)}
.elzem-footer-widget ul{list-style:none;padding:0;margin:0}.elzem-footer-widget li{padding:0.3rem 0;border-bottom:1px solid rgba(255,255,255,0.05)}.elzem-footer-widget li:last-child{border-bottom:none}
.elzem-footer-menu-fallback{list-style:none;padding:0;margin:0}.elzem-footer-menu-fallback li{padding:0.35rem 0;border-bottom:1px solid rgba(255,255,255,0.04)}.elzem-footer-menu-fallback li:last-child{border-bottom:none}.elzem-footer-menu-fallback a{color:var(--elzem-text-secondary);font-size:0.875rem;transition:color var(--elzem-transition);display:inline-block;width:100%}.elzem-footer-menu-fallback a:hover{color:var(--elzem-accent);transform:translateX(-3px)}
.elzem-footer-col-title{font-size:1.15rem;font-weight:900;letter-spacing:1px;margin:0 0 1rem;text-transform:uppercase}

/* ===== Homepage poster slider (landscape, continuous CSS marquee) ===== */
.as-hero-section{position:relative;padding:12px 0 16px;margin:0 0 16px;background:#0a0a0f;overflow:hidden}
.as-hero-heading{font-size:1.5rem;font-weight:900;letter-spacing:.5px;padding:0 14px 12px;margin:0;text-align:center}
.as-marquee-viewport{overflow:hidden;width:100%}
.as-marquee-track{display:flex;flex-wrap:nowrap;width:max-content;will-change:transform}
.as-slide{width:400px;flex:0 0 auto;margin:10px;direction:rtl}
.as-poster-card{position:relative;width:100%;height:280px;overflow:hidden;border-radius:12px;background:#16161f;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.as-poster-link{display:block;width:100%;height:100%}
.as-poster-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.as-poster-card:hover .as-poster-img{transform:scale(1.06)}
.as-poster-ph{background:linear-gradient(135deg,#1b1b2b,#2a2a45);display:flex;align-items:center;justify-content:center}
.as-poster-ph::after{content:"\2022";color:rgba(255,255,255,.15);font-size:46px}
.as-poster-badge{position:absolute;top:10px;left:10px;z-index:20;background:linear-gradient(135deg,#00f0ff,#ff00ff);color:#fff;font-size:12px;font-weight:800;padding:4px 10px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.as-poster-info{position:absolute;left:0;right:0;bottom:0;z-index:15;padding:40px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,0));pointer-events:none}
.as-poster-title{margin:0;color:#fff;font-size:16px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.as-poster-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:18;width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.as-poster-card:hover .as-poster-play{opacity:1}
.as-poster-play::before{content:"";width:0;height:0;border-style:solid;border-width:13px 0 13px 20px;border-color:transparent transparent transparent #fff;margin-left:5px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}
@keyframes asMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.as-slide{width:240px;margin:8px!important}.as-poster-card{height:170px}.as-poster-title{font-size:14px}}
/* Brand column (logo + description + social) */
.elzem-footer-col-brand{display:flex;flex-direction:column;gap:1rem}
.elzem-footer-brand{display:flex;flex-direction:column;gap:0.85rem}
.elzem-footer-brand .custom-logo-link,.elzem-footer-brand .elzem-footer-logo-img{display:inline-block;max-width:180px;height:auto}
.elzem-footer-logo-text{font-size:1.8rem;font-weight:900;background:var(--elzem-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-transform:uppercase;line-height:1.2}
.elzem-footer-brand-desc{color:var(--elzem-text-secondary);font-size:0.85rem;line-height:1.7;margin:0}
.elzem-footer .elzem-social-links{margin-top:0.5rem}
/* RTL: explicit direction so source order matches visual right-to-left flow */
.elzem-rtl .elzem-footer-widgets{direction:rtl}
.elzem-rtl .elzem-footer-widget-title::after{left:auto;right:0}
.elzem-rtl .elzem-footer-menu-fallback a:hover{transform:translateX(3px)}
.elzem-footer-bottom{border-top:1px solid var(--elzem-border);padding:1.25rem 1.5rem}
.elzem-footer-bottom-inner{max-width:var(--elzem-container);margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.elzem-copyright{color:var(--elzem-text-muted);font-size:0.875rem}
.elzem-footer-menu ul{display:flex;list-style:none;gap:1.5rem;padding:0;margin:0}
.elzem-footer-menu a{color:var(--elzem-text-muted);font-size:0.875rem;transition:color var(--elzem-transition)}.elzem-footer-menu a:hover{color:var(--elzem-accent)}
.elzem-newsletter-form input[type="email"]{width:100%;padding:10px;background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-sm);color:var(--elzem-text-primary);margin-bottom:10px}
.elzem-newsletter-form button{width:100%;padding:10px;background:var(--elzem-gradient-main);color:#fff;border:none;border-radius:var(--elzem-radius-sm);font-weight:700;cursor:pointer}

/* ADS */
.elzem-ad{text-align:center;padding:1rem}.elzem-ad-header-top{background:var(--elzem-bg-secondary);border-bottom:1px solid var(--elzem-border)}.elzem-ad-header-bottom{background:var(--elzem-bg-secondary);border-bottom:1px solid var(--elzem-border)}.elzem-ad-mid{margin:2rem 0}.elzem-ad-footer{border-top:1px solid var(--elzem-border)}

/* PAGINATION */
.elzem-pagination{display:flex;justify-content:center;gap:0.5rem;margin-top:2.5rem}
.elzem-pagination a,.elzem-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-sm);color:var(--elzem-text-secondary);font-weight:600;font-size:0.875rem;transition:all var(--elzem-transition)}
.elzem-pagination a:hover,.elzem-pagination span.current{background:var(--elzem-accent);border-color:var(--elzem-accent);color:#fff;box-shadow:var(--elzem-glow-primary)}

/* BACK TO TOP */
.elzem-back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--elzem-gradient-main);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:999;box-shadow:0 4px 20px rgba(0,0,0,0.3);pointer-events:none}

.elzem-back-to-top:hover{box-shadow:var(--elzem-glow-primary);transform:translateY(-3px) scale(1.05)}
.elzem-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}

/* 404 */
.elzem-404{text-align:center;padding:4rem 0}
.elzem-404-title{font-size:8rem;background:var(--elzem-gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.elzem-404-subtitle{font-size:1.5rem;color:var(--elzem-text-secondary);margin-bottom:1.5rem}

/* ANIMATIONS */
@keyframes elzem-glow-text{from{text-shadow:0 0 10px rgba(0,240,255,0.3),0 0 20px rgba(0,240,255,0.2)}to{text-shadow:0 0 20px rgba(255,0,255,0.4),0 0 40px rgba(255,0,255,0.2)}}
@keyframes elzem-fade-in-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes elzem-rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes elzem-pulse-glow{0%,100%{box-shadow:0 0 5px rgba(0,240,255,0.3)}50%{box-shadow:0 0 20px rgba(0,240,255,0.6),0 0 40px rgba(0,240,255,0.2)}}
@keyframes elzem-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.elzem-rainbow-text{background:linear-gradient(90deg,#ff0000,#ff7700,#ffff00,#00ff00,#0000ff,#8b00ff,#ff0000);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:elzem-rainbow 4s linear infinite}

.elzem-post-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.03),transparent);z-index:1;pointer-events:none}
.elzem-post-card:hover::before{animation:elzem-shimmer 1.5s ease-in-out}

/* BREADCRUMBS */
.elzem-breadcrumb{padding:1rem 0;font-size:0.85rem;color:var(--elzem-text-muted)}.elzem-breadcrumb a{color:var(--elzem-accent);transition:color .2s}.elzem-breadcrumb a:hover{color:var(--elzem-accent-secondary)}.elzem-breadcrumb span{margin:0 0.4rem;color:var(--elzem-text-muted)}
.elzem-archive-title{font-size:1.8rem;margin-bottom:1.5rem}.elzem-archive-desc{color:var(--elzem-text-secondary);margin-bottom:1.5rem;font-size:0.95rem}

/* READING TIME & AUTHOR BOX */
.elzem-reading-time{display:inline-flex;align-items:center;gap:4px;color:var(--elzem-text-muted);font-size:0.8rem;margin-left:0.5rem}
.elzem-rtl .elzem-reading-time{margin-left:0;margin-right:0.5rem}
.elzem-author-box{display:flex;gap:1rem;padding:1.5rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);margin-top:2rem;align-items:center}.elzem-author-box .avatar{border-radius:50%;border:2px solid var(--elzem-accent)}.elzem-author-box h4{margin:0 0 0.25rem;font-size:1rem}.elzem-author-box p{margin:0;font-size:0.85rem;color:var(--elzem-text-secondary)}
.elzem-ad-between{margin:1.5rem 0;padding:1rem;text-align:center}
.elzem-page-title{margin-bottom:1.5rem}

/* RESPONSIVE - Complete Mobile & Device Support */
@media(max-width:1200px){.elzem-posts-grid.elzem-cols-4{grid-template-columns:repeat(3,1fr)}.elzem-posts-masonry{column-count:2}.elzem-sidebar-area{width:280px}}
@media(max-width:1024px){.elzem-main-layout{gap:1.5rem}.elzem-slider{height:420px}.elzem-slide-title{font-size:2rem}}
@media(max-width:992px){.elzem-main-layout{flex-direction:column}.elzem-sidebar-area{width:100%}.elzem-sidebar-sticky{position:static}.elzem-posts-grid.elzem-cols-3,.elzem-posts-grid.elzem-cols-4{grid-template-columns:repeat(2,1fr)}.elzem-slider{height:380px}.elzem-slide-title{font-size:1.8rem}.elzem-slide-content{padding:2rem}.elzem-single-title{font-size:2.2rem}}
@media(max-width:768px){.elzem-header-top{padding:0 1rem;height:56px}.elzem-logo-text{font-size:1.4rem}.elzem-primary-nav{display:none}.elzem-mobile-toggle{display:flex}.elzem-primary-nav.mobile-open{display:flex;position:absolute;top:56px;left:0;right:0;background:var(--elzem-header-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--elzem-border);padding:1rem;z-index:100;max-height:80vh;overflow-y:auto}.elzem-primary-nav.mobile-open ul{flex-direction:column;gap:0.5rem}.elzem-primary-nav.mobile-open .elzem-nav-menu{flex-direction:column}.elzem-primary-nav.mobile-open li{width:100%}.elzem-primary-nav.mobile-open a{display:block;padding:0.75rem 1rem;border-radius:var(--elzem-radius-sm)}.elzem-categories-bar-inner{padding:0.4rem 1rem}.elzem-cat-link{font-size:0.7rem;padding:0.2rem 0.6rem}.elzem-posts-grid.elzem-cols-2,.n.elzem-posts-grid.elzem-cols-3,.elzem-posts-grid.elzem-cols-4{grid-template-columns:1fr}.elzem-posts-cards{grid-template-columns:1fr}.elzem-posts-magazine{grid-template-columns:1fr}.elzem-posts-masonry{column-count:1}.elzem-post-card-list{flex-direction:column!important}.elzem-post-card-list .elzem-post-thumb{width:100%;height:240px}.elzem-footer-cols-4 .elzem-footer-widgets,.elzem-footer-cols-3 .elzem-footer-widgets{grid-template-columns:repeat(2,1fr)}.elzem-slider{height:280px}.elzem-slide-title{font-size:1.3rem}.elzem-slide-content{padding:1.25rem}.elzem-slide-meta{font-size:0.75rem}.elzem-footer-bottom-inner{flex-direction:column;gap:0.75rem;text-align:center}.elzem-single-title{font-size:1.8rem}.elzem-single-meta{flex-wrap:wrap;gap:0.5rem;font-size:0.8rem}.elzem-share-bar{flex-wrap:wrap;gap:0.5rem}.elzem-share-btn{padding:0.4rem 0.75rem;font-size:0.75rem}.elzem-related-posts .elzem-posts-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.elzem-author-box{flex-direction:column;text-align:center}.elzem-breadcrumb{font-size:0.75rem;padding:0.5rem 0}.elzem-archive-title{font-size:1.4rem}}
@media(max-width:576px){.elzem-container{padding:0 0.75rem}.elzem-admin-body{padding:15px!important}.elzem-posts-grid{gap:1rem}.elzem-post-thumb{height:180px}.elzem-post-card-list .elzem-post-thumb{width:100%;height:220px}.elzem-post-body{padding:1rem}.elzem-post-title{font-size:1rem}.elzem-single-title{font-size:1.5rem}.elzem-single-content{font-size:1rem}.elzem-single-featured{margin-bottom:1.5rem}.elzem-footer-cols-4 .elzem-footer-widgets,.elzem-footer-cols-3 .elzem-footer-widgets,.elzem-footer-cols-2 .elzem-footer-widgets{grid-template-columns:1fr}.elzem-slider{height:220px}.elzem-slide-title{font-size:1.1rem}.elzem-slider-controls{display:none}.elzem-404-title{font-size:4rem}.elzem-related-posts .elzem-posts-grid{grid-template-columns:1fr!important}.elzem-pagination{gap:0.25rem}.elzem-pagination a,.elzem-pagination span{min-width:34px;height:34px;font-size:0.8rem}}
@media(max-width:360px){.elzem-logo-text{font-size:1.2rem}.elzem-header-search{display:none}.elzem-slider{height:180px}.elzem-slide-title{font-size:1rem}.elzem-slide-content{padding:1rem}}
@media(hover:none){.elzem-post-card:hover{transform:none}.elzem-share-btn:hover{transform:none}.elzem-back-to-top:hover{transform:none}.elzem-social-icon:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.elzem-post-card,.elzem-share-btn,.elzem-back-to-top,.elzem-social-icon{transition-duration:0.01ms!important}.elzem-animations-on .elzem-post-card{opacity:1!important}}
@media(orientation:landscape) and (max-height:500px){.elzem-slider{height:200px}.elzem-slide-content{padding:1rem}}
@supports(padding:max(0px)){.elzem-site{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.elzem-footer{padding-bottom:env(safe-area-inset-bottom)}.elzem-back-to-top{bottom:calc(30px + env(safe-area-inset-bottom))}}
@media print{.elzem-header,.elzem-sidebar,.elzem-footer,.elzem-back-to-top,.elzem-slider-wrapper,.elzem-ad,.elzem-breadcrumb,.elzem-share-bar,.elzem-related-posts,.elzem-author-box{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt!important}.elzem-content-area{max-width:100%}.elzem-single-post{max-width:100%}.elzem-single-content{color:#000!important}.elzem-single-title{font-size:18pt!important;color:#000!important}}

/* ============================================================
 * FIX #20: CSS for the 6 Ready-Made Header Presets
 * Each preset adds a distinctive style to the navigation links
 * Activated by .elzem-header-preset-{name} class on <header>
 * ============================================================ */

/* Preset 1: Neon Glow — dark + neon underline on hover */
.elzem-header-preset-neon .elzem-primary-nav a{position:relative;transition:all .3s ease}
.elzem-header-preset-neon .elzem-primary-nav a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--elzem-accent),var(--elzem-accent-secondary));transition:all .3s ease;transform:translateX(-50%);box-shadow:0 0 8px var(--elzem-accent)}
.elzem-header-preset-neon .elzem-primary-nav a:hover::after,
.elzem-header-preset-neon .elzem-primary-nav .current-menu-item > a::after{width:80%}
.elzem-header-preset-neon .elzem-primary-nav a:hover{color:var(--elzem-accent);text-shadow:0 0 10px var(--elzem-accent)}

/* Preset 2: Glass Morphism — blur + transparent + thin border */
.elzem-header-preset-glass .elzem-header-top{background:rgba(255,255,255,0.05)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,0.1)}
.elzem-header-preset-glass .elzem-primary-nav a{padding:0.5rem 1rem;border-radius:8px;transition:all .3s ease}
.elzem-header-preset-glass .elzem-primary-nav a:hover{background:rgba(255,255,255,0.08);color:var(--elzem-accent)}

/* Preset 3: Minimal Bar — thin header + quiet links + bottom-border active */
.elzem-header-preset-minimal-bar .elzem-header-top{height:50px!important}
.elzem-header-preset-minimal-bar .elzem-primary-nav a{font-size:14px;font-weight:500;color:var(--elzem-text-secondary);padding:0.4rem 0.8rem;transition:color .2s}
.elzem-header-preset-minimal-bar .elzem-primary-nav a:hover{color:var(--elzem-accent)}
.elzem-header-preset-minimal-bar .elzem-primary-nav .current-menu-item > a{color:var(--elzem-accent);border-bottom:2px solid var(--elzem-accent)}

/* Preset 4: Gradient Pill Buttons — pill-shaped gradient buttons */
.elzem-header-preset-gradient .elzem-primary-nav a{display:inline-block;padding:0.5rem 1.25rem;border-radius:50px;background:linear-gradient(135deg,var(--elzem-accent),var(--elzem-accent-secondary));color:#fff!important;font-weight:600;font-size:13px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.elzem-header-preset-gradient .elzem-primary-nav a:hover{transform:translateY(-3px);box-shadow:0 6px 15px var(--elzem-shadow-color)}
.elzem-header-preset-gradient .elzem-primary-nav .current-menu-item > a{box-shadow:0 4px 12px var(--elzem-shadow-color),0 0 0 2px rgba(255,255,255,0.2)}

/* Preset 5: Boxed Cards — each link is a card with shadow */
.elzem-header-preset-boxed .elzem-primary-nav a{display:inline-block;padding:0.6rem 1rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:10px;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.elzem-header-preset-boxed .elzem-primary-nav a:hover{box-shadow:0 6px 12px var(--elzem-shadow-color);transform:translateY(-2px);border-color:var(--elzem-accent)}
.elzem-header-preset-boxed .elzem-primary-nav .current-menu-item > a{border-color:var(--elzem-accent);box-shadow:0 4px 10px var(--elzem-shadow-color)}

/* Preset 6: Underlined Magazine — editorial style with animated underline */
.elzem-header-preset-underlined .elzem-primary-nav a{position:relative;font-weight:700;font-size:15px;padding:0.5rem 0;color:var(--elzem-text-primary);transition:color .2s}
.elzem-header-preset-underlined .elzem-primary-nav a::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;background:var(--elzem-accent);transition:width .35s ease}
.elzem-header-preset-underlined .elzem-primary-nav a:hover::before,
.elzem-header-preset-underlined .elzem-primary-nav .current-menu-item > a::before{width:100%}
.elzem-header-preset-underlined .elzem-primary-nav a:hover{color:var(--elzem-accent)}
.elzem-header-preset-underlined .elzem-primary-nav .current-menu-item > a{color:var(--elzem-accent)}

/* ============================================================
 * FIX #7: Compare button hover effect (replaces inline JS)
 * ============================================================ */
.elzem-compare-btn-hover{cursor:pointer;transition:all .3s ease}
.elzem-compare-btn-hover:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(124,58,237,0.6)!important}

/* ============================================================
 * FIX #34: Left side ad styling (fixed sidebar)
 * ============================================================ */
.elzem-ad-left-side{position:fixed;left:15px;top:50%;transform:translateY(-50%);width:160px;max-width:18vw;z-index:50;padding:10px;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.2)}
.elzem-rtl .elzem-ad-left-side{left:auto;right:15px}
@media(max-width:1280px){.elzem-ad-left-side{display:none!important}}

/* ============================================================
 * FIX #5: Page Templates — full-width and narrow page bodies
 * ============================================================ */
.page-template-full-width .elzem-content-area,
.page-template-template-full .elzem-content-area{max-width:100%!important}
.page-template-narrow .elzem-content-area,
.page-template-template-narrow .elzem-content-area{max-width:800px;margin:0 auto}

/* ============================================================
 * RTL: Breadcrumb separator fixes
 * ============================================================ */
.elzem-rtl .elzem-breadcrumb-sep{display:inline-block;transform:scaleX(-1)}

/* ============================================================
 * ELZEM PLUGIN PRODUCT STYLING
 * All plugin HTML classes styled by the theme.
 * Plugin outputs clean HTML with semantic classes only.
 * ============================================================ */

/* Product Grid (shortcode) */
.elzem-products-grid{display:grid;gap:1.5rem;margin:2rem 0}
.elzem-products-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.elzem-products-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.elzem-products-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
.elzem-products-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}

/* Product Card */
.elzem-product-card{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);overflow:hidden;transition:all var(--elzem-transition);position:relative}
.elzem-product-card:hover{transform:translateY(-4px);border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.elzem-product-card-link{display:block;text-decoration:none;color:inherit}
.elzem-product-card-image{width:100%;height:220px;overflow:hidden;background:var(--elzem-bg-secondary)}
.elzem-product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.elzem-product-card:hover .elzem-product-card-image img{transform:scale(1.08)}
.elzem-product-card-badge{position:absolute;top:0.75rem;right:0.75rem;background:var(--elzem-gradient-main);color:#fff;font-size:0.7rem;font-weight:700;padding:0.25rem 0.75rem;border-radius:var(--elzem-radius-full);z-index:2}
.elzem-product-card-body{padding:1.25rem}
.elzem-product-card-title{font-size:1.05rem;font-weight:700;color:var(--elzem-text-primary);margin-bottom:0.5rem;line-height:1.4}
.elzem-product-card-title a{color:var(--elzem-text-primary)}.elzem-product-card-title a:hover{color:var(--elzem-accent)}
.elzem-product-card-rating{display:flex;align-items:center;gap:0.25rem;margin-bottom:0.5rem}
.elzem-stars{color:#fbbf24;font-size:0.9rem;letter-spacing:1px}

/* Slider (shortcode) */
.elzem-slide-card{position:relative;border-radius:var(--elzem-radius-lg);overflow:hidden;min-height:400px;background:var(--elzem-bg-card)}
.elzem-slide-card .elzem-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.3) 60%,transparent 100%);z-index:1}
.elzem-slide-card .elzem-slide-content{position:absolute;bottom:0;left:0;right:0;padding:2.5rem;z-index:2;color:#fff}
.elzem-slide-card .elzem-slide-title{font-size:1.8rem;font-weight:800;margin-bottom:0.75rem;color:#fff}
.elzem-slide-card .elzem-slide-price{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--elzem-accent)}
.elzem-slide-card .elzem-slide-btn{display:inline-block;padding:0.6rem 1.5rem;background:var(--elzem-gradient-main);color:#fff;border-radius:var(--elzem-radius-full);font-weight:700;text-decoration:none;transition:all var(--elzem-transition)}
.elzem-slide-card .elzem-slide-btn:hover{transform:translateY(-2px);box-shadow:var(--elzem-glow-primary)}
.elzem-slide-card img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}

/* Admin Controls */
.elzem-admin-controls{display:flex;gap:0.5rem;align-items:center}
.elzem-admin-edit{display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.8rem;background:var(--elzem-accent);color:#fff;font-size:0.8rem;font-weight:600;border-radius:var(--elzem-radius-sm);text-decoration:none;transition:all var(--elzem-transition)}
.elzem-admin-edit:hover{background:var(--elzem-accent-secondary);transform:translateY(-1px)}
.elzem-admin-views{display:inline-flex;align-items:center;gap:0.3rem;padding:0.3rem 0.8rem;background:var(--elzem-bg-card);border:1px solid var(--elzem-border);color:var(--elzem-text-secondary);font-size:0.8rem;border-radius:var(--elzem-radius-sm);text-decoration:none;transition:all var(--elzem-transition)}
.elzem-admin-views:hover{border-color:var(--elzem-accent);color:var(--elzem-accent)}

/* Product Archive Layout */
.archive-wrapper{max-width:var(--elzem-container);margin:2rem auto;padding:0 1.5rem;display:grid;grid-template-columns:280px 1fr;gap:2rem}
.sidebar-filter{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1.5rem;height:fit-content;position:sticky;top:calc(var(--elzem-header-h) + 1.5rem)}
.sidebar-title{font-size:1.1rem;font-weight:700;color:var(--elzem-text-primary);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:2px solid var(--elzem-accent)}
.cat-list{list-style:none;padding:0;margin:0}
.cat-list li{margin-bottom:0.5rem}
.cat-list a{display:block;padding:0.5rem 0.75rem;color:var(--elzem-text-secondary);font-weight:500;border-radius:var(--elzem-radius-sm);text-decoration:none;transition:all var(--elzem-transition)}
.cat-list a:hover,.cat-list a.active{background:var(--elzem-accent);color:#fff}
.products-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}
.product-card{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);overflow:hidden;transition:all var(--elzem-transition);position:relative}
.product-card:hover{transform:translateY(-4px);border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.card-img{height:200px;background:var(--elzem-bg-secondary);position:relative;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}
.product-card:hover .card-img img{transform:scale(1.06)}
.card-body{padding:1.25rem}
.card-title{font-size:1.1rem;font-weight:700;color:var(--elzem-text-primary);margin:0 0 0.5rem}
.card-price{font-size:1.3rem;font-weight:800;color:var(--elzem-accent);margin-bottom:0.5rem}
.elzem-old-price{font-size:0.85rem;color:var(--elzem-text-muted);text-decoration:line-through;margin-right:0.5rem}
.btn-view-card{display:block;width:100%;text-align:center;padding:0.6rem;background:var(--elzem-gradient-main);color:#fff;border-radius:var(--elzem-radius-sm);font-weight:700;text-decoration:none;transition:all var(--elzem-transition);margin-top:0.75rem}
.btn-view-card:hover{transform:translateY(-2px);box-shadow:var(--elzem-glow-primary)}
.archive-badge{position:absolute;top:0.5rem;right:0.5rem;padding:0.2rem 0.6rem;border-radius:var(--elzem-radius-full);font-size:0.7rem;font-weight:700;color:#fff;z-index:2}
.badge-new{background:var(--elzem-accent)}
.badge-sale{background:#ef4444}
.settings-indicator{display:inline-block;margin-left:0.5rem;padding:0.15rem 0.5rem;background:rgba(0,240,255,0.1);border:1px solid rgba(0,240,255,0.2);border-radius:var(--elzem-radius-sm);font-size:0.7rem;color:var(--elzem-accent)}

/* Archive Header */
.elzem-archive-header{margin-bottom:1.5rem}
.elzem-archive-title{font-size:1.8rem;color:var(--elzem-text-primary);margin-bottom:0.5rem}
.elzem-archive-desc{color:var(--elzem-text-secondary);font-size:0.95rem}
.elzem-empty-msg{grid-column:1/-1;text-align:center;padding:3rem;color:var(--elzem-text-muted)}
.elzem-archive-pagination{margin-top:2rem;text-align:center}

/* Archive Search & Tags */
.elzem-search-input{width:100%;padding:0.6rem 1rem;background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-sm);color:var(--elzem-text-primary);font-size:0.875rem;outline:none;transition:border-color var(--elzem-transition)}
.elzem-search-input:focus{border-color:var(--elzem-accent);box-shadow:var(--elzem-glow-primary)}
.elzem-tags-wrapper{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem}
.elzem-tag{display:inline-block;padding:0.25rem 0.6rem;background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-sm);font-size:0.75rem;color:var(--elzem-text-secondary)}

/* Single Product Page */
.product-page-container{max-width:var(--elzem-container);margin:2rem auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 320px;gap:2rem}
.product-main-content{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-lg);padding:2rem}
.product-main-content .entry-title{font-size:2rem;color:var(--elzem-text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--elzem-border)}
.main-product-image{border-radius:var(--elzem-radius-md);overflow:hidden;border:1px solid var(--elzem-border);margin-bottom:1.5rem;cursor:zoom-in;box-shadow:0 4px 15px rgba(0,0,0,0.2)}
.main-product-image img{width:100%;height:auto;display:block;transition:transform 0.3s ease}
.main-product-image:hover img{transform:scale(1.02)}
.product-gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:0.5rem;margin-bottom:2rem}
.gallery-thumb{border-radius:var(--elzem-radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.2s}
.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--elzem-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}
.gallery-thumb img{width:100%;height:70px;object-fit:cover}
.product-content{color:var(--elzem-text-secondary);line-height:1.8;font-size:1.05rem;margin-bottom:2rem}

/* Lightbox */
.image-lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:99999;justify-content:center;align-items:center;cursor:zoom-out;padding:1.25rem;box-sizing:border-box}
.image-lightbox.active{display:flex}
.image-lightbox img{max-width:95%;max-height:95%;object-fit:contain;border-radius:var(--elzem-radius-md);box-shadow:0 10px 50px rgba(0,0,0,0.5)}
.lightbox-close{position:absolute;top:1.25rem;right:1.875rem;color:#fff;font-size:3rem;cursor:pointer;z-index:100000;transition:transform 0.3s;line-height:1;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:50%}
.lightbox-close:hover{transform:scale(1.2);background:rgba(255,255,255,0.2)}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:3.75rem;cursor:pointer;z-index:100000;padding:1.25rem;transition:all 0.3s;background:rgba(255,255,255,0.1);border-radius:50%;width:3.75rem;height:3.75rem;display:flex;align-items:center;justify-content:center}
.lightbox-nav:hover{background:rgba(255,255,255,0.2)}
.lightbox-prev{left:1.25rem}
.lightbox-next{right:1.25rem}
.lightbox-counter{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);color:#fff;font-size:1rem;background:rgba(0,0,0,0.5);padding:0.5rem 1.25rem;border-radius:1.25rem}

/* Related Products */
.related-products-section{margin-top:3rem;border-top:1px solid var(--elzem-border);padding-top:2rem}
.related-products-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--elzem-text-primary)}
.related-products-container{margin-top:1rem}

/* Single Product Sidebar */
.product-sidebar{position:sticky;top:calc(var(--elzem-header-h) + 1.5rem);height:fit-content}
.product-purchase-card{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1.5rem;margin-bottom:1.5rem}
.price-box-sidebar{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--elzem-border)}
.current-price-sidebar{font-size:2.5rem;font-weight:800;color:var(--elzem-accent);display:block;margin-bottom:0.5rem}
.old-price-sidebar{color:var(--elzem-text-muted);font-size:1.1rem;text-decoration:line-through}
.rating-sidebar{color:#fbbf24;font-size:1rem;margin-bottom:0.5rem;display:flex;justify-content:center;gap:0.25rem}
.sales-count{color:var(--elzem-text-muted);font-size:0.85rem;text-align:center;display:block;margin-bottom:1rem}
.purchase-buttons{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem}
.btn-buy-sidebar{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem;background:var(--elzem-gradient-main);color:#fff;border-radius:var(--elzem-radius-md);font-weight:700;font-size:1.05rem;text-decoration:none;transition:all var(--elzem-transition)}
.btn-buy-sidebar:hover{transform:translateY(-2px);box-shadow:var(--elzem-glow-primary)}
.btn-demo-sidebar{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem;background:transparent;border:2px solid var(--elzem-accent);color:var(--elzem-accent);border-radius:var(--elzem-radius-md);font-weight:700;font-size:1.05rem;text-decoration:none;transition:all var(--elzem-transition)}
.btn-demo-sidebar:hover{background:var(--elzem-accent);color:#fff}

/* Purchase Settings */
.purchase-settings-sidebar{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1.5rem;margin-bottom:1.5rem}
.purchase-settings-sidebar h3{font-size:1.2rem;color:var(--elzem-text-primary);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid var(--elzem-accent)}
.purchase-settings-list{display:flex;flex-direction:column;gap:0.6rem}
.purchase-link-item{display:block;padding:0.75rem 1rem;background:linear-gradient(135deg,var(--elzem-accent),#0d6efd);color:#fff;text-align:center;border-radius:var(--elzem-radius-md);font-weight:700;text-decoration:none;transition:all var(--elzem-transition);border:2px solid transparent;font-size:1rem}
.purchase-link-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.3);color:#fff}
.purchase-link-item.secondary{background:linear-gradient(135deg,var(--elzem-accent-secondary),#0ca678)}
.purchase-link-item.orange{background:linear-gradient(135deg,#fd7e14,#e8590c)}
.purchase-link-item.purple{background:linear-gradient(135deg,#9c36b5,#862e9c)}
.purchase-link-item.red{background:linear-gradient(135deg,#e03131,#c92a2a)}
.purchase-link-item.gray{background:linear-gradient(135deg,#495057,#343a40)}

/* Product Info Sidebar */
.product-info-sidebar{background:var(--elzem-bg-secondary);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1.5rem;margin-bottom:1.5rem}
.product-info-sidebar h3{font-size:1.2rem;color:var(--elzem-text-primary);margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:1px solid var(--elzem-border)}
.info-list{list-style:none;padding:0;margin:0}
.info-list li{padding:0.6rem 0;border-bottom:1px solid var(--elzem-border);color:var(--elzem-text-secondary);display:flex;justify-content:space-between}
.info-list li:last-child{border-bottom:none}
.info-label{font-weight:600;color:var(--elzem-text-primary)}
.info-value{color:var(--elzem-text-secondary)}

/* Requirements Box */
.requirements-box{background:rgba(234,88,12,0.08);border:1px solid rgba(234,88,12,0.2);border-radius:var(--elzem-radius-md);padding:1.5rem;margin-bottom:1.5rem}
.requirements-box h3{font-size:1.2rem;color:#ea580c;margin-bottom:1rem}
.requirements-list{list-style:none;padding:0;margin:0}
.requirements-list li{padding:0.5rem 0;color:#92400e;display:flex;align-items:center;gap:0.5rem}
.requirements-list li::before{content:'\2713';color:#ea580c;font-weight:700}

/* Sidebar Widget */
.sidebar-widget{background:var(--elzem-bg-card);border:1px solid var(--elzem-border);border-radius:var(--elzem-radius-md);padding:1.5rem;margin-bottom:1.5rem}
.sidebar-widget h3{font-size:1.1rem;color:var(--elzem-text-primary);margin-bottom:1rem}

/* Product Badges */
.product-badges{display:flex;gap:0.5rem;margin-bottom:1rem}
.badge{padding:0.3rem 0.75rem;border-radius:var(--elzem-radius-sm);font-size:0.75rem;font-weight:700;color:#fff}
.badge.sale{background:#ef4444}
.badge.new{background:var(--elzem-accent)}
.badge.popular{background:#f59e0b}
.badge.premium{background:#8b5cf6}

/* Breadcrumbs for single product */
.breadcrumbs-container{background:var(--elzem-bg-card);border-bottom:1px solid var(--elzem-border);padding:0.75rem 1.5rem}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.85rem}
.breadcrumbs a{color:var(--elzem-text-secondary);text-decoration:none;transition:color var(--elzem-transition)}
.breadcrumbs a:hover{color:var(--elzem-accent)}
.breadcrumbs .separator{color:var(--elzem-text-muted);margin:0 0.25rem}
.breadcrumbs .current{color:var(--elzem-accent);font-weight:600}

/* Responsive: Archive & Single Product */
@media(max-width:992px){
  .archive-wrapper{grid-template-columns:1fr;gap:1.5rem}
  .product-page-container{grid-template-columns:1fr;gap:1.5rem}
  .product-sidebar{order:-1;position:static}
  .product-gallery-thumbs{grid-template-columns:repeat(4,1fr)}
  .product-main-content{padding:1.5rem}
  .elzem-products-grid[data-cols="4"],
  .elzem-products-grid[data-cols="5"]{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .product-gallery-thumbs{grid-template-columns:repeat(3,1fr)}
  .current-price-sidebar{font-size:2rem}
  .lightbox-close{top:0.6rem;right:0.6rem;font-size:2.2rem;width:2.5rem;height:2.5rem}
  .lightbox-nav{font-size:2rem;width:2.5rem;height:2.5rem;padding:0.6rem}
  .lightbox-prev{left:0.6rem}
  .lightbox-next{right:0.6rem}
  .elzem-products-grid[data-cols="3"],
  .elzem-products-grid[data-cols="4"],
  .elzem-products-grid[data-cols="5"]{grid-template-columns:repeat(2,1fr)}
  .sidebar-filter{position:static;margin-bottom:1.5rem}
  .products-archive-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
}
@media(max-width:576px){
  .elzem-products-grid{grid-template-columns:1fr!important}
  .product-gallery-thumbs{grid-template-columns:repeat(2,1fr)}
}

/* Guarantees */
.elzem-guarantees{text-align:center;font-size:0.85rem;color:var(--elzem-text-secondary);background:var(--elzem-bg-secondary);padding:1rem;border-radius:var(--elzem-radius-sm);margin:1rem 0}
.elzem-guarantees-inner{display:grid;grid-template-columns:1fr;gap:0.5rem}
.elzem-guarantee-item{padding:0.3rem 0;border-bottom:1px solid var(--elzem-border);display:flex;align-items:center;gap:0.4rem;justify-content:center}
.elzem-guarantee-item:last-child{border-bottom:none}
.elzem-guarantee-check{color:#22c55e;font-weight:700}

/* Gifts */
.elzem-gift-list{list-style:none;padding:0;margin:0}
.elzem-gift-item{padding:0.6rem 0;border-bottom:1px solid var(--elzem-border);display:flex;align-items:center;gap:0.6rem}
.elzem-gift-item:last-child{border-bottom:none}
.elzem-gift-icon{color:#f59e0b;flex-shrink:0}

/* Tags */
.elzem-tags-sidebar{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem}
.elzem-tag-sidebar{display:inline-block;padding:0.3rem 0.6rem;background:rgba(0,240,255,0.1);color:var(--elzem-accent);border-radius:var(--elzem-radius-full);font-size:0.8rem}

/* Browser compatibility */
.elzem-browser-list{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.5rem}
.elzem-browser-item{padding:0.4rem 0.75rem;border-radius:var(--elzem-radius-sm);font-size:0.85rem}
.elzem-browser-chrome{background:#e0f2fe;color:#0369a1}
.elzem-browser-firefox{background:#fef3c7;color:#92400e}
.elzem-browser-safari{background:#dbeafe;color:#1e40af}
.elzem-browser-edge{background:#f3e8ff;color:#6b21a8}
.elzem-browser-opera{background:#fce7f3;color:#be185d}
.elzem-browser-ie11{background:#dcfce7;color:#166534}

/* PayPal */
.elzem-paypal-container{margin-top:0.6rem}

/* ============================================================
 * HOMEPAGE TEMPLATE STYLING
 * Plugin home.php template - styled directly inside theme for absolute override priority
 * ============================================================ */

/* Products Grid */
.products-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--products-per-row, 3), minmax(0, 1fr)) !important;
    gap: 28px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 40px 60px !important;
}
@media (max-width: 1200px) {
    .products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 0 24px 60px !important;
    }
}
@media (max-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 640px) {
    .products-grid {
        grid-template-columns: 1fr !important;
        padding: 0 16px 60px !important;
    }
}

.product-card {
    background: var(--elzem-bg-card, #12122b) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    border: 1px solid var(--elzem-border, #1f1f3e) !important;
    display: flex !important;
    flex-direction: column !important;
}
.product-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important;
    border-color: var(--elzem-accent, #7c3aed) !important;
}
.product-img {
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
    background: #0f0f23 !important;
    transition: transform 0.5s ease !important;
}
.product-card:hover .product-img {
    transform: scale(1.05) !important;
}
.product-content {
    padding: 24px !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
.product-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin: 0 0 12px !important;
    line-height: 1.4 !important;
}
.home-product-excerpt {
    color: var(--elzem-text-secondary, #94a3b8) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 20px !important;
    min-height: auto !important;
}
.home-product-btn-wrap {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}
.btn-view {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, var(--elzem-accent, #00f0ff), var(--elzem-accent-secondary, #7c3aed)) !important;
    color: #fff !important;
    padding: 15px 20px !important;
    border-radius: 0 0 16px 16px !important; /* استدارة الزوايا السفلية فقط لتطابق انحناء الكرت */
    font-weight: 800 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    box-sizing: border-box !important;
    border: none !important;
    text-decoration: none !important;
}
.btn-view:hover {
    background: linear-gradient(135deg, var(--elzem-accent-secondary, #7c3aed), var(--elzem-accent, #00f0ff)) !important;
    box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.25) !important;
}

/* Home Admin Controls */
.home-admin-controls {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
    box-shadow: none !important;
}
.home-admin-edit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: rgba(10, 10, 26, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 13px !important;
    transition: all 0.2s !important;
    box-shadow: none !important;
}
.home-admin-edit:hover {
    background: var(--elzem-accent, #7c3aed) !important;
    border-color: var(--elzem-accent, #7c3aed) !important;
    transform: scale(1.1) !important;
}
.home-admin-views {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: rgba(10, 10, 26, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Product Badge Ribbon */
.product-badge-ribbon {
    position: absolute !important;
    top: 16px !important;
    right: -35px !important;
    transform: rotate(45deg) !important;
    background: #ef4444 !important;
    color: #fff !important;
    padding: 5px 40px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15) !important;
    z-index: 4 !important;
    width: 120px !important;
    text-align: center !important;
}

/* Services Section */
.services-section {
    background: var(--elzem-bg-primary, #0a0a1a) !important;
    padding: 5rem 1.25rem !important;
    margin-bottom: 0 !important;
}
.services-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 24px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}
@media (max-width: 768px) {
    .services-grid {
        padding: 0 16px !important;
    }
}
.service-card {
    background: var(--elzem-bg-card, #12122b) !important;
    border-radius: 16px !important;
    padding: 32px 24px !important;
    text-align: center !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s !important;
    border: 1px solid var(--elzem-border, #1f1f3e) !important;
}
.service-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.2) !important;
    border-color: var(--elzem-accent, #7c3aed) !important;
}
.service-icon {
    font-size: 44px !important;
    margin-bottom: 16px !important;
    display: inline-block !important;
}
.service-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin: 0 0 12px !important;
}
.service-desc {
    color: var(--elzem-text-secondary, #94a3b8) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Clients Section */
.home-clients {
    background: var(--elzem-bg-primary, #0a0a1a) !important;
    padding: 5rem 1.25rem !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
}
.home-clients-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin: 0 0 8px !important;
}
.home-clients-desc {
    color: var(--elzem-text-secondary, #94a3b8) !important;
    font-size: 15px !important;
    margin: 0 !important;
}
.clients-container {
    max-width: 100% !important;
    margin: 40px auto 0 !important;
    overflow: hidden !important;
    position: relative !important;
    direction: ltr !important; /* Force LTR for marquee scrolling */
    padding: 20px 0 !important;
}
.clients-track {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    width: max-content !important;
    animation: elzem-clients-scroll 40s linear infinite !important;
}
.clients-container:hover .clients-track {
    animation-play-state: paused !important;
}
@keyframes elzem-clients-scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
.client-card {
    background: var(--elzem-bg-card, #12122b) !important;
    border: 1px solid var(--elzem-border, #1f1f3e) !important;
    border-radius: 16px !important;
    padding: 20px 24px !important;
    text-align: center !important;
    width: 240px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    display: block !important;
}
.client-card img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    margin: 0 auto 8px !important;
    display: block !important;
}
.client-card h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin: 0 0 4px !important;
}
.client-card p {
    font-size: 12px !important;
    color: var(--elzem-text-secondary, #94a3b8) !important;
    margin: 0 0 8px !important;
}
.client-card span {
    display: block !important;
    font-size: 11px !important;
    color: var(--elzem-accent, #7c3aed) !important;
    font-weight: 600 !important;
}
.fade-left, .fade-right {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 120px !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.fade-left {
    left: 0 !important;
    background: linear-gradient(to right, var(--elzem-bg-primary, #0a0a1a), transparent) !important;
}
.fade-right {
    right: 0 !important;
    background: linear-gradient(to left, var(--elzem-bg-primary, #0a0a1a), transparent) !important;
}

/* Features Section */
.home-features {
    background: var(--elzem-bg-primary, #0a0a1a) !important;
    padding: 0 0 60px !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.features-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 24px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}
@media (max-width: 768px) {
    .features-grid {
        padding: 0 16px !important;
    }
}
.feature-item {
    background: var(--elzem-bg-card, #12122b) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    border: 1px solid var(--elzem-border, #1f1f3e) !important;
}
.feature-check {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #fff !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    flex-shrink: 0 !important;
    margin-top: 0 !important;
}
.feature-item-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin: 0 0 6px !important;
}
.feature-item-desc {
    color: var(--elzem-text-secondary, #94a3b8) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* CTA Section */
.cta-section {
    background: linear-gradient(135deg, var(--elzem-bg-card, #12122b) 0%, var(--elzem-bg-primary, #0a0a1a) 100%) !important;
    border-top: 1px solid var(--elzem-border, #1f1f3e) !important;
    color: var(--elzem-text-primary, #fff) !important;
    padding: 90px 20px !important;
    text-align: center !important;
    border-radius: 0 !important; /* Stretch fully, no border radius */
    max-width: 100% !important;
    margin: 0 !important;
}
.cta-heading {
    font-size: 32px !important;
    font-weight: 800 !important;
    margin: 0 0 16px !important;
    color: var(--elzem-text-primary, #fff) !important;
}
.cta-subheading {
    font-size: 17px !important;
    opacity: 0.9 !important;
    max-width: 720px !important;
    margin: 0 auto 36px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: var(--elzem-text-secondary, #94a3b8) !important;
}
.cta-btn {
    display: inline-block !important;
    background: var(--elzem-accent, #7c3aed) !important;
    color: #fff !important;
    padding: 14px 44px !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    transition: all 0.3s !important;
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.3) !important;
}
.cta-btn:hover {
    transform: translateY(-3px) !important;
    background: var(--elzem-accent-secondary, #6d28d9) !important;
    box-shadow: 0 10px 24px rgba(124, 58, 237, 0.45) !important;
}

/* ============================================================
   HERO SECTION — PROFESSIONAL NEON ANIMATED (v4.0)
   ============================================================ */
.home-hero.elzem-neon-hero {
    --neon-cyan: #00f0ff;
    --neon-magenta: #ff00ff;
    --neon-green: #00ff88;
    --neon-purple: #a78bfa;
    --neon-amber: #fbbf24;
    --neon-pink: #f472b6;
    background-color: #04040c !important;
    background-image:
        radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, 0.18), transparent 55%),
        radial-gradient(circle at 12% 30%, rgba(6, 182, 212, 0.12), transparent 45%),
        radial-gradient(circle at 88% 70%, rgba(236, 72, 153, 0.12), transparent 50%),
        radial-gradient(circle at 50% 100%, rgba(0, 255, 136, 0.08), transparent 60%) !important;
    background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100% !important;
    background-position: center !important;
    background-attachment: scroll !important;
    color: var(--elzem-text-primary, #fff) !important;
    padding: 180px 20px 140px !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 680px !important;
    border-radius: 0 !important;
    margin-bottom: 40px !important;
    border-bottom: 1px solid rgba(0, 240, 255, 0.08) !important;
    isolation: isolate !important;
}
.home-hero.has-video {
    background: #000 !important;
}

/* ---------- Layer: Aurora Beams ---------- */
.hero-aurora {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 0 !important;
    pointer-events: none !important;
    filter: blur(60px) !important;
    opacity: 0.55 !important;
}
.aurora-beam {
    position: absolute !important;
    width: 60% !important;
    height: 80% !important;
    top: -10% !important;
    left: -20% !important;
    background: linear-gradient(120deg, transparent, var(--neon-cyan, #00f0ff), transparent) !important;
    mix-blend-mode: screen !important;
    opacity: 0.4 !important;
    transform-origin: center !important;
    animation: aurora-sweep 18s ease-in-out infinite !important;
}
.aurora-beam-1 {
    background: linear-gradient(120deg, transparent, rgba(0, 240, 255, 0.6), transparent) !important;
    animation-delay: 0s !important;
}
.aurora-beam-2 {
    background: linear-gradient(120deg, transparent, rgba(255, 0, 255, 0.55), transparent) !important;
    top: 20% !important;
    left: 30% !important;
    animation-delay: -6s !important;
    animation-duration: 22s !important;
}
.aurora-beam-3 {
    background: linear-gradient(120deg, transparent, rgba(0, 255, 136, 0.45), transparent) !important;
    top: -20% !important;
    left: 50% !important;
    animation-delay: -12s !important;
    animation-duration: 26s !important;
}
@keyframes aurora-sweep {
    0%, 100% { transform: translateX(0) translateY(0) rotate(0deg) scale(1); opacity: 0.35; }
    25%      { transform: translateX(40%) translateY(20%) rotate(15deg) scale(1.2); opacity: 0.55; }
    50%      { transform: translateX(80%) translateY(-10%) rotate(-10deg) scale(0.9); opacity: 0.4; }
    75%      { transform: translateX(20%) translateY(15%) rotate(8deg) scale(1.1); opacity: 0.5; }
}

/* ---------- Layer: Neon Floating Shapes (blurred orbs) ---------- */
.hero-shapes {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.hero-shapes .shape {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(70px) !important;
    opacity: 0.35 !important;
    animation: elzem-float 22s infinite alternate ease-in-out !important;
    mix-blend-mode: screen !important;
}
.shape-1 {
    width: 360px !important; height: 360px !important;
    top: -80px !important; left: -80px !important;
    background: radial-gradient(circle, rgba(0,240,255,0.85), transparent 70%) !important;
    box-shadow: 0 0 80px rgba(0,240,255,0.5) !important;
    animation-delay: 0s !important;
}
.shape-2 {
    width: 320px !important; height: 320px !important;
    bottom: -100px !important; right: -80px !important;
    background: radial-gradient(circle, rgba(255,0,255,0.85), transparent 70%) !important;
    box-shadow: 0 0 80px rgba(255,0,255,0.5) !important;
    animation-delay: -4s !important;
    animation-duration: 28s !important;
}
.shape-3 {
    width: 240px !important; height: 240px !important;
    top: 30% !important; right: 12% !important;
    background: radial-gradient(circle, rgba(0,255,136,0.8), transparent 70%) !important;
    box-shadow: 0 0 60px rgba(0,255,136,0.45) !important;
    animation-delay: -8s !important;
    animation-duration: 26s !important;
}
.shape-4 {
    width: 220px !important; height: 220px !important;
    bottom: 18% !important; left: 6% !important;
    background: radial-gradient(circle, rgba(167,139,250,0.85), transparent 70%) !important;
    box-shadow: 0 0 60px rgba(167,139,250,0.45) !important;
    animation-delay: -12s !important;
    animation-duration: 30s !important;
}
.shape-5 {
    width: 180px !important; height: 180px !important;
    top: 12% !important; right: 35% !important;
    background: radial-gradient(circle, rgba(251,191,36,0.7), transparent 70%) !important;
    box-shadow: 0 0 50px rgba(251,191,36,0.4) !important;
    animation-delay: -16s !important;
    animation-duration: 24s !important;
}
.shape-6 {
    width: 200px !important; height: 200px !important;
    bottom: 8% !important; right: 30% !important;
    background: radial-gradient(circle, rgba(244,114,182,0.8), transparent 70%) !important;
    box-shadow: 0 0 50px rgba(244,114,182,0.4) !important;
    animation-delay: -20s !important;
    animation-duration: 32s !important;
}
@keyframes elzem-float {
    0%   { transform: translate(0, 0) rotate(0deg) scale(1); }
    25%  { transform: translate(40px, -30px) rotate(90deg) scale(1.1); }
    50%  { transform: translate(70px, 40px) rotate(180deg) scale(1.18); }
    75%  { transform: translate(-30px, 50px) rotate(270deg) scale(1.05); }
    100% { transform: translate(60px, -50px) rotate(360deg) scale(1.15); }
}

/* ---------- Layer: Rotating Orbital Rings ---------- */
.hero-orbit {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 1px !important;
    height: 1px !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.orbit-ring {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    border-radius: 50% !important;
    border: 1px dashed rgba(255, 255, 255, 0.07) !important;
    transform: translate(-50%, -50%) !important;
    animation: orbit-spin linear infinite !important;
}
.orbit-ring-1 {
    width: 520px !important; height: 520px !important;
    animation-duration: 40s !important;
    border-color: rgba(0, 240, 255, 0.1) !important;
}
.orbit-ring-2 {
    width: 720px !important; height: 720px !important;
    animation-duration: 60s !important;
    animation-direction: reverse !important;
    border-color: rgba(255, 0, 255, 0.08) !important;
}
.orbit-ring-3 {
    width: 920px !important; height: 920px !important;
    animation-duration: 80s !important;
    border-color: rgba(0, 255, 136, 0.06) !important;
}
.orbit-dot {
    position: absolute !important;
    top: -6px !important;
    left: 50% !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    transform: translateX(-50%) !important;
}
.orbit-dot-cyan {
    background: #00f0ff !important;
    box-shadow: 0 0 16px #00f0ff, 0 0 32px rgba(0,240,255,0.6) !important;
}
.orbit-dot-magenta {
    background: #ff00ff !important;
    box-shadow: 0 0 16px #ff00ff, 0 0 32px rgba(255,0,255,0.6) !important;
}
.orbit-dot-green {
    background: #00ff88 !important;
    box-shadow: 0 0 16px #00ff88, 0 0 32px rgba(0,255,136,0.6) !important;
}
@keyframes orbit-spin {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to   { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ---------- Layer: Floating Neon SVG Icons ---------- */
.hero-icons {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.neon-icon {
    position: absolute !important;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px !important;
    background: rgba(10, 10, 26, 0.55) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
    animation: elzem-icon-float 7s ease-in-out infinite !important;
}
.neon-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
.neon-icon-1 {
    top: 18% !important; left: 8% !important;
    color: var(--neon-cyan, #00f0ff) !important;
    border-color: rgba(0,240,255,0.35) !important;
    box-shadow: 0 0 20px rgba(0,240,255,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 0s !important;
}
.neon-icon-2 {
    top: 25% !important; right: 10% !important;
    color: var(--neon-magenta, #ff00ff) !important;
    border-color: rgba(255,0,255,0.35) !important;
    box-shadow: 0 0 20px rgba(255,0,255,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 0.8s !important;
}
.neon-icon-3 {
    bottom: 22% !important; left: 12% !important;
    color: var(--neon-green, #00ff88) !important;
    border-color: rgba(0,255,136,0.35) !important;
    box-shadow: 0 0 20px rgba(0,255,136,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 1.6s !important;
}
.neon-icon-4 {
    bottom: 28% !important; right: 8% !important;
    color: var(--neon-purple, #a78bfa) !important;
    border-color: rgba(167,139,250,0.35) !important;
    box-shadow: 0 0 20px rgba(167,139,250,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 2.4s !important;
}
.neon-icon-5 {
    top: 50% !important; left: 4% !important;
    color: var(--neon-amber, #fbbf24) !important;
    border-color: rgba(251,191,36,0.35) !important;
    box-shadow: 0 0 20px rgba(251,191,36,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 3.2s !important;
    width: 46px !important; height: 46px !important;
}
.neon-icon-6 {
    top: 60% !important; right: 4% !important;
    color: var(--neon-pink, #f472b6) !important;
    border-color: rgba(244,114,182,0.35) !important;
    box-shadow: 0 0 20px rgba(244,114,182,0.35), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 4s !important;
    width: 46px !important; height: 46px !important;
}
.neon-icon-7 {
    top: 8% !important; left: 45% !important;
    color: var(--neon-cyan, #00f0ff) !important;
    border-color: rgba(0,240,255,0.3) !important;
    box-shadow: 0 0 18px rgba(0,240,255,0.3), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 4.8s !important;
    width: 42px !important; height: 42px !important;
}
.neon-icon-8 {
    bottom: 8% !important; left: 45% !important;
    color: var(--neon-magenta, #ff00ff) !important;
    border-color: rgba(255,0,255,0.3) !important;
    box-shadow: 0 0 18px rgba(255,0,255,0.3), 0 8px 24px rgba(0,0,0,0.4) !important;
    animation-delay: 5.6s !important;
    width: 42px !important; height: 42px !important;
}
@keyframes elzem-icon-float {
    0%   { transform: translateY(0) rotate(0deg); }
    25%  { transform: translateY(-14px) rotate(-4deg); }
    50%  { transform: translateY(-22px) rotate(0deg) scale(1.05); }
    75%  { transform: translateY(-10px) rotate(4deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

/* ---------- Layer: Glassmorphic Badges (6) ---------- */
.hero-glass-badges {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.glass-badge {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 18px !important;
    background: rgba(10, 10, 26, 0.5) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 50px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    animation: elzem-badge-float 6s infinite ease-in-out !important;
    transition: all 0.3s !important;
}
.glass-badge::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50px !important;
    padding: 1px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), transparent 60%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}
.badge-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 50% !important;
    filter: drop-shadow(0 0 4px currentColor) !important;
}
.badge-text {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
    white-space: nowrap !important;
}
.badge-1 {
    top: 16% !important; right: 14% !important;
    animation-delay: 0s !important;
    border-left: 2px solid #00f0ff !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(0,240,255,0.25) !important;
}
.badge-2 {
    bottom: 22% !important; left: 10% !important;
    animation-delay: 1s !important;
    border-left: 2px solid #ff00ff !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(255,0,255,0.25) !important;
}
.badge-3 {
    top: 28% !important; left: 12% !important;
    animation-delay: 2s !important;
    border-left: 2px solid #00ff88 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(0,255,136,0.25) !important;
}
.badge-4 {
    bottom: 18% !important; right: 12% !important;
    animation-delay: 3s !important;
    border-left: 2px solid #fbbf24 !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(251,191,36,0.25) !important;
}
.badge-5 {
    top: 50% !important; left: 18% !important;
    animation-delay: 4s !important;
    border-left: 2px solid #a78bfa !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(167,139,250,0.25) !important;
}
.badge-6 {
    top: 42% !important; right: 18% !important;
    animation-delay: 5s !important;
    border-left: 2px solid #22d3ee !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.45), 0 0 18px rgba(34,211,238,0.25) !important;
}
@keyframes elzem-badge-float {
    0%   { transform: translateY(0) rotate(0deg); }
    50%  { transform: translateY(-18px) rotate(1.5deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

/* ---------- Layer: Floating Code Snippets ---------- */
.hero-code-shapes {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    pointer-events: none !important;
}
.code-shape {
    position: absolute !important;
    font-family: 'Consolas', 'Courier New', monospace !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.08) !important;
    text-shadow: 0 0 12px rgba(255, 255, 255, 0.05) !important;
    animation: elzem-code-float 8s infinite ease-in-out alternate !important;
    user-select: none !important;
}
.shape-code-1 {
    top: 38% !important; left: 4% !important;
    animation-delay: 0s !important;
    color: rgba(0, 240, 255, 0.22) !important;
    text-shadow: 0 0 18px rgba(0, 240, 255, 0.4) !important;
}
.shape-code-2 {
    top: 32% !important; right: 4% !important;
    animation-delay: 1.5s !important;
    color: rgba(255, 0, 255, 0.22) !important;
    text-shadow: 0 0 18px rgba(255, 0, 255, 0.4) !important;
}
.shape-code-3 {
    bottom: 35% !important; left: 18% !important;
    font-size: 20px !important;
    animation-delay: 3s !important;
    color: rgba(0, 255, 136, 0.22) !important;
    text-shadow: 0 0 16px rgba(0, 255, 136, 0.35) !important;
}
.shape-code-4 {
    top: 65% !important; right: 18% !important;
    font-size: 22px !important;
    animation-delay: 4.5s !important;
    color: rgba(167, 139, 250, 0.22) !important;
    text-shadow: 0 0 16px rgba(167, 139, 250, 0.35) !important;
}
.shape-code-5 {
    top: 14% !important; left: 28% !important;
    font-size: 18px !important;
    animation-delay: 6s !important;
    color: rgba(251, 191, 36, 0.22) !important;
    text-shadow: 0 0 14px rgba(251, 191, 36, 0.3) !important;
}
.shape-code-6 {
    bottom: 12% !important; right: 28% !important;
    font-size: 24px !important;
    animation-delay: 2s !important;
    color: rgba(244, 114, 182, 0.22) !important;
    text-shadow: 0 0 16px rgba(244, 114, 182, 0.35) !important;
}
@keyframes elzem-code-float {
    0%   { transform: translateY(0) scale(1) rotate(0deg); }
    50%  { transform: translateY(-16px) scale(1.1) rotate(8deg); }
    100% { transform: translateY(-28px) scale(1.15) rotate(14deg); }
}

/* ---------- Layer: Particle Field ---------- */
.hero-particles {
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.particle {
    position: absolute !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: #00f0ff !important;
    box-shadow: 0 0 8px currentColor !important;
    opacity: 0.6 !important;
    animation: elzem-particle-drift linear infinite !important;
}
.particle-1  { top: 8%  !important; left: 12% !important; background: #00f0ff !important; color: #00f0ff !important; animation-duration: 18s !important; animation-delay: 0s   !important; }
.particle-2  { top: 22% !important; left: 28% !important; background: #ff00ff !important; color: #ff00ff !important; animation-duration: 22s !important; animation-delay: -2s  !important; }
.particle-3  { top: 38% !important; left: 8%  !important; background: #00ff88 !important; color: #00ff88 !important; animation-duration: 20s !important; animation-delay: -4s  !important; }
.particle-4  { top: 55% !important; left: 22% !important; background: #fbbf24 !important; color: #fbbf24 !important; animation-duration: 24s !important; animation-delay: -6s  !important; }
.particle-5  { top: 70% !important; left: 14% !important; background: #a78bfa !important; color: #a78bfa !important; animation-duration: 26s !important; animation-delay: -8s  !important; }
.particle-6  { top: 85% !important; left: 26% !important; background: #22d3ee !important; color: #22d3ee !important; animation-duration: 19s !important; animation-delay: -10s !important; }
.particle-7  { top: 12% !important; left: 45% !important; background: #f472b6 !important; color: #f472b6 !important; animation-duration: 21s !important; animation-delay: -1s  !important; }
.particle-8  { top: 30% !important; left: 60% !important; background: #00f0ff !important; color: #00f0ff !important; animation-duration: 23s !important; animation-delay: -3s  !important; }
.particle-9  { top: 48% !important; left: 75% !important; background: #ff00ff !important; color: #ff00ff !important; animation-duration: 25s !important; animation-delay: -5s  !important; }
.particle-10 { top: 65% !important; left: 88% !important; background: #00ff88 !important; color: #00ff88 !important; animation-duration: 27s !important; animation-delay: -7s  !important; }
.particle-11 { top: 80% !important; left: 70% !important; background: #fbbf24 !important; color: #fbbf24 !important; animation-duration: 20s !important; animation-delay: -9s  !important; }
.particle-12 { top: 92% !important; left: 55% !important; background: #a78bfa !important; color: #a78bfa !important; animation-duration: 22s !important; animation-delay: -11s !important; }
.particle-13 { top: 18% !important; left: 88% !important; background: #22d3ee !important; color: #22d3ee !important; animation-duration: 24s !important; animation-delay: -2s  !important; }
.particle-14 { top: 35% !important; left: 92% !important; background: #f472b6 !important; color: #f472b6 !important; animation-duration: 26s !important; animation-delay: -4s  !important; }
.particle-15 { top: 5%  !important; left: 65% !important; background: #00f0ff !important; color: #00f0ff !important; animation-duration: 18s !important; animation-delay: -6s  !important; }
.particle-16 { top: 88% !important; left: 8%  !important; background: #ff00ff !important; color: #ff00ff !important; animation-duration: 21s !important; animation-delay: -8s  !important; }
.particle-17 { top: 42% !important; left: 40% !important; background: #00ff88 !important; color: #00ff88 !important; animation-duration: 23s !important; animation-delay: -10s !important; }
.particle-18 { top: 58% !important; left: 55% !important; background: #fbbf24 !important; color: #fbbf24 !important; animation-duration: 25s !important; animation-delay: -12s !important; }
.particle-19 { top: 25% !important; left: 50% !important; background: #a78bfa !important; color: #a78bfa !important; animation-duration: 27s !important; animation-delay: -1s  !important; }
.particle-20 { top: 72% !important; left: 42% !important; background: #22d3ee !important; color: #22d3ee !important; animation-duration: 19s !important; animation-delay: -3s  !important; }
.particle-21 { top: 15% !important; left: 78% !important; background: #f472b6 !important; color: #f472b6 !important; animation-duration: 22s !important; animation-delay: -5s  !important; }
.particle-22 { top: 78% !important; left: 80% !important; background: #00f0ff !important; color: #00f0ff !important; animation-duration: 24s !important; animation-delay: -7s  !important; }
.particle-23 { top: 50% !important; left: 18% !important; background: #ff00ff !important; color: #ff00ff !important; animation-duration: 26s !important; animation-delay: -9s  !important; }
.particle-24 { top: 8%  !important; left: 32% !important; background: #00ff88 !important; color: #00ff88 !important; animation-duration: 28s !important; animation-delay: -11s !important; }
@keyframes elzem-particle-drift {
    0%   { transform: translate(0, 0) scale(1);    opacity: 0; }
    10%  { opacity: 0.8; }
    50%  { transform: translate(40px, -60px) scale(1.2); opacity: 1; }
    90%  { opacity: 0.6; }
    100% { transform: translate(-30px, -120px) scale(0.8); opacity: 0; }
}

/* ---------- Layer: Pulse Glow behind content ---------- */
.hero-pulse-glow {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 600px !important;
    height: 600px !important;
    transform: translate(calc(-50% + (var(--mx, 0) * 40px)), calc(-50% + (var(--my, 0) * 40px))) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(124, 58, 237, 0.25), transparent 60%) !important;
    filter: blur(40px) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    animation: elzem-pulse 5s ease-in-out infinite !important;
    transition: transform 0.3s ease-out !important;
}
@keyframes elzem-pulse {
    0%, 100% { width: 600px; height: 600px; opacity: 0.5; }
    50%      { width: 720px; height: 720px; opacity: 0.85; }
}

/* Grid overlay parallax via background-position shift */
.hero-grid-overlay {
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px) !important;
    background-size: 55px 55px !important;
    background-position: calc(50% + (var(--mx, 0) * -30px)) calc(50% + (var(--my, 0) * -30px)) !important;
    mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%) !important;
    -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%) !important;
    z-index: 1 !important;
    pointer-events: none !important;
    opacity: 0.6 !important;
    animation: elzem-grid-pan 30s linear infinite !important;
    transition: background-position 0.2s ease-out !important;
}
@keyframes elzem-grid-pan {
    from { background-position: 0 0, 0 0; }
    to   { background-position: 55px 55px, 55px 55px; }
}

/* ---------- Layer: Bottom fade ---------- */
.hero-bottom-fade {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 120px !important;
    background: linear-gradient(to bottom, transparent, #04040c) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

/* ---------- Hero Content ---------- */
.hero-content {
    position: relative !important;
    z-index: 5 !important;
    max-width: 880px !important;
    margin: 0 auto !important;
}

/* Top badge pill */
.hero-top-badge-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 28px !important;
    animation: elzem-badge-in 1s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.hero-top-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 18px !important;
    background: rgba(10, 10, 26, 0.6) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 240, 255, 0.25) !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 0 18px rgba(0, 240, 255, 0.2),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.5) !important;
}
.hero-top-badge .badge-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #00f0ff !important;
    box-shadow: 0 0 10px #00f0ff, 0 0 18px rgba(0,240,255,0.7) !important;
    animation: elzem-dot-pulse 1.5s ease-in-out infinite !important;
}
@keyframes elzem-dot-pulse {
    0%, 100% { transform: scale(1);   opacity: 1; }
    50%      { transform: scale(1.4); opacity: 0.6; }
}
@keyframes elzem-badge-in {
    from { opacity: 0; transform: translateY(-20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Main Title */
.home-hero .hero-main-title,
.home-hero h1 {
    font-size: clamp(38px, 6vw, 64px) !important;
    font-weight: 900 !important;
    margin: 0 auto 24px !important;
    line-height: 1.18 !important;
    letter-spacing: -1.5px !important;
    color: #fff !important;
    max-width: 920px !important;
    text-shadow: 0 10px 30px rgba(0,0,0,0.65),
                 0 0 60px rgba(124, 58, 237, 0.4) !important;
    animation: elzem-title-fade 1s cubic-bezier(0.16, 1, 0.3, 1),
               elzem-title-glow-pulse 3.5s ease-in-out infinite 1s !important;
}
@keyframes elzem-title-glow-pulse {
    0%, 100% {
        text-shadow: 0 10px 30px rgba(0,0,0,0.65),
                     0 0 30px rgba(0, 240, 255, 0.3),
                     0 0 60px rgba(124, 58, 237, 0.3) !important;
    }
    33% {
        text-shadow: 0 10px 30px rgba(0,0,0,0.65),
                     0 0 40px rgba(255, 0, 255, 0.5),
                     0 0 70px rgba(124, 58, 237, 0.4) !important;
    }
    66% {
        text-shadow: 0 10px 30px rgba(0,0,0,0.65),
                     0 0 40px rgba(0, 255, 136, 0.45),
                     0 0 70px rgba(0, 240, 255, 0.4) !important;
    }
}
.home-hero .hero-main-title span.home-hero-highlight,
.home-hero h1 span.home-hero-highlight {
    background: linear-gradient(90deg, #00f0ff, #ff00ff, #00ff88, #fbbf24, #f472b6, #00f0ff) !important;
    background-size: 400% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    animation: elzem-gradient-text 4s linear infinite !important;
    display: inline-block !important;
    filter: drop-shadow(0 0 24px rgba(0, 240, 255, 0.45)) !important;
}
@keyframes elzem-gradient-text {
    0%   { background-position: 0% 50%; }
    100% { background-position: 400% 50%; }
}

/* Description with animated color shimmer */
.home-hero .hero-main-desc,
.home-hero p {
    font-size: clamp(16px, 2vw, 21px) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    max-width: 740px !important;
    margin: 0 auto 40px !important;
    line-height: 1.85 !important;
    font-weight: 500 !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
    animation: elzem-desc-fade 1.2s cubic-bezier(0.16, 1, 0.3, 1),
               elzem-desc-shimmer 5s ease-in-out infinite 2s !important;
    background: linear-gradient(90deg, rgba(255,255,255,0.75), rgba(0,240,255,0.85), rgba(255,0,255,0.8), rgba(0,255,136,0.8), rgba(255,255,255,0.75)) !important;
    background-size: 200% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
@keyframes elzem-desc-shimmer {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* Top badge pill with neon flicker */
.hero-top-badge {
    animation: elzem-badge-in 1s cubic-bezier(0.16, 1, 0.3, 1),
               elzem-badge-flicker 4s ease-in-out infinite 3s !important;
}
@keyframes elzem-badge-flicker {
    0%, 100% { box-shadow: 0 0 18px rgba(0, 240, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important; }
    50%      { box-shadow: 0 0 28px rgba(0, 240, 255, 0.45), 0 0 50px rgba(0, 240, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; }
}

/* Stats numbers with continuous color shift */
.hero-stat-num {
    font-size: 26px !important;
    font-weight: 900 !important;
    background: linear-gradient(135deg, #00f0ff, #ff00ff, #00ff88, #fbbf24, #00f0ff) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    filter: drop-shadow(0 0 12px rgba(0, 240, 255, 0.3)) !important;
    letter-spacing: -0.5px !important;
    animation: elzem-stat-gradient 5s ease infinite !important;
}
@keyframes elzem-stat-gradient {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}

/* Buttons */
.hero-buttons {
    display: flex !important;
    gap: 20px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    animation: elzem-buttons-fade 1.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.home-hero-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px 44px !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}
.home-hero-btn::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
    transition: left 0.6s !important;
}
.home-hero-btn:hover::after {
    left: 100% !important;
}
.home-hero-btn.btn-primary:hover {
    transform: translateY(-4px) scale(1.03) !important;
    box-shadow: 0 15px 40px rgba(0, 240, 255, 0.55),
                0 0 32px rgba(124, 58, 237, 0.5),
                0 0 24px rgba(255, 0, 255, 0.35) !important;
}
.home-hero-btn.btn-secondary {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}
.home-hero-btn.btn-secondary:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(0, 240, 255, 0.5) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4),
                0 0 20px rgba(0, 240, 255, 0.3) !important;
}

/* Stats row */
.hero-stats {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    margin-top: 48px !important;
    flex-wrap: wrap !important;
    animation: elzem-stats-fade 1.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.hero-stat {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
}
.hero-stat-label {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.55) !important;
    font-weight: 600 !important;
}
.hero-stat-divider {
    width: 1px !important;
    height: 32px !important;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    animation: elzem-divider-pulse 3s ease-in-out infinite !important;
}
@keyframes elzem-divider-pulse {
    0%, 100% { opacity: 0.5; }
    50%      { opacity: 1; }
}

/* Buttons with continuous glow pulse */
.home-hero-btn.btn-primary {
    background: linear-gradient(135deg, #00f0ff 0%, #7c3aed 50%, #ff00ff 100%) !important;
    background-size: 200% 200% !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 8px 30px rgba(0, 240, 255, 0.35),
                0 0 24px rgba(124, 58, 237, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    animation: elzem-btn-gradient 6s ease infinite,
               elzem-btn-glow-pulse 2.5s ease-in-out infinite !important;
}
@keyframes elzem-btn-gradient {
    0%, 100% { background-position: 0% 50%; }
    50%      { background-position: 100% 50%; }
}
@keyframes elzem-btn-glow-pulse {
    0%, 100% {
        box-shadow: 0 8px 30px rgba(0, 240, 255, 0.35),
                    0 0 24px rgba(124, 58, 237, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
    }
    50% {
        box-shadow: 0 8px 30px rgba(0, 240, 255, 0.5),
                    0 0 40px rgba(124, 58, 237, 0.5),
                    0 0 24px rgba(255, 0, 255, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
    }
}

/* Entrance keyframes */
@keyframes elzem-title-fade {
    from { opacity: 0; transform: translateY(-30px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes elzem-desc-fade {
    from { opacity: 0; transform: translateY(-20px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes elzem-buttons-fade {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
@keyframes elzem-stats-fade {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ---------- Hero Responsive ---------- */
@media (max-width: 992px) {
    .home-hero.elzem-neon-hero { padding: 140px 20px 110px !important; min-height: 580px !important; }
    .neon-icon-5, .neon-icon-6, .neon-icon-7, .neon-icon-8 { display: none !important; }
    .badge-5, .badge-6 { display: none !important; }
    .orbit-ring-3 { display: none !important; }
}
@media (max-width: 768px) {
    .home-hero.elzem-neon-hero { padding: 120px 16px 90px !important; min-height: 520px !important; }
    .home-hero .hero-main-title, .home-hero h1 { font-size: 36px !important; }
    .neon-icon-1, .neon-icon-2, .neon-icon-3, .neon-icon-4 {
        width: 38px !important; height: 38px !important; padding: 8px !important;
    }
    .glass-badge { padding: 7px 12px !important; }
    .badge-text { font-size: 11px !important; }
    .orbit-ring-1, .orbit-ring-2 { display: none !important; }
    .hero-stats { gap: 16px !important; }
    .hero-stat-num { font-size: 20px !important; }
}
@media (max-width: 480px) {
    .home-hero .hero-main-title, .home-hero h1 { font-size: 30px !important; letter-spacing: -0.5px !important; }
    .badge-3, .badge-4 { display: none !important; }
    .code-shape { font-size: 22px !important; }
    .hero-stats { gap: 10px !important; }
    .hero-stat-divider { height: 24px !important; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
    .home-hero.elzem-neon-hero .aurora-beam,
    .home-hero.elzem-neon-hero .shape,
    .home-hero.elzem-neon-hero .particle,
    .home-hero.elzem-neon-hero .orbit-ring {
        animation-duration: 30s !important;
        animation-iteration-count: infinite !important;
    }
    .home-hero.elzem-neon-hero .hero-main-title,
    .home-hero.elzem-neon-hero .hero-main-title span.home-hero-highlight,
    .home-hero.elzem-neon-hero .hero-main-desc,
    .home-hero.elzem-neon-hero .hero-buttons,
    .home-hero.elzem-neon-hero .hero-stats,
    .home-hero.elzem-neon-hero .hero-top-badge-wrap,
    .home-hero.elzem-neon-hero .home-hero-btn,
    .home-hero.elzem-neon-hero .neon-icon,
    .home-hero.elzem-neon-hero .glass-badge,
    .home-hero.elzem-neon-hero .code-shape,
    .home-hero.elzem-neon-hero .hero-pulse-glow,
    .home-hero.elzem-neon-hero .hero-grid-overlay,
    .home-hero.elzem-neon-hero .badge-dot {
        animation-duration: 8s !important;
        animation-iteration-count: infinite !important;
        transition-duration: 0.3s !important;
    }
}

/* Section Title */
.section-title {
    text-align: center !important;
    margin-bottom: 3rem !important;
}
.section-title h2 {
    font-size: 34px !important;
    color: var(--elzem-text-primary, #fff) !important;
    margin-bottom: 12px !important;
    font-weight: 800 !important;
}
.section-title p {
    color: var(--elzem-text-secondary, #94a3b8) !important;
    font-size: 16px !important;
}

.home-clients .section-title {
    text-align: center !important;
}

/* Responsive */
@media(max-width:992px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media(max-width:576px) {
    .products-grid {
        grid-template-columns: 1fr !important;
    }
}