/*----------------------------------------------------------------
 premium-style.css – WebLite | Premium Package v7.2 (Final Fixes)
----------------------------------------------------------------*/
:root {
    --premium-primary-deep: #4338ca; 
    --premium-primary-main: #6366f1; 
    --premium-accent: #8b5cf6; 
    --premium-glow: #a5b4fc; 
    --premium-bg-dark: #1e293b; 
    --premium-bg-light: #fff;
    --premium-bg-section: #f8fafc;
    --premium-text-light: #f8fafc;
    --premium-text-dark: #1e293b;
    --premium-text-muted: #64748b;
    --success-color: #10b981;
    --fail-color: #ef4444;
}

/* GENERAL & BODY */
.premium-page { background-color: var(--premium-bg-light); color: var(--premium-text-dark); font-family: 'Heebo', sans-serif; }
.section-title { text-align: center; max-width: 800px; margin: 0 auto 3.5rem; }
.section-title h2 { font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 900; color: var(--premium-text-dark); margin-bottom: 1rem; }
.section-title .fit-tagline { font-size: 1.15rem; color: var(--premium-text-muted); line-height: 1.7; }

/* =================================
   HERO SECTION
================================= */
.hero-premium { padding: 8rem 2rem; background: linear-gradient(135deg, var(--premium-bg-dark) 0%, var(--premium-primary-deep) 100%); color: var(--premium-text-light); position: relative; overflow: hidden; }
#particles-js-premium { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.hero-premium .hero-container { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 3rem; max-width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.hero-premium .hero-content h1 { font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 900; line-height: 1.2; text-shadow: 0 4px 20px rgba(0,0,0,0.3); }
.hero-premium .hero-content h1 span { color: var(--premium-primary-main); }
.hero-premium .hero-content .subtitle { font-size: clamp(1.1rem, 3vw, 1.5rem); color: var(--premium-accent); margin-top: 0.5rem; font-weight: 500; }
.hero-premium .hero-content .tagline { font-size: 1.2rem; max-width: 700px; margin: 1.5rem auto 2.5rem; color: #cbd5e1; line-height: 1.8; }
.hero-premium .hero-illustration img { max-width: 500px; width: 100%; }

/* --- HEADER DESKTOP FIX --- */
@media (min-width: 900px) {
    .hero-premium .hero-container {
        flex-direction: row-reverse;
        align-items: center;
        gap: 4rem;
    }
    .hero-premium .hero-content {
        flex: 1 1 55%; /* Allow content to take more space */
        max-width: 600px;
        text-align: right; /* Explicitly align text right */
    }
    .hero-premium .hero-illustration {
        flex: 1 1 45%;
    }
}

/* =================================
   BENEFIT GRID
================================= */
.benefit-grid-premium { padding: 6rem 2rem; background-color: var(--premium-bg-light); }
.benefit-grid-premium .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }
.benefit-grid-premium .grid-card { background: #fff; padding: 2.5rem 2rem; border-radius: 16px; text-align: center; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px #e2e8f0; transition: all 0.3s ease; position: relative; overflow: hidden; }
.benefit-grid-premium .grid-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(135deg, var(--premium-primary-main), var(--premium-accent)); opacity: 0.8; transition: height 0.3s ease; }
.benefit-grid-premium .grid-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(99, 102, 241, 0.2); }
.benefit-grid-premium .grid-card:hover::before { height: 6px; }
.benefit-grid-premium .grid-card i { font-size: 2.8rem; background: -webkit-linear-gradient(135deg, var(--premium-primary-main), var(--premium-accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 1.5rem; }
.benefit-grid-premium .grid-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 0.75rem; color: var(--premium-text-dark); }
.benefit-grid-premium .grid-card p { color: var(--premium-text-muted); line-height: 1.6; }


/* =================================
   TESTIMONIALS SECTION - DEDICATED STYLES
================================= */
.testimonials-premium { padding: 6rem 2rem; background-color: var(--premium-bg-section); }
.testimonials-premium .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; }
.testimonial-card {
    background: #fff;
    padding: 2.5rem 2rem;
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 10px 30px #e2e8f0;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
}
.testimonial-card:hover { transform: translateY(-10px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }
.testimonial-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; text-align: right; }
.testimonial-header img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 2px solid var(--premium-primary-main); }
.testimonial-header .client-name { font-weight: 700; color: var(--premium-text-dark); margin: 0; }
.testimonial-header .client-title { font-size: 0.9rem; margin: 0; color: var(--premium-text-muted); }
.testimonial-body { flex-grow: 1; font-style: italic; color: var(--premium-text-muted); line-height: 1.7; text-align: right; margin-bottom: 1rem; }
.testimonial-rating { color: #ffc107; text-align: right; }


/* Styles for other sections remain the same */
.process-timeline-premium, .comparison-table-premium, .price-value-premium, .fit-check-premium, .video-premium, .guarantee-premium, .pro-help-premium, .faq-premium, .final-cta-premium {
    /* ... The styles for these sections from the previous version are correct ... */
    /* I'm including them here for completeness */
}

/* PROCESS TIMELINE */
.process-timeline-premium { padding: 6rem 2rem; background-color: var(--premium-bg-light); }
.timeline-container { position: relative; max-width: 800px; margin: 2rem auto; }
.timeline-container::before { content: ''; position: absolute; top: 0; right: 34px; height: 100%; width: 2px; background-color: #e2e8f0; }
.timeline-item { position: relative; margin-bottom: 3rem; padding-right: 85px; }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-icon { position: absolute; right: 0; top: 0; width: 70px; height: 70px; background-color: #fff; border: 2px solid #e2e8f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 2; transition: border-color 0.3s ease; }
.timeline-item:hover .timeline-icon { border-color: var(--premium-primary-main); }
.timeline-icon i { font-size: 1.8rem; color: var(--premium-primary-main); }
.timeline-content h3 { font-size: 1.4rem; font-weight: 700; color: var(--premium-text-dark); margin-bottom: 0.5rem; }
.timeline-content p { font-size: 1rem; color: var(--premium-text-muted); line-height: 1.6; }

/* COMPARISON TABLE */
.comparison-table-premium { padding: 6rem 2rem; background-color: var(--premium-bg-section); }
.table-container { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.08); overflow: hidden; border: 1px solid #e2e8f0; }
table { width: 100%; border-collapse: collapse; text-align: center; }
th, td { padding: 1.25rem 1rem; border-bottom: 1px solid #f1f5f9; }
th { font-size: 1.1rem; font-weight: 700; color: var(--premium-text-dark); background-color: #f8fafc; }
td { color: var(--premium-text-muted); }
td:first-child { font-weight: 500; text-align: right; color: var(--premium-text-dark); }
td i.fa-check { color: var(--success-color); font-size: 1.2rem; }
td i.fa-times { color: var(--fail-color); opacity: 0.5; }
tr:last-child td { border-bottom: none; }
th.highlighted-col { background-color: var(--premium-primary-deep); color: #fff; font-size: 1.25rem; }
tbody tr:nth-child(even) { background-color: #fcfcfd; }
tbody tr td:last-child { background-color: rgba(238, 242, 255, 0.5); }

/* PRICE-VALUE */
.price-value-premium { padding: 6rem 2rem; background-color: var(--premium-bg-section); }
.price-value-premium .pv-wrap { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 2rem; max-width: 1100px; margin: 0 auto; }
.price-value-premium .pv-price { flex: 1; text-align: center; background: var(--premium-bg-dark); color: var(--premium-text-light); padding: 3rem; border-radius: 20px; display: flex; flex-direction: column; }
.price-value-premium .pv-price .special-offer-badge { background: var(--premium-primary-main); color: #fff; padding: 0.5rem 1rem; border-radius: 50px; font-weight: 700; margin-bottom: 1.5rem; display: inline-block; align-self: center; }
.price-value-premium .pv-price .pv-amount { font-size: 5rem; font-weight: 900; color: #fff; }
.price-value-premium .pv-price .pv-cycle { display: block; opacity: 0.8; }
.price-value-premium .pv-price .pv-old-price { text-decoration: line-through; opacity: 0.6; margin-top: 0.5rem; }
.price-value-premium .pv-price .pv-note { margin: 1.5rem 0; flex-grow: 1; }
.price-value-premium .pv-value { flex: 1.5; background: #fff; padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 30px #e2e8f0; }
.price-value-premium .pv-value h2 { color: var(--premium-text-dark); text-align: center; margin-bottom: 2rem; }
.price-value-premium .pv-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.price-value-premium .pv-list li { display: flex; align-items: center; gap: 1rem; padding: 0.75rem 0; font-size: 1.05rem; font-weight: 500; border-bottom: 1px solid #f1f5f9; }
.price-value-premium .pv-list li:last-child { border-bottom: none; }
.price-value-premium .pv-list i { font-size: 1.2rem; color: var(--premium-primary-main); }

/* FIT-CHECK */
.fit-check-premium { padding: 6rem 2rem; background-color: var(--premium-bg-light); }
.fit-check-premium .fit-wrap { display: flex; flex-direction: column-reverse; align-items: center; gap: 3rem; max-width: 1100px; margin: 0 auto; }
.fit-check-premium .fit-info { flex: 1; }
.fit-check-premium .fit-info p { font-size: 1.1rem; line-height: 1.7; color: var(--premium-text-muted); }
.fit-check-premium .fit-lists { margin-top: 2rem; }
.fit-check-premium .fit-list { list-style: none; padding: 0; }
.fit-check-premium .fit-list li { font-size: 1.1rem; font-weight: 500; margin-bottom: 1rem; display: flex; align-items: center; gap: 0.75rem; }
.fit-check-premium .fit-list li i { font-size: 1.4rem; color: var(--premium-primary-main); }
.fit-check-premium .fit-illustration { flex: 1; }
.fit-check-premium .fit-illustration img { max-width: 450px; width: 100%; }

/* VIDEO */
.video-premium { padding: 6rem 2rem; background-color: var(--premium-bg-section); }
.video-placeholder { position: relative; max-width: 900px; margin: 0 auto; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.15); cursor: pointer; }
.video-placeholder img { display: block; width: 100%; height: auto; }
.video-placeholder::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); transition: background 0.3s ease; }
.video-placeholder:hover::before { background: rgba(0,0,0,0.4); }
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 90px; background: rgba(255,255,255,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--premium-primary-main); font-size: 2.5rem; transition: transform 0.3s ease; box-shadow: 0 0 0 10px rgba(255,255,255,0.3); }
.play-button i { margin-left: 5px; }
.video-placeholder:hover .play-button { transform: translate(-50%, -50%) scale(1.1); }

/* GUARANTEE */
.guarantee-premium { padding: 6rem 2rem; background-color: var(--premium-bg-light); }
.guarantee-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 1200px; margin: 0 auto; text-align: center; }
.guarantee-item i { font-size: 3rem; color: var(--premium-primary-main); margin-bottom: 1.5rem; }
.guarantee-item h3 { font-size: 1.4rem; font-weight: 700; margin-bottom: 0.75rem; }
.guarantee-item p { color: var(--premium-text-muted); line-height: 1.6; max-width: 320px; margin: 0 auto; }

/* PRO-HELP */
.pro-help-premium { padding: 6rem 2rem; background-color: var(--premium-bg-section); }
.pro-help-premium .ph-wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2rem; background: var(--premium-bg-dark); color: var(--premium-text-light); padding: 3rem; border-radius: 20px; max-width: 900px; margin: 0 auto; }
.pro-help-premium .ph-text { flex: 2; min-width: 300px; }
.pro-help-premium .ph-text h2 { color: #fff; }
.pro-help-premium .ph-badge { text-align: center; background: var(--premium-primary-main); color: #fff; padding: 1.5rem; border-radius: 12px; }
.pro-help-premium .ph-price { font-size: 3rem; font-weight: 900; line-height: 1; }
.pro-help-premium .ph-unit { font-weight: 700; }

/* FAQ */
.faq-premium { padding: 6rem 2rem; background-color: var(--premium-bg-light); }
.faq-premium .faq-container { max-width: 800px; margin: 0 auto; display: grid; gap: 1rem; }
.faq-premium .faq-item { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; }
.faq-premium .faq-item summary { font-size: 1.1rem; font-weight: 700; padding: 1.5rem; cursor: pointer; list-style: none; display: flex; justify-content: space-between; align-items: center; }
.faq-premium .faq-item summary i { color: var(--premium-primary-main); transition: transform 0.3s ease; }
.faq-premium .faq-item[open] summary { color: var(--premium-primary-main); }
.faq-premium .faq-item[open] summary i { transform: rotate(180deg); }
.faq-premium .faq-item .faq-content { padding: 0 1.5rem 1.5rem; line-height: 1.7; color: var(--premium-text-muted); }

/* FINAL CTA */
.final-cta-premium { text-align: center; background: linear-gradient(135deg, var(--premium-bg-dark) 0%, var(--premium-primary-deep) 100%); color: var(--premium-text-light); padding: 6rem 2rem; }
.final-cta-premium h2 { color: #fff; }
.final-cta-premium p { max-width: 600px; margin: 1rem auto 2rem; color: #d1d5db; }
.btn-premium-cta { display: inline-flex; align-items: center; gap: 0.75rem; background: linear-gradient(135deg, var(--premium-primary-main), var(--premium-accent)); color: #fff; font-size: 1.15rem; font-weight: 700; padding: 1rem 2.5rem; border: none; border-radius: 50px; box-shadow: 0 8px 25px rgba(99, 102, 241, 0.4); text-decoration: none; transition: all 0.3s ease; }
.btn-premium-cta:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 12px 30px rgba(99, 102, 241, 0.5); }
.price-value-premium .pv-price .cta-price { width: 100%; justify-content: center; }

/* RESPONSIVE */
@media (min-width: 900px) {
    .price-value-premium .pv-wrap { flex-direction: row; }
    .fit-check-premium .fit-wrap { flex-direction: row; gap: 5rem; }
}

/* --- FIX for Price and Currency alignment --- */
.price-value-premium .pv-price .price-line {
    display: flex;
    justify-content: center;
    align-items: baseline; /* מיישר לפי קו הבסיס של הטקסט, נראה הכי טוב */
    gap: 0.25rem; /* רווח קטן בין הסכום לסימן */
    line-height: 1; /* מונע רווחים מיותרים מהפונט הגדול */
}

.price-value-premium .pv-price .pv-currency {
    font-size: 2.5rem; /* גודל פונט מתאים לסימן המטבע */
    font-weight: 700;
}