/* Sekcje strony pojedynczego apartamentu. */

/* === blok-10 === */
.u-section-1 {
  background-position: 50% 50%;
  min-height: 450px;
}
.u-section-1 .u-shortcode-1 {
  min-height: 450px;
  margin-top: 0;
  margin-bottom: 0;
  height: auto;
}
.u-section-1 .u-group-1 {
  min-height: 80px;
  height: auto;
  width: 880px;
  margin: -225px auto 60px;
}
.u-section-1 .u-container-layout-1 {
  padding-left: 10px;
  padding-right: 10px;
}
.u-section-1 .u-shortcode-2 {
  min-height: 62px;
  height: auto;
  width: 860px;
  margin: 0 auto;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-1 .u-shortcode-1 {
    margin-top: 43px;
  }
  .u-section-1 .u-group-1 {
    height: auto;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
   .u-section-1 {
    min-height: 461px;
  }
  .u-section-1 .u-group-1 {
    width: 720px;
  }
  .u-section-1 .u-shortcode-2 {
    width: 700px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-1 .u-shortcode-1 {
    margin-top: 16px;
  }
  .u-section-1 .u-group-1 {
    width: 540px;
  }
  .u-section-1 .u-shortcode-2 {
    width: 520px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-1 .u-group-1 {
    width: 340px;
  }
  .u-section-1 .u-shortcode-2 {
    width: 320px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-2 .u-sheet-1 {
  min-height: 100px;
}
.u-section-2 .u-group-1 {
  min-height: 80px;
  height: auto;
  width: 880px;
  margin: 20px auto 0;
}
.u-section-2 .u-container-layout-1 {
  padding-left: 10px;
  padding-right: 10px;
}
.u-section-2 .u-shortcode-1 {
  min-height: 62px;
  height: auto;
  width: 860px;
  margin: 0 auto;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-2 .u-group-1 {
    height: auto;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-2 .u-group-1 {
    width: 720px;
  }
  .u-section-2 .u-shortcode-1 {
    width: 700px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-2 .u-group-1 {
    width: 540px;
  }
  .u-section-2 .u-shortcode-1 {
    width: 520px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-2 .u-group-1 {
    width: 340px;
  }
  .u-section-2 .u-shortcode-1 {
    width: 320px;
  }
}
/*/RESPONSIVE_MEDIA*/

 .u-section-3 {
  min-height: 118px;
}
.u-section-3 .u-shortcode-1 {
  min-height: 118px;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.u-section-4 .u-sheet-1 {
  min-height: 261px;
}
.u-section-4 .u-group-1 {
  min-height: 192px;
  height: auto;
  width: 880px;
  margin: 19px auto 50px;
}
.u-section-4 .u-container-layout-1 {
  padding-left: 10px;
  padding-right: 10px;
}
.u-section-4 .u-text-1 {
  font-size: 2.1875rem;
  font-weight: 400;
  margin: 17px auto 0 0;
}
.u-section-4 .u-shortcode-1 {
  min-height: 102px;
  height: auto;
  width: 860px;
  margin: 17px auto 0;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-4 .u-group-1 {
    height: auto;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-4 .u-group-1 {
    width: 720px;
  }
  .u-section-4 .u-shortcode-1 {
    width: 700px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-4 .u-group-1 {
    width: 540px;
  }
  .u-section-4 .u-text-1 {
    font-size: 1rem;
  }
  .u-section-4 .u-shortcode-1 {
    width: 520px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-4 .u-group-1 {
    width: 340px;
  }
  .u-section-4 .u-shortcode-1 {
    width: 320px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-5 .u-sheet-1 {
  min-height: 496px;
}
.u-section-5 .u-group-1 {
  min-height: 460px;
  height: auto;
  width: 880px;
  margin: 18px auto;
}
.u-section-5 .u-container-layout-1 {
  padding: 20px 9px;
}
.u-section-5 .u-text-1 {
  font-size: 2.1875rem;
  font-weight: 400;
  margin: 17px auto 0 1px;
}
.u-section-5 .u-text-2 {
  margin: 20px 0 0;
}
.u-section-5 .u-text-3 {
  margin: 20px 0 0;
}
.u-section-5 .u-text-4 {
  font-size: 1.25rem;
  margin: 35px 0 0;
}
.u-section-5 .u-shortcode-1 {
  min-height: 40px;
  height: auto;
  width: 862px;
  margin: 20px 0 0;
}
.u-section-5 .u-text-5 {
  font-size: 1.25rem;
  margin: 20px 0 0;
}
.u-section-5 .u-image-1 {
  width: 49px;
  height: 31px;
  margin: 20px 813px 0 0;
}
.u-section-5 .u-image-2 {
  width: 49px;
  height: 31px;
  margin: -31px auto 0 58px;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-5 .u-group-1 {
    height: auto;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-5 .u-group-1 {
    width: 720px;
  }
  .u-section-5 .u-text-1 {
    width: auto;
    margin-right: 1px;
  }
  .u-section-5 .u-shortcode-1 {
    width: 702px;
  }
  .u-section-5 .u-image-1 {
    margin-right: 653px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-5 .u-sheet-1 {
    min-height: 452px;
  }
  .u-section-5 .u-group-1 {
    margin-top: 13px;
    margin-bottom: 13px;
    min-height: 426px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }
  .u-section-5 .u-container-layout-1 {
    padding-left: 8px;
    padding-right: 8px;
  }
  .u-section-5 .u-text-1 {
    font-size: 1.125rem;
    margin-left: 2px;
  }
  .u-section-5 .u-text-2 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .u-section-5 .u-text-3 {
    margin-left: 1px;
    margin-right: 1px;
  }
  .u-section-5 .u-text-4 {
    font-size: 1.1764705882352942rem;
    margin-left: 1px;
    margin-right: 1px;
  }
  .u-section-5 .u-shortcode-1 {
    width: 522px;
    margin-left: auto;
    margin-right: auto;
  }
  .u-section-5 .u-text-5 {
    font-size: 1.1764705882352942rem;
    width: auto;
    margin-left: 1px;
    margin-right: 1px;
  }
  .u-section-5 .u-image-1 {
    margin-right: auto;
    margin-left: 1px;
  }
  .u-section-5 .u-image-2 {
    margin-left: 59px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-5 .u-sheet-1 {
    min-height: 439px;
  }
  .u-section-5 .u-group-1 {
    margin-top: 16px;
    margin-bottom: 16px;
    min-height: 407px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }
  .u-section-5 .u-container-layout-1 {
    padding-left: 7px;
    padding-right: 7px;
  }
  .u-section-5 .u-shortcode-1 {
    width: 324px;
  }
  .u-section-5 .u-text-5 {
    margin-top: 17px;
  }
  .u-section-5 .u-image-1 {
    margin-top: 18px;
    margin-left: 2px;
  }
  .u-section-5 .u-image-2 {
    margin-left: 61px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-6 .u-sheet-1 {
  min-height: 119px;
}
.u-section-6 .u-group-1 {
  min-height: 80px;
  height: auto;
  width: 880px;
  margin: 20px auto;
}
.u-section-6 .u-container-layout-1 {
  padding-left: 10px;
  padding-right: 10px;
}
.u-section-6 .u-shortcode-1 {
  min-height: 62px;
  height: auto;
  width: 860px;
  margin: 9px auto 0;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-6 .u-group-1 {
    height: auto;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-6 .u-group-1 {
    width: 720px;
  }
  .u-section-6 .u-shortcode-1 {
    width: 700px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-6 .u-group-1 {
    width: 540px;
  }
  .u-section-6 .u-shortcode-1 {
    width: 520px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-6 .u-group-1 {
    width: 340px;
  }
  .u-section-6 .u-shortcode-1 {
    width: 320px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-7 .u-sheet-1 {
  min-height: 226px;
}
.u-section-7 .u-group-1 {
  min-height: 82px;
  height: auto;
  width: 880px;
  margin: 43px auto 0;
}
.u-section-7 .u-container-layout-1 {
  padding: 0;
}
.u-section-7 .u-shortcode-1 {
  min-height: 82px;
  height: auto;
  width: 880px;
  margin: 0;
}
.u-section-7 .u-list-1 {
  width: 880px;
  margin: 0 auto 43px;
}
.u-section-7 .u-repeater-1 {
  grid-auto-columns: calc(25% - 7.5px);
  grid-template-columns: repeat(4, calc(25% - 7.5px));
  min-height: 59px;
  --gap: 10px;
}
.u-section-7 .u-list-item-1 {
  margin-top: 0;
  margin-bottom: 0;
  --bottom-right-radius: 20px;
  --bottom-left-radius: 20px;
}
.u-section-7 .u-container-layout-2 {
  padding: 10px;
}
.u-section-7 .u-text-1 {
  font-size: 0.875rem;
  margin: 0 auto;
}
.u-section-7 .u-icon-1 {
  margin-right: 10px;
}
.u-section-7 .u-list-item-2 {
  margin-top: 0;
  margin-bottom: 0;
  --bottom-right-radius: 20px;
  --bottom-left-radius: 20px;
}
.u-section-7 .u-container-layout-3 {
  padding: 10px;
}
.u-section-7 .u-text-2 {
  font-size: 0.875rem;
  margin: 0 auto;
}
.u-section-7 .u-icon-2 {
  margin-right: 10px;
}
.u-section-7 .u-list-item-3 {
  margin-top: 0;
  margin-bottom: 0;
  --bottom-right-radius: 20px;
  --bottom-left-radius: 20px;
}
.u-section-7 .u-container-layout-4 {
  padding: 10px;
}
.u-section-7 .u-text-3 {
  font-size: 0.875rem;
  margin: 0 auto;
}
.u-section-7 .u-icon-3 {
  margin-right: 10px;
}
.u-section-7 .u-list-item-4 {
  margin-top: 0;
  margin-bottom: 0;
  --bottom-right-radius: 20px;
  --bottom-left-radius: 20px;
}
.u-section-7 .u-container-layout-5 {
  padding: 10px;
}
.u-section-7 .u-text-4 {
  font-size: 0.875rem;
  margin: 0 auto;
}
.u-section-7 .u-icon-4 {
  margin-right: 10px;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-7 .u-group-1 {
    height: auto;
  }
  .u-section-7 .u-repeater-1 {
    grid-gap: 10px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 991px) {
  .u-section-7 .u-group-1 {
    width: 720px;
  }
  .u-section-7 .u-shortcode-1 {
    width: 720px;
  }
  .u-section-7 .u-list-1 {
    width: 720px;
  }
  .u-section-7 .u-repeater-1 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
    min-height: 193px;
  }
  .u-section-7 .u-text-1 {
    margin-top: 27px;
  }
  .u-section-7 .u-text-2 {
    margin-top: 27px;
  }
  .u-section-7 .u-text-3 {
    margin-top: 27px;
  }
  .u-section-7 .u-text-4 {
    margin-top: 27px;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-7 .u-group-1 {
    width: 540px;
  }
  .u-section-7 .u-shortcode-1 {
    width: 540px;
  }
  .u-section-7 .u-list-1 {
    width: 540px;
  }
  .u-section-7 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
    grid-template-columns: 100%;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 575px) {
  .u-section-7 .u-group-1 {
    width: 340px;
  }
  .u-section-7 .u-shortcode-1 {
    width: 340px;
  }
  .u-section-7 .u-list-1 {
    width: 340px;
  }
  .u-section-7 .u-repeater-1 {
    grid-auto-columns: 100%;
  }
  .u-section-7 .u-text-1 {
    margin-top: 2px;
  }
  .u-section-7 .u-text-2 {
    margin-top: 2px;
  }
  .u-section-7 .u-text-3 {
    margin-top: 2px;
  }
  .u-section-7 .u-text-4 {
    margin-top: 2px;
  }
}
/*/RESPONSIVE_MEDIA*/

.u-section-8 .u-sheet-1 {
  min-height: 429px;
}
.u-section-8 .u-text-1 {
  font-size: 2.1875rem;
  margin: 52px auto 0;
}
.u-section-8 .u-shortcode-1 {
  min-height: 196px;
  height: auto;
  margin: 20px auto 60px;
}
/*RESPONSIVE_MEDIA*/
@media (max-width: 1199px) {
  .u-section-8 .u-shortcode-1 {
    margin-right: initial;
    margin-left: initial;
  }
}
/*/RESPONSIVE_MEDIA*/

/*RESPONSIVE_MEDIA*/
@media (max-width: 767px) {
  .u-section-8 .u-text-1 {
    font-size: 1rem;
  }
}
/*/RESPONSIVE_MEDIA*/

/* === blok-16 === */
/*
     * AKTYWNA PALETA: ciemny + brąz
     *   #d49f58 – akcent (złoty/brąz)
     *   #0d2038 – hover (ciemny granat)
     *   #bdc1c3 – jasne tło/border
     *   #000000 – tekst
     *   #b9c1cc – secondary/border
     *
     * ZAKOMENTOWANA PALETA (niebieski/beż):
     *   #5B84A6 – akcent (niebieski)
     *   #4a7192 – hover (ciemny niebieski)
     *   #DCE8F2 – jasne tło/border
     *   #2f2f2f – tekst
     *   #E7D9C9 – secondary/border (beż)
     */

    .pase-single {
        display: flex;
        gap: 40px;
        align-items: flex-start;
    }
    @media (max-width: 991px) {
        .pase-single { 
            flex-direction: column;
            gap: 30px;
        }
    }
    
    /* Galeria (CENTER + PEEK + FULL WIDTH + INFINITE) */
    .pase-single-gallery {
        flex: 0 0 100%;
        width: 100%;
        position: relative;
        overflow: visible;

        /* full-bleed na całą szerokość okna */
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .pase-gallery-container {
        position: relative;
        width: 100%;
        overflow: visible;
        max-height: none;
    }

    .pase-gallery-viewport {
        width: 100%;
        overflow: hidden;
        /* oddech po bokach + "peek" kolejnych zdjęć */
        padding: 0 clamp(14px, 4.5vw, 56px);
    }

    .pase-gallery-track {
        display: flex;
        gap: clamp(12px, 1.6vw, 20px);
        transition: transform 0.55s cubic-bezier(.2,.8,.2,1);
        will-change: transform;
        align-items: stretch;
    }

    .pase-gallery-slide {
        flex: 0 0 auto;
        width: min(860px, 78vw);     /* kontrola wielkości (desktop) */
        aspect-ratio: 16 / 10;
        overflow: hidden;
        background: #f2f2f2;
        box-shadow: 0 12px 34px rgba(0,0,0,0.14);
        transform: translateZ(0);
    }

    @media (max-width: 991px) {
        .pase-gallery-slide {
            width: 88vw;              /* kontrola wielkości (mobile) */
            aspect-ratio: 4 / 3;
        }
    }

    .pase-gallery-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    /* Strzałki */
    .pase-gallery-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.95);
        border: none;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, opacity 0.2s ease;
        z-index: 10;
        box-shadow: 0 10px 24px rgba(0,0,0,0.18);
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

    .pase-gallery-nav:hover {
        transform: translateY(-50%) scale(1.03);
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 14px 30px rgba(0,0,0,0.22);
    }

    .pase-gallery-nav:disabled {
        opacity: 0.3;
        cursor: not-allowed;
        pointer-events: none;
    }

    .pase-gallery-nav:disabled:hover {
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.95);
        box-shadow: 0 10px 24px rgba(0,0,0,0.18);
    }

    .pase-gallery-nav.prev { left: clamp(10px, 2.5vw, 28px); }
    .pase-gallery-nav.next { right: clamp(10px, 2.5vw, 28px); }

    .pase-gallery-nav::before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        display: block;
    }

    .pase-gallery-nav.prev::before {
        border-width: 8px 12px 8px 0;
        border-color: transparent #0d2038 transparent transparent;
    }

    .pase-gallery-nav.next::before {
        border-width: 8px 0 8px 12px;
        border-color: transparent transparent transparent #0d2038;
    }

    
    @media (max-width: 991px) {
        .pase-single-info {
            flex: 1 1 100%;
            width: 100%;
        }
    }
    
    .pase-single h1 {
        font-family: "Playfair Display", serif;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 1.2;
        color: #ffffff;
        margin: 0;
    }
    
    @media (max-width: 991px) {
        .pase-single h1 {
            font-size: 2rem;
        }
    }
    
    .pase-single-info .pase-icons-row {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 10px 14px;
        padding-block: 20px;
        margin-bottom: 8px;
    }
    @media (max-width: 575px) {
        .pase-single-info .pase-icons-row {
            flex-wrap: wrap;
            row-gap: 8px;
        }
    }
    .pase-single-info .pase-icon-item {
        color: #ffffff;
    }
    .pase-single-info .pase-icon-item svg {
        color: #d49f58;
    }
    .pase-single-info .pase-icon-no-parking svg {
        color: #b9c1cc;
    }
    .pase-single-info .pase-icon-label {
        color: #ffffff;
    }
    .pase-single-info .pase-icon-no-parking .pase-icon-label {
        color: #b9c1cc;
    }
    
    .pase-single .price {
        font-family: "Montserrat", sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: #ffffff;
        margin: 0;
    }
    
    .pase-single .desc {
        font-family: "Montserrat", sans-serif;
        font-size: 1.063rem;
        line-height: 1.6;
        color: #bdc1c3;
        margin: 0;
    }
    
    .pase-single .facilities {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px 24px;
        font-family: "Montserrat", sans-serif;
        font-size: 1.063rem;
        color: #ffffff;
        list-style: none;
        padding: 0;
        margin: 0 0 18px;
    }

    .pase-single .facilities-room-title {
        font-family: "Montserrat", sans-serif;
        font-size: 1.0rem;
        font-weight: 600;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #d49f58;
        margin: 18px 0 10px;
        padding-bottom: 6px;
        border-bottom: 1px solid rgba(212,159,88,.35);
    }
    .pase-single .facilities-room-title:first-child { margin-top: 0; }

    @media (max-width: 991px) {
        .pase-single .facilities {
            grid-template-columns: repeat(2, 1fr);
            gap: 10px 20px;
        }
    }
    
    @media (max-width: 575px) {
        .pase-single .facilities {
            grid-template-columns: 1fr;
            gap: 8px;
        }
    }
    
    .pase-single .facilities li,
    .pase-single .facilities .facility-item {
        position: relative;
        padding-left: 0;
        min-height: 1.5em;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .pase-single .facilities .facility-icon {
        flex-shrink: 0;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #d49f58;
    }
    
    .pase-single .facilities .facility-icon svg {
        width: 22px;
        height: 22px;
    }

/* === blok-17 === */
/*
     * AKTYWNA PALETA: ciemny + brąz
     *   #d49f58 – akcent (złoty/brąz)
     *   #0d2038 – hover (ciemny granat)
     *   #bdc1c3 – jasne tło/border
     *   #000000 – tekst
     *   #b9c1cc – secondary/border
     *
     * ZAKOMENTOWANA PALETA (niebieski/beż):
     *   #5B84A6 – akcent (niebieski)
     *   #4a7192 – hover (ciemny niebieski)
     *   #DCE8F2 – jasne tło/border
     *   #2f2f2f – tekst
     *   #E7D9C9 – secondary/border (beż)
     */

    .pase-booking-component {
        display: flex;
        align-items: stretch;
        max-width: 100%;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
    }
    
    .pase-booking-left {
        flex: 1;
        display: flex;
        align-items: center;
        background: #fff;
        padding: 24px 32px;
        gap: 24px;
    }
    
    .pase-booking-label {
        font-family: "Playfair Display", serif;
        font-size: 1.5rem;
        font-weight: 500;
        color: #000000;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    .pase-booking-separator {
        width: 1px;
        height: 40px;
        background: #E0E0E0;
        flex-shrink: 0;
    }
    
    .pase-booking-price-section {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 2px;
        flex: 1;
        min-width: 200px;
        padding: 0 24px;
    }

    .pase-booking-price-row {
        display: flex;
        align-items: baseline;
        gap: 6px;
    }
    
    .pase-booking-from {
        font-family: "Montserrat", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        color: #666;
    }
    
    .pase-booking-price {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: 500;
        color: #d49f58;
        white-space: nowrap;
    }
    
    .pase-booking-night {
        font-family: "Montserrat", sans-serif;
        font-size: 0.875rem;
        font-weight: 400;
        color: #666;
    }
    
    .pase-booking-button {
        flex: 1;
        background: #d49f58;
        padding: 24px 40px;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.3s ease;
        white-space: nowrap;
        min-width: 0;
    }
    
    .pase-booking-button:hover,
    .pase-booking-button:focus-visible {
        /* Ciemniejszy odcień brązu - nie wtapia się w granatowe tło sekcji, zachowuje spójność marki */
        background: #a87534;
        outline: none;
    }
    
    .pase-booking-button-text {
        font-family: "Montserrat", sans-serif;
        font-size: 0.875rem;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        text-align: center;
    }
    
    @media (max-width: 991px) {
        .pase-booking-component {
            flex-direction: column;
        }
        
        .pase-booking-left {
            flex-direction: column;
            padding: 20px;
            gap: 16px;
            width: 100%;
            text-align: center;
        }
        
        .pase-booking-price-section {
            align-items: center;
        }
        
        .pase-booking-separator {
            width: 100%;
            height: 1px;
        }
        
        .pase-booking-label {
            font-size: 1.25rem;
        }
        
        .pase-booking-price {
            font-size: 1.75rem;
        }
        
        .pase-booking-button {
            width: 100%;
            padding: 20px;
            flex: none;
        }
        
        .pase-booking-button-text {
            font-size: 0.813rem;
        }
    }
    
    @media (max-width: 575px) {
        .pase-booking-left {
            padding: 16px;
        }
        
        .pase-booking-label {
            font-size: 1.125rem;
        }
        
        .pase-booking-price {
            font-size: 1.5rem;
        }
        
        .pase-booking-button {
            padding: 18px 16px;
        }
        
        .pase-booking-button-text {
            font-size: 0.75rem;
        }
    }

/* === blok-18 === */
.pase-async-spin{display:inline-block;width:1em;height:1em;vertical-align:-0.15em;
    border:2px solid rgba(212,159,88,.3);border-top-color:#d49f58;border-radius:50%;
    animation:pase-async-spin .7s linear infinite}
@keyframes pase-async-spin{to{transform:rotate(360deg)}}

/* === blok-22 === */
.pase-apt-location { margin: 28px 0 8px; }
                .pase-apt-location__title {
                    font-family: "Montserrat", sans-serif;
                    font-size: 1.15rem; font-weight: 600; letter-spacing: .04em;
                    text-transform: uppercase; color: #d49f58; margin: 0 0 12px;
                }
                .pase-apt-location__map {
                    width: 100%; height: 360px; border-radius: 12px;
                    overflow: hidden; z-index: 0;
                }
                @media (max-width: 575px) { .pase-apt-location__map { height: 280px; } }

/* === blok-25 === */
@keyframes pase-shimmer{
            0%{background-position:-200% 0}
            100%{background-position:200% 0}
        }
        .pase-related-skeleton{max-width:1200px;margin:0 auto;padding:40px 20px}
        .pase-skel-heading{width:280px;height:36px;border-radius:8px;margin-bottom:30px;
            background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
            background-size:200% 100%;animation:pase-shimmer 1.5s infinite linear}
        .pase-skel-row{display:flex;gap:24px;overflow:hidden}
        .pase-skel-card{flex:0 0 calc(33.33% - 16px);border-radius:20px;overflow:hidden;
            background:#fff;border:1px solid #e0e0e0}
        .pase-skel-img{width:100%;padding-top:60%;
            background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
            background-size:200% 100%;animation:pase-shimmer 1.5s infinite linear}
        .pase-skel-body{padding:20px}
        .pase-skel-line{height:14px;border-radius:4px;margin-bottom:12px;
            background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
            background-size:200% 100%;animation:pase-shimmer 1.5s infinite linear}
        .pase-skel-line.w60{width:60%}.pase-skel-line.w80{width:80%}.pase-skel-line.w100{width:100%}
        .pase-skel-btn{width:120px;height:40px;border-radius:12px;margin-top:8px;
            background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
            background-size:200% 100%;animation:pase-shimmer 1.5s infinite linear}
        @media(max-width:768px){
            .pase-skel-card{flex:0 0 100%}
        }