.elementor-47 .elementor-element.elementor-element-628b285{--display:flex;--min-height:calc(100dvh - 100px);--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.25;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-47 .elementor-element.elementor-element-628b285:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-628b285 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lazurhotel.dewik.pl/wp-content/uploads/2026/09/Poprawiona_Grafika_Hotel_Lazur.png");background-position:bottom center;background-size:cover;}.elementor-47 .elementor-element.elementor-element-628b285::before, .elementor-47 .elementor-element.elementor-element-628b285 > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-628b285 > .e-con-inner > .elementor-background-video-container::before, .elementor-47 .elementor-element.elementor-element-628b285 > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-628b285 > .e-con-inner > .elementor-background-slideshow::before, .elementor-47 .elementor-element.elementor-element-628b285 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-blocksy_palette_3 );--background-overlay:'';}.elementor-47 .elementor-element.elementor-element-adc5a88 img{width:100%;height:125px;}.elementor-47 .elementor-element.elementor-element-9a09dc3{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;}.elementor-47 .elementor-element.elementor-element-9a09dc3 .elementor-heading-title{font-size:55px;font-weight:900;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-blocksy_palette_8 );}.elementor-47 .elementor-element.elementor-element-0c7c229{width:100%;max-width:100%;}.elementor-47 .elementor-element.elementor-element-d628f3a{margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-47 .elementor-element.elementor-element-27da2eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-628b285{--min-height:calc(100dvh - 75px);--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-47 .elementor-element.elementor-element-9a09dc3{text-align:center;}.elementor-47 .elementor-element.elementor-element-9a09dc3 .elementor-heading-title{font-size:45px;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-628b285{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-47 .elementor-element.elementor-element-9a09dc3 .elementor-heading-title{font-size:35px;line-height:1.3em;}}/* Start custom CSS for heading, class: .elementor-element-9a09dc3 *//* =========================================================
   HOTEL LAZUR — SUBTELNE ZAOKRĄGLONE TŁO H1
   ========================================================= */

.hotel-lazur {
    position: relative;
    display: inline-block;

    margin: 0;
    padding: 18px 32px 20px;

    color: #ffffff;

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(40px, 4.6vw, 70px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.025em;
    text-align: center;

    z-index: 2;

    text-shadow:
        0 2px 7px rgba(0, 0, 0, .28),
        0 7px 18px rgba(0, 0, 0, .16);
}


/* Delikatne zaokrąglone szkło za tekstem */
.hotel-lazur::before {
    content: "";

    position: absolute;
    z-index: -1;

    inset: 0;

    background: rgba(255, 255, 255, 0.075);

    border: 1px solid rgba(255, 255, 255, 0.18);

    border-radius: 22px;

    box-shadow:
        0 10px 35px rgba(0, 0, 0, 0.10),
        inset 0 1px 0 rgba(255,255,255,.12);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}


/* =========================================================
   HOVER — BARDZO SUBTELNY
   ========================================================= */

.hotel-lazur:hover::before {
    background: rgba(255, 255, 255, 0.095);

    box-shadow:
        0 14px 40px rgba(0, 0, 0, 0.13),
        inset 0 1px 0 rgba(255,255,255,.15);

    transition:
        background .35s ease,
        box-shadow .35s ease;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .hotel-lazur {
        padding: 15px 26px 18px;
        font-size: clamp(36px, 5.5vw, 58px);
    }

    .hotel-lazur::before {
        border-radius: 18px;
    }
}


/* =========================================================
   TELEFON
   ========================================================= */

@media (max-width: 767px) {

    .hotel-lazur {
        max-width: 92%;

        padding: 13px 18px 17px;

        font-size: clamp(30px, 8vw, 44px);
        line-height: 1.03;
    }

    .hotel-lazur::before {
        border-radius: 15px;

        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
    }

    .hotel-lazur::after {
        width: 34px;
        height: 1.5px;
        bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0c7c229 */```css
/* =========================================================
   HOTEL LAZUR — VIKBOOKING SEARCH
   PREMIUM / RESPONSIVE / IKONY
========================================================= */

:root {
    --lazur-navy: #173B5E;
    --lazur-gold: #F5A623;
    --lazur-text: #344957;
    --lazur-muted: #8A959E;
    --lazur-border: #DFE6EB;
    --lazur-light: #F6F8FA;
}


/* =========================================================
   GŁÓWNA KARTA
========================================================= */

.vbdivsearch.vbo-search-mainview {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;

    padding: 25px 28px 28px;

    box-sizing: border-box;

    background: rgba(255,255,255,.97);

    border: 1px solid rgba(255,255,255,.9);
    border-radius: 22px;

    box-shadow:
        0 20px 50px rgba(23,59,94,.16),
        0 5px 18px rgba(23,59,94,.06);

    position: relative;
    z-index: 30;
}


/* =========================================================
   FORMULARZ
========================================================= */

.vbdivsearch .vb-search-inner {
    width: 100%;

    display: grid;

    grid-template-columns:
        1.25fr
        1.25fr
        .65fr
        1.35fr
        165px;

    gap: 12px;

    align-items: end;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   POJEDYNCZE BLOKI
========================================================= */

.vbdivsearch .vbo-search-inpblock,
.vbdivsearch .vbo-search-num-racblock,
.vbdivsearch .vbo-search-submit {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}


/* =========================================================
   ETYKIETY
========================================================= */

.vbdivsearch .vbo-search-inpblock > label,
.vbdivsearch .vbo-search-num-rooms > label {
    display: block;

    margin: 0 0 6px;

    color: var(--lazur-navy);

    font-size: 12px;
    font-weight: 700;

    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .03em;
}


/* =========================================================
   INPUT / SELECT
========================================================= */

.vbdivsearch input[type="text"],
.vbdivsearch select {
    width: 100% !important;

    height: 52px;
    min-height: 52px;

    box-sizing: border-box;

    margin: 0 !important;

    padding: 0 15px 0 44px;

    border: 1px solid var(--lazur-border) !important;
    border-radius: 12px !important;

    background: #fff !important;

    color: var(--lazur-navy) !important;

    font-family: inherit;
    font-size: 14px;
    font-weight: 600;

    outline: none !important;

    box-shadow:
        0 3px 10px rgba(23,59,94,.045);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}


/* =========================================================
   IKONA — OGÓLNE
========================================================= */

.vbdivsearch .vbo-search-inpblock,
.vbdivsearch .vbo-search-num-rooms,
.vbdivsearch .vbo-search-num-adults-entry,
.vbdivsearch .vbo-search-num-children-entry {
    position: relative;
}


/* =========================================================
   IKONY DAT
========================================================= */

.vbdivsearch .vbo-search-inpblock .input-group {
    position: relative;
    width: 100%;
}


.vbdivsearch .vbo-search-inpblock .input-group::before {
    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    font-size: 15px;

    color: var(--lazur-gold);

    z-index: 3;

    pointer-events: none;
}


/* Check-in */

.vbdivsearch .vbo-search-inpblock-checkin .input-group::before {
    content: "\f133";
}


/* Check-out */

.vbdivsearch .vbo-search-inpblock-checkout .input-group::before {
    content: "\f133";
}


/* =========================================================
   USUNIĘCIE / UJEDNOLICENIE STAREJ IKONY
========================================================= */

.vbdivsearch .vbo-caltrigger {
    color: var(--lazur-navy) !important;

    right: 15px !important;

    font-size: 15px !important;

    pointer-events: none;
}


/* =========================================================
   IKONA POKOJU
========================================================= */

.vbdivsearch .vbo-search-num-rooms::before {
    content: "\f594";

    position: absolute;

    left: 15px;
    bottom: 18px;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    font-size: 14px;

    color: var(--lazur-gold);

    z-index: 3;

    pointer-events: none;
}


/* =========================================================
   BLOK DOROŚLI / DZIECI
========================================================= */

.vbdivsearch .vbo-search-num-racblock {
    display: contents;
}


.vbdivsearch .vbo-search-num-aduchild-block {
    min-width: 0;
}


.vbdivsearch .vbo-search-num-aduchild-entry {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 8px;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   NUMER POKOJU
========================================================= */

.vbdivsearch .vbo-search-roomnum {
    display: none !important;
}


/* =========================================================
   DOROŚLI
========================================================= */

.vbdivsearch .vbo-search-num-adults-entry {
    position: relative;
}


.vbdivsearch .vbo-search-num-adults-entry::before {
    content: "\f007";

    position: absolute;

    left: 14px;
    bottom: 18px;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    font-size: 13px;

    color: var(--lazur-gold);

    z-index: 3;

    pointer-events: none;
}


/* =========================================================
   DZIECI
========================================================= */

.vbdivsearch .vbo-search-num-children-entry {
    position: relative;
}


.vbdivsearch .vbo-search-num-children-entry::before {
    content: "\f1ae";

    position: absolute;

    left: 14px;
    bottom: 18px;

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    font-size: 13px;

    color: var(--lazur-gold);

    z-index: 3;

    pointer-events: none;
}


/* =========================================================
   ETYKIETY DOROŚLI / DZIECI
========================================================= */

.vbdivsearch .vbo-search-num-adults-entry-label,
.vbdivsearch .vbo-search-num-children-entry-label {
    display: block;

    margin: 0 0 6px;

    color: var(--lazur-navy);

    font-size: 12px;
    font-weight: 700;

    line-height: 1.3;

    text-transform: uppercase;
    letter-spacing: .03em;
}


/* =========================================================
   SELECT DOROŚLI / DZIECI
========================================================= */

.vbdivsearch .vbo-search-num-adults-entry select,
.vbdivsearch .vbo-search-num-children-entry select {
    padding-left: 38px !important;
}


/* =========================================================
   SELECT POKOI
========================================================= */

.vbdivsearch .vbo-search-num-rooms select {
    padding-left: 40px !important;
}


/* =========================================================
   HOVER
========================================================= */

.vbdivsearch input[type="text"]:hover,
.vbdivsearch select:hover {
    border-color: #C8D4DC !important;

    box-shadow:
        0 5px 15px rgba(23,59,94,.07);
}


/* =========================================================
   FOCUS
========================================================= */

.vbdivsearch input[type="text"]:focus,
.vbdivsearch select:focus {

    border-color: var(--lazur-gold) !important;

    box-shadow:
        0 0 0 4px rgba(245,166,35,.11),
        0 6px 16px rgba(23,59,94,.08) !important;
}


/* =========================================================
   PRZYCISK
========================================================= */

.vbdivsearch .vbo-search-submit {
    width: 100%;
}


.vbdivsearch .vbo-search-submit button {

    position: relative;

    width: 100% !important;

    height: 52px;
    min-height: 52px;

    margin: 0 !important;

    padding: 0 20px 0 42px;

    border: none !important;
    border-radius: 12px !important;

    background: var(--lazur-navy) !important;

    color: #fff !important;

    font-family: inherit;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: .01em;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(23,59,94,.18);

    transition:
        background .25s ease,
        color .25s ease,
        transform .2s ease,
        box-shadow .25s ease;
}


/* Ikona lupy */

.vbdivsearch .vbo-search-submit button::before {

    content: "\f002";

    position: absolute;

    left: 18px;
    top: 50%;

    transform: translateY(-50%);

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    font-size: 13px;
}


/* Hover */

.vbdivsearch .vbo-search-submit button:hover {

    background: var(--lazur-gold) !important;

    color: var(--lazur-navy) !important;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(23,59,94,.20);
}


.vbdivsearch .vbo-search-submit button:hover::before {
    color: var(--lazur-navy);
}


.vbdivsearch .vbo-search-submit button:active {
    transform: translateY(0);
}


/* =========================================================
   UKRYTE ELEMENTY
========================================================= */

.vbdivsearch input[type="hidden"],
.vbdivsearch #vbjstotnights {
    display: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .vbdivsearch.vbo-search-mainview {

        max-width: 850px;

        padding: 23px;
    }


    .vbdivsearch .vb-search-inner {

        grid-template-columns:
            1fr
            1fr;

        gap: 12px;
    }


    .vbdivsearch .vbo-search-num-racblock {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 12px;
    }


    .vbdivsearch .vbo-search-submit {

        grid-column: 1 / -1;
    }
}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 600px) {

    .vbdivsearch.vbo-search-mainview {

        width: calc(100% - 20px);

        max-width: 500px;

        padding: 20px 16px 21px;

        border-radius: 20px;

        box-shadow:
            0 12px 30px rgba(23,59,94,.16);
    }


    .vbdivsearch .vb-search-inner {

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 11px !important;
    }


    .vbdivsearch .vbo-search-inpblock,
    .vbdivsearch .vbo-search-num-racblock,
    .vbdivsearch .vbo-search-submit {

        width: 100% !important;
        flex: none !important;
    }


    .vbdivsearch .vbo-search-num-racblock {

        display: flex !important;

        flex-direction: column !important;

        gap: 11px !important;
    }


    .vbdivsearch .vbo-search-num-aduchild-entry {

        grid-template-columns: 1fr 1fr;

        gap: 9px;
    }


    .vbdivsearch .vbo-search-inpblock > label,
    .vbdivsearch .vbo-search-num-rooms > label,
    .vbdivsearch .vbo-search-num-adults-entry-label,
    .vbdivsearch .vbo-search-num-children-entry-label {

        margin-bottom: 5px;

        font-size: 11px;
    }


    .vbdivsearch input[type="text"],
    .vbdivsearch select {

        height: 49px;

        min-height: 49px;

        border-radius: 11px !important;

        font-size: 14px;
    }


    .vbdivsearch .vbo-search-num-rooms::before,
    .vbdivsearch .vbo-search-num-adults-entry::before,
    .vbdivsearch .vbo-search-num-children-entry::before {

        bottom: 17px;
    }


    .vbdivsearch .vbo-search-submit button {

        height: 50px;

        min-height: 50px;

        border-radius: 11px !important;
    }
}


/* =========================================================
   BARDZO MAŁE TELEFONY
========================================================= */

@media (max-width: 380px) {

    .vbdivsearch.vbo-search-mainview {

        width: calc(100% - 14px);

        padding: 18px 13px 19px;

        border-radius: 18px;
    }


    .vbdivsearch input[type="text"],
    .vbdivsearch select {

        height: 47px;

        min-height: 47px;

        font-size: 13px;
    }


    .vbdivsearch .vb-search-inner {

        gap: 9px !important;
    }


    .vbdivsearch .vbo-search-num-aduchild-entry {

        gap: 7px;
    }
}
```/* End custom CSS */