/* ─────────────────────────────────────────────────────────────
   YA-EVENT — Service landing pages (mobile-first)
   Layered on top of yae.css + venue.css. Specific to the
   /svadba, /korporativ, /yubiley landings used for paid traffic
   from Yandex Direct, so above-the-fold + CTA density matters.
   ───────────────────────────────────────────────────────────── */

/* ── Hero with form on the side ─────────────────────────── */
.s-hero {
    position: relative;
    min-height: 86svh;
    min-height: 86vh;
    display: flex;
    align-items: stretch;
    color: #fff;
    overflow: hidden;
    isolation: isolate;
    padding: 96px 0 48px;
}
.s-hero__media {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: -2;
}
.s-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.20) 38%, rgba(0,0,0,0.55) 78%, rgba(0,0,0,0.85) 100%),
        linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 60%);
}
.s-hero__inner {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: end;
}
.s-hero__copy { max-width: 720px; }
.s-hero__eyebrow {
    color: rgba(244, 239, 228, 0.86);
    margin-bottom: 14px;
}
.s-hero__title {
    color: #fff;
    margin: 0 0 16px;
    text-shadow: 0 2px 24px rgba(0,0,0,0.55), 0 1px 3px rgba(0,0,0,0.35);
    font-family: var(--font-serif);
    font-weight: 500;
    font-size: clamp(40px, 6.6vw, 84px);
    line-height: 1.0;
    letter-spacing: -0.012em;
}
.s-hero__lead {
    color: rgba(255,255,255,0.95);
    font-family: var(--font-sans);
    font-size: clamp(16px, 1.55vw, 19px);
    line-height: 1.55;
    text-shadow: 0 1px 14px rgba(0,0,0,0.55);
    margin: 0 0 22px;
    max-width: 56ch;
}
.s-hero__bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    display: grid;
    gap: 8px;
}
.s-hero__bullets li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(255,255,255,0.92);
    font-size: 15px;
    line-height: 1.45;
    text-shadow: 0 1px 8px rgba(0,0,0,0.35);
}
.s-hero__bullets li::before {
    content: '';
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-accent-2);
    margin-top: 8px;
}
.s-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.s-hero__cta .btn { min-height: 50px; }

.s-hero__form {
    background: rgba(255, 255, 255, 0.96);
    color: var(--color-text);
    padding: 22px 22px 20px;
    border-radius: 16px;
    box-shadow: 0 22px 60px rgba(0,0,0,0.35);
    backdrop-filter: blur(2px);
}
.s-hero__form h3 {
    font-family: var(--font-serif);
    font-size: 22px;
    margin: 0 0 6px;
    color: var(--color-text);
}
.s-hero__form p {
    font-size: 13px;
    color: var(--color-text-mute);
    margin: 0 0 14px;
    line-height: 1.5;
}
.s-hero__form .form { padding: 0; box-shadow: none; background: none; }

/* ── Pain → Solution two-col ────────────────────────────── */
.s-pains {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}
.s-pain {
    background: var(--color-bg-alt);
    border-left: 3px solid var(--color-accent);
    padding: 18px 18px 16px;
    border-radius: 0 12px 12px 0;
}
.s-pain h4 {
    font-family: var(--font-serif);
    font-size: 19px;
    margin: 0 0 6px;
    color: var(--color-text);
}
.s-pain p {
    font-size: 14px;
    color: var(--color-text-mute);
    line-height: 1.55;
    margin: 0;
}

/* ── "What's included" grid ─────────────────────────────── */
.s-included {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}
.s-included__item {
    background: var(--color-white);
    border: 1px solid var(--color-line);
    border-radius: 12px;
    padding: 22px 20px 20px;
}
.s-included__item .num {
    font-family: var(--font-serif);
    font-size: 26px;
    color: var(--color-accent);
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}
.s-included__item h4 {
    font-family: var(--font-serif);
    font-size: 20px;
    margin: 0 0 6px;
    color: var(--color-text);
}
.s-included__item p {
    color: var(--color-text-mute);
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

/* ── Featured venues compact list (link to venue pages) ── */
.s-venues {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}
.s-venue-card {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 14px;
    background: var(--color-white);
    border: 1px solid var(--color-line);
    border-radius: 12px;
    padding: 14px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.s-venue-card:hover {
    border-color: var(--color-accent);
    box-shadow: 0 14px 38px -22px rgba(37,37,31,0.4);
}
.s-venue-card__img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
    background: var(--color-bg-alt);
}
.s-venue-card__body { display: flex; flex-direction: column; justify-content: center; }
.s-venue-card__name {
    font-family: var(--font-serif);
    font-size: 19px;
    margin: 0 0 4px;
    color: var(--color-text);
}
.s-venue-card__meta {
    font-size: 12px;
    color: var(--color-text-mute);
    margin: 0 0 6px;
}
.s-venue-card__caps {
    font-size: 13px;
    color: var(--color-accent);
}

/* ── Pricing tiers (3 packages) ─────────────────────────── */
.s-tiers {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}
.s-tier {
    background: var(--color-white);
    border: 1px solid var(--color-line);
    border-radius: 16px;
    padding: 26px 24px 24px;
    display: flex;
    flex-direction: column;
}
.s-tier--featured {
    border-color: var(--color-accent);
    box-shadow: 0 18px 48px -28px rgba(74,90,58,0.5);
    position: relative;
}
.s-tier--featured::before {
    content: 'Чаще выбирают';
    position: absolute;
    top: -12px;
    left: 24px;
    background: var(--color-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 999px;
}
.s-tier h3 {
    font-family: var(--font-serif);
    font-size: 24px;
    margin: 0 0 6px;
    color: var(--color-text);
}
.s-tier__sub {
    font-size: 13px;
    color: var(--color-text-mute);
    margin: 0 0 16px;
    line-height: 1.5;
}
.s-tier__price {
    font-family: var(--font-serif);
    font-size: 32px;
    color: var(--color-accent);
    line-height: 1.1;
    margin-bottom: 6px;
}
.s-tier__price small {
    display: block;
    font-family: var(--font-sans);
    font-size: 12px;
    color: var(--color-text-mute);
    font-weight: 400;
    margin-top: 2px;
}
.s-tier ul {
    list-style: none;
    padding: 0;
    margin: 18px 0 22px;
    display: grid;
    gap: 8px;
    flex: 1;
}
.s-tier li {
    display: flex;
    gap: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text);
}
.s-tier li::before {
    content: '';
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-accent);
    margin-top: 8px;
}
.s-tier .btn {
    width: 100%;
    min-height: 48px;
    margin-top: auto;
}

/* ── Process timeline ───────────────────────────────────── */
.s-process {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    counter-reset: step;
}
.s-process__step {
    background: var(--color-bg-alt);
    border-radius: 12px;
    padding: 20px 20px 18px;
    counter-increment: step;
    position: relative;
}
.s-process__step::before {
    content: counter(step, decimal-leading-zero);
    font-family: var(--font-serif);
    font-size: 30px;
    color: var(--color-accent);
    line-height: 1;
    display: block;
    margin-bottom: 8px;
}
.s-process__step h4 {
    font-family: var(--font-serif);
    font-size: 19px;
    margin: 0 0 6px;
    color: var(--color-text);
}
.s-process__step p {
    color: var(--color-text-mute);
    font-size: 14px;
    line-height: 1.55;
    margin: 0;
}

/* ── Testimonial ────────────────────────────────────────── */
.s-testimonial {
    background: var(--color-bg-dark);
    color: var(--color-bg);
    padding: 56px 0;
    text-align: center;
}
.s-testimonial blockquote {
    font-family: var(--font-serif);
    font-size: clamp(20px, 3vw, 30px);
    line-height: 1.4;
    margin: 0 auto 18px;
    max-width: 760px;
    color: #fff;
    font-weight: 400;
}
.s-testimonial cite {
    font-style: normal;
    font-size: 14px;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.04em;
}

/* ── Tablet (≥640px) ────────────────────────────────────── */
@media (min-width: 640px) {
    .s-pains { grid-template-columns: 1fr 1fr; }
    .s-included { grid-template-columns: 1fr 1fr; }
    .s-process { grid-template-columns: 1fr 1fr; }
    .s-venues { grid-template-columns: repeat(3, 1fr); }
}

/* ── Desktop (≥980px) ───────────────────────────────────── */
@media (min-width: 980px) {
    .s-hero { min-height: 78svh; min-height: 78vh; padding-top: 120px; }
    .s-hero__inner { grid-template-columns: 1.5fr 1fr; gap: 56px; }
    .s-included { grid-template-columns: repeat(3, 1fr); }
    .s-process { grid-template-columns: repeat(4, 1fr); }
    .s-tiers { grid-template-columns: repeat(3, 1fr); }
    .s-venues { grid-template-columns: repeat(3, 1fr); }
    .s-testimonial { padding: 88px 0; }
}

/* iPhone safe area */
@supports (padding: max(0px)) {
    .s-hero { padding-top: max(96px, env(safe-area-inset-top, 0px) + 88px); }
}

/* ══════════════════════════════════════════════════════════════
   SERVICE PAGES MOBILE OVERHAUL v2
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 560px) {
    .s-hero { min-height: auto; padding: 72px 0 32px; }
    .s-hero__title { font-size: clamp(26px, 7vw, 34px); }
    .s-hero__lead { font-size: 13px; line-height: 1.5; }
    .s-hero__bullets { font-size: 13px; gap: 4px; }
    .s-hero__bullets li { padding: 5px 0; }
    .s-hero .form { padding: 18px; gap: 12px; }
    .s-hero .form__heading { font-size: 17px; }

    .s-pain__q { font-size: 15px; }
    .s-pain__a { font-size: 13px; }
    .s-included-card { padding: 16px; }
    .s-included-card h3 { font-size: 15px; }
    .s-included-card p { font-size: 12px; }

    .s-tier { padding: 20px; }
    .s-tier__name { font-size: 16px; }
    .s-tier__price { font-size: 15px; }
    .s-tier__features li { font-size: 13px; }

    .s-process-step { padding: 14px; }
    .s-process-step__num { font-size: 11px; }
    .s-process-step h3 { font-size: 15px; }
    .s-process-step p { font-size: 12px; }

    .s-testimonial { padding: 36px 0; }
    .s-testimonial blockquote { font-size: clamp(16px, 4.5vw, 22px); }
    .s-testimonial cite { font-size: 12px; }

    .s-venues { gap: 12px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   WEDDING PAGE — svadba-pod-kluch.html
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Hero ─────────────────────────────────────────────────── */
.wed-hero {
    position: relative;
    min-height: clamp(520px, 78vh, 760px);
    display: flex;
    align-items: center;
    overflow: hidden;
    isolation: isolate;
    background: var(--color-bg-dark, #25251f);
}
.wed-hero__media {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: var(--photo-preset, none);
    z-index: -1;
}
.wed-hero__media::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(180deg, rgba(37,37,31,.25) 0%, rgba(37,37,31,.55) 60%, rgba(37,37,31,.75) 100%);
}
.wed-hero__inner {
    position: relative;
    color: #fff;
    padding: clamp(80px, 12vw, 140px) 0 clamp(60px, 10vw, 100px);
    max-width: 820px;
}
.wed-hero__eyebrow {
    color: rgba(255,255,255,.85);
    font-size: 12px;
    letter-spacing: .32em;
    text-transform: uppercase;
}
.wed-hero__title {
    color: #fff;
    margin: 16px 0 22px;
    line-height: 1.05;
}
.wed-hero__title .script {
    color: var(--color-accent-2, #a8b58a);
    font-style: normal;
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-hero__lead {
    font-size: clamp(16px, 1.3vw, 19px);
    line-height: 1.55;
    color: rgba(255,255,255,.92);
    max-width: 620px;
    margin: 0 0 36px;
}
.wed-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.btn--lg {
    padding: 17px 34px;
    font-size: 15px;
}
.btn--block {
    display: block;
    width: 100%;
    text-align: center;
}

/* ── Intro section ─────────────────────────────────────────── */
.wed-intro__head {
    text-align: center;
    margin-bottom: clamp(36px, 5vw, 56px);
}
.wed-intro__head h2 {
    margin: 14px 0 6px;
}
.wed-intro__head .script {
    color: var(--color-accent, #4a5a3a);
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-intro__sub {
    color: var(--color-text-mute, #6e6c64);
    font-size: 15px;
    margin: 0;
}
.wed-intro__body {
    max-width: 720px;
    margin: 0 auto;
    color: var(--color-text, #25251f);
    font-size: clamp(15px, 1.15vw, 17px);
    line-height: 1.7;
}
.wed-intro__body p {
    margin: 0 0 18px;
}
.wed-intro__body strong {
    color: var(--color-text, #25251f);
    font-weight: 600;
}
.wed-intro__final {
    margin-top: 28px !important;
    text-align: center;
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(20px, 2.2vw, 26px);
    font-style: italic;
    color: var(--color-accent, #4a5a3a);
    line-height: 1.4;
}

/* ── Locations grid (Город / Шервуд) ──────────────────────── */
.wed-locations__head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto clamp(40px, 5vw, 60px);
}
.wed-locations__head h2 {
    margin: 14px 0 16px;
}
.wed-locations__head .script {
    color: var(--color-accent, #4a5a3a);
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-locations__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(28px, 3vw, 44px);
}
.wed-loc {
    background: var(--color-white, #fff);
    border: 1px solid var(--color-line-soft, #ece5d2);
    border-radius: var(--radius-md, 12px);
    padding: clamp(24px, 3vw, 36px);
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 2.5vw, 28px);
}
.wed-loc__head {
    text-align: center;
    padding-bottom: clamp(16px, 2vw, 22px);
    border-bottom: 1px solid var(--color-line-soft, #ece5d2);
}
.wed-loc__kicker {
    color: var(--color-accent, #4a5a3a);
}
.wed-loc__title {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(22px, 2.4vw, 30px);
    font-weight: 600;
    color: var(--color-text, #25251f);
    margin: 8px 0 6px;
    line-height: 1.2;
}
.wed-loc__sub {
    margin: 0;
    color: var(--color-text-mute, #6e6c64);
    font-size: 14px;
}

/* ── Package cards ────────────────────────────────────────── */
.wed-pkgs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(16px, 2vw, 24px);
}
.wed-pkg {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--color-bg, #fbf8f1);
    border: 1px solid var(--color-line-soft, #ece5d2);
    border-radius: var(--radius-md, 12px);
    overflow: hidden;
    transition: transform .3s var(--ease, ease), box-shadow .3s, border-color .3s;
}
.wed-pkg:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-card, 0 24px 50px -28px rgba(37,37,31,0.25));
    border-color: var(--color-accent-2, #a8b58a);
}
.wed-pkg--featured {
    border-color: var(--color-accent-2, #a8b58a);
    background: var(--color-white, #fff);
}
.wed-pkg__badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    background: var(--color-accent, #4a5a3a);
    color: #fff;
    font-size: 11px;
    letter-spacing: .15em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 999px;
    font-weight: 500;
}
.wed-pkg__media {
    aspect-ratio: 16/10;
    background-size: cover;
    background-position: center;
    background-color: var(--color-bg-soft, #efe9d9);
    background-image: linear-gradient(145deg, #f5f0e8, #ebe4d6);
    filter: var(--photo-preset, none);
    position: relative;
}
.wed-pkg__media--wide {
    aspect-ratio: 16/9;
}
.wed-pkg__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(37,37,31,.55);
    color: #fff;
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(18px, 2vw, 24px);
    letter-spacing: .04em;
}
.wed-pkg__body {
    padding: clamp(20px, 2.4vw, 28px);
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}
.wed-pkg__body h3,
.wed-pkg__body h4 {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-weight: 600;
    color: var(--color-text, #25251f);
    margin: 0;
    line-height: 1.2;
}
.wed-pkg__body h4 { font-size: clamp(20px, 2.1vw, 26px); }
.wed-pkg__body h3 { font-size: clamp(22px, 2.4vw, 30px); }
.wed-pkg__price {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(20px, 2vw, 26px);
    font-weight: 600;
    color: var(--color-accent, #4a5a3a);
    line-height: 1.2;
}
.wed-pkg__price small {
    display: block;
    font-family: var(--font-sans, 'Inter', sans-serif);
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-mute, #6e6c64);
    margin-top: 4px;
    letter-spacing: .04em;
}
.wed-pkg__bullets {
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wed-pkg__bullets li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text, #25251f);
}
.wed-pkg__bullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-accent-2, #a8b58a);
}
.wed-pkg__bullets--compact li { font-size: 13px; }
.wed-pkg__desc {
    font-size: 14px;
    line-height: 1.55;
    color: var(--color-text-mute, #6e6c64);
    margin: 0;
}
.wed-pkg__body .btn {
    margin-top: auto;
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Locations note */
.wed-locations__note {
    margin-top: clamp(28px, 3vw, 40px);
    padding: clamp(16px, 2vw, 22px) clamp(20px, 2.5vw, 28px);
    background: var(--color-white, #fff);
    border: 1px dashed var(--color-line-soft, #ece5d2);
    border-radius: var(--radius-md, 12px);
    font-size: 13px;
    line-height: 1.65;
    color: var(--color-text-mute, #6e6c64);
}

/* ── Formats grid (близкие / экспресс) ────────────────────── */
.wed-formats__head {
    text-align: center;
    max-width: 760px;
    margin: 0 auto clamp(40px, 5vw, 60px);
}
.wed-formats__head h2 { margin: 14px 0 16px; }
.wed-formats__head .script {
    color: var(--color-accent, #4a5a3a);
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-formats__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 2.5vw, 32px);
}
.wed-pkg--wide .wed-pkg__body { padding: clamp(24px, 3vw, 36px); }
.wed-pkg--soon { opacity: .92; }

/* ── Gallery 3x3 ──────────────────────────────────────────── */
.wed-gallery-section__head {
    text-align: center;
    max-width: 700px;
    margin: 0 auto clamp(32px, 4vw, 48px);
}
.wed-gallery-section__head h2 { margin: 14px 0 16px; }
.wed-gallery-section__head .script {
    color: var(--color-accent, #4a5a3a);
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(8px, 1vw, 14px);
}
.wed-gallery__item {
    aspect-ratio: 1/1;
    background-size: cover;
    background-position: center;
    background-color: var(--color-bg-soft, #efe9d9);
    background-image: linear-gradient(145deg, #f5f0e8, #ebe4d6);
    border-radius: var(--radius-md, 12px);
    filter: var(--photo-preset, none);
    transition: transform .4s var(--ease, ease), filter .4s;
    position: relative;
    overflow: hidden;
}
.wed-gallery__item:hover {
    transform: scale(1.02);
    filter: brightness(1.05);
}

/* ── Reviews ──────────────────────────────────────────────── */
.wed-reviews__head {
    text-align: center;
    max-width: 700px;
    margin: 0 auto clamp(36px, 4vw, 52px);
}
.wed-reviews__head h2 { margin: 14px 0 16px; }
.wed-reviews__head .script {
    color: var(--color-accent, #4a5a3a);
    font-family: var(--font-script, 'Marck Script', cursive);
    font-weight: 400;
}
.wed-reviews__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(20px, 2.5vw, 32px);
}
.wed-review {
    background: var(--color-white, #fff);
    border: 1px solid var(--color-line-soft, #ece5d2);
    border-radius: var(--radius-md, 12px);
    padding: clamp(24px, 2.8vw, 32px);
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.wed-review__stars {
    color: var(--color-accent-2, #a8b58a);
    font-size: 16px;
    letter-spacing: .15em;
}
.wed-review p {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.5;
    color: var(--color-text, #25251f);
    margin: 0;
    font-style: italic;
}
.wed-review cite {
    font-style: normal;
    font-size: 12px;
    color: var(--color-text-mute, #6e6c64);
    letter-spacing: .04em;
    margin-top: auto;
}

/* ── Modal ────────────────────────────────────────────────── */
.wed-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 2vw, 32px);
}
.wed-modal[hidden] { display: none; }
body.is-modal-open { overflow: hidden; }
.wed-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(37,37,31,.62);
    backdrop-filter: blur(2px);
    cursor: pointer;
}
.wed-modal__dialog {
    position: relative;
    background: var(--color-bg, #fbf8f1);
    border-radius: var(--radius-md, 12px);
    width: min(720px, 100%);
    max-height: calc(100vh - clamp(24px, 4vw, 64px));
    overflow-y: auto;
    box-shadow: 0 30px 90px -20px rgba(0,0,0,.35);
    -webkit-overflow-scrolling: touch;
}
.wed-modal__dialog--narrow {
    width: min(480px, 100%);
}
.wed-modal__close {
    position: sticky;
    top: 12px;
    margin-left: auto;
    margin-right: 12px;
    margin-top: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-white, #fff);
    border: 1px solid var(--color-line-soft, #ece5d2);
    border-radius: 50%;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    color: var(--color-text, #25251f);
    transition: background .2s, border-color .2s;
    float: right;
}
.wed-modal__close:hover {
    background: var(--color-bg-soft, #efe9d9);
    border-color: var(--color-line, #e0d9c4);
}
.wed-modal__body {
    padding: 8px clamp(20px, 3vw, 40px) clamp(24px, 3vw, 36px);
    clear: both;
}
.wed-modal__title {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(24px, 2.6vw, 32px);
    font-weight: 600;
    color: var(--color-text, #25251f);
    margin: 10px 0 8px;
    line-height: 1.2;
}
.wed-modal__price {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(22px, 2.2vw, 28px);
    font-weight: 600;
    color: var(--color-accent, #4a5a3a);
    margin: 0 0 22px;
    line-height: 1.2;
}
.wed-modal__price small {
    display: block;
    font-family: var(--font-sans, 'Inter', sans-serif);
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-mute, #6e6c64);
    margin-top: 4px;
    letter-spacing: .04em;
}
.wed-modal__sub {
    color: var(--color-text-mute, #6e6c64);
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px;
}
.wed-modal__intro {
    color: var(--color-text, #25251f);
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 22px;
}
.wed-modal__section-title {
    font-family: var(--font-serif, 'Cormorant Garamond', serif);
    font-size: clamp(17px, 1.6vw, 20px);
    font-weight: 600;
    color: var(--color-text, #25251f);
    margin: 26px 0 12px;
    letter-spacing: .01em;
}
.wed-modal__list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 22px;
}
.wed-modal__list li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text, #25251f);
}
.wed-modal__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-accent-2, #a8b58a);
}
.wed-modal__highlight {
    background: var(--color-bg-soft, #efe9d9);
    border-left: 3px solid var(--color-accent, #4a5a3a);
    border-radius: 4px;
    padding: 14px 18px;
    margin: 18px 0 6px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-text, #25251f);
}
.wed-modal__highlight strong {
    color: var(--color-accent, #4a5a3a);
    font-weight: 600;
}
.wed-modal__hint {
    font-size: 12px;
    line-height: 1.6;
    color: var(--color-text-mute, #6e6c64);
    margin: 12px 0 0;
    font-style: italic;
}
.wed-modal__notes {
    margin: 24px 0 0;
    padding-top: 20px;
    border-top: 1px solid var(--color-line-soft, #ece5d2);
}
.wed-modal__notes p {
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text-mute, #6e6c64);
    margin: 0 0 12px;
}
.wed-modal__notes strong {
    color: var(--color-text, #25251f);
    font-weight: 600;
}
.wed-modal__small {
    font-size: 12px !important;
    opacity: .8;
}
.wed-modal__cta {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--color-line-soft, #ece5d2);
    display: flex;
    justify-content: center;
}

/* ── Pricing table ────────────────────────────────────────── */
.wed-table-wrap {
    overflow-x: auto;
    margin: 0 0 8px;
    border: 1px solid var(--color-line-soft, #ece5d2);
    border-radius: 8px;
    -webkit-overflow-scrolling: touch;
}
.wed-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background: var(--color-white, #fff);
}
.wed-table th,
.wed-table td {
    padding: 10px 12px;
    text-align: right;
    border-bottom: 1px solid var(--color-line-soft, #ece5d2);
    white-space: nowrap;
}
.wed-table thead th {
    background: var(--color-bg-soft, #efe9d9);
    font-weight: 600;
    color: var(--color-text, #25251f);
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.wed-table thead th:first-child,
.wed-table tbody th {
    text-align: left;
}
.wed-table tbody th {
    font-weight: 600;
    color: var(--color-text, #25251f);
    background: rgba(0,0,0,.015);
}
.wed-table tbody tr:last-child td,
.wed-table tbody tr:last-child th {
    border-bottom: none;
}
.wed-table tbody tr:hover td,
.wed-table tbody tr:hover th {
    background: rgba(168,181,138,.08);
}

/* ── Form inside modal ────────────────────────────────────── */
.wed-form {
    margin-top: 8px;
}
.wed-form .form__field {
    margin-bottom: 14px;
}
.wed-form .form__field label {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text, #25251f);
    margin-bottom: 6px;
}
.wed-form .form__field input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--color-line, #e0d9c4);
    border-radius: 8px;
    font-size: 15px;
    font-family: inherit;
    background: var(--color-white, #fff);
    color: var(--color-text, #25251f);
    transition: border-color .2s;
}
.wed-form .form__field input:focus {
    outline: none;
    border-color: var(--color-accent, #4a5a3a);
}
.wed-form .form__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text-mute, #6e6c64);
    cursor: pointer;
}
.wed-form .form__consent input {
    margin-top: 3px;
    flex-shrink: 0;
}
.wed-form .form__consent a {
    color: var(--color-accent, #4a5a3a);
    text-decoration: underline;
}
.wed-form .form__status {
    margin: 0 0 12px;
    padding: 10px 12px;
    font-size: 13px;
    text-align: center;
    border-radius: 6px;
    min-height: 0;
}
.wed-form .form__status:empty {
    display: none;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 980px) {
    .wed-locations__grid { grid-template-columns: 1fr; gap: 28px; }
    .wed-formats__grid { grid-template-columns: 1fr; }
    .wed-reviews__grid { grid-template-columns: 1fr; gap: 18px; }
}

@media (max-width: 720px) {
    .wed-pkgs { grid-template-columns: 1fr; gap: 18px; }
    .wed-modal__list { grid-template-columns: 1fr; gap: 6px; }
    .wed-modal__body { padding: 8px 18px 24px; }
    .wed-table { font-size: 12px; }
    .wed-table th, .wed-table td { padding: 8px 10px; }
}

@media (max-width: 560px) {
    .wed-gallery { grid-template-columns: repeat(2, 1fr); }
    .wed-hero { min-height: 540px; }
    .wed-hero__cta { flex-direction: column; align-items: stretch; }
    .wed-hero__cta .btn { text-align: center; }
}


/* Wedding page refinements: compact package cards and standard typography. */
.page-service-svadba-pod-kluch .wed-hero__title,
.page-service-svadba-pod-kluch .wed-intro__head h2,
.page-service-svadba-pod-kluch .wed-locations__head h2,
.page-service-svadba-pod-kluch .wed-formats__head h2,
.page-service-svadba-pod-kluch .wed-gallery-section__head h2,
.page-service-svadba-pod-kluch .wed-reviews__head h2,
.page-service-svadba-pod-kluch .v-cta-band h2 {
    font-family: var(--font-serif);
    font-weight: 500;
    letter-spacing: -0.01em;
}

.page-service-svadba-pod-kluch .script {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    padding: 0 !important;
    transform: none !important;
    text-shadow: none !important;
}

.page-service-svadba-pod-kluch .wed-pkg__body {
    gap: 10px;
}

.page-service-svadba-pod-kluch .wed-pkg__body > .btn {
    margin-top: 10px;
}

.page-service-svadba-pod-kluch .wed-pkg__price {
    margin-bottom: 8px;
}

@media (min-width: 980px) {
    .site-nav {
        gap: clamp(14px, 1.55vw, 24px);
        font-size: 13px;
    }
}


/* Wedding page alignment with shared site typography/layout — 2026-05-25 */
.page-service-svadba-pod-kluch .section { padding: clamp(68px, 8vw, 112px) 0; }
.page-service-svadba-pod-kluch .wed-intro__head,.page-service-svadba-pod-kluch .wed-locations__head,.page-service-svadba-pod-kluch .wed-formats__head,.page-service-svadba-pod-kluch .wed-gallery-section__head,.page-service-svadba-pod-kluch .wed-reviews__head { max-width:760px; margin-left:auto; margin-right:auto; text-align:center; }
.page-service-svadba-pod-kluch .h-1,.page-service-svadba-pod-kluch .wed-modal__title,.page-service-svadba-pod-kluch .wed-pkg__body h3,.page-service-svadba-pod-kluch .wed-pkg__body h4 { font-family:var(--font-serif); font-weight:500; letter-spacing:-.01em; }
.page-service-svadba-pod-kluch .h-1 { font-size:clamp(32px,4vw,56px); line-height:1.04; }
.page-service-svadba-pod-kluch .lead,.page-service-svadba-pod-kluch .wed-intro__body,.page-service-svadba-pod-kluch .wed-loc__sub,.page-service-svadba-pod-kluch .wed-modal__intro,.page-service-svadba-pod-kluch .wed-modal__sub { font-family:var(--font-sans); font-size:clamp(15px,1.15vw,17px); line-height:1.65; }
.page-service-svadba-pod-kluch .script { font-family:inherit!important; font-size:inherit!important; color:inherit!important; letter-spacing:inherit!important; line-height:inherit!important; }

/* Wedding/service hero text left alignment — 2026-05-25 */
.wed-hero__inner,
.s-hero__inner {
    text-align: left !important;
    justify-items: start;
}
.wed-hero__title,
.wed-hero__lead,
.s-hero__title,
.s-hero__lead {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.wed-hero__cta,
.s-hero__cta {
    justify-content: flex-start !important;
}
@media (max-width: 560px) {
    .wed-hero__cta .btn { text-align: center; }
}

/* FINAL: wedding/service hero left placement — 2026-05-25 */
.wed-hero__inner {
    width: 100% !important;
    max-width: var(--container, 1180px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
    align-items: flex-start !important;
}
.wed-hero__title,
.wed-hero__lead {
    max-width: 760px !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
.wed-hero__cta { justify-content: flex-start !important; }
.s-hero__inner { text-align: left !important; justify-items: start !important; }
.s-hero__title,
.s-hero__lead { text-align: left !important; margin-left: 0 !important; margin-right: auto !important; }
.s-hero__cta { justify-content: flex-start !important; }

/* FINAL wedding section heading quality — 2026-05-25 */
.page-service-svadba-pod-kluch .wed-intro__head,
.page-service-svadba-pod-kluch .wed-locations__head,
.page-service-svadba-pod-kluch .wed-formats__head,
.page-service-svadba-pod-kluch .wed-gallery-section__head,
.page-service-svadba-pod-kluch .wed-reviews__head {
    text-align: center !important;
}
.page-service-svadba-pod-kluch .wed-formats__head .lead,
.page-service-svadba-pod-kluch .wed-locations__head .lead,
.page-service-svadba-pod-kluch .wed-gallery-section__head .lead,
.page-service-svadba-pod-kluch .wed-reviews__head .lead {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
@media (min-width: 980px) {
    .page-service-svadba-pod-kluch .wed-formats__head .lead {
        max-width: none !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 720px) {
    .wed-gallery,
    .s-venues,
    .wed-pkgs,
    .wed-formats__grid,
    .wed-locations__grid {
        grid-template-columns: 1fr !important;
    }
}

/* Wedding intro block centered layout — 2026-05-25 */
.page-service-svadba-pod-kluch .wed-intro .container,
.page-service-svadba-pod-kluch .wed-intro .container--narrow {
    max-width: 920px !important;
}
.page-service-svadba-pod-kluch .wed-intro__head {
    text-align: center !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: clamp(26px, 4vw, 42px) !important;
}
.page-service-svadba-pod-kluch .wed-intro__head .eyebrow {
    display: block !important;
    text-align: center !important;
}
.page-service-svadba-pod-kluch .wed-intro__head h2 {
    text-align: center !important;
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.page-service-svadba-pod-kluch .wed-intro__body {
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
.page-service-svadba-pod-kluch .wed-intro__body p {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}
.page-service-svadba-pod-kluch .wed-intro__final {
    max-width: 680px !important;
    text-align: center !important;
}

/* FINAL: compact wedding/service section paddings, excluding hero — 2026-05-25 */
.page-service-svadba-pod-kluch .section:not(.wed-hero):not(.hero):not(.s-hero),
.s-testimonial {
    padding-top: clamp(30px, 4vw, 56px) !important;
    padding-bottom: clamp(30px, 4vw, 56px) !important;
}
.page-service-svadba-pod-kluch .wed-intro__head,
.page-service-svadba-pod-kluch .wed-locations__head,
.page-service-svadba-pod-kluch .wed-formats__head,
.page-service-svadba-pod-kluch .wed-gallery-section__head,
.page-service-svadba-pod-kluch .wed-reviews__head {
    margin-bottom: clamp(18px, 2.8vw, 32px) !important;
}
@media (max-width: 720px) {
    .page-service-svadba-pod-kluch .section:not(.wed-hero):not(.hero):not(.s-hero),
    .s-testimonial {
        padding-top: clamp(24px, 3.4vw, 44px) !important;
        padding-bottom: clamp(24px, 3.4vw, 44px) !important;
    }
}