@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap');
:root{--bg:#111316;--panel:#222529;--panel2:#303338;--text:#f4f6f7;--muted:#bdc2c6;--neon:#9bea13;--teal:#00d7dd;--purple:#a444ec;--line:#475a2a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at top,#1e2424 0%,var(--bg) 65%);color:var(--text);font-family:Heebo,Arial,sans-serif;direction:rtl;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.container{width:min(1200px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(13,15,17,.96);backdrop-filter:blur(16px);box-shadow:0 3px 16px #0009}.brand-row{min-height:128px;display:flex;justify-content:center;align-items:center;gap:22px;text-align:center}.brand-mark{font-size:72px;color:var(--neon);text-shadow:0 0 25px var(--neon)}.brand-title{font-size:clamp(36px,6vw,70px);font-weight:800;line-height:1.1;text-shadow:0 0 14px #86d71b88}.brand-tagline{font-size:16px;color:var(--neon)}.custom-logo{max-width:min(360px,70vw);height:auto}.nav-wrap{border-block:2px solid var(--neon)}.nav-inner{display:flex;align-items:center;justify-content:center}.nav-list,.nav-list ul,.footer-links{list-style:none;padding:0;margin:0}.nav-list{display:flex;justify-content:center;flex-wrap:wrap}.nav-list>li{position:relative}.nav-list>li>a{display:block;padding:13px 20px;font-weight:700}.nav-list li:hover>a,.nav-list li:focus-within>a{color:var(--neon);background:#28321a}.nav-list .sub-menu{display:none;position:absolute;right:0;top:100%;min-width:230px;background:#22272a;border:1px solid var(--line);box-shadow:0 12px 30px #0009}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.sub-menu a{display:block;padding:9px 14px;border-bottom:1px solid #444}.menu-toggle{display:none;background:transparent;color:var(--neon);border:0;font-size:30px;cursor:pointer}.search-zone{max-width:760px;margin:30px auto 10px}.search-form{display:flex;border:2px solid var(--neon);border-radius:99px;box-shadow:0 0 12px #9bea1355;overflow:hidden;background:#202327}.search-form input{flex:1;min-width:0;background:transparent;color:white;border:0;padding:14px 22px;font:inherit}.search-form button{background:transparent;color:var(--neon);font-size:32px;border:0;padding:0 20px;cursor:pointer}.section{margin:42px 0}.section-title{font-size:26px;color:var(--neon);border-bottom:1px solid var(--line);padding-bottom:12px}.featured-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-card{height:225px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#243124;box-shadow:0 3px 12px #0008;transition:transform .2s,box-shadow .2s}.featured-card:nth-child(2){border-color:var(--purple)}.featured-card:nth-child(3){border-color:var(--teal)}.featured-card:hover{transform:translateY(-5px);box-shadow:0 0 20px #9bea1366}.featured-card img{width:100%;height:100%;object-fit:cover}.image-placeholder{display:grid;place-items:center;height:100%;font-size:90px;color:#8cc329}.featured-overlay{position:absolute;inset:auto 0 0;padding:35px 14px 12px;background:linear-gradient(transparent,#050505ed);display:grid}.featured-overlay strong{font-size:19px}.featured-overlay small{color:#ddd}.welcome-section{text-align:center;margin:65px 0 35px}.welcome-section h1{font-size:clamp(28px,4vw,46px);margin:0}.welcome-section h1 span{color:var(--neon)}.welcome-section p{color:var(--muted);font-size:19px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:175px;text-align:center;padding:22px;border:1px solid var(--neon);border-radius:18px;background:linear-gradient(145deg,#26331c,#171b1d 70%);box-shadow:0 0 12px #8ccf1b40;transition:transform .2s}.tile:hover{transform:translateY(-5px)}.tile-icon{font-size:35px;color:var(--neon)}.tile strong{font-size:22px}.tile small{color:var(--muted)}.about-section{text-align:center;max-width:850px;margin:70px auto}.about-section p{color:var(--muted)}.site-footer{background:#0a0c0e;border-top:1px solid var(--line);padding:24px 0;text-align:center;color:var(--muted)}.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.content-area,.article-layout{padding-block:48px;min-height:55vh}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.post-card{background:var(--panel);border-radius:14px;padding:16px}.post-card img,.article-layout img{max-width:100%;height:auto;border-radius:10px}.post-card h2{font-size:20px}.article-layout{max-width:850px}.article-content{font-size:19px}.article-meta{color:var(--muted)}.search-result{padding:16px 0;border-bottom:1px solid var(--line)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}@media(max-width:780px){.brand-row{min-height:86px}.brand-mark{font-size:42px}.brand-title{font-size:34px}.nav-inner{justify-content:flex-start}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:100%;right:0;width:min(330px,90vw);height:calc(100vh - 100%);max-height:75vh;overflow:auto;background:#181b1d;border:1px solid var(--line);box-shadow:0 10px 35px #000c}.primary-nav.is-open{display:block}.nav-list{display:block}.nav-list>li>a{padding:12px 20px}.nav-list .sub-menu{position:static;box-shadow:none;border:0;background:#25292b}.nav-list .submenu-open>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.featured-scroll{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 16px}.featured-card{flex:0 0 78%;scroll-snap-align:start}.tiles,.post-grid{grid-template-columns:1fr}.tile{min-height:145px}.welcome-section{margin-top:35px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =====================================
   ETZ HADAAT - LUXURY ANIMATED HEADER
   ===================================== */

/* Header background */
.site-header {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background:
        radial-gradient(ellipse at 25% 35%,
            rgba(164, 68, 236, 0.20), transparent 50%),
        radial-gradient(ellipse at 75% 60%,
            rgba(155, 234, 19, 0.13), transparent 48%),
        linear-gradient(135deg, #090b10, #17121f 55%, #080c0a);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.65);
}

/* Animated glow behind logo */
.brand-row {
    position: relative;
    min-height: 195px;
    overflow: hidden;
    isolation: isolate;
}

.brand-row::before {
    content: "";
    position: absolute;
    inset: -80px;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 30% 50%,
            rgba(164, 68, 236, 0.25), transparent 35%),
        radial-gradient(circle at 70% 45%,
            rgba(155, 234, 19, 0.19), transparent 38%);
    animation: etzAurora 9s ease-in-out infinite alternate;
}

.brand-row::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        repeating-linear-gradient(
            115deg,
            transparent 0,
            transparent 85px,
            rgba(255, 255, 255, 0.025) 86px,
            transparent 88px
        );
    opacity: 0.65;
}

/* Larger logo */
.custom-logo {
    display: block;
    width: min(480px, 82vw);
    max-width: 100%;
    height: auto;
    margin-inline: auto;
    filter: drop-shadow(0 0 14px rgba(155, 234, 19, 0.25));
    animation: etzLogoGlow 4s ease-in-out infinite alternate;
}

.brand-text {
    position: relative;
    z-index: 1;
}

.brand-tagline {
    color: #b8f94a;
    letter-spacing: 0.4px;
    text-shadow: 0 0 12px rgba(155, 234, 19, 0.4);
}

/* Navigation */
.nav-wrap {
    position: relative;
    border-top: 1px solid rgba(155, 234, 19, 0.75);
    border-bottom: 1px solid rgba(164, 68, 236, 0.8);
    background: rgba(9, 10, 15, 0.78);
    box-shadow:
        0 0 18px rgba(164, 68, 236, 0.13),
        inset 0 1px 12px rgba(155, 234, 19, 0.035);
}

.nav-list > li > a {
    transition:
        color 0.25s ease,
        text-shadow 0.25s ease,
        background 0.25s ease;
}

.nav-list > li:hover > a,
.nav-list > li:focus-within > a {
    color: #c9ff68;
    background: rgba(164, 68, 236, 0.13);
    text-shadow: 0 0 12px rgba(155, 234, 19, 0.7);
}

/* Animated effects */
@keyframes etzAurora {
    0% {
        transform: translateX(-3%) scale(1);
        opacity: 0.65;
    }
    100% {
        transform: translateX(3%) scale(1.13);
        opacity: 1;
    }
}

@keyframes etzLogoGlow {
    0% {
        filter: drop-shadow(0 0 8px rgba(155, 234, 19, 0.15));
    }
    100% {
        filter:
            drop-shadow(0 0 18px rgba(155, 234, 19, 0.4))
            drop-shadow(0 0 12px rgba(164, 68, 236, 0.18));
    }
}

/* Mobile adjustments */
@media (max-width: 780px) {
    .brand-row {
        min-height: 145px;
    }

    .custom-logo {
        width: min(340px, 82vw);
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .brand-row::before,
    .custom-logo {
        animation: none;
    }
}

/* ==========================================
   ETZ HADAAT - PREMIUM WOW HEADER V2
   ========================================== */

/* Rich cinematic header */
.site-header {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background:
        radial-gradient(
            ellipse at 50% 65%,
            rgba(210, 150, 35, 0.12),
            transparent 48%
        ),
        radial-gradient(
            ellipse at 12% 45%,
            rgba(145, 30, 230, 0.34),
            transparent 55%
        ),
        radial-gradient(
            ellipse at 88% 45%,
            rgba(90, 180, 15, 0.25),
            transparent 55%
        ),
        linear-gradient(110deg, #080611, #111018 50%, #070d09);
}

/* Taller logo stage */
.brand-row {
    position: relative;
    min-height: 260px;
    padding: 20px 0 16px;
    overflow: hidden;
    isolation: isolate;
}

/* Moving light clouds */
.brand-row::before {
    content: "";
    position: absolute;
    inset: -30%;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 30% 50%,
            rgba(174, 35, 255, 0.26),
            transparent 36%
        ),
        radial-gradient(
            ellipse at 70% 50%,
            rgba(150, 255, 30, 0.20),
            transparent 36%
        );
    animation: etzWowAurora 10s ease-in-out infinite alternate;
}

/* Subtle gold light rays */
.brand-row::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse at 50% 65%,
            rgba(255, 196, 60, 0.13),
            transparent 42%
        ),
        repeating-linear-gradient(
            115deg,
            transparent 0 115px,
            rgba(255, 214, 95, 0.025) 116px,
            transparent 118px
        );
}

/* Hero logo */
.brand-row .custom-logo {
    display: block;
    width: min(680px, 88vw);
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    animation: etzWowLogo 4s ease-in-out infinite alternate;
}

/* Keep logo above light effects */
.brand-text {
    position: relative;
    z-index: 2;
}

/* Subtitle */
.brand-tagline {
    font-size: 15px;
    color: #e0d28a;
    letter-spacing: 0.5px;
    text-shadow: 0 0 12px rgba(255, 200, 65, 0.4);
}

/* Premium navigation bar */
.nav-wrap {
    position: relative;
    z-index: 5;
    background: linear-gradient(
        90deg,
        rgba(35, 12, 50, 0.96),
        rgba(8, 10, 15, 0.98) 50%,
        rgba(15, 35, 12, 0.96)
    );
    border-top: 1px solid rgba(255, 207, 82, 0.55);
    border-bottom: 1px solid rgba(164, 68, 236, 0.85);
    box-shadow:
        0 0 18px rgba(164, 68, 236, 0.25),
        0 5px 24px rgba(0, 0, 0, 0.4);
}

/* Navigation links */
.nav-list > li > a {
    position: relative;
    padding: 15px 24px;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        text-shadow 0.25s ease;
}

/* Animated underline */
.nav-list > li > a::after {
    content: "";
    position: absolute;
    bottom: 5px;
    right: 20%;
    left: 20%;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(
        90deg,
        #a444ec,
        #ffd36b,
        #9bea13
    );
    transform: scaleX(0);
    transition: transform 0.3s ease;
    box-shadow: 0 0 10px rgba(155, 234, 19, 0.65);
}

.nav-list > li:hover > a::after,
.nav-list > li:focus-within > a::after {
    transform: scaleX(1);
}

.nav-list > li:hover > a,
.nav-list > li:focus-within > a {
    color: #fff3b8;
    background: rgba(164, 68, 236, 0.11);
    text-shadow: 0 0 12px rgba(255, 208, 90, 0.6);
}

/* Dropdown menu */
.nav-list .sub-menu {
    z-index: 20;
    background: rgba(15, 16, 23, 0.98);
    border: 1px solid rgba(164, 68, 236, 0.55);
    border-radius: 0 0 12px 12px;
    box-shadow:
        0 12px 32px rgba(0, 0, 0, 0.65),
        0 0 15px rgba(164, 68, 236, 0.16);
}

/* Animations */
@keyframes etzWowAurora {
    0% {
        transform: translateX(-4%) scale(1);
        opacity: 0.65;
    }
    100% {
        transform: translateX(4%) scale(1.12);
        opacity: 1;
    }
}

@keyframes etzWowLogo {
    0% {
        filter:
            drop-shadow(0 0 8px rgba(255, 196, 60, 0.2));
    }
    100% {
        filter:
            drop-shadow(0 0 18px rgba(255, 196, 60, 0.42))
            drop-shadow(0 0 18px rgba(164, 68, 236, 0.22));
    }
}

/* Mobile */
@media (max-width: 780px) {
    .brand-row {
        min-height: 165px;
        padding: 16px 0;
    }

    .brand-row .custom-logo {
        width: min(420px, 92vw);
    }

    .nav-list > li > a {
        padding: 12px 20px;
    }

    .nav-list > li > a::after {
        display: none;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .brand-row::before,
    .brand-row .custom-logo {
        animation: none;
    }
}

/* ==========================================
   ETZ HADAAT - HEADER CLEANUP V3
   ========================================== */

/* Hide duplicate subtitle below logo */
.site-header .brand-tagline {
    display: none;
}

/* Make header background continuous */
.site-header {
    background:
        radial-gradient(
            ellipse at 20% 48%,
            rgba(110, 25, 160, 0.32),
            transparent 65%
        ),
        radial-gradient(
            ellipse at 80% 48%,
            rgba(65, 125, 20, 0.22),
            transparent 65%
        ),
        linear-gradient(90deg, #110b1a, #101116 50%, #0c160d);
}

/* Remove the rectangular overlay behind logo */
.site-header .brand-row {
    background: transparent;
    overflow: hidden;
}

.site-header .brand-row::before {
    inset: 0;
    background:
        radial-gradient(
            ellipse at 50% 50%,
            rgba(255, 190, 50, 0.10),
            transparent 65%
        );
    animation: etzSoftGlow 8s ease-in-out infinite alternate;
}

.site-header .brand-row::after {
    display: none;
}

/* Smooth central glow */
@keyframes etzSoftGlow {
    from {
        opacity: 0.4;
        transform: scale(0.95);
    }
    to {
        opacity: 0.9;
        transform: scale(1.08);
    }
}

/* Preserve logo visibility */
.site-header .brand-text {
    position: relative;
    z-index: 2;
}

/* ETZ HADAAT — LUXURY WELCOME */

.welcome-luxury {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 45px 0 35px;
    padding: 55px 30px 48px;
    border-radius: 28px;
    background:
        radial-gradient(ellipse at 20% 30%, #a444ec20, transparent 48%),
        radial-gradient(ellipse at 80% 75%, #9bea1318, transparent 48%),
        linear-gradient(135deg, #121019, #101719 60%, #101014);
    border: 1px solid #a444ec45;
    box-shadow: 0 0 35px #a444ec15;
}

.welcome-aura {
    position: absolute;
    inset: -35%;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 30% 50%, #a444ec35, transparent 32%),
        radial-gradient(circle at 70% 45%, #9bea1325, transparent 34%);
    animation: welcomeAurora 10s ease-in-out infinite alternate;
}

.welcome-content {
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: auto;
}

.welcome-symbol {
    font-size: 35px;
    color: #b6ff35;
    text-shadow: 0 0 18px #9bea13;
    animation: welcomeSparkle 3s ease-in-out infinite;
}

.welcome-luxury h1 {
    font-size: clamp(34px, 5vw, 62px);
    font-weight: 800;
    line-height: 1.3;
    margin: 10px 0 15px;
    color: #fff;
    text-shadow: 0 0 22px #a444ec55;
}

.welcome-luxury h1 span {
    display: inline-block;
    color: #b5ff29;
    text-shadow: 0 0 18px #9bea1377;
}

.welcome-subtitle {
    display: inline-block;
    padding: 6px 26px;
    border-bottom: 2px solid #a444ec;
    color: #f5e6ff;
    font-size: clamp(19px, 2.5vw, 27px);
    font-weight: 800;
    text-shadow: 0 0 15px #a444ecaa;
}

.welcome-intro {
    max-width: 900px;
    margin: 26px auto 12px;
    font-size: clamp(17px, 2vw, 21px);
    line-height: 1.85;
    color: #f1f1f4;
}

.welcome-intro strong {
    color: #b5ff29;
}

.welcome-description {
    max-width: 820px;
    margin: 10px auto 0;
    font-size: 17px;
    line-height: 1.9;
    color: #c9c9d1;
}

@keyframes welcomeAurora {
    from {
        transform: translateX(-4%) scale(1);
        opacity: .65;
    }
    to {
        transform: translateX(4%) scale(1.12);
        opacity: 1;
    }
}

@keyframes welcomeSparkle {
    0%, 100% {
        transform: scale(1);
        opacity: .7;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
}

@media (max-width: 780px) {
    .welcome-luxury {
        padding: 38px 18px;
        margin-top: 30px;
    }

    .welcome-description {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .welcome-aura,
    .welcome-symbol {
        animation: none;
    }
}


/* ======================================
   ETZ HADAAT — NEON CATEGORY CARDS
   ====================================== */

.tiles-luxury {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin: 28px 0 65px;
}

.tiles-luxury .tile {
    --tile-glow: #9bea13;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    min-height: 330px;
    padding: 0;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--tile-glow);
    border-radius: 22px;
    color: #fff;
    background: #101318;
    box-shadow: 0 0 18px color-mix(in srgb, var(--tile-glow) 30%, transparent);
    transition: transform .35s ease, box-shadow .35s ease;
}

.tiles-luxury .tile-medical {
    --tile-glow: #00d7dd;
}

.tiles-luxury .tile-news {
    --tile-glow: #c13cff;
}

.tiles-luxury .tile-strains {
    --tile-glow: #9bea13;
}

.tiles-luxury .tile-art {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 145px;
    flex: 0 0 145px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 70%,
            color-mix(in srgb, var(--tile-glow) 32%, transparent),
            transparent 65%),
        linear-gradient(145deg, #172022, #0a0d14);
}

.tiles-luxury .tile-art::before {
    content: "";
    position: absolute;
    inset: -50%;
    background:
        conic-gradient(
            from 0deg,
            transparent,
            color-mix(in srgb, var(--tile-glow) 22%, transparent),
            transparent,
            #a444ec22,
            transparent
        );
    animation: tileLightSpin 12s linear infinite;
}

.tiles-luxury .tile-art-icon {
    position: relative;
    z-index: 2;
    font-size: 72px;
    line-height: 1;
    color: var(--tile-glow);
    text-shadow: 0 0 24px var(--tile-glow);
    animation: tileFloat 3.5s ease-in-out infinite;
}

.tiles-luxury .tile-art-ring {
    position: absolute;
    width: 115px;
    height: 115px;
    border: 1px solid var(--tile-glow);
    border-radius: 50%;
    box-shadow: 0 0 22px color-mix(in srgb, var(--tile-glow) 35%, transparent);
    opacity: .55;
    animation: tilePulse 4s ease-in-out infinite;
}

.tiles-luxury .tile-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    padding: 20px 18px 24px;
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--tile-glow) 13%, #111318),
            #0b0e12);
}

.tiles-luxury .tile-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: -44px auto 12px;
    border: 2px solid var(--tile-glow);
    border-radius: 50%;
    background: #101318;
    color: var(--tile-glow);
    font-size: 26px;
    box-shadow: 0 0 15px color-mix(in srgb, var(--tile-glow) 40%, transparent);
}

.tiles-luxury .tile strong {
    font-size: clamp(20px, 2vw, 25px);
    line-height: 1.35;
    margin-bottom: 9px;
    text-shadow: 0 0 12px #000;
}

.tiles-luxury .tile small {
    max-width: 290px;
    min-height: 48px;
    font-size: 15px;
    line-height: 1.65;
    color: #d7dbe0;
}

.tiles-luxury .tile-action {
    display: inline-block;
    margin-top: 15px;
    padding: 5px 20px;
    border: 1px solid var(--tile-glow);
    border-radius: 30px;
    color: var(--tile-glow);
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 0 10px color-mix(in srgb, var(--tile-glow) 25%, transparent);
}

.tiles-luxury .tile:hover,
.tiles-luxury .tile:focus-visible {
    transform: translateY(-9px) scale(1.02);
    box-shadow:
        0 0 24px color-mix(in srgb, var(--tile-glow) 55%, transparent),
        0 15px 35px #0008;
}

.tiles-luxury .tile:hover .tile-art-icon {
    transform: scale(1.1);
}

@keyframes tileLightSpin {
    to { transform: rotate(360deg); }
}

@keyframes tileFloat {
    0%, 100% { translate: 0 0; }
    50% { translate: 0 -9px; }
}

@keyframes tilePulse {
    0%, 100% { transform: scale(.9); opacity: .35; }
    50% { transform: scale(1.15); opacity: .8; }
}

@media (max-width: 780px) {
    .tiles-luxury {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tiles-luxury .tile {
        min-height: 300px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tiles-luxury *,
    .tiles-luxury *::before {
        animation: none !important;
        transition: none !important;
    }
}

/* =====================================
   ETZ HADAAT — LUXURY FOOTER
   ===================================== */

.footer-luxury {
    position: relative;
    overflow: hidden;
    padding: 55px 0 20px;
    border-top: 1px solid rgba(155,234,19,.65);
    background:
        radial-gradient(ellipse at 15% 25%,
            rgba(164,68,236,.17), transparent 48%),
        radial-gradient(ellipse at 85% 55%,
            rgba(155,234,19,.12), transparent 48%),
        linear-gradient(135deg,#090b0f,#12101b 55%,#080e0c);
    box-shadow: 0 -8px 30px rgba(164,68,236,.1);
}

.footer-inner {
    position: relative;
    z-index: 1;
}

.footer-brand {
    text-align: center;
    margin-bottom: 42px;
}

.footer-brand-symbol {
    font-size: 36px;
    color: #b7ff42;
    text-shadow: 0 0 20px rgba(155,234,19,.7);
    animation: footerSparkle 3s ease-in-out infinite;
}

.footer-brand h2 {
    margin: 8px 0 0;
    font-size: 42px;
    line-height: 1.3;
    color: #b7ff42;
    text-shadow: 0 0 18px rgba(155,234,19,.45);
}

.footer-brand-subtitle {
    margin: 5px 0 10px;
    color: #e5b4ff;
    font-size: 20px;
    font-weight: 700;
}

.footer-description {
    max-width: 560px;
    margin: 0 auto;
    color: #c5cbd0;
    font-size: 16px;
    line-height: 1.8;
}

.footer-columns {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 25px;
    max-width: 850px;
    margin: 0 auto 35px;
}

.footer-column {
    padding: 24px;
    border: 1px solid rgba(164,68,236,.4);
    border-radius: 18px;
    background: rgba(10,13,17,.6);
    box-shadow: 0 0 18px rgba(164,68,236,.08);
}

.footer-column:first-child {
    border-color: rgba(155,234,19,.4);
}

.footer-column h3 {
    margin: 0 0 18px;
    font-size: 21px;
    color: #c8ff71;
}

.footer-column:last-child h3 {
    color: #dfa0ff;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column li {
    margin: 10px 0;
}

.footer-column a {
    display: inline-block;
    color: #e1e3e7;
    font-size: 16px;
    transition: color .25s ease,
                transform .25s ease,
                text-shadow .25s ease;
}

.footer-column a:hover,
.footer-column a:focus-visible {
    color: #b7ff42;
    transform: translateX(-5px);
    text-shadow: 0 0 12px rgba(155,234,19,.5);
}

.footer-notice {
    max-width: 900px;
    margin: 0 auto 25px;
    padding: 18px 22px;
    border: 1px solid rgba(155,234,19,.25);
    border-radius: 12px;
    background: rgba(0,0,0,.2);
    color: #b9bec5;
    font-size: 13px;
    line-height: 1.9;
    text-align: center;
}

.footer-bottom {
    padding-top: 18px;
    border-top: 1px solid rgba(164,68,236,.3);
    text-align: center;
}

.footer-bottom p {
    margin: 0;
    color: #aeb4bc;
    font-size: 14px;
}

@keyframes footerSparkle {
    0%,100% {
        transform: scale(1);
        opacity: .65;
    }
    50% {
        transform: scale(1.15);
        opacity: 1;
    }
}

@media (max-width:780px) {
    .footer-luxury {
        padding-top: 38px;
    }

    .footer-columns {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .footer-brand h2 {
        font-size: 34px;
    }

    .footer-column {
        padding: 20px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .footer-brand-symbol {
        animation: none;
    }
}
/* Hide default page title on About page only */
body.page-id-48 .entry-title {
    display: none;
}

/* ETZ HADAAT - LUXURY FOOTER LINKS */

.footer-luxury .footer-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    max-width: 950px;
    margin: 40px auto;
    text-align: right;
    direction: rtl;
}

.footer-luxury .footer-column {
    padding: 28px;
    border: 1px solid rgba(175, 255, 35, .38);
    border-radius: 22px;
    background: linear-gradient(
        145deg,
        rgba(24, 32, 24, .92),
        rgba(15, 12, 25, .95)
    );
    box-shadow: 0 0 22px rgba(155, 255, 0, .07);
    transition: transform .3s, box-shadow .3s;
}

.footer-luxury .footer-column:nth-child(2) {
    border-color: rgba(190, 80, 255, .45);
}

.footer-luxury .footer-column:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 28px rgba(170, 255, 20, .17);
}

.footer-luxury .footer-column h3 {
    color: #b6ff35;
    font-size: 23px;
    margin: 0 0 22px;
}

.footer-luxury .footer-column:nth-child(2) h3 {
    color: #dfa0ff;
}

.footer-luxury .footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-luxury .footer-column li {
    margin-bottom: 12px;
}

.footer-luxury .footer-column a,
.footer-luxury .footer-pending {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #f0f0f0;
    text-decoration: none;
    font-size: 16px;
}

.footer-luxury .footer-column a {
    transition: background .25s, color .25s, transform .25s;
}

.footer-luxury .footer-column a:hover {
    color: #c1ff52;
    background: rgba(160, 255, 40, .09);
    transform: translateX(-4px);
}

.footer-luxury .footer-pending {
    color: #a8a8b0;
}

.footer-luxury .footer-pending small {
    margin-right: auto;
    font-size: 11px;
    opacity: .7;
}

.footer-luxury .footer-notice {
    max-width: 950px;
    margin: 32px auto;
    padding: 22px;
    border: 1px solid rgba(165, 255, 40, .3);
    border-radius: 16px;
    background: rgba(13, 22, 16, .65);
    text-align: center;
}

.footer-luxury .footer-notice strong {
    display: block;
    color: #b6ff35;
    margin-bottom: 10px;
}

.footer-luxury .footer-notice p {
    margin: 0;
    line-height: 1.9;
}

@media (max-width: 700px) {
    .footer-luxury .footer-columns {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .footer-luxury .footer-column,
    .footer-luxury .footer-column a {
        transition: none;
    }
}

/* ==========================================
   ETZ HADAAT - LUXURY LEGAL PAGES
   ========================================== */

body.page .article-layout:has(.page) {
    position: relative;
}

/* Only the legal pages */
body.page:has(.page) .article-layout article.page:has(
    .article-content
) {
    box-sizing: border-box;
}

/* Legal page IDs */
body.page-id-3,
body.page-id-51,
body.page-id-52,
body.page-id-53,
body.page-id-54,
body.page-id-55,
body.page-id-56 {
    background:
        radial-gradient(ellipse at 15% 25%,
            rgba(168, 55, 230, .11), transparent 45%),
        radial-gradient(ellipse at 85% 60%,
            rgba(155, 255, 20, .08), transparent 45%),
        #101114;
}

/* Main legal content panel */
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-layout article {
    max-width: 980px;
    margin: 65px auto 90px;
    padding: clamp(24px, 5vw, 65px);
    border: 1px solid rgba(174, 77, 236, .45);
    border-radius: 30px;
    background:
        radial-gradient(circle at 5% 5%,
            rgba(171, 48, 223, .19), transparent 35%),
        radial-gradient(circle at 95% 95%,
            rgba(154, 245, 18, .10), transparent 40%),
        linear-gradient(145deg, #18121f, #101416);
    box-shadow:
        0 20px 65px rgba(0, 0, 0, .40),
        0 0 35px rgba(163, 61, 226, .10);
    direction: rtl;
    animation: etzLegalEntrance .8s ease-out both;
}

/* Page heading */
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-layout article > h1 {
    margin: 0 0 38px;
    padding-bottom: 25px;
    color: #b3ff29;
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 900;
    text-align: center;
    line-height: 1.3;
    text-shadow: 0 0 25px rgba(159, 255, 20, .30);
    border-bottom: 1px solid rgba(171, 76, 228, .50);
}

/* Section cards */
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content > h2,
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content > h3 {
    margin: 30px 0 14px;
    padding: 17px 22px;
    border-right: 4px solid #b0ff25;
    border-radius: 12px;
    color: #d9a5ff;
    background: linear-gradient(
        90deg,
        rgba(151, 56, 221, .06),
        rgba(151, 56, 221, .22)
    );
    box-shadow: 0 0 18px rgba(165, 57, 230, .07);
    font-size: clamp(20px, 2.5vw, 27px);
    transition: transform .3s ease, box-shadow .3s ease;
}

body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content > h2:hover,
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content > h3:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 24px rgba(165, 57, 230, .17);
}

/* Paragraphs and lists */
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content p,
body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content li {
    color: #d9d9e1;
    font-size: 17px;
    line-height: 2;
    letter-spacing: .1px;
}

body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content p {
    margin: 0 0 22px;
}

body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content a {
    color: #b6ff44;
    text-decoration: underline;
    text-underline-offset: 4px;
}

body:is(
    .page-id-3,
    .page-id-51,
    .page-id-52,
    .page-id-53,
    .page-id-54,
    .page-id-55,
    .page-id-56
) .article-content a:hover {
    color: #e0b0ff;
}

/* Entrance animation */
@keyframes etzLegalEntrance {
    from {
        opacity: 0;
        transform: translateY(25px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile */
@media (max-width: 768px) {
    body:is(
        .page-id-3,
        .page-id-51,
        .page-id-52,
        .page-id-53,
        .page-id-54,
        .page-id-55,
        .page-id-56
    ) .article-layout article {
        margin: 25px auto 50px;
        padding: 25px 18px;
        border-radius: 20px;
    }

    body:is(
        .page-id-3,
        .page-id-51,
        .page-id-52,
        .page-id-53,
        .page-id-54,
        .page-id-55,
        .page-id-56
    ) .article-content p {
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body:is(
        .page-id-3,
        .page-id-51,
        .page-id-52,
        .page-id-53,
        .page-id-54,
        .page-id-55,
        .page-id-56
    ) .article-layout article {
        animation: none;
    }
}

/* ETZ HADAAT - PREMIUM CONTACT PAGE */

body.page-id-51 .etz-contact {
    max-width: 1000px;
    margin: 0 auto;
    padding: 12px 0 40px;
    color: #f4effa;
    direction: rtl;
}

.etz-contact-intro {
    text-align: center;
    margin-bottom: 44px;
}

.etz-contact-eyebrow {
    display: inline-block;
    color: #b7ff35;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-shadow: 0 0 18px rgba(183,255,53,.35);
}

.etz-contact-intro h2 {
    color: #e5b5ff;
    font-size: clamp(28px,4vw,42px);
    font-weight: 900;
    margin: 0 0 18px;
    text-shadow: 0 0 25px rgba(174,74,235,.3);
}

.etz-contact-intro p {
    max-width: 650px;
    margin: auto;
    color: #d7d0e1;
    font-size: 18px;
    line-height: 1.9;
}

.etz-contact-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 25px;
}

.etz-contact-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 0;
    padding: 42px 22px;
    border: 1px solid rgba(173,73,237,.55);
    border-radius: 24px;
    background: linear-gradient(
        145deg,
        rgba(75,30,100,.55),
        rgba(17,22,24,.96)
    );
    box-shadow:
        0 12px 35px rgba(0,0,0,.25),
        0 0 24px rgba(155,55,225,.12);
    transition: transform .3s,box-shadow .3s;
}

.etz-contact-card:hover {
    transform: translateY(-5px);
    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        0 0 32px rgba(165,65,235,.25);
}

.etz-contact-symbol {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    border-radius: 22px;
    color: #baff39;
    background: rgba(171,68,235,.15);
    border: 1px solid rgba(183,255,53,.4);
    font-size: 38px;
    box-shadow: 0 0 28px rgba(175,255,35,.12);
    margin-bottom: 22px;
}

.etz-contact-card h3 {
    color: #e5b5ff;
    font-size: 25px;
    margin: 0 0 10px;
}

.etz-contact-card p {
    color: #c8c0d0;
    margin-bottom: 20px;
}

.etz-contact-detail {
    color: #baff39 !important;
    font-size: clamp(15px,2vw,20px);
    font-weight: 800;
    overflow-wrap: anywhere;
    margin-bottom: 25px;
    text-decoration: none !important;
}

.etz-contact-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    padding: 14px 26px;
    border-radius: 12px;
    background: linear-gradient(120deg,#baff39,#83dc17);
    color: #152008 !important;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 0 24px rgba(171,255,39,.2);
    transition: transform .2s,box-shadow .2s;
}

.etz-contact-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 32px rgba(171,255,39,.45);
}

.etz-contact-note {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin-top: 35px;
    padding: 25px;
    border-radius: 18px;
    border-right: 4px solid #baff39;
    background: rgba(140,65,185,.12);
}

.etz-contact-note > span {
    color: #baff39;
    font-size: 30px;
}

.etz-contact-note h3 {
    color: #e5b5ff;
    margin: 0 0 8px;
}

.etz-contact-note p {
    color: #d7d0e1;
    line-height: 1.9;
    margin: 0;
}

@media (max-width: 700px) {
    .etz-contact-grid {
        grid-template-columns: 1fr;
    }
    .etz-contact-card {
        padding: 30px 18px;
    }
    .etz-contact-note {
        padding: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .etz-contact-card,
    .etz-contact-button {
        transition: none;
    }
}

/* PREMIUM PRIVACY POLICY - PAGE 3 ONLY */

body.page-id-3 .article-content {
    font-size: 19px;
    line-height: 2;
}

body.page-id-3 .article-content p,
body.page-id-3 .article-content li {
    font-size: 19px;
    line-height: 2;
    margin-bottom: 22px;
    color: #e4dfea;
}

body.page-id-3 .article-content h2 {
    font-size: clamp(24px, 3vw, 30px);
    line-height: 1.5;
    margin-top: 48px;
    margin-bottom: 20px;
}

body.page-id-3 .article-content ul {
    padding-right: 28px;
    margin: 18px 0 30px;
}

body.page-id-3 .article-content li {
    padding-right: 6px;
    margin-bottom: 12px;
}

body.page-id-3 .article-content a {
    color: #baff39;
    font-weight: 700;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    body.page-id-3 .article-content p,
    body.page-id-3 .article-content li {
        font-size: 17px;
        line-height: 1.9;
    }

    body.page-id-3 .article-content h2 {
        margin-top: 36px;
        font-size: 24px;
    }
}