@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;1,600&display=swap');

body {
    background: linear-gradient( rgb( 0 0 0 / 0.5 ), rgb( 0 0 0 / 0.5 ) ) fixed  0 0 / cover, linear-gradient(48.17deg, #292b6b 11.21%, #c4559a 71.92%) fixed 0 0 / cover;
    /* background: url('/content/salon.jpg');
    background-size: contain;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; */
    text-align: center;
}


.glass.contentbox,
.glass.wcontentbox,
.glass.swcontentbox,
.glass.xwcontentbox,
.glass.scontentbox,
.glass.xscontentbox {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    padding: 1.5rem;
    color: #fff;
}

.dglass.glass {
    background: rgba(255, 128, 0, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 1rem;
    border: 1px solid rgba(255, 128, 0, 0.3);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    padding: 1.5rem;
    color: #fff;
}

.swcontentbox {
    width: 60%;
    margin: auto;
}

.wcontentbox {
    width: 75%;
    margin: auto;
}

.contentbox {
    width: 40%;
    margin: auto;
}
.scontentbox {
    width: 25%;
    margin: auto;
}
.xscontentbox {
    width: 18%;
    margin: auto;
}

.xwcontentbox {
    width: 90%;
    margin: auto;
}

.glass hr {
    background: linear-gradient(48.17deg, #c4559a 11.21%, #292b6b 91.92%);
    /* background: linear-gradient(48.17deg, #292b6b 11.21%, #c4559a 91.92%); */
    /* background: #c4559a; */
    /* background: #292b6b; */
    /* background: #fff; */
    border: 0;
    height: 5px;
    border-radius: 5px;
}

.ulswleft {
    width: 60%;
    margin: auto;
    text-align: left;
}

.new-title {
    text-decoration: underline;
}

.bwn-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

.ulsleft {
    width: 25%;
    margin: auto;
    text-align: left;
}

.gli {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: none;
    height: 30px;
    border-radius: 15px;
    color: hsl( 240, calc(1 * 100%), 50% );
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition-duration: 0.4s;
}
.gli:hover {
    border: 1px solid #c4559a;
    transform: scale(1.1);
}
.gli:focus {
    border: 1px solid #c4559a;
    color: #c4459a;
    transform: scale(1.2);
}
.gli:disabled {
    border: 1px solid hsl( 0, calc(1 * 100%), 50% );
}
.gli:disabled:hover {
    color: hsl( 0, calc(1 * 100%), 50% );
    cursor: not-allowed;
}

.glbm {
    background: #292b6b;
    height: 30px;
    border: none;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    padding-block: 5px;
    padding-inline: 13px;
    transition-duration: 0.3s;
}
.glbm:hover {
    color: #c4559a;
    transform: scale(1.1);
}
.glbm:focus {
    background: #c4459a;
    color: #fff;
    text-decoration: underline;
    transform: scale(1.2);
}
.glbm:disabled:hover {
    transform: scale(1.1);
    cursor: not-allowed;
}
.glbm:disabled {
    background: #b43950;
}

.small-image {
    height: 20vh;
}

.mini-image {
    height: 10vh;
}

.inline-flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}

/* .glba {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    height: 30px;
    border: none;
    border-radius: 15px;
    color: #292b6b;
    text-align: center;
    border: 3px solid #292b6b;
    padding-block: 1px;
    padding-inline: 6px;
    transition-duration: 0.3s;
}
.glba:hover {
    border: 3px solid #c4559a;
    transform: scale(1.1);
}
.glba:focus {
    border: 3px solid #c4559a;
    color: #c4459a;
    transform: scale(1.2);
}
.glba:disabled:hover {
    border: 3px solid hsl( 0, calc(1 * 100%), 50% );
    color: hsl( 0, calc(1 * 100%), 50% );
    cursor: not-allowed;
}
.glba:disabled {
    border: 3px solid hsl( 0, calc(1 * 100%), 50% );
} */

.glba {
    border: none;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 30px;
    border-radius: 15px;
    color: #292b6b;
    text-align: center;
    padding-block: 1px;
    padding-inline: 6px;
    transition-duration: 0.3s;
}
.glba:hover {
    /* border: 1px solid #c4559a; */
    background: rgba(255, 255, 255, 0.2);
    color: #c4459a;
    transform: scale(1.1);
}
.glba:focus {
    background: rgba(255, 255, 255, 0.25);
    text-decoration: underline;
    color: #c4459a;
    transform: scale(1.2);
}
.glba:disabled:hover {
    border: 1px solid hsl( 0, calc(1 * 100%), 50% );
    color: hsl( 0, calc(1 * 100%), 50% );
    cursor: not-allowed;
}
.glba:disabled {
    border: 3px solid hsl( 0, calc(1 * 100%), 50% );
}

.mobibr {
    display: none;
}

.cennik-zabbox {
    width: 15%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width:123vh) {
    .gli {
        width: 40%;
    }
    .glb {
        width: 40%;
        height: auto;
        padding: 5px;
    }
    .scontentbox {
        width: 40%;
    }
    .ulsleft {
        width: 40%;
    }
    .xscontentbox {
        width: 30%;
    }
    .swcontentbox {
        width: 80%;
    }
    .ulswleft {
        width: 85%;
    }
    .wcontentbox {
        width: 85%;
    }
    .xwcontentbox {
        width: 98%;
    }
    .contentbox {
        width: 75%;
    }
    .mobibr {
        display: block;
    }
    .inline-flex {
        display: block;
    }
    .cennik-zabbox {
        width: 38%;
    }
    footer .footer-item.inline-flex {
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        width: 50%;
    }
    footer br.mobibr {
        margin-bottom: 1.5vh;
    }
}

a {
    color: #ffffff;
}

html * {
    font-family: "Nunito", sans-serif !important;
}

*:focus {
    outline: none !important;
}