/* ============================================================
   LYNX LILY — lynxlily.com
   Desktop Overrides (min-width: 768px)
   ============================================================ */

/* --- Navigation --- */
.site-nav {
    display: flex;
}

.mobile-toggle {
    display: none;
}

/* --- Hero --- */
.hero {
    padding: var(--space-2xl) var(--space-md);
}

.hero-mark img {
    height: 230px;
}

.hero h1 {
    font-size: 2.9rem;
    letter-spacing: 0.16em;
}

.hero-tagline {
    font-size: 1rem;
    letter-spacing: 0.12em;
}

.hero-sub {
    font-size: 0.85rem;
    letter-spacing: 0.08em;
}

/* --- Sections --- */
.section-inner {
    padding: var(--space-2xl) var(--space-md);
}

.section-title {
    font-size: 2.4rem;
    letter-spacing: 0.08em;
}

.section-note {
    font-size: 1.1rem;
    margin-bottom: var(--space-lg);
}

.section-intro {
    font-size: 1rem;
}

/* --- Treatment Cards --- */
.treatment-card {
    padding: var(--space-lg);
}

/* --- Add-on Cards --- */
.addon-card {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-md);
}

.addon-card .card-image {
    flex-shrink: 0;
    width: 120px;
}

.addon-card .card-image img {
    aspect-ratio: 1 / 1;
}