/* ============================================
   ZETRE - Home Desktop Styles (min-width: 768px)
   ============================================ */

/* ---- Hero Desktop ---- */
.hero {
    min-height: 600px;
    padding: var(--space-12) 0;
}

.hero-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-8);
}

.hero-title {
    font-size: var(--text-4xl);
}

.hero-desc {
    font-size: var(--text-lg);
}

.hero-actions {
    flex-direction: row;
}

.hero-actions .btn {
    width: auto;
}

.hero-actions .btn-outline-white {
    width: auto;
}

.hero-stats {
    width: auto;
}

.hero-stat-value {
    font-size: var(--text-3xl);
}

.hero-stat-label {
    font-size: var(--text-xs);
}

/* Hero Visual visible on desktop */
.hero-visual {
    display: block;
}

/* Hero 2-Column Split Grid - Desktop */
.hero-split-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-10);
}

.hero-slider-viewport {
    height: 420px;
}

.hero-visual-showcase {
    max-width: 580px;
}


.hero-wave svg {
    height: 100px;
}

/* ---- Company Intro Desktop ---- */
.intro-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
}

.intro-card {
    padding: var(--space-8);
}

/* ---- Products 3D Desktop ---- */
.products-3d-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
}

.products-showcase {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
}

/* ---- Why Us Desktop ---- */
.why-us-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-6);
}

/* ---- CTA Desktop ---- */
.cta-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
}

.cta-card:hover {
    transform: translateY(-4px);
}

/* ---- Desktop Enriched Sections ---- */
.divisions-tabs {
    justify-content: center;
}

.division-content {
    grid-template-columns: 1.2fr 0.8fr;
    padding: var(--space-10) var(--space-12);
}

.rd-grid {
    grid-template-columns: 1.2fr 0.8fr;
    gap: var(--space-16);
}

.founders-side-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
    align-items: stretch;
}

.mission-vision-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
    align-items: stretch;
}

.founder-card-compact {
    padding: var(--space-6) var(--space-6);
}

.founder-grid {
    grid-template-columns: 260px 1fr;
    gap: var(--space-10);
}

.founder-card {
    padding: var(--space-10) var(--space-12);
}

.culture-bubble-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-8);
}

.bubble-circle-inner {
    width: 220px;
    height: 220px;
}

.testimonials-slider {
    min-height: 250px;
}

.testimonial-card {
    padding: var(--space-10) var(--space-16);
}

.inquiry-grid {
    grid-template-columns: 1fr 1.1fr;
    gap: var(--space-16);
}

.news-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
}

.newsletter-wrapper {
    flex-direction: row;
    justify-content: space-between;
}

/* ---- Larger hero title on very wide screens ---- */
@media (min-width: 1200px) {
    .hero-title {
        font-size: var(--text-6xl);
    }

    .hero-desc {
        font-size: var(--text-xl);
    }
}