/* Wnętrze page styles – scoped to #wnetrze-main */
#wnetrze-main {
    min-width: 0;
}

#wnetrze-main .wnetrze-section {
    padding-block: var(--space-7);
}

#wnetrze-main .wnetrze-section--cream {
    background-color: var(--color-cream);
}

#wnetrze-main .wnetrze-section--dark {
    background-color: var(--color-dark-walnut);
    color: var(--color-cream);
}

#wnetrze-main .wnetrze-section--dark h2,
#wnetrze-main .wnetrze-section--dark h3 {
    color: var(--color-cream);
}

#wnetrze-main .wnetrze-section--dark .label-overline {
    color: var(--color-metallic-gold);
}

#wnetrze-main .wnetrze-caption {
    display: block;
    font-size: var(--font-size-caption);
    line-height: var(--line-height-caption);
    color: var(--color-dark-walnut);
    margin-block-start: var(--space-2);
}

#wnetrze-main .wnetrze-section--dark .wnetrze-caption {
    color: var(--color-cream);
}

/* Hero */
#wnetrze-main .wnetrze-hero {
    position: relative;
    min-height: 100svh;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    background-color: var(--color-dark-walnut);
}

#wnetrze-main .wnetrze-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#wnetrze-main .wnetrze-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(74, 55, 40, 0.05) 0%, rgba(74, 55, 40, 0.55) 55%, rgba(74, 55, 40, 0.85) 100%);
}

#wnetrze-main .wnetrze-hero__content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--container-max-width);
    margin-inline: auto;
    padding-inline: var(--container-padding-mobile);
    padding-block-end: var(--space-8);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
    max-width: 60%;
    margin-inline-start: 0;
}

#wnetrze-main .wnetrze-hero__label {
    color: var(--color-metallic-gold);
    margin-block-end: 0;
}

#wnetrze-main .wnetrze-hero__title {
    font-size: var(--font-size-display);
    line-height: var(--line-height-display);
    color: var(--color-cream);
    margin-block-end: 0;
    max-width: 12ch;
}

#wnetrze-main .wnetrze-hero__subtitle {
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body-large);
    color: var(--color-cream);
    margin-block-end: 0;
    max-width: 34ch;
}

#wnetrze-main .wnetrze-hero__cta {
    min-width: 200px;
    margin-block-start: var(--space-2);
}

/* Filozofia */
#wnetrze-main .wnetrze-filozofia {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: var(--grid-gap-major);
    align-items: start;
}

#wnetrze-main .wnetrze-filozofia__text {
    min-width: 0;
}

#wnetrze-main .wnetrze-filozofia__text p {
    max-width: 55ch;
}

#wnetrze-main .wnetrze-filozofia__text .wnetrze-lead {
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body-large);
}

#wnetrze-main .wnetrze-filozofia__media {
    min-width: 0;
    margin: 0;
}

#wnetrze-main .wnetrze-filozofia__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--radius-feature);
    box-shadow: var(--shadow-soft);
}

#wnetrze-main .wnetrze-quote {
    margin-block-start: var(--space-4);
    padding-inline-start: var(--space-4);
    border-inline-start: 2px solid var(--color-metallic-gold);
    font-style: italic;
    color: var(--color-dark-walnut);
    max-width: 48ch;
}

/* Strefy (restauracja, bar, casino, prywatne) */
#wnetrze-main .wnetrze-strefa {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--grid-gap-major);
    align-items: start;
}

#wnetrze-main .wnetrze-strefa--restauracja {
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
}

#wnetrze-main .wnetrze-strefa--casino {
    grid-template-columns: minmax(0, 11fr) minmax(0, 9fr);
}

#wnetrze-main .wnetrze-strefa__text {
    min-width: 0;
}

#wnetrze-main .wnetrze-strefa__text p {
    max-width: 55ch;
}

#wnetrze-main .wnetrze-strefa__media {
    min-width: 0;
    margin: 0;
}

#wnetrze-main .wnetrze-strefa__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-feature);
    box-shadow: var(--shadow-soft);
}

#wnetrze-main .wnetrze-list {
    margin-block-start: var(--space-4);
}

/* Detale */
#wnetrze-main .wnetrze-detale {
    display: flex;
    flex-direction: column;
    gap: var(--grid-gap-major);
}

#wnetrze-main .wnetrze-detale__intro {
    max-width: 70%;
    margin-inline: auto;
    text-align: center;
}

#wnetrze-main .wnetrze-detale__intro p {
    max-width: 60ch;
    margin-inline: auto;
}

#wnetrze-main .wnetrze-detale__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--grid-gap-related);
}

#wnetrze-main .wnetrze-detal-card {
    min-width: 0;
    margin: 0;
}

#wnetrze-main .wnetrze-detal-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-soft);
}

/* Galeria */
#wnetrze-main .wnetrze-galeria {
    display: flex;
    flex-direction: column;
    gap: var(--grid-gap-major);
}

#wnetrze-main .wnetrze-galeria__intro {
    max-width: 70%;
    margin-inline: auto;
    text-align: center;
}

#wnetrze-main .wnetrze-galeria__intro p {
    max-width: 60ch;
    margin-inline: auto;
}

#wnetrze-main .wnetrze-galeria__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--grid-gap-related);
}

#wnetrze-main .wnetrze-galeria__item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
    min-width: 0;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: transform var(--transition-fast);
}

#wnetrze-main .wnetrze-galeria__item:hover {
    transform: scale(1.02);
}

#wnetrze-main .wnetrze-galeria__item img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-soft);
}

#wnetrze-main .wnetrze-galeria__item .wnetrze-caption {
    margin-block-start: 0;
}

/* CTA */
#wnetrze-main .wnetrze-cta {
    max-width: 60%;
    margin-inline: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-4);
}

#wnetrze-main .wnetrze-cta__label {
    margin-block-end: 0;
}

#wnetrze-main .wnetrze-cta h2 {
    margin-block-end: 0;
}

#wnetrze-main .wnetrze-cta p {
    margin-block-end: 0;
    max-width: 55ch;
}

#wnetrze-main .wnetrze-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-3);
    margin-block-start: var(--space-2);
}

#wnetrze-main .wnetrze-cta__actions .btn {
    min-width: 200px;
}

/* Nota */
#wnetrze-main .wnetrze-nota {
    max-width: 70%;
    margin-inline: auto;
    text-align: center;
    border: var(--border-gold-subtle);
    border-radius: var(--radius-card);
    padding: var(--card-padding);
    background-color: var(--color-cream);
}

#wnetrze-main .wnetrze-nota h3 {
    margin-block-end: var(--space-3);
}

#wnetrze-main .wnetrze-nota p {
    margin-block-end: 0;
    max-width: 60ch;
    margin-inline: auto;
}

/* Responsive */
@media (max-width: 1024px) {
    #wnetrze-main .wnetrze-hero__content {
        max-width: 70%;
    }

    #wnetrze-main .wnetrze-filozofia {
        grid-template-columns: 1fr;
        gap: var(--grid-gap-related);
    }

    #wnetrze-main .wnetrze-filozofia__media {
        order: 2;
    }

    #wnetrze-main .wnetrze-strefa {
        grid-template-columns: 1fr;
        gap: var(--grid-gap-related);
    }

    #wnetrze-main .wnetrze-strefa--restauracja,
    #wnetrze-main .wnetrze-strefa--casino {
        grid-template-columns: 1fr;
    }

    #wnetrze-main .wnetrze-strefa__media {
        order: 2;
    }

    #wnetrze-main .wnetrze-strefa--bar .wnetrze-strefa__media,
    #wnetrze-main .wnetrze-strefa--prywatne .wnetrze-strefa__media {
        order: 0;
    }

    #wnetrze-main .wnetrze-detale__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #wnetrze-main .wnetrze-cta {
        max-width: 80%;
    }
}

@media (max-width: 767px) {
    #wnetrze-main .wnetrze-hero {
        min-height: 100svh;
    }

    #wnetrze-main .wnetrze-hero__content {
        max-width: 100%;
        padding-inline: var(--container-padding-mobile);
        padding-block-end: var(--space-6);
        gap: var(--space-3);
    }

    #wnetrze-main .wnetrze-hero__title {
        font-size: var(--font-size-h1);
        line-height: var(--line-height-h1);
        max-width: 100%;
    }

    #wnetrze-main .wnetrze-hero__subtitle {
        font-size: var(--font-size-body);
        line-height: var(--line-height-body);
        max-width: 100%;
    }

    #wnetrze-main .wnetrze-hero__cta {
        width: 100%;
        min-width: 0;
    }

    #wnetrze-main .wnetrze-filozofia,
    #wnetrze-main .wnetrze-strefa {
        grid-template-columns: 1fr;
    }

    #wnetrze-main .wnetrze-filozofia__media,
    #wnetrze-main .wnetrze-strefa__media {
        order: 2;
    }

    #wnetrze-main .wnetrze-strefa--bar .wnetrze-strefa__media,
    #wnetrze-main .wnetrze-strefa--prywatne .wnetrze-strefa__media {
        order: 0;
    }

    #wnetrze-main .wnetrze-detale__intro,
    #wnetrze-main .wnetrze-galeria__intro,
    #wnetrze-main .wnetrze-nota {
        max-width: 100%;
    }

    #wnetrze-main .wnetrze-detale__grid {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    #wnetrze-main .wnetrze-galeria__grid {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    #wnetrze-main .wnetrze-cta {
        max-width: 100%;
        padding-inline: var(--container-padding-mobile);
    }

    #wnetrze-main .wnetrze-cta__actions {
        flex-direction: column;
        width: 100%;
    }

    #wnetrze-main .wnetrze-cta__actions .btn {
        width: 100%;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    #wnetrze-main .wnetrze-hero__title {
        font-size: 2rem;
    }
}