/* =================================================================== */
/* AMREI KODESH - MAIN STYLESHEET (CLEAN & ORGANIZED VERSION)          */
/* =================================================================== */

/* === 1. IMPORTS & FONT DEFINITIONS === */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800;900&display=swap');

/* === 2. ROOT VARIABLES & THEME === */
/* === ROOT VARIABLES & THEME === */
:root {
    /* --- Brand Colors (Deep, Corporate & Trustworthy) --- */
    --primary: #0B4A5A;           
    --primary-hover: #073542;     
    --primary-bg: #F4F8F9;        
    
    --action-btn: #0D7A8C;        
    --action-btn-hover: #0A606E;  

    --primary-faint-border: rgba(11, 74, 90, 0.1); 

    --secondary: #334155;         
    --accent: #B89B31;            
    --promo: #B91C1C;             

    /* --- Surface & Backgrounds --- */
    --bg-body: #F8FAFC;           
    --bg-surface: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-input: #F1F5F9;
    --bg-elevated: #FFFFFF;

    /* --- Typography --- */
    --text-primary: #0F172A;      
    --text-secondary: #475569;
    --text-disabled: #CBD5E1;
    --text-on-primary: #FFFFFF;

    /* --- Borders & Radius --- */
    --border-color: #E2E8F0;
    --radius-sm: 6px;
    --radius-md: 12px;            
    --radius-lg: 16px;
    --radius-pill: 8px;           

    /* --- Shadows --- */
    --shadow-sm: 0 2px 4px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 40px -10px rgba(15, 23, 42, 0.12);
    /* --- Transitions --- */
    --ease-standard: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* === 3. GENERAL & BASE STYLES === */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }

/* === GLOBAL ZOOM: 75% — לכל הדפים === */
body {
    zoom: 0.75;
}

body {
    font-size: 15px; 
    font-family: 'Heebo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    background-color: var(--bg-body);
    color: var(--text-primary);
    margin: 0; padding: 0;
    line-height: 1.6;
    direction: rtl;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 45px; /* Space for footer */
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--primary); text-decoration: none; transition: color var(--ease-standard); }
a:hover { color: var(--primary-hover); }

h1, h2, h3, h4 {
    margin-top: 0; color: var(--primary); font-weight: 800; line-height: 1.2; margin-bottom: 1rem;
}

main { 
    max-width: 1200px;      /* רוחב סטנדרטי מעולה למסכים רחבים */
    width: 95%;             /* מרווח נשימה קטן בצדדים במובייל */
    margin: 0 auto; 
    padding: 2rem 1rem; 
    padding-top: 160px; 
    min-height: 80vh; 
}

.contact-page-main { 
    max-width: 1200px;      /* התאמה לרוחב הכללי של האתר */
    width: 95%;
    margin: 0 auto; 
    padding: 2rem 1rem; 
}

/* Page Intro Centering */
.page-intro { text-align: center; max-width: 800px; margin: 0 auto 1.5rem auto; }
.page-intro h1 { font-size: 2.2rem; font-weight: 800; color: var(--primary); margin-bottom: 0.5rem; line-height: 1.2; }
.page-intro p { font-size: 1.1rem; color: var(--text-secondary); margin-top: 0; }

/* === 4. HEADER & NAVIGATION === */
#site-top-bar {
    position: sticky; top: 0; z-index: 1000;
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(5px);
}

#zman-basic-free-banner {
    background-color: var(--primary-bg); color: var(--primary); text-align: center;
    padding: 8px; font-size: 0.9rem; font-weight: 500; border-bottom: 1px solid var(--border-color);
}
#zman-basic-free-banner a { font-weight: 700; text-decoration: underline; color: var(--primary); }
#zman-basic-free-banner svg { stroke: var(--primary); }

#countdown-timer-banner, #license-issue-banner { text-align: center; padding: 8px; font-size: 0.9rem; display: none; }
#countdown-timer-banner { background-color: var(--promo); color: white; }
#license-issue-banner { background-color: var(--accent); color: #333; }

/* סרגל ניווט אחיד - בר כהה יוקרתי בגוון המותג */
.site-header {
    background: linear-gradient(100deg, #082f3a 0%, #0B4A5A 48%, #0e5c70 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 22px -8px rgba(8, 47, 58, 0.55);
    position: relative;
}
.site-header::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(184, 155, 49, 0.55), transparent);
    pointer-events: none;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    padding: 0.5rem 3rem;
    position: relative;
}
.logo img {
    height: 50px; width: auto;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.28));
    transition: transform 0.3s ease, filter 0.3s ease;
}
.logo:hover img { transform: scale(1.05); filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.4)); }

/* ניווט ראשי - בזרימה, כדי שהקבוצה השמאלית תוצמד לקצה שמאל */
.main-nav {
    display: flex;
    gap: 15px;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}

/* עוטף הלשוניות - ממורכז מוחלט ביחס לכל הבר */
.nav-tabs {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 15px;
}

/* nav-link - סגנון גלולה מודרני על בר כהה */
.nav-link {
    color: rgba(255, 255, 255, 0.82);
    padding: 9px 14px;
    font-weight: 500;
    font-size: 1.2rem;
    background-color: transparent !important;
    border: none;
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}

.nav-link:hover {
    color: rgba(255, 255, 255, 0.60);
    background-color: transparent !important;
}

/* לשונית נבחרת - הדגשת התוכן בלבד (ללא קו תחתון) */
.nav-link.active {
    color: #ffffff;
    font-weight: 800;
    background-color: transparent !important;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.28);
}

.nav-link svg {
    stroke: currentColor;
    flex-shrink: 0;
    transition: inherit;
}

/* תווית השקה קטנה ללשונית מפתח */
.nav-mafteach-badge {
    display: inline-block;
    flex-shrink: 0;
    padding: 2px 6px;
    border-radius: 4px;
    background: #0d7a8c;
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.2px;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    top: -6px;
}
/* כפתור דף הבית - גלולת זכוכית עם הדגשה עדינה */
/* דף הבית - הדגשה בהירה נוטה ללבן, ללא קפסולה */
.nav-link-outlined {
    border: none !important;
    border-radius: 0 !important;
    padding: 9px 14px !important;
    color: #ffffff !important;
    background: transparent !important;
    box-shadow: none;
    font-weight: 800;
    letter-spacing: 0.2px;
    transition: color 0.22s ease, text-shadow 0.22s ease;
}
.nav-link-outlined svg {
    stroke: #ffffff;
}
.nav-link-outlined:hover {
    color: #ffffff !important;
    background: transparent !important;
    text-shadow: 0 0 14px rgba(255, 255, 255, 0.45);
}
.nav-link-outlined.active {
    color: #ffffff !important;
    background: transparent !important;
    text-shadow: 0 0 16px rgba(255, 255, 255, 0.55);
}

/* קו הפרדה אנכי עדין בין קבוצות */
.nav-separator {
    width: 1px;
    height: 28px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), transparent);
    margin: 0 9px;
    flex-shrink: 0;
}

/* מבצעים (הודעות ומבצעים) - פריט ניווט טקסטואלי עם אייקון זהב */
.nav-promo-link svg {
    width: 23px; height: 23px;
    stroke: currentColor;
    transition: transform 0.2s ease;
}
.nav-promo-link:hover svg { transform: scale(1.06); }

/* Badge "לוח חזרות" */
.nav-badge-new {
    display: inline-block;
    background: linear-gradient(135deg, #D4AF37, #F4D03F);
    color: #1a1a1a;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(212, 175, 55, 0.25);
    letter-spacing: 0.2px;
    vertical-align: middle;
}
.contact-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0B4A5A 0%, #0D7A8C 100%);
    color: white;
    border: none;
    box-shadow: 0 8px 28px rgba(11, 74, 90, 0.4), 0 0 0 0 rgba(11, 74, 90, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 10000;
    overflow: visible;
}

.contact-fab:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 16px 40px rgba(11, 74, 90, 0.5), 0 0 0 8px rgba(11, 74, 90, 0.1);
    background: linear-gradient(135deg, #073542 0%, #0A606E 100%);
}

.contact-fab:active {
    transform: translateY(-3px) scale(1.08);
}

.contact-fab svg {
    width: 30px;
    height: 30px;
    stroke: white;
    stroke-width: 2.2;
    fill: none;
    transition: transform 0.3s ease;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.contact-fab:hover svg {
    transform: scale(1.15) rotate(-5deg);
}

/* Pulse animation for FAB */
.contact-fab::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(11, 74, 90, 0.4), rgba(13, 122, 140, 0.4));
    opacity: 0;
    animation: fab-pulse 3s ease-in-out infinite;
    pointer-events: none;
    z-index: -1;
}

@keyframes fab-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0;
    }
    50% {
        transform: scale(1.25);
        opacity: 0.4;
    }
}

/* Tooltip for FAB - appears on the LEFT side */
.contact-fab::after {
    content: 'יצירת קשר';
    position: absolute;
    right: calc(100% + 18px);
    top: 50%;
    transform: translateY(-50%) scale(0.85);
    background: rgba(15, 23, 42, 0.96);
    color: white;
    padding: 12px 18px;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    letter-spacing: 0.3px;
}

.contact-fab:hover::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

@media (max-width: 768px) {
    .contact-fab {
        width: 58px;
        height: 58px;
        bottom: 85px;
        right: 18px;
    }
    .contact-fab svg {
        width: 27px;
        height: 27px;
    }
    .contact-fab::after {
        display: none;
    }
}

/* === כפתור חשבון - עיצוב מודרני נקי === */
/* קבוצה שמאלית (מבצעים + חשבון) - בזרימה, מוצמדת לקצה שמאל */
.nav-left-group {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.nav-account-wrapper {
    position: relative;
    flex-shrink: 0;
}

/* תווית "חדש" על כפתור האיזור האישי */
.account-new-badge {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    color: #fff;
    font-size: 0.58rem;
    font-weight: 800;
    line-height: 1;
    padding: 4px 10px;
    letter-spacing: 0.9px;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 3px;
    background: linear-gradient(135deg, #f43f5e 0%, #dc2626 100%);
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.45);
    animation: badge-pop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes badge-pop {
    from { transform: translateX(-50%) scale(0.3); opacity: 0; }
    to   { transform: translateX(-50%) scale(1);   opacity: 1; }
}

.nav-link-account {
    height: 42px;
    padding: 0 14px !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1.5px solid rgba(255, 255, 255, 0.20);
    box-shadow: none;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    gap: 8px;
    color: #ffffff;
}

.nav-link-account:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.42);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

.nav-link-account:hover .account-icon { stroke: #ffffff; }

/* מחובר - מסגרת זהב עדינה שמסמנת מפגש פעיל */
.nav-link-account.logged-in {
    background: rgba(184, 155, 49, 0.10) !important;
    border-color: rgba(184, 155, 49, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.nav-link-account.active {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.6);
}
.nav-link-account.active .account-caret { transform: rotate(180deg); }

.nav-link-account .account-icon {
    width: 21px; height: 21px;
    stroke: rgba(255, 255, 255, 0.92); stroke-width: 1.7;
    transition: stroke 0.2s ease; flex-shrink: 0;
}

/* תווית האזור האישי */
.account-label {
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

/* חץ פתיחת התפריט */
.account-caret {
    width: 14px; height: 14px;
    stroke: rgba(255, 255, 255, 0.65);
    flex-shrink: 0;
    transition: transform 0.25s ease, stroke 0.2s ease;
}
.nav-link-account:hover .account-caret { stroke: #ffffff; }

/* ראשי תיבות */
.nav-link-account .user-initials {
    font-size: 0.95rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    letter-spacing: 0.5px;
    pointer-events: none;
}

.nav-account-name-label { display: none; }

/* סמל סטטוס - מוסתר בעיצוב הצ'יפ (המצב מסומן ע"י התווית והמסגרת) */
.nav-link-account .status-indicator { display: none; }

.status-indicator {
    position: absolute; bottom: 0; left: 0;
    width: 11px; height: 11px;
    border-radius: 50%; border: 2.5px solid #0a3a46;
    box-shadow: none;
    transition: all 0.3s ease;
}

.status-online {
    background: #22c55e;
    box-shadow: 0 2px 6px rgba(34, 197, 94, 0.5);
    animation: status-pulse 2.5s ease-in-out infinite;
}

.status-offline {
    background: #94a3b8;
    box-shadow: 0 2px 6px rgba(148, 163, 184, 0.4);
}

@keyframes status-pulse {
    0%, 100% { box-shadow: 0 2px 6px rgba(34,197,94,0.5), 0 0 0 0 rgba(34,197,94,0.4); }
    50%       { box-shadow: 0 2px 6px rgba(34,197,94,0.5), 0 0 0 4px rgba(34,197,94,0); }
}

/* תפריט נפתח של חשבון */
.account-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: fit-content;
    min-width: 220px;
    padding-top: 12px;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.97);
    transform-origin: top left;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 500;
    pointer-events: none;
}

/* הקופסה הויזואלית של תפריט החשבון */
.account-dropdown-inner-box {
    background: white;
    border-radius: 14px;
    border: 1px solid rgba(11, 74, 90, 0.1);
    box-shadow: 0 8px 32px rgba(15,23,42,0.13), 0 2px 8px rgba(15,23,42,0.06);
    overflow: hidden;
}

.account-dropdown.open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.account-dropdown-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px 10px 14px;
}

.account-dropdown-avatar {
    width: 40px; height: 40px; border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--action-btn));
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
    font-size: 1rem; font-weight: 700; color: white;
    letter-spacing: 0.5px;
}

.account-dropdown-avatar svg { stroke: white; }

.account-dropdown-info {
    display: flex; flex-direction: column; gap: 2px; min-width: 0;
}

.account-dropdown-name {
    font-weight: 700; font-size: 0.92rem;
    color: var(--text-primary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.account-dropdown-email {
    font-size: 0.78rem; color: var(--text-secondary);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.account-dropdown-divider {
    height: 1px; background: rgba(11,74,90,0.07); margin: 0 10px;
}

.account-dropdown-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    font-size: 0.91rem !important;
    color: var(--text-primary) !important;
    border-radius: 0 !important;
    width: 100%;
    transition: background 0.15s ease;
}

.account-dropdown-item:hover {
    background: rgba(11,74,90,0.06) !important;
    color: var(--primary) !important;
}

.account-dropdown-item svg {
    stroke: var(--text-secondary); flex-shrink: 0;
}

.account-dropdown-item:hover svg { stroke: var(--primary); }

/* Badge התראות - על כפתור החשבון הראשי */
.ik-notif-badge {
    position: absolute;
    bottom: -6px; left: -6px;
    min-width: 20px; height: 20px;
    background: #ef4444; color: #fff;
    font-size: 0.68rem; font-weight: 800;
    border-radius: 6px; border: 2px solid white;
    display: flex; align-items: center; justify-content: center;
    padding: 0 5px; box-shadow: 0 2px 8px rgba(239,68,68,0.55);
    pointer-events: none; line-height: 1; z-index: 3;
    animation: notif-pop 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes notif-pop {
    from { transform: scale(0.4); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}

/* כפתור המבורגר למובייל */
.nav-mobile-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px; height: 40px;
    background: transparent; border: none; cursor: pointer;
    padding: 8px; border-radius: 8px;
    transition: background 0.2s ease;
}

.nav-mobile-toggle:hover { background: rgba(255, 255, 255, 0.12); }

.nav-mobile-toggle span {
    display: block; width: 22px; height: 2px;
    background: #ffffff; border-radius: 2px;
    transition: all 0.3s ease;
}

.nav-mobile-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-mobile-toggle.open span:nth-child(2) { opacity: 0; }
.nav-mobile-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* === 5. BUTTONS === */
.cta-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    padding: 12px 28px; font-size: 1rem; font-weight: 600; border-radius: var(--radius-pill);
    cursor: pointer; transition: background-color var(--ease-standard), box-shadow var(--ease-standard), transform 0.1s; border: 1px solid transparent;
    line-height: 1.2; text-align: center; box-shadow: var(--shadow-sm); letter-spacing: 0.3px;
}
.cta-button:active { transform: scale(0.98); }
.cta-button.primary { background-color: var(--primary); color: white; }
.cta-button.primary:hover { background-color: var(--primary-hover); }
.cta-button.primary:active { transform: translateY(1px); }

.cta-button.secondary { background-color: transparent; color: var(--primary); border: 1px solid var(--border-color); }
.cta-button.secondary:hover { background-color: var(--bg-input); border-color: var(--text-secondary); }

.cta-button.tertiary { background-color: transparent; color: var(--text-secondary); }
.cta-button.tertiary:hover { background-color: var(--bg-surface); color: var(--text-primary); }
.cta-button:disabled { background-color: var(--bg-input); color: var(--text-disabled); cursor: not-allowed; }
/* כפתור הורדה ירוק */
.cta-button.download-action {
    background-color: #26A69A;
    color: white;
    font-weight: 700;
    font-size: 1.1rem;
    border: none;
    box-shadow: 0 4px 10px rgba(38, 166, 154, 0.3);
}
.cta-button.download-action:hover {
    background-color: #00897B;
    transform: translateY(-2px);
}

/* כפתור רכישה מסגרת בלבד */
.cta-button.purchase-outline {
    background-color: transparent;
    color: var(--primary);
    border: 2px solid var(--primary);
    font-weight: 700;
}
.cta-button.purchase-outline:hover {
    background-color: var(--primary-bg);
}

/* כפתור תמיכה בעיצוב קישור נקי ועדין */
.cta-button.link-style {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #757575; /* אפור כהה */
    text-decoration: underline;
    font-weight: 400;
    font-size: 0.9rem;
    padding: 5px;
    margin-top: 15px;
    display: inline-block;
    cursor: pointer;
}

.cta-button.link-style:hover {
    color: var(--primary); /* צבע המותג במעבר עכבר */
    background: transparent;
    transform: none; /* ביטול אפקט התזוזה */
}
/* --- סוף קוד חדש --- */
/* What's New Button */
.changelog-button-bottom {
    display: table; margin: 20px auto 0 auto; background-color: transparent;
    border: 2px solid var(--border-color); color: var(--text-secondary);
    padding: 8px 24px; border-radius: 50px; font-weight: 700; font-size: 0.9rem;
    transition: all 0.2s ease; text-decoration: none;
}
.changelog-button-bottom:hover { border-color: var(--primary); color: var(--primary); background-color: var(--bg-surface); }

/* === 6. CARDS & SECTIONS === */
.card, .testimonial-card, .promotion-box, .contact-form-card, .contact-info-card, .bank-details-card {
    background-color: var(--bg-card); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 1.2rem; margin-bottom: 1.5rem; position: relative;
}

/* Hero Section */
.hero {
    text-align: center; padding: 2rem 1rem; background-color: var(--bg-surface);
    border-radius: var(--radius-lg); border: 1px solid var(--border-color); margin-bottom: 1.5rem;
}
.hero h1 { font-size: 2.5rem; margin-bottom: 1rem; }
.hero .subtitle { font-size: 1.2rem; color: var(--text-secondary); max-width: 600px; margin: 0 auto 2rem auto; }

/* === 7. PRODUCT LIST (HOMEPAGE) === */
.product-entry {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start; /* שונה מ-center ל-start כדי שהתמונה תתחיל למעלה */
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: var(--bg-elevated);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    transition: border-color var(--ease-standard), transform 0.2s;
}

.product-entry:hover { border-color: var(--primary-faint-border); transform: translateY(-1px); box-shadow: var(--shadow-md); }
.product-entry.reverse { direction: ltr; }
.product-entry.reverse > * { direction: rtl; }

/* שדרוג: הגדרת התמונה כדביקה במסכים גדולים כדי שתלווה את הקריאה */
@media (min-width: 901px) {
    .product-entry > a.product-details-link {
        position: sticky;
        top: 180px; /* מתחשב במרווח של הכותרת העליונה הצפה שלך */
        align-self: start;
        z-index: 10;
    }
}

.product-entry__details {
    text-align: right;
    display: flex;
    flex-direction: column;
    position: relative;
}

.product-entry h3 { font-size: 1.8rem; margin-bottom: 0.5rem; }
.product-description { font-size: 1.1rem; max-width: none; margin: 1rem 0; color: var(--text-secondary); }
.price { font-size: 2rem; color: var(--text-primary); font-weight: 700; }
.old-price { font-size: 1rem; text-decoration: line-through; color: var(--text-secondary); margin-right: 10px; font-weight: 400; }

.product-mockup-wrapper {
    background-color: var(--bg-surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible !important;
    height: 380px;
}
.product-mockup-image { width: auto; max-width: 100%; height: auto; max-height: 100%; object-fit: contain; }

/* === 8. PLATFORM SELECTOR === */
.platform-choice-container {
    margin-top: 1rem;
    background: transparent;
    box-shadow: none;
    padding: 0;
    width: 100%;       /* חובה: תופס את כל הרוחב */
    display: block;    /* חובה: מתנהג כבלוק נפרד */
    clear: both;       /* מנקה הפרעות מלמעלה */
}
.platform-choice-container h4 { margin-bottom: 0.8rem; font-size: 1rem; }

.platform-selector {
    display: flex;
    gap: 12px;
    border: none;
    background: transparent;
}

.platform-selector input[type="radio"] { display: none; }

.platform-selector label {
    flex: 1;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-secondary);
    background-color: transparent;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    transition: all 0.2s ease;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    gap: 8px;
    margin: 0; 
    box-shadow: none !important;
}

.platform-selector input[type="radio"]:checked + label {
    background-color: var(--primary);
    color: white;
    border-color: var(--primary);
    transform: translateY(-2px);
    box-shadow: none;
}

/* Icons */
.icon-win, .icon-android {
    display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; transition: filter 0.2s;
}
.icon-win { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%235F6368' d='M22.5,22.5H4V4h18.5V22.5z M44,4v18.5H25.5V4H44z M22.5,44H4V25.5h18.5V44z M44,44H25.5V25.5H44V44z'/%3E%3C/svg%3E"); }
.icon-android { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%235F6368' d='M38,13H28.83A6,6,0,0,0,19.17,13H10a2,2,0,0,0-2,2V35a2,2,0,0,0,2,2H38a2,2,0,0,0,2-2V15A2,2,0,0,0,38,13Z'/%3E%3C/svg%3E"); }

.platform-selector input[type="radio"]:checked + label .icon-win,
.platform-selector input[type="radio"]:checked + label .icon-android {
    filter: brightness(0) invert(1);
}

.action-buttons-container {
    display: none; 
    flex-direction: column; 
    gap: 10px; 
    margin-top: 15px;  /* מרווח קטן ואסתטי */
    width: 100%;       /* חובה: תופס רוחב מלא כדי לא לברוח */
    clear: both;       /* חובה: מבטיח ירידת שורה מתחת לפלטפורמה */
}
.action-buttons-container.visible { display: flex; }

/* === 9. PRODUCT DETAILS PAGE === */
.details-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 4rem;
    align-items: start;
    margin-top: 2rem;
}

.details-text { text-align: right; }
.details-text h1 { font-size: 3rem; margin-bottom: 0.5rem; color: var(--primary); }
.details-text .platform-badge {
    display: inline-block; padding: 0.3rem 1rem; background-color: var(--primary);
    color: white; border-radius: 50px; font-weight: 700; margin-bottom: 1.5rem;
}
.details-text .description { font-size: 1.15rem; line-height: 1.8; color: var(--text-primary); margin-bottom: 2rem; }

.features-section {
    background-color: var(--bg-surface);
    padding: 2rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
}
.features-section h2 { font-size: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem; }

.feature-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    padding: 0; list-style: none;
}
.feature-item {
    padding: 10px; border-radius: var(--radius-sm);
    display: flex; align-items: flex-start; gap: 10px; font-size: 0.95rem;
}
.feature-item strong { display: block; color: var(--text-primary); }
.feature-description { font-size: 0.9rem; color: var(--text-secondary); display: block; }

.details-media {
    position: sticky; top: 100px;
    background: white; padding: 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
}
.details-media h2 { font-size: 1.4rem; margin-bottom: 1rem; color: var(--secondary); border-bottom: 2px solid var(--secondary); display: inline-block; }

.video-container {
    position: relative; padding-top: 56.25%; border-radius: var(--radius-sm);
    overflow: hidden; background: #000; margin-bottom: 2rem;
}
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.gallery-image { width: 100%; border-radius: 4px; border: 1px solid var(--border-color); cursor: pointer; transition: transform 0.2s; }
.gallery-image:hover { transform: scale(1.02); }

/* === 10. BADGES === */
.status-badge, .basic-badge, .plus-badge, .pro-badge, .free-badge, .featured-badge, .new-label-ribbon {
    display: inline-block; padding: 4px 12px; border-radius: var(--radius-pill);
    font-size: 0.8rem; font-weight: 700; margin-bottom: 10px;
}
.basic-badge { background: #eee; color: #555; }
.plus-badge { background: var(--primary); color: white; }
.pro-badge { background: var(--accent); color: #333; }
.free-badge { background: linear-gradient(135deg, var(--primary), var(--secondary)); }
.new-label-ribbon { background: var(--promo); color: white; margin-right: 5px; }

.product-mockup-wrapper .status-badge,
.product-mockup-wrapper .basic-badge,
.product-mockup-wrapper .plus-badge,
.product-mockup-wrapper .pro-badge,
.product-mockup-wrapper .free-badge,
.product-mockup-wrapper .featured-badge,
.product-mockup-wrapper .new-label-ribbon {
    position: absolute; top: -15px; right: -10px; z-index: 10;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15); margin-bottom: 0;
}

.product-hover-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center;
    opacity: 0; transition: opacity 0.3s; color: white; border-radius: var(--radius-md);
    flex-direction: column; pointer-events: none;
}
.product-hover-overlay.visible-permanently, .product-entry:hover .product-hover-overlay { opacity: 1; }
.overlay-text { font-weight: 700; margin-top: 10px; }

/* === 11. MODALS & FORMS === */
.modal-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.6);
    display: flex; justify-content: center; align-items: center; 
    z-index: 10001; opacity: 0; visibility: hidden; transition: all 0.3s ease; backdrop-filter: blur(6px);
}
.modal-overlay.visible { opacity: 1; visibility: visible; }
.modal-content {
    background: #ffffff; padding: 2.5rem; border-radius: 20px;
    max-width: 850px; width: 90%; max-height: 85vh; overflow-y: auto; position: relative;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 1px solid rgba(255,255,255,0.1);
    transform: translateY(20px) scale(0.98); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.modal-overlay.visible .modal-content { transform: translateY(0) scale(1); }

.close-modal {
    position: absolute; top: 1.5rem; left: 1.5rem; background: #f1f5f9; border: none;
    width: 40px; height: 40px; border-radius: 50%; font-size: 1.5rem; display: flex;
    align-items: center; justify-content: center; cursor: pointer; color: #64748b;
    transition: all 0.2s ease; z-index: 10; padding: 0; line-height: 1;
}
.close-modal:hover { background: #fee2e2; color: #ef4444; transform: rotate(90deg); }

/* עיצוב מודרני לפס הגלילה בתוך המודל */
.modal-content::-webkit-scrollbar { width: 8px; }
.modal-content::-webkit-scrollbar-track { background: #f1f5f9; border-radius: 8px; margin-block: 10px; }
.modal-content::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
.modal-content::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

.form-group { margin-bottom: 1.5rem; position: relative; }
label { display: block; margin-bottom: 0.5rem; font-weight: 600; font-size: 0.95rem; color: var(--text-primary); }
input, textarea, select {
    width: 100%; padding: 14px 16px; background: #f8fafc; border: 1px solid #e2e8f0;
    border-radius: var(--radius-md); font-family: inherit; font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
input:focus, textarea:focus, select:focus {
    outline: none; background: #ffffff; border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(0, 116, 133, 0.1);
}

/* === 12. COMPARISON MODAL (MODERN) === */
.comparison-modal-content {
    max-width: 1180px;
    width: 96%;
    max-height: 92vh;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.comparison-modal-content > h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 800;
    color: var(--primary);
    margin: 0 0 0.4rem 0;
}
.comparison-modal-content > h2::after {
    content: 'בחרו את המסלול שמתאים לכם';
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-top: 0.5rem;
}

.products-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
    align-items: stretch;
    padding-top: 0.75rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.product-card-wrapper {
    position: relative;
    display: flex;
    height: 100%;
}

.product-card {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    padding: 1.75rem 1.4rem 1.4rem;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s var(--ease-standard), box-shadow 0.3s ease, border-color 0.3s ease;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
}

.product-card:hover {
    transform: translateY(-6px);
    border-color: var(--primary-faint-border);
    box-shadow: var(--shadow-lg);
}

/* Accent strip at the very top of each card */
.product-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--border-color);
}
.product-card-wrapper:nth-child(1) .product-card::before { background: #94a3b8; }
.product-card-wrapper:nth-child(2) .product-card::before { background: var(--action-btn); }
.product-card-wrapper:nth-child(3) .product-card::before { background: var(--accent); }
.product-card-wrapper:nth-child(4) .product-card::before { background: linear-gradient(90deg, #7B1FA2, #b14fd8); }

/* Featured (popular) card */
.product-card.featured {
    border: 2px solid var(--action-btn);
    background: linear-gradient(180deg, #f3fafb 0%, #ffffff 55%);
    box-shadow: 0 18px 40px -12px rgba(13, 122, 140, 0.28);
    transform: scale(1.03);
    z-index: 2;
}
.product-card.featured:hover { transform: scale(1.03) translateY(-6px); }

.product-card h3 {
    margin: 0.4rem 0 0.25rem;
    font-size: 1.55rem;
    line-height: 1.2;
    color: var(--primary);
    font-weight: 800;
}
.product-card h3 .product-name {
    font-weight: 500;
    font-size: 0.65em;
    display: block;
    color: var(--text-secondary);
    margin-bottom: 2px;
}
.product-card .small-text { font-size: inherit; }

.product-card .price {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 0.4rem 0 1.25rem;
    color: var(--text-primary);
    display: block;
}

/* Modern pill badge instead of the old rotated ribbon */
.new-version-badge {
    position: static;
    display: inline-block;
    width: auto;
    transform: none;
    padding: 5px 14px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.78rem;
    letter-spacing: 0.3px;
    box-shadow: none;
    color: #fff;
    margin: 0 auto 0.5rem;
    align-self: center;
}
.badge-light { background-color: #94a3b8; }
.badge-plus { background-color: var(--action-btn); }
.badge-pro { background: linear-gradient(135deg, #7B1FA2, #b14fd8); }

.product-card ul {
    list-style: none;
    padding: 1.25rem 0 0;
    margin: 0 0 1.5rem;
    flex-grow: 1;
    text-align: right;
    border-top: 1px solid var(--border-color);
}

.feature-item {
    padding: 8px 0;
    border-bottom: none;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.88rem;
    color: var(--text-secondary);
    line-height: 1.45;
}
.feature-item strong { color: var(--text-primary); font-weight: 700; }
.feature-item::before {
    content: '';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    min-width: 19px;
    border-radius: 50%;
    font-size: 0.7rem;
    margin-top: 1px;
    flex-shrink: 0;
}
.feature-item.check::before {
    content: '✓';
    color: var(--action-btn);
    background: rgba(13, 122, 140, 0.1);
    font-weight: bold;
}
.feature-item.star::before {
    content: '★';
    color: var(--accent);
    background: rgba(184, 155, 49, 0.12);
    font-size: 0.65rem;
}
.feature-item.trophy::before {
    content: '🏆';
    background: rgba(184, 155, 49, 0.12);
    font-size: 0.7rem;
}

.card-actions { margin-top: auto; }
.card-actions .cta-button {
    width: 100%;
    border-radius: 12px;
    padding: 12px;
    font-weight: 700;
}

/* "Recommended" floating tag on the smart card */
.comparison-modal-content .product-card .new-label-ribbon {
    position: absolute;
    top: 14px;
    right: 14px;
    left: auto;
    width: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #7B1FA2, #b14fd8);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 50px;
    box-shadow: 0 4px 12px rgba(123, 31, 162, 0.35);
    z-index: 5;
    margin: 0;
}

@media (max-width: 992px) {
    .products-container { grid-template-columns: repeat(2, 1fr); }
    .product-card.featured { transform: scale(1); }
    .product-card.featured:hover { transform: translateY(-6px); }
}

@media (max-width: 560px) {
    .products-container { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }
    .comparison-modal-content { padding: 1.5rem 1rem; }
    .comparison-modal-content > h2 { font-size: 1.6rem; }
}

/* === 15. SIDE FAB MENU (UNIFIED SEGMENTED CONTROL) === */
.fab-stack-container {
    position: fixed;
    bottom: 28px;
    left: 20px;
    z-index: 9999;
    direction: rtl;
}

/* One cohesive panel split into 3 vertical cells */
.fab-segmented {
    display: flex;
    flex-direction: column;
    width: 60px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(14px) saturate(150%);
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
    overflow: hidden;
    transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    direction: ltr;
}
.fab-segmented:hover { width: 220px; }

/* Each cell */
.fab-cell {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 58px;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: var(--text-primary);
    font-family: 'Heebo', sans-serif, Arial !important;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    transition: background-color 0.25s ease;
}
.fab-cell:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 14px;
    left: 14px;
    height: 1px;
    background: rgba(15, 23, 42, 0.08);
}
.fab-cell:hover { background: rgba(15, 23, 42, 0.04); }

/* Icon with colored disc */
.fab-icon {
    width: 60px;
    min-width: 60px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
    position: relative;
}
.fab-icon svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
}
.fab-icon::after {
    content: '';
    position: absolute;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    z-index: -1;
}
.compare-btn .fab-icon::after { background: rgba(11, 74, 90, 0.1); }
.download-btn .fab-icon::after { background: rgba(13, 122, 140, 0.12); }
.advisor-btn .fab-icon::after { background: rgba(22, 163, 74, 0.14); }

/* Label */
.fab-text {
    opacity: 0;
    padding-right: 4px;
    padding-left: 16px;
    color: var(--text-primary);
    font-weight: 700;
    font-size: 0.92rem;
    transition: opacity 0.2s ease;
    pointer-events: none;
    letter-spacing: 0.2px;
}
.fab-segmented:hover .fab-text { opacity: 1; transition-delay: 0.12s; }
.advisor-btn .fab-text { color: #15803d; }

/* Always-on pulsing green live dot on the advisor cell */
.live-dot {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6);
    animation: live-dot-pulse 1.8s ease-out infinite;
}
@keyframes live-dot-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.6); }
    70%  { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}

@media (max-width: 768px) {
    .fab-stack-container { bottom: 15px; left: 12px; }
    .fab-segmented { width: 54px; }
    .fab-segmented:hover { width: 54px; }
    .fab-text { display: none; }
    .fab-cell { height: 54px; }
    .fab-icon { width: 54px; min-width: 54px; height: 54px; }
}

/* === 14. FOOTER === */
footer {
    position: fixed; bottom: 0; left: 0; width: 100%; background: var(--bg-surface);
    border-top: 1px solid var(--border-color); padding: 8px 0; text-align: center;
    z-index: 1000; font-size: 0.9rem; color: var(--text-secondary);
}
footer p, footer a { margin: 0 5px; display: inline-block; color: var(--text-secondary); }

/* === 15. LOADING & UTILS === */
.loader { border: 4px solid #f3f3f3; border-top: 4px solid var(--primary); border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; margin: 20px auto; display: none; }
@keyframes spin { 100% { transform: rotate(360deg); } }

/* === שיפור עיצוב גלריה (LIGHTBOX) - תוקן === */
.lightbox { 
    display: none; /* מוסתר כברירת מחדל */
    position: fixed; 
    z-index: 9999999;
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(8px);
    align-items: center; 
    justify-content: center;
    flex-direction: column;
}

/* מחלקה חדשה להצגת הגלריה */
.lightbox.visible {
    display: flex !important; 
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* התמונה עצמה */
.lightbox-content { 
    display: block; 
    max-width: 85%; 
    max-height: 80vh; 
    margin: auto; /* למקרה שהפלקס לא נתפס בדפדפנים ישנים */
    box-shadow: 0 20px 60px rgba(0,0,0,0.6); /* צל עמוק ויוקרתי */
    border-radius: 8px; /* פינות מעוגלות */
    animation: zoomIn 0.3s ease-out; /* אנימציית כניסה */
    position: relative;
}

/* כפתור סגירה (X) */
.lightbox-close { 
    position: absolute; 
    top: 30px; 
    right: 40px; 
    color: #fff; 
    font-size: 40px; 
    font-weight: 300;
    cursor: pointer; 
    transition: all 0.3s ease;
    z-index: 10000;
    background: rgba(255,255,255,0.1); /* רקע עדין לכפתור */
    width: 50px; height: 50px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    line-height: 1;
}

.lightbox-close:hover { 
    background: rgba(255,255,255,0.25); 
    transform: rotate(90deg);
}

/* חיצים - כפתורים צפים (מוקטנים) */
.prev, .next { 
    cursor: pointer; 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    width: 45px; /* שונה מ-60 ל-45 */
    height: 45px; /* שונה מ-60 ל-45 */
    color: white; 
    font-weight: bold; 
    font-size: 18px; /* שונה מ-24 ל-18 */
    transition: 0.3s ease; 
    border-radius: 50%; 
    user-select: none; 
    background: rgba(255,255,255,0.15);
    display: flex; align-items: center; justify-content: center;
    text-decoration: none;
    z-index: 10000;
}

.prev:hover, .next:hover { 
    background-color: var(--primary); 
    transform: translateY(-50%) scale(1.1);
}

/* === תיקון כיוונים ל-RTL === */
/* Prev (הקודם) - בצד ימין */
.prev { 
    right: 30px; 
    left: auto; 
} 

/* Next (הבא) - בצד שמאל */
.next { 
    left: 30px; 
    right: auto; 
}

@keyframes zoomIn {
    from { transform: scale(0.9); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

@media (max-width: 900px) {
    .product-entry, .product-entry.reverse { grid-template-columns: 1fr; direction: rtl; }
    .product-entry.reverse > * { direction: rtl; }
    .details-grid { grid-template-columns: 1fr; gap: 2rem; }
    .details-media { position: static; order: -1; }
}
@media (max-width: 992px) {
    .header-container {
        padding: 0.5rem 1.5rem;
    }
    .main-nav {
        gap: 10px;
    }
    .nav-link {
        font-size: 1.08rem;
    }
}

@media (max-width: 768px) {
    .header-container {
        flex-wrap: wrap;
        padding: 0.5rem 1rem;
    }
    .logo img { height: 40px; }
    .main-nav {
        order: 3;
        width: 100%;
        display: none;
        flex-direction: column;
        align-items: stretch;
        background: linear-gradient(180deg, #0b4a5a 0%, #082f3a 100%);
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        padding: 10px 0;
        gap: 4px;
        position: static;
        left: auto;
        top: auto;
        transform: none;
    }
    .main-nav.mobile-open {
        display: flex;
    }
    .nav-tabs {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 4px;
    }
    .nav-link {
        padding: 10px 16px !important;
        border-bottom: none !important;
        border-radius: var(--radius-sm) !important;
        font-size: 1rem !important;
    }
    .nav-link:hover {
        background: rgba(255, 255, 255, 0.10) !important;
        border-bottom: none !important;
    }
    .nav-link.active {
        background: rgba(255, 255, 255, 0.14) !important;
        border-bottom: none !important;
    }
    .nav-link-outlined {
        border: none !important;
        border-radius: var(--radius-sm) !important;
    }
    .nav-link-special {
        margin: 0 !important;
        border-radius: var(--radius-sm) !important;
    }
    .nav-left-group {
        position: static;
        top: auto;
        left: auto;
        transform: none;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 4px;
    }
    .nav-account-wrapper {
        width: 100%;
        position: static;
        top: auto;
        left: auto;
        transform: none;
    }
    .nav-link-account {
        width: 100%; height: auto;
        border-radius: var(--radius-sm) !important;
        padding: 10px 16px !important;
        justify-content: flex-start;
        gap: 10px;
        background: transparent !important;
        border: none;
        box-shadow: none;
    }
    .nav-link-account .account-icon { stroke: #ffffff; }
    .nav-link-account.logged-in { background: rgba(255, 255, 255, 0.10) !important; }
    .nav-link-account .user-initials { color: #ffffff; font-size: 0.85rem; }
    .nav-link-account:hover {
        background: rgba(255, 255, 255, 0.10) !important;
        transform: none;
        box-shadow: none;
    }
    .status-indicator { top: 8px; left: auto; right: 16px; }
    .account-new-badge { bottom: auto; top: 50%; left: auto; right: 8px; transform: translateY(-50%); animation: none; }
    .account-new-badge::before, .account-new-badge::after { display: none; }
    .account-dropdown {
        position: static;
        opacity: 1; visibility: visible;
        transform: none;
        background: transparent;
        box-shadow: none;
        border: none;
        border-radius: 0;
        padding-top: 0;
        max-height: 0; overflow: hidden;
        transition: max-height 0.3s ease;
        pointer-events: none;
    }
    .account-dropdown-inner-box {
        box-shadow: none;
        border: none;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 0;
        background: transparent;
    }
    .account-dropdown-name { color: #ffffff; }
    .account-dropdown-email { color: rgba(255, 255, 255, 0.65); }
    .account-dropdown-item {
        color: rgba(255, 255, 255, 0.9) !important;
        border-radius: var(--radius-sm) !important;
    }
    .account-dropdown-item svg { stroke: rgba(255, 255, 255, 0.8); }
    .account-dropdown-item:hover {
        background: rgba(255, 255, 255, 0.10) !important;
        color: #ffffff !important;
    }
    .account-dropdown-item:hover svg { stroke: #ffffff; }
    .account-dropdown.open {
        max-height: 300px;
        pointer-events: auto;
    }
    .nav-mobile-toggle { display: flex; }
    .contact-fab { bottom: 85px; right: 18px; width: 58px; height: 58px; }
    .contact-fab svg { width: 27px; height: 27px; }
    .contact-fab::after { display: none; }
}

.top-badges { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }

.gear-icon-svg {
    width: 24px !important; height: 24px !important; fill: var(--primary);
    animation: spin-gear 2s linear infinite; flex-shrink: 0; display: inline-block;
}
@keyframes spin-gear { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.gemini-connectivity-test-container { margin-top: 15px; width: 100%; text-align: center; }
.gemini-connectivity-test-container .cta-button { width: 100%; font-size: 0.9rem; padding: 8px; }
#gemini-test-result, #gemini-error-report-area { font-size: 0.85rem; text-align: right; margin-top: 10px; }

/* === HOMEPAGE STYLES === */
.modern-hero {
    background: linear-gradient(135deg, #F0F8FA 0%, #D1EFF5 100%);
    padding: 3rem 1.5rem; margin-bottom: 2rem; border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm); border: 1px solid #B2EBF2;
}
.modern-hero h1 { font-size: 3.5rem; margin-bottom: 1.5rem; color: var(--primary); }
.modern-hero .subtitle { font-size: 1.3rem; max-width: 700px; margin: 0 auto 2.5rem auto; color: var(--text-secondary); }

.featured-product { text-align: center; padding: 2rem 1.5rem; background-color: #fff; margin-bottom: 2rem; }
.product-showcase-simple { margin-top: 3rem; position: relative; display: inline-block; }
.product-showcase-simple img { border-radius: var(--radius-md); box-shadow: var(--shadow-lg); max-height: 400px; width: auto; transition: transform 0.3s ease; }
.product-showcase-simple img:hover { transform: translateY(-5px); }

/* Testimonials */
.testimonial-container {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem; padding: 1rem 0; margin-bottom: 1.5rem;
}
.testimonial-card {
    background: #ffffff; border: 1px solid #e0e0e0; border-radius: 12px;
    padding: 1.2rem; box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    display: flex; flex-direction: column; justify-content: space-between;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.testimonial-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--border-color); }
.testimonial-card .quote {
    font-size: 0.95rem; color: #333; line-height: 1.5; margin-bottom: 1rem; font-weight: 500;
}
.testimonial-card .author {
    display: block; border-top: 1px solid #f0f0f0; padding-top: 0.8rem; margin-top: auto;
    color: var(--primary); font-weight: 700; font-size: 0.85rem; text-align: left;
}

/* Why Us */
.features-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 2rem 0; text-align: center;
}
.feature-item-grid {
    padding: 2rem; background: var(--bg-card); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); transition: transform 0.2s;
}
.feature-item-grid:hover { transform: translateY(-2px); border-color: var(--primary-faint-border); box-shadow: var(--shadow-sm); }
.feature-icon {
    font-size: 2.5rem; margin-bottom: 1rem; display: inline-block; padding: 15px;
    background: var(--primary-bg); border-radius: 50%; color: var(--primary);
}
@media (max-width: 768px) {
    .modern-hero h1 { font-size: 2.2rem; }
    .features-grid { grid-template-columns: 1fr; }
}

/* === Contact Page === */
.contact-page-main { max-width: 90%; width: 100%; margin: 0 auto; padding: 2rem 1rem; }
.contact-grid-container { display: grid; grid-template-columns: 1.3fr 1fr; gap: 2rem; align-items: start; }
.contact-form-card, .contact-info-card {
    background: var(--bg-card); border: 1px solid var(--border-color);
    border-radius: var(--radius-md); padding: 2.5rem; box-shadow: var(--shadow-sm);
}
.contact-form-card h2 { margin-bottom: 2rem; color: var(--primary); }
.contact-form-card textarea { min-height: 150px; resize: vertical; }
.contact-info-card h3 { border-bottom: 2px solid var(--bg-surface); padding-bottom: 10px; margin-bottom: 1.5rem; font-size: 1.2rem; }
.info-item {
    display: flex; align-items: flex-start; gap: 15px; padding: 15px 0;
    border-bottom: 1px solid var(--bg-surface); color: var(--text-primary);
    text-decoration: none; transition: background-color 0.2s;
}
.info-item:last-child { border-bottom: none; }
.info-item .icon {
    font-size: 1.5rem; background: var(--bg-surface); width: 45px; height: 45px;
    display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-shrink: 0;
}
.info-item .text { display: flex; flex-direction: column; justify-content: center; }
.info-item .text strong { font-size: 1rem; margin-bottom: 3px; }
.info-item .text span { font-size: 0.9rem; color: var(--text-secondary); }
a.info-item:hover, div.info-item:hover { background-color: #fafafa; cursor: pointer; }

.subscription-in-card {
    background-color: var(--primary-bg); padding: 1.5rem; border-radius: var(--radius-md);
    margin-bottom: 1.5rem; border: 1px solid var(--primary-faint-border);
}
.subscription-in-card .info-item { border-bottom: none; padding-top: 0; margin-bottom: 10px; }
.subscription-in-card .icon { background: #fff; }
.subscription-in-card form { display: flex; gap: 10px; margin-top: 10px; }
.subscription-in-card input { flex: 1; border: 1px solid var(--primary); font-size: 0.9rem; }
.subscription-in-card button { padding: 0 15px; white-space: nowrap; }

.policy-content {
    max-width: 1150px !important; /* דורס את הגדרת הבסיס ומרחיב משמעותית את החלונית */
    width: 95% !important; /* תופס 95% מרוחב המסך הקיים במובייל ומסכים קטנים */
    max-height: 92vh !important; /* מנצל כמעט את כל גובה המסך לקריאה רציפה */
    overflow-y: auto; 
    line-height: 1.8;
    padding: 1.5rem 1rem 1rem 1rem; /* הוספת קצת יותר ריווח פנימי לנשימה */
    color: #334155;
}
.policy-content h3 { /* הכותרת הראשית של המסמך */
    font-size: 2rem; color: var(--primary); margin-bottom: 0.5rem;
    padding-bottom: 1rem; border-bottom: 2px solid #e2e8f0; font-weight: 800;
}
.policy-content > p:first-of-type { /* עיצוב תאריך העדכון */
    color: #64748b; font-weight: 600; font-size: 0.9rem; margin-bottom: 2rem;
    display: inline-block; background: #f8fafc; padding: 6px 14px; border-radius: 50px;
    border: 1px solid #e2e8f0;
}
.policy-content h2 { /* כותרות המשנה במסמך */
    font-size: 1.4rem; color: #0f172a; margin-top: 2.5rem; margin-bottom: 1rem; font-weight: 700;
    border-right: 4px solid var(--primary); padding-right: 12px; 
    background: linear-gradient(90deg, #f8fafc 0%, transparent 100%); padding-block: 8px;
}
.policy-content p { font-size: 1.05rem; margin-bottom: 1.2rem; }
.policy-content ul { 
    padding-right: 25px; background: #f8fafc; padding-block: 1.2rem; 
    border-radius: 12px; margin-bottom: 1.5rem; border: 1px solid #f1f5f9;
}
.policy-content li { margin-bottom: 0.8rem; position: relative; }
.policy-content strong { color: #1e293b; font-weight: 700; }

@media (max-width: 768px) {
    .contact-grid-container { grid-template-columns: 1fr; }
    .contact-form-card { order: 2; } .contact-info-card { order: 1; }
    .subscription-in-card form { flex-direction: column; }
    .subscription-in-card button { width: 100%; }
}

/* === Team Section === */
.team-section-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 3.5rem 2rem;
    box-shadow: var(--shadow-sm);
    margin-top: 2.5rem;
    text-align: center;
}

.team-section-title {
    color: var(--primary);
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
}

.team-section-subtitle {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 3rem;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

.team-member-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1.5rem;
    background: var(--bg-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-member-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-faint-border);
}

.member-image-wrapper {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: var(--primary-bg);
    border: 4px solid white;
    box-shadow: 0 4px 15px rgba(0, 116, 133, 0.15);
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* צבע רקע למקרה שהתמונה שקופה או חסרה */
    background-color: var(--bg-input); 
}

.team-member-card h3 {
    font-size: 1.5rem;
    color: var(--primary);
    margin-bottom: 0.8rem;
}

.member-bio {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .team-section-card { padding: 2.5rem 1.5rem; }
    .team-grid { gap: 1.5rem; }
}

/* === Public Updates === */@media (max-width: 768px) {
    .contact-grid-container { grid-template-columns: 1fr; }
    .contact-form-card { order: 2; } .contact-info-card { order: 1; }
    .subscription-in-card form { flex-direction: column; }
    .subscription-in-card button { width: 100%; }
}

/* === Team Section === */
.team-section-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md);
    padding: 3.5rem 2rem;
    box-shadow: var(--shadow-sm);
    margin-top: 2.5rem;
    text-align: center;
    scroll-margin-top: 180px; /* מרווח ביטחון כדי שהתפריט העליון לא יסתיר את הכותרת */
}

.team-section-title {
    color: var(--primary);
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
}

.team-section-subtitle {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 3rem;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

.team-member-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.5rem 1.5rem;
    background: var(--bg-surface);
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-member-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary-faint-border);
}

.member-image-wrapper {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: var(--primary-bg);
    border: 4px solid white;
    box-shadow: 0 4px 15px rgba(0, 116, 133, 0.15);
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* צבע רקע למקרה שהתמונה שקופה או חסרה */
    background-color: var(--bg-input); 
}

.team-member-card h3 {
    font-size: 1.5rem;
    color: var(--primary);
    margin-bottom: 0.8rem;
}

.member-bio {
    font-size: 1rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}

.team-disclaimer {
    text-align: center;
    color: #b0b0b0; /* אפור בהיר ועדין */
    font-size: 0.85rem;
    margin-top: 2rem;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .team-section-card { padding: 2.5rem 1.5rem; }
    .team-grid { gap: 1.5rem; }
}

/* === Public Updates === */
#public-updates-container {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px; margin-bottom: 4rem;
}
#public-updates-container > div, #public-updates-container > article {
    background: #fff; border: 1px solid var(--border-color); border-radius: var(--radius-md);
    padding: 1.5rem; box-shadow: var(--shadow-sm); transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
    display: flex; flex-direction: column; position: relative; overflow: hidden; cursor: pointer;
}
#public-updates-container > div:hover, #public-updates-container > article:hover {
    transform: translateY(-5px); box-shadow: var(--shadow-md); border-color: var(--primary);
}
#public-updates-container h3 { font-size: 1.2rem; margin-bottom: 0.5rem; color: var(--text-primary); line-height: 1.3; }
#public-updates-container .date, #public-updates-container small, #public-updates-container time {
    font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 1rem; display: block; font-weight: 500;
}
#public-updates-container p {
    font-size: 0.95rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 1rem; flex-grow: 1;
}
.update-tag-new {
    position: absolute; top: 10px; left: 10px; background-color: var(--promo); color: white;
    font-size: 0.7rem; padding: 2px 8px; border-radius: 4px; font-weight: bold;
}
#public-updates-container button, #public-updates-container a.read-more {
    align-self: flex-start; background: transparent; color: var(--primary); border: 1px solid var(--primary);
    padding: 6px 12px; border-radius: 4px; font-size: 0.9rem; text-decoration: none; cursor: pointer;
    transition: all 0.2s; margin-top: auto;
}
#public-updates-container button:hover, #public-updates-container a.read-more:hover {
    background: var(--primary); color: white;
}
#public-updates-container .loader { grid-column: 1 / -1; justify-self: center; }
#public-updates-container p.no-updates { grid-column: 1 / -1; text-align: center; font-size: 1.2rem; color: var(--text-secondary); padding: 2rem; }

/* === Download Status Bar === */
.download-status-bar {
    display: flex; align-items: center; gap: 15px; background-color: var(--primary-bg);
    border: 1px solid var(--primary); border-radius: 8px; padding: 15px 20px; margin-bottom: 20px; direction: rtl;
}
.download-text-group { 
    display: flex; 
    flex-direction: column; 
    gap: 4px; 
}
.download-text-group span { font-size: 1rem; color: var(--primary-hover); font-weight: 500; }
.download-manual-link {
    display: block;
    font-size: 0.9rem; color: var(--primary); text-decoration: underline; font-weight: 700;
    cursor: pointer; margin-top: 2px; transition: color 0.2s;
}
.download-manual-link:hover { color: var(--primary-hover); }

/* === תיקון מודל רכישה === */
#coupon-section {
    display: none; background-color: #f9f9f9; padding: 10px; border-radius: 8px; margin-top: 10px; border: 1px solid #eee;
}
#coupon-section.visible { display: block; animation: fadeIn 0.3s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

#continue-to-payment-btn {
    display: block; margin: 25px auto 0 auto; width: 100%; max-width: 300px;
    font-family: 'Heebo', sans-serif, Arial !important; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.5px;
}
#toggle-coupon-btn {
    display: inline-block; margin-top: 10px; margin-bottom: 5px; font-weight: 600; font-size: 0.95rem; cursor: pointer; color: var(--primary);
}

/* הבהרה על כרטיסי אשראי לא נתמכים במסך בחירת תשלום */
.payment-card-notice {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 1rem 0 0 0;
    padding: 0.6rem 0.8rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #64748b;
    line-height: 1.5;
    text-align: right;
}

/* =================================================================== */
/* === תיקון כפתורי שליחה במודלים (ניסיון + בנק) === */
/* =================================================================== */
#submit-trial-btn,
#submit-bank-transfer-btn {
    display: block;            /* הופך לבלוק כדי לאפשר מירכוז */
    margin: 20px auto 0 auto;  /* מרווח עליון ומירכוז */
    width: 100%;               /* רוחב התחלתי */
    max-width: 300px;          /* הגבלת רוחב כדי שייראה אסתטי */
    
    /* הגדרת צבעים מפורשת (מתקן את הבעיה של כפתור לבן) */
    background-color: var(--primary) !important; 
    color: white !important;
    
    font-family: 'Heebo', sans-serif !important;
    font-weight: 700;          /* טקסט מודגש */
    font-size: 1.1rem;         /* טקסט גדול יותר */
    border-radius: 50px;
    border: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 12px;
}

#submit-trial-btn:hover,
#submit-bank-transfer-btn:hover {
    background-color: var(--primary-hover) !important;
    transform: translateY(-2px);
}

/* === UNIFIED PANEL === */
button, .cta-button, input, select, option { font-family: 'Heebo', sans-serif !important; letter-spacing: normal !important; }
.unified-divider { height: 1px; background: linear-gradient(90deg, transparent, var(--border-color), transparent); margin: 2rem 0; }
.unified-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f0fbfc 100%); border: 1px solid #b2ebf2;
    border-radius: 16px; padding: 1.5rem; box-shadow: 0 10px 30px rgba(0, 116, 133, 0.08);
    position: relative; overflow: hidden; text-align: center;
}
.unified-header h2 { font-size: 2.2rem; margin-bottom: 0.5rem; color: var(--primary); }
.unified-header p { font-size: 1.1rem; color: var(--text-secondary); margin-bottom: 2.5rem; }
.unified-grid { display: grid; grid-template-columns: 1fr 50px 1.5fr; gap: 2rem; align-items: center; text-align: right; }
.unified-step {
    background: #fff; padding: 2rem; border-radius: 12px; border: 1px solid var(--border-color);
    box-shadow: 0 4px 10px rgba(0,0,0,0.03); height: 100%; display: flex; flex-direction: column;
}
.step-icon { font-size: 2rem; margin-bottom: 1rem; }
.unified-step h3 { font-size: 1.3rem; margin-bottom: 0.5rem; }
.unified-step p { color: var(--text-secondary); margin-bottom: 1.5rem; font-size: 0.95rem; }
.download-unified-btn {
    width: 100%; padding: 15px; font-size: 1.1rem; display: flex; flex-direction: column;
    align-items: center; justify-content: center; margin-top: auto;
}
.version-info { display: block; text-align: center; margin-top: 10px; color: #999; font-size: 0.8rem; }
.step-arrow-desktop { font-size: 2rem; color: var(--border-color); text-align: center; }

.license-selector-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1.5rem; }
.license-option {
    border: 2px solid var(--border-color); border-radius: 8px; padding: 10px 5px; text-align: center;
    cursor: pointer; transition: all 0.2s; position: relative;
}
.license-option:hover { border-color: var(--primary); background: var(--primary-bg); }
.license-option.selected { border-color: var(--primary); background: #e0f7fa; box-shadow: 0 0 0 1px var(--primary); }
.tier-name { display: block; font-weight: 700; color: var(--text-primary); font-size: 0.9rem; }
.tier-price { display: block; font-size: 0.85rem; color: var(--text-secondary); margin-top: 3px; }
.tier-badge {
    position: absolute; top: -8px; right: 50%; transform: translateX(50%);
    background: var(--accent); color: #333; font-size: 0.65rem; padding: 2px 6px; border-radius: 4px; font-weight: bold;
}

.unified-actions-row { display: flex; flex-direction: column; gap: 10px; margin-top: auto; }
#unified-buy-btn {
    background-color: var(--primary) !important; color: white !important; font-size: 1.15rem !important;
    font-weight: 500 !important; padding: 12px 30px; box-shadow: 0 4px 15px rgba(0, 116, 133, 0.2); border: none; transition: all 0.2s ease;
}
#unified-buy-btn:hover { background-color: var(--primary-hover) !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 116, 133, 0.3); }
#unified-trial-btn { color: var(--text-secondary) !important; font-weight: 500 !important; font-size: 0.95rem; padding: 10px 16px !important; }
#unified-trial-btn:hover { color: var(--primary) !important; background: rgba(0, 116, 133, 0.05); }

#continue-to-payment-btn {
    background-color: var(--primary) !important; font-family: 'Heebo', sans-serif !important; font-weight: 600 !important;
    letter-spacing: 0 !important; font-size: 1.1rem !important; border-radius: 50px !important; margin-top: 20px !important; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
#continue-to-payment-btn:hover { background-color: var(--primary-hover) !important; transform: translateY(-1px); }

#purchase-product-select-container { margin-bottom: 15px; background: #f0f4f8; padding: 10px; border-radius: 6px; border-right: 3px solid var(--primary); }
#purchase-product-select {
    width: 100%; height: 45px; padding: 10px; border-radius: 4px; cursor: pointer;
    font-family: 'Heebo', sans-serif !important; font-size: 1rem !important; font-weight: 500 !important;
    color: var(--text-primary) !important; border: 1px solid var(--border-color) !important;
}
#purchase-product-select:focus { outline: none; border-color: var(--primary) !important; box-shadow: 0 0 0 3px rgba(0, 116, 133, 0.1); }

@media (max-width: 900px) {
    .unified-grid { grid-template-columns: 1fr; text-align: center; }
    .step-arrow-desktop { transform: rotate(90deg); margin: 10px 0; }
    .unified-step { align-items: center; }
    .unified-actions-row { width: 100%; }
}

/* === Unified Links Styling === */
.unified-links-container {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    font-size: 0.95rem;
}

.unified-links-container a {
    color: var(--text-secondary);
    text-decoration: none;
    transition: all 0.2s ease;
    border-bottom: 1px solid transparent;
}

.unified-links-container a:hover {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.unified-changelog-link {
    font-weight: 700;
    color: var(--primary) !important; /* הדגשה לקישור החדש */
}

.unified-changelog-link:hover {
    color: var(--secondary) !important;
    border-bottom-color: var(--secondary) !important;
}

.unified-links-container .separator {
    color: var(--border-color);
    font-weight: 300;
}

/* === Launch Banner === */
.launch-banner-wrapper {
    max-width: 800px; margin: 0 auto 3rem auto; padding: 3px; border-radius: var(--radius-lg);
    background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary)); background-size: 200% 100%;
    animation: gradientMove 3s linear infinite; box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.launch-banner-content { background: #ffffff; border-radius: 14px; padding: 2rem; text-align: center; position: relative; overflow: hidden; }
.launch-tag {
    background-color: #2e7d32; color: white; font-weight: 800; padding: 6px 18px; border-radius: 50px;
    font-size: 0.95rem; display: inline-block; margin-bottom: 1rem; box-shadow: 0 4px 15px rgba(46, 125, 50, 0.4);
    animation: bounce 2s infinite; letter-spacing: 0.5px;
}
.launch-banner-content h2 { color: var(--primary); font-size: 2rem; margin-bottom: 1rem; font-weight: 900; }
.launch-banner-content p { font-size: 1.1rem; color: var(--text-secondary); line-height: 1.6; max-width: 600px; margin: 0 auto; }
.launch-banner-content strong { color: var(--text-primary); }
.deco-icon { position: absolute; font-size: 5rem; opacity: 0.05; z-index: 0; pointer-events: none; }
.deco-1 { top: -10px; right: -10px; transform: rotate(15deg); }
.deco-2 { bottom: -10px; left: -10px; transform: rotate(-15deg); }
@keyframes gradientMove { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-6px); } 60% { transform: translateY(-3px); } }
@media (max-width: 768px) { .launch-banner-content h2 { font-size: 1.5rem; } .launch-banner-wrapper { margin-left: 1rem; margin-right: 1rem; } }

#trial-modal .modal-content, #purchase-modal .modal-content, #bank-transfer-modal .modal-content, #payment-choice-modal .modal-content {
    max-width: 500px; margin: 0 auto;
}

/* אותה גישה כמו comparison-modal-overlay: stretch + padding במקום center */
/* קליק פרו - טופס קצר, לכן ללא stretch */
.zman-luxury-page #purchase-modal,
.hesegim-luxury-page #purchase-modal {
    align-items: stretch;
    padding: 2vh 2vw;
}
.zman-luxury-page #purchase-modal .modal-content,
.hesegim-luxury-page #purchase-modal .modal-content {
    max-height: none !important;
    height: 100%;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* מצב gated לפני התחברות: מוצג רק פאנל ההתחברות, ולכן המודל מתכווץ לגובה טבעי וממורכז */
/* (מונע חלל ריק גדול בתחתית עד שהמשתמש מתחבר והטופס נחשף) */
.zman-luxury-page #purchase-modal.ik-auth-collapsed,
.hesegim-luxury-page #purchase-modal.ik-auth-collapsed {
    align-items: center;
}
.zman-luxury-page #purchase-modal.ik-auth-collapsed .modal-content,
.hesegim-luxury-page #purchase-modal.ik-auth-collapsed .modal-content {
    height: auto;
    max-height: 92vh !important;
}

.cta-button.prominent {
    background-color: var(--action-btn); border-color: var(--action-btn); box-shadow: 0 4px 12px rgba(0, 151, 167, 0.3);
    font-weight: 700; font-size: 1.1rem;
}
.cta-button.prominent:hover { background-color: var(--action-btn-hover); border-color: var(--action-btn-hover); transform: translateY(-1px); }

/* =================================================================== */
/* === תיקון גלובלי: מרווח עליון לכותרת (HEADER FIX) === */
/* =================================================================== */

/* הגדרה גורפת לכל העמודים באתר */
main, 
.product-page-main {
    /* ריווח עליון מוקטן כדי לחסוך בגלילה מיותרת ושטח מת */
    padding-top: 160px !important; 
    
    /* מוודא שהגובה המינימלי עדיין נשמר */
    min-height: 100vh;
    
    /* מוודא שהחישוב כולל את הריפוד */
    box-sizing: border-box;
}

/* התאמה למובייל (שם הכותרת בדרך כלל צרה יותר) */
@media (max-width: 768px) {
    main, 
    .product-page-main {
        padding-top: 140px !important;
    }
}

/* =================================================================== */
/* === FIX: SPA NAVIGATION STYLES (MOVED FROM HTML FILES) === */
/* =================================================================== */

/* --- מתוך job-management.html --- */

.new-label-ribbon {
    background: #e44d4d;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 8px;
}

/* עיצוב התגית "לשימוש חופשי" בטורקיז */
.free-badge {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    color: white;
    font-size: 1rem;
    font-weight: 700;
    padding: 5px 12px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 0.75rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/* שינוי צבע כפתורי "שלח" לטורקיז */
#submit-trial-btn,
#submit-bank-transfer-btn {
    background-color: var(--primary); /* תוקן מ-primary-color למשתנה הקיים */
    border-color: var(--primary);
}

#submit-trial-btn:hover,
#submit-bank-transfer-btn:hover {
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* הקטנה ושינוי צבע ל"חינם!" */
#product-zman-basic .price strong {
    color: var(--primary);
    font-size: 2.0rem;
}

/* תיקון לתצוגה המאוחדת החדשה */
.unified-single-step-wrapper {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.unified-single-step-wrapper .license-selector-grid {
    margin-bottom: 2rem;
    justify-content: center;
}

/* --- מתוך changelog.html (עיצוב עמוד מה חדש) --- */

.changelog-section { 
    max-width: 800px; 
    margin: 1.5rem auto; 
    padding: 1.5rem; 
    background-color: #ffffff; 
    border-radius: 16px; 
    border: 1px solid #e0e0e0; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
}

/* כותרת ראשית עם גרדיאנט */
.changelog-section h1 { 
    border-bottom: 2px solid #00796B; 
    padding-bottom: 1rem; 
    margin-bottom: 2.5rem; 
    color: #00796B;
    font-size: 2.2rem;
    text-align: center;
    background: linear-gradient(to right, #00796B, #26A69A);
    background-clip: text;         
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: 100%;
}

.version-entry { 
    display: none; /* JS will show relevant entry */
    animation: fadeIn 0.5s ease-in-out;
}

/* כותרת גרסה */
.version-entry h2 { 
    font-size: 1.5rem; 
    color: #202124; 
    margin-bottom: 0.8rem; 
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 10px;
}

.version-entry h2::before {
    content: "🚀";
    font-size: 1.2rem;
}

/* תאריך מעוצב */
.version-entry .version-date { 
    color: #00796B; 
    font-size: 0.9rem; 
    background-color: #E0F2F1; 
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 1.5rem;
    font-weight: 600;
    border: 1px solid rgba(0, 121, 107, 0.1);
}

.release-body { 
    line-height: 1.8; 
    color: #5F6368; 
}

/* היררכיית עדכונים: קטגוריה → תחום משנה → פריטים */
.release-category {
    margin-top: 1.75rem;
    overflow: hidden;
    border: 1px solid #cfe8e4;
    border-radius: 12px;
    background: #f9fcfc;
}
.release-category-title {
    margin: 0;
    padding: 0.8rem 1rem;
    color: #075e54;
    border-bottom: 1px solid #cfe8e4;
    background: #e5f5f2;
    font-size: 1.05rem;
    font-weight: 800;
}
.release-section {
    padding: 0.9rem 1rem 0;
}
.release-section + .release-section {
    margin-top: 0.8rem;
    border-top: 1px solid #e6efed;
}
.release-section-title {
    margin: 0 0 0.45rem;
    color: #28786f;
    font-size: 0.95rem;
    font-weight: 750;
}
.release-items {
    margin-bottom: 0.75rem !important;
}
/* רשימות מעוצבות - וי ירוק */
.release-body ul {
  list-style-type: none !important;
  padding-right: 0;
  margin: 0;
}

.release-body li {
    position: relative;
    padding-right: 35px;
    padding-left: 10px;
    margin-bottom: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

.release-body li:hover {
    background-color: #f9fbfb;
}

.release-body li::before {
    content: "✓";
    color: #fff;
    background-color: #26A69A;
    font-size: 0.8em;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(38, 166, 154, 0.3);
    z-index: 1;
}

/* === תיקון: הסתרת הוי הירוק לכותרות ביניים === */
/* מזהה שורות שיש להן עיצוב ממורכז (style="text-align: center") */
.release-body li[style*="text-align: center"]::before {
    content: none !important;
    display: none;
}

/* ביטול אפקט הריחוף והרקע לכותרות אלו */
.release-body li[style*="text-align: center"] {
    background-color: transparent !important;
    padding-right: 0 !important; /* ביטול הריווח שהושאר עבור הוי */
    pointer-events: none; /* אופציונלי: מונע מהעכבר להגיב לשורה זו */
    cursor: default;
}

.changelog-divider {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #e0e0e0, transparent);
    margin: 2.5rem 0;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
    .changelog-section {
        padding: 1.5rem;
        margin: 1rem 0.5rem;
    }
    .changelog-section h1 {
        font-size: 1.8rem;
    }
}

#changelog-not-found { display: none; text-align: center; padding: 2rem; color: #777; }

/* === Launch Promo Styles (Unified Version Only) === */

/* עיצוב המחירים בתוך קוביית הבחירה */
.promo-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}

.promo-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.85rem;
}

.promo-new-price {
    color: var(--promo); /* אדום */
    font-weight: 800;
    font-size: 1.15rem;
    animation: popPrice 0.5s ease-out;
}

/* הבאנר החגיגי */
.special-launch-banner {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    color: #1E293B;
    padding: 12px 20px;
    border-radius: 6px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.special-launch-banner h3 {
    margin: 0 0 4px 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0F172A;
}

/* הערת הבהרה - עיצוב חיובי וחדשני */
.promo-disclaimer-note {
    font-size: 0.9rem;
    color: #00695c; /* טקסט בגוון ירוק-טורקיז עמוק */
    font-weight: 700;
    margin-top: 15px;
    display: block;
    /* רקע חדשני: גרדיאנט עדין מלבן לטורקיז בהיר */
    background: linear-gradient(to left, #e0f2f1, #f1f8e9);
    padding: 10px 15px;
    border-radius: 8px;
    /* מסגרת עדינה ופס הדגשה בולט בצד ימין */
    border: 1px solid #b2dfdb;
    border-right: 4px solid #26a69a; 
    box-shadow: 0 4px 10px rgba(38, 166, 154, 0.1);
    transition: transform 0.2s ease;
}

.promo-disclaimer-note:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(38, 166, 154, 0.2);
}

/* אנימציית קונפטי */
.confetti-piece {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: 50;
    opacity: 0;
}

/* === Legacy Versions Accordion Styles === */

.legacy-accordion-container {
    max-width: 1000px;
    margin: 1.5rem auto;
    
    /* --- עיצוב כרטיס מעוגל וצבעוני --- */
    background-color: #f8fbfd; /* צבע רקע עדין (תכלת-אפרפר) לא שקוף */
    border: 1px solid var(--border-color); /* מסגרת מלאה */
    border-radius: 16px;       /* פינות מעוגלות */
    overflow: hidden;          /* מבטיח שהתוכן לא יחרוג מהפינות */
    box-shadow: 0 4px 15px rgba(0,0,0,0.03); /* הצללה עדינה */
}

/* הכפתור עצמו */
.legacy-accordion-btn {
    width: 100%;
    background: transparent;
    border: none;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: var(--text-secondary);
    font-family: 'Heebo', sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

.legacy-accordion-btn:hover {
    color: var(--primary);
    background-color: rgba(0, 0, 0, 0.02); /* שינוי עדין בהובר */
}

.legacy-accordion-btn .btn-icon {
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

/* מצב פתוח של הכפתור */
.legacy-accordion-btn.active {
    color: var(--primary);
    font-weight: 700;
    
    /* --- עיצוב כותרת כשהכרטיס פתוח --- */
    background-color: #ffffff; /* רקע לבן להבלטה */
    border-bottom: 1px solid var(--border-color); /* קו הפרדה מהתוכן */
}

.legacy-accordion-btn.active .btn-icon {
    transform: rotate(180deg);
}

/* המעטפת של המוצרים - מוסתרת כברירת מחדל */
.legacy-content-wrapper {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); /* אנימציית החלקה */
    opacity: 0;
}

/* מצב פתוח של המעטפת */
.legacy-content-wrapper.open {
    max-height: 5000px; /* גובה מספיק גדול להכלת התוכן */
    opacity: 1;
    transition: max-height 0.8s ease-in-out, opacity 0.5s ease-in-out;
}

/* מונע קפיצות בטעינת הכותרת */
#header-placeholder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    min-height: 80px; /* גובה משוער כדי לשמור מקום ויזואלי */
}
        /* התאמות ספציפיות לעמוד הבית המשודרג */
        .home-hero-wrapper {
            text-align: center;
            /* תיקון: הגדלת הריווח העליון כדי שהתוכן לא יוסתר מאחורי התפריט */
            padding: 160px 1rem 2rem 1rem; 
            max-width: 900px;
            margin: 0 auto;
        }
        
        .home-hero-wrapper h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            background: -webkit-linear-gradient(45deg, var(--primary), #00bcd4);
            /* תיקון: הוספת הפקודה התקנית לפתרון השגיאה */
            -webkit-background-clip: text;
            background-clip: text; 
            -webkit-text-fill-color: transparent;
            font-weight: 900;
        }

        .home-hero-wrapper p.lead {
            font-size: 1.3rem;
            color: var(--text-secondary);
            margin-bottom: 3rem;
            line-height: 1.6;
        }

        .pro-highlight-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.5rem;
            margin: 2rem 0;
            text-align: center;
        }

        .pro-feature-card {
            background: #fff;
            padding: 2rem;
            border-radius: var(--radius-md);
            border: 1px solid var(--border-color);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .pro-feature-card:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
            border-color: var(--primary-faint-border);
        }

        .pro-feature-card .icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            display: inline-block;
        }
        
        .trust-badge-strip {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
            opacity: 0.7;
            font-weight: 600;
            color: var(--text-secondary);
        }

        @media (max-width: 768px) {
            .home-hero-wrapper h1 { font-size: 2.2rem; }
            /* במובייל התפריט לפעמים קטן יותר, אפשר להקטין מעט אם רוצים, אבל 140px בטוח */
            .home-hero-wrapper { padding-top: 140px; }
        }


        /* =================================================================== */
/* === HOME PAGE STYLES (Moved from HTML for SPA Compatibility) === */
/* =================================================================== */

.home-hero-wrapper {
    text-align: center;
    padding: 100px 1rem 1.5rem 1rem;
    max-width: 900px;
    margin: 0 auto;
}

.home-hero-wrapper h1 {
    font-size: 2.2rem;
    margin-bottom: 0.8rem;
    background: linear-gradient(135deg, var(--primary) 0%, #00bcd4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    line-height: 1.2;
}

.home-hero-wrapper p.lead {
    font-size: 1rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.pro-highlight-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
    text-align: center;
}

.pro-feature-card {
    background: #fff;
    padding: 1rem 1.2rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-color);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary);
}

.pro-feature-card .icon {
    font-size: 2rem;
    margin-bottom: 0.6rem;
    display: inline-block;
}

.pro-feature-card h3 {
    font-size: 1rem;
    margin-bottom: 0.4rem;
}

.pro-feature-card p {
    font-size: 0.9rem;
    line-height: 1.5;
}

.trust-badge-strip {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    opacity: 0.7;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

/* התאמה למובייל */
@media (max-width: 768px) {
    .home-hero-wrapper h1 { font-size: 1.8rem; }
    .home-hero-wrapper { padding-top: 90px; }
}

/* באדג' רוחבי למבצע השקה */
.launch-wide-badge {
    position: absolute;
    top: -14px;
    left: 10px; /* צד שמאל - כי זה RTL והקוביות החזקות (פלוס ופרו) נמצאות משמאל */
    width: 65%; /* מכסה בערך 2 מתוך 3 עמודות */
    background: linear-gradient(90deg, #d32f2f, #f44336);
    color: white;
    text-align: center;
    font-weight: 800;
    font-size: 0.9rem;
    padding: 6px 0;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(211, 47, 47, 0.3);
    z-index: 10;
    animation: slideDownBadge 0.5s ease-out;
}

/* התאמה למובייל - שם הגריד הופך לטור */
@media (max-width: 900px) {
    .launch-wide-badge {
        position: relative;
        top: 0; left: 0; width: 100%;
        margin-bottom: 15px;
        display: block;
    }
}

@keyframes slideDownBadge {
    from { transform: translateY(-20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* ==========================================================================
   LAUNCH PROMO & BADGES (Final Design)
   ========================================================================== */

/* ריווח עבור הגריד כדי לפנות מקום לבאדג' */
.license-selector-grid {
    margin-top: 65px !important; /* הגדלנו מ-45 ל-65 כדי לתת מקום לתווית */
    position: relative;
}

/* === תיקון באדג' השקה עבור 4 עמודות === */
.launch-wide-badge {
    position: absolute;
    top: -45px;
    
    /* הצמדה מוחלטת לשמאל (כי שם נמצאים כפתורי הפרו/פלוס ב-RTL) */
    left: 0;
    right: auto;
    
    /* חישוב מדויק: 75% מהרוחב (3 מתוך 4 עמודות) פחות מרווח קטן כדי לא לגעת בקוביה של החינם */
    width: calc(75% - 8px); 
    
    background: linear-gradient(90deg, #d32f2f, #f44336);
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 4px 0;
    border-radius: 6px;
    border: none;
    box-shadow: 0 4px 10px rgba(211, 47, 47, 0.2);
    z-index: 10;
    pointer-events: none;
    animation: slideDownBadge 0.5s ease-out;
    line-height: 1.5;
}

/* התאמה למובייל */
@media (max-width: 900px) {
    .launch-wide-badge {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom: 15px;
        display: block;
    }
    .license-selector-grid {
        margin-top: 10px !important;
    }
}

/* אנימציית כניסה */
@keyframes slideDownBadge {
    from { transform: translateY(-10px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* הבאנר בראש האזור - עם מסגרת מקווקוות */
.special-launch-banner {
    background: #e3f2fd;
    
    /* --- קו מקווקו כחול --- */
    border: 2px dashed #90caf9;
    /* --------------------- */
    
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    color: #0d47a1;
}

.special-launch-banner h3 {
    margin: 0 0 5px 0;
    font-size: 1.2rem;
    color: #1565c0;
}

/* הערת הדיסקליימר הקטנה */
.promo-disclaimer-note {
    display: block;
    margin-top: 10px;
    color: #05737d;
    font-weight: 500;
    font-size: 0.85rem;
}

/* עיצוב המחירים (ישן/חדש) */
.promo-price-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}

.promo-old-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9em;
}

.promo-new-price {
    color: #d32f2f;
    font-weight: 800;
    font-size: 1.3em;
}

/* קונפטי */
.confetti-piece {
    position: absolute;
    width: 8px;
    height: 16px;
    z-index: 5;
    pointer-events: none;
}

/* === Unified Floating Card Carousel - Wide & Luxury Mode === */

/* קונטיינר ראשי - רחב מאוד */
.unified-floating-card-container.wide-mode {
    position: relative;
    margin: 40px auto 30px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    max-width: 1100px; /* רוחב משמעותי */
    width: 95%;
}

/* המעטפת הלבנה של הכרטיס */
.uni-cards-wrapper {
    position: relative;
    flex: 1;
    background: #ffffff;
    border-radius: 24px;
    /* צל רך ויוקרתי */
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08), 0 5px 15px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.04);
    overflow: hidden;
    min-height: 380px; /* גובה מינימלי סביר אך לא מוגזם */
    transition: transform 0.3s ease;
}

.uni-info-card {
    display: none;
    flex-direction: row; /* פריסה אופקית חובה */
    width: 100%;
    height: 100%;
    align-items: stretch; /* מתיחה לגובה אחיד */
    animation: fadeInCard 0.5s ease-out;
}

.uni-info-card.active {
    display: flex;
}

@keyframes fadeInCard {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}

/* === צד המדיה (תמונה) - חצי רוחב === */
.uni-card-media {
    flex: 0 0 45%; /* כמעט חצי מהרוחב */
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8fafc; /* רקע בהיר מאוד */
    overflow: hidden;
    padding: 20px;
}

/* עיגול הרקע מאחורי התמונה */
.img-backdrop {
    position: absolute;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(0,0,0,0.04) 0%, rgba(255,255,255,0) 70%);
    border-radius: 50%;
    z-index: 1;
}
.img-backdrop.plus-theme { background: radial-gradient(circle, rgba(38, 166, 154, 0.08) 0%, rgba(255,255,255,0) 70%); }
.img-backdrop.pro-theme { background: radial-gradient(circle, rgba(255, 193, 7, 0.12) 0%, rgba(255,255,255,0) 70%); }

.uni-card-media img {
    max-width: 90%;
    height: auto;
    max-height: 300px; /* הגבלת גובה כדי שהכרטיס לא יתארך */
    object-fit: contain;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.15));
    z-index: 2;
    transition: transform 0.3s ease;
}

.uni-cards-wrapper:hover .uni-card-media img {
    transform: scale(1.03) translateY(-5px);
}

/* === התג (Badge) === */
.uni-badge {
    position: absolute;
    top: 20px;
    right: 20px; /* RTL - צד ימין */
    font-size: 0.85rem;
    padding: 6px 14px;
    border-radius: 50px;
    color: white;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 3;
}
.uni-badge.basic { background: #546E7A; }
.uni-badge.plus { background: var(--secondary); }
.uni-badge.pro { background: linear-gradient(135deg, #FFB300, #F57F17); color: white; }

/* === צד התוכן (טקסט) === */
.uni-card-content {
    flex: 1; 
    padding: 25px 30px; /* צמצום מרווחים כדי להפוך את הכרטיס לקומפקטי ונקי */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    text-align: right;
    background: #fff;
}

.uni-card-content h3 {
    margin: 0 0 8px 0;
    font-size: 1.8rem; /* פרופורציה מכובדת וסולידית במקום ענק וצועק */
    font-weight: 800;
    color: var(--primary);
    line-height: 1.2;
}

.uni-card-content .subtitle {
    font-size: 1.1rem;
    color: var(--secondary);
    font-weight: 600;
    margin-bottom: 20px;
}

.uni-card-content .description {
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--text-secondary);
    margin-bottom: 15px; /* תוקן: הוקטן מ-30px כדי שהפאנלים יישבו קרוב לטקסט */
    max-width: 95%;
}

/* רשימת פיצ'רים אופקית (Chips) */
.features-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.feat-chip {
    background: #f1f3f4;
    color: #333;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    transition: all 0.2s;
}

/* הדגשה לפיצ'רים של גרסת הפרו */
.uni-info-card.active[data-card-type="zman-pro"] .feat-chip {
    background: #FFF8E1;
    border-color: #FFE082;
    color: #5D4037;
}

/* === כפתורי ניווט === */
.uni-nav-btn {
    background: white;
    border: none;
    color: var(--text-secondary);
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
    z-index: 5;
    flex-shrink: 0; /* מונע כיווץ */
}

.uni-nav-btn .arrow-icon {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: -3px;
}

.uni-nav-btn:hover {
    background: var(--primary);
    color: white;
    transform: scale(1.1);
    box-shadow: 0 8px 20px rgba(0, 116, 133, 0.25);
}

/* === התאמה למובייל (מתחת ל-850px) === */
@media (max-width: 850px) {
    .uni-info-card {
        flex-direction: column; 
    }
    .uni-card-media {
        flex: none;
        width: 100%;
        height: 220px;
        padding: 15px;
    }
    .uni-card-media img { max-height: 180px; }
    .uni-card-content {
        padding: 25px 20px;
        text-align: right; /* תוקן: שומר על יישור לימין כדי שהכל ייראה רציף */
    }
    .uni-badge { top: 15px; right: 15px; }
    .features-row { 
        justify-content: flex-start; /* תוקן: מונע שבירת שורות מוזרה ומסדר מימין לשמאל */
    }
    
    .unified-floating-card-container.wide-mode {
        gap: 10px; 
    }
    .uni-nav-btn {
        width: 40px; height: 40px; 
    }
    .uni-nav-btn .arrow-icon { font-size: 1.2rem; }
}

/* הופך את התמונה ללחיצה */
.uni-card-media {
    cursor: pointer;
    position: relative;
}

/* הגדרת שכבת הריחוף (הכהייה + טקסט) */
.uni-hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); 
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: inherit;
}

/* מציג את השכבה בעת מעבר עכבר */
.uni-card-media:hover .uni-hover-overlay {
    opacity: 1;
}

/* עיצוב הטקסט - קטן, עדין ואלגנטי */
.uni-hover-overlay span {
    color: #ffffff;
    font-weight: 700;          
    font-size: 0.9rem;         /* הוקטן משמעותית (בערך חצי) */
    text-shadow: 0 1px 4px rgba(0,0,0,0.6); /* צל עדין יותר שמתאים לטקסט קטן */
    font-family: 'Heebo', sans-serif;
    letter-spacing: 0.5px;
    
    /* מוודא שאין מסגרות או רקעים */
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    backdrop-filter: none;
    
    /* אנימציית כניסה עדינה */
    transform: translateY(5px); /* תזוזה קטנה יותר */
    transition: transform 0.3s ease-out;
}

/* הטקסט עולה למקום בריחוף */
.uni-card-media:hover .uni-hover-overlay span {
    transform: translateY(0);
}

/* ========================================= */
/* GEMINI CONNECTIVITY CHECKER STYLES        */
/* ========================================= */
.gemini-connectivity-test-container {
    width: 100%;
    padding: 10px 0;
}

.connectivity-card {
    margin-top: 15px;
    padding: 15px;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    text-align: right;
    font-size: 0.95rem;
    animation: fadeIn 0.3s ease-out;
}

.connectivity-header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.status-icon {
    font-size: 1.4rem;
    line-height: 1;
}

.connectivity-title-box h4 {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-weight: 700;
}

.connectivity-title-box p {
    margin: 0;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.3;
}

/* צבעים לפי מצב */
.connectivity-card.success { background-color: #f1f8e9; border-color: #c5e1a5; }
.connectivity-card.success h4 { color: #2e7d32; }

.connectivity-card.warning { background-color: #fff8e1; border-color: #ffe082; }
.connectivity-card.warning h4 { color: #f57f17; }

.connectivity-card.error { background-color: #ffebee; border-color: #ef9a9a; }
.connectivity-card.error h4 { color: #c62828; }

.connectivity-details { margin-top: 10px; font-size: 0.8rem; }
.details-divider { height: 1px; background-color: rgba(0,0,0,0.1); margin: 8px 0; }
.connectivity-details code {
    display: block; background: rgba(0,0,0,0.05); padding: 5px;
    font-family: monospace; direction: ltr; text-align: left; word-break: break-all;
}
.small-btn { margin-top: 10px; width: 100%; padding: 5px; font-size: 0.85rem; }


/* ========================================= */
/* === 404 ERROR PAGE STYLES === */
/* ========================================= */

/* שימוש במחלקה ספציפית כדי לא לשבור עמודים אחרים */
.product-page-main.error-page-layout {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.error-icon {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: floatIcon 3s ease-in-out infinite;
    display: inline-block;
}

@keyframes floatIcon {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

.error-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

@media (max-width: 500px) {
    .error-actions { 
        flex-direction: column; 
        width: 100%;
    }
    .error-actions .cta-button { 
        width: 100%; 
    }
}

/* === Compact Coupon Success Card === */
.coupon-modal-content {
    text-align: center;
    max-width: 360px !important; /* צר וקומפקטי יותר */
    padding: 2rem !important;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    border: 2px solid var(--primary); /* מסגרת עדינה בצבע המותג */
    position: relative;
    overflow: hidden;
}

/* אפקט זוהר עדין ברקע */
.coupon-modal-content::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, var(--primary), var(--secondary));
}

.coupon-gift-icon {
    font-size: 3rem;
    margin-bottom: 0.5rem;
    display: inline-block;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

.coupon-modal-title {
    color: var(--primary);
    font-size: 1.4rem;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.2;
}

/* טקסט ההסבר מסביב לכפתור */
.coupon-info-text {
    font-size: 1rem;
    color: var(--text-primary);
    margin-bottom: 20px;
    background-color: var(--bg-surface);
    padding: 15px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.05);
}

.coupon-info-text strong {
    color: #2e7d32; /* ירוק לכסף */
    font-size: 1.2rem;
    display: block;
    margin-top: 5px;
}

.coupon-info-text .original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.9rem;
    font-weight: normal;
}

/* הכפתור היחיד */
.btn-confirm-coupon {
    width: 100%;
    font-size: 1.15rem !important;
    padding: 12px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(0, 116, 133, 0.3);
    animation: pulseBtn 2s infinite;
}

@keyframes pulseBtn {
    0% { transform: scale(1); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1); }
}


/* ========================================= */
/* === 404 ERROR PAGE STYLES (UPDATED) === */
/* ========================================= */

.product-page-main.error-page-layout {
    min-height: 80vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    /* ווידוא שהריפוד העליון מהכותרת נשמר */
    padding-top: 160px !important;
}

/* קונטיינר ייעודי לתוכן השגיאה */
.error-content-panel {
    max-width: 600px;
    width: 100%;
    text-align: center;
    padding: 1.5rem 1rem;
    margin: 0 auto;
    /* ירושה מהעיצוב של unified-panel אם קיים, או הגדרות בסיס */
    background: linear-gradient(180deg, #ffffff 0%, #f0fbfc 100%);
    border: 1px solid #b2ebf2;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 116, 133, 0.08);
}

.error-icon {
    font-size: 5rem;
    margin-bottom: 1rem;
    animation: floatIcon 3s ease-in-out infinite;
    display: inline-block;
    line-height: 1;
}

.error-title {
    color: var(--primary);
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: 800;
}

.error-subtitle {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.error-description {
    color: var(--text-secondary);
    line-height: 1.6;
    margin-bottom: 2rem;
    font-size: 1rem;
}

.error-actions {
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.error-footer-link {
    margin-top: 30px;
    border-top: 1px solid var(--border-color);
    padding-top: 20px;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.error-footer-link a {
    color: var(--primary);
    font-weight: bold;
    text-decoration: none;
}

@keyframes floatIcon {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
}

/* התאמה למובייל */
@media (max-width: 500px) {
    .error-content-panel {
        padding: 2rem 1.5rem;
    }
    
    .error-actions { 
        flex-direction: column; 
        width: 100%;
        gap: 10px;
    }
    
    .error-actions .cta-button { 
        width: 100%; 
    }
    
    .error-title {
        font-size: 2rem;
    }
}

/* תווית "חדש" קטנה עבור התפריט העליון */
.nav-badge-new {
    background-color: var(--promo); /* משתמש בצבע האדום הקיים */
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 6px; /* רווח קטן מהטקסט */
vertical-align: middle;  /* מיישר לאמצע השורה במקום לתחתית */
    position: relative;      /* מאפשר הזזה ידנית עדינה */
    top: -2px;               /* מרים את האלמנט ב-2 פיקסלים למעלה */    font-weight: 800;
    box-shadow: 0 2px 4px rgba(211, 47, 47, 0.2);
    animation: pulseBadge 2s infinite; /* אנימציה עדינה למשיכת תשומת לב */
}

@keyframes pulseBadge {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

/* עיצוב לתווית "בקרוב" - צבע כתום/אפור */
.nav-badge-soon {
    background-color: #f39c12; /* צבע כתום המרמז על המתנה */
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 5px;
    vertical-align: middle;
    font-weight: bold;
}

/* ביטול לחיצה על הקישור */
.link-disabled {
    cursor: default !important; /* העכבר נשאר רגיל ולא הופך ליד */
    opacity: 0.7; /* שקיפות קלה להבהיר שזה לא פעיל */
    pointer-events: none; /* מונע כל אפשרות לחיצה טכנית */
}

/* === Modern Feature Chips (clickpro Page) === */
.features-grid-modern {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.feature-chip {
    background-color: #f1f8e9; /* ירקרק בהיר מאוד */
    border: 1px solid #c5e1a5;
    color: #33691e;
    padding: 6px 12px;
    border-radius: 50px; /* פינות עגולות לגמרי */
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    cursor: default;
}

.feature-chip:hover {
    background-color: #dcedc8;
    transform: translateY(-2px);
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.feature-chip .chip-icon {
    font-size: 1.1rem;
}

/* הדגשה מיוחדת לפיצ'ר ראשון או חשוב */
.feature-chip.highlight {
    background-color: #e3f2fd; /* כחלחל */
    border-color: #90caf9;
    color: #1565c0;
}

/* === Info Bubble Style (clickpro Page) === */
.support-info-bubble {
    margin-top: 20px;
    background-color: #fff8e1; /* רקע שמנת/כתום בהיר מאוד */
    border: 1px solid #ffcc80; /* מסגרת כתומה */
    color: #5d4037; /* טקסט חום כהה לקריאות */
    padding: 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    line-height: 1.6;
    position: relative;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.support-info-bubble strong {
    color: #e65100; /* הדגשה בכתום כהה */
    font-weight: 700;
}

/* === Benefits Table (clickpro Page - Updated) === */
.clickpro-benefits-wrapper {
    margin: 25px 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.04);
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.benefits-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
}

.benefits-table tr {
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.benefits-table tr:last-child {
    border-bottom: none;
}

.benefits-table tr:hover {
    background-color: #fcfcfc;
}

/* עמודת האייקון (וי) */
.benefits-table td.icon-col {
    width: 50px;
    text-align: center;
    vertical-align: middle;
    padding: 15px 0 15px 15px;
}

.v-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: #e0f2f1; /* רקע ירקרק עדין */
    color: #00695c; /* ירוק כהה */
    border-radius: 50%;
    font-weight: 900;
    font-size: 0.9rem;
}
.v-mark::before { content: '✓'; }

/* עמודת הטקסט */
.benefits-table td.text-col {
    padding: 15px 15px 15px 0;
    color: var(--text-primary);
    line-height: 1.4;
    vertical-align: middle;
}

.benefit-title {
    font-weight: 700;
    display: block;
    color: var(--primary);
    margin-bottom: 2px;
}

.benefit-desc {
    font-size: 0.85rem;
    color: var(--text-secondary);
    display: block;
}

/* הדגשה מיוחדת לשורת אתרוג */
.benefits-table tr.etrog-highlight {
    background-color: #f1f8e9; /* רקע ירקרק בולט יותר */
    border-left: 4px solid #2e7d32;
}

.benefits-table tr.etrog-highlight .benefit-title {
    color: #2e7d32;
    font-size: 1.05rem;
}

.benefits-table tr.etrog-highlight .v-mark {
    background-color: #2e7d32;
    color: white;
    box-shadow: 0 2px 5px rgba(46, 125, 50, 0.3);
}

.exclusive-badge {
    background-color: #c62828;
    color: white;
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 6px;
    vertical-align: middle;
    font-weight: normal;
}

/* ========================================= */
/* === MODERN PRODUCT SHOWCASE REDESIGN === */
/* ========================================= */

.product-showcase.modern-layout {
    max-width: 1150px;
    margin: 0 auto;
}

.product-entry-modern {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 2.5rem;
    align-items: start;
    background: #ffffff;
    border-radius: 12px; /* עידון פינות למראה היי-טק נקי */
    padding: 2rem; /* הידוק המרווחים */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid #E2E8F0;
    margin-bottom: 1.5rem;
}

/* --- אזור תמונה וצד ימין --- */
.product-media-section {
    position: sticky;
    top: 120px;
}

.modern-mockup-wrapper {
    background: linear-gradient(145deg, #f8fafc, #f1f5f9);
    border-radius: 20px;
    padding: 2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    margin-bottom: 20px;
    overflow: visible;
}

.modern-mockup-image {
    max-width: 100%;
    filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1));
    transition: transform 0.4s ease;
}

.modern-mockup-wrapper:hover .modern-mockup-image {
    transform: translateY(-5px) scale(1.02);
}

.floating-badge {
    position: absolute;
    top: 12px;
    right: 16px;
    background: #e0f2fe;
    color: #0369a1;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 0.85rem;
    font-weight: 700;
    box-shadow: 0 4px 10px rgba(3, 105, 161, 0.15);
    z-index: 10;
}

.support-info-bubble.modern-bubble {
    margin-top: 0;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

/* --- אזור תוכן (צד שמאל) --- */
.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 1rem;
}

.content-header h3 {
    font-size: 2.2rem;
    margin: 0;
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: 10px;
}

.modern-price-tag {
    text-align: left;
}

.modern-price-tag .current-price {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--text-primary);
    display: block;
    line-height: 1;
}

.modern-price-tag .old-price {
    font-size: 0.95rem;
    color: #94a3b8;
    text-decoration: line-through;
}

.modern-description {
    font-size: 1.1rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 2.5rem;
}

/* --- בחירת פלטפורמה והורדה (Interaction Section) --- */
.interaction-section {
    background: #f8fafc;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    margin-bottom: 2.5rem;
}

.step-title {
    font-size: 1rem;
    color: #334155;
    margin-bottom: 1rem;
    font-weight: 700;
}

.modern-platform-selector {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.modern-platform-selector input {
    display: none;
}

.platform-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.platform-card:hover:not(.disabled) {
    border-color: #cbd5e1;
}

.modern-platform-selector input:checked + .platform-card {
    border-color: var(--primary);
    background: #f0fafe;
    box-shadow: 0 4px 15px rgba(0, 116, 133, 0.08);
}

.platform-info {
    display: flex;
    flex-direction: column;
}

.platform-name {
    font-weight: 700;
    color: #1e293b;
    font-size: 1.05rem;
}

.platform-status {
    font-size: 0.8rem;
    color: #64748b;
}

.platform-card.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: #f1f5f9;
}

.modern-btn {
    width: 100%;
    padding: 16px;
    font-size: 1.15rem;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 116, 133, 0.2);
}

.modern-footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px;
}

.modern-footer-links .separator { color: #cbd5e1; }

/* --- גריד תכונות מתקדם --- */
.modern-features-section {
    padding-top: 1rem;
}

.features-title {
    font-size: 1.2rem;
    color: var(--primary);
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
    display: inline-block;
}

.modern-features-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.feature-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: all 0.2s ease;
}

.feature-card.full-width {
    grid-column: 1 / -1;
}

.feature-card:hover {
    border-color: var(--primary);
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}

.feature-card.highlighted {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.feature-icon {
    font-size: 1.4rem;
    background: #f1f5f9;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.feature-card.highlighted .feature-icon {
    background: #e0f2fe;
}

.feature-text-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.feature-title {
    font-weight: 700;
    color: #1e293b;
    font-size: 0.95rem;
    line-height: 1.2;
}

.feature-desc {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.4;
}

.feature-card .exclusive-badge {
    position: absolute;
    top: -10px;
    left: 10px;
    background-color: #ef4444;
    color: white;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 6px;
    font-weight: 700;
    box-shadow: 0 2px 6px rgba(239, 68, 68, 0.3);
}

/* רספונסיביות */
@media (max-width: 950px) {
    .product-entry-modern {
        grid-template-columns: 1fr;
        padding: 2rem;
        gap: 2rem;
    }
    .product-media-section {
        position: static;
    }
    .modern-features-grid {
        grid-template-columns: 1fr;
    }
}

/* ========================================= */
/* === MODERN UNIFIED PANEL REDESIGN === */
/* ========================================= */

.modern-unified-panel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 2rem 2.5rem; /* צמצום משמעותי של מרווחים פנימיים */
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
    margin-top: 1rem;
    margin-bottom: 2rem; /* צמצום מרווחים חיצוניים */
    direction: rtl;
    max-width: 1100px; /* הקטנת הרוחב מעט למראה מהודק ומרוכז */
    margin-left: auto;
    margin-right: auto;
}

.modern-unified-header {
    text-align: center;
    margin-bottom: 2rem; /* פחות שטח מת לפני הקוביות */
}

.modern-unified-header h2 {
    font-size: 2.5rem;
    color: #0f172a; /* שחור-כחול עמוק שמשדר רצינות ויוקרה */
    margin: 10px 0;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.modern-unified-header p {
    font-size: 1.15rem;
    color: #64748b;
    max-width: 600px;
    margin: 0 auto;
}

.modern-badge {
    background-color: var(--primary);
    color: white;
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 0.9rem;
    box-shadow: 0 4px 12px rgba(0, 116, 133, 0.2);
    display: inline-block;
}

.modern-unified-layout {
    display: grid;
    grid-template-columns: 1fr 1.3fr; /* חלוקה א-סימטרית: תצוגה מקדימה מעט רחבה יותר */
    gap: 3.5rem;
    align-items: stretch;
}

/* === Selection Area (Right Side) === */
.modern-selection-area {
    background: #ffffff;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    border: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
}

.area-title {
    font-size: 1.1rem;
    color: #475569;
    margin-bottom: 1.2rem;
    font-weight: 700;
}

.modern-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* minmax(0,1fr) => רוחב זהה גם כשהתוכן שונה באורכו */
    gap: 15px;
    margin-bottom: 2.5rem;
    justify-content: stretch;
}

/* ביטול ה-margin-top הגדול (65px שנועד לתווית השקה מושבתת) בגריד המודרני */
.license-selector-grid.modern-grid {
    margin-top: 16px !important;
}

.modern-option {
    border: 1px solid #cbd5e1;
    border-radius: 8px; /* פינות מעט מעוגלות ליוקרה */
    padding: 10px 22px; /* ריווח אנכי מצומצם, אופקי רחב => מלבן שכוב */
    text-align: center;
    background: #ffffff;
    transition: all 0.2s ease;
    cursor: pointer;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.02);
}

.modern-option:hover {
    border-color: #94a3b8;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
    transform: translateY(0); /* ללא קפיצה ילדותית במעבר עכבר */
}

.modern-option.selected {
    border-color: var(--primary);
    background: #f8fafc;
    box-shadow: inset 0 0 0 1px var(--primary), 0 4px 12px rgba(0, 116, 133, 0.08);
}

.option-content {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    direction: rtl;
}

.tier-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    text-align: center;
    direction: rtl;
}

.tier-icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    opacity: 0.7;
    flex-shrink: 0;
    stroke-width: 1.6;
}

.modern-option.selected .tier-icon {
    opacity: 1;
    color: var(--primary);
}

.zman-luxury-page .modern-option.selected .tier-icon {
    color: var(--lux-primary);
}

.modern-option .tier-name {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    line-height: 1.2;
}

.modern-option .tier-price {
    display: block;
    font-size: 0.95rem;
    color: #475569;
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.2;
}

/* צבעים סולידיים ויוקרתיים יותר לטקסטים במקום סגול וזהב זועקים */
.highlight-gold { color: #0f172a !important; }
.highlight-purple { color: #0f172a !important; }

.ai-badge {
    position: absolute;
    top: -10px;
    left: -10px;
    right: auto;
    background: var(--primary); /* החזרה לטורקיז היוקרתי הראשי */
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: 1px solid var(--primary-hover);
}

/* === Actions Area === */
.modern-actions {
    margin-top: auto;
}

/* איפוס צבעי cta-button הגלובליים בתוך הקבוצה המאוחדת */
.modern-action-group .cta-button.primary,
.modern-action-group .cta-button.primary:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.modern-action-group .cta-button.secondary {
    background-color: transparent !important;
    border: none !important;
}

/* === כפתור פעולה מאוחד ומפוצל (רכישה מרכזית + ניסיון משני) === */
.modern-action-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 12px;
    box-shadow: 0 10px 26px rgba(11, 74, 90, 0.22);
    background: #ffffff;
}

/* אזור הרכישה - עליון, מרכזי ודומיננטי */
.modern-action-group #unified-buy-btn.modern-action-btn,
.modern-action-group .purchase-btn.modern-action-btn {
    flex: none;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: auto;
    margin: 0 !important;
    padding: 18px 16px !important;
    font-size: 1.08rem !important;
    font-weight: 700;
    border: none !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #0B4A5A 0%, #0D7A8C 50%, #1a9bb0 75%, #0B4A5A 100%) !important;
    background-size: 220% 100% !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22) !important;
    letter-spacing: 0.3px;
    animation: lux-shimmer 4s ease-in-out infinite;
    transition: filter 0.2s ease;
}

.modern-action-group #unified-buy-btn.modern-action-btn:hover,
.modern-action-group .purchase-btn.modern-action-btn:hover {
    filter: brightness(1.07);
    transform: none;
}

.modern-action-group #unified-buy-btn .action-btn-label,
.modern-action-group .purchase-btn .action-btn-label {
    display: inline-block;
    line-height: 1.25;
}

.modern-action-group .action-btn-icon {
    flex-shrink: 0;
}

/* אזור קוד הניסיון - תחתון, משני, עם קו מפריד עליון */
.modern-action-group #unified-trial-btn.modern-outline-btn,
.modern-action-group .trial-btn.modern-outline-btn {
    flex: none;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    margin: 0 !important;
    padding: 12px 16px !important;
    font-size: 0.92rem;
    font-weight: 600;
    background: #f8fafc;
    color: var(--primary);
    border: none;
    border-top: 1px solid #e2e8f0;
    border-radius: 0 !important;
    transition: background 0.2s ease, color 0.2s ease;
}

.modern-action-group #unified-trial-btn.modern-outline-btn:hover,
.modern-action-group .trial-btn.modern-outline-btn:hover {
    background: #eef4f5;
    color: var(--primary-hover);
}

.modern-unified-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 1.5rem;
}

.modern-link {
    color: var(--primary);
    font-weight: 700;
    text-decoration: none;
    font-size: 0.95rem;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s;
}

.modern-link:hover {
    border-color: var(--primary);
}

/* ===== קישורי פאנל מאוחד - בידול ויזואלי ===== */
.unified-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.2s ease;
    white-space: nowrap;
}

/* "מה חדש?" - גלולה רכה בגוון טורקיז (חדשות/עדכונים) */
.unified-link-whatsnew {
    padding: 8px 18px;
    font-size: 0.9rem;
    border-radius: 50px;
    color: var(--primary);
    background: linear-gradient(135deg, #eef7f9 0%, #e2f1f4 100%);
    border: 1px solid rgba(11, 74, 90, 0.14);
    box-shadow: 0 2px 6px rgba(11, 74, 90, 0.06);
}

.unified-link-whatsnew svg { color: #0D7A8C; }

.unified-link-whatsnew:hover {
    background: linear-gradient(135deg, #e2f1f4 0%, #d3e9ee 100%);
    border-color: rgba(11, 74, 90, 0.28);
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(11, 74, 90, 0.12);
}

/* "רישיון אופליין" - צ'יפ מלבני עם מסגרת מקווקוות (כלי מתקדם) */
.unified-link-offline {
    padding: 9px 16px;
    font-size: 0.86rem;
    font-weight: 600;
    border-radius: 8px;
    color: #475569;
    background: #ffffff;
    border: 1.5px dashed #cbd5e1;
    letter-spacing: 0.1px;
}

.unified-link-offline svg { color: #64748b; }

.unified-link-offline:hover {
    color: var(--primary);
    border-color: var(--primary);
    background: #f8fafc;
}

.unified-link-offline:hover svg { color: var(--primary); }

/* === Preview Area (Left Side) === */
.modern-preview-area {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.modern-nav-btn {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: all 0.2s;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.modern-nav-btn:hover {
    background: var(--primary);
    color: white;
    border-color: var(--primary);
    transform: scale(1.1);
}

.uni-cards-wrapper {
    flex: 1;
    background: transparent;
    border: none;
    box-shadow: none;
    height: 100%;
    min-height: 320px; /* הוקטן משמעותית כדי למנוע שטח לבן ריק */
    position: relative;
    overflow: hidden;
}

.modern-info-card {
    background: #ffffff;
    border-radius: 12px; /* מראה רציני וחד יותר */
    height: 100%;
    display: none;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.05); /* הצללה אלגנטית ומתונה */
    overflow: hidden;
    animation: fadeInSlide 0.3s ease-out;
}

.modern-info-card.active {
    display: flex;
}

@keyframes fadeInSlide {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.modern-card-image {
    background: #f8fafc; /* רקע אחיד ונקי, ללא גרדיאנטים */
    padding: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 240px;
    border-bottom: 1px solid #e2e8f0;
}

.modern-card-image img {
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.05));
    transition: transform 0.3s ease;
}

.modern-info-card:hover .modern-card-image img {
    transform: scale(1.02); /* זום עדין ומכובד, ללא קפיצות */
}

/* איחוד צבעי התגים לצבע סולידי אחד שמשדר הייטק במקום צבעוניות מתחלפת */
.modern-card-badge,
.modern-card-badge.plus,
.modern-card-badge.pro,
.modern-card-badge.smart {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(15, 23, 42, 0.85); /* רקע כהה אלגנטי חצי-שקוף */
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 4px; /* עיצוב מרובע עם עיגול קל */
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    backdrop-filter: blur(4px);
}

.modern-card-content {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.modern-card-content h3 {
    font-size: 1.6rem;
    color: #0f172a; /* צבע טקסט רציני, לא צבעוני */
    margin-bottom: 0.5rem;
    font-weight: 800;
}

.modern-card-desc {
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.modern-chip-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 1.5rem;
    margin-bottom: auto;
    justify-content: flex-start;
}

.modern-chip {
    background: #ffffff;
    color: #475569;
    padding: 6px 12px;
    border-radius: 4px; /* תגיות מלבניות נקיות (Chips) */
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid #cbd5e1;
    transition: all 0.2s;
}

.modern-chip:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: #f8fafc;
}

/* === רספונסיביות === */
@media (max-width: 1024px) {
    .modern-unified-layout {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .modern-preview-area {
        order: -1; /* התצוגה המקדימה תעלה למעלה במובייל */
    }
    .modern-unified-panel {
        padding: 2.5rem 1.5rem;
    }
}

/* ========================================= */
/* === SCROLL REVEAL ANIMATION (LUXURY) === */
/* ========================================= */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(45px);
    /* שינינו את הזמן מ-0.8s ל-1.2s כדי שההנפשה תהיה ארוכה יותר */
    transition: opacity 1.2s ease-out, transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1); 
    will-change: opacity, transform;
}

.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0); /* חוזר למקום המקורי ברכות */
}

/* ========================================= */
/* === FLOATING ANNOUNCEMENT MODAL STYLES === */
/* ========================================= */

.floating-announcement {
    max-width: 760px !important; /* הגדלת רוחב המקסימום של החלונית שתרגיש מרווחת ונוכחת */
    width: 92% !important;        /* מבטיח שהיא תתכווץ יפה ותתאים גם למסכי מובייל וטאבלט */
    text-align: center;
    padding: 2.5rem !important;  /* הגדלת הריווח הפנימי כדי לתת לטקסט ולרשימות "נשימה" */
    border-radius: 20px !important; /* עיגול פינות מודרני שתואם לטפסים החדשים */
    background: linear-gradient(145deg, #ffffff, #f8fbfc) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; /* הצללה עמוקה ויוקרתית */
    border-top: 6px solid var(--primary) !important; /* עיבוי קל של פס ההדגשה העליון */
    animation: floatInCenter 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes floatInCenter {
    0% { opacity: 0; transform: scale(0.8) translateY(20px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}

.announcement-icon {
    font-size: 2.5rem; /* הוקטן */
    margin-bottom: 5px;
    animation: softBounce 2s infinite;
}

@keyframes softBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

.announcement-title {
    color: var(--primary);
    font-size: 1.4rem; /* הוקטן */
    font-weight: 800;
    margin-bottom: 10px;
}

.announcement-body {
    font-size: 0.95rem; /* הוקטן */
    color: var(--text-secondary);
    line-height: 1.5;
    text-align: right;
}

.security-notice {
    background-color: #fff8e1; /* רקע שמנת-כתום מזהיר */
    border: 1px solid #ffcc80; /* מסגרת כתומה */
    border-right: 4px solid #ff9800; /* פס הדגשה כתום חזק */
    padding: 10px 12px; /* הוקטן */
    border-radius: 8px;
    margin: 12px 0;
    color: #5d4037; /* טקסט חום כהה לקריאות ועומק */
    font-size: 0.85rem; /* הוקטן */
    text-align: right;
}

.vt-link {
    color: #e65100; /* קישור בצבע כתום-אדמדם עמוק */
    font-weight: bold;
    text-decoration: underline;
    transition: color 0.2s;
}

.vt-link:hover {
    color: #bf360c; /* צבע הקישור במעבר עכבר */
}

.announcement-footer {
    margin-top: 15px;
    display: flex;
    flex-direction: row; /* שונה לשורה במקום טור */
    justify-content: space-between; /* דוחף צד אחד לימין וצד שני לשמאל */
    align-items: center;
    gap: 15px;
    border-top: 1px solid var(--border-color);
    padding-top: 15px;
}

.dont-show-again-label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 0.8rem; /* הוקטן משמעותית */
    color: var(--text-secondary);
    margin: 0;
}

.dont-show-again-label input[type="checkbox"] {
    width: 14px; /* תיבת הסימון הוקטנה */
    height: 14px;
    accent-color: var(--primary);
    cursor: pointer;
    margin: 0;
}

#close-apology-btn-action {
    width: auto; /* מאפשר לכפתור להתכווץ לרוחב הטקסט שלו בלבד */
    font-size: 0.85rem; /* טקסט קטן יותר */
    padding: 6px 16px; /* ריפוד קומפקטי הרבה יותר */
    margin: 0;
}

/* אנימציה לתג "חדש" */
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 4px 15px rgba(76,175,80,0.3); }
    50% { transform: scale(1.05); box-shadow: 0 6px 25px rgba(76,175,80,0.5); }
    100% { transform: scale(1); box-shadow: 0 4px 15px rgba(76,175,80,0.3); }
}


/* ========================================================= */
/* === GLOBAL SCROLL REVEAL - כל האלמנטים באתר           === */
/* ========================================================= */

/* --- מצבי התחלה (מוסתרים לפני החשיפה) --- */
[data-reveal] {
    will-change: opacity, transform;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
    transition-duration: 0.75s;
    opacity: 0;
}

/* כיוון: מלמטה (ברירת מחדל) */
[data-reveal="up"]      { transform: translateY(40px); }

/* כיוון: משמאל (RTL: מהצד הימני לוגית) */
[data-reveal="left"]    { transform: translateX(50px); }

/* כיוון: מימין */
[data-reveal="right"]   { transform: translateX(-50px); }

/* הגדלה קלה */
[data-reveal="scale"]   { transform: scale(0.9) translateY(20px); }

/* fade בלבד - לאלמנטים עדינים */
[data-reveal="fade"]    { transform: none; }

/* --- מצב גלוי (לאחר IntersectionObserver) --- */
[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
}

/* --- עיכובים מדורגים לילדים (stagger) --- */
[data-reveal-group] > *:nth-child(1) { transition-delay: 0s;    }
[data-reveal-group] > *:nth-child(2) { transition-delay: 0.1s;  }
[data-reveal-group] > *:nth-child(3) { transition-delay: 0.2s;  }
[data-reveal-group] > *:nth-child(4) { transition-delay: 0.3s;  }
[data-reveal-group] > *:nth-child(5) { transition-delay: 0.4s;  }
[data-reveal-group] > *:nth-child(6) { transition-delay: 0.5s;  }
[data-reveal-group] > *:nth-child(n+7) { transition-delay: 0.5s; }

/* עיכוד מותאם אישית */
[data-delay="100"] { transition-delay: 0.1s !important; }
[data-delay="200"] { transition-delay: 0.2s !important; }
[data-delay="300"] { transition-delay: 0.3s !important; }
[data-delay="400"] { transition-delay: 0.4s !important; }
[data-delay="500"] { transition-delay: 0.5s !important; }

/* נגישות - מבטל אנימציות אם המשתמש מבקש */
@media (prefers-reduced-motion: reduce) {
    [data-reveal] {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}


/* ================================================================== */
/* === ZMAN LUXURY PAGE — job-management.html                      === */
/* === (הועבר מה-HTML ל-CSS גלובלי לתמיכה ב-SPA)                  === */
/* ================================================================== */

/* ===== Toast / Security Banner ===== */
.modern-toast-banner {
    position: fixed;
    top: 130px;
    left: 20px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    border: 1px solid #e2e8f0;
    width: 420px;
    max-width: calc(100vw - 40px);
    z-index: 9998;
    overflow: hidden;
    direction: rtl;
    transform: translateX(-50px) scale(0.9);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    pointer-events: none;
}
.modern-toast-banner.show {
    transform: translateX(0) scale(1);
    opacity: 1;
    pointer-events: auto;
}
.modern-toast-banner.hide {
    transform: translateX(-50px) scale(0.9);
    opacity: 0;
    pointer-events: none;
}
.toast-content-wrapper {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    gap: 15px;
}
.toast-icon {
    background: #FFFBEB;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.toast-icon svg {
    width: 24px;
    height: 24px;
    color: #D97706;
}
.toast-text {
    flex: 1;
    text-align: right;
}
.toast-text h4 {
    margin: 0 0 4px 0;
    font-size: 1.05rem;
    color: #1e293b;
    font-weight: 800;
}
.toast-text p {
    margin: 0;
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.4;
}
.toast-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 26px;
    cursor: pointer;
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    margin-bottom: auto;
    margin-top: -2px;
}
.toast-close-btn:hover { color: #1e293b; }
.toast-progress-bar {
    height: 4px;
    background: #D97706;
    width: 100%;
    transform-origin: right;
}
.modern-toast-banner.show .toast-progress-bar {
    animation: shrinkProgress 10s linear forwards;
}
@keyframes shrinkProgress {
    from { width: 100%; }
    to   { width: 0%;   }
}
@media (max-width: 600px) {
    .modern-toast-banner {
        top: 100px;
        left: 50%;
        transform: translate(-50%, -20px) scale(0.9);
        width: calc(100vw - 30px);
    }
    .modern-toast-banner.show  { transform: translate(-50%, 0) scale(1); }
    .modern-toast-banner.hide  { transform: translate(-50%, -20px) scale(0.9); }
}

/* ===== Zman Luxury — CSS Variables & Body ===== */
body.zman-luxury-page {
    --lux-primary:       #0B4A5A;
    --lux-primary-hover: #073542;
    --lux-action:        #0D7A8C;
    --lux-action-light:  #1a9bb0;
    --lux-border:        rgba(11,74,90,0.18);
    --lux-border-strong: rgba(11,74,90,0.32);
    --lux-bg-tint:       #f4f8f9;
    --lux-ink:           #0B4A5A;
    background:
        radial-gradient(ellipse 70% 45% at 50% 0%, rgba(184,155,49,0.08) 0%, transparent 60%),
        linear-gradient(180deg, #fdfbf5 0%, #f9f5e8 100%) !important;
    background-attachment: fixed !important;
}

@keyframes lux-shimmer {
    0%, 100% { background-position: 0%   0%; }
    50%      { background-position: 100% 0%; }
}

/* ===== Hero Section ===== */
.zman-hero {
    text-align: center;
    padding: 36px 24px 12px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.zman-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg,  transparent, transparent 59px, rgba(11,74,90,0.035) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(11,74,90,0.035) 60px);
    pointer-events: none;
}
.zman-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(11,74,90,0.07);
    border: 1px solid rgba(11,74,90,0.15);
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--lux-primary);
    text-transform: uppercase;
    margin-bottom: 14px;
    position: relative;
}
.zman-hero-eyebrow .eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lux-action);
    animation: eyebrow-pulse 2s ease-in-out infinite;
}
@keyframes eyebrow-pulse {
    0%, 100% { opacity: 1; transform: scale(1);   }
    50%      { opacity: 0.5; transform: scale(0.7); }
}
.zman-hero-title {
    font-size: clamp(1.5rem, 3.2vw, 2.2rem);
    font-weight: 900;
    line-height: 1.1;
    color: var(--lux-primary);
    letter-spacing: -0.03em;
    margin-bottom: 12px;
    position: relative;
}
.zman-hero-title .title-highlight {
    color: var(--lux-action);
    position: relative;
    display: inline-block;
}
.zman-hero-title .title-highlight::after {
    content: '';
    position: absolute;
    bottom: 2px; right: 0; left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--lux-action), var(--lux-action-light));
    border-radius: 2px;
    opacity: 0.5;
}
.zman-hero-sub {
    font-size: clamp(0.88rem, 1.6vw, 1rem);
    color: #475569;
    max-width: 760px;
    margin: 0 auto 22px;
    line-height: 1.6;
    font-weight: 400;
}
.zman-hero-promo-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, #b91c1c 0%, #dc2626 50%, #b91c1c 100%);
    background-size: 200% 100%;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 7px 18px;
    border-radius: 50px;
    box-shadow: 0 4px 16px rgba(185,28,28,0.35);
    animation: lux-shimmer 3s ease-in-out infinite;
    margin-bottom: 28px;
}

/* ===== Trust / Stats Bar ===== */
.zman-trust-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    max-width: 860px;
    margin: 0 auto;
    position: relative;
}
.zman-trust-item {
    flex: 1;
    min-width: 140px;
    padding: 4px 14px;
    text-align: center;
    position: relative;
}
.zman-trust-item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: 0; top: 25%; bottom: 25%;
    width: 1px;
    background: rgba(11,74,90,0.15);
}
.zman-trust-num {
    font-size: clamp(1.1rem, 2.2vw, 1.5rem);
    font-weight: 900;
    color: var(--lux-primary);
    line-height: 1;
    margin-bottom: 2px;
}
.zman-trust-num span { color: var(--lux-action); }
.zman-trust-label {
    font-size: 0.76rem;
    color: #64748b;
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* ===== Hero CTA Buttons ===== */
.zman-hero-ctas {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
}
.zman-cta-primary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: linear-gradient(135deg, var(--lux-primary) 0%, var(--lux-action) 50%, var(--lux-action-light) 75%, var(--lux-primary) 100%);
    background-size: 220% 100%;
    color: #fff !important;
    font-size: 0.95rem;
    font-weight: 800;
    padding: 11px 26px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 12px 32px -8px rgba(11,74,90,0.48), 0 1px 0 rgba(255,255,255,0.2) inset;
    animation: lux-shimmer 4s ease-in-out infinite;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    letter-spacing: 0.2px;
}
.zman-cta-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 20px 44px -8px rgba(11,74,90,0.60);
}
.zman-cta-secondary {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: rgba(255,255,255,0.8);
    border: 1.5px solid rgba(11,74,90,0.25);
    color: var(--lux-primary) !important;
    font-size: 0.92rem;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
}
.zman-cta-secondary:hover {
    background: #fff;
    border-color: var(--lux-action);
    color: var(--lux-action) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -6px rgba(11,74,90,0.18);
}

/* ===== Promo Strip ===== */
.zman-promo-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #f5fbfc 0%, #eef6f8 50%, #f5fbfc 100%);
    background-size: 200% 100%;
    border: 1px solid rgba(11,74,90,0.09);
    border-radius: 10px;
    padding: 8px 20px;
    margin: 0 auto;
    max-width: 860px;
    animation: lux-shimmer 6s ease-in-out infinite;
}
.zman-promo-strip-label {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--lux-primary);
    letter-spacing: 0.04em;
}
.zman-promo-strip-prices {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}
.zman-promo-price-item {
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-size: 0.85rem;
    color: #334155;
}
.zman-promo-price-item strong {
    color: var(--lux-primary);
    font-weight: 700;
    font-size: 0.9rem;
}
.zman-promo-price-item s {
    color: #94a3b8;
    font-size: 0.78rem;
}
.zman-promo-deadline {
    font-size: 0.75rem;
    color: #64748b;
    border-right: 1px solid rgba(11,74,90,0.1);
    padding-right: 16px;
}

/* ===== Feature Highlight Panel ===== */
/* שלושת פאנלי העדכון של זמן: Pro תזכורות, Plus לוח שנה ו-Pro תזרים */
.zman-feature-panels-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    max-width: 1280px;
    margin: 0.6rem auto;
    padding: 0 20px;
    align-items: stretch;
}
.zman-feature-panels-row .zman-feature-panel {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 14px;
}
.zman-feature-panels-row .zman-feature-grid {
    align-content: start;
}
.zman-feature-panels-row .zman-feature-card {
    flex: 0 1 calc(50% - 4px);
    min-width: 0;
    padding: 9px;
}
.zman-feature-panels-row .zman-feature-card-icon {
    margin-bottom: 6px;
}
.zman-feature-panels-row .zman-feature-card-desc {
    font-size: 0.73rem;
}
@media (max-width: 900px) {
    .zman-feature-panels-row {
        grid-template-columns: 1fr;
        max-width: 720px;
    }
}
@media (max-width: 640px) {
    .zman-feature-panels-row {
        padding: 0 10px;
    }
}
.zman-feature-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8f9 100%);
    border: 1px solid var(--lux-border);
    border-radius: 16px;
    box-shadow: 0 12px 30px -16px rgba(11,74,90,0.16);
    padding: 14px 20px 16px;
    margin: 0.6rem auto;
    max-width: 1000px;
    position: relative;
    overflow: hidden;
}

/* Smart reminders newest-feature highlight */
.zman-feature-panel--reminders {
    border-color: rgba(15, 118, 110, 0.52);
    animation: zman-reminders-panel-glow 2.8s ease-in-out infinite;
}
.zman-feature-panel--reminders .zman-feature-panel-badge {
    animation: zman-reminders-badge-glow 2.8s ease-in-out infinite;
    transform-origin: center;
}
@keyframes zman-reminders-panel-glow {
    0%, 100% {
        box-shadow:
            0 12px 30px -16px rgba(11, 74, 90, 0.22),
            0 0 18px rgba(15, 118, 110, 0.08);
    }
    50% {
        box-shadow:
            0 18px 38px -14px rgba(11, 74, 90, 0.34),
            0 0 34px rgba(15, 118, 110, 0.3);
    }
}
@keyframes zman-reminders-badge-glow {
    0%, 100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 0 rgba(15, 118, 110, 0);
    }
    50% {
        transform: translateY(-1px) scale(1.045);
        box-shadow:
            0 0 0 5px rgba(15, 118, 110, 0.13),
            0 8px 18px rgba(15, 118, 110, 0.24);
    }
}
@media (prefers-reduced-motion: reduce) {
    .zman-feature-panel--reminders,
    .zman-feature-panel--reminders .zman-feature-panel-badge {
        animation: none;
    }
    .zman-feature-panel--reminders {
        box-shadow:
            0 14px 34px -16px rgba(11, 74, 90, 0.28),
            0 0 24px rgba(15, 118, 110, 0.18);
    }
}
.zman-feature-panel::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 240px; height: 240px;
    background: radial-gradient(circle, rgba(11,74,90,0.06) 0%, transparent 70%);
    pointer-events: none;
}
.zman-feature-panel::after {
    content: '';
    position: absolute;
    bottom: -40px; left: -40px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(13,122,140,0.06) 0%, transparent 70%);
    pointer-events: none;
}
.zman-feature-panel-head {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}
.zman-feature-panel-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--lux-primary);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 50px;
    margin-bottom: 4px;
}
.zman-feature-panel-title {
    font-size: clamp(1.1rem, 2.5vw, 1.4rem);
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 2px;
    line-height: 1.3;
}
.zman-feature-panel-sub {
    font-size: 0.88rem;
    color: #475569;
    margin: 0;
}
.zman-new-feature-intro {
    text-align: center;
    font-size: 0.8rem;
    color: #3b6cb7;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin: 0 0 10px;
    opacity: 0.85;
}
.zman-update-ribbons {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 3;
    display: flex;
    direction: ltr;
    align-items: center;
    gap: 8px;
    width: max-content;
}
.zman-update-ribbon {
    display: inline-flex;
    direction: rtl;
    align-items: center;
    gap: 7px;
    background: linear-gradient(100deg, #1e3a6e 0%, #2d5aa0 45%, #3b6cb7 75%, #6fa3d8 100%);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 6px;
    color: #fff;
    font-size: 0.77rem;
    font-weight: 600;
    padding: 6px 14px 6px 10px;
    letter-spacing: 0.01em;
    box-shadow: 0 3px 14px -4px rgba(29,72,160,0.4);
    white-space: nowrap;
}
.zman-update-ribbon--reminders {
    gap: 5px;
    background: linear-gradient(100deg, #064e3b 0%, #0f766e 48%, #14927f 76%, #5dc9aa 100%);
    border-color: rgba(255,255,255,0.3);
    box-shadow: 0 3px 14px -4px rgba(15,118,110,0.48);
    font-size: 0.7rem;
    padding: 6px 8px;
}
.zman-update-ribbon--reminders svg {
    color: #d1fae5;
}
.zman-update-ribbon svg {
    flex-shrink: 0;
    color: #cfe0ff;
    opacity: 0.95;
}
.zman-update-ribbon-badge {
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.4);
    color: #fff;
    border-radius: 2px;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    padding: 2px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}
.zman-update-ribbon-text {
    opacity: 0.95;
}
.zman-feature-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    position: relative;
}
.zman-feature-card {
    flex: 0 1 calc(25% - 7px);
    min-width: 150px;
    background: #fff;
    border: 1px solid rgba(11,74,90,0.1);
    border-radius: 10px;
    padding: 10px 12px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}
.zman-feature-card::before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    width: 60px; height: 60px;
    background: radial-gradient(circle at top right, rgba(11,74,90,0.06), transparent 70%);
}
.zman-feature-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px -10px rgba(11,74,90,0.20);
    border-color: rgba(11,74,90,0.22);
}
.zman-feature-card-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(11,74,90,0.07);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    color: var(--lux-primary);
}
.zman-feature-card-icon svg {
    width: 16px;
    height: 16px;
}
.zman-feature-card-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 3px;
}
.zman-feature-card-desc {
    font-size: 0.76rem;
    color: #64748b;
    line-height: 1.45;
    margin: 0;
}

/* ===== Section Divider ===== */
.zman-section-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    max-width: 480px;
    margin: 0 auto 20px;
    padding: 0 24px;
}
.zman-divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(11,74,90,0.2), transparent);
}
.zman-divider-label {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
}

/* ===== Scroll Reveal (zman) — handled by setupScrollReveal() via data-reveal ===== */

/* ===== Unified Panel ===== */
.zman-luxury-page .modern-unified-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    border: 1px solid var(--lux-border);
    border-radius: 24px;
    box-shadow:
        0 40px 90px -40px rgba(11,74,90,0.28),
        0 2px 0 rgba(255,255,255,0.8) inset;
    position: relative;
    overflow: hidden;
    padding-top: 1.5rem;
}
.zman-luxury-page .modern-unified-panel::after {
    content: '';
    position: absolute;
    top: -80px; left: -80px;
    width: 260px; height: 260px;
    background: radial-gradient(circle, rgba(11,74,90,0.08) 0%, transparent 70%);
    pointer-events: none;
}
.zman-luxury-page .modern-unified-header h1 {
    color: var(--lux-primary) !important;
    letter-spacing: -0.5px;
}
.zman-luxury-page .modern-unified-header h1 span { color: #334155 !important; }
.zman-luxury-page .area-title {
    color: var(--lux-primary);
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
}
.zman-luxury-page .area-title::before {
    content: '';
    width: 22px; height: 2px;
    background: linear-gradient(90deg, var(--lux-action), transparent);
    border-radius: 2px;
}
.zman-luxury-page .modern-selection-area {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    border: 1px solid var(--lux-border);
    border-radius: 20px;
    box-shadow: 0 18px 50px -28px rgba(11,74,90,0.20);
}
.zman-luxury-page .modern-option {
    border: 1px solid #cde0e5;
    border-radius: 12px;
    background: #fafcfd;
}
.zman-luxury-page .modern-option:hover {
    border-color: var(--lux-action);
    box-shadow: 0 8px 22px -8px rgba(11,74,90,0.22);
    transform: translateY(-2px);
}
.zman-luxury-page .modern-option.selected {
    border-color: var(--lux-primary);
    background: linear-gradient(135deg, #eef7f9 0%, #e0f2f5 100%);
    box-shadow: inset 0 0 0 1.5px var(--lux-primary), 0 10px 26px -10px rgba(11,74,90,0.28);
}
.zman-luxury-page .modern-option .tier-name { color: var(--lux-primary); }
.zman-luxury-page .modern-option.selected .tier-price { color: var(--lux-action); font-weight: 700; }

/* ===== Action Buttons ===== */
.zman-luxury-page .modern-action-btn.cta-button.primary {
    background: linear-gradient(135deg, var(--lux-primary) 0%, var(--lux-action) 50%, var(--lux-action-light) 75%, var(--lux-primary) 100%) !important;
    background-size: 220% 100% !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 14px 34px -10px rgba(11,74,90,0.50), 0 1px 0 rgba(255,255,255,0.25) inset;
    animation: lux-shimmer 4s ease-in-out infinite;
    letter-spacing: 0.3px;
}
.zman-luxury-page .modern-action-btn.cta-button.primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 48px -12px rgba(11,74,90,0.62), 0 1px 0 rgba(255,255,255,0.25) inset;
}
.zman-luxury-page .modern-outline-btn {
    border: 1.5px solid var(--lux-border-strong);
    color: var(--lux-primary);
    background: rgba(255,255,255,0.7);
}
.zman-luxury-page .modern-outline-btn:hover {
    border-color: var(--lux-action);
    color: var(--lux-action);
    background: #eef7f9;
}
.zman-luxury-page .modern-link { color: var(--lux-primary); }
.zman-luxury-page .modern-link:hover { border-color: var(--lux-primary); }

/* ===== Preview Cards ===== */
.zman-luxury-page .modern-info-card {
    border: 1px solid var(--lux-border);
    border-radius: 18px;
    box-shadow: 0 20px 50px -26px rgba(11,74,90,0.25);
    overflow: visible;
}
.zman-luxury-page .modern-card-image {
    border-radius: 18px 18px 0 0;
    background: linear-gradient(160deg, #f4f8f9 0%, #e8f4f7 100%);
    border-bottom: 1px solid var(--lux-border);
    padding: 0;
    overflow: hidden;
    height: 220px;
    position: relative;
}
.zman-luxury-page .modern-card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    transition: transform 0.4s ease;
    padding: 16px;
    box-sizing: border-box;
}
.zman-luxury-page .modern-info-card:hover .modern-card-image img { transform: scale(1.04); }
.zman-luxury-page .modern-card-badge,
.zman-luxury-page .modern-card-badge.plus,
.zman-luxury-page .modern-card-badge.pro,
.zman-luxury-page .modern-card-badge.smart {
    position: absolute;
    top: 12px; right: 12px;
    bottom: auto; left: auto;
    z-index: 3;
    background: linear-gradient(135deg, rgba(11,74,90,0.92), rgba(11,74,90,0.76));
    border: 1px solid rgba(13,122,140,0.5);
    border-radius: 30px;
    padding: 6px 14px;
    box-shadow: 0 4px 14px rgba(11,74,90,0.22);
}
.zman-luxury-page .modern-card-content { padding-top: 1.5rem; }
.zman-luxury-page .modern-card-content h3 { color: var(--lux-primary); }
.zman-luxury-page .modern-chip {
    background: #fafcfd;
    border: 1px solid #cde0e5;
    border-radius: 30px;
    color: #334155;
}
.zman-luxury-page .modern-chip:hover {
    border-color: var(--lux-action);
    color: var(--lux-action);
    background: #eef7f9;
}
.zman-luxury-page .modern-nav-btn {
    border: 1px solid var(--lux-border);
    color: var(--lux-primary);
    background: #fafcfd;
}
.zman-luxury-page .modern-nav-btn:hover {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-action));
    border-color: var(--lux-primary);
    color: #fff;
}

/* ===== Legacy Product Cards ===== */
.zman-luxury-page .product-entry-modern {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    border: 1px solid var(--lux-border) !important;
    border-radius: 20px;
    box-shadow: 0 22px 56px -30px rgba(11,74,90,0.22);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.zman-luxury-page .product-entry-modern:hover {
    transform: translateY(-5px);
    box-shadow: 0 34px 70px -28px rgba(11,74,90,0.28);
}
.zman-luxury-page .modern-mockup-wrapper {
    background: linear-gradient(160deg, #f4f8f9 0%, #e8f4f7 100%);
    border-radius: 16px;
}
.zman-luxury-page .feature-card {
    border-radius: 12px;
    border: 1px solid #cde0e5;
    background: #fafcfd;
    transition: all 0.25s ease;
}
.zman-luxury-page .feature-card:hover {
    border-color: var(--lux-action);
    box-shadow: 0 10px 24px -12px rgba(11,74,90,0.24);
    transform: translateY(-2px);
}
.zman-luxury-page .feature-card.highlighted {
    background: linear-gradient(135deg, #eef7f9 0%, #e0f2f5 100%);
    border-color: var(--lux-border-strong);
}
.zman-luxury-page .features-title,
.zman-luxury-page .step-title { color: var(--lux-primary); }
.zman-luxury-page .feature-icon { width: 52px; height: 52px; border-radius: 12px; }
.zman-luxury-page .feature-icon svg { width: 28px; height: 28px; }

/* ===== FAB ===== */
.zman-luxury-page .fab-segmented {
    border: 1px solid var(--lux-border-strong);
    box-shadow: 0 16px 40px -16px rgba(11,74,90,0.32);
}
.fab-icon svg { display: block; flex-shrink: 0; }
.fab-cell .fab-icon { display: flex; align-items: center; justify-content: center; position: relative; }

/* ===== Comparison Modal ===== */
.zman-luxury-page .comparison-modal-content .product-card.featured {
    border: 2px solid var(--lux-action);
    background: linear-gradient(180deg, #eef7f9 0%, #ffffff 55%);
    box-shadow: 0 18px 40px -12px rgba(11,74,90,0.26);
}

/* דרוס את ה-max-height הגנרי כדי שהמודל יתפרש לגובה מלא */
#comparison-modal-overlay {
    align-items: stretch;
    padding: 2vh 2vw;
}
#comparison-modal-overlay .modal-content {
    max-height: none !important;
    height: 100%;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 1.5rem 2rem 2rem;
    background: #ffffff;
}
/* הכרטיסים מתיישרים לראש כדי שלא ימתחו לגובה מיותר */
#comparison-modal-overlay .products-container {
    align-items: stretch;
    padding-top: 1rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    grid-auto-rows: 1fr;
}

/* ===== Security Toast (scoped) ===== */
.zman-luxury-page .modern-toast-banner {
    border: 1px solid var(--lux-border);
    box-shadow: 0 16px 44px -14px rgba(11,74,90,0.26);
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
    .zman-luxury-page .modern-unified-panel { padding-top: 2.2rem; }
}
@media (max-width: 640px) {
    .zman-hero            { padding: 28px 16px 32px; }
    .zman-hero-title      { font-size: 1.7rem; }
    .zman-trust-bar       { gap: 8px; }
    .zman-trust-item      { min-width: 120px; padding: 12px 14px; }
    .zman-feature-panel   { padding: 12px 10px; }
    .zman-feature-card    { flex: 0 1 calc(50% - 7px); min-width: 130px; }
    .zman-hero-ctas       { gap: 10px; }
    .zman-cta-primary,
    .zman-cta-secondary   { padding: 13px 22px; font-size: 0.95rem; }
    .zman-update-ribbons { position: static; flex-direction: column; gap: 7px; margin: 0 auto 14px; }
    .zman-update-ribbon  { margin: 0; }
}


/* ================================================================== */
/* === INDEX PAGE — PRODUCT CARDS (ik-*)                           === */
/* ================================================================== */

/* ===== Hero ===== */
.ik-hero {
    text-align: center;
    padding: 28px 24px 32px;
}
.ik-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(11,74,90,0.07);
    border: 1px solid rgba(11,74,90,0.15);
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--primary);
    text-transform: uppercase;
    margin-bottom: 16px;
}
.ik-eyebrow-dot {
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--action-btn);
    animation: eyebrow-pulse 2s ease-in-out infinite;
}
.ik-hero-title {
    font-size: clamp(1.9rem, 4.5vw, 3rem);
    font-weight: 900;
    line-height: 1.1;
    color: var(--primary);
    letter-spacing: -0.03em;
    margin-bottom: 12px;
}
.ik-title-accent { color: var(--action-btn); display: block; }
.ik-hero-sub {
    font-size: 0.98rem;
    color: var(--text-secondary);
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.65;
}

/* ===== 4-column grid ===== */
.ik-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    max-width: 1200px;
    margin: 0 auto 0;
    padding: 0 8px;
    align-items: stretch;  /* גובה זהה לכל הכרטיסים */
}
@media (max-width: 1100px) { .ik-cards-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .ik-cards-grid { grid-template-columns: 1fr; } }

/* ===== Base Card ===== */
.ik-card {
    background: #ffffff;
    border: 1.5px solid rgba(11,74,90,0.1);
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;             /* ממלא את תא ה-grid */
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    box-shadow: 0 6px 24px -10px rgba(11,74,90,0.10);
    cursor: pointer;
    position: relative;
}
.ik-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 48px -14px rgba(11,74,90,0.18);
    border-color: rgba(11,74,90,0.22);
}
.ik-card--selected {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px rgba(11,74,90,0.12), 0 20px 48px -14px rgba(11,74,90,0.20) !important;
    transform: translateY(-5px);
}
.ik-card--dark {
    background: #0e1c21;
    border-color: rgba(212,175,55,0.22);
}
.ik-card--dark:hover { border-color: rgba(212,175,55,0.45); }
.ik-card--dark.ik-card--selected { border-color: #D4AF37 !important; }
.ik-card--gold {
    background: #fdfbf5;
    border-color: rgba(184,155,49,0.12);
}
.ik-card--gold:hover { border-color: rgba(184,155,49,0.28); }
.ik-card--gold.ik-card--selected { border-color: #B89B31 !important; }
.ik-card--purple {
    background: #fdf9ff;
    border-color: rgba(126,76,162,0.12);
}
.ik-card--purple:hover { border-color: rgba(126,76,162,0.28); }
.ik-card--purple.ik-card--selected { border-color: #7e4ca2 !important; }
.ik-card--green {
    background: #f7faf5;
    border-color: rgba(45,90,27,0.12);
}
.ik-card--green:hover { border-color: rgba(45,90,27,0.28); }
.ik-card--green.ik-card--selected { border-color: #4a8a2a !important; }

/* Top accent bar */
.ik-card-top-bar {
    height: 3px;
    width: 100%;
    flex-shrink: 0;
}
.ik-bar--blue  { background: linear-gradient(90deg, var(--primary), var(--action-btn)); }
.ik-bar--gold  { background: linear-gradient(90deg, #b5952f, #D4AF37); }
.ik-bar--purple{ background: linear-gradient(90deg, #7e4ca2, #9b6dc7); }
.ik-bar--accent{ background: linear-gradient(90deg, var(--action-btn), #1a9bb0); }
.ik-bar--green { background: linear-gradient(90deg, #2d5a1b, #4a8a2a); }

/* ===== Image area ===== */
.ik-card-image-wrap {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(160deg, #f4f8f9 0%, #e8f4f7 100%);
    position: relative;
}
.ik-card-image-wrap--dark  { background: linear-gradient(160deg, #0d2128 0%, #122530 100%); }
.ik-card-image-wrap--gold  { background: linear-gradient(160deg, #fdfbf5 0%, #f9f5e8 100%); }
.ik-card-image-wrap--purple{ background: linear-gradient(160deg, #fdf9ff 0%, #f5eefa 100%); }
.ik-card-image-wrap--green { background: linear-gradient(160deg, #f3f8f0 0%, #e8f4e2 100%); }
.ik-card-image-wrap img {
    max-width: 100%; max-height: 100%;
    object-fit: contain;
    padding: 12px;
    transition: transform 0.4s ease;
}
.ik-card:hover .ik-card-image-wrap img { transform: scale(1.05); }
.ik-hadrana-emblem {
    font-size: clamp(1.8rem, 3.5vw, 2.8rem);
    font-weight: 900;
    color: rgba(212,175,55,0.8);
    letter-spacing: -0.02em;
    text-shadow: 0 4px 20px rgba(212,175,55,0.25);
}

/* ===== Card body ===== */
.ik-card-body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

/* Badge */
.ik-card-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 50px;
    align-self: flex-start;
}
.ik-badge--blue   { background: rgba(11,74,90,0.07); color: var(--primary); border: 1px solid rgba(11,74,90,0.14); }
.ik-badge--gold   { background: rgba(184,155,49,0.08); color: #8a7226; border: 1px solid rgba(184,155,49,0.18); }
.ik-badge--purple { background: rgba(126,76,162,0.08); color: #7e4ca2; border: 1px solid rgba(126,76,162,0.18); }
.ik-badge--accent { background: rgba(13,122,140,0.07); color: var(--action-btn); border: 1px solid rgba(13,122,140,0.16); }
.ik-badge--green  { background: rgba(45,90,27,0.08); color: #2d5a1b; border: 1px solid rgba(45,90,27,0.16); }

/* Title */
.ik-card-title {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 900;
    color: var(--primary);
    margin: 0;
    line-height: 1.2;
}
.ik-card-title--light { color: #f0ede4 !important; }
.ik-accent-blue  { color: var(--action-btn); }
.ik-accent-teal  { color: #0D7A8C; }
.ik-accent-gold  { color: #D4AF37; }
.ik-accent-green { color: #4a8a2a; }

/* Desc */
.ik-card-desc { font-size: 0.82rem; color: var(--text-secondary); line-height: 1.6; margin: 0; }
.ik-card-desc--light { color: rgba(255,255,255,0.6); }

/* Feature list */
.ik-feat-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.ik-feat-list li {
    font-size: 0.78rem;
    color: var(--text-secondary);
    padding-right: 14px;
    position: relative;
}
.ik-feat-list li::before {
    content: '·';
    position: absolute;
    right: 0;
    color: var(--action-btn);
    font-weight: 900;
}
.ik-feat-list--gold li { color: rgba(255,255,255,0.65); }
.ik-feat-list--gold li::before { color: #D4AF37; }

/* Price */
.ik-price-row {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}
.ik-price-tag {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--text-secondary);
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    padding: 2px 8px;
    border-radius: 6px;
}
.ik-price-tag--best {
    background: rgba(11,74,90,0.07);
    color: var(--primary);
    border-color: rgba(11,74,90,0.18);
}
.ik-price-tag--free { color: #16a34a; background: rgba(22,163,74,0.07); border-color: rgba(22,163,74,0.2); }
.ik-price-sep { color: var(--text-disabled); font-size: 0.72rem; }

/* Actions */
.ik-card-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: auto;
}
.ik-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--action-btn) 100%);
    color: #fff !important;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 9px 18px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 6px 18px -5px rgba(11,74,90,0.40);
}
.ik-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -5px rgba(11,74,90,0.50); color: #fff !important; }
.ik-btn--teal { background: linear-gradient(135deg, #0a5568 0%, var(--action-btn) 100%); }
.ik-btn--green { background: linear-gradient(135deg, #2d5a1b 0%, #4a8a2a 100%); box-shadow: 0 6px 18px -5px rgba(45,90,27,0.40); }
.ik-btn--green:hover { box-shadow: 0 10px 24px -5px rgba(45,90,27,0.50); }
.ik-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1.5px solid rgba(11,74,90,0.2);
    color: var(--primary);
    font-size: 0.8rem;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.22s ease;
}
.ik-btn-ghost:hover { background: rgba(11,74,90,0.05); border-color: var(--action-btn); color: var(--action-btn); }
.ik-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #b5952f 0%, #D4AF37 50%, #b5952f 100%);
    background-size: 200% 100%;
    color: #fff !important;
    font-size: 0.82rem;
    font-weight: 800;
    padding: 9px 18px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    animation: lux-shimmer 4s ease-in-out infinite;
    box-shadow: 0 6px 18px -5px rgba(181,149,47,0.45);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    width: 100%;
    justify-content: center;
}
.ik-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -5px rgba(181,149,47,0.58); color: #fff !important; }

/* ===== Expand hint (bottom of card) ===== */
.ik-card-expand-hint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--action-btn);
    padding: 8px 0 10px;
    opacity: 0.75;
    transition: opacity 0.2s;
    cursor: pointer;
}
.ik-card:hover .ik-card-expand-hint,
.ik-card--selected .ik-card-expand-hint { opacity: 1; }
.ik-card--selected .ik-card-expand-hint svg { transform: rotate(180deg); }
.ik-card-expand-hint svg { transition: transform 0.3s ease; }

/* ===== Expandable panel ===== */
.ik-expand-panel {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 8px;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.ik-expand-panel.ik-panel--open {
    grid-template-rows: 1fr;
    margin-top: 12px;
    margin-bottom: 24px;
}
.ik-expand-inner {
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    border: 1.5px solid rgba(11,74,90,0.12);
    border-radius: 20px;
    box-shadow: 0 12px 40px -16px rgba(11,74,90,0.16);
}
.ik-expand-section {
    padding: 20px 24px;
}
.ik-expand-section-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 16px;
    background: rgba(11,74,90,0.06);
    border: 1px solid rgba(11,74,90,0.12);
    padding: 4px 12px;
    border-radius: 50px;
}
.ik-expand-divider {
    height: 1px;
    background: rgba(11,74,90,0.07);
    margin: 0 24px;
}

/* smart features grid */
.ik-smart-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
@media (max-width: 700px) { .ik-smart-grid { grid-template-columns: 1fr; } }
.ik-smart-feat {
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ik-smart-icon {
    width: 36px; height: 36px;
    border-radius: 10px;
    background: rgba(11,74,90,0.07);
    display: flex; align-items: center; justify-content: center;
    color: var(--primary);
    flex-shrink: 0;
}
.ik-smart-feat h4 { font-size: 0.85rem; font-weight: 700; color: var(--primary); margin: 0; }
.ik-smart-feat p  { font-size: 0.78rem; color: var(--text-secondary); margin: 0; line-height: 1.5; }

/* testimonials */
.ik-testimonials-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
@media (max-width: 600px) { .ik-testimonials-row { grid-template-columns: 1fr; } }
.ik-testimonial-card {
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 14px 16px;
}
.ik-testimonial-card p {
    font-size: 0.8rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0 0 8px;
    font-style: italic;
}
.ik-testimonial-card span {
    font-size: 0.73rem;
    font-weight: 700;
    color: var(--primary);
}

/* advisor bar */
.ik-advisor-bar {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, rgba(11,74,90,0.04) 0%, rgba(13,122,140,0.04) 100%);
    border-radius: 0 0 18px 18px;
}
.ik-advisor-icon-wrap {
    position: relative;
    width: 40px; height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: rgba(11,74,90,0.08);
    display: flex; align-items: center; justify-content: center;
    color: var(--primary);
}
.ik-advisor-icon-wrap .live-dot { top: 3px; right: 3px; }
.ik-advisor-text { flex: 1; min-width: 160px; }
.ik-advisor-text strong { display: block; font-size: 0.88rem; color: var(--primary); margin-bottom: 2px; }
.ik-advisor-text span   { font-size: 0.78rem; color: var(--text-secondary); }
.ik-btn-advisor {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--primary);
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 9px 18px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.22s ease, transform 0.22s ease;
}
.ik-btn-advisor:hover { background: var(--action-btn); transform: translateY(-1px); }


/* ================================================================== */
/* === PRODUCT PAGE HERO — prod-hero-* (clickpro, achievements)    === */
/* ================================================================== */

.page-intro.hesegim-hero,
.page-intro.clickpro-hero {
    text-align: center;
    padding: 44px 24px 48px;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 8px;
}

/* subtle grid background */
.page-intro.hesegim-hero::before,
.page-intro.clickpro-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg,  transparent, transparent 59px, rgba(0,0,0,0.025) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(0,0,0,0.025) 60px);
    pointer-events: none;
}

/* eyebrow pill */
.prod-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border-radius: 50px;
    padding: 5px 16px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
}
.hesegim-hero .prod-hero-eyebrow {
    background: rgba(26,58,92,0.07);
    border: 1px solid rgba(26,58,92,0.15);
    color: #1a3a5c;
}
.clickpro-hero .prod-hero-eyebrow {
    background: rgba(45,90,27,0.07);
    border: 1px solid rgba(45,90,27,0.15);
    color: #2d5a1b;
}

/* animated dot */
.prod-hero-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    animation: eyebrow-pulse 2s ease-in-out infinite;
}
.prod-dot--blue  { background: #2563eb; }
.prod-dot--green { background: #4a8a2a; }

/* main title */
.prod-hero-title {
    font-size: clamp(2.2rem, 5.5vw, 3.8rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.03em;
    margin-bottom: 16px;
    position: relative;
    color: var(--primary);
}

/* colored accent word */
.prod-hero-accent {
    position: relative;
    display: inline-block;
}
.prod-hero-accent::after {
    content: '';
    position: absolute;
    bottom: 2px; right: 0; left: 0;
    height: 3px;
    border-radius: 2px;
    opacity: 0.45;
}
.prod-accent--blue  { color: #2563eb; }
.prod-accent--blue::after  { background: linear-gradient(90deg, #2563eb, #3b82f6); }
.prod-accent--green { color: #4a8a2a; }
.prod-accent--green::after { background: linear-gradient(90deg, #2d5a1b, #4a8a2a); }

/* subtitle */
.prod-hero-sub {
    font-size: clamp(0.95rem, 2vw, 1.12rem);
    color: var(--text-secondary);
    max-width: 800px;
    margin: 0 auto 28px;
    line-height: 1.75;
    font-weight: 400;
    position: relative;
}

/* trust pills row */
.prod-hero-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    position: relative;
}
.prod-trust-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--bg-body);
    border: 1px solid var(--border-color);
    border-radius: 50px;
    padding: 5px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-secondary);
}
.hesegim-hero .prod-trust-pill svg { color: #2563eb; }
.clickpro-hero .prod-trust-pill svg { color: #4a8a2a; }
.prod-trust-pill--price {
    font-weight: 800;
    border-color: transparent;
}
.hesegim-hero .prod-trust-pill--price {
    background: rgba(26,58,92,0.07);
    color: #1a3a5c;
    border-color: rgba(26,58,92,0.15);
}
.clickpro-hero .prod-trust-pill--price {
    background: rgba(45,90,27,0.07);
    color: #2d5a1b;
    border-color: rgba(45,90,27,0.15);
}

@media (max-width: 600px) {
    .page-intro.hesegim-hero,
    .page-intro.clickpro-hero { padding: 32px 16px 36px; }
    .prod-hero-title { font-size: 2rem; }
}


/* ================================================================== */
/* === PROMOTIONS PAGE — promo-upgrade-* & promo-updates-*         === */
/* ================================================================== */

/* ===== Hero: מבצע משדרגים ===== */
.promo-upgrade-hero {
    text-align: center;
    padding: 40px 24px 44px;
    position: relative;
    overflow: hidden;
    margin-bottom: 28px;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%, rgba(11,74,90,0.08) 0%, transparent 65%),
        linear-gradient(180deg, #f8fbfc 0%, #f0f6f8 100%);
    border-radius: 20px;
    border: 1px solid rgba(11,74,90,0.1);
}
.promo-upgrade-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 59px, rgba(11,74,90,0.03) 60px),
        repeating-linear-gradient(90deg, transparent, transparent 59px, rgba(11,74,90,0.03) 60px);
    pointer-events: none;
    border-radius: 20px;
}
.promo-upgrade-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(11,74,90,0.08);
    border: 1px solid rgba(11,74,90,0.16);
    border-radius: 50px;
    padding: 5px 15px;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--primary);
    margin-bottom: 16px;
    position: relative;
}
.promo-upgrade-eyebrow svg { color: var(--accent); }

.promo-upgrade-title {
    font-size: clamp(1.9rem, 5vw, 3rem);
    font-weight: 900;
    color: var(--primary);
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-bottom: 10px;
    position: relative;
}
.promo-upgrade-title span { color: var(--action-btn); }

.promo-upgrade-sub {
    font-size: 0.97rem;
    color: var(--text-secondary);
    max-width: 520px;
    margin: 0 auto 28px;
    line-height: 1.65;
    position: relative;
}

/* ===== Upgrade cards ===== */
.promo-upgrade-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 900px;
    margin: 0 auto 20px;
    position: relative;
}
@media (max-width: 860px)  { .promo-upgrade-cards { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .promo-upgrade-cards { grid-template-columns: 1fr; } }

.promo-upgrade-card {
    background: #fff;
    border: 1.5px solid rgba(11,74,90,0.1);
    border-radius: 16px;
    padding: 18px 14px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    position: relative;
    overflow: hidden;
}
.promo-upgrade-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px -14px rgba(11,74,90,0.20);
}
.promo-upgrade-card--featured {
    border-color: var(--accent);
    background: linear-gradient(180deg, #fffdf4 0%, #fff 100%);
    box-shadow: 0 8px 28px -10px rgba(184,155,49,0.25);
    overflow: hidden;
}
.promo-upgrade-card--featured:hover {
    box-shadow: 0 18px 44px -12px rgba(184,155,49,0.35);
}
.promo-upgrade-card--featured::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px; right: -1px;
    height: 3px;
    background: linear-gradient(90deg, var(--accent), #d4af37);
    border-radius: 16px 16px 0 0;
}

.promo-upgrade-card-badge {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: rgba(11,74,90,0.07);
    color: var(--primary);
    border: 1px solid rgba(11,74,90,0.12);
    padding: 2px 10px;
    border-radius: 50px;
}
.promo-badge--gold {
    background: rgba(184,155,49,0.1);
    color: #8a6e1a;
    border-color: rgba(184,155,49,0.25);
}

.promo-upgrade-card-from {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-align: center;
}
.promo-upgrade-card-to {
    font-size: 0.88rem;
    font-weight: 800;
    color: var(--primary);
    text-align: center;
}
.promo-upgrade-card-discount {
    font-size: 1.35rem;
    font-weight: 900;
    color: var(--action-btn);
    letter-spacing: -0.02em;
}
.promo-discount--gold { color: var(--accent); }

.promo-upgrade-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    color: #fff !important;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 7px 18px;
    border-radius: 50px;
    text-decoration: none;
    transition: background 0.22s ease, transform 0.22s ease;
    margin-top: 4px;
}
.promo-upgrade-card-btn:hover { background: var(--action-btn); transform: translateY(-1px); color: #fff !important; }
.promo-btn--gold { background: linear-gradient(135deg, #b5952f 0%, #d4af37 100%); }
.promo-btn--gold:hover { background: linear-gradient(135deg, #9a7d22 0%, #b5952f 100%); }

.promo-upgrade-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.78rem;
    color: var(--text-secondary);
    background: rgba(11,74,90,0.04);
    border: 1px solid rgba(11,74,90,0.1);
    padding: 5px 14px;
    border-radius: 50px;
    position: relative;
}

/* ===== Updates wrapper ===== */
.promo-updates-wrapper {
    border: 1.5px solid rgba(11,74,90,0.1);
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 24px -10px rgba(11,74,90,0.10);
}
.promo-updates-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 22px;
    border-bottom: 1px solid rgba(11,74,90,0.08);
    background: linear-gradient(180deg, #f8fbfc 0%, #fff 100%);
}
.promo-updates-header-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.82rem;
    font-weight: 800;
    color: var(--primary);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.promo-updates-header-label svg { color: var(--action-btn); }
.promo-updates-header-sub {
    font-size: 0.78rem;
    color: var(--text-secondary);
    margin: 0;
}
.promo-updates-wrapper .updates-grid {
    padding: 16px 18px 18px;
}


/* ================================================================== */
/* === LOGO — "עיצוב חדש" badge                                    === */
/* ================================================================== */

.logo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    text-decoration: none;
}

.logo-new-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
    color: #fff;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 50px;
    white-space: nowrap;
    box-shadow: 0 3px 10px -3px rgba(124,58,237,0.55);
    position: relative;
    animation: badge-new-pulse 2.8s ease-in-out infinite;
}

.logo-new-badge::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255,255,255,0.75);
    animation: eyebrow-pulse 2s ease-in-out infinite;
}

@keyframes badge-new-pulse {
    0%, 100% { box-shadow: 0 3px 10px -3px rgba(124,58,237,0.55); }
    50%       { box-shadow: 0 4px 16px -2px rgba(124,58,237,0.75); }
}

/* ===== Zman Updates Modal ===== */
body.zman-updates-modal-open {
    overflow: hidden;
}
.zman-updates-modal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    align-items: stretch;
    justify-items: center;
    padding: 4vh 2vw;
    background: rgba(7, 31, 43, 0.7);
    backdrop-filter: blur(7px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}
.zman-updates-modal.visible {
    opacity: 1;
    visibility: visible;
}
.zman-updates-modal-content {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: min(1320px, 100%);
    height: 100%;
    max-height: none !important;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 30px 22px 24px;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f4f8f9 100%);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32);
    transform: translateY(14px) scale(0.98);
    transition: transform 0.25s ease;
}
.zman-updates-modal.visible .zman-updates-modal-content {
    transform: translateY(0) scale(1);
}
.zman-updates-modal-close {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid rgba(11, 74, 90, 0.16);
    border-radius: 50%;
    background: #fff;
    color: var(--lux-primary, #0b4a5a);
    cursor: pointer;
    transition: transform 0.2s ease, background 0.2s ease;
}
.zman-updates-modal-close:hover {
    transform: rotate(90deg);
    background: #e8f4f5;
}
.zman-updates-modal-header {
    max-width: 720px;
    margin: 0 auto 18px;
    text-align: center;
}
.zman-updates-modal-eyebrow {
    display: inline-block;
    margin-bottom: 6px;
    color: #0f766e;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}
.zman-updates-modal-header h2 {
    margin: 0 0 6px;
    color: #123846;
    font-size: clamp(1.35rem, 3vw, 1.9rem);
}
.zman-updates-modal-header p {
    margin: 0;
    color: #526775;
    line-height: 1.6;
}
.zman-updates-modal-panels {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 6px;
    scrollbar-gutter: stable;
}
.zman-updates-modal-panels .zman-feature-panels-row {
    margin: 0;
    padding: 0;
}
.zman-updates-modal-confirm {
    display: block;
    flex: 0 0 auto;
    min-width: 170px;
    margin: 18px auto 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #0b4a5a, #0d7a8c);
    box-shadow: 0 8px 18px rgba(11, 74, 90, 0.2);
    color: #fff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
@media (max-width: 640px) {
    .zman-updates-modal {
        padding: 4vh 2vw;
    }
    .zman-updates-modal-content {
        height: 100%;
        padding: 22px 10px 16px;
        border-radius: 8px;
    }
    .zman-updates-modal-panels {
        padding: 0 3px;
    }
    .zman-updates-modal-close {
        top: 8px;
        left: 8px;
    }
}

/* === Light header palette - August 2026 === */
.site-header {
    background: linear-gradient(105deg, #f8fafc 0%, #eef4f5 52%, #f7faf9 100%);
    border-bottom: 1px solid #d6e1e4;
    box-shadow: 0 5px 20px -12px rgba(15, 56, 66, 0.34);
}

.site-header::after {
    background: linear-gradient(90deg, transparent, rgba(13, 122, 140, 0.24), rgba(184, 155, 49, 0.28), transparent);
}

.logo img {
    filter: drop-shadow(0 2px 5px rgba(11, 74, 90, 0.13));
}

.logo:hover img {
    filter: drop-shadow(0 4px 10px rgba(11, 74, 90, 0.2));
}

.nav-tabs .nav-link,
.nav-left-group > .nav-promo-link {
    color: #38515a;
}

.nav-tabs .nav-link:hover,
.nav-left-group > .nav-promo-link:hover {
    color: #6f8186;
    background: transparent !important;
}

.nav-tabs .nav-link.active,
.nav-left-group > .nav-promo-link.active {
    color: #073f4c;
    background: transparent !important;
    font-weight: 800;
    text-shadow: 0 0 12px rgba(13, 122, 140, 0.12);
}

.nav-link-outlined,
.nav-link-outlined:hover,
.nav-link-outlined.active {
    color: #073f4c !important;
    text-shadow: none;
}

.nav-link-outlined svg {
    stroke: #073f4c;
}

.nav-separator {
    background: linear-gradient(to bottom, transparent, rgba(11, 74, 90, 0.28), transparent);
}

.nav-link-account {
    color: #164c59;
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(11, 74, 90, 0.2);
    box-shadow: 0 2px 8px rgba(11, 74, 90, 0.07);
}

.nav-link-account:hover {
    color: #073f4c;
    background: #ffffff !important;
    border-color: rgba(13, 122, 140, 0.46);
    box-shadow: 0 5px 15px rgba(11, 74, 90, 0.12);
}

.nav-link-account.logged-in {
    background: rgba(255, 251, 235, 0.82) !important;
    border-color: rgba(184, 155, 49, 0.46);
    box-shadow: 0 2px 10px rgba(110, 88, 18, 0.08);
}

.nav-link-account.active {
    background: #ffffff !important;
    border-color: rgba(13, 122, 140, 0.55);
}

.nav-link-account .account-icon,
.nav-link-account:hover .account-icon {
    stroke: #0b4a5a;
}

.account-label,
.nav-link-account .user-initials {
    color: #164c59;
}

.account-caret,
.nav-link-account:hover .account-caret {
    stroke: #52727a;
}

.status-indicator {
    border-color: #f8fafc;
}

.account-dropdown-inner-box {
    border-color: rgba(11, 74, 90, 0.13);
    box-shadow: 0 12px 34px rgba(15, 56, 66, 0.14), 0 2px 8px rgba(15, 56, 66, 0.06);
}

.nav-mobile-toggle:hover {
    background: rgba(11, 122, 140, 0.09);
}

.nav-mobile-toggle span {
    background: #0b4a5a;
}

@media (max-width: 768px) {
    .main-nav {
        background: linear-gradient(180deg, #f8fafc 0%, #edf4f5 100%);
        border-top-color: rgba(11, 74, 90, 0.14);
        box-shadow: inset 0 8px 14px -14px rgba(11, 74, 90, 0.38);
    }

    .nav-tabs .nav-link,
    .nav-left-group > .nav-promo-link {
        color: #38515a;
    }

    .nav-tabs .nav-link:hover,
    .nav-left-group > .nav-promo-link:hover {
        color: #6f8186;
        background: transparent !important;
    }

    .nav-tabs .nav-link.active,
    .nav-left-group > .nav-promo-link.active {
        color: #073f4c;
        background: transparent !important;
        font-weight: 800;
    }

    .nav-link-account {
        color: #164c59;
        background: transparent !important;
    }

    .nav-link-account.logged-in,
    .nav-link-account:hover {
        background: rgba(11, 122, 140, 0.08) !important;
    }

    .nav-link-account .account-icon,
    .nav-link-account:hover .account-icon {
        stroke: #0b4a5a;
    }

    .nav-link-account .user-initials,
    .nav-link-account .account-label {
        color: #164c59;
    }

    .nav-link-account .account-caret,
    .nav-link-account:hover .account-caret {
        stroke: #52727a;
    }

    .account-dropdown-inner-box {
        border-top-color: rgba(11, 74, 90, 0.14);
    }

    .account-dropdown-name {
        color: #173f49;
    }

    .account-dropdown-email {
        color: #647b82;
    }

    .account-dropdown-item {
        color: #38515a !important;
    }

    .account-dropdown-item svg {
        stroke: #607980;
    }

    .account-dropdown-item:hover {
        color: #0b4a5a !important;
        background: rgba(11, 122, 140, 0.08) !important;
    }

    .account-dropdown-item:hover svg {
        stroke: #0b4a5a;
    }
}


/* =================================================================== */
/*  עמוד מפתח - אפליקציית אנדרואיד (טורקיז המותג של האפליקציה)          */
/* =================================================================== */
body.mafteach-luxury-page {
    background: linear-gradient(170deg, #f6fdfd 0%, #e6f6f7 100%);
}

.mafteach-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #00838F 0%, #00695C 55%, #004d55 100%);
    color: #fff;
    padding: 4.5rem 1.5rem 4rem;
    text-align: center;
}

.mafteach-hero::after {
    content: '';
    position: absolute;
    inset: auto -20% -60% -20%;
    height: 220px;
    background: radial-gradient(ellipse at center, rgba(178, 235, 242, 0.28), transparent 70%);
    pointer-events: none;
}

.mafteach-hero-inner {
    position: relative;
    max-width: 760px;
    margin: 0 auto;
}

.mafteach-hero h1 {
    font-size: clamp(2.4rem, 6vw, 3.4rem);
    margin: 0.75rem 0 1rem;
    letter-spacing: -0.5px;
}

.mafteach-badge {
    display: inline-block;
    padding: 0.35rem 1rem;
    border-radius: 999px;
    background: rgba(178, 235, 242, 0.18);
    border: 1px solid rgba(178, 235, 242, 0.5);
    font-size: 0.85rem;
    font-weight: 600;
}

.mafteach-lead {
    font-size: 1.1rem;
    line-height: 1.85;
    color: #dff6f8;
    margin: 0 auto 1.5rem;
    max-width: 620px;
}

.mafteach-version-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 1.2rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-weight: 600;
    margin-bottom: 1.75rem;
}

.mafteach-hero-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.mafteach-btn-primary,
.mafteach-btn-ghost {
    display: inline-block;
    padding: 0.9rem 1.9rem;
    border-radius: 12px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 1rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.mafteach-btn-primary {
    background: linear-gradient(135deg, #00ACC1, #00838F);
    color: #fff;
    box-shadow: 0 10px 22px rgba(0, 105, 92, 0.28);
}

.mafteach-btn-primary:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(0, 105, 92, 0.34);
}

.mafteach-btn-primary:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    box-shadow: none;
}

.mafteach-btn-ghost {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
}

.mafteach-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.18);
}

.mafteach-section {
    max-width: 1080px;
    margin: 0 auto;
    padding: 3rem 1.5rem 0;
}

.mafteach-section:last-of-type {
    padding-bottom: 3.5rem;
}

.mafteach-section-title {
    text-align: center;
    color: #00695C;
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    margin: 0 0 1.75rem;
}

.mafteach-credit-card,
.mafteach-feature-card,
.mafteach-request-card,
.mafteach-step,
.mafteach-warning {
    background: #fff;
    border: 1px solid #dbedef;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 105, 92, 0.07);
}

.mafteach-credit-card {
    padding: 2rem;
    text-align: center;
}

.mafteach-credit-card h2 {
    margin: 0 0 0.85rem;
    color: #00838F;
}

.mafteach-credit-card p {
    line-height: 1.85;
    margin: 0 auto 1.25rem;
    max-width: 720px;
    color: #37535a;
}

.mafteach-credit-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.mafteach-credit-links a {
    padding: 0.6rem 1.3rem;
    border-radius: 999px;
    border: 1px solid #00ACC1;
    color: #00695C;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.mafteach-credit-links a:hover {
    background: #00838F;
    color: #fff;
}

.mafteach-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.25rem;
}

.mafteach-feature-card {
    padding: 1.75rem;
}

.mafteach-feature-card h3 {
    margin: 0 0 0.75rem;
    color: #00695C;
    font-size: 1.2rem;
}

.mafteach-feature-card p {
    margin: 0 0 0.85rem;
    line-height: 1.85;
    color: #37535a;
}

.mafteach-feature-card p:last-child {
    margin-bottom: 0;
}

.mafteach-feature-highlight {
    border-color: #00ACC1;
    background: linear-gradient(160deg, #ffffff 0%, #f2fbfc 100%);
}

.mafteach-note {
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: #f0f9fa;
    border-inline-start: 4px solid #00ACC1;
    color: #17565f;
    font-size: 0.95rem;
}

.mafteach-request-card {
    padding: 2rem;
    max-width: 720px;
    margin: 0 auto;
}

.mafteach-request-card h2 {
    margin: 0 0 0.5rem;
    color: #00838F;
    text-align: center;
}

.mafteach-request-lead {
    text-align: center;
    color: #37535a;
    line-height: 1.8;
    margin: 0 0 1.75rem;
}

.mafteach-field {
    margin-bottom: 1.1rem;
}

.mafteach-field label {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: 600;
    color: #17565f;
}

.mafteach-field input,
.mafteach-field textarea {
    width: 100%;
    padding: 0.8rem 1rem;
    border: 1px solid #cfe6e9;
    border-radius: 10px;
    font-family: inherit;
    font-size: 1rem;
    box-sizing: border-box;
    background: #fbfeff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mafteach-field input:focus,
.mafteach-field textarea:focus {
    outline: none;
    border-color: #00ACC1;
    box-shadow: 0 0 0 3px rgba(0, 172, 193, 0.18);
}

.mafteach-honeypot {
    position: absolute;
    inset-inline-start: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.mafteach-consent {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 1rem;
    border-radius: 12px;
    background: #f4fbfc;
    border: 1px solid #cfe6e9;
    margin-bottom: 1.35rem;
    line-height: 1.7;
    color: #17565f;
    cursor: pointer;
}

.mafteach-consent input {
    margin-top: 0.3rem;
    width: 18px;
    height: 18px;
    accent-color: #00838F;
    flex-shrink: 0;
}

#mafteach-report-form .mafteach-btn-primary {
    width: 100%;
}

.mafteach-form-status {
    margin: 1rem 0 0;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    font-weight: 600;
    text-align: center;
}

.mafteach-form-status.is-success {
    background: #e6f7ef;
    color: #14614a;
    border: 1px solid #b9ede4;
}

.mafteach-form-status.is-error {
    background: #fdecea;
    color: #8c1d18;
    border: 1px solid #f5c6c2;
}

.mafteach-steps {
    display: grid;
    gap: 1rem;
}

.mafteach-step {
    display: flex;
    align-items: flex-start;
    gap: 1.1rem;
    padding: 1.35rem 1.5rem;
}

.mafteach-step-number {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #00ACC1, #00695C);
    color: #fff;
    font-weight: 700;
}

.mafteach-step h3 {
    margin: 0 0 0.5rem;
    color: #00695C;
    font-size: 1.08rem;
}

.mafteach-step p {
    margin: 0.5rem 0 0;
    color: #37535a;
    line-height: 1.75;
}

.mafteach-step pre,
.mafteach-warning code {
    background: #06363c;
    color: #d7f6f9;
    border-radius: 10px;
    font-family: Consolas, monospace;
}

.mafteach-step pre {
    margin: 0;
    padding: 0.85rem 1rem;
    overflow-x: auto;
    font-size: 0.9rem;
}

.mafteach-warning {
    margin-top: 1.5rem;
    padding: 1.75rem;
    border-color: #f3d7a8;
    background: #fffaf0;
}

.mafteach-warning h3 {
    margin: 0 0 0.85rem;
    color: #8a5a11;
}

.mafteach-warning ul {
    margin: 0 0 1rem;
    padding-inline-start: 1.25rem;
    color: #5c451f;
    line-height: 1.85;
}

.mafteach-warning code {
    padding: 0.15rem 0.4rem;
    font-size: 0.85rem;
}

@media (max-width: 700px) {
    .mafteach-hero {
        padding: 3.25rem 1.25rem 3rem;
    }

    .mafteach-credit-card,
    .mafteach-request-card,
    .mafteach-feature-card,
    .mafteach-warning {
        padding: 1.5rem;
    }

    .mafteach-step {
        flex-direction: column;
    }
}


/* ===================================================================
   MAFTEACH PREMIUM EXPERIENCE - 2026
   Scoped to the public Mafteach product page
   =================================================================== */
body.mafteach-luxury-page {
    zoom: 1;
    --mafteach-950: #032f35;
    --mafteach-900: #043f46;
    --mafteach-800: #075b64;
    --mafteach-700: #087985;
    --mafteach-600: #0798a7;
    --mafteach-500: #12b8c5;
    --mafteach-300: #83e2e7;
    --mafteach-100: #dff7f7;
    --mafteach-50: #f2fbfb;
    --mafteach-ink: #123b42;
    --mafteach-muted: #5d7479;
    --mafteach-line: rgba(6, 96, 105, 0.13);
    background:
        radial-gradient(circle at 8% 12%, rgba(18, 184, 197, 0.09), transparent 24%),
        radial-gradient(circle at 92% 54%, rgba(7, 152, 167, 0.07), transparent 28%),
        linear-gradient(180deg, #f9fdfd 0%, #f1f9f9 48%, #f8fcfc 100%);
    color: var(--mafteach-ink);
}

body.mafteach-luxury-page .mafteach-page-main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 118px 0 5.5rem !important;
    overflow: hidden;
}

body.mafteach-luxury-page .mafteach-page-main::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: radial-gradient(rgba(7, 121, 133, 0.065) 0.7px, transparent 0.7px);
    background-size: 22px 22px;
    mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 70%, transparent);
}

.mafteach-hero {
    position: relative;
    isolation: isolate;
    width: min(1440px, calc(100% - 40px));
    min-height: 700px;
    margin: 0 auto;
    padding: 5.4rem clamp(2rem, 6vw, 7rem);
    overflow: hidden;
    border: 1px solid rgba(135, 232, 236, 0.2);
    border-radius: 34px;
    color: #fff;
    text-align: right;
    background:
        linear-gradient(118deg, rgba(2, 45, 51, 0.98) 0%, rgba(4, 76, 84, 0.97) 52%, rgba(5, 108, 118, 0.96) 100%);
    box-shadow:
        0 34px 80px -30px rgba(2, 50, 57, 0.58),
        inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.mafteach-hero::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(1, 32, 37, 0.17), transparent 50%),
        radial-gradient(circle at 72% 44%, rgba(88, 223, 229, 0.17), transparent 30%);
    pointer-events: none;
}

.mafteach-hero::after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 620px;
    height: 620px;
    left: -240px;
    bottom: -410px;
    border: 1px solid rgba(121, 229, 234, 0.12);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(121, 229, 234, 0.025),
        0 0 0 140px rgba(121, 229, 234, 0.018);
    pointer-events: none;
}

.mafteach-hero-grid {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: 0.12;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(90deg, transparent 3%, #000 45%, transparent 100%);
}

.mafteach-hero-orb {
    position: absolute;
    z-index: -1;
    border-radius: 50%;
    filter: blur(2px);
    pointer-events: none;
}

.mafteach-hero-orb-one {
    width: 310px;
    height: 310px;
    top: -175px;
    right: 34%;
    background: rgba(30, 208, 218, 0.13);
    box-shadow: 0 0 100px rgba(30, 208, 218, 0.18);
}

.mafteach-hero-orb-two {
    width: 180px;
    height: 180px;
    right: 6%;
    bottom: -110px;
    background: rgba(142, 234, 237, 0.11);
    box-shadow: 0 0 80px rgba(142, 234, 237, 0.13);
}

.mafteach-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(410px, 0.95fr);
    align-items: center;
    gap: clamp(3.5rem, 7vw, 8rem);
    width: min(1220px, 100%);
    max-width: none;
    margin: 0 auto;
}

.mafteach-hero-copy {
    max-width: 680px;
}

.mafteach-badge,
.mafteach-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    width: max-content;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.mafteach-badge {
    padding: 0.52rem 0.9rem;
    border: 1px solid rgba(132, 229, 234, 0.32);
    border-radius: 10px;
    color: #c9f7f8;
    background: rgba(127, 224, 230, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    font-size: 0.82rem;
}

.mafteach-badge svg {
    color: #63dde3;
}

.mafteach-hero h1 {
    max-width: 720px;
    margin: 1.35rem 0 1.25rem;
    color: #fff;
    font-size: clamp(3.35rem, 5.5vw, 6rem);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -0.055em;
    text-wrap: balance;
}

.mafteach-hero h1 span {
    color: #8ce9eb;
    background: linear-gradient(95deg, #ffffff 0%, #8ce9eb 42%, #45ccd3 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mafteach-lead {
    max-width: 640px;
    margin: 0 0 0.75rem;
    color: rgba(233, 253, 253, 0.82);
    font-size: clamp(1.12rem, 1.6vw, 1.35rem);
    line-height: 1.85;
}

.mafteach-clarification {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0 0 1.5rem;
    color: rgba(213, 243, 244, 0.58);
    font-size: 0.84rem;
}

.mafteach-clarification::before {
    content: '';
    width: 5px;
    height: 5px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #68dce1;
}

.mafteach-version-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 39px;
    margin: 0 0 1.5rem;
    padding: 0.55rem 0.85rem;
    border: 1px solid rgba(145, 230, 234, 0.18);
    border-radius: 9px;
    color: rgba(230, 252, 252, 0.88);
    background: rgba(1, 27, 31, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    font-size: 0.82rem;
    font-weight: 700;
}

.mafteach-status-dot {
    position: relative;
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #75e7c6;
    box-shadow: 0 0 0 4px rgba(117, 231, 198, 0.1);
}

.mafteach-status-dot::after {
    content: '';
    position: absolute;
    inset: -4px;
    border: 1px solid rgba(117, 231, 198, 0.45);
    border-radius: inherit;
    animation: mafteach-status-pulse 2.2s ease-out infinite;
}

@keyframes mafteach-status-pulse {
    0% { transform: scale(0.7); opacity: 0.9; }
    75%, 100% { transform: scale(1.7); opacity: 0; }
}

.mafteach-hero-actions {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.85rem;
}

.mafteach-btn-primary,
.mafteach-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    min-height: 52px;
    padding: 0.85rem 1.45rem;
    border: 1px solid transparent;
    border-radius: 11px;
    font-family: inherit;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.mafteach-btn-primary {
    position: relative;
    overflow: hidden;
    color: #033940;
    background: linear-gradient(135deg, #9af2f3 0%, #50d7dc 52%, #31c5cd 100%);
    box-shadow: 0 14px 30px -10px rgba(31, 207, 216, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.mafteach-btn-primary::before {
    content: '';
    position: absolute;
    top: -30%;
    left: -45%;
    width: 34%;
    height: 160%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
    transition: left 0.55s ease;
}

.mafteach-btn-primary:hover:not(:disabled) {
    color: #022d32;
    transform: translateY(-3px);
    box-shadow: 0 19px 38px -12px rgba(31, 207, 216, 0.72), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.mafteach-btn-primary:hover:not(:disabled)::before {
    left: 120%;
}

.mafteach-btn-primary svg {
    transition: transform 0.25s ease;
}

.mafteach-btn-primary:hover svg {
    transform: translateX(-3px);
}

.mafteach-btn-primary:disabled {
    opacity: 0.62;
    cursor: not-allowed;
    filter: saturate(0.5);
    box-shadow: none;
}

.mafteach-btn-ghost {
    color: #e7fafa;
    border-color: rgba(185, 240, 242, 0.29);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.mafteach-btn-ghost:hover {
    color: #fff;
    border-color: rgba(185, 240, 242, 0.52);
    background: rgba(255, 255, 255, 0.1);
    transform: translateY(-2px);
}

.mafteach-btn-primary:focus-visible,
.mafteach-btn-ghost:focus-visible,
.mafteach-credit-links a:focus-visible {
    outline: 3px solid rgba(84, 214, 221, 0.38);
    outline-offset: 4px;
}

.mafteach-hero-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem;
    margin: 1.55rem 0 0;
    padding: 0;
    color: rgba(226, 249, 249, 0.64);
    font-size: 0.82rem;
    font-weight: 600;
    list-style: none;
}

.mafteach-hero-facts li {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
}

.mafteach-hero-facts svg {
    color: #66d9de;
}

.mafteach-product-visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 560px;
    perspective: 1200px;
}

.mafteach-visual-halo {
    position: absolute;
    width: 480px;
    height: 480px;
    border: 1px solid rgba(130, 227, 232, 0.13);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(78, 213, 220, 0.17) 0%, rgba(78, 213, 220, 0.03) 48%, transparent 70%);
    box-shadow:
        0 0 0 40px rgba(113, 225, 230, 0.022),
        0 0 0 80px rgba(113, 225, 230, 0.016);
}

.mafteach-phone {
    position: relative;
    z-index: 2;
    width: 306px;
    padding: 10px;
    border: 1px solid rgba(221, 253, 253, 0.28);
    border-radius: 38px;
    background: linear-gradient(150deg, #0c2024 0%, #1b373c 48%, #081a1e 100%);
    box-shadow:
        -30px 38px 58px -22px rgba(0, 18, 21, 0.72),
        0 0 0 5px rgba(1, 31, 35, 0.35),
        inset 0 1px 1px rgba(255, 255, 255, 0.25);
    transform: rotateY(3deg) rotateX(1deg) rotateZ(1deg);
    animation: mafteach-phone-float 6s ease-in-out infinite;
}

@keyframes mafteach-phone-float {
    0%, 100% { transform: rotateY(3deg) rotateX(1deg) rotateZ(1deg) translateY(0); }
    50% { transform: rotateY(1deg) rotateX(0) rotateZ(0.5deg) translateY(-10px); }
}

.mafteach-phone-speaker {
    position: absolute;
    z-index: 4;
    top: 18px;
    left: 50%;
    width: 74px;
    height: 18px;
    transform: translateX(-50%);
    border-radius: 0 0 12px 12px;
    background: #0a1b1e;
}

.mafteach-phone-speaker::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 50%;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    border-radius: 10px;
    background: #294247;
}

.mafteach-phone-screen {
    min-height: 542px;
    padding: 2.2rem 1.05rem 1.15rem;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 192, 201, 0.12), transparent 28%),
        linear-gradient(180deg, #f8fdfd 0%, #edf7f7 100%);
    color: var(--mafteach-ink);
}

.mafteach-app-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.15rem 1rem;
}

.mafteach-app-brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.mafteach-app-mark {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    border-radius: 11px;
    color: #eaffff;
    background: linear-gradient(145deg, var(--mafteach-700), var(--mafteach-500));
    box-shadow: 0 7px 15px -6px rgba(7, 152, 167, 0.7);
}

.mafteach-app-brand > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.mafteach-app-brand strong {
    color: #12434a;
    font-size: 1rem;
}

.mafteach-app-brand small {
    margin-top: 3px;
    color: #7c9296;
    font-size: 0.62rem;
}

.mafteach-app-menu {
    display: flex;
    gap: 2px;
}

.mafteach-app-menu i {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #66858a;
}

.mafteach-device-state {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.95rem;
    padding: 0.85rem;
    border: 1px solid rgba(7, 121, 133, 0.11);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 9px 22px -16px rgba(5, 72, 79, 0.4);
}

.mafteach-device-ring {
    display: grid;
    place-items: center;
    width: 49px;
    height: 49px;
    border: 5px solid #d7f6f4;
    border-top-color: #21b9b6;
    border-radius: 50%;
    color: #07818b;
}

.mafteach-device-state > div:nth-child(2) {
    display: flex;
    flex-direction: column;
}

.mafteach-device-state small,
.mafteach-app-tile small,
.mafteach-app-update small,
.mafteach-preview-row small {
    color: #819599;
    font-size: 0.62rem;
}

.mafteach-device-state strong {
    color: #155159;
    font-size: 0.79rem;
}

.mafteach-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4bc49b;
    box-shadow: 0 0 0 4px rgba(75, 196, 155, 0.12);
}

.mafteach-app-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65rem;
}

.mafteach-app-tile {
    display: flex;
    flex-direction: column;
    min-height: 112px;
    padding: 0.8rem;
    border: 1px solid rgba(6, 104, 113, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.82);
}

.mafteach-app-tile-accent {
    border-color: rgba(7, 152, 167, 0.18);
    background: linear-gradient(145deg, #e3f9f9, #f8fefe);
}

.mafteach-tile-icon {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    margin-bottom: auto;
    border-radius: 10px;
    color: #087d87;
    background: #e0f5f5;
}

.mafteach-app-tile-accent .mafteach-tile-icon {
    color: #fff;
    background: linear-gradient(145deg, var(--mafteach-700), var(--mafteach-500));
}

.mafteach-app-tile strong {
    margin-top: 0.55rem;
    color: #164b52;
    font-size: 0.73rem;
}

.mafteach-app-update {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-top: 0.7rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(70, 184, 146, 0.15);
    border-radius: 13px;
    background: #effaf6;
}

.mafteach-update-icon {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    color: #278e6f;
    background: #d7f3e9;
}

.mafteach-app-update > span:last-child {
    display: flex;
    flex-direction: column;
}

.mafteach-app-update strong {
    color: #29755f;
    font-size: 0.71rem;
}

.mafteach-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(191, 245, 246, 0.23);
    border-radius: 12px;
    color: #e9ffff;
    background: rgba(3, 56, 63, 0.76);
    backdrop-filter: blur(14px);
    box-shadow: 0 15px 28px -16px rgba(0, 24, 28, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    font-size: 0.76rem;
    font-weight: 700;
}

.mafteach-floating-card span {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 9px;
    color: #8cf1dc;
    background: rgba(93, 229, 203, 0.11);
}

.mafteach-floating-card-top {
    top: 17%;
    right: -6%;
    animation: mafteach-card-float 5.5s ease-in-out infinite 0.4s;
}

.mafteach-floating-card-bottom {
    bottom: 18%;
    left: -10%;
    animation: mafteach-card-float 6.2s ease-in-out infinite 1.1s;
}

@keyframes mafteach-card-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.mafteach-trust-strip {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.1rem;
    width: min(1160px, calc(100% - 48px));
    margin: 2rem auto 0;
    padding: 1.1rem 1.25rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px -24px rgba(4, 76, 84, 0.5);
}

.mafteach-trust-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 13px;
    color: var(--mafteach-700);
    background: var(--mafteach-100);
}

.mafteach-trust-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.55;
}

.mafteach-trust-copy strong {
    color: #124a51;
    font-size: 0.94rem;
}

.mafteach-trust-copy span {
    color: var(--mafteach-muted);
    font-size: 0.78rem;
}

.mafteach-credit-links {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.mafteach-credit-links a {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 9px;
    color: var(--mafteach-700);
    background: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.mafteach-credit-links a:hover {
    color: #fff;
    border-color: var(--mafteach-700);
    background: var(--mafteach-700);
}

.mafteach-section {
    width: min(1160px, calc(100% - 48px));
    max-width: none;
    margin: 0 auto;
    padding: 7.5rem 0 0;
}

.mafteach-section:last-of-type {
    padding-bottom: 0;
}

.mafteach-section-heading {
    max-width: 760px;
    margin: 0 auto 3rem;
    text-align: center;
}

.mafteach-eyebrow {
    justify-content: center;
    margin-bottom: 0.85rem;
    color: var(--mafteach-700);
    font-size: 0.78rem;
}

.mafteach-eyebrow::before,
.mafteach-eyebrow::after {
    content: '';
    width: 24px;
    height: 1px;
    background: currentColor;
    opacity: 0.35;
}

.mafteach-eyebrow-light {
    color: #8ce7e9;
}

.mafteach-section-title {
    margin: 0 0 1rem;
    color: var(--mafteach-900);
    font-size: clamp(2.1rem, 4vw, 3.4rem);
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.mafteach-section-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--mafteach-muted);
    font-size: 1.02rem;
    line-height: 1.85;
}

.mafteach-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.15rem;
}

.mafteach-feature-card {
    position: relative;
    min-height: 310px;
    padding: 2.1rem;
    overflow: hidden;
    border: 1px solid var(--mafteach-line);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 20px 48px -34px rgba(5, 82, 90, 0.48);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.mafteach-feature-card:hover {
    transform: translateY(-5px);
    border-color: rgba(7, 152, 167, 0.28);
    box-shadow: 0 28px 56px -32px rgba(5, 82, 90, 0.42);
}

.mafteach-feature-highlight {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
    align-items: center;
    gap: 3rem;
    min-height: 390px;
    padding: clamp(2.2rem, 4vw, 3.6rem);
    border-color: rgba(7, 152, 167, 0.24);
    background:
        radial-gradient(circle at 85% 20%, rgba(18, 184, 197, 0.1), transparent 28%),
        linear-gradient(135deg, #fff 0%, #f0fbfb 100%);
}

.mafteach-feature-number {
    position: absolute;
    top: 1.45rem;
    left: 1.6rem;
    color: rgba(7, 121, 133, 0.16);
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.05em;
}

.mafteach-feature-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(7, 152, 167, 0.14);
    border-radius: 15px;
    color: var(--mafteach-700);
    background: linear-gradient(145deg, #e4f8f8, #f7fdfd);
    box-shadow: 0 10px 20px -14px rgba(7, 121, 133, 0.48);
}

.mafteach-feature-card h3 {
    margin: 0 0 0.75rem;
    color: var(--mafteach-900);
    font-size: 1.42rem;
    letter-spacing: -0.02em;
}

.mafteach-feature-card p {
    max-width: 540px;
    margin: 0;
    color: var(--mafteach-muted);
    font-size: 0.95rem;
    line-height: 1.85;
}

.mafteach-feature-proof {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: max-content;
    max-width: 100%;
    margin-top: 1.2rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(7, 152, 167, 0.12);
    border-radius: 9px;
    color: #17676f;
    background: rgba(219, 247, 247, 0.7);
    font-size: 0.76rem;
    font-weight: 700;
}

.mafteach-update-preview {
    position: relative;
    padding: 1rem;
    border: 1px solid rgba(6, 96, 105, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.91);
    box-shadow: 0 24px 48px -30px rgba(4, 74, 81, 0.48);
}

.mafteach-update-preview::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 12px -12px -12px 12px;
    border: 1px solid rgba(7, 152, 167, 0.1);
    border-radius: inherit;
    background: rgba(218, 246, 247, 0.6);
}

.mafteach-preview-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem 0.25rem 0.9rem;
    color: #174d54;
    font-size: 0.84rem;
    font-weight: 800;
}

.mafteach-preview-top small {
    padding: 0.28rem 0.5rem;
    border-radius: 7px;
    color: var(--mafteach-700);
    background: var(--mafteach-100);
    font-size: 0.63rem;
}

.mafteach-preview-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.7rem;
    margin-top: 0.55rem;
    padding: 0.75rem;
    border: 1px solid rgba(7, 121, 133, 0.08);
    border-radius: 12px;
    background: #fbfefe;
}

.mafteach-preview-app {
    width: 37px;
    height: 37px;
    border-radius: 10px;
}

.mafteach-preview-app.app-one { background: linear-gradient(145deg, #35b7c2, #087783); }
.mafteach-preview-app.app-two { background: linear-gradient(145deg, #7fd8b5, #348d70); }
.mafteach-preview-app.app-three { background: linear-gradient(145deg, #b7cbd0, #7d989e); }

.mafteach-preview-row > span {
    display: flex;
    flex-direction: column;
}

.mafteach-preview-row strong {
    color: #1b4e55;
    font-size: 0.73rem;
}

.mafteach-preview-row b,
.mafteach-preview-row em {
    padding: 0.38rem 0.55rem;
    border-radius: 7px;
    color: #fff;
    background: var(--mafteach-700);
    font-size: 0.62rem;
    font-style: normal;
}

.mafteach-preview-row em {
    color: #668084;
    background: #edf3f4;
}

.mafteach-preview-row.is-dim {
    opacity: 0.72;
}

.mafteach-network-visual {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
    direction: ltr;
}

.mafteach-network-visual span {
    width: 30px;
    height: 30px;
    border: 7px solid #ddf5f5;
    border-radius: 50%;
    background: var(--mafteach-600);
    box-shadow: 0 0 0 1px rgba(7, 152, 167, 0.18);
}

.mafteach-network-visual i {
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, var(--mafteach-300), var(--mafteach-600));
}

.mafteach-control-pills {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.mafteach-control-pills span {
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(7, 121, 133, 0.11);
    border-radius: 8px;
    color: var(--mafteach-700);
    background: var(--mafteach-50);
    font-size: 0.68rem;
    font-weight: 700;
}

.mafteach-brand-swatch {
    position: absolute;
    left: 2rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.mafteach-brand-swatch i {
    width: 23px;
    height: 23px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(6, 96, 105, 0.1);
}

.mafteach-brand-swatch i:nth-child(1) { background: var(--mafteach-900); }
.mafteach-brand-swatch i:nth-child(2) { margin-right: -0.7rem; background: var(--mafteach-600); }
.mafteach-brand-swatch i:nth-child(3) { margin-right: -0.7rem; background: var(--mafteach-300); }

.mafteach-brand-swatch span {
    margin-right: 0.25rem;
    color: var(--mafteach-800);
    font-size: 0.72rem;
    font-weight: 900;
}

#mafteach-request,
#mafteach-adb {
    scroll-margin-top: 120px;
}

.mafteach-request-section {
    width: min(1280px, calc(100% - 48px));
}

.mafteach-request-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.86fr) minmax(500px, 1.14fr);
    overflow: hidden;
    border: 1px solid rgba(25, 172, 182, 0.18);
    border-radius: 28px;
    background: var(--mafteach-900);
    box-shadow: 0 35px 80px -45px rgba(2, 57, 63, 0.58);
}

.mafteach-request-info {
    position: relative;
    padding: clamp(2.8rem, 5vw, 5rem);
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 15% 100%, rgba(33, 201, 210, 0.2), transparent 35%),
        linear-gradient(145deg, #043b42 0%, #075d66 100%);
}

.mafteach-request-info::after {
    content: '';
    position: absolute;
    width: 310px;
    height: 310px;
    left: -180px;
    top: -170px;
    border: 1px solid rgba(142, 234, 237, 0.14);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(142, 234, 237, 0.025), 0 0 0 96px rgba(142, 234, 237, 0.018);
}

.mafteach-request-info h2 {
    max-width: 520px;
    margin: 0 0 1rem;
    color: #fff;
    font-size: clamp(2.15rem, 3.4vw, 3.3rem);
    line-height: 1.1;
    letter-spacing: -0.04em;
}

.mafteach-request-info > p {
    max-width: 530px;
    margin: 0;
    color: rgba(224, 249, 249, 0.73);
    font-size: 0.96rem;
    line-height: 1.85;
}

.mafteach-request-benefits {
    display: grid;
    gap: 0.85rem;
    margin-top: 2.5rem;
}

.mafteach-request-benefits > div {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.mafteach-request-benefits > div > span {
    display: grid;
    place-items: center;
    width: 41px;
    height: 41px;
    flex: 0 0 auto;
    border: 1px solid rgba(139, 232, 235, 0.17);
    border-radius: 11px;
    color: #8ce7e9;
    background: rgba(255, 255, 255, 0.055);
}

.mafteach-request-benefits p {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.mafteach-request-benefits strong {
    color: #f1ffff;
    font-size: 0.83rem;
}

.mafteach-request-benefits small {
    margin-top: 2px;
    color: rgba(213, 243, 244, 0.56);
    font-size: 0.68rem;
}

.mafteach-request-card {
    max-width: none;
    margin: 0;
    padding: clamp(2.6rem, 5vw, 4.8rem);
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

.mafteach-form-heading {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 2rem;
}

.mafteach-form-icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    flex: 0 0 auto;
    border-radius: 14px;
    color: var(--mafteach-700);
    background: var(--mafteach-100);
}

.mafteach-form-heading h3 {
    margin: 0 0 0.15rem;
    color: var(--mafteach-900);
    font-size: 1.25rem;
}

.mafteach-form-heading p {
    margin: 0;
    color: #84969a;
    font-size: 0.76rem;
}

.mafteach-field-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.mafteach-field {
    margin-bottom: 1rem;
}

.mafteach-field label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.45rem;
    color: #28575d;
    font-size: 0.78rem;
    font-weight: 800;
}

.mafteach-field label span {
    color: #98a7aa;
    font-size: 0.68rem;
    font-weight: 600;
}

.mafteach-input-wrap {
    position: relative;
}

.mafteach-input-wrap > svg {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0.9rem;
    transform: translateY(-50%);
    color: #87a0a4;
    pointer-events: none;
}

.mafteach-field input,
.mafteach-field textarea {
    width: 100%;
    min-height: 50px;
    padding: 0.78rem 0.95rem;
    border: 1px solid #d9e7e9;
    border-radius: 10px;
    outline: none;
    color: #153f45;
    background: #f9fcfc;
    font-family: inherit;
    font-size: 0.88rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.mafteach-input-wrap input {
    padding-right: 2.75rem;
}

.mafteach-field input::placeholder,
.mafteach-field textarea::placeholder {
    color: #a0afb1;
}

.mafteach-field textarea {
    min-height: 94px;
    resize: vertical;
}

.mafteach-field input:focus,
.mafteach-field textarea:focus {
    border-color: var(--mafteach-500);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(18, 184, 197, 0.1);
}

.mafteach-input-wrap:focus-within > svg {
    color: var(--mafteach-700);
}

.mafteach-honeypot {
    position: absolute;
    inset-inline-start: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.mafteach-consent {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    margin: 0.35rem 0 1.15rem;
    padding: 0.85rem;
    border: 1px solid #dcebed;
    border-radius: 10px;
    color: #567277;
    background: #f7fbfb;
    font-size: 0.72rem;
    line-height: 1.65;
    cursor: pointer;
}

.mafteach-consent > input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.mafteach-checkbox-visual {
    display: grid;
    place-items: center;
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
    margin-top: 1px;
    border: 1.5px solid #a9bec1;
    border-radius: 5px;
    color: transparent;
    background: #fff;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.mafteach-consent > input:checked + .mafteach-checkbox-visual {
    color: #fff;
    border-color: var(--mafteach-700);
    background: var(--mafteach-700);
}

.mafteach-consent > input:focus-visible + .mafteach-checkbox-visual {
    box-shadow: 0 0 0 4px rgba(18, 184, 197, 0.13);
}

#mafteach-report-form .mafteach-btn-primary {
    width: 100%;
    min-height: 54px;
}

.mafteach-form-status {
    margin: 0.8rem 0 0;
    padding: 0.75rem 0.9rem;
    border-radius: 9px;
    font-size: 0.75rem;
    font-weight: 700;
    text-align: center;
}

.mafteach-form-status.is-success {
    color: #17694f;
    border: 1px solid #bfe9da;
    background: #eaf8f2;
}

.mafteach-form-status.is-error {
    color: #9a352f;
    border: 1px solid #f1c7c4;
    background: #fff0ef;
}

.mafteach-privacy-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    margin: 0.8rem 0 0;
    color: #91a2a5;
    font-size: 0.65rem;
}

.mafteach-adb-section {
    padding-bottom: 6.5rem;
}

.mafteach-install-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, 0.82fr);
    align-items: start;
    gap: 1.4rem;
}

.mafteach-steps {
    position: relative;
    display: grid;
    gap: 0.8rem;
}

.mafteach-steps::before {
    content: '';
    position: absolute;
    top: 54px;
    bottom: 54px;
    right: 30px;
    width: 1px;
    background: linear-gradient(to bottom, transparent, var(--mafteach-300) 8%, var(--mafteach-300) 92%, transparent);
}

.mafteach-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 1rem;
    padding: 1.4rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 14px 34px -28px rgba(4, 76, 84, 0.5);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.mafteach-step:hover {
    transform: translateX(-4px);
    border-color: rgba(7, 152, 167, 0.28);
}

.mafteach-step-number {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(7, 152, 167, 0.2);
    border-radius: 16px;
    color: var(--mafteach-700);
    background: linear-gradient(145deg, #e2f8f8, #f8fefe);
    box-shadow: 0 8px 18px -14px rgba(7, 121, 133, 0.5);
    font-size: 0.78rem;
    font-weight: 900;
}

.mafteach-step-body {
    position: relative;
    min-width: 0;
    padding-left: 2.3rem;
}

.mafteach-step-icon {
    position: absolute;
    top: 0;
    left: 0;
    color: #89a8ac;
}

.mafteach-step h3 {
    margin: 0 0 0.4rem;
    color: var(--mafteach-900);
    font-size: 1rem;
}

.mafteach-step p {
    margin: 0.45rem 0 0;
    color: var(--mafteach-muted);
    font-size: 0.79rem;
    line-height: 1.72;
}

.mafteach-step pre {
    position: relative;
    margin: 0.65rem 0 0;
    padding: 0.85rem 1rem;
    overflow-x: auto;
    border: 1px solid rgba(111, 223, 228, 0.09);
    border-radius: 10px;
    color: #c9f8f8;
    background: linear-gradient(110deg, #042f35, #06434a);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    font-family: Consolas, 'Courier New', monospace;
    font-size: 0.72rem;
    line-height: 1.6;
}

.mafteach-step code {
    color: inherit;
    background: transparent;
}

.mafteach-warning {
    position: sticky;
    top: 125px;
    margin: 0;
    padding: 2rem;
    border: 1px solid #f0d8a8;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(238, 177, 61, 0.09), transparent 30%),
        linear-gradient(160deg, #fffdf8, #fff9ec);
    box-shadow: 0 20px 45px -34px rgba(118, 81, 16, 0.4);
}

.mafteach-warning-icon {
    display: grid;
    place-items: center;
    width: 53px;
    height: 53px;
    margin-bottom: 1.1rem;
    border: 1px solid #efd9a9;
    border-radius: 15px;
    color: #9a6815;
    background: #fff3d7;
}

.mafteach-warning-label {
    display: block;
    margin-bottom: 0.4rem;
    color: #a26d16;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.mafteach-warning h3 {
    margin: 0 0 1rem;
    color: #614614;
    font-size: 1.3rem;
}

.mafteach-warning ul {
    display: grid;
    gap: 0.9rem;
    margin: 0;
    padding: 0;
    color: #705a32;
    list-style: none;
}

.mafteach-warning li {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 0.65rem;
    font-size: 0.76rem;
    line-height: 1.7;
}

.mafteach-warning li > span {
    width: 6px;
    height: 6px;
    margin-top: 0.55rem;
    border-radius: 50%;
    background: #d29935;
    box-shadow: 0 0 0 4px rgba(210, 153, 53, 0.1);
}

.mafteach-warning code {
    padding: 0.12rem 0.3rem;
    border-radius: 5px;
    color: #8a5b0d;
    background: #f7e7c2;
    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

.mafteach-warning-footer {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #eedebd;
    color: #8a734b;
    font-size: 0.7rem;
    line-height: 1.55;
}

.mafteach-warning-footer svg {
    flex: 0 0 auto;
    color: #b17b1f;
}

.mafteach-final-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
    padding: 1.45rem 1.6rem;
    border: 1px solid rgba(127, 224, 230, 0.15);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 20% 100%, rgba(46, 205, 213, 0.15), transparent 30%),
        linear-gradient(115deg, var(--mafteach-950), var(--mafteach-800));
    box-shadow: 0 24px 50px -32px rgba(3, 63, 70, 0.65);
}

.mafteach-final-cta > div {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.mafteach-final-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    border: 1px solid rgba(142, 234, 237, 0.18);
    border-radius: 13px;
    color: #8ce7e9;
    background: rgba(255, 255, 255, 0.06);
}

.mafteach-final-cta p {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.mafteach-final-cta strong {
    color: #fff;
    font-size: 1rem;
}

.mafteach-final-cta p span {
    color: rgba(220, 247, 248, 0.65);
    font-size: 0.75rem;
}

.mafteach-final-cta .mafteach-btn-primary {
    min-height: 47px;
    flex: 0 0 auto;
    font-size: 0.82rem;
}

@media (max-width: 1100px) {
    .mafteach-hero {
        padding-inline: clamp(2rem, 4vw, 4rem);
    }

    .mafteach-hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 0.78fr);
        gap: 3rem;
    }

    .mafteach-floating-card-top { right: -2%; }
    .mafteach-floating-card-bottom { left: -3%; }

    .mafteach-request-shell {
        grid-template-columns: minmax(0, 0.9fr) minmax(450px, 1.1fr);
    }
}

@media (max-width: 900px) {
    body.mafteach-luxury-page .mafteach-page-main {
        padding-top: 108px !important;
    }

    .mafteach-hero {
        width: calc(100% - 28px);
        padding: 4rem 2rem 3rem;
        border-radius: 26px;
    }

    .mafteach-hero-inner {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .mafteach-hero-copy {
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
    }

    .mafteach-badge,
    .mafteach-version-chip {
        margin-inline: auto;
    }

    .mafteach-clarification,
    .mafteach-hero-actions,
    .mafteach-hero-facts {
        justify-content: center;
    }

    .mafteach-product-visual {
        min-height: 520px;
    }

    .mafteach-trust-strip {
        grid-template-columns: auto 1fr;
    }

    .mafteach-credit-links {
        grid-column: 1 / -1;
        justify-content: flex-end;
        padding-right: 3.6rem;
    }

    .mafteach-feature-highlight {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .mafteach-request-shell {
        grid-template-columns: 1fr;
    }

    .mafteach-request-info {
        text-align: center;
    }

    .mafteach-request-info h2,
    .mafteach-request-info > p {
        margin-inline: auto;
    }

    .mafteach-request-info .mafteach-eyebrow {
        margin-inline: auto;
    }

    .mafteach-request-benefits {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        text-align: right;
    }

    .mafteach-install-layout {
        grid-template-columns: 1fr;
    }

    .mafteach-warning {
        position: static;
    }
}

@media (max-width: 768px) {
    body.mafteach-luxury-page .mafteach-page-main {
        padding-top: 92px !important;
        padding-bottom: 4rem !important;
    }

    .mafteach-hero {
        width: calc(100% - 20px);
        min-height: auto;
        padding: 3rem 1.25rem 2.5rem;
        border-radius: 22px;
    }

    .mafteach-hero-copy {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .mafteach-hero h1 {
        width: 100%;
        max-width: 100%;
        font-size: 1.85rem !important;
        line-height: 1.16;
        letter-spacing: -0.02em;
        overflow-wrap: anywhere;
        text-wrap: wrap;
    }

    .mafteach-hero h1 span {
        display: block;
        font-size: 1em;
    }

    .mafteach-lead {
        font-size: 1rem;
    }

    .mafteach-hero-actions {
        display: grid;
        width: 100%;
    }

    .mafteach-btn-primary,
    .mafteach-btn-ghost {
        width: 100%;
    }

    .mafteach-hero-facts {
        gap: 0.75rem;
        font-size: 0.72rem;
    }

    .mafteach-product-visual {
        min-height: 470px;
        transform: scale(0.88);
        margin: -25px 0;
    }

    .mafteach-phone {
        width: 286px;
    }

    .mafteach-phone-screen {
        min-height: 510px;
    }

    .mafteach-floating-card {
        display: none;
    }

    .mafteach-floating-card-top { right: -4%; }
    .mafteach-floating-card-bottom { left: -5%; }

    .mafteach-trust-strip,
    .mafteach-section,
    .mafteach-request-section,
    .mafteach-final-cta {
        width: calc(100% - 28px);
    }

    .mafteach-trust-strip {
        grid-template-columns: auto 1fr;
        padding: 1rem;
    }

    .mafteach-trust-copy span {
        font-size: 0.7rem;
    }

    .mafteach-credit-links {
        justify-content: stretch;
        padding-right: 0;
    }

    .mafteach-credit-links a {
        flex: 1;
        justify-content: center;
    }

    .mafteach-section {
        padding-top: 5.2rem;
    }

    .mafteach-section-heading {
        margin-bottom: 2rem;
    }

    .mafteach-section-title {
        font-size: 2.25rem;
    }

    .mafteach-section-heading > p {
        font-size: 0.9rem;
    }

    .mafteach-features {
        grid-template-columns: 1fr;
    }

    .mafteach-feature-highlight {
        grid-column: auto;
        min-height: 0;
        padding: 1.6rem;
    }

    .mafteach-feature-card {
        min-height: 285px;
        padding: 1.6rem;
    }

    .mafteach-update-preview {
        margin-top: 0.5rem;
    }

    .mafteach-request-shell {
        border-radius: 22px;
    }

    .mafteach-request-info,
    .mafteach-request-card {
        padding: 2.2rem 1.35rem;
    }

    .mafteach-request-info h2 {
        font-size: 2.2rem;
    }

    .mafteach-request-benefits {
        grid-template-columns: 1fr;
        width: min(360px, 100%);
        margin-inline: auto;
    }

    .mafteach-field-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .mafteach-step {
        grid-template-columns: auto 1fr;
        padding: 1rem;
    }

    .mafteach-step-number {
        width: 48px;
        height: 48px;
        border-radius: 13px;
    }

    .mafteach-steps::before {
        right: 24px;
    }

    .mafteach-step-body {
        padding-left: 0;
    }

    .mafteach-step-icon {
        display: none;
    }

    .mafteach-step pre {
        font-size: 0.65rem;
    }

    .mafteach-warning {
        padding: 1.5rem;
    }

    .mafteach-final-cta {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .mafteach-final-cta > div {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .mafteach-hero {
        padding-inline: 1rem;
    }

    .mafteach-product-visual {
        transform: scale(0.78);
        margin: -55px -35px;
    }

    .mafteach-floating-card-top,
    .mafteach-floating-card-bottom {
        display: none;
    }

    .mafteach-trust-strip {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .mafteach-trust-icon {
        margin: 0 auto;
    }

    .mafteach-credit-links {
        flex-direction: column;
    }

    .mafteach-credit-links a {
        width: 100%;
    }

    .mafteach-preview-row {
        grid-template-columns: auto 1fr;
    }

    .mafteach-preview-row b,
    .mafteach-preview-row em {
        grid-column: 2;
        width: max-content;
    }

    .mafteach-feature-proof {
        width: 100%;
    }

    .mafteach-step {
        grid-template-columns: 1fr;
    }

    .mafteach-step-number {
        width: 42px;
        height: 42px;
    }

    .mafteach-steps::before {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mafteach-phone,
    .mafteach-floating-card,
    .mafteach-status-dot::after {
        animation: none !important;
    }

    .mafteach-feature-card,
    .mafteach-step,
    .mafteach-btn-primary,
    .mafteach-btn-ghost {
        transition: none !important;
    }
}


/* Mafteach compact density pass */
body.mafteach-luxury-page {
    zoom: 0.82;
}

body.mafteach-luxury-page .mafteach-page-main {
    padding-top: 102px !important;
    padding-bottom: 3.5rem !important;
}

body.mafteach-luxury-page .mafteach-hero {
    width: min(1320px, calc(100% - 34px));
    min-height: 540px;
    padding: 3.25rem clamp(2rem, 4.5vw, 5rem);
    border-radius: 26px;
}

body.mafteach-luxury-page .mafteach-hero-inner {
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.82fr);
    gap: clamp(2.5rem, 5vw, 5rem);
    width: min(1120px, 100%);
}

body.mafteach-luxury-page .mafteach-badge {
    padding: 0.42rem 0.75rem;
    font-size: 0.75rem;
}

body.mafteach-luxury-page .mafteach-hero h1 {
    max-width: 620px;
    margin: 1rem 0 0.9rem;
    font-size: clamp(2.75rem, 4.4vw, 4.6rem);
    line-height: 1;
}

body.mafteach-luxury-page .mafteach-lead {
    max-width: 580px;
    margin-bottom: 0.55rem;
    font-size: clamp(1rem, 1.25vw, 1.16rem);
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-clarification {
    margin-bottom: 1rem;
    font-size: 0.76rem;
}

body.mafteach-luxury-page .mafteach-version-chip {
    min-height: 34px;
    margin-bottom: 1.05rem;
    padding: 0.42rem 0.7rem;
    font-size: 0.74rem;
}

body.mafteach-luxury-page .mafteach-hero-actions {
    gap: 0.65rem;
}

body.mafteach-luxury-page .mafteach-btn-primary,
body.mafteach-luxury-page .mafteach-btn-ghost {
    min-height: 45px;
    padding: 0.72rem 1.2rem;
    border-radius: 9px;
    font-size: 0.88rem;
}

body.mafteach-luxury-page .mafteach-hero-facts {
    gap: 1rem;
    margin-top: 1rem;
    font-size: 0.74rem;
}

body.mafteach-luxury-page .mafteach-product-visual {
    min-height: 430px;
}

body.mafteach-luxury-page .mafteach-visual-halo {
    width: 390px;
    height: 390px;
}

body.mafteach-luxury-page .mafteach-phone {
    width: 260px;
    border-radius: 32px;
}

body.mafteach-luxury-page .mafteach-phone-screen {
    min-height: 455px;
    padding: 2rem 0.9rem 1rem;
    border-radius: 25px;
}

body.mafteach-luxury-page .mafteach-device-state {
    padding: 0.68rem;
    margin-bottom: 0.7rem;
}

body.mafteach-luxury-page .mafteach-device-ring {
    width: 42px;
    height: 42px;
}

body.mafteach-luxury-page .mafteach-app-grid {
    gap: 0.5rem;
}

body.mafteach-luxury-page .mafteach-app-tile {
    min-height: 94px;
    padding: 0.65rem;
}

body.mafteach-luxury-page .mafteach-app-update {
    margin-top: 0.55rem;
    padding: 0.55rem 0.65rem;
}

body.mafteach-luxury-page .mafteach-floating-card {
    padding: 0.55rem 0.7rem;
    font-size: 0.68rem;
}

body.mafteach-luxury-page .mafteach-trust-strip {
    width: min(1060px, calc(100% - 42px));
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 13px;
}

body.mafteach-luxury-page .mafteach-trust-icon {
    width: 39px;
    height: 39px;
}

body.mafteach-luxury-page .mafteach-section {
    width: min(1060px, calc(100% - 42px));
    padding-top: 4.6rem;
}

body.mafteach-luxury-page .mafteach-section-heading {
    max-width: 680px;
    margin-bottom: 2rem;
}

body.mafteach-luxury-page .mafteach-eyebrow {
    margin-bottom: 0.6rem;
    font-size: 0.72rem;
}

body.mafteach-luxury-page .mafteach-section-title {
    margin-bottom: 0.65rem;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
}

body.mafteach-luxury-page .mafteach-section-heading > p {
    font-size: 0.9rem;
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-features {
    gap: 0.9rem;
}

body.mafteach-luxury-page .mafteach-feature-card {
    min-height: 235px;
    padding: 1.55rem;
    border-radius: 17px;
}

body.mafteach-luxury-page .mafteach-feature-highlight {
    min-height: 300px;
    gap: 2rem;
    padding: 2.2rem;
}

body.mafteach-luxury-page .mafteach-feature-number {
    top: 1rem;
    left: 1.15rem;
    font-size: 1.85rem;
}

body.mafteach-luxury-page .mafteach-feature-icon {
    width: 46px;
    height: 46px;
    margin-bottom: 0.95rem;
    border-radius: 12px;
}

body.mafteach-luxury-page .mafteach-feature-card h3 {
    margin-bottom: 0.5rem;
    font-size: 1.2rem;
}

body.mafteach-luxury-page .mafteach-feature-card p {
    font-size: 0.84rem;
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-feature-proof {
    margin-top: 0.8rem;
    padding: 0.5rem 0.65rem;
    font-size: 0.69rem;
}

body.mafteach-luxury-page .mafteach-update-preview {
    padding: 0.75rem;
    border-radius: 15px;
}

body.mafteach-luxury-page .mafteach-preview-row {
    gap: 0.55rem;
    margin-top: 0.4rem;
    padding: 0.58rem;
}

body.mafteach-luxury-page .mafteach-preview-app {
    width: 31px;
    height: 31px;
}

body.mafteach-luxury-page .mafteach-request-section {
    width: min(1160px, calc(100% - 42px));
}

body.mafteach-luxury-page .mafteach-request-shell {
    grid-template-columns: minmax(0, 0.88fr) minmax(460px, 1.12fr);
    border-radius: 21px;
}

body.mafteach-luxury-page .mafteach-request-info {
    padding: clamp(2rem, 3.5vw, 3.4rem);
}

body.mafteach-luxury-page .mafteach-request-info h2 {
    margin-bottom: 0.7rem;
    font-size: clamp(1.75rem, 2.7vw, 2.65rem);
}

body.mafteach-luxury-page .mafteach-request-info > p {
    font-size: 0.84rem;
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-request-benefits {
    gap: 0.62rem;
    margin-top: 1.6rem;
}

body.mafteach-luxury-page .mafteach-request-benefits > div > span {
    width: 35px;
    height: 35px;
}

body.mafteach-luxury-page .mafteach-request-card {
    padding: clamp(2rem, 3.5vw, 3.3rem);
}

body.mafteach-luxury-page .mafteach-form-heading {
    margin-bottom: 1.3rem;
}

body.mafteach-luxury-page .mafteach-form-icon {
    width: 43px;
    height: 43px;
}

body.mafteach-luxury-page .mafteach-field {
    margin-bottom: 0.72rem;
}

body.mafteach-luxury-page .mafteach-field input,
body.mafteach-luxury-page .mafteach-field textarea {
    min-height: 44px;
    padding: 0.65rem 0.82rem;
    font-size: 0.8rem;
}

body.mafteach-luxury-page .mafteach-field textarea {
    min-height: 76px;
}

body.mafteach-luxury-page .mafteach-consent {
    margin-bottom: 0.85rem;
    padding: 0.68rem;
}

body.mafteach-luxury-page #mafteach-report-form .mafteach-btn-primary {
    min-height: 47px;
}

body.mafteach-luxury-page .mafteach-adb-section {
    padding-bottom: 4.2rem;
}

body.mafteach-luxury-page .mafteach-install-layout {
    gap: 1rem;
}

body.mafteach-luxury-page .mafteach-steps {
    gap: 0.6rem;
}

body.mafteach-luxury-page .mafteach-step {
    gap: 0.8rem;
    padding: 1rem;
    border-radius: 13px;
}

body.mafteach-luxury-page .mafteach-step-number {
    width: 48px;
    height: 48px;
    border-radius: 13px;
}

body.mafteach-luxury-page .mafteach-step h3 {
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

body.mafteach-luxury-page .mafteach-step p {
    margin-top: 0.3rem;
    font-size: 0.72rem;
    line-height: 1.6;
}

body.mafteach-luxury-page .mafteach-step pre {
    margin-top: 0.45rem;
    padding: 0.65rem 0.8rem;
    font-size: 0.66rem;
}

body.mafteach-luxury-page .mafteach-warning {
    top: 102px;
    padding: 1.4rem;
    border-radius: 16px;
}

body.mafteach-luxury-page .mafteach-warning-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 0.75rem;
}

body.mafteach-luxury-page .mafteach-warning h3 {
    margin-bottom: 0.7rem;
    font-size: 1.1rem;
}

body.mafteach-luxury-page .mafteach-warning ul {
    gap: 0.65rem;
}

body.mafteach-luxury-page .mafteach-warning-footer {
    margin-top: 0.85rem;
    padding-top: 0.75rem;
}

body.mafteach-luxury-page .mafteach-final-cta {
    width: min(1060px, calc(100% - 42px));
    gap: 1.3rem;
    padding: 1rem 1.2rem;
    border-radius: 14px;
}

body.mafteach-luxury-page .mafteach-final-icon {
    width: 40px;
    height: 40px;
}

@media (max-width: 900px) {
    body.mafteach-luxury-page .mafteach-hero {
        padding: 2.5rem 1.35rem 1.8rem;
    }

    body.mafteach-luxury-page .mafteach-hero-inner {
        gap: 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-hero-copy {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }

    body.mafteach-luxury-page .mafteach-hero h1 {
        width: 100%;
        max-width: 100%;
        margin: 0.8rem 0 0.65rem;
        font-size: 2.05rem !important;
        line-height: 1.08;
        overflow-wrap: anywhere;
        text-wrap: wrap;
    }

    body.mafteach-luxury-page .mafteach-hero h1 span {
        display: block;
    }

    body.mafteach-luxury-page .mafteach-product-visual {
        min-height: 325px;
        transform: scale(0.68);
        margin: -65px -45px;
    }

    body.mafteach-luxury-page .mafteach-floating-card {
        display: none !important;
    }

    body.mafteach-luxury-page .mafteach-section {
        padding-top: 3.8rem;
    }

    body.mafteach-luxury-page .mafteach-request-info,
    body.mafteach-luxury-page .mafteach-request-card {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 768px) {
    body.mafteach-luxury-page .mafteach-page-main {
        padding-top: 84px !important;
        padding-bottom: 2.8rem !important;
    }

    body.mafteach-luxury-page .mafteach-hero {
        width: calc(100% - 18px);
        padding: 2.1rem 1rem 1.6rem;
        border-radius: 18px;
    }

    body.mafteach-luxury-page .mafteach-hero h1 {
        margin: 0.8rem 0 0.7rem;
        font-size: 1.72rem !important;
        line-height: 1.12;
    }

    body.mafteach-luxury-page .mafteach-lead {
        font-size: 0.88rem;
        line-height: 1.6;
    }

    body.mafteach-luxury-page .mafteach-product-visual {
        min-height: 350px;
        transform: scale(0.7);
        margin: -60px -35px;
    }

    body.mafteach-luxury-page .mafteach-section,
    body.mafteach-luxury-page .mafteach-request-section {
        padding-top: 3.4rem;
    }

    body.mafteach-luxury-page .mafteach-section-heading {
        margin-bottom: 1.4rem;
    }

    body.mafteach-luxury-page .mafteach-section-title {
        font-size: 1.75rem;
    }

    body.mafteach-luxury-page .mafteach-feature-card {
        min-height: 220px;
        padding: 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-feature-highlight {
        padding: 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-request-info,
    body.mafteach-luxury-page .mafteach-request-card {
        padding: 1.7rem 1.15rem;
    }

    body.mafteach-luxury-page .mafteach-request-info h2 {
        font-size: 1.8rem;
    }

    body.mafteach-luxury-page .mafteach-warning {
        padding: 1.2rem;
    }
}


/* Mafteach support and liability warning */
.mafteach-support-warning {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    width: min(1060px, calc(100% - 42px));
    margin: 1rem auto 0;
    padding: 0.9rem 1rem;
    border: 1px solid #f2b8b5;
    border-radius: 13px;
    color: #7f1d1d;
    background: linear-gradient(135deg, #fff5f5 0%, #feecec 100%);
    box-shadow: 0 10px 24px -20px rgba(153, 27, 27, 0.45);
}

.mafteach-support-warning-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border: 1px solid #f2b8b5;
    border-radius: 11px;
    color: #b42318;
    background: #ffe1e1;
}

.mafteach-support-warning > div {
    min-width: 0;
}

.mafteach-support-warning strong {
    display: block;
    margin-bottom: 0.18rem;
    color: #991b1b;
    font-size: 0.9rem;
    font-weight: 900;
}

.mafteach-support-warning p {
    margin: 0;
    color: #9b3535;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .mafteach-support-warning {
        width: calc(100% - 28px);
        margin-top: 0.8rem;
        padding: 0.78rem 0.85rem;
    }

    .mafteach-support-warning-icon {
        width: 36px;
        height: 36px;
    }
}

/* ===================================================================
   MAFTEACH - צילומי מסך אמיתיים מהאפליקציה
   מחליפים את ההמחשות שהיו בעמוד. הצילומים נחתכו מהמכשיר
   ללא שורת המערכת, ללא כתובות חשבון וללא אפליקציות אישיות.
   =================================================================== */

body.mafteach-luxury-page .mafteach-phone-screen {
    min-height: 0;
    padding: 0;
    line-height: 0;
}

body.mafteach-luxury-page .mafteach-phone-shot {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
}

/* כרטיס 01: התמונה מוגבלת ברוחב ובגובה כדי שלא תמתח את הכרטיס */
body.mafteach-luxury-page .mafteach-feature-highlight {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: center;
    min-height: 0;
    gap: 2.25rem;
}

body.mafteach-luxury-page .mafteach-update-preview {
    width: min(100%, 270px);
    max-height: 300px;
    margin-inline: auto;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    border-radius: 16px;
}

body.mafteach-luxury-page .mafteach-update-preview::before {
    content: none;
}

body.mafteach-luxury-page .mafteach-update-preview img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 15px;
}

/* תמונה קטנה בפינת כרטיס יכולת, במקום ההמחשה הדקורטיבית שהייתה שם */
body.mafteach-luxury-page .mafteach-shot {
    position: absolute;
    left: 2rem;
    top: 3.5rem;
    bottom: auto;
    overflow: hidden;
    line-height: 0;
    border: 1px solid rgba(6, 96, 105, 0.14);
    border-radius: 13px;
    background: #f2fbfb;
    box-shadow: 0 16px 30px -20px rgba(4, 74, 81, 0.5);
}

body.mafteach-luxury-page .mafteach-shot img {
    display: block;
    width: 100%;
    height: auto;
}

/* יחס אמיתי של מסך טלפון, מוגדל בעדינות בלי למתוח או לחתוך באגרסיביות */
body.mafteach-luxury-page .mafteach-shot-network {
    width: 188px;
    height: 196px;
}

body.mafteach-luxury-page .mafteach-shot-tall {
    width: 150px;
    height: 212px;
}

body.mafteach-luxury-page .mafteach-shot img {
    object-fit: cover;
    object-position: top center;
    height: 100%;
}

/* הטקסט מתקצר כדי לא לרוץ מתחת לצילום */
body.mafteach-luxury-page .mafteach-feature-network,
body.mafteach-luxury-page .mafteach-feature-control,
body.mafteach-luxury-page .mafteach-feature-brand {
    min-height: 330px;
}

body.mafteach-luxury-page .mafteach-feature-network p,
body.mafteach-luxury-page .mafteach-feature-control p,
body.mafteach-luxury-page .mafteach-feature-brand p {
    max-width: calc(100% - 195px);
}

@media (max-width: 900px) {
    body.mafteach-luxury-page .mafteach-feature-network p,
    body.mafteach-luxury-page .mafteach-feature-control p,
    body.mafteach-luxury-page .mafteach-feature-brand p {
        max-width: none;
    }

    body.mafteach-luxury-page .mafteach-shot {
        position: static;
        width: 100%;
        height: auto;
        margin-top: 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-shot-tall,
    body.mafteach-luxury-page .mafteach-shot-network {
        height: 230px;
    }

    body.mafteach-luxury-page .mafteach-update-preview {
        width: min(100%, 240px);
    }

    body.mafteach-luxury-page .mafteach-feature-network,
    body.mafteach-luxury-page .mafteach-feature-control,
    body.mafteach-luxury-page .mafteach-feature-brand {
        min-height: 0;
    }
}

/* קישור הורדה לסקריפט ההתקנה, בתוך שלב 01 של מדריך ה-ADB */
body.mafteach-luxury-page .mafteach-script-download {
    margin: 0.75rem 0 0;
}

body.mafteach-luxury-page .mafteach-script-download a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.6rem 0.85rem;
    border: 1px solid rgba(7, 152, 167, 0.28);
    border-radius: 9px;
    color: var(--mafteach-700);
    background: var(--mafteach-50);
    font-size: 0.79rem;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

body.mafteach-luxury-page .mafteach-script-download a:hover {
    color: #fff;
    border-color: var(--mafteach-700);
    background: var(--mafteach-700);
}

body.mafteach-luxury-page .mafteach-script-download a:focus-visible {
    outline: 3px solid rgba(84, 214, 221, 0.38);
    outline-offset: 3px;
}

/* ==========================================================================
   מדריך ההתקנה של מפתח: שלב 0, בחירת מסלול, מסלולי סקריפט/ADB ופתרון שגיאות
   ========================================================================== */

/* --- שלב 0: לקרוא לפני שמתחילים (רוחב מלא, לא sticky) ------------------- */
body.mafteach-luxury-page .mafteach-warning-wide {
    position: static;
    top: auto;
    margin-bottom: 1.1rem;
    padding: 1.5rem 1.6rem;
}

body.mafteach-luxury-page .mafteach-warning-head {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 1rem;
    padding-bottom: 1.1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid #eedebd;
}

body.mafteach-luxury-page .mafteach-warning-wide .mafteach-warning-icon {
    margin-bottom: 0;
}

body.mafteach-luxury-page .mafteach-warning-wide h3 {
    margin: 0 0 0.35rem;
}

.mafteach-warning-intro {
    margin: 0;
    max-width: 92ch;
    color: #705a32;
    font-size: 0.86rem;
    line-height: 1.75;
}

.mafteach-preflight-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mafteach-preflight-col {
    min-width: 0;
    padding: 1.1rem 1.2rem 1.2rem;
    border: 1px solid #ead6a7;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.76);
}

.mafteach-preflight-col-rules {
    border-color: #efcdbb;
    background: rgba(255, 252, 248, 0.9);
}

.mafteach-preflight-col h4 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.8rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #eee0c1;
    color: #5f4514;
    font-size: 0.95rem;
    font-weight: 900;
}

.mafteach-preflight-col h4 svg {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: #278566;
}

.mafteach-preflight-col-rules h4 {
    border-bottom-color: #f0d8ca;
    color: #7a3d21;
}

.mafteach-preflight-col-rules h4 svg {
    color: #c2531f;
}

body.mafteach-luxury-page .mafteach-preflight-col ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ‎‎`.mafteach-warning li` הוא grid, ולכן כל <strong> ו-<code> הפך לפריט grid
   נפרד וקיבל שורה משלו. כאן ה-li חוזר לזרימת טקסט רגילה, והמרקר יוצא מהזרימה
   באמצעות מיקום אבסולוטי, כך שהמשפט נשאר שלם. */
body.mafteach-luxury-page .mafteach-preflight-col li {
    display: block;
    position: relative;
    grid-template-columns: none;
    min-width: 0;
    margin: 0;
    padding: 0.34rem 1.1rem 0.34rem 0;
    color: #614f2e;
    font-size: 0.86rem;
    line-height: 1.85;
    text-align: start;
    text-wrap: pretty;
}

body.mafteach-luxury-page .mafteach-preflight-col li + li {
    margin-top: 0.24rem;
    border-top: 1px solid rgba(210, 153, 53, 0.16);
    padding-top: 0.58rem;
}

body.mafteach-luxury-page .mafteach-preflight-col li > span {
    position: absolute;
    inset-inline-start: 0;
    top: 0.86em;
    width: 7px;
    height: 7px;
    margin: 0;
    border-radius: 50%;
    background: #36a47d;
    box-shadow: 0 0 0 4px rgba(54, 164, 125, 0.12);
}

body.mafteach-luxury-page .mafteach-preflight-col li + li > span {
    top: 1.1em;
}

body.mafteach-luxury-page .mafteach-preflight-col-rules li {
    color: #674533;
}

body.mafteach-luxury-page .mafteach-preflight-col-rules li > span {
    background: #c2531f;
    box-shadow: 0 0 0 4px rgba(194, 83, 31, 0.1);
}

body.mafteach-luxury-page .mafteach-preflight-col li strong {
    color: #463717;
    font-weight: 900;
}

body.mafteach-luxury-page .mafteach-preflight-col li code {
    padding: 0.1rem 0.32rem;
    border-radius: 5px;
    color: #80530a;
    background: #f7e4b6;
    font-size: 0.87em;
    white-space: nowrap;
}

/* מזהי שגיאה ארוכים חייבים להישבר, אחרת הם דוחפים את העמודה. */
body.mafteach-luxury-page .mafteach-preflight-col li code.mafteach-code-break {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* --- בחירת מסלול --------------------------------------------------------- */
.mafteach-chooser {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
    margin-bottom: 1.4rem;
}

.mafteach-chooser-card {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1.15rem 1.2rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 34px -30px rgba(4, 76, 84, 0.5);
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.mafteach-chooser-card:hover {
    transform: translateY(-3px);
    border-color: rgba(7, 152, 167, 0.3);
    box-shadow: 0 20px 40px -30px rgba(4, 76, 84, 0.7);
}

.mafteach-chooser-card:focus-visible {
    outline: 3px solid rgba(84, 214, 221, 0.38);
    outline-offset: 3px;
}

.mafteach-chooser-card-primary {
    border-color: rgba(7, 152, 167, 0.32);
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 184, 197, 0.09), transparent 42%),
        rgba(255, 255, 255, 0.95);
}

.mafteach-chooser-tag {
    align-self: flex-start;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    color: var(--mafteach-muted);
    background: rgba(6, 96, 105, 0.07);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}

.mafteach-chooser-card-primary .mafteach-chooser-tag {
    color: #fff;
    background: var(--mafteach-700);
}

.mafteach-chooser-card strong {
    color: var(--mafteach-900);
    font-size: 1rem;
}

.mafteach-chooser-card small {
    color: var(--mafteach-muted);
    font-size: 0.74rem;
    line-height: 1.65;
}

.mafteach-chooser-go {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.4rem;
    color: var(--mafteach-700);
    font-size: 0.74rem;
    font-weight: 800;
}

/* --- מסלול (כרטיס עוטף לשלבים) ------------------------------------------ */
.mafteach-track {
    margin-bottom: 1.4rem;
    padding: 1.4rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(18, 184, 197, 0.05), transparent 34%),
        rgba(242, 251, 251, 0.75);
}

.mafteach-track-primary {
    border-color: rgba(7, 152, 167, 0.26);
}

.mafteach-track-head {
    margin-bottom: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dashed rgba(6, 96, 105, 0.16);
}

.mafteach-track-badge {
    display: inline-block;
    margin-bottom: 0.55rem;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(120deg, var(--mafteach-800), var(--mafteach-600));
    font-size: 0.63rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}

.mafteach-track-badge-plain {
    color: var(--mafteach-800);
    background: rgba(6, 96, 105, 0.09);
}

body.mafteach-luxury-page .mafteach-track-head h3 {
    margin: 0 0 0.45rem;
    color: var(--mafteach-900);
    font-size: 1.16rem;
}

body.mafteach-luxury-page .mafteach-track-head p {
    margin: 0;
    max-width: 82ch;
    color: var(--mafteach-muted);
    font-size: 0.78rem;
    line-height: 1.72;
}

.mafteach-track-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0 0;
    padding: 0;
    list-style: none;
}

.mafteach-track-meta li {
    padding: 0.22rem 0.55rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 999px;
    color: var(--mafteach-700);
    background: #fff;
    font-size: 0.66rem;
    font-weight: 700;
}

/* --- פאנל פקודה עם כפתור העתקה ------------------------------------------ */
.mafteach-cmd {
    margin: 0.6rem 0 0;
    overflow: hidden;
    border: 1px solid rgba(111, 223, 228, 0.14);
    border-radius: 11px;
    background: linear-gradient(110deg, #042f35, #06434a);
}

.mafteach-cmd-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.4rem 0.55rem 0.4rem 0.7rem;
    border-bottom: 1px solid rgba(131, 226, 231, 0.14);
    background: rgba(255, 255, 255, 0.04);
}

.mafteach-cmd-label {
    color: #9fd9dd;
    font-size: 0.65rem;
    font-weight: 800;
}

.mafteach-cmd-label code {
    padding: 0.05rem 0.25rem;
    border-radius: 4px;
    color: #cdf6f6;
    background: rgba(255, 255, 255, 0.07);
    font-size: 0.63rem;
}

.mafteach-copy-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    flex: 0 0 auto;
    padding: 0.32rem 0.6rem;
    border: 1px solid rgba(131, 226, 231, 0.28);
    border-radius: 7px;
    color: #cdf6f6;
    background: rgba(131, 226, 231, 0.08);
    font-family: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    cursor: pointer;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.mafteach-copy-btn:hover {
    color: #042f35;
    border-color: var(--mafteach-300);
    background: var(--mafteach-300);
}

.mafteach-copy-btn:focus-visible {
    outline: 2px solid var(--mafteach-300);
    outline-offset: 2px;
}

.mafteach-copy-btn.is-copied {
    color: #042f35;
    border-color: #7ee0b4;
    background: #7ee0b4;
}

body.mafteach-luxury-page .mafteach-cmd pre {
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    /* ‎`.mafteach-section` מיישר למרכז; פקודות חייבות להתחיל בשמאל, במיוחד
       כשיש כמה שורות שצריכות ליישור אחד. */
    text-align: left;
}

/* --- הערות והחלטות בתוך שלב --------------------------------------------- */
body.mafteach-luxury-page .mafteach-step-note {
    margin-top: 0.55rem;
    padding: 0.5rem 0.65rem;
    border-inline-start: 3px solid #e2b455;
    border-radius: 7px;
    color: #7a6437;
    background: #fffaef;
    font-size: 0.72rem;
}

.mafteach-decision-list {
    display: grid;
    gap: 0.5rem;
    margin: 0.6rem 0 0;
    padding: 0;
    list-style: none;
}

.mafteach-decision-list li {
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 9px;
    color: var(--mafteach-muted);
    background: #fff;
    font-size: 0.74rem;
    line-height: 1.65;
}

.mafteach-decision-key {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--mafteach-800);
    font-size: 0.7rem;
    font-weight: 900;
}

.mafteach-decision-key code {
    padding: 0.05rem 0.25rem;
    border-radius: 4px;
    color: var(--mafteach-700);
    background: var(--mafteach-100);
    font-size: 0.68rem;
}

/* --- פתרון שגיאות -------------------------------------------------------- */
.mafteach-troubleshoot {
    padding: 1.4rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 16px 38px -32px rgba(4, 76, 84, 0.5);
}

.mafteach-troubleshoot-head {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.05rem;
}

.mafteach-troubleshoot-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 1px solid var(--mafteach-line);
    border-radius: 12px;
    color: var(--mafteach-700);
    background: var(--mafteach-50);
}

body.mafteach-luxury-page .mafteach-troubleshoot-head h3 {
    margin: 0;
    color: var(--mafteach-900);
    font-size: 1.1rem;
}

.mafteach-fix-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
    margin: 0;
}

.mafteach-fix {
    min-width: 0;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 12px;
    background: var(--mafteach-50);
}

.mafteach-fix dt {
    margin: 0 0 0.35rem;
    color: var(--mafteach-900);
    font-size: 0.76rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.mafteach-fix dt code {
    padding: 0.1rem 0.3rem;
    border-radius: 5px;
    color: #8a3d17;
    background: #fdeee4;
    font-size: 0.72rem;
    overflow-wrap: anywhere;
}

.mafteach-fix dd {
    margin: 0;
    color: var(--mafteach-muted);
    font-size: 0.74rem;
    line-height: 1.7;
}

.mafteach-fix dd code {
    padding: 0.08rem 0.28rem;
    border-radius: 4px;
    color: var(--mafteach-700);
    background: var(--mafteach-100);
    font-size: 0.7rem;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .mafteach-preflight-grid,
    .mafteach-chooser,
    .mafteach-fix-list {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mafteach-luxury-page .mafteach-warning-wide {
        padding: 1.15rem 1.15rem 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-warning-head {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .mafteach-track,
    .mafteach-troubleshoot {
        padding: 1.05rem;
        border-radius: 14px;
    }

    .mafteach-cmd-head {
        flex-wrap: wrap;
    }
}

/* ==========================================================================
   מפתח - סעיף התקנה: אשף יחיד + פאנל התקנה ידנית נפתח
   ========================================================================== */

body.mafteach-luxury-page .mafteach-install-section {
    width: min(1060px, calc(100% - 42px));
    margin: 0 auto;
    padding-top: 4.4rem;
    padding-bottom: 4.4rem;
}

body.mafteach-luxury-page .mafteach-installer {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 1.4rem;
    align-items: stretch;
    margin-top: 1.6rem;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-installer-main {
    position: relative;
    padding: 1.7rem 1.8rem;
    border: 1px solid #bfe6ea;
    border-radius: 18px;
    background:
        radial-gradient(120% 120% at 100% 0%, rgba(0, 172, 193, 0.13), transparent 60%),
        linear-gradient(180deg, #ffffff, #f6fdfd);
    box-shadow: 0 18px 40px -28px rgba(0, 74, 82, 0.42);
}

body.mafteach-luxury-page .mafteach-installer-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.34rem 0.72rem;
    border: 1px solid #9fdde4;
    border-radius: 999px;
    background: #e7f8fa;
    color: #00636e;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

body.mafteach-luxury-page .mafteach-installer-main h3 {
    margin: 0.85rem 0 0;
    color: #0d3b41;
    font-size: 1.42rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}

body.mafteach-luxury-page .mafteach-installer-main > p {
    margin: 0.55rem 0 0;
    color: #4b6b70;
    font-size: 0.82rem;
    line-height: 1.75;
}

body.mafteach-luxury-page .mafteach-installer-download {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.2rem;
    padding: 0.78rem 1.4rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #00838F, #00ACC1);
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 14px 26px -16px rgba(0, 131, 143, 0.75);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.mafteach-luxury-page .mafteach-installer-download:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 32px -16px rgba(0, 131, 143, 0.8);
}

body.mafteach-luxury-page .mafteach-installer-download:focus-visible {
    outline: 3px solid #00636e;
    outline-offset: 3px;
}

body.mafteach-luxury-page .mafteach-installer-hint {
    margin: 0.6rem 0 0;
    color: #5d7b80;
    font-size: 0.73rem;
    line-height: 1.6;
}

body.mafteach-luxury-page .mafteach-installer-req {
    display: grid;
    gap: 0.42rem;
    margin: 1.15rem 0 0;
    padding: 0.95rem 0 0;
    border-top: 1px solid #d5ecef;
    list-style: none;
}

body.mafteach-luxury-page .mafteach-installer-req li {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: #3f6065;
    font-size: 0.76rem;
    line-height: 1.6;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-installer-req li svg {
    flex: 0 0 auto;
    margin-top: 0.22rem;
    color: #00897B;
}

body.mafteach-luxury-page .mafteach-installer-req code {
    padding: 0.05rem 0.32rem;
    border-radius: 5px;
    background: #e7f8fa;
    color: #00636e;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.72rem;
    direction: ltr;
    unicode-bidi: isolate;
}

body.mafteach-luxury-page .mafteach-installer-flow {
    display: grid;
    align-content: start;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

body.mafteach-luxury-page .mafteach-installer-flow li {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 0.9rem 1rem;
    border: 1px solid #dbeef0;
    border-radius: 13px;
    background: #ffffff;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-flow-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #e7f8fa;
    color: #00636e;
    font-size: 0.86rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-installer-flow h4 {
    margin: 0.18rem 0 0;
    color: #0d3b41;
    font-size: 0.88rem;
    font-weight: 700;
}

body.mafteach-luxury-page .mafteach-installer-flow p {
    margin: 0.28rem 0 0;
    color: #52737a;
    font-size: 0.74rem;
    line-height: 1.62;
}

body.mafteach-luxury-page .mafteach-safety {
    margin-top: 1.3rem;
    padding: 1.15rem 1.4rem;
    border: 1px solid #bfe6da;
    border-inline-start: 4px solid #00897B;
    border-radius: 14px;
    background: #f4fcfa;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-safety-head {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

body.mafteach-luxury-page .mafteach-safety-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #dcf3ee;
    color: #00695C;
}

body.mafteach-luxury-page .mafteach-safety-head h3 {
    margin: 0;
    color: #0d3b41;
    font-size: 0.95rem;
    font-weight: 700;
}

body.mafteach-luxury-page .mafteach-safety ul {
    display: grid;
    gap: 0.4rem;
    margin: 0.8rem 0 0;
    padding: 0;
    list-style: none;
}

body.mafteach-luxury-page .mafteach-safety li {
    position: relative;
    padding-inline-start: 1rem;
    color: #45676c;
    font-size: 0.76rem;
    line-height: 1.65;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-safety li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.52rem;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00897B;
}

body.mafteach-luxury-page .mafteach-manual {
    margin-top: 1.3rem;
    border: 1px solid #d5ecef;
    border-radius: 15px;
    background: #ffffff;
    overflow: hidden;
    text-align: start;
}

body.mafteach-luxury-page .mafteach-manual[open] {
    border-color: #bfe6ea;
    box-shadow: 0 16px 36px -30px rgba(0, 74, 82, 0.4);
}

body.mafteach-luxury-page .mafteach-manual > summary {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.3rem;
    background: #fafeff;
    cursor: pointer;
    list-style: none;
    transition: background 0.18s ease;
}

body.mafteach-luxury-page .mafteach-manual > summary::-webkit-details-marker {
    display: none;
}

body.mafteach-luxury-page .mafteach-manual > summary:hover {
    background: #f2fbfc;
}

body.mafteach-luxury-page .mafteach-manual > summary:focus-visible {
    outline: 3px solid #00838F;
    outline-offset: -3px;
}

body.mafteach-luxury-page .mafteach-manual-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 10px;
    background: #eef6f7;
    color: #4b6b70;
}

body.mafteach-luxury-page .mafteach-manual-text {
    display: grid;
    gap: 0.12rem;
    flex: 1 1 auto;
    min-width: 0;
}

body.mafteach-luxury-page .mafteach-manual-text strong {
    color: #0d3b41;
    font-size: 0.9rem;
    font-weight: 700;
}

body.mafteach-luxury-page .mafteach-manual-text small {
    color: #6a878c;
    font-size: 0.72rem;
}

body.mafteach-luxury-page .mafteach-manual-chevron {
    display: inline-flex;
    flex: 0 0 auto;
    color: #4b6b70;
    transition: transform 0.2s ease;
}

body.mafteach-luxury-page .mafteach-manual[open] .mafteach-manual-chevron {
    transform: rotate(180deg);
}

body.mafteach-luxury-page .mafteach-manual-body {
    padding: 0.4rem 1.3rem 1.4rem;
    border-top: 1px solid #e6f2f4;
}

body.mafteach-luxury-page .mafteach-manual-intro {
    margin: 1rem 0 0;
    color: #52737a;
    font-size: 0.78rem;
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-manual-step {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    margin-top: 1.1rem;
}

body.mafteach-luxury-page .mafteach-manual-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #eef6f7;
    color: #00636e;
    font-size: 0.8rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-manual-step h4 {
    margin: 0.15rem 0 0;
    color: #0d3b41;
    font-size: 0.86rem;
    font-weight: 700;
}

body.mafteach-luxury-page .mafteach-manual-step > div > p {
    margin: 0.28rem 0 0;
    color: #52737a;
    font-size: 0.75rem;
    line-height: 1.62;
}

body.mafteach-luxury-page .mafteach-manual-step > div > p code,
body.mafteach-luxury-page .mafteach-manual-intro code {
    padding: 0.05rem 0.32rem;
    border-radius: 5px;
    background: #eef6f7;
    color: #00636e;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.72rem;
    direction: ltr;
    unicode-bidi: isolate;
}

body.mafteach-luxury-page .mafteach-manual-step .mafteach-cmd {
    margin-top: 0.55rem;
}

/* פאנל הפקודה חייב עיצוב עצמאי: הוא אינו יושב יותר בתוך `.mafteach-step`,
   ולכן כללי ה-pre הגנריים של השלבים אינם חלים עליו וטקסט הפקודה נעלם. */
body.mafteach-luxury-page .mafteach-manual-body .mafteach-cmd pre {
    margin: 0;
    padding: 0.8rem 0.95rem;
    overflow-x: auto;
    border: 0;
    border-radius: 0;
    color: #c9f8f8;
    background: transparent;
    box-shadow: none;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.72rem;
    line-height: 1.65;
    direction: ltr;
    text-align: left;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

body.mafteach-luxury-page .mafteach-manual-body .mafteach-cmd pre code {
    padding: 0;
    color: inherit;
    background: transparent;
    font: inherit;
}

body.mafteach-luxury-page .mafteach-manual-step .mafteach-decision-list {
    margin-top: 0.6rem;
}

body.mafteach-luxury-page .mafteach-manual-body .mafteach-fix-list {
    margin-top: 1.4rem;
    padding-top: 1.1rem;
    border-top: 1px solid #e6f2f4;
}

@media (max-width: 900px) {
    body.mafteach-luxury-page .mafteach-installer {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
    }

    body.mafteach-luxury-page .mafteach-installer-main {
        padding: 1.35rem 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-installer-main h3 {
        font-size: 1.25rem;
    }

    body.mafteach-luxury-page .mafteach-installer-download {
        width: 100%;
        justify-content: center;
    }

    body.mafteach-luxury-page .mafteach-manual > summary {
        padding: 0.9rem 1rem;
    }

    body.mafteach-luxury-page .mafteach-manual-body {
        padding: 0.3rem 1rem 1.2rem;
    }
}

/* ==========================================================================
   MAFTEACH - הורדה ישירה מהעמוד (כרטיס ההורדה + מסלול המייל המשני)
   ========================================================================== */
#mafteach-download {
    scroll-margin-top: 120px;
}

body.mafteach-luxury-page .mafteach-download-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin: 0 0 0.85rem;
    padding: 0;
    list-style: none;
}

body.mafteach-luxury-page .mafteach-download-meta li {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 10px;
    background: var(--mafteach-50);
    text-align: center;
}

body.mafteach-luxury-page .mafteach-download-meta span {
    color: var(--mafteach-muted);
    font-size: 0.62rem;
    letter-spacing: 0.03em;
}

body.mafteach-luxury-page .mafteach-download-meta strong {
    color: var(--mafteach-900);
    font-size: 0.85rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-download-hash {
    margin: 0 0 0.95rem;
    padding: 0.6rem 0.7rem;
    border: 1px dashed var(--mafteach-line);
    border-radius: 10px;
    color: var(--mafteach-muted);
    font-size: 0.62rem;
    text-align: right;
}

body.mafteach-luxury-page .mafteach-download-hash code {
    display: block;
    direction: ltr;
    text-align: left;
    margin-top: 0.2rem;
    color: var(--mafteach-800);
    font-family: Consolas, 'Courier New', monospace;
    font-size: 0.62rem;
    word-break: break-all;
}

body.mafteach-luxury-page .mafteach-download-actions {
    display: grid;
    gap: 0.6rem;
}

body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-primary,
body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-ghost {
    width: 100%;
    min-height: 54px;
    cursor: pointer;
}

/* `.mafteach-btn-ghost` הבסיסי נועד לרקע הכהה של ה-Hero (טקסט `#e7fafa`),
   ולכן על כרטיס ההורדה הלבן הוא היה כמעט בלתי נראה. כאן הוא מקבל ניגודיות
   מלאה: מסגרת טורקיז, טקסט כהה ומילוי בריחוף. */
body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-ghost {
    color: var(--mafteach-800);
    border: 1.5px solid var(--mafteach-300);
    background: var(--mafteach-50);
    box-shadow: 0 6px 16px -12px rgba(6, 96, 105, 0.5);
}

body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-ghost svg {
    color: var(--mafteach-700);
}

body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-ghost:hover {
    color: #ffffff;
    border-color: var(--mafteach-700);
    background: var(--mafteach-700);
    transform: translateY(-2px);
}

body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-ghost:hover svg {
    color: #ffffff;
}

body.mafteach-luxury-page .mafteach-download-actions .mafteach-btn-primary[aria-disabled="true"] {
    opacity: 0.72;
    filter: saturate(0.45);
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
}

body.mafteach-luxury-page .mafteach-download-note {
    margin: 0.85rem 0 0;
    color: var(--mafteach-muted);
    font-size: 0.7rem;
    line-height: 1.65;
    text-align: center;
}

@media (max-width: 560px) {
    body.mafteach-luxury-page .mafteach-download-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==========================================================================
   מפתח · טופס דיווח תקלות והצעות (#mafteach-report)
   נשען על הטוקנים של body.mafteach-luxury-page ועל .mafteach-field,
   .mafteach-consent ו-.mafteach-form-status הקיימים.
   ========================================================================== */

body.mafteach-luxury-page .mafteach-report-section {
    padding-bottom: 4.4rem;
}

body.mafteach-luxury-page .mafteach-report-shell {
    display: grid;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
    gap: 1.6rem;
    align-items: start;
}

/* ---- העמודה המסבירה ---- */

body.mafteach-luxury-page .mafteach-report-aside {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    padding: 1.6rem 1.5rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 20px;
    background: linear-gradient(160deg, var(--mafteach-50), #ffffff 62%);
}

body.mafteach-luxury-page .mafteach-report-steps {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

body.mafteach-luxury-page .mafteach-report-steps li {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
}

body.mafteach-luxury-page .mafteach-report-step-num {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: var(--mafteach-800);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

body.mafteach-luxury-page .mafteach-report-steps h3 {
    margin: 0 0 0.22rem;
    color: var(--mafteach-ink);
    font-size: 0.94rem;
    font-weight: 800;
    line-height: 1.35;
}

body.mafteach-luxury-page .mafteach-report-steps p {
    margin: 0;
    color: var(--mafteach-muted);
    font-size: 0.83rem;
    line-height: 1.62;
}

body.mafteach-luxury-page .mafteach-report-public {
    display: flex;
    gap: 0.7rem;
    align-items: flex-start;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(184, 155, 49, 0.32);
    border-radius: 14px;
    background: rgba(250, 244, 224, 0.72);
}

body.mafteach-luxury-page .mafteach-report-public > span {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(184, 155, 49, 0.16);
    color: #8a6f13;
}

body.mafteach-luxury-page .mafteach-report-public p {
    margin: 0;
    color: #6f5a11;
    font-size: 0.81rem;
    line-height: 1.68;
}

body.mafteach-luxury-page .mafteach-report-public strong {
    display: block;
    color: #5c4a0d;
    font-size: 0.85rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-report-browse {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    align-self: flex-start;
    padding: 0.55rem 0.9rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--mafteach-800);
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

body.mafteach-luxury-page .mafteach-report-browse:hover {
    border-color: var(--mafteach-300);
    color: var(--mafteach-900);
    transform: translateY(-1px);
}

body.mafteach-luxury-page .mafteach-report-browse:focus-visible {
    outline: 2px solid var(--mafteach-300);
    outline-offset: 2px;
}

/* ---- כרטיס הטופס ---- */

body.mafteach-luxury-page .mafteach-report-card {
    padding: 1.7rem 1.6rem;
}

body.mafteach-luxury-page .mafteach-report-types {
    margin: 0 0 1.15rem;
    padding: 0;
    border: 0;
}

body.mafteach-luxury-page .mafteach-report-types legend {
    padding: 0;
    margin-bottom: 0.6rem;
    color: var(--mafteach-ink);
    font-size: 0.8rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-report-type-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

body.mafteach-luxury-page .mafteach-report-type {
    position: relative;
    display: block;
    cursor: pointer;
}

/* ה-input נשאר במקומו ונגיש למקלדת, אך בלתי נראה: המצב מוצג דרך
   .mafteach-report-type-body, כדי שהכרטיס כולו יהיה אזור הלחיצה. */
body.mafteach-luxury-page .mafteach-report-type input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

body.mafteach-luxury-page .mafteach-report-type-body {
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
    height: 100%;
    padding: 0.8rem 0.85rem;
    border: 1.5px solid var(--mafteach-line);
    border-radius: 14px;
    background: #ffffff;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

body.mafteach-luxury-page .mafteach-report-type-icon {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--mafteach-50);
    color: var(--mafteach-700);
    transition: background 0.18s ease, color 0.18s ease;
}

body.mafteach-luxury-page .mafteach-report-type-text {
    display: block;
    min-width: 0;
}

body.mafteach-luxury-page .mafteach-report-type-text strong {
    display: block;
    color: var(--mafteach-ink);
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1.3;
}

body.mafteach-luxury-page .mafteach-report-type-text small {
    display: block;
    margin-top: 0.14rem;
    color: var(--mafteach-muted);
    font-size: 0.74rem;
    line-height: 1.45;
}

body.mafteach-luxury-page .mafteach-report-type:hover .mafteach-report-type-body {
    border-color: var(--mafteach-300);
    background: var(--mafteach-50);
}

body.mafteach-luxury-page .mafteach-report-type input:checked + .mafteach-report-type-body {
    border-color: var(--mafteach-600);
    background: var(--mafteach-50);
    box-shadow: 0 0 0 3px rgba(7, 152, 167, 0.13);
}

body.mafteach-luxury-page .mafteach-report-type input:checked + .mafteach-report-type-body .mafteach-report-type-icon {
    background: var(--mafteach-700);
    color: #ffffff;
}

body.mafteach-luxury-page .mafteach-report-type input:focus-visible + .mafteach-report-type-body {
    outline: 2px solid var(--mafteach-600);
    outline-offset: 2px;
}

body.mafteach-luxury-page .mafteach-field-hint {
    margin: 0.35rem 0 0;
    color: var(--mafteach-muted);
    font-size: 0.74rem;
    line-height: 1.55;
}

body.mafteach-luxury-page .mafteach-field-hint .is-near-limit {
    color: #b4530f;
    font-weight: 700;
}

body.mafteach-luxury-page #mafteach-report-details {
    min-height: 150px;
    line-height: 1.7;
    resize: vertical;
}

/* ---- פרטים טכניים מתקפלים ---- */

body.mafteach-luxury-page .mafteach-report-extra {
    margin: 0 0 1.1rem;
    border: 1px solid var(--mafteach-line);
    border-radius: 13px;
    background: var(--mafteach-50);
    overflow: hidden;
}

body.mafteach-luxury-page .mafteach-report-extra > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0.78rem 0.95rem;
    color: var(--mafteach-800);
    font-size: 0.79rem;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

body.mafteach-luxury-page .mafteach-report-extra > summary::-webkit-details-marker {
    display: none;
}

body.mafteach-luxury-page .mafteach-report-extra > summary em {
    margin-inline-start: 0.35rem;
    padding: 0.1rem 0.42rem;
    border-radius: 999px;
    background: rgba(7, 152, 167, 0.13);
    color: var(--mafteach-700);
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 700;
}

body.mafteach-luxury-page .mafteach-report-extra > summary:hover {
    background: rgba(255, 255, 255, 0.72);
}

body.mafteach-luxury-page .mafteach-report-extra > summary:focus-visible {
    outline: 2px solid var(--mafteach-300);
    outline-offset: -2px;
}

body.mafteach-luxury-page .mafteach-report-extra > summary svg {
    flex-shrink: 0;
    color: var(--mafteach-700);
    transition: transform 0.2s ease;
}

body.mafteach-luxury-page .mafteach-report-extra[open] > summary svg {
    transform: rotate(180deg);
}

body.mafteach-luxury-page .mafteach-report-extra-body {
    padding: 0.2rem 0.95rem 0.95rem;
    background: #ffffff;
    border-top: 1px solid var(--mafteach-line);
}

body.mafteach-luxury-page .mafteach-report-extra-body .mafteach-field:last-child {
    margin-bottom: 0;
}

/* ---- פרטי קשר ---- */

body.mafteach-luxury-page .mafteach-report-contact {
    padding-top: 0.2rem;
    margin-bottom: 0.35rem;
    border-top: 1px dashed var(--mafteach-line);
}

body.mafteach-luxury-page .mafteach-report-contact .mafteach-field-row {
    margin-top: 0.9rem;
}

/* ---- פאנל ההצלחה ---- */

body.mafteach-luxury-page .mafteach-report-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 2rem 1.4rem;
    border: 1px solid rgba(7, 152, 167, 0.28);
    border-radius: 16px;
    background: linear-gradient(165deg, var(--mafteach-50), #ffffff 70%);
    text-align: center;
}

body.mafteach-luxury-page .mafteach-report-success-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--mafteach-700);
    color: #ffffff;
}

body.mafteach-luxury-page .mafteach-report-success h3 {
    margin: 0.2rem 0 0;
    color: var(--mafteach-ink);
    font-size: 1.18rem;
    font-weight: 800;
}

body.mafteach-luxury-page .mafteach-report-success p {
    margin: 0 0 0.5rem;
    max-width: 34rem;
    color: var(--mafteach-muted);
    font-size: 0.87rem;
    line-height: 1.7;
}

body.mafteach-luxury-page .mafteach-report-success strong {
    color: var(--mafteach-900);
    font-variant-numeric: tabular-nums;
}

body.mafteach-luxury-page .mafteach-report-success .mafteach-btn-ghost {
    min-height: 40px;
    padding: 0.5rem 1.1rem;
    font-size: 0.8rem;
}

/* ---- CTA מסיים עם שתי פעולות ---- */

body.mafteach-luxury-page .mafteach-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
}

body.mafteach-luxury-page .mafteach-final-cta .mafteach-btn-ghost {
    border-color: rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

body.mafteach-luxury-page .mafteach-final-cta .mafteach-btn-ghost:hover {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* ---- הערת הדיווח באזהרת התמיכה ---- */

.mafteach-support-warning-note {
    margin-top: 0.4rem;
}

.mafteach-support-warning-note a {
    color: inherit;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.mafteach-support-warning-note a:hover {
    text-decoration-thickness: 2px;
}

/* ---- רספונסיביות ---- */

@media (max-width: 1024px) {
    body.mafteach-luxury-page .mafteach-report-shell {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mafteach-luxury-page .mafteach-report-aside {
        order: 2;
    }
}

@media (max-width: 640px) {
    body.mafteach-luxury-page .mafteach-report-card {
        padding: 1.3rem 1.1rem;
    }

    body.mafteach-luxury-page .mafteach-report-type-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.mafteach-luxury-page .mafteach-report-aside {
        padding: 1.3rem 1.1rem;
    }

    body.mafteach-luxury-page .mafteach-report-success {
        padding: 1.5rem 1rem;
    }

    body.mafteach-luxury-page .mafteach-final-actions {
        width: 100%;
    }

    body.mafteach-luxury-page .mafteach-final-actions > a {
        flex: 1 1 auto;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mafteach-luxury-page .mafteach-report-browse,
    body.mafteach-luxury-page .mafteach-report-type-body,
    body.mafteach-luxury-page .mafteach-report-type-icon,
    body.mafteach-luxury-page .mafteach-report-extra > summary svg {
        transition: none;
    }

    body.mafteach-luxury-page .mafteach-report-browse:hover {
        transform: none;
    }
}