/* Semantic LP content. Icons: Lucide ISC, assets/salons/nail/text-content/LICENSE.lucide. */
.salon-content {
    --lp-accent: #a74764;
    --lp-paper: #fcf5f3;
    --lp-tint: #f5e9e5;
    --lp-unit: clamp(1px, .275vw, 1.2px);
    width: min(100%, 941px);
    margin: 0 auto;
    padding-bottom: 0;
    background: var(--lp-paper);
    color: #343232;
    font: 400 calc(15 * var(--lp-unit))/1.85 'Noto Sans JP', sans-serif;
}
.salon-content[data-salon="relaxation"],
.salon-content[data-salon="other"] { --lp-accent: #795b45; --lp-paper: #f8f3ed; --lp-tint: #eee3d8; }
.salon-content[data-salon="hair"] { --lp-accent: #735141; }
.salon-content * { box-sizing: border-box; }
.salon-content .sc-section { padding: calc(32 * var(--lp-unit)) calc(20 * var(--lp-unit)); }
.salon-content .sc-section[id] { scroll-margin-top: 96px; }
.salon-content .sc-section p { margin: 0 0 calc(20 * var(--lp-unit)); }
.salon-content .sc-section h1,
.salon-content .sc-section h2,
.salon-content .sc-section h3 { margin: 0 0 calc(16 * var(--lp-unit)); color: #343232; line-height: 1.6; }
.salon-content .sc-section h1,
.salon-content .sc-section h2 { font-family: 'Noto Serif JP', serif; font-weight: 600; }
.salon-content .sc-section h1 { font-size: calc(28 * var(--lp-unit)); letter-spacing: -.045em; }
.salon-content .sc-section h2 { font-size: calc(27 * var(--lp-unit)); letter-spacing: -.035em; }
.salon-content .sc-section h3 { font-size: calc(17 * var(--lp-unit)); }
.salon-content .sc-section em { color: var(--lp-accent); font-style: normal; }
.salon-content .sc-eyebrow { font: 600 calc(13 * var(--lp-unit))/1.5 'Noto Serif JP', serif; color: var(--lp-accent); letter-spacing: .08em; }
.salon-content .sc-label { display: table; padding: .3em 1em; border: 1px solid currentColor; border-radius: 99px; color: var(--lp-accent); font-size: calc(13 * var(--lp-unit)); }
.salon-content .sc-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--lp-paper), var(--lp-tint)); }
.salon-content .sc-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: calc(10 * var(--lp-unit)); align-items: center; }
.salon-content .sc-hero-grid p { font-family: 'Noto Serif JP', serif; font-weight: 600; font-size: calc(15 * var(--lp-unit)); }
.salon-content .sc-model { display: block; width: 100%; height: auto; border-radius: calc(70 * var(--lp-unit)) calc(70 * var(--lp-unit)) calc(18 * var(--lp-unit)) calc(18 * var(--lp-unit)); }
.salon-content .sc-links { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: calc(10 * var(--lp-unit)); margin-top: calc(24 * var(--lp-unit)); }
.salon-content .sc-links a { display: flex; gap: .65em; align-items: center; min-height: 48px; padding: calc(12 * var(--lp-unit)) calc(9 * var(--lp-unit)); background: #fff; border: 1px solid var(--lp-tint); border-radius: calc(12 * var(--lp-unit)); font-size: calc(14 * var(--lp-unit)); font-weight: 700; color: var(--lp-accent); text-decoration: none; }
.salon-content svg { width: calc(25 * var(--lp-unit)); height: calc(25 * var(--lp-unit)); color: var(--lp-accent); flex: none; }
.salon-content .sc-pain { background: var(--lp-tint); }
.salon-content .sc-pain-list { margin: calc(24 * var(--lp-unit)) 0 0; padding: 0; list-style: none; display: grid; gap: calc(14 * var(--lp-unit)); }
.salon-content .sc-pain-list li { display: grid; grid-template-columns: calc(28 * var(--lp-unit)) minmax(0,1fr); gap: calc(12 * var(--lp-unit)); padding: calc(20 * var(--lp-unit)) calc(16 * var(--lp-unit)); background: #fff; border-radius: calc(18 * var(--lp-unit)); }
.salon-content .sc-number { color: var(--lp-accent); font: 600 calc(20 * var(--lp-unit))/1.5 'Noto Serif JP',serif; }
.salon-content .sc-pain-list p { margin: 0; font-size: calc(14 * var(--lp-unit)); }
.salon-content .sc-feature-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: calc(16 * var(--lp-unit)); align-items: start; margin-top: calc(26 * var(--lp-unit)); }
.salon-content .sc-feature-grid figure { margin: 0; min-width: 0; }
.salon-content .sc-screen { display: block; width: 100%; height: auto; border-radius: calc(16 * var(--lp-unit)); box-shadow: 0 5px 22px #59433413; }
.salon-content .sc-feature-grid figcaption { text-align: center; color: var(--lp-accent); font-size: calc(14 * var(--lp-unit)); margin-top: .8em; font-weight: 700; }
.salon-content .sc-cards { display: grid; gap: calc(12 * var(--lp-unit)); }
.salon-content .sc-cards article { background: #fff; border-radius: calc(16 * var(--lp-unit)); padding: calc(17 * var(--lp-unit)) calc(13 * var(--lp-unit)); }
.salon-content .sc-cards h3 { color: var(--lp-accent); font-size: calc(16 * var(--lp-unit)); }
.salon-content .sc-cards p { margin: 0; font-size: calc(14 * var(--lp-unit)); }
.salon-content .sc-cards svg { margin-bottom: .7em; }
.salon-content .sc-wide { grid-column: 1 / -1; }
.salon-content .sc-aside { display: flex; gap: calc(12 * var(--lp-unit)); margin-top: calc(24 * var(--lp-unit)); padding: calc(18 * var(--lp-unit)); background: #fff; border-radius: calc(16 * var(--lp-unit)); }
.salon-content .sc-aside p { margin: 0; font-size: calc(14 * var(--lp-unit)); }
.salon-content .sc-plan { font-size: calc(14 * var(--lp-unit)); color: #5d514d; }
.salon-content p.sc-plan { margin-top: calc(22 * var(--lp-unit)); margin-bottom: 0; }
.salon-content .sc-plan a { color: var(--lp-accent); display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: .2em; }
.salon-content .sc-closing { background: linear-gradient(var(--lp-paper),var(--lp-tint)); }
.salon-content .sc-closing h2 { font-size: calc(34 * var(--lp-unit)); line-height: 1.75; }
.salon-content .sc-wordmark { text-align: center; font: 500 calc(38 * var(--lp-unit))/1.5 'Noto Serif JP',serif; margin-top: calc(30 * var(--lp-unit)); }
.salon-content .sc-all-in-one { text-align: center; color: var(--lp-accent); font: italic calc(26 * var(--lp-unit))/1.5 'Noto Serif JP',serif; margin-top: calc(32 * var(--lp-unit)); }
.salon-content .sc-section a:focus-visible { outline: 3px solid var(--lp-accent); outline-offset: 4px; }
/* The plan note is a separate child of the shared CTA band. */
.salon-content .salons-image-lp__cta-band--mid {
    flex-direction: column;
    align-items: center;
}
.salon-content .salons-image-lp__cta-band .sc-plan {
    max-width: 620px;
    padding: 0 16px;
    text-align: center;
    font-size: 14px;
}
body[data-page^="salons_"] .salon-content .salons-mid-cta__button {
    background: linear-gradient(135deg, #b34869, #963a58);
}
.salon-content .salons-mid-cta__button:focus-visible {
    outline: 3px solid var(--lp-accent);
    outline-offset: 4px;
}
@media (min-width: 760px) {
    .salon-content[data-salon="hp"] { padding-top: var(--lp-header-offset-desktop); }
}
@media (min-width: 768px) {
    .salon-content .sc-section { padding: 48px; }
    .salon-content .sc-hero {
        display: grid;
        grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
        column-gap: 36px;
        align-items: start;
    }
    .salon-content .sc-hero > .sc-eyebrow { grid-column: 1; grid-row: 1; }
    .salon-content .sc-hero h1 { grid-column: 1; grid-row: 2; font-size: 36px; line-height: 1.5; }
    .salon-content .sc-hero-grid { display: contents; }
    .salon-content .sc-hero-grid > :first-child { grid-column: 1; grid-row: 3; }
    .salon-content .sc-hero-grid > img {
        grid-column: 2;
        grid-row: 1 / 4;
        justify-self: center;
        align-self: center;
        width: auto;
        max-width: 100%;
        max-height: 400px;
    }
    .salon-content .sc-hero > .sc-plan,
    .salon-content .sc-hero > .sc-links { grid-column: 1 / -1; }
    .salon-content .sc-hero > .sc-links { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
    .salon-content .sc-feature-grid { grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: 32px; }
    .salon-content .sc-feature-grid.sc-pair {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 640px;
        margin-inline: auto;
    }
    .salon-content .sc-feature-grid > figure.sc-wide { width: min(100%, 640px); margin-inline: auto; }
}

@media (max-width: 360px) {
    .salon-content .sc-section { padding-left: 16px; padding-right: 16px; }
    .salon-content .sc-section h1 { font-size: 25px; }
    .salon-content .sc-section h2 { font-size: 25px; }
    .salon-content .sc-feature-grid:not(.sc-pair) { grid-template-columns: minmax(0,1fr); }
    .salon-content .sc-feature-grid:not(.sc-pair) > figure { width: min(100%,245px); margin-inline: auto; }
    .salon-content .sc-feature-grid > figure.sc-wide { width: 100%; }
    .salon-content .sc-cards article { display: grid; grid-template-columns: 25px minmax(0,1fr); gap: 0 12px; }
    .salon-content .sc-cards article p { grid-column: 2; }
    .salon-content .sc-links a { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { .salon-content * { scroll-behavior: auto; } }