@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

* {
    font-family: Inter, serif;
    font-style: normal;
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, serif;
    font-style: normal
}

h2 {
    font-size: 37px
}

@media (max-width: 768px) {
    h2 {
        font-size: 28px
    }
}

h1, h3 {
    font-weight: 700
}

h4, h6 {
    font-weight: 600
}

.pb-btn {
    background-color: #e4032f;
    background-image: url(../images/button_red/red_center.svg);
    background-position: 100%;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 5px 0 25px !important;
    position: relative;
    text-decoration: none;
    width: auto !important;
    z-index: 1 !important;
    transition: var(--transition-default);
}

[class*='pb-btn'].btn-loader {
    padding: 0 20px !important;
    border-radius: 3px !important;
}

[class*='pb-btn'].btn-loader:before {
    content: '';
    width: 2rem;
    height: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    border: 2px solid var(--white-o-50) !important;
    border-top-color: var(--primary) !important;
}

.pb-btn:not(.btn-loader):before {
    background-color: #e4032f;
    background-image: url(../images/button_red/red_left.svg);
    background-position: 0;
    background-size: contain;
    left: 0;
    padding-right: 12px
}

.pb-btn:not(.btn-loader):after, .pb-btn:not(.btn-loader):before {
    content: "";
    display: block;
    height: 48px;
    position: absolute;
    top: 0
}

.pb-btn:not(.btn-loader):after {
    background-image: url(../images/button_red/red_right.svg);
    background-position: 100%;
    background-size: cover;
    padding-right: 24px;
    right: -23px
}

.pb-btn:hover {
    opacity: .7 !important;
}

.pb-btn-transparent {
    background-color: #fff;
    border: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    color: #001427;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .2s
}

@media (min-height: 1024px) {
    .pb-btn-transparent:hover {
        cursor: pointer;
        opacity: 1 !important
    }
}

.pb-btn-transparent:before {
    border-bottom: 2px dashed #e4032f;
    border-top: 2px dashed #e4032f;
    bottom: 4px;
    left: 4px;
    right: 7px
}

.pb-btn-transparent:after, .pb-btn-transparent:before {
    border-left: 2px dashed #e4032f;
    content: "";
    position: absolute;
    top: 4px
}

.pb-btn-transparent:after {
    background: #fff;
    bottom: 5px;
    height: 41px;
    right: 8px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-transparent.white {
    display: inline-block !important;
    margin-bottom: 8px;
    padding: 0 22px 0 15px
}

.pb-btn-transparent.white:before {
    border-bottom: 2px dashed #001427;
    border-left: 2px dashed #001427;
    border-top: 2px dashed #001427
}

.pb-btn-transparent.white:after {
    border-left: 2px dashed #001427
}

@media (min-height: 1024px) {
    .pb-btn-transparent.white:hover {
        background: #001427;
        color: #fff
    }

    .pb-btn-transparent.white:hover:before {
        border-bottom: 2px dashed #fff;
        border-left: 2px dashed #fff;
        border-top: 2px dashed #fff
    }

    .pb-btn-transparent.white:hover:after {
        background: #001427;
        border-left: 2px dashed #fff
    }
}

.pb-btn-transparent.center {
    margin-inline: auto
}

.pb-btn-transparent-gray {
    background-color: #fff;
    border: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0 35px 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media (max-width: 480px) {
    .pb-btn-transparent-gray {
        padding: 0 20px 0 10px
    }
}

.pb-btn-transparent-gray:before {
    border-bottom: 2px dashed #000;
    border-top: 2px dashed #000;
    bottom: 4px;
    left: 4px;
    right: 7px
}

.pb-btn-transparent-gray:after, .pb-btn-transparent-gray:before {
    border-left: 2px dashed #000;
    content: "";
    position: absolute;
    top: 4px
}

.pb-btn-transparent-gray:after {
    background: #fff;
    bottom: 5px;
    height: 41px;
    right: 8px;
    transform: rotate(18deg);
    width: 5px
}

@media (min-height: 1024px) {
    .pb-btn-transparent-gray:hover {
        background: #001427;
        color: #fff
    }

    .pb-btn-transparent-gray:hover:after {
        background: #001427;
        border-left: 2px dashed #fff
    }

    .pb-btn-transparent-gray:hover:before {
        border-bottom: 2px dashed #fff;
        border-left: 2px dashed #fff;
        border-top: 2px dashed #fff
    }
}

.pb-price-list {
    background-color: transparent;
    background-image: url(../images/button/wybierz_plan_master_left.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 142px
}

@media (max-width: 480px) {
    .pb-price-list {
        font-size: 12px;
        width: 113px
    }
}

.pb-price-list.tab-left {
    padding-left: 24px;
    right: -10px
}

@media (max-width: 480px) {
    .pb-price-list.tab-left {
        padding-left: 14px
    }
}

.pb-price-list.tab-left.active {
    background-image: url(../images/button/wybierz_plan_master_left_active.svg);
    color: #fff
}

.pb-price-list.tab-right {
    background-image: url(../images/button/wybierz_plan_master_right.svg);
    left: -10px;
    padding-left: 39px;
    width: 240px
}

@media (max-width: 480px) {
    .pb-price-list.tab-right {
        padding-left: 25px;
        width: 192px
    }
}

.pb-price-list.tab-right.active {
    background-image: url(../images/button/wybierz_plan_master_right_active.svg);
    color: #fff
}

.single-product-select {
    margin-bottom: 32px;
    position: relative;
    width: 100%
}

.single-product-select.m-0 {
    margin: 0
}

.single-product-select .selected {
    background: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23414D58' d='m7 9.5 5 5 5-5z'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #bac1c4;
    color: #001427;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 48px;
    padding: 0 35px 0 12px;
    position: relative
}

.single-product-select .options {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);
    color: #001427;
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    position: absolute;
    width: 100%;
    z-index: 1001;
    max-height: 250px;
    overflow: auto;
}

.single-product-select .options div {
    cursor: pointer;
    padding: 10px
}

.single-product-select .options div:hover {
    background: #f0f0f0
}

.single-product-select.open .options {
    display: block
}

button {
    line-height: 1 !important
}

@media (min-height: 1024px) {
    a, a:after, a:before, button, button:after, button:before {
        transition: .2s
    }
}

.wmu-container {
    margin: 0 auto;
    max-width: 1280px
}

.wmu-container .grid-2 {
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

.wmu-container .grid-3 {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.wmu-container .grid-4 {
    display: grid;
    grid-template-columns:repeat(4, 1fr)
}

.wmu-container .grid-5 {
    display: grid;
    grid-template-columns:repeat(5, 1fr)
}

.wmu-container .grid-6 {
    display: grid;
    grid-template-columns:repeat(6, 1fr)
}

.wmu-container .grid-7 {
    display: grid;
    grid-template-columns:repeat(7, 1fr)
}

.wmu-container .grid-8 {
    display: grid;
    grid-template-columns:repeat(8, 1fr)
}

.wmu-container .grid-9 {
    display: grid;
    grid-template-columns:repeat(9, 1fr)
}

.wmu-container .grid-10 {
    display: grid;
    grid-template-columns:repeat(10, 1fr)
}

.wmu-container .grid-11 {
    display: grid;
    grid-template-columns:repeat(11, 1fr)
}

.wmu-container .grid-12 {
    display: grid;
    grid-template-columns:repeat(12, 1fr)
}

#monthly {
    display: block
}

#annual {
    display: none
}

.no-scroll {
    height: 100%;
    overflow: hidden
}

.error-form input {
    border-color: #e4032f !important
}

.error-form > span {
    color: #e4032f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.error-form .unit {
    background-image: url(../images/error.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 27px;
    right: 15px !important
}

.zoom-1 a, .zoom-1 button, .zoom-1 h1, .zoom-1 h2, .zoom-1 h3, .zoom-1 h4, .zoom-1 h5, .zoom-1 h6, .zoom-1 li, .zoom-1 p, .zoom-1 span {
    zoom: 1 !important
}

.zoom-2 a, .zoom-2 button, .zoom-2 h1, .zoom-2 h2, .zoom-2 h3, .zoom-2 h4, .zoom-2 h5, .zoom-2 h6, .zoom-2 li, .zoom-2 p, .zoom-2 span {
    zoom: 1.2 !important
}

.zoom-2 .bottom-action, .zoom-2 .bottom-action div, .zoom-2 .bottom-action li, .zoom-2 .bottom-action p, .zoom-2 .bottom-action span {
    zoom: 1 !important
}

.zoom-3 a, .zoom-3 button, .zoom-3 h1, .zoom-3 h2, .zoom-3 h3, .zoom-3 h4, .zoom-3 h5, .zoom-3 h6, .zoom-3 li, .zoom-3 p, .zoom-3 span {
    zoom: 1.4 !important
}

.zoom-3 .homepage-section-6 .newsletter {
    height: auto !important
}

.zoom-3 .main-homepage .home-hero .swiper-slide > div {
    top: 5px !important
}

.zoom-3 .bottom-action, .zoom-3 .bottom-action div, .zoom-3 .bottom-action li, .zoom-3 .bottom-action p, .zoom-3 .bottom-action span {
    zoom: 1 !important
}

.high-contrast-2 {
    background-color: #000 !important;
    color: #fff !important
}

.high-contrast-2 a, .high-contrast-2 button, .high-contrast-2 div, .high-contrast-2 footer, .high-contrast-2 h1, .high-contrast-2 h2, .high-contrast-2 h3, .high-contrast-2 h4, .high-contrast-2 h5, .high-contrast-2 h6, .high-contrast-2 header, .high-contrast-2 label, .high-contrast-2 li, .high-contrast-2 p, .high-contrast-2 span, .high-contrast-2 strong {
    background: #000 !important;
    color: #fff !important;
    text-decoration: underline
}

.high-contrast-2 a:after, .high-contrast-2 a:before, .high-contrast-2 button:after, .high-contrast-2 button:before, .high-contrast-2 div:after, .high-contrast-2 div:before, .high-contrast-2 footer:after, .high-contrast-2 footer:before, .high-contrast-2 h1:after, .high-contrast-2 h1:before, .high-contrast-2 h2:after, .high-contrast-2 h2:before, .high-contrast-2 h3:after, .high-contrast-2 h3:before, .high-contrast-2 h4:after, .high-contrast-2 h4:before, .high-contrast-2 h5:after, .high-contrast-2 h5:before, .high-contrast-2 h6:after, .high-contrast-2 h6:before, .high-contrast-2 header:after, .high-contrast-2 header:before, .high-contrast-2 label:after, .high-contrast-2 label:before, .high-contrast-2 li:after, .high-contrast-2 li:before, .high-contrast-2 p:after, .high-contrast-2 p:before, .high-contrast-2 span:after, .high-contrast-2 span:before, .high-contrast-2 strong:after, .high-contrast-2 strong:before {
    background: transparent !important;
    color: #fff !important
}

.high-contrast-2 .bottom-action, .high-contrast-2 .bottom-action div, .high-contrast-2 .bottom-action li, .high-contrast-2 .bottom-action p, .high-contrast-2 .bottom-action span {
    background: #fff !important;
    color: #001427 !important;
    text-decoration: none
}

.high-contrast-3 {
    background-color: #000 !important;
    color: #ff0 !important
}

.high-contrast-3 a, .high-contrast-3 button, .high-contrast-3 div, .high-contrast-3 footer, .high-contrast-3 h1, .high-contrast-3 h2, .high-contrast-3 h3, .high-contrast-3 h4, .high-contrast-3 h5, .high-contrast-3 h6, .high-contrast-3 header, .high-contrast-3 label, .high-contrast-3 li, .high-contrast-3 p, .high-contrast-3 span, .high-contrast-3 strong {
    background: #000 !important;
    border-color: #ff0 !important;
    color: #ff0 !important;
    text-decoration: underline
}

.high-contrast-3 a:after, .high-contrast-3 a:before, .high-contrast-3 button:after, .high-contrast-3 button:before, .high-contrast-3 div:after, .high-contrast-3 div:before, .high-contrast-3 footer:after, .high-contrast-3 footer:before, .high-contrast-3 h1:after, .high-contrast-3 h1:before, .high-contrast-3 h2:after, .high-contrast-3 h2:before, .high-contrast-3 h3:after, .high-contrast-3 h3:before, .high-contrast-3 h4:after, .high-contrast-3 h4:before, .high-contrast-3 h5:after, .high-contrast-3 h5:before, .high-contrast-3 h6:after, .high-contrast-3 h6:before, .high-contrast-3 header:after, .high-contrast-3 header:before, .high-contrast-3 label:after, .high-contrast-3 label:before, .high-contrast-3 li:after, .high-contrast-3 li:before, .high-contrast-3 p:after, .high-contrast-3 p:before, .high-contrast-3 span:after, .high-contrast-3 span:before, .high-contrast-3 strong:after, .high-contrast-3 strong:before {
    background: transparent !important;
    color: #ff0 !important
}

.high-contrast-3 .bottom-action, .high-contrast-3 .bottom-action div, .high-contrast-3 .bottom-action li, .high-contrast-3 .bottom-action p, .high-contrast-3 .bottom-action span {
    background: #fff !important;
    color: #001427 !important;
    text-decoration: none
}

.pb-center {
    text-align: center
}

@media (max-width: 1024px) {
    .mobile-hidden {
        display: none
    }
}

.footer {
    background: #001427;
    color: #fff;
    padding: 48px 16px 32px;
    position: relative
}

.footer:before {
    background-image: url(../images/bg-footer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 256px;
    content: "";
    height: 100%;
    left: 0;
    margin-inline: auto;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .footer:before {
        display: none
    }
}

.footer__container {
    display: grid;
    gap: 32px;
    grid-template-columns:repeat(4, 1fr);
    margin: 0 auto;
    max-width: 1280px;
    position: relative
}

@media (max-width: 768px) {
    .footer__container {
        grid-template-columns:1fr
    }
}

.footer__container:before {
    background-image: url(../images/frame-footer.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 64.83px;
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: -80px;
    width: 64.83px;
    z-index: 10;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

@media (max-width: 768px) {
    .footer__container:before {
        top: -55px
    }
}

.footer__logo {
    display: block;
    grid-column: 1;
    margin-bottom: 32px;
    width: 100px
}

.footer__logo img {
    height: 56px;
    width: 93px
}

@media (max-width: 768px) {
    .footer__logo {
        margin-bottom: 16px
    }

    .footer__logo img {
        width: 85px
    }
}

.footer__description {
    color: #fff;
    font-size: 14px;
    grid-column: 1;
    line-height: 20px
}

.footer__section h6 {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-block: 0 16px
}

.footer__categories {
    grid-column: 2
}

.footer__information {
    grid-column: 3
}

.footer__contact {
    grid-column: 4
}

.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer__menu a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none
}

.footer__menu a:hover {
    color: #e4032f
}

.footer__contact-item {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.footer__contact-item img {
    height: 20px;
    width: 20px
}

.footer__contact-item a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none
}

.footer__contact-item a:hover {
    color: #e4032f
}

.footer__socials {
    display: flex;
    gap: 12px;
    margin-top: 32px
}

.footer__socials a {
    align-items: center;
    display: flex;
    justify-content: center
}

.footer__socials a, .footer__socials a img {
    height: 24px;
    width: 24px
}

.footer__copyright {
    align-items: start;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 24px;
    grid-column: 1/-1;
    justify-content: space-between;
    line-height: 140%;
    padding-top: 24px
}

@media (max-width: 768px) {
    .footer__copyright {
        gap: 16px
    }

    .footer__copyright-text {
        display: block
    }
}

.footer__copyright-language {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px
}

.footer__copyright-language img {
    height: 24px;
    width: 24px
}

.footer__lang-selector {
    position: relative
}

.footer__lang-button {
    align-items: center;
    background: none;
    border: none;
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    gap: 8px;
    padding: 8px
}

.footer__lang-button img {
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.footer__lang-button .footer__lang-arrow {
    height: 24px;
    transition: transform .3s ease;
    width: 24px
}

.footer__lang-button.active {
    color: #fff
}

.footer__lang-button.active .footer__lang-arrow {
    transform: rotate(180deg)
}

.footer__lang-dropdown {
    background: #001324;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .5);
    display: none;
    margin-bottom: 8px;
    min-width: 160px;
    padding: 8px 0;
    position: absolute;
    right: 0
}

.footer__lang-dropdown:after {
    background: #001324;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    bottom: -5px;
    content: "";
    height: 10px;
    position: absolute;
    right: 20px;
    transform: rotate(45deg);
    width: 10px
}

.footer__lang-dropdown.active {
    display: block
}

.footer__lang-dropdown li {
    list-style: none
}

.footer__lang-option {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 8px;
    max-width: 160px;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s ease
}

.footer__lang-option img {
    height: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.footer__lang-option:hover {
    background: hsla(0, 0%, 100%, .1);
    color: #fff
}

@media (max-width: 768px) {
    .footer {
        padding: 24px 16px
    }

    .footer__categories, .footer__contact, .footer__description, .footer__information, .footer__logo {
        grid-column: 1
    }

    .footer__section h6 {
        margin-bottom: 16px
    }

    .footer__menu {
        display: grid;
        gap: 10px;
        grid-template-columns:1fr 1fr
    }
}

.header {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);
    z-index: 1010;
    width: 100%;
}

.header__promo {
    background: #fce945;
    padding: 10px;
    position: relative
}

.header__promo__content {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-inline: auto;
    max-width: 1280px;
    position: relative
}

.header__promo__content strong {
    font-weight: 500
}

@media (max-width: 768px) {
    .header__promo__content span {
        display: block
    }
}

.header__promo-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.header__nav {
    align-items: center;
    display: grid;
    grid-template-columns: 95px minmax(auto, max-content) auto 50px 50px;
    margin: 0 auto;
    max-width: 1280px;
    padding: 28px 16px;
    box-sizing: content-box;
}

@media (max-width: 768px) {
    .header__nav {
        align-items: center;
        grid-template-columns: 95px minmax(150px, 1fr) 40px 40px 16px;
        padding: 10px;
    }
}

.header .avatar-section {
    justify-self: end;
    margin-right: 10px
}

.header .avatar-section .avatar-image img {
    border: 2px dashed #e4032f;
    border-radius: 100px;
    height: 36px;
    width: 36px
}

.header__menu-logo-wrapper {
    display: flex;
    gap: 16px
}

.header__logo {
    align-items: center;
    display: flex;
    text-decoration: none
}

.header__logo-img {
    display: block;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.header__ue-logo-img {
    height: 48px;
    width: 49px;
    margin-left: 5px;
}

@media (max-width: 768px) {
    .header__logo-img {
        height: 48px
    }

    .header__menu-UE-wrapper {
        height: 40px
    }
}

.header__title-menu-mobile {
    display: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    left: 31px;
    line-height: 150%;
    position: absolute;
    top: 16px
}

@media (max-width: 768px) {
    .header__title-menu-mobile {
        display: block
    }
}

.header__menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    list-style: none;
    margin-left: 24px;
    padding: 0
}

@media (max-width: 768px) {
    .header__menu {
        display: none
    }

    .header__menu.active {
        background: #fff;
        bottom: 0;
        display: block;
        left: 0;
        padding: 68px 16px 16px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10;
        width: 100%;
    }

    .header__menu.active ul {
        border-top: 1px solid #e3e6e8;
        display: block;
        margin-left: 0
    }

    .header__menu li {
        padding: 16px
    }

    .header__menu li:last-child {
        border-bottom: none
    }
}

.header__menu a {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none
}

.header__menu a.active {
    opacity: .7
}

.header__menu a:hover {
    color: #e4032f;
    opacity: 1
}

@media (max-width: 768px) {
    .header__actions .header__login.desktop {
        display: none !important;
    }
}

.header__actions .button-small-header {
    background-image: url(../images/button/small-button-header-mobile.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    max-width: none;
    padding: 0 0 0 16px;
    position: relative;
    text-decoration: none;
    width: 66px !important;
    box-sizing: content-box;
}

@media (max-width: 768px) {
    .header__actions .button-small-header {
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .header__menu a {
        align-items: center;
        display: flex;
        font-size: 16px;
        position: relative
    }

    .header__menu a:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1.15.721a1 1 0 0 1 1.414 0l4.572 4.572a1 1 0 0 1 0 1.414l-4.572 4.571A1 1 0 1 1 1.15 9.864L5.014 6 1.15 2.136a1 1 0 0 1 0-1.415' clip-rule='evenodd'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        height: 12px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 8px
    }
}

.header .mobile-only {
    display: none
}

@media (max-width: 768px) {
    .header .mobile-only {
        border-top: 1px solid #e3e6e8;
        display: block
    }
}

.header .language-selector-mobile {
    align-items: center;
    display: flex;
    gap: 8px
}

.header .language-selector-mobile img {
    height: 24px;
    width: 24px
}

.header .language-submenu {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.header .language-submenu.active {
    display: block
}

.header .language-submenu__header {
    align-items: center;
    border-bottom: 1px solid #e3e6e8;
    display: flex;
    justify-content: space-between;
    padding: 16px
}

.header .language-submenu__header h5 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-left: 8px
}

.header .language-submenu__header span {
    font-size: 16px;
    font-weight: 500
}

.header .language-submenu__header button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 8px
}

.header .language-submenu__content {
    padding: 16px
}

.header .language-submenu__back img {
    height: 24px;
    width: 24px
}

.header .language-submenu__close {
    margin-left: auto
}

.header .language-submenu__option {
    align-items: center;
    color: #001427;
    display: flex;
    padding: 16px;
    position: relative;
    text-decoration: none
}

.header .language-submenu__option img {
    height: 24px;
    margin-right: 12px;
    width: 24px
}

.header .language-submenu__option span {
    flex: 1
}

.header .language-submenu__option.active:after {
    background-image: url(../images/icons/check-gray.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px
}

.header__actions {
    gap: 16px;
    justify-self: end;
    margin-right: 32px
}

.header__actions .header__login {
    width: 170px
}

@media (max-width: 768px) {
    .header__actions {
        margin-right: 24px
    }

    /*.header .language-selector {*/
    /*    display: none*/
    /*}*/
}

.header__mobile-toggle {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    font-size: 20px
}

@media (max-width: 768px) {
    .header__mobile-toggle {
        display: block
    }
}

.header__close-menu {
    background: none;
    border: none;
    color: #4d565b;
    cursor: pointer;
    display: none;
    font-size: 24px;
    position: absolute;
    right: 16px;
    top: 22px;
    z-index: 11
}

.header__close-menu.active {
    display: block
}

.header.steps .header__nav {
    grid-template-columns:95px 1fr 50px 40px 50px;
}

.header.steps .header__nav ul:not([role="menu"]) {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 482px
}

@media (max-width: 768px) {
    .header.steps .header__nav ul:not([role="menu"]) {
        max-width: 450px;
        width: 100%
    }
}

.header.steps .header__nav ul:not([role="menu"]):after {
    background: #e3e6e8;
    bottom: 50%;
    content: "";
    height: 1px;
    position: absolute;
    width: 482px;
}

@media (max-width: 768px) {
    .header.steps .header__nav ul:not([role="menu"]):after {
        width: 100%
    }
}

.header.steps .header__nav ul:not([role="menu"]) li {
    background: #fff;
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    padding: 0 16px;
    z-index: 1;
}

@media (max-width: 480px) {
    .header.steps .header__nav ul:not([role="menu"]) li {
        padding: 0 8px
    }
}

@media (max-width: 768px) {
    .header.steps .header__nav ul:not([role="menu"]) li {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center
    }
}

.header.steps .header__nav ul:not([role="menu"]) li span:first-child {
    background: #e3e6e8;
    border-radius: 50%;
    color: #414d58;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    margin-right: 8px;
    text-align: center;
    width: 20px
}

.header.steps .header__nav ul:not([role="menu"]) li span:first-child.active {
    background: #e4032f;
    color: #fff
}

@media (max-width: 768px) {
    .header.steps .header__nav ul:not([role="menu"]) li span:last-child {
        display: none
    }
}

.newsletter {
    align-items: center;
    background: #fff;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);
    display: grid;
    height: 350px;
    padding: 0 80px;
    position: relative;
    z-index: 1000
}

@media (max-width: 1320px) {
    .newsletter {
        height: auto;
        padding: 56px 16px 220px
    }
}

.newsletter:after {
    background-image: url(../images/bg_newsletter.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10
}

@media (max-width: 768px) {
    .newsletter:after {
        background-position: 100% 100%;
        background-size: auto 190px;
        left: 0
    }
}

.newsletter:before {
    background-image: url(../images/envelope.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-4%, -13%);
    width: 100%;
    z-index: 10
}

@media (max-width: 768px) {
    .newsletter:before {
        transform: translate(-10%, -13%)
    }
}

@media (max-width: 480px) {
    .newsletter:before {
        transform: translate(-20%, -13%)
    }
}

.newsletter-form {
    max-width: 736px;
    position: relative;
    z-index: 1000
}

.newsletter-form h2 {
    color: #001427;
    line-height: 150%
}

@media (max-width: 768px) {
    .newsletter-form h2 {
        text-align: center
    }
}

.newsletter-form p {
    color: #414d58;
    font-size: 18px;
    line-height: 150%
}

@media (max-width: 768px) {
    .newsletter-form p {
        font-size: 16px;
        text-align: center
    }
}

.newsletter-form form .form-grid {
    display: grid;
    gap: 16px;
    grid-template-columns:1fr 133px;
    margin-bottom: 8px;
    margin-top: 24px;
    position: relative
}

@media (max-width: 768px) {
    .newsletter-form form .form-grid {
        gap: 8px;
        grid-template-columns:1fr
    }
}

.newsletter-form form .form-grid input {
    background: #fff;
    border: 1px solid #bac1c4;
    border-radius: 4px;
    color: #617384;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .08));
    font-size: 16px;
    height: 46px;
    line-height: 48px;
    outline: none;
    padding: 0 12px;
    width: calc(100% - 24px)
}

.newsletter-form form .form-grid button {
    border: 0;
    cursor: pointer;
    outline: 0;
    width: 133px
}

@media (max-width: 768px) {
    .newsletter-form form .form-grid button {
        bottom: calc(-100% - 52px);
        left: 0;
        position: absolute
    }
}

.newsletter-form form label {
    height: 36px;
    cursor: pointer;
}

.newsletter-form form a, .newsletter-form form label {
    color: #001427;
    font-size: 12px;
    line-height: 150%
}

.newsletter-form form a:hover {
    text-decoration: underline;
}

.newsletter-form form a input, .newsletter-form form label input {
    margin-right: 6px;
    position: relative;
    top: 1px
}

.blog-item {
    background: #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.blog-item__image {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blog-item__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 24px
}

@media (max-width: 768px) {
    .blog-item__content {
        padding-top: 16px
    }
}

.blog-item__title {
    color: #001427;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-block: 0;
    transition: var(--transition-default);
}

.blog-item:hover .blog-item__title {
    color: #e4032f
}

.blog-item__description {
    color: #414d58;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 34px;
    margin-top: 10px
}

@media (max-width: 1024px) {
    .blog-item__description {
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 3px
    }
}

.blog-item__author {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-top: auto
}

.blog-item__author .avatar-wrapper {
    background-image: url(../images/blog/avatar-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 36px;
    position: relative;
    width: 36px
}

.blog-item__author-avatar {
    border-radius: 50%;
    height: 32px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.blog-item__author-info {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.blog-item__author-name {
    color: #001427;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.blog-item__author-date {
    color: #414d58;
    font-size: 12px;
    line-height: 18px
}

.breadcrumbs {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-bottom: 12px
}

.breadcrumbs--bugfix {
    padding: 48px 16px 0;
    max-width: 1288px;
    margin: 0 auto 12px;
}

@media (max-width: 768px) {
    .breadcrumbs--bugfix {
        padding: 24px 16px 0;
    }
}

.breadcrumbs__item {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    line-height: 150%
}

.breadcrumbs__item:hover {
    color: #e4032f
}

.breadcrumbs__item img {
    height: 20px;
    width: 20px
}

.breadcrumbs__current, .breadcrumbs__separator {
    color: #414d58;
    font-size: 14px
}

.pagination {
    display: flex;
    justify-content: end
}

.pagination__item {
    align-items: center;
    border: 2px dashed transparent;
    color: #001427;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    justify-content: center;
    line-height: 150%;
    text-decoration: none;
    transition: all .3s ease;
    width: 48px;
}

*:not(.pagination__item--active) > .pagination__item:hover {
    color: #b00224
}

.pagination__item--active > .pagination__item {
    border-color: #b00224;
    font-weight: 700;
    cursor: default;
}

.pagination__item--arrow {
    width: 87px;
    box-sizing: content-box;
}

.pagination__item--arrow:hover {
    opacity: .7
}

.pagination__item--arrow.paginate-prev {
    transform: scaleX(-1);
}

.faq-accordion {
    background-color: #fff
}

.faq-accordion .faq-item {
    border-top: 1px solid #e3e6e8;
    overflow: hidden
}

.faq-accordion .faq-item:last-child {
    border-bottom: 1px solid #e3e6e8
}

.faq-accordion .faq-item .faq-header {
    align-items: center;
    background-color: transparent;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 150%;
    padding: 16px;
    text-align: left;
    transition: background-color .3s;
    width: 100%
}

.faq-accordion .faq-item .faq-header .faq-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M12 8.29492L6 14.2949L7.41 15.7049L12 11.1249L16.59 15.7049L18 14.2949L12 8.29492Z" fill="%23414D58"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    transform: rotate(180deg);
    transition: transform .3s ease;
    width: 24px
}

.faq-accordion .faq-item .faq-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 16px;
    transition: max-height .3s ease, padding .3s ease
}

.faq-accordion .faq-item .faq-content p {
    color: #001427;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    padding: 0
}

.faq-accordion .faq-item.open .faq-content {
    margin-bottom: 16px;
    max-height: 100px;
    padding: 0 16px
}

.faq-accordion .faq-item.open .faq-header .faq-icon {
    transform: rotate(0deg)
}

.product-item {
    background: #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    padding: 16px
}

.product-item-image {
    height: 400px;
    overflow: hidden;
    position: relative
}

@media (max-width: 768px) {
    .product-item-image {
        height: 300px
    }
}

.product-item-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .2s;
    width: 100%
}

.product-item-image img:hover {
    transform: scale(1.1)
}

.product-item-image-top {
    display: flex;
    left: 0;
    padding: 0 8px;
    position: absolute;
    right: 0;
    top: 12px
}

.product-item-image-top-level {
    display: flex
}

.product-item-image-top-level img {
    height: 24px;
    width: 24px
}

.product-item-image-top-info {
    align-items: center;
    display: flex;
    margin-left: auto
}

.product-item-image-top-info-sale {
    background: #e4032f;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 0 4px 2px
}

.product-item-image-top-info-favorite {
    background-image: url(../images/icons/favorite_border.svg);
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    margin-left: 14px;
    transition: .2s;
    width: 24px
}

.product-item-image-top-info-favorite.active, .product-item-image-top-info-favorite:hover {
    background-image: url(../images/icons/favorite.svg)
}

.product-item-bottom {
    align-items: center;
    display: flex;
    padding-top: 8px
}

.product-item-bottom-left h4 {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.product-item-bottom-left span {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.product-item-bottom-right {
    margin-left: auto
}

.product-item-bottom-right a {
    display: block;
    padding: 0 37.5px 0 22.5px;
}

.product-item-bottom-right a.pb-btn-item {
    background-image: url(../images/button/chce_to_uszyc.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #001427;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    position: relative;
    text-decoration: none;
    transition: var(--transition-default);
}

.product-item-bottom-right a.pb-btn-item:hover,
.product-item:hover a.pb-btn-item {
    background-image: url(../images/button/chce_to_uszyc_hover.svg);
    color: #fff
}

.personal-info-form input, .personal-info-form select {
    border: 1px solid #b00224;
    color: #001427;
    line-height: 22px;
    padding: 12px
}

.personal-info-form input:focus, .personal-info-form select:focus {
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5);
    outline: none
}

.personal-info-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath fill='%23414D58' d='m0 .5 5 5 5-5z'/%3E%3C/svg%3E") no-repeat;
    background-position: calc(100% - 16px);
    background-size: 10px 6px;
    cursor: pointer
}

.personal-info-form .registration-page__field {
    margin-bottom: 16px
}

.personal-info-form .registration-page__field label {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

#form-register-second-step .pb-btn-personal-info {
    background-color: transparent;
    background-image: url(../images/button/dalej.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 96px;
    transition: var(--transition-default);
}

#form-register-second-step .pb-btn-personal-info:hover {
    background-image: url(../images/button/dalej_hover.svg);
    color: #fff
}

@media (max-width: 768px) {
    .personal-info-form .registration-page__field {
        margin-bottom: 12px
    }
}

.pb-btn-black {
    background-color: #001427;
    border: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/1em sans-serif;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0 35px 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media (max-width: 480px) {
    .pb-btn-black {
        padding: 0 20px 0 10px
    }
}

.pb-btn-black:before {
    border-bottom: 2px dashed #fff;
    border-top: 2px dashed #fff;
    bottom: 4px;
    left: 4px;
    right: 7px
}

.pb-btn-black:after, .pb-btn-black:before {
    border-left: 2px dashed #fff;
    content: "";
    position: absolute;
    top: 4px
}

.pb-btn-black:after {
    background: #001427;
    height: 41px;
    right: 8px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-black.left:hover {
    background: #fff;
    color: #001427
}

.pb-btn-black.left:hover:before {
    border-color: #001427
}

.pb-btn-black.left:hover:after {
    background: #fff;
    border-color: #001427
}

.pb-btn-black.right {
    clip-path: polygon(15px 0, 100% 0, 100% 0, 100% 100%, 0 100%);
    padding: 0 22px 0 40px
}

@media (max-width: 480px) {
    .pb-btn-black.right {
        padding: 0 10px 0 20px
    }
}

.pb-btn-black.right:before {
    border-bottom: 2px dashed #fff;
    border-top: 2px dashed #fff;
    bottom: 4px;
    left: 4.5px;
    right: 4px;
    top: 4px
}

.pb-btn-black.right:after, .pb-btn-black.right:before {
    border-right: 2px dashed #fff;
    content: "";
    position: absolute
}

.pb-btn-black.right:after {
    background: #001427;
    height: 41px;
    left: 5px;
    top: 2px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-black.right:hover {
    background: #fff;
    color: #001427
}

.pb-btn-black.right:hover:before {
    border-color: #001427
}

.pb-btn-black.right:hover:after {
    background: #fff;
    border-color: #001427
}

.pb-btn-accent {
    background-color: #fff;
    border: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/1em sans-serif;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0 35px 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media (max-width: 480px) {
    .pb-btn-accent {
        padding: 0 20px 0 10px
    }
}

.pb-btn-accent:before {
    border-bottom: 2px dashed #b00224;
    border-top: 2px dashed #b00224;
    bottom: 4px;
    left: 4px;
    right: 7px
}

.pb-btn-accent:after, .pb-btn-accent:before {
    border-left: 2px dashed #b00224;
    content: "";
    position: absolute;
    top: 4px
}

.pb-btn-accent:after {
    background: #fff;
    bottom: 5px;
    height: 41px;
    right: 8px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-accent.left:hover {
    background: #b00224;
    color: #fff
}

.pb-btn-accent.left:hover:before {
    border-color: #fff
}

.pb-btn-accent.left:hover:after {
    background: #b00224;
    border-color: #fff
}

.pb-btn-accent.right {
    clip-path: polygon(15px 0, 100% 0, 100% 0, 100% 100%, 0 100%);
    padding: 0 22px 0 40px
}

@media (max-width: 480px) {
    .pb-btn-accent.right {
        padding: 0 10px 0 20px
    }
}

.pb-btn-accent.right:before {
    border-bottom: 2px dashed #b00224;
    border-top: 2px dashed #b00224;
    bottom: 4px;
    left: 4.5px;
    right: 4px;
    top: 4px
}

.pb-btn-accent.right:after, .pb-btn-accent.right:before {
    border-right: 2px dashed #b00224;
    content: "";
    position: absolute
}

.pb-btn-accent.right:after {
    background: #fff;
    height: 41px;
    left: 5px;
    top: 2px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-accent.right:hover {
    background: #b00224;
    color: #fff
}

.pb-btn-accent.right:hover:before {
    border-color: #fff
}

.pb-btn-accent.right:hover:after {
    background: #b00224;
    border-color: #fff
}

.pb-btn-red {
    background-color: #e4032f;
    border: 0;
    clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/1em sans-serif;
    height: 48px;
    line-height: 48px;
    outline: none;
    padding: 0 35px 0 24px;
    position: relative;
    text-align: center;
    text-decoration: none
}

@media (max-width: 480px) {
    .pb-btn-red {
        padding: 0 20px 0 10px
    }
}

.pb-btn-red:before {
    border-bottom: 2px dashed #fff;
    border-top: 2px dashed #fff;
    bottom: 4px;
    left: 4px;
    right: 7px
}

.pb-btn-red:after, .pb-btn-red:before {
    border-left: 2px dashed #fff;
    content: "";
    position: absolute;
    top: 4px
}

.pb-btn-red:after {
    background: #e4032f;
    bottom: 5px;
    height: 41px;
    right: 8px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-red.left:hover {
    background: #e4032f;
    color: #fff
}

.pb-btn-red.left:hover:before {
    border-color: #fff
}

.pb-btn-red.left:hover:after {
    background: #e4032f;
    border-color: #fff
}

.pb-btn-red.right {
    clip-path: polygon(15px 0, 100% 0, 100% 0, 100% 100%, 0 100%);
    padding: 0 22px 0 40px
}

@media (max-width: 480px) {
    .pb-btn-red.right {
        padding: 0 10px 0 20px
    }
}

.pb-btn-red.right:before {
    border-bottom: 2px dashed #fff;
    border-top: 2px dashed #fff;
    bottom: 4px;
    left: 4.5px;
    right: 4px;
    top: 4px
}

.pb-btn-red.right:after, .pb-btn-red.right:before {
    border-right: 2px dashed #fff;
    content: "";
    position: absolute
}

.pb-btn-red.right:after {
    background: #e4032f;
    height: 41px;
    left: 5px;
    top: 2px;
    transform: rotate(18deg);
    width: 5px
}

.pb-btn-red.right:hover {
    background: #fff;
    color: #001427
}

.pb-btn-red.right:hover:before {
    border-color: #e4032f
}

.pb-btn-red.right:hover:after {
    background: #fff;
    border-color: #e4032f
}

#videoDialog {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: flex;
    height: 100% !important;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    visibility: hidden;
    width: 100% !important;
    z-index: 1000000
}

#videoDialog.active {
    opacity: 1;
    visibility: visible
}

.video-content {
    margin: 0 auto;
    max-width: 792px;
    position: relative;
    width: 792px
}

@media (max-width: 991px) {
    .video-content {
        width: 100%
    }
}

.video-content-inline {
    display: grid;
    grid-template-columns:1fr auto;
    width: 100%
}

#card-id-measure .card-header {
    padding: 0;
}

.video-content h3, #card-id-measure .card-header-title {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

#card-id-measure .card-modal-close > span {
    color: #414D58;
    font-size: 26px;
}

@media (max-width: 768px) {
    .video-content h3, #card-id-measure .card-header-title {
        font-size: 18px
    }

    #card-id-measure .card-modal-close > span {
        font-size: 20px;
    }
}

#data-text, #card-id-measure .card-body p {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px
}

#card-id-measure .plyr {
    margin-top: 24px;
    width: 100%;
}

.video-container {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    display: flex;
    justify-content: center;
    padding: 48px
}

@media (max-width: 768px) {
    .video-container {
        padding: 24px
    }
}

iframe:not([title="reCAPTCHA"]):not([id*="youtube-"]):not([id*="vimeo-"]) {
    height: 390px;
    margin-top: 24px;
    width: 100%
}

@media (max-width: 768px) {
    iframe:not([title="reCAPTCHA"]):not([id*="youtube-"]):not([id*="vimeo-"]) {
        height: auto;
        margin-top: 12px;
        min-height: 250px
    }
}

.close-btn {
    background: transparent;
    border: 0;
    cursor: pointer
}

.price-list-tabs .stripe {
    margin-top: 0 !important;
    position: relative
}

.price-list-tabs .button-price-list {
    margin: 56px 0 6px;
    text-align: center
}

@media (max-width: 480px) {
    .price-list-tabs .button-price-list {
        margin: 32px 0 36px
    }
}

.price-list-tabs .content-price-list {
    padding: 0 8px
}

.price-list-tabs .content-price-list .grid-3 {
    gap: 32px;
    overflow-x: auto;
    -ms-overflow-style: none;
    padding: 50px 40px;
    scrollbar-width: none
}

.price-list-tabs .content-price-list .grid-3::-webkit-scrollbar {
    display: none
}

@media (max-width: 768px) {
    .price-list-tabs .content-price-list .grid-3 {
        gap: 16px
    }
}

.price-list-tabs .content-price-list .grid-3 .item-price-list {
    background: #fff;
    box-shadow: 0 5px 20px 2px rgba(66, 68, 90, .26);
    min-width: 330px;
    padding: 49px 24px;
    transition: .2s
}

@media (max-width: 480px) {
    .price-list-tabs .content-price-list .grid-3 .item-price-list {
        min-width: 230px
    }
}

.price-list-tabs .content-price-list .grid-3 .item-price-list:hover {
    box-shadow: 0 5px 20px 2px rgba(66, 68, 90, .56)
}

.price-list-tabs .content-price-list .grid-3 .item-price-list .image {
    margin-bottom: 32px;
    text-align: center
}

.price-list-tabs .content-price-list .grid-3 .item-price-list h4 {
    color: #001427;
    font-size: 28px;
    font-weight: 600;
    line-height: 150%
}

.price-list-tabs .content-price-list .grid-3 .item-price-list h3 {
    color: #001427;
    font-size: 37px;
    line-height: 150%
}

.price-list-tabs .content-price-list .grid-3 .item-price-list h3 span {
    font-size: 30px;
    font-weight: 400
}

.price-list-tabs .content-price-list .grid-3 .item-price-list ul {
    margin: 8px 0 32px;
    padding: 0
}

.price-list-tabs .content-price-list .grid-3 .item-price-list ul li {
    color: #001427;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    list-style: none
}

.price-list-tabs .content-price-list .grid-3 .item-price-list ul li.green {
    color: #15803d
}

.price-list-tabs .content-price-list .grid-3 .item-price-list ul li:before {
    background-image: url(../images/price_list/pin.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    margin-right: 12px;
    padding-left: 20px;
    position: relative;
    width: 100%
}

.price-list-tabs .content-price-list .grid-3 .item-price-list a {
    display: inline-block;
    padding: 0 39px 0 25px;
    width: auto
}

.price-list-tabs .content-price-list .grid-3 .item-price-list.active {
    position: relative
}

.price-list-tabs .content-price-list .grid-3 .item-price-list.active:before {
    background-image: url(../images/active_plan.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 150px;
    left: -4px;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 100
}

.price-list-tabs .content-price-list .grid-3 .item-price-list.active a {
    display: none
}

#price-dialog {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    display: flex;
    height: 100% !important;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    visibility: hidden;
    width: 100% !important;
    z-index: 1000000
}

#price-dialog.active {
    opacity: 1;
    visibility: visible
}

.price-dialog-content {
    margin: 0 auto;
    max-width: 500px;
    position: relative;
    width: 500px
}

@media (max-width: 768px) {
    .price-dialog-content {
        width: auto
    }
}

.price-dialog-content .price-dialog-header .grid-content {
    align-items: center;
    display: grid;
    grid-template-columns:1fr auto
}

.price-dialog-content .price-dialog-body .top-grid {
    border-bottom: 1px solid #e3e6e8;
    display: grid;
    gap: 24px;
    grid-template-columns:auto 1fr;
    padding: 24px 0
}

.price-dialog-content .price-dialog-body .top-grid h5 {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.price-dialog-content .price-dialog-body .top-grid ul {
    margin: 8px 0 0;
    padding: 0
}

.price-dialog-content .price-dialog-body .top-grid ul li {
    color: #001427;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    list-style: none
}

.price-dialog-content .price-dialog-body .top-grid ul li.green {
    color: #15803d
}

.price-dialog-content .price-dialog-body .top-grid ul li:before {
    background-image: url(../images/price_list/pin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px 16px;
    content: "";
    height: 100%;
    margin-right: 12px;
    padding-left: 10px;
    position: relative;
    top: 1px;
    width: 100%
}

.price-dialog-content .price-dialog-body .bottom-grid-content {
    border-bottom: 1px solid #e3e6e8;
    padding-bottom: 16px
}

.price-dialog-content .price-dialog-body .bottom-grid-content > span {
    color: #617384;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px
}

.price-dialog-content .price-dialog-body .bottom-grid-content h6 {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 16px
}

.price-dialog-content .price-dialog-body .bottom-grid-content .bottom-grid {
    display: grid;
    grid-template-columns:1fr auto;
    margin: 4px
}

.price-dialog-content .price-dialog-body .bottom-grid-content .bottom-grid .left p {
    color: #414d58;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.price-dialog-content .price-dialog-body .bottom-grid-content .bottom-grid .right p {
    color: #414d58;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 0 auto
}

.price-dialog-content .price-dialog-body .bottom-grid-content .bottom-grid .right.green p {
    color: #0e9f6e
}

.price-dialog-content .price-dialog-footer {
    margin: 24px 0 0;
    text-align: right
}

.price-dialog-content .price-dialog-footer .form-actions .left {
    left: 15px
}

@media (max-width: 768px) {
    .price-dialog-content .price-dialog-footer .form-actions .left {
        padding: 0 35px 0 24px
    }
}

.price-dialog-content .close-btn {
    background: transparent;
    border: 0;
    cursor: pointer;
    position: relative;
    top: 0
}

.price-dialog-container {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    display: flex;
    padding: 24px
}

.price-dialog-container h4 {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.bottom-action {
    align-items: center;
    background: #fff;
    padding: 12px 0;
    width: 100%
}

.bottom-action-content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1280px
}

.bottom-action-content ul {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0 24px 0 0;
    padding: 0
}

.bottom-action-content ul li {
    align-items: center;
    display: flex;
    justify-content: center
}

.bottom-action-content ul li p {
    color: #001427;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-right: 8px
}

.bottom-action-content ul li span {
    cursor: pointer;
    display: inline-block;
    height: 22px;
    text-align: center;
    width: 22px
}

.bottom-action-content ul:last-child span {
    margin-right: 4px
}

.main-homepage .swiper-pagination {
    bottom: 56px;
    position: absolute
}

@media (max-width: 768px) {
    .main-homepage .swiper-pagination {
        bottom: 57px
    }
}

.main-homepage .swiper-pagination-bullet {
    background-color: transparent;
    background-image: url(../images/dot.png);
    background-size: cover;
    height: 24px;
    opacity: 1 !important;
    transition: transform .3s ease;
    width: 24px
}

.main-homepage .swiper-pagination-bullet-active {
    background-image: url(../images/dot_active.png);
    height: 24px;
    width: 24px
}

.main-homepage .home-hero {
    position: relative;
    z-index: 0
}

.main-homepage .home-hero .swiper-hero {
    overflow: hidden;
    width: 100%
}

.main-homepage .home-hero .swiper-slide {
    max-height: 450px;
    min-height: 450px;
    text-align: center
}

.main-homepage .home-hero .swiper-slide:after {
    z-index: 15;
    background: rgba(0, 0, 0, .15);
}

@media (max-width: 768px) {
    .main-homepage .home-hero .swiper-slide {
        max-height: 600px;
        min-height: 600px
    }
}

.main-homepage .home-hero .swiper-slide img {
    max-height: 450px;
    min-height: 450px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

@media (max-width: 768px) {
    .main-homepage .home-hero .swiper-slide img {
        max-height: 600px;
        min-height: 600px;
        -o-object-position: center;
        object-position: center
    }
}

.main-homepage .home-hero .swiper-slide > div {
    left: 80px;
    max-width: 600px;
    position: absolute;
    text-align: left;
    top: 120px;
    z-index: 20;
}

@media (max-width: 768px) {
    .main-homepage .home-hero .swiper-slide > div {
        font-size: 38px;
        height: 600px;
        left: 16px;
        line-height: 140%;
        max-height: 600px;
        max-width: 360px;
        top: 96px
    }
}

.main-homepage .home-hero .swiper-slide > div h1 {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 53px;
    text-shadow: var(--text-shadow-default);
}

@media (max-width: 768px) {
    .main-homepage .home-hero .swiper-slide > div h1 {
        font-size: 38px;
        line-height: 140%
    }
}

.main-homepage .home-hero .swiper-slide > div a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    margin-top: 32px;
    text-align: center;
    text-decoration: none
}

.main-homepage .home-hero-svg {
    bottom: -325px;
    position: absolute;
    z-index: 1000
}

.main-homepage .home-hero-svg-mobile {
    display: none
}

@media (max-width: 768px) {
    .main-homepage .home-hero-svg {
        display: none
    }

    .main-homepage .home-hero-svg-mobile {
        display: block;
        position: absolute;
        right: 0;
        top: -130px;
        z-index: 10
    }
}

.main-homepage .homepage-section-1 {
    padding: 96px 36px 0
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-1 {
        background-image: url(../images/scissors.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        padding: 56px 16px
    }
}

.main-homepage .homepage-section-1 h2 {
    color: #001427;
    line-height: 150%;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-1 h2 {
        font-size: 24px
    }
}

.main-homepage .homepage-section-1 > .wmu-container {
    padding: 32px 0 0
}

.main-homepage .homepage-section-1 > .wmu-container > div {
    gap: 32px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-1 > .wmu-container > div {
        grid-template-columns:1fr
    }
}

.main-homepage .homepage-section-1 > .wmu-container > div .s1-item-grid {
    margin: 0 auto;
    max-width: 325px;
    text-align: center
}

.main-homepage .homepage-section-1 > .wmu-container > div .s1-item-grid h5 {
    color: #001427;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin: 12px 0
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-1 > .wmu-container > div .s1-item-grid h5 {
        font-size: 20px
    }
}

.main-homepage .homepage-section-1 > .wmu-container > div .s1-item-grid p {
    color: #414d58;
    font-size: 16px;
    line-height: 150%
}

.main-homepage .homepage-section-2 {
    padding: 96px 36px;
    position: relative
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-2 {
        padding: 0 16px 56px
    }
}

.main-homepage .homepage-section-2:before {
    background-image: url(../images/dot_bg.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-2:before {
        background: none
    }
}

.main-homepage .homepage-section-2:after {
    background-image: url(../images/bg_w.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -50px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-2:after {
        background: none
    }
}

.main-homepage .homepage-section-2 h2 {
    color: #001427;
    line-height: 150%;
    text-align: center
}

.main-homepage .homepage-section-2 > .wmu-container {
    padding: 32px 0 0
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-2 > .wmu-container {
        padding: 24px 0 0
    }
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows:auto auto;
    row-gap: 4px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-2 > .wmu-container .grid-layout {
        grid-template-columns:1fr
    }
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout > div {
    overflow: hidden
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout > div img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: .2s;
    width: 100%
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout > div img:hover {
    transform: scale(1.1)
}

@media (min-width: 769px) {
    .main-homepage .homepage-section-2 > .wmu-container .grid-layout > :first-child, .main-homepage .homepage-section-2 > .wmu-container .grid-layout > :nth-child(2) {
        grid-column: span 3
    }

    .main-homepage .homepage-section-2 > .wmu-container .grid-layout > :nth-child(3), .main-homepage .homepage-section-2 > .wmu-container .grid-layout > :nth-child(4), .main-homepage .homepage-section-2 > .wmu-container .grid-layout > :nth-child(5) {
        grid-column: span 2
    }
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout a {
    position: relative;
    display: inline;
}

.main-homepage .homepage-section-2 > .wmu-container .grid-layout a span {
    bottom: 36px;
    left: 0;
    padding: 0 34px 0 24px;
    position: absolute
}

.main-homepage .homepage-section-3 {
    padding: 0 36px 96px;
    position: relative;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-3 {
        padding: 0 16px 56px
    }
}

.main-homepage .homepage-section-3 > h2 {
    color: #001427;
    line-height: 150%
}

.main-homepage .homepage-section-3 > p,
.main-homepage .homepage-section-1 > p {
    color: #414d58;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 32px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-3 > p,
    .main-homepage .homepage-section-1 > p {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 22px
    }
}

.main-homepage .homepage-section-3 svg {
    margin: 0 auto
}

.main-homepage .homepage-section-3 > .wmu-container > div {
    gap: 32px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-3 > .wmu-container > div {
        -moz-column-gap: 28px;
        column-gap: 28px;
        grid-template-columns:repeat(2, 1fr);
        row-gap: 52px
    }
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid {
    position: relative;
    text-align: center
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid svg {
    line-height: 72px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:first-child img {
    height: 72px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:nth-child(2) svg {
    height: 56px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:nth-child(3) svg, .main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:nth-child(4) svg, .main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:nth-child(5) svg {
    height: 60px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid:nth-child(6) svg {
    height: 62px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid > div:nth-child(2) {
    align-items: center;
    display: flex;
    height: 72px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid > div:first-child {
    background: #fff;
    background-image: url(../images/border_number.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid > div:first-child span {
    color: #001427;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    width: 36px
}

.main-homepage .homepage-section-3 > .wmu-container > div .s3-item-grid h6 {
    color: #001427;
    font-size: 15px;
    line-height: 150%;
    margin-top: 16px
}

.main-homepage .homepage-section-4 {
    padding: 0 70px 96px;
    position: relative;
    text-align: center;
    z-index: 100
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-4 {
        padding: 0 16px 16px
    }
}

.main-homepage .homepage-section-4:after {
    background-image: url(../images/bg_opinion.svg);
    background-position: bottom -100px right;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: -60px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-4:after {
        background-position: 0;
        background: none;
        bottom: 0;
        left: 0
    }
}

.main-homepage .homepage-section-4 > h2 {
    color: #001427;
    line-height: 150%;
    margin-bottom: 48px;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-4 > h2 {
        margin-bottom: 24px
    }
}

.main-homepage .homepage-section-4 .homepage-content-opinion {
    position: relative;
    z-index: 100
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion {
    overflow: hidden;
    padding-bottom: 1px;
    width: 100%
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion {
    background: #fff;
    border: 1px solid #e4032f;
    border-radius: 4px;
    padding: 16px;
    text-align: left
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-header-opinion {
    display: grid;
    gap: 16px;
    grid-template-columns:56px 1fr
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-header-opinion .left .image {
    background-image: url(../images/avatar-border.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 56px;
    width: 56px
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-header-opinion .left img {
    border-radius: 50%;
    height: 48px;
    left: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    top: 4px;
    width: calc(100% - 8px)
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-header-opinion .right p {
    color: #001427;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-header-opinion .right span {
    color: #414d58;
    display: block;
    font-size: 12px;
    line-height: 150%
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-body-opinion img {
    height: 14px;
    margin-top: 16px;
    width: 18px
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-body-opinion p {
    color: #414d58;
    font-size: 14px;
    font-style: italic;
    line-height: 140%;
    margin: 8px 0 0
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-body-opinion p strong {
    color: #001427;
    font-weight: 500
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-footer-opinion {
    display: grid;
    gap: 8px;
    grid-template-columns:112px 1fr;
    margin-top: 30px
}

.main-homepage .grid-body-opinion {
    margin-top: 10px;
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-footer-opinion img {
    height: 98px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-footer-opinion p {
    color: #414d58;
    font-size: 14px;
    font-style: italic;
    line-height: 140%;
    margin: 0
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-opinion .swiper-slide .content-opinion .grid-footer-opinion p strong {
    color: #001427;
    font-weight: 500
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-next:after {
    background-image: url(../images/swiper-button-next.svg);
    content: "";
    height: 48px;
    position: absolute;
    right: 0;
    transform: translateX(100%);
    transition: .2s;
    width: 71px;
    z-index: 100000
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-next:hover:after {
    opacity: .7
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-prev:after {
    background-image: url(../images/swiper-button-prev.svg);
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    transform: translateX(-100%);
    transition: .2s;
    width: 71px;
    z-index: 100000
}

.main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-prev:hover:after {
    opacity: .7
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-next, .main-homepage .homepage-section-4 .homepage-content-opinion .swiper-button-prev {
        display: none
    }
}

.main-homepage .homepage-section-4 a.pb-btn {
    margin: 48px auto 0;
    position: relative;
    width: 224px;
    z-index: 100
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-4 a.pb-btn {
        margin: 24px auto 0
    }
}

.main-homepage .homepage-section-5 {
    background: #e4032f;
    padding: 96px 16px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-5 {
        margin: 56px auto 0;
        padding: 56px 0
    }
}

.main-homepage .homepage-section-5 h2 {
    color: #fff;
    line-height: 150%;
    padding: 0 16px;
    text-align: center
}

.main-homepage .homepage-section-5 > p {
    color: #fff;
    font-size: 20px;
    line-height: 160%;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    padding: 0 16px;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-5 > p {
        font-size: 18px;
        line-height: 150%
    }
}

.main-homepage .homepage-section-5 .tab-price-list .stripe {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: -18px auto 0;
    text-align: center
}

.main-homepage .homepage-section-5 .tab-price-list .stripe p {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.main-homepage .homepage-section-5 .button-price-list {
    margin: 56px 0;
    text-align: center
}

@media (max-width: 480px) {
    .main-homepage .homepage-section-5 .button-price-list {
        margin: 32px 0 36px
    }
}

.main-homepage .homepage-section-5 .content-price-list {
    padding: 0 8px
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 {
    gap: 32px;
    overflow-x: auto;
    -ms-overflow-style: none;
    padding: 0 0 50px;
    scrollbar-width: none
}

.main-homepage .homepage-section-5 .content-price-list .grid-3::-webkit-scrollbar {
    display: none
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-5 .content-price-list .grid-3 {
        gap: 16px
    }
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list {
    background: #fff;
    min-width: 330px;
    padding: 49px 24px;
    transition: .2s
}

@media (max-width: 480px) {
    .main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list {
        min-width: 220px;
        padding: 25px
    }
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list .image {
    margin-bottom: 32px;
    text-align: center
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list h4 {
    color: #001427;
    font-size: 28px;
    font-weight: 600;
    line-height: 150%
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list h3 {
    color: #001427;
    font-size: 37px;
    line-height: 150%
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list h3 span {
    font-size: 30px;
    font-weight: 400
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list ul {
    margin: 8px 0 32px;
    padding: 0
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list ul li {
    color: #001427;
    font-size: 20px;
    font-weight: 500;
    line-height: 160%;
    list-style: none
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list ul li.green {
    color: #15803d
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list ul li:before {
    background-image: url(../images/price_list/pin.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    margin-right: 12px;
    padding-left: 20px;
    position: relative;
    width: 100%
}

.main-homepage .homepage-section-5 .content-price-list .grid-3 .item-price-list a {
    display: inline-block;
    padding: 0 39px 0 25px;
    width: auto
}

.main-homepage .homepage-section-6 {
    background-image: url(../images/bg_newsletter.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 96px 0
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-6 {
        margin: 56px 0
    }
}

@media (max-width: 1320px) {
    .main-homepage .homepage-section-6 .home-newsletter {
        padding: 0 16px
    }
}

.main-homepage .homepage-section-7 {
    padding: 0 16px 96px;
    margin-top: 40px;
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-7 {
        padding: 0 16px 56px
    }
}

.main-homepage .homepage-section-7 h2 {
    color: #000;
    line-height: 150%;
    margin-bottom: 32px;
    padding: 0 16px;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-7 h2 {
        margin: 0 0 32px
    }
}

.main-homepage .homepage-section-7 .grid-3 {
    gap: 32px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-7 .grid-3 {
        grid-template-columns:1fr
    }
}

.main-homepage .homepage-section-7 .content-link {
    text-align: center
}

.main-homepage .homepage-section-7 .content-link a.pb-btn {
    margin: 48px auto 0
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-7 .content-link a.pb-btn {
        margin: 28px auto 0
    }
}

.main-homepage .homepage-section-8 {
    padding: 0 16px 98px
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-8 {
        padding: 0 16px 56px
    }
}

.main-homepage .homepage-section-8 h2 {
    color: #000;
    line-height: 150%;
    margin: 0 0 32px;
    padding: 0 16px;
    text-align: center
}

@media (max-width: 768px) {
    .main-homepage .homepage-section-8 h2 {
        margin: 0 0 32px
    }
}

.blog-page {
    padding: 48px 16px;
    position: relative
}

.blog-page:before {
    background-image: url(../images/blog/blog-bg-image.svg);
    top: -130px
}

.blog-page:after, .blog-page:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    margin-inline: auto;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

.blog-page:after {
    background-image: url(../images/blog/blog-bg-image-bottom.svg);
    background-position: bottom;
    bottom: -299px
}

.blog-page__container {
    margin: 0 auto;
    max-width: 1280px
}

.blog-page__header {
    margin-bottom: 32px
}

.blog-page__title {
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-block: 0
}

@media (max-width: 768px) {
    .blog-page__title {
        font-size: 28px
    }
}

.blog-page__search {
    display: flex;
    margin-bottom: 32px;
    max-width: 400px;
    position: relative
}

.blog-page__search input {
    border: 1px solid #bac1c4;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding: 8px 12px;
    width: 100%
}

.blog-page__search input:focus {
    border-color: #e4032f;
    outline: none
}

.blog-page__search button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.blog-page__search button img {
    height: 20px;
    width: 20px
}

.blog-page__grid {
    display: grid;
    gap: 32px;
    grid-template-columns:repeat(3, 1fr);
    margin-bottom: 48px
}

@media (max-width: 1024px) {
    .blog-page__grid {
        grid-template-columns:repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog-page:after, .blog-page:before {
        display: none
    }

    .blog-page__grid {
        grid-template-columns:1fr
    }
}

.article-page {
    padding-block: 56px 96px;
    position: relative
}

.article-page:before {
    background-image: url(../images/blog/blog-bg-image.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    margin-inline: auto;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -130px;
    width: 100%;
    z-index: -1
}

.article-page__container {
    margin: 0 auto;
    max-width: 842px;
    padding: 0 16px
}

.article-page__header {
    margin-bottom: 32px
}

.article-page__title {
    color: #001427;
    font-size: 37px;
    font-weight: 700;
    line-height: 150%;
    margin-block: 0 8px
}

.article-page__description {
    color: #6b7280;
    font-size: 18px;
    line-height: 150%;
    margin-block: 0 16px
}

.article-page__author-mini {
    align-items: center;
    display: flex;
    gap: 12px
}

.article-page__author-mini .avatar-wrapper {
    background-image: url(../images/blog/avatar-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 50px;
    padding: 2px;
    position: relative;
    width: 50px
}

.article-page__author-mini .avatar-wrapper img.article-page__author-avatar {
    border-radius: 50%;
    flex-shrink: 0;
    height: 45px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45px
}

.article-page__author-info {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.article-page__author-description {
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 768px) {
    .article-page__author-description {
        width: 73%
    }
}

.article-page__author-name {
    color: #111928;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.article-page__date {
    color: #6b7280;
    font-size: 14px
}

.article-page__main-image {
    height: 450px;
    margin-bottom: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article-page__content, .article-page__section {
    margin-bottom: 48px
}

.article-page__section-heading {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-block: 0 4px
}

.article-page__section-text {
    color: #001427;
    font-size: 16px;
    line-height: 150%;
    margin: 0
}

.article-page__section-text a {
    text-decoration: underline;
    color: #e4032f;
}

.article-page__section-text ul {
    margin: 7px 0 !important;
    padding-left: 30px;
}

.article-page__section-text ol {
    margin: 7px 0 !important;
    padding-left: 32px !important;
}

.article-page__section-text ul > li {
    list-style-type: disc;
    margin-top: 5px;
}

.article-page__section-text ul.list-alpha > li {
    list-style-type: lower-alpha;
}

.article-page__section-text ol > li {
    list-style-type: decimal;
    margin-top: 10px;
}

.article-page__author {
    align-items: flex-start;
    border-top: 1px solid #e3e6e8;
    display: flex;
    gap: 24px;
    padding-top: 48px
}

.article-page__author .avatar-wrapper {
    background-image: url(../images/blog/avatar-bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 58px;
    padding: 4px;
    position: relative;
    width: 58px
}

.article-page__author .avatar-wrapper img.article-page__author-avatar {
    border-radius: 100px;
    flex-shrink: 0;
    height: 51px;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 51px;
    padding: 2px;
}

.article-page__author-name h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-block: 0
}

.article-page__author-bio {
    color: #414d58;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 0
}

.article-page__related {
    margin: 120px auto auto;
    max-width: 1280px
}

.article-page__related-title {
    color: #001427;
    font-size: 37px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 48px;
    text-align: center
}

.article-page__related-grid {
    display: grid;
    gap: 32px;
    grid-template-columns:repeat(3, 1fr)
}

@media (max-width: 768px) {
    .article-page__related-grid {
        gap: 16px;
        grid-template-columns:1fr;
        margin-top: 112px
    }

    .article-page {
        padding-block: 32px 56px
    }

    .article-page:before {
        display: none
    }

    .article-page__title {
        font-size: 28px
    }

    .article-page__main-image {
        height: 200px
    }
}

.contact-page {
    padding: 48px 0;
}

@media (max-width: 768px) {
    .contact-page {
        padding: 24px 0;
    }
}

.contact-page__container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 16px
}

.contact-page__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 48px
}

.contact-page .faq__title {
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 32px;
    text-align: center
}

.contact-form {
    background: #e4032f;
    border-radius: 8px;
    color: #fff;
    margin: 60px auto 120px;
    max-width: 640px;
    padding: 32px;
    position: relative;
    box-sizing: content-box;
}

.contact-form__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
    text-align: center
}

.contact-form__icon {
    left: -28px;
    position: absolute;
    top: -28px
}

.contact-form__form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contact-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.contact-form__field label {
    font-size: 14px
}

.contact-form__field input, .contact-form__field textarea {
    background: #fff;
    border: 1px solid #b00224;
    color: #001427;
    padding: 12px
}

.contact-form__field input:focus, .contact-form__field textarea:focus {
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5);
    outline: none
}

.contact-form__field textarea {
    min-height: 120px;
    resize: vertical
}

.contact-form__info {
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 8px;
    opacity: .8
}

.contact-form .pb-btn-transparent {
    padding-inline: 22px 34px
}

.contact-form .pb-btn-send-message {
    background-color: transparent;
    background-image: url(../images/button/wyslij_wiadomosc.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 21px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 180px;
    transition: var(--transition-default);
}

.contact-form .pb-btn-send-message:hover {
    background-image: url(../images/button/wyslij_wiadomosc_hover.svg);
    color: #fff
}

@media (max-width: 768px) {
    .contact-page {
        padding: 24px 0
    }

    .contact-page .faq__title {
        font-size: 24px;
        font-weight: 600
    }

    .contact-form {
        margin: 72px auto 152px;
        padding: 48px 16px
    }

    .contact-form__title {
        font-size: 24px;
        text-align: center
    }

    .contact-form__title span {
        display: block
    }
}

.section-category-page {
    background-image: url(../images/sewing_machine.svg);
    background-position: left -14px bottom 0%;
    background-repeat: no-repeat;
    background-size: 100%
}

@media (max-width: 1320px) {
    .section-category-page {
        background-position: left -14px center
    }
}

.category-page {
    background-image: url(../images/category_top.svg);
    background-position: left -235px top -765px;
    background-repeat: no-repeat;
    padding: 0 16px 96px
}

@media (max-width: 1024px) {
    .category-page {
        background-image: url(../images/scissors_top.svg);
        background-position: right 0 top -140px
    }
}

.category-page h1 {
    color: #000;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

@media (max-width: 1024px) {
    .category-page h1 {
        font-size: 24px;
        font-weight: 600
    }
}

.category-page-breadcrumbs {
    align-items: start;
    padding: 47px 0 0
}

@media (max-width: 1024px) {
    .category-page-breadcrumbs {
        grid-template-columns:1fr
    }
}

.category-page-header-grid {
    align-items: center;
    display: grid;
    grid-template-columns:2fr 1fr
}

@media (max-width: 1024px) {
    .category-page-header-grid {
        display: block
    }
}

.category-page-header-grid-left p {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.category-page-header-grid-right {
    text-align: right
}

@media (max-width: 1024px) {
    .category-page-header-grid-right {
        align-items: center;
        display: flex
    }

    .category-page-header-grid-right .button-filters {
        padding: 0 !important
    }
}

.category-page-header-grid-right-sort-content {
    position: relative;
}

@media (max-width: 1024px) {
    .category-page-header-grid-right-sort-content {
        background-color: #fff;
        clip-path: polygon(15px 0, 100% 0, 100% 0, 100% 100%, 0 100%);
        color: #001427;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        height: 36px;
        left: -2px;
        line-height: 38px;
        padding: 3px 25px;
        box-sizing: content-box;
    }

    .category-page-header-grid-right-sort-content:after {
        background: #fff;
        border-right: 2px dashed #b00224;
        content: "";
        height: 36px;
        left: 5px;
        position: absolute;
        top: 2px;
        transform: rotate(18deg);
        width: 4px;
        box-sizing: content-box;
    }

    .category-page-header-grid-right-sort-content:before {
        border-bottom: 2px dashed #b00224;
        border-right: 2px dashed #b00224;
        border-top: 2px dashed #b00224;
        bottom: 4px;
        content: "";
        left: 4.5px;
        position: absolute;
        right: 4px;
        top: 4px;
        box-sizing: content-box;
    }
}

@media (min-width: 1025px) {
    .category-page-header-grid-right-sort-content:after {
        background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' fill='none' viewBox='0 0 11 6'%3E%3Cpath stroke='%23001427' stroke-linecap='round' stroke-linejoin='round' d='M10.177.714 5.605 5.286 1.035.714'/%3E%3C/svg%3E") no-repeat 50%;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 6px;
        vertical-align: middle;
        width: 11px
    }
}

.category-page-header-grid-right-sort-content-dropdown {
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 10
}

.category-page-header-grid-right-sort-content-dropdown .mobile-title {
    display: none
}

.category-page-header-grid-right-sort-content-dropdown .mobile-title span {
    cursor: pointer
}

@media (max-width: 1024px) {
    .category-page-header-grid-right-sort-content-dropdown .mobile-title {
        align-items: center;
        border-bottom: 1px solid #e3e6e8;
        display: grid;
        grid-template-columns:1fr auto;
        line-height: 68px;
        padding: 16px
    }

    .category-page-header-grid-right-sort-content-dropdown .mobile-title h5 {
        color: #001427;
        font-size: 24px;
        font-style: normal;
        font-weight: 600
    }

    .category-page-header-grid-right-sort-content-dropdown {
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100000
    }

    .category-page-header-grid-right-sort-content-dropdown.active {
        display: block
    }
}

.category-page-header-grid-right-sort-content-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.category-page-header-grid-right-sort-content-dropdown ul li {
    cursor: pointer;
    text-align: left
}

.category-page-header-grid-right-sort-content-dropdown ul li:hover,
.category-page-header-grid-right-sort-content-dropdown ul li.active {
    background-color: #f1f2f3
}

.category-page-header-grid-right-sort-content-dropdown ul li a {
    color: #001427;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 9px 16px;
    text-decoration: none
}

@media (max-width: 1024px) {
    .category-page-header-grid-right-sort-content-dropdown ul li a {
        color: #001427;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%
    }
}

.category-page-header-grid-right-sort-content:focus .category-page-header-grid-right-sort-content-dropdown, .category-page-header-grid-right-sort-content:hover .category-page-header-grid-right-sort-content-dropdown {
    display: block
}

.category-page-grid {
    display: grid;
    gap: 32px;
    grid-template-columns:307px 1fr;
    margin: 16px auto 115px;
    max-width: 1280px
}

.category-page-grid .category-page-sidebar-top {
    display: none
}

.category-page-sidebar.disabled, .col-filter-list.disabled {
    position: relative;
}

.category-page-sidebar.disabled:after,
.col-filter-list.disabled:after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
}

@media (max-width: 1024px) {
    .category-page-grid {
        display: block
    }

    .category-page-grid .categories-filter {
        display: none
    }

    .category-page-grid .category-page-sidebar-top {
        display: block
    }

    .category-page-grid .category-page-sidebar-filters {
        background: #fff;
        bottom: 0;
        display: none;
        height: 100%;
        left: 0;
        overflow: auto;
        position: fixed;
        right: 0;
        top: 0;
        transition: all 1s ease-in-out;
        width: 100%;
        z-index: 10000
    }

    .category-page-grid .category-page-sidebar-filters .category-page-sidebar-filters-content {
        padding: 16px 32px
    }
}

@media (max-width: 1024px)and (max-width: 1024px) {
    .category-page-grid .category-page-sidebar-filters .category-page-sidebar-filters-content {
        padding: 16px 32px 0 16px
    }

    .category-page-grid .category-page-sidebar-filters .button-filters {
        margin-bottom: 50px;
        padding: 0 16px
    }

    .category-page-grid .category-page-sidebar-filters .button-filters button:first-child {
        background-image: url(../images/button/mobile_clear.svg);
        height: 48px;
        padding: 0 0 0 24px;
        width: 125px
    }

    .category-page-grid .category-page-sidebar-filters .button-filters button:last-child {
        background-position: 0;
        width: 185px
    }

    .category-page-grid .category-page-sidebar-filters {
        padding-bottom: 35px
    }
}

@media (max-width: 1024px) {
    .category-page-grid .filter-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 32px
    }

    .category-page-grid .filter-header h4 {
        color: #001427;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%
    }

    .category-page-grid .filter-header .filter-close-button {
        align-items: center;
        background: none;
        border: none;
        cursor: pointer;
        display: flex;
        justify-content: center;
        padding: 0
    }

    .category-page-grid .filter-header .filter-close-button svg {
        height: 24px;
        width: 24px
    }

    .category-page-grid {
        margin: 0 auto
    }
}

@media (max-width: 480px) {
    .category-page-grid .category-page-sidebar-filters {
        padding: 16px 8px
    }

    .category-page-grid .category-page-sidebar-filters .category-page-sidebar-filters-content {
        max-width: 100%
    }
}

.category-page-grid .category-page-sidebar-filters-content .filter-group {
    margin-bottom: 33px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group:first-child {
    padding-top: 16px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group-title {
    align-items: center;
    display: flex;
    margin-bottom: 16px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group-title h3 {
    color: #001427;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.category-page-grid .category-page-sidebar-filters-content .filter-group-title span {
    color: #001427;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-left: auto
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options label,
.section-new-profile .filter-group label {
    cursor: pointer;
    display: flex;
    font-size: 16px;
    margin-bottom: 8px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options label input,
.section-new-profile .filter-group label input {
    margin-right: 8px;
    vertical-align: middle
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options .category-link:hover {
    color: #e4032f
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options .category-link.selected {
    color: #e4032f;
    font-weight: 700
}

input.input-dimension.active {
    border-color: #e4032f !important;
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options a {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
    display: block;
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options a span {
    color: #414d58;
    float: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options .subcategories {
    display: none
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options-price .price-input-wrapper {
    align-items: center;
    display: flex;
    gap: 8px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options-price .price-input-wrapper label {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options-price .price-input-wrapper .price-input {
    background: #fff;
    border: 1px solid #bac1c4;
    border-radius: 0;
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    margin-top: 4px;
    outline: none;
    text-align: center;
    width: calc(100% - 11px)
}

.category-page-grid .category-page-sidebar-filters-content .filter-group .filter-options-price .price-input-wrapper .separator {
    color: #333;
    font-size: 16px;
    text-align: center;
    transform: translateY(40%);
    width: 22px
}

.filter-group .switch {
    display: flex !important;
    margin: 12px 0 !important;
    position: relative;
    width: 100%;
    line-height: inherit !important;
}

.filter-group .switch > .span-label {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-left: 47px
}

.filter-group .switch > span.count {
    float: right;
    margin-left: auto
}

.filter-group .switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.filter-group .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    height: 22px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    width: 40px;
    z-index: 1000
}

.filter-group .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 16px;
    left: 2px;
    top: 2px;
    position: absolute;
    transition: .4s;
    width: 16px
}

.filter-group input:checked + .slider {
    background-color: #e4032f
}

.filter-group input:focus + .slider {
    box-shadow: 0 0 1px #e4032f
}

.filter-group input:checked + .slider:before {
    transform: translateX(18px)
}

.filter-group .slider.round {
    border-radius: 34px
}

.filter-group .slider.round:before {
    border-radius: 50%
}

.category-page-grid .category-page-sidebar-filters-content .filter-group[data-filter=categories] .filter-options ul {
    list-style-type: none;
    padding-left: 0
}

.category-page-grid .category-page-sidebar-filters-content .filter-group[data-filter=categories] .filter-options ul li {
    cursor: pointer;
    margin-bottom: 10px;
    padding-left: 0;
    position: relative
}

.category-page-grid .category-page-sidebar-filters-content .filter-group[data-filter=categories] .subcategories {
    display: none;
    list-style-type: none;
    margin-top: 10px;
    padding-left: 20px
}

.category-page-grid .category-page-sidebar-filters-content .filter-group[data-filter=categories] .category-link.active + .subcategories {
    display: block
}

.category-page-grid .category-page-result {
    /*margin-bottom: 115px;*/
    padding-top: 16px;
}

.category-page-grid .category-page-result-filters .col-filter-list > span {
    align-items: center;
    border: 1px dashed #bac1c4;
    color: #414d58;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 6px 12px
}

.category-page-grid .category-page-result-filters .col-filter-list > span > span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cpath fill='%234D565B' stroke='%23414D58' stroke-linecap='round' d='M9.17 1.273 5.797 4.646 5.444 5l.353.354L9.17 8.727l-.232.233-3.374-3.374-.353-.353-.354.353L1.484 8.96l-.233-.233 3.373-3.373L4.978 5l-.354-.354-3.373-3.373.233-.233 3.373 3.374.354.353.353-.353L8.938 1.04z'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: contain;
    cursor: pointer;
    display: flex;
    height: 10px;
    margin-left: 7px;
    width: 10px
}

.category-page-grid .category-page-result-filters .col-filter-list > span b {
    color: #001427;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.category-page-grid .category-page-result-filters .col-filter-list .reset-all-filters {
    background: transparent;
    border: 0;
    color: #001427;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 33px;
    outline: none
}

.category-page-grid .category-page-result-products-grid {
    display: grid;
    gap: 32px;
    grid-template-columns:1fr 1fr
}

@media (max-width: 1024px) {
    .category-page-grid .category-page-result-products-grid {
        gap: 24px;
        grid-template-columns:1fr
    }
}

.category-page .button-filters {
    display: flex
}

@media (max-width: 1024px) {
    .category-page .button-filters {
        display: flex;
        padding: 0 32px
    }
}

.category-page .button-filters .pb-button-filter {
    background-color: transparent;
    background-image: url(../images/button/wyczysc_filtry.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding-left: 21px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
    transition: var(--transition-default);
}

.category-page .button-filters .pb-button-filter:hover {
    opacity: .7 !important;
}

.category-page .button-filters .pb-button-filter.btn-right {
    background-image: url(../images/button/zastosuj_filtry.svg);
    padding-left: 39px
}

.category-page .button-filters.mobile {
    display: none
}

@media (max-width: 1024px) {
    .category-page .button-filters.mobile {
        display: flex
    }

    .category-page .button-filters.mobile .pb-button-filter {
        background-image: url(../images/button/mobile_filtry.svg);
        height: 36px;
        line-height: 36px;
        width: 97px
    }
}

.category-page__description {
    max-width: 1280px;
    margin: 30px auto 0;
}

.pb-btn-back-filter {
    background-image: url(../images/button/filtry.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #001427;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
    margin-bottom: 9px;
    max-width: none;
    padding: 0 0 0 16px;
    position: relative;
    text-decoration: none;
    width: 74px
}

.pb-btn-back-filter:hover {
    background-image: url(../images/button/filtry_hover.svg);
    color: #fff
}

.image-checkbox {
    align-items: center;
    color: #001427;
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.image-checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.image-checkbox span:not(.count) {
    background-image: url(../images/checkbox_off.svg);
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.image-checkbox span:not(.count) + u,
.image-radio span:not(.count) + u {
    text-decoration: none;
    display: block;
    max-width: calc(100% - 24px);
}

.image-checkbox span.count {
    float: right;
    margin-left: auto
}

.image-checkbox input:checked + span {
    background-image: url(../images/checkbox_on.svg)
}

.image-radio {
    align-items: center;
    color: #001427;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    justify-content: space-between;
    line-height: 150%;
    width: 100%
}

.image-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.image-radio span:not(.count) {
    background-image: url(../images/radio_off.svg);
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.image-radio span.count {
    margin-left: auto;
    max-width: 50%;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.image-radio input:checked + span:not(.count) {
    background-image: url(../images/radio_on.svg)
}

@media (min-width: 1025px) {
    #mobile-category {
        display: none
    }
}

@media (max-width: 1024px) {
    #mobile-category {
        display: flex;
        flex-direction: column-reverse
    }

    #mobile-category h1 {
        margin-bottom: 12px
    }

    #mobile-category h1 a {
        color: #001427;
        display: block;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        text-decoration: none
    }

    #mobile-category h1 a:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%234D565B' d='M16 7H3.83l5.59-5.59L8 0 0 8l8 8 1.41-1.41L3.83 9H16z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        height: 16px;
        margin-right: 10px;
        width: 16px
    }

    #mobile-category ul li {
        display: inline;
        list-style: none
    }

    #mobile-category ul li a {
        color: #001427;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        text-decoration: none
    }

    #mobile-category .content-category-select {
        display: flex;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        white-space: nowrap;
        -ms-overflow-style: none
    }

    #mobile-category .content-category-select::-webkit-scrollbar {
        display: none
    }

    #mobile-category .filter-options {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        overflow-x: auto;
        padding-bottom: 15px;
        scrollbar-width: none;
        white-space: nowrap;
        -ms-overflow-style: none
    }

    #mobile-category .filter-options::-webkit-scrollbar {
        display: none
    }

    #mobile-category .filter-options ul {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0
    }

    #mobile-category .filter-options li {
        border: 1px solid #c8cdd0;
        clip-path: polygon(15px 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
        display: inline-block;
        height: 45px;
        left: -7px;
        margin: 0;
        padding: 0;
        position: relative;
        white-space: nowrap
    }

    #mobile-category .filter-options li span {
        display: none
    }

    #mobile-category .filter-options li a {
        display: block;
        padding: 0 25px
    }

    #mobile-category .filter-options li:after {
        border-right: 1px solid #c8cdd0;
        bottom: 5px;
        content: "";
        height: 50px;
        position: absolute;
        right: 7px;
        top: 0;
        transform: rotate(18deg);
        width: 1px
    }

    #mobile-category .filter-options li:before {
        border-left: 1px solid #c8cdd0;
        bottom: 6px;
        content: "";
        height: 53px;
        left: 6px;
        position: absolute;
        top: -1px;
        transform: rotate(18deg);
        width: 1px
    }

    #mobile-category .filter-options li:first-child {
        border: 1px solid #c8cdd0;
        clip-path: polygon(0 0, 100% 0, 100% 0, calc(100% - 15px) 100%, 0 100%);
        display: inline-block;
        height: 45px;
        left: 0;
        position: relative;
        white-space: nowrap
    }

    #mobile-category .filter-options li:first-child a {
        padding-left: 15px
    }

    #mobile-category .filter-options li:first-child:before {
        height: 0;
        width: 0
    }

    #mobile-category .filter-options li:last-child {
        clip-path: polygon(15px 0, 100% 0, 100% 0, 100% 100%, 0 100%)
    }

    #mobile-category .filter-options li:last-child a {
        padding-right: 15px
    }

    #mobile-category .filter-options li:last-child:after {
        height: 0;
        width: 0
    }

    #mobile-category .filter-options li a {
        color: #001427;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 47px
    }
}

.difficulty-levels {
    display: inline-block;
    width: 100%
}

.difficulty-levels .difficulty-options {
    align-items: start;
    display: flex;
    flex-direction: column
}

.difficulty-levels .difficulty-radio {
    cursor: pointer;
    display: inline-flex;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

.difficulty-levels .difficulty-radio span.count {
    position: absolute;
    right: 0;
    transform: translateY(25%)
}

.difficulty-levels .difficulty-radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    position: absolute;
    width: 0;
    z-index: -1
}

.difficulty-levels .difficulty-radio .level {
    background-image: url(../images/image_off.svg);
    background-position: 0;
    background-size: contain;
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    width: 30px
}

.difficulty-levels .difficulty-radio:nth-child(2) .level {
    width: 60px
}

.difficulty-levels .difficulty-radio:nth-child(3) .level {
    width: 90px
}

.difficulty-levels .difficulty-radio:nth-child(4) .level {
    width: 120px
}

.difficulty-levels input:checked + .level {
    background-image: url(../images/image_on.svg)
}

.terms-page {
    padding: 56px 0;
    position: relative
}

.terms-page:before {
    background-image: url(../images/bg-regulamin-image.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: 0;
    margin-inline: auto;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -130px;
    width: 100%;
    z-index: -1
}

.terms-page__title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 48px
}

.terms-page__section {
    margin-bottom: 60px;
    margin-inline: auto
}

.terms-page__section-title {
    color: #001427;
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 16px
}

.terms-page__section-image {
    margin-block: 12px;
    width: 100%
}

.terms-page__section-image img {
    height: auto;
    width: 100%
}

.terms-page__list {
    counter-reset: terms-counter;
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none;
    padding-left: 24px
}

.terms-page__list-item {
    counter-increment: terms-counter;
    position: relative
}

.terms-page__list-item:before {
    color: #001427;
    content: counter(terms-counter) ".";
    font-weight: 500;
    left: -24px;
    position: absolute
}

.terms-page__list-item p {
    color: #414d58;
    line-height: 1.5;
    margin-bottom: 16px
}

.terms-page__list-item strong {
    color: #001427;
    display: inline-block;
    font-weight: 500;
    margin-right: 4px
}

.terms-page__list-item ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-left: 0;
    padding-left: 0
}

.terms-page__list-item ul li {
    color: #414d58;
    line-height: 1.5;
    list-style-type: none;
    padding-left: 16px;
    position: relative
}

.terms-page__list-item ul li:before {
    background: #414d58;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 4px
}

@media (max-width: 768px) {
    .terms-page {
        padding: 32px 0
    }

    .terms-page:before {
        display: none
    }

    .terms-page .wmu-container {
        padding: 0 16px
    }

    .terms-page__title {
        font-size: 28px;
        margin-bottom: 32px
    }

    .terms-page__section {
        margin-bottom: 32px
    }

    .terms-page__section-title {
        font-size: 20px;
        margin-bottom: 24px
    }

    .terms-page__list {
        gap: 16px
    }

    .terms-page__list-item ul {
        margin-left: 16px
    }
}

.login-page {
    height: 100%
}

.login-page:before:not(.not-image) {
    background-image: url(../images/login-in-image-top-right.svg);
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100vh;
    margin-inline: auto;
    max-width: 200px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.login-page__title {
    font-size: 37px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px;
    text-align: center
}

.login-page__title.small {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 16px
}

.login-page__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 768px) {
    .login-page__title {
        font-size: 24px
    }

    .login-page__title.small {
        font-size: 20px
    }
}

.login-page__header {
    margin: 0 auto 65px;
    max-width: 1600px;
    width: 100%
}

.login-page__header:before {
    background-color: #fce945;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
}

.login-page__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 16px
}

.login-page__logo {
    width: 92px
}

.login-page__logo img {
    height: auto;
    width: 100%;
    width: 92px
}

.login-page__footer {
    padding-bottom: 18px;
    padding-top: 30px;
    position: relative
}

.login-page__footer--image:after {
    background-image: url(../images/login-in-image-bottom-left.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    margin-inline: auto;
    max-width: 280px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

.login-page__footer-copyright-text {
    color: #414d58;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 6px;
    text-align: center
}

.login-page__footer-links {
    display: flex;
    gap: 12px;
    justify-content: center
}

.login-page__footer-links a {
    color: #190005;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: unset
}

.login-page__footer-links a:hover {
    color: #e4032f
}

.login-page .form__social {
    margin-top: 24px;
    text-align: center
}

.login-page .form__social p {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 16px;
    justify-content: center;
    margin-block: 24px;
    position: relative
}

.login-page .form__social p:after, .login-page .form__social p:before {
    background: #b00224;
    content: "";
    flex: 1;
    height: 1px
}

.login-page .form__social-buttons {
    display: flex;
    justify-content: center
}

.login-page .form__social-button {
    background: #fff;
    border: 1px solid #b00224;
    cursor: pointer;
    height: 47px;
    left: 175px;
    padding: 12px;
    padding-inline: 56px;
    top: 498px;
    transition: opacity .2s ease
}

.login-page .form__social-button:hover {
    opacity: .9
}

.login-page .form__social-button img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.login-page .form__social-button--apple {
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%)
}

.login-page .form__social-button--google {
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%)
}

.login-page .form__social-button--facebook {
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    margin-inline: -5px
}

.auth-page.registration-page .login-page__footer:after {
    background-image: url(../images/login-in-image-bottom-left.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    margin-inline: auto;
    max-width: 280px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
}

@media (max-width: 768px) {
    .login-page .form__social-button {
        padding-inline: 40px
    }

    .login-page:before {
        background-image: url(../images/login-in-image-top-right-mobile.svg);
        background-position: 100% 0
    }

    .login-page__footer:after {
        background-image: url(../images/login-in-image-bottom-left-mobile.svg);
        background-position: 0 100%
    }

    .login-page__footer-copyright-text span {
        display: block
    }

    .login-page .wmu-container, .login-page__footer {
        padding-inline: 16px
    }
}

.login-form {
    background: #e4032f;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
    max-width: 506px;
    position: relative
}

.login-form-content {
    padding: 48px
}

.login-form__icon-bottom {
    bottom: -32px;
    position: absolute;
    right: 32px;
    z-index: -1
}

.login-form__title {
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px;
    text-align: center
}

.login-form__subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 17px;
    text-align: center
}

.login-form__form {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.login-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.login-form__field label {
    font-size: 14px
}

.login-form__field input {
    background: #fff;
    border: 1px solid #b00224;
    color: #001427;
    line-height: 1.6;
    padding: 12px 12px 12px 48px
}

.login-form__field:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 1
}

.login-form__field--email:before {
    background-image: url(../images/icons/email-black-icon.svg)
}

.login-form__field--password:before {
    background-image: url(../images/icons/lock-black-icon.svg)
}

.login-form__field.error-message:after {
    background-image: url(../images/icons/error-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: none;
    flex-shrink: 0;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 24px
}

.login-form__options {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.login-form__requirements p {
    font-size: 14px;
    margin-bottom: 8px
}

.login-form__requirements ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.login-form__requirements ul.active {
    padding-left: 24px
}

.login-form__requirements ul .requirement {
    font-size: 14px;
    margin-bottom: 4px;
    padding-left: 0;
    position: relative
}

.login-form__requirements ul .requirement:before {
    content: unset;
    left: -22px;
    position: absolute
}

@media (max-width: 768px) {
    .login-form__requirements ul .requirement {
        padding-left: 22px
    }

    .login-form__requirements ul .requirement:before {
        left: 0
    }
}

.login-form__requirements ul .requirement.not-valid:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='M9 1.5C4.86 1.5 1.5 4.86 1.5 9s3.36 7.5 7.5 7.5 7.5-3.36 7.5-7.5S13.14 1.5 9 1.5m.75 11.25h-1.5v-1.5h1.5zm0-3h-1.5v-4.5h1.5z'/%3E%3C/svg%3E")
}

.login-form__requirements ul .requirement.valid:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23fff' d='M6.596 11.906 3.47 8.78 2.404 9.836l4.192 4.193 9-9L14.54 3.97z'/%3E%3C/svg%3E")
}

.login-form .error-message {
    color: #fff;
    display: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 4px
}

.login-form .error-message.visible {
    display: flex
}

.login-form__checkbox {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px
}

.login-form__checkbox input[type=checkbox] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid #fff;
    cursor: pointer;
    flex-shrink: 0;
    height: 15px;
    margin: 0;
    position: relative;
    width: 15px;
    transition: var(--transition-default);
}

.login-form__checkbox input[type=checkbox]:checked {
    background-color: #fff
}

.login-form__checkbox input[type=checkbox]:checked:after {
    border: solid #b00224;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    top: 12%;
    transform: rotate(45deg);
    width: 5px;
    margin: 0 auto;
}

.login-form__checkbox span {
    color: #fff;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pay-subscription .login-form__checkbox {
    align-items: flex-start;
}

.pay-subscription .login-form__checkbox span {
    font-size: 13px !important;
}

.pay-subscription .login-form__checkbox input[type=checkbox] {
    border-color: var(--primary);
    margin-top: 3px;
    border-width: 2px;
}

.pay-subscription .login-form__checkbox.input-valid-error input {
    border-color: var(--cornflower);
}

.login-form__forgot {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

.login-form__forgot:hover {
    text-decoration: underline
}

.login-form .pb-btn-transparent {
    padding-inline: 24px 37px
}

.login-form .pb-btn-login {
    background-color: transparent;
    background-image: url(../images/button/zaloguj_sie.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 138px;
    transition: var(--transition-default);
}

.login-form .pb-btn-login:hover {
    background-image: url(../images/button/zaloguj_sie_hover.svg);
    color: #fff
}

.login-form .pb-btn-save-new {
    background-color: transparent;
    background-image: url(../images/button/zapisz_nowe_haslo.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 189px;
    transition: var(--transition-default);
}

.login-form .pb-btn-save-new:hover {
    background-image: url(../images/button/zapisz_nowe_haslo_hover.svg);
    color: #fff
}

.language-selector {
    justify-self: end;
    position: relative
}

.language-selector__button {
    align-items: center;
    background: #fff;
    border: 0 solid;
    border-color: unset;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    padding: 12px
}

.language-selector__button:hover {
    background: #f1f2f3
}

.language-selector__flag {
    border-radius: 100px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.language-selector__arrow {
    height: 12px;
    margin-left: auto;
    transition: transform .3s ease;
    width: 12px
}

.language-selector.active .language-selector__arrow {
    transform: rotate(180deg)
}

.language-selector.active .language-selector__dropdown {
    display: block
}

.language-selector__dropdown {
    display: none;
    min-width: 160px;
    position: absolute;
    z-index: 100;
    padding-top: 8px;
    padding-bottom: 8px;
}

.language-selector__dropdown, .dropdown-profile {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
    top: calc(100% + 4px);
    right: 0;
}

.language-selector__option {
    align-items: center;
    color: #001427;
    display: flex;
    gap: 8px;
    padding: 8px 16px;
    text-decoration: none
}

.language-selector__option:hover {
    background: #e3e6e8
}

.language-selector__option img {
    border-radius: 100px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 24px
}

.language-selector__field__error {
    align-items: center;
    color: #fff;
    display: none;
    font-size: 14px;
    gap: 8px;
    margin-top: 8px
}

.language-selector__field__error img {
    height: 16px;
    width: 16px
}

.language-selector__field__error.visible {
    display: flex
}

.language-selector__field input.error {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: #fff
}

@media (max-width: 768px) {
    .login-form {
        margin-block: 90px 80px
    }

    .login-form-content {
        padding: 48px 16px
    }

    .login-form__title {
        font-size: 24px;
        text-align: center
    }

    .login-form__subtitle br {
        display: none
    }

    /*.language-selector {*/
    /*    right: 16px;*/
    /*    top: 16px*/
    /*}*/
}

.confirmation-page, .registration-page {
    height: 100%
}

.confirmation-page:before, .registration-page:before {
    background-image: url(../images/login-in-image-top-right.svg);
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100vh;
    margin-inline: auto;
    max-width: 200px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.registration-page__title {
    font-size: 37px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 8px;
    text-align: center
}

.registration-page__title.small {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 16px
}

.registration-page__subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 768px) {
    .registration-page__title {
        font-size: 24px
    }

    .registration-page__title.small {
        font-size: 20px
    }
}

.registration-page__header {
    margin: 0 auto 65px;
    max-width: 1440px;
    width: 100%
}

.registration-page__header:before {
    background-color: #fce945;
    content: "";
    display: block;
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
}

.registration-page__nav {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 24px 16px
}

.registration-page__logo {
    width: 92px
}

.registration-page__logo img {
    height: auto;
    width: 100%;
    width: 92px
}

.registration-page__footer {
    padding-bottom: 18px;
    padding-top: 30px;
    position: relative
}

.registration-page__footer:after {
    background-image: url(../images/login-in-image-bottom-left.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    margin-inline: auto;
    max-width: 280px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

.registration-page__footer-copyright-text {
    color: #414d58;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 6px;
    text-align: center
}

.registration-page__footer-links {
    display: flex;
    gap: 12px;
    justify-content: center
}

.registration-page__footer-links a {
    color: #190005;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: unset
}

.registration-page__footer-links a:hover {
    color: #e4032f
}

@media (max-width: 768px) {
    .confirmation-page:before, .registration-page:before {
        background-image: url(../images/login-in-image-top-right-mobile.svg);
        background-position: 100% 0
    }

    .registration-page__footer:after {
        background-image: url(../images/login-in-image-bottom-left-mobile.svg);
        background-position: 0 100%
    }

    .registration-page__footer-copyright-text span {
        display: block
    }

    .confirmation-page .wmu-container, .registration-page .wmu-container, .registration-page__footer {
        padding-inline: 16px
    }
}

.confirmation-page .form__social, .registration-page .form__social {
    margin-top: 24px;
    text-align: center
}

.confirmation-page .form__social p, .registration-page .form__social p {
    align-items: center;
    display: flex;
    font-size: 12px;
    gap: 16px;
    justify-content: center;
    margin-block: 24px;
    position: relative
}

.confirmation-page .form__social p:after, .confirmation-page .form__social p:before, .registration-page .form__social p:after, .registration-page .form__social p:before {
    background: #b00224;
    content: "";
    flex: 1;
    height: 1px
}

.confirmation-page .form__social-buttons, .registration-page .form__social-buttons {
    display: flex;
    justify-content: center
}

.confirmation-page .form__social-button, .registration-page .form__social-button {
    background: #fff;
    border: 1px solid #b00224;
    cursor: pointer;
    height: 47px;
    left: 175px;
    padding: 12px;
    padding-inline: 56px;
    top: 498px;
    transition: opacity .2s ease
}

.confirmation-page .form__social-button:hover, .registration-page .form__social-button:hover {
    opacity: .9
}

.confirmation-page .form__social-button img, .registration-page .form__social-button img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.confirmation-page .form__social-button--apple, .registration-page .form__social-button--apple {
    clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%)
}

.confirmation-page .form__social-button--google, .registration-page .form__social-button--google {
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0 100%)
}

.confirmation-page .form__social-button--facebook, .registration-page .form__social-button--facebook {
    clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
    margin-inline: -5px
}

@media (max-width: 768px) {
    .confirmation-page .form__social-button, .registration-page .form__social-button {
        padding-inline: 40px
    }
}

.confirmation-page .registration-page__field .error-message, .registration-page .registration-page__field .error-message {
    align-items: center;
    background: #b00224;
    border-radius: 4px;
    color: #fff;
    display: none;
    display: flex;
    font-size: 14px;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px
}

.confirmation-page .registration-page__field .error-message img, .registration-page .registration-page__field .error-message img {
    height: 16px;
    width: 16px
}

.confirmation-page .registration-page__field .error-message.visible, .registration-page .registration-page__field .error-message.visible {
    display: flex
}

.confirmation-page .registration-page__field input.error, .registration-page .registration-page__field input.error {
    background-color: rgba(176, 2, 36, .1);
    border-color: #b00224
}

.confirmation-page .pb-btn-transparent, .registration-page .pb-btn-transparent {
    padding-inline: 24px 37px
}

.registration-page__header {
    border-top: 8px solid #fce945;
    margin-bottom: 65px
}

.registration-page__link-login {
    color: #fff;
}

.registration-page__link-login:hover {
    text-decoration: underline;
}

.registration-page__form {
    background: #e4032f;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
    max-width: 506px;
    position: relative
}

.registration-page__form-content {
    padding: 48px
}

.registration-page__form__icon-top {
    left: -28px;
    position: absolute;
    top: -28px
}

.registration-page__form__icon-bottom {
    bottom: -32px;
    position: absolute;
    right: 32px;
    z-index: -1
}

.registration-page__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px
}

.registration-page__field label {
    font-size: 14px
}

.registration-page__field input, .registration-page__field select {
    background: #fff;
    border: 1px solid #b00224;
    color: #001427;
    padding: 12px
}

.registration-page__field input:focus, .registration-page__field select:focus {
    box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .5);
    outline: none
}

.registration-page__social {
    margin-top: 24px;
    text-align: center
}

.registration-page__social-text {
    align-items: center;
    display: flex;
    font-size: 14px;
    gap: 16px;
    justify-content: center;
    margin-block: 24px;
    position: relative
}

.registration-page__social-text:after, .registration-page__social-text:before {
    background: #b00224;
    content: "";
    flex: 1;
    height: 1px
}

.registration-page__social-buttons {
    display: flex;
    gap: 16px;
    justify-content: center
}

.registration-page__policy {
    padding-block: 16px 24px
}

.registration-page__checkbox {
    align-items: flex-start;
    display: flex;
    gap: 8px;
    margin-bottom: 16px
}

.registration-page__checkbox input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    cursor: pointer;
    flex-shrink: 0;
    height: 15px;
    margin-top: 3px;
    width: 15px
}

.registration-page__checkbox input[type=checkbox]:checked {
    background: #fff;
    position: relative
}

.registration-page__checkbox input[type=checkbox]:checked:after {
    border: solid #b00224;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 5px
}

.registration-page__checkbox label {
    cursor: pointer;
    font-size: 12px;
    line-height: 140%
}

.confirmation-page .pb-btn, .registration-page .pb-btn {
    display: block;
    margin: 0 auto;
    width: 138px !important
}

.registration-page__message {
    color: #fff;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 24px;
    text-align: center
}

.confirmation-page .password-toggle, .registration-page .password-toggle {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 8px;
    margin-top: 8px
}

.confirmation-page .password-toggle input[type=checkbox], .registration-page .password-toggle input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #fff;
    cursor: pointer;
    height: 15px;
    width: 15px
}

.confirmation-page .password-toggle input[type=checkbox]:checked, .registration-page .password-toggle input[type=checkbox]:checked {
    background: #fff;
    position: relative
}

.confirmation-page .password-toggle input[type=checkbox]:checked:after, .registration-page .password-toggle input[type=checkbox]:checked:after {
    border: solid #b00224;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 5px
}

.confirmation-page .password-toggle span, .registration-page .password-toggle span {
    color: #fff;
    font-size: 14px
}

.confirmation-page .password-requirements, .registration-page .password-requirements {
    color: #fff;
    font-size: 14px;
    margin-top: 16px
}

.confirmation-page .password-requirements p, .registration-page .password-requirements p {
    margin-bottom: 8px
}

.confirmation-page .password-requirements ul, .registration-page .password-requirements ul {
    list-style: none;
    padding-left: 0
}

.confirmation-page .password-requirements ul li, .registration-page .password-requirements ul li {
    margin-bottom: 4px
}

.confirmation-page .password-requirements ul li:before, .registration-page .password-requirements ul li:before {
    content: "•";
    margin-right: 8px
}

.confirmation-page__text {
    font-size: 14px;
    line-height: 150%;
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 768px) {
    .registration-page__form-content {
        padding: 48px 16px;
        padding: 32px 16px
    }

    .registration-page__title {
        font-size: 20px;
        margin-bottom: 16px
    }

    .registration-page__message {
        font-size: 13px;
        margin-bottom: 20px
    }
}

.pb-btn-next-register {
    background-color: transparent;
    background-image: url(../images/button/dalej.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 96px;
    transition: var(--transition-default);
}

.pb-btn-next-register:hover {
    background-image: url(../images/button/dalej_hover.svg);
    color: #fff
}

.pb-btn-start {
    background-color: transparent;
    background-image: url(../images/button/wyslij_jeszcze_raz.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 175px
}

.pb-btn-start:hover {
    background-image: url(../images/button/wyslij_jeszcze_raz_hover.svg);
    color: #fff
}

.pb-btn-conf {
    background-color: transparent;
    background-image: url(../images/button/wyslij_link_jeszcze_raz.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 203px
}

.pb-btn-conf:hover {
    background-image: url(../images/button/wyslij_link_jeszcze_raz_hover.svg);
    color: #fff
}

.single-product-page {
    background-image: url(../images/bg_opinion_2.svg);
    background-position: top -240px right;
    background-repeat: no-repeat
}

@media (max-width: 1200px) {
    .single-product-page {
        background-image: none;
        background-position: top -100px right
    }
}

.single-product-page-content {
    margin-top: 33px
}

.single-product-page-content-md {
    margin: 0 auto;
    max-width: 1280px
}

.single-product-page-content-grid {
    display: grid;
    gap: 33px;
    grid-template-columns:733px 1fr;
    margin-bottom: 44px
}

@media (max-width: 1200px) {
    .single-product-page-content-grid {
        grid-template-columns:repeat(2, 1fr);
        padding: 0 16px
    }
}

@media (max-width: 1024px) {
    .single-product-page-content-grid {
        display: block
    }

    .single-product-page-content .rating {
        margin-top: 25px;
    }
}

.single-product-page-content-grid-left {
    position: relative
}

.single-product-page-content-grid-left .gallery-grid {
    display: grid;
    gap: 16px;
    grid-template-columns:150px 1fr;
    position: sticky;
    top: 180px
}

@media (max-width: 1200px) {
    .single-product-page-content-grid-left .gallery-grid {
        display: flex;
        flex-direction: column-reverse
    }
}

.single-product-page-content-grid-left .gallery-grid-thumb {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: none;
    width: 150px
}

@media (max-width: 1200px) {
    .single-product-page-content-grid-left .gallery-grid-thumb {
        display: inline-flex;
        gap: 16px;
        height: 120px;
        min-width: 320px;
        overflow-x: auto;
        width: auto
    }
}

.single-product-page-content-grid-left .gallery-grid-thumb::-webkit-scrollbar {
    display: none
}

.single-product-page-content-grid-left .gallery-grid-thumb-item {
    cursor: pointer;
    margin-bottom: 12px;
    width: 100%
}

@media (max-width: 1200px) {
    .single-product-page-content-grid-left .gallery-grid-thumb-item {
        max-width: 150px
    }
}

.single-product-page-content-grid-left .gallery-grid-thumb-item img {
    width: 100%
}

@media (max-width: 1200px) {
    .single-product-page-content-grid-left .gallery-grid-thumb-item img {
        height: 120px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 150px
    }
}

.single-product-page-content-grid-left .gallery-grid-full {
    max-height: 560px;
    position: relative
}

@media (max-width: 1024px) {
    .single-product-page-content-grid-left .gallery-grid-full {
        height: auto;
        margin: 0 auto;
        /*max-width: 450px*/
    }
}

.single-product-page-content-grid-left .gallery-grid-full img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    max-height: 550px;
}

.single-product-page-content-grid-left .gallery-grid-full .absolute-action {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    left: 20px;
    position: absolute;
    right: 0;
    top: 16px;
    width: 100%
}

.single-product-page-content-grid-left .gallery-grid-full .absolute-action > div:last-child {
    padding-right: 40px;
    text-align: right
}

.single-product-page-content-grid-left .gallery-grid-full .absolute-action-top-level-group img {
    height: 24px;
    width: 24px
}

.single-product-page-content-grid-left .gallery-grid-full .absolute-action-top-info-favorite {
    background-image: url(../images/icons/favorite_border.svg);
    cursor: pointer;
    display: inline-flex;
    height: 24px;
    margin-left: 14px;
    transition: .2s;
    width: 24px
}

.single-product-page-content-grid-left .gallery-grid-full .absolute-action-top-info-favorite.active, .single-product-page-content-grid-left .gallery-grid-full .absolute-action-top-info-favorite:hover {
    background-image: url(../images/icons/favorite.svg)
}

.content-full-gallery a {
    display: block;
}

.sl-wrapper .sl-counter {
    font-size: 17px;
}

.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next {
    font-size: 60px;
}

.sl-wrapper .sl-close {
    font-size: 50px;
}

.single-product-page-content .single-product-title {
    align-items: center;
    display: grid;
    grid-template-columns:1fr 24px
}

.single-product-page-content .single-product-title > div {
    border-bottom: 1px solid #e3e6e8;
    margin-bottom: 16px;
    padding: 16px 0
}

.single-product-page-content .single-product-title h1 {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.single-product-page-content .single-product-title h2 {
    font-size: 16px;
    font-weight: 500;
}

.single-product-page-content .single-product-title h3 {
    font-weight: 400;
    font-size: 12px;
}

.single-product-page-content .single-product-title span {
    cursor: pointer;
    display: none
}

.single-product-page-content .list_of_things span {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.single-product-page-content .list_of_things ul {
    margin-bottom: 16px;
    margin-top: 16px;
    padding: 0 20px
}

.single-product-page-content .list_of_things ul li {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    list-style-type: disc;
}

.single-product-page-content button:not(.pb-btn-newsletter) {
    border: 0;
    cursor: pointer;
    margin-bottom: 32px
}

.blank-inactive {
    margin-bottom: 16px;
    display: block;
    font-weight: 500;
    color: #e4032f;
    font-size: 16px;
}

*[data-link] {
    cursor: pointer;
}

.page-single-product-separator {
    border-top: 1px solid #e3e6e8;
    width: 100%;
}

.single-product-page-content .tags_list {
    padding-top: 32px
}

.single-product-page-content .tags_list ul {
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
}

.single-product-page-content .tags_list ul li {
    list-style: none
}

.single-product-page-content .tags_list ul li div {
    background: #f9fafa;
    border: 1px solid #c8cdd0;
    color: #414d58;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 8px;
    text-decoration: none
}

.single-product-page-content .description h4 {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
    margin-top: 32px
}

.single-product-page-content .description p {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.single-product-page-content .rating-image {
    align-items: center;
    display: flex;
    gap: 5px
}

.single-product-page-content .rating-image img {
    height: 24px
}

.single-product-page-content .rating-image > span {
    color: #414d58;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-left: 5px
}

.single-product-page-content .rating-image > span span:first-child {
    color: #001427;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%
}

.single-product-page-content .form-single-product {
    display: none;
    margin-bottom: 32px
}

.single-product-page-content .form-single-product.active {
    display: block
}

.single-product-page-content .form-single-product h3 {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 16px
}

.single-product-page-content .form-single-product .in_profile {
    display: block;
    margin-bottom: 32px
}

.single-product-page-content .form-single-product label {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.single-product-page-content .form-single-product label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23414D58' d='m7 9.5 5 5 5-5z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #bac1c4;
    color: #001427;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    margin-top: 4px;
    padding: 0 12px;
    position: relative;
    width: 100%
}

.single-product-page-content .form-single-product label select:focus {
    border-color: #007bff;
    outline: none
}

.single-product-page-content .form-single-product span.first {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.single-product-page-content .form-single-product #profile_name {
    display: none
}

.single-product-page-content .form-single-product .watch-tutorial {
    align-items: center;
    color: #001427;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px;
    text-decoration: underline;
}

.single-product-page-content .form-single-product .watch-tutorial i {
    background-image: url(../images/icons/movie.svg);
    display: inline-block;
    height: 24px;
    margin-left: 4px;
    transition: .2s;
    width: 24px
}

.single-product-page-content .form-single-product .watch-tutorial:hover i {
    background-image: url(../images/icons/movie_hover.svg)
}

.single-product-page-content .form-single-product .grid-decimal {
    align-items: center;
    display: grid;
    grid-template-columns:1fr auto;
    margin-bottom: 16px
}

.single-product-page-content .form-single-product .grid-decimal p {
    color: #001427;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.single-product-page-content .form-single-product .grid-decimal select {
    padding-right: 36px
}

.single-product-page-content .form-single-product .grid-form-full {
    margin-bottom: 32px
}

.single-product-page-content .form-single-product .grid-form-2 {
    display: grid;
    gap: 16px;
    grid-template-columns:repeat(2, 1fr)
}

.grid-form-2-item.disabled {
    opacity: .4;
}

.pb-btn-form {
    margin-bottom: 0 !important;
    margin-top: 32px;
}

@media (max-width: 480px) {
    .single-product-page-content .form-single-product .grid-form-2 {
        grid-template-columns:1fr
    }
}

.single-product-page-content .form-single-product label {
    display: block;
    margin-bottom: 4px
}

.single-product-page-content .form-single-product .input-with-unit {
    align-items: center;
    display: inline-flex;
    position: relative;
    width: 100%
}

@media (max-width: 480px) {
    .single-product-page-content .form-single-product .input-with-unit {
        width: 100%
    }
}

.single-product-page-content .form-single-product .input-with-unit input {
    background: #fff;
    border: 1px solid #bac1c4;
    border-radius: 0;
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    outline: none;
    padding-left: 16px;
    width: 100%
}

.single-product-page-content .form-single-product .input-with-unit .unit {
    color: #617384;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    pointer-events: none;
    position: absolute;
    right: 10px
}

.single-product-page-content .form-single-product .info-form-product {
    align-items: center;
    background: #fff;
    border: 2px dashed #dc2626;
    display: grid;
    gap: 8px;
    grid-template-columns:1fr 24px;
    margin-top: 28px;
    padding: 16px
}

.single-product-page-content .form-single-product .info-form-product p {
    color: #dc2626;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.single-product-page-content .form-single-product i {
    background-image: url(../images/icons/info.svg);
    display: inline-block;
    height: 24px;
    margin-left: 4px;
    transition: .2s;
    width: 24px
}

.single-product-page-opinion {
    margin-bottom: 96px;
    padding: 0 16px
}

.single-product-page-opinion .grid-3 {
    gap: 33px
}

@media (max-width: 1024px) {
    .single-product-page-opinion .grid-3 {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 580px) {
    .single-product-page-opinion .grid-3 {
        grid-template-columns:1fr
    }
}

.single-product-page-opinion-grid-single {
    background: #fff;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.single-product-page-opinion h3 {
    color: #001427;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 32px
}

.single-product-page-opinion .grid-header-opinion {
    display: grid;
    gap: 16px;
    grid-template-columns:56px 1fr
}

.single-product-page-opinion .grid-header-opinion .left .image {
    border: 2px dashed #e4032f;
    border-radius: 50%;
    height: 52px;
    width: 52px;
}

.single-product-page-opinion .grid-header-opinion .left img {
    border: 2px solid #fff;
    border-radius: 50%;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 48px;
}

.single-product-page-opinion .grid-header-opinion .right p {
    align-self: stretch;
    color: #001427;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%
}

.single-product-page-opinion .grid-header-opinion .right span {
    color: #617384;
    display: block;
    font-size: 12px;
    line-height: 150%
}

.single-product-page-opinion .grid-header-opinion .right span.level_1 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.single-product-page-opinion .grid-body-opinion {
    margin: 16px 0
}

.single-product-page-opinion .grid-body-opinion p {
    color: #414d58;
    font-size: 14px;
    font-style: italic;
    line-height: 140%;
    margin: 8px 0 0
}

.single-product-page-opinion .grid-body-opinion p strong {
    color: #001427;
    font-weight: 500
}

.single-product-page-newsletter {
    margin-bottom: 95px;
}

@media screen and (max-width: 1200px) {
    .single-product-page-breadcrumbs,
    .single-product-page-newsletter {
        padding: 0 16px;
    }
}

.single-product-baner {
    background-image: url(../images/bg_baner.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    height: 232px;
    justify-content: center;
    width: 100%
}

.single-product-baner h3 {
    color: #001427;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    max-width: 306px;
    padding-inline: 32px
}

.single-product-baner a {
    display: block;
    margin-left: 32px;
    margin-top: 16px;
    max-width: 110px;
    padding-inline: 25px 35px
}

.single-product-baner a.pb-btn-check-pricelist {
    background-image: url(../images/button/check_pricelist.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #b00224;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin-bottom: 9px;
    max-width: none;
    padding: 0 0 0 22px;
    position: relative;
    text-decoration: none
}

.registration-plans-header {
    margin: 0 auto;
    max-width: 710px;
    position: relative;
    text-align: center
}

.registration-plans-header h2 {
    display: inline-block;
    padding-left: 100px;
    text-align: left
}

.registration-plans-header h2:before {
    background: url(../images/icons-inside-form.svg) no-repeat 50%/contain;
    content: "";
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    width: 100px
}

.registration-plans:before {
    background-image: url(../images/login-in-image-top-right.svg);
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100vh;
    margin-inline: auto;
    max-width: 200px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.registration-plans .homepage-section-5 {
    background: unset;
    padding: 0
}

.registration-plans .homepage-section-5 .button-skip {
    margin-block: 36px;
    padding: 0 8px
}

.registration-plans .homepage-section-5 .button-skip .pb-btn-skip {
    background-color: transparent;
    background-image: url(../images/button/skip.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 108px;
    transition: var(--transition-default);
}

.registration-plans .homepage-section-5 .button-skip .pb-btn-skip:hover {
    background-image: url(../images/button/skip_hover.svg);
    color: #fff
}

.registration-plans .homepage-section-5 .tab-price-list .stripe {
    max-width: 100%;
    width: 100%
}

.registration-plans .homepage-section-5 .tab-price-list .stripe p {
    color: #001427;
    margin-top: 8px
}

.registration-plans .homepage-section-5 .content-price-list .grid-3 {
    overflow-x: unset
}

.registration-plans .homepage-section-5 h2 {
    color: #001427
}

.registration-plans .homepage-section-5 > p {
    color: #414d58
}

.registration-plans .homepage-section-5 .item-price-list {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px 0 rgba(0, 0, 0, .05)
}

.registration-plans .faq__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 32px;
    text-align: center
}

/*@media (max-width: 768px) {*/
/*    .registration-plans:before {*/
/*        background-image: url(../images/login-in-image-top-right-mobile.svg);*/
/*        background-position: 100% 0*/
/*    }*/

/*    .registration-plans-header h2:before {*/
/*        left: -13px*/
/*    }*/
/*}*/

@media (max-width: 1070px) {
    .registration-plans:before {
        background-image: url(../images/login-in-image-top-right-mobile.svg);
        background-position: 100% 0
    }

    .registration-plans-header h2:before {
        left: -13px
    }

    .registration-plans .homepage-section-5 .content-price-list .grid-3 {
        overflow-x: auto
    }
}

.reset-password-page {
    background-image: url(../images/bg-reset-password.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%
}

.reset-password-page .login-page__footer:after {
    display: none
}

.reset-password-form {
    background: #e4032f;
    border-radius: 8px;
    color: #fff;
    margin: 0 auto;
    max-width: 506px;
    position: relative
}

.reset-password-form-content {
    padding: 48px
}

.reset-password-form__icon-bottom {
    bottom: -32px;
    position: absolute;
    right: 32px;
    z-index: -1
}

.reset-password-form__title {
    font-size: 28px;
    font-weight: 600
}

.reset-password-form__message, .reset-password-form__title {
    font-style: normal;
    line-height: 150%;
    margin-bottom: 16px;
    text-align: center
}

.reset-password-form__message {
    font-size: 16px;
    font-weight: 400
}

.reset-password-form__subtitle {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 17px;
    text-align: center
}

.reset-password-form .pb-btn-one-more, .reset-password-form .pb-btn-one-more-2, .login-form .pb-btn-one-more-2 {
    background-color: transparent;
    background-image: url(../images/button/ustaw_haslo_jeszcze_raz.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 21px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 225px;
    transition: var(--transition-default);
}

.reset-password-form .pb-btn-one-more[disabled],
.reset-password-form .pb-btn-one-more-2[disabled],
.login-form .pb-btn-one-more-2[disabled],
.pb-btn[disabled] {
    cursor: default;
    opacity: .6;
    text-align: center;
    padding: 0;
}

.reset-password-form .pb-btn-one-more-2:not([disabled]):hover,
.reset-password-form .pb-btn-one-more:not([disabled]):hover,
.login-form .pb-btn-one-more-2:not([disabled]):hover {
    background-image: url(../images/button/ustaw_haslo_jeszcze_raz_hover.svg);
    color: #fff
}

.reset-password-form .pb-btn-one-more-2 {
    width: 209px
}

.reset-password-form__form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.reset-password-form__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.reset-password-form__field label {
    font-size: 14px
}

.reset-password-form__field input {
    background: #fff;
    border: 1px solid #b00224;
    color: #001427;
    line-height: 1.6;
    padding: 12px 12px 12px 48px
}

.reset-password-form__field:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 1
}

.reset-password-form__field--email:before {
    background-image: url(../images/icons/email-black-icon.svg)
}

.reset-password-form__field--password:before {
    background-image: url(../images/icons/lock-black-icon.svg)
}

.reset-password-form .pb-btn-reset-link {
    background-color: transparent;
    background-image: url(../images/button/wyslij_link.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 130px;
    transition: var(--transition-default);
}

.reset-password-form .pb-btn-reset-link:hover {
    background-image: url(../images/button/wyslij_link_hover.svg);
    color: #fff
}

.reset-password__icon-bottom {
    bottom: -32px;
    position: absolute;
    right: 32px;
    z-index: -1
}

@media (max-width: 768px) {
    .reset-password-form__title {
        font-size: 20px
    }

    .reset-password-form__message {
        font-size: 14px
    }

    .reset-password-page {
        background-position: 50% 67%
    }

    .reset-password-page .wmu-container {
        margin-inline: 16px
    }
}

.account-page:before {
    background-image: url(../images/account/bg-account-page.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 100vh;
    left: 0;
    margin-inline: auto;
    max-width: 1440px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.account-page .account-header {
    padding-top: 56px
}

.account-page .account-header__profile {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    margin-bottom: 32px
}

.account-page .account-header__profile .avatar-image {
    border: 2px dashed #e4032f;
    border-radius: 50%;
    height: 100px;
    overflow: hidden;
    width: 100px
}

.account-page .account-header__profile .avatar-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.account-page .account-header__profile h2 {
    color: #001427;
    font-size: 37px;
    font-weight: 700;
    margin: 0
}

.account-page .account-tabs {
    border-bottom: 1px solid #e3e6e8;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin-bottom: 32px
}

.account-page .account-tabs .account-tab {
    color: #617384;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 24px;
    position: relative;
    text-decoration: none
}

.account-page .account-tabs .account-tab.active {
    color: #001427
}

.account-page .account-tabs .account-tab.active:after {
    background: #fce945;
    bottom: -1px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.account-page .account-content {
    margin-bottom: 96px
}

.account-page .account-content .wmu-container {
    padding-inline: 24px;
    padding-bottom: 24px
}

.account-page .account-content .search-box {
    align-items: center;
    display: flex;
    max-width: 392px;
    position: relative
}

.account-page .account-content .search-box .search-input {
    border: 1px solid #bac1c4;
    color: #617384;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    padding: 12px 45px 12px 12px;
    width: 100%
}

.account-page .account-content .search-box .search-input::-moz-placeholder {
    color: #617384
}

.account-page .account-content .search-box .search-input::placeholder {
    color: #617384
}

.account-page .account-content .search-box .search-button {
    background: none;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

.account-page .account-content .patterns-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.account-page .account-content .pattern-item {
    align-items: start;
    background: #fff;
    border: 1px solid #e3e6e8;
    display: grid;
    gap: 24px;
    grid-template-columns:200px 1fr 225px;
    padding: 24px
}

.account-page .account-content .pattern-item .pattern-image {
    flex-shrink: 0;
    height: 200px;
    width: 200px
}

.account-page .account-content .pattern-item .pattern-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.account-page .account-content .pattern-item .pattern-info .order-number {
    color: #617384;
    font-size: 12px;
    font-weight: 500
}

.account-page .account-content .pattern-item .pattern-info .pattern-title {
    color: #001427;
    font-size: 20px;
    font-weight: 600;
    margin-top: 8px
}

.account-page .account-content .pattern-item .pattern-info .detail-group {
    margin-top: 16px
}

.account-page .account-content .pattern-item .pattern-info .detail-group .span-label {
    color: #617384;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 140%
}

.account-page .account-content .pattern-item .pattern-info .detail-group .span-value {
    color: #001427;
    font-size: 14px
}

.account-page .account-content .pattern-item .pattern-info .rating-section {
    margin-top: 16px
}

.account-page .account-content .pattern-item .pattern-info .rating-section .label {
    color: #617384;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.account-page .account-content .pattern-item .pattern-info .rating-section .rating-stars {
    align-items: center;
    display: flex;
    gap: 4px;
    margin-bottom: 8px
}

.account-page .account-content .pattern-item .pattern-info .rating-section .rating-stars .rating-star {
    background: url(../images/icons/rating-star.svg) no-repeat 50%/contain;
    height: 24px;
    width: 24px
}

.account-page .account-content .pattern-item .pattern-info .rating-section .rating-stars .rating-star.filled {
    background-image: url(../images/icons/rating-star.svg)
}

.account-page .account-content .pattern-item .pattern-info .rating-section .rating-stars .rating-value {
    color: #001427;
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px
}

.account-page .account-content .pattern-item .pattern-info .rating-section .rating-comment {
    color: #617384;
    font-size: 14px;
    font-style: italic;
    margin-top: 8px;
    max-width: 372px
}

.pattern-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: center;
    position: relative
}

.dropdown-formats {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);
    display: none;
    margin-top: 4px;
    min-width: 200px;
    position: absolute;
    right: 40px;
    top: 48px;
    z-index: 10
}

.choice-page-content-element-grid-right.pattern-actions {
    height: auto;
}

.choice-page-content-element-grid-right.pattern-actions .dropdown-formats {
    top: -5px;
    right: 0;
}

.dropdown-formats.active {
    display: block
}

.dropdown-formats .dropdown-item {
    color: #001427;
    display: block;
    font-size: 14px;
    padding: 12px 16px;
    text-decoration: none;
    transition: background .2s ease;
    width: 100%;
    text-align: left;
}

.dropdown-formats .dropdown-item:hover {
    background: rgba(0, 0, 0, .05)
}

.dropdown-formats .dropdown-item:first-child {
    font-weight: 500
}

.account-page .account-content .pattern-item .pattern-actions .pb-btn-transparent {
    border: 0;
    padding-inline: 24px
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right {
    background-color: #fff;
    color: #001427;
    display: inline-block
}

@media (max-width: 480px) {
    .account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right {
        padding: 0 10px 0 20px
    }
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right span {
    color: #e4032f
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right:after {
    background: #fff;
    border-right: 2px dashed #e4032f
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right:before {
    border-bottom: 2px dashed #e4032f;
    border-right: 2px dashed #e4032f;
    border-top: 2px dashed #e4032f
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right.active, .account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right:hover {
    background: #e4032f;
    color: #fff
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right.active:after, .account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right:hover:after {
    background: #e4032f;
    border-right: 2px dashed #fff
}

.account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right.active:before, .account-page .account-content .pattern-item .pattern-actions .pb-price-list.tab-right:hover:before {
    border-bottom: 2px dashed #fff;
    border-right: 2px dashed #fff;
    border-top: 2px dashed #fff
}

.account-page .account-content .pb-btn-opinion,
.account-page .account-content .pb-btn-opinion-edit,
.file-avatar label {
    background-color: transparent;
    background-image: url(../images/button/wystaw_opinie.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 160px;
    transition: var(--transition-default);
}

.account-page .account-content .pb-btn-opinion-edit:hover, .account-page .account-content .pb-btn-opinion:hover {
    background-image: url(../images/button/wystaw_opinie_hover.svg);
    color: #fff
}

.account-page .account-content .pb-btn-opinion-edit {
    padding: 0 0 0 28px !important
}

.account-page .account-content .pb-btn-opinion-instruction {
    background-color: transparent;
    background-image: url(../images/button/pobiez-instrukcje.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 220px;
    transition: var(--transition-default);
}

.account-page .account-content .pb-btn-opinion-instruction:hover {
    background-image: url(../images/button/pobiez-instrukcje-hover.svg);
    color: #fff
}

.account-page .account-content .pb-btn-download {
    background-color: transparent;
    background-image: url(../images/button/pobierz_wykroj.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 38px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 165px
}

.account-page .account-content .pb-btn-download:hover {
    background-image: url(../images/button/pobierz_wykroj_hover.svg);
    color: #fff
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
    flex-wrap: wrap;
}

.pagination-numbers {
    display: flex;
    gap: 8px
}

.pagination-numbers span {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.pagination-numbers span.current {
    border: 2px dashed #e4032f;
    font-weight: 700
}

.pagination-arrow {
    align-items: center;
    background: #414d58;
    border: none;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.pagination-arrow.prev {
    transform: rotate(180deg)
}

.pagination-arrow img {
    height: 24px;
    width: 24px
}

.pb-btn-cancel {
    background-color: transparent;
    background-image: url(../images/button/btn-cancel.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 82px;
    transition: var(--transition-default);
}

/*.pb-btn-cancel:hover {*/
/*    background-image: url(../images/button/btn-cancel-hover.svg);*/
/*    color: #001427*/
/*}*/

.pb-btn-save-settings, .pb-btn-send-review {
    background-color: transparent;
    background-image: url(../images/button/send_review.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 38px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 165px;
    transition: var(--transition-default);
}

.pb-btn-save-settings:hover, .pb-btn-send-review:hover {
    background-image: url(../images/button/send_review-hover.svg);
    color: #001427
}

.pb-btn.btn-settings {
    width: 165px !important;
}

@media (max-width: 768px) {
    .account-page .account-header {
        padding: 24px 0 0;
    }

    .account-page .account-header__profile {
        flex-direction: column;
        gap: 8px;
        text-align: center
    }

    .account-page .account-header__profile h1 {
        font-size: 28px
    }

    .account-page .account-tabs {
        justify-content: flex-start;
        overflow-x: auto;
        padding-left: 16px;
        padding-right: 16px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .account-page .account-tabs::-webkit-scrollbar {
        display: none
    }

    .account-page .account-tabs .account-tab {
        flex-shrink: 0;
        font-size: 16px;
        padding: 8px 16px;
        white-space: nowrap
    }

    .account-page .account-content {
        margin-bottom: 56px
    }

    .account-page .account-content .pattern-item {
        grid-template-columns:1fr;
        padding: 24px 20px
    }

    .account-page .account-content .pattern-item .pattern-image {
        aspect-ratio: 1;
        height: auto;
        width: 100%
    }

    .account-page .account-content .wmu-container {
        margin-inline: 16px;
        padding-inline: 16px
    }
}

.rating-modal {
    background: #fff;
    border-radius: 4px;
    max-width: 600px;
    width: 100%
}

.rating-modal .card-header {
    /*align-items: center;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    padding: 24px
}

.rating-modal .card-header-title {
    color: #001427;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.rating-modal .card-header .card-modal-close span {
    background: none;
    border: none;
    color: #001427;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding: 0
}

.rating-modal .card-body {
    padding: 0 24px;
}

.rating-modal .card-body .rating-input .rating-error {
    color: #dc2626;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-top: 8px
}

.rating-modal .card-body .rating-input .rating-label {
    color: #001427;
    font-size: 14px;
    margin-bottom: 12px
}

.rating-modal .card-body .rating-input .stars-container {
    align-items: center;
    display: flex;
    gap: 12px
}

.rating-modal .card-body .rating-input .rating-stars {
    display: flex;
    gap: 4px
}

.rating-modal .card-body .rating-input .rating-stars .rating-star {
    background: url(../images/icons/rating-star-empty.svg) no-repeat 50%/contain;
    cursor: pointer;
    height: 32px;
    width: 32px
}

.rating-modal .card-body .rating-input .rating-stars .rating-star.filled,
.rating-modal .card-body .rating-input .rating-stars .rating-star:hover {
    background-image: url(../images/icons/rating-star.svg)
}

.rating-modal .card-body .rating-input .rating-text {
    color: #001427;
    font-size: 14px
}

.rating-modal .card-body .review-input {
    position: relative
}

.rating-modal .card-body label .label-text {
    color: #001427;
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

.rating-modal .card-body textarea {
    font-size: 14px;
    line-height: 1.4;
    min-height: 150px;
    border: 1px solid rgb(118, 118, 118);
}

.rating-modal .card-body textarea:focus {
    border-color: #e4032f;
    outline: none
}

.rating-modal .card-body .form-maxlength {
    bottom: 8px;
    position: absolute;
    right: 8px;
    top: auto;
}

.rating-modal .card-body .form-maxlength .form-maxlength-inner > span {
    color: #617384;
    font-size: 12px;
}

.rating-modal .card-footer {
    display: flex;
    justify-content: flex-end;
    padding: 24px
}

.rating-modal .card-footer .pb-btn-cancel {
    left: 8px
}

@media (max-width: 768px) {
    .modal-overlay {
        padding: 0
    }

    .rating-modal {
        margin: 0
    }
}

.notification {
    animation: slideIn .3s ease-out;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    position: fixed;
    right: 24px;
    top: 24px;
    z-index: 1100
}

.notification.success {
    background: #e8f5e9
}

.notification.success .notification-icon {
    color: #166534;
    font-size: 16px
}

.notification.success .notification-text {
    color: #001427;
    font-size: 16px
}

.notification.success .notification-close {
    color: #001427;
    cursor: pointer;
    font-size: 18px;
    opacity: .7;
    padding: 0
}

.notification.error {
    background: #ffebee
}

.notification.error .notification-icon {
    color: #d32f2f
}

.notification.error .notification-close, .notification.error .notification-text {
    color: #b71c1c
}

.notification .notification-content {
    align-items: center;
    display: flex;
    gap: 12px;
    min-width: 300px;
    padding: 16px
}

.notification .notification-icon {
    font-size: 16px
}

.notification .notification-text {
    flex-grow: 1;
    font-size: 14px
}

.notification .notification-close {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
    opacity: .7;
    padding: 0
}

.notification .notification-close:hover {
    opacity: 1
}

@media (max-width: 768px) {
    .notification {
        left: 16px;
        right: 16px;
        top: 16px
    }

    .notification .notification-content {
        min-width: 0
    }
}

.profile-header {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 32px
}

.profile-header .pb-btn {
    margin-right: 24px;
    white-space: nowrap
}

.profile-list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.profile-item {
    align-items: center;
    border: 1px solid #e3e6e8;
    display: flex;
    justify-content: space-between;
    padding: 24px
}

.profile-item .profile-info h6 {
    color: #001427;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 4px
}

.profile-item .profile-info .date, .profile-item .profile-info .measurements {
    color: #617384;
    font-size: 14px;
    margin: 0
}

.profile-item .profile-info .date {
    margin-top: 4px
}

.profile-item .profile-actions {
    align-items: center;
    display: flex;
    gap: 16px
}

.profile-item .profile-actions .pb-btn-edit {
    background-color: transparent;
    background-image: url(../images/button/edytuj.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 106px;
    transition: var(--transition-default);
}

.profile-item .profile-actions .pb-btn-edit:hover {
    background-image: url(../images/button/edytuj_hover.svg);
    color: #fff
}

.profile-item .profile-actions .profile-delete {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px
}

.profile-item .profile-actions .profile-delete img {
    height: 18px;
    width: 14px
}

.profile-item .profile-actions .profile-delete:hover {
    opacity: .7
}

.modal-overlay {
    align-items: center;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.modal-overlay.active {
    display: flex
}

.modal-content {
    background: #fff;
    border-radius: 4px;
    max-width: 600px;
    position: relative;
    width: 100%
}

.card-modal .card-header {
    /*align-items: flex-start;*/
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*padding: 24px;*/
    border: 0;
    box-shadow: none;
    background: transparent;
}

.modal-content .card-header-title {
    color: #001427;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.modal-content .card-header .card-modal-close {
    background: none;
    border: none;
    color: #001427;
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    padding: 0
}

.modal-content .card-body {
    padding: 0 24px
}

.modal-content .modal-body p {
    color: #414d58;
    font-size: 16px;
    line-height: 1.4
}

.card-modal .card-footer {
    /*display: flex;*/
    /*justify-content: flex-end;*/
    /*padding: 24px;*/
    border: 0;
    box-shadow: none;
    background: transparent;
}

.modal-content .modal-footer .pb-btn-cancel {
    left: 8px
}

.pb-btn-remove-profile {
    background-color: transparent;
    background-image: url(../images/button/usun-profil-wymiarow.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 38px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 210px;
    transition: var(--transition-default);
}

.pb-btn-remove-profile:hover {
    background-image: url(../images/button/usun-profil-wymiarow-hover.svg);
    color: #001427
}

@media (max-width: 768px) {
    .pb-btn-remove-profile {
        padding: 0 12px 0 30px
    }
}

.success-message {
    animation: slideIn .3s ease-out;
    background: #e8f5e9;
    border-radius: 4px;
    margin-bottom: 24px;
    margin-left: auto;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.success-message .success-content {
    align-items: center;
    display: flex;
    gap: 12px;
    padding: 16px
}

.success-message .success-icon {
    color: #166534;
    font-size: 16px
}

.success-message .success-text {
    color: #001427;
    flex-grow: 1;
    font-size: 16px
}

.success-message .success-close {
    background: none;
    border: none;
    color: #001427;
    cursor: pointer;
    font-size: 18px;
    opacity: .7;
    padding: 0
}

.success-message .success-close:hover {
    opacity: 1
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: 768px) {
    .profile-header {
        align-items: stretch;
        flex-direction: column;
        gap: 24px
    }

    .profile-header .search-box {
        max-width: none;
        width: 100%
    }

    .profile-header .pb-btn {
        max-width: 188px
    }

    .profile-item {
        align-items: flex-start;
        flex-direction: column;
        gap: 26px;
        padding: 16px
    }

    .profile-item .profile-actions {
        max-width: 100%
    }

    .modal-content {
        margin: 0 16px
    }

    .success-message {
        margin-inline: auto
    }
}

.favorites-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.favorite-item {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e6e8;
    display: grid;
    gap: 24px;
    grid-template-columns:200px 1fr auto;
    padding: 24px
}

.favorite-item .favorite-image {
    height: 200px;
    width: 200px
}

.favorite-item .favorite-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.favorite-item .favorite-info h6 {
    color: #001427;
    font-family: Poppins, sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 0
}

.favorite-item .favorite-actions {
    align-items: center;
    display: flex;
    gap: 16px
}

.favorite-item .favorite-actions .pb-btn-add-to-card {
    background-color: transparent;
    background-image: url(../images/button/wystaw_opinie.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 160px
}

.favorite-item .favorite-actions .pb-btn-add-to-card:hover {
    background-image: url(../images/button/wystaw_opinie_hover.svg);
    color: #fff
}

.favorite-item .favorite-actions .favorite-remove {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px
}

.favorite-item .favorite-actions .favorite-remove img {
    height: 18px;
    width: 14px
}

.favorite-item .favorite-actions .favorite-remove:hover {
    opacity: .7
}

@media (max-width: 768px) {
    .favorite-item {
        grid-template-columns:1fr;
        padding: 16px
    }

    .favorite-item .favorite-image {
        aspect-ratio: 1;
        height: auto;
        width: 100%
    }

    .favorite-item .favorite-actions {
        width: 100%
    }
}

.account-page .account-content {
    min-height: calc(100vh - 400px);
    padding: 24px 0
}

.account-page .account-content .wmu-container {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);
    padding: 24px
}

.account-page .account-content .settings-layout {
    display: flex;
    gap: 32px;
    margin-top: 32px
}

.account-page .account-content .settings-menu {
    border-right: 1px solid #e3e6e8;
    flex: 0 0 29%;
    padding-right: 32px
}

.account-page .account-content .settings-menu .settings-nav {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.account-page .account-content .settings-menu .settings-nav .settings-link {
    color: #001427;
    font-size: 16px;
    padding: 12px 16px;
    text-decoration: none;
    transition: background .2s
}

.account-page .account-content .settings-menu .settings-nav .settings-link.active {
    background: #f1f2f3;
    color: #001427;
    font-weight: 500
}

.account-page .account-content .settings-menu .settings-nav .settings-link:hover:not(.active) {
    background: #f1f2f3
}

.account-page .account-content .settings-content {
    flex: 1
}

.account-page .account-content .settings-content.settings-tab {
    display: none
}

.account-page .account-content .settings-content.settings-tab.active {
    display: block
}

.account-page .account-content .settings-content h3 {
    color: #001427;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 32px
}

.account-page .account-content .settings-content .settings-form .avatar-section {
    margin-bottom: 32px;
    text-align: start
}

.account-page .account-content .settings-content .settings-form .avatar-section .avatar-image {
    align-items: center;
    display: flex;
    gap: 28px
}

.account-page .account-content .settings-content .settings-form .avatar-section .avatar-image img {
    border: 2px dashed #e4032f;
    border-radius: 100px;
    height: 100px;
    width: 100px
}

.account-page .account-content .settings-content .settings-form .avatar-section .avatar-image .pb-btn-transparent {
    border: unset;
    padding-inline: 24px
}

.account-page .account-content .settings-content .settings-form .form-group label:not([for="form_avatar"]):not(.form-action):not(.form-select-item) {
    color: #001427;
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

.account-page .form-select .form-select-title .form-select-label {
    border: 1px solid #bac1c4;
    font-size: 14px;
    padding: 12px;
}

.account-page .form-select .form-select-items {
    border: 1px solid #bac1c4;
    border-top: 0;
}

.account-page .form-select .form-select-items li:not(:first-child) label {
    border-top: 1px solid #bac1c4;
}

.account-page .form-select .form-select-items li label span {
    font-size: 14px !important;
}

.account-page .account-content .settings-content .custom-file-avatar .pb-btn-opinion {
    position: absolute;
    left: 135%;
}

.account-page .account-content .settings-content .page-avatar {
    border: 2px dashed #e4032f;
    height: 100px;
    width: 100px;
    padding: 3px;
}

.account-page .account-content .settings-content .settings-form .form-group input:not([type="checkbox"]) {
    border: 1px solid #bac1c4;
    font-size: 14px;
    padding: 12px
}

.account-page .account-content .settings-content .settings-form .form-group input:not([type="checkbox"]):focus {
    border-color: #e4032f;
    outline: none
}

.account-page .account-content .settings-content .settings-form .form-actions {
    display: flex;
    gap: 0;
    justify-content: flex-start;
    margin-top: 32px
}

.account-page .account-content .settings-content .settings-form .form-actions .pb-btn-save-settings {
    left: -10px
}

.account-page .pb-btn-get-gus {
    background-color: transparent;
    background-image: url(../images/button/pobierz-dane-z-gus.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 25px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 196px;
    transition: var(--transition-default);
}

.account-page .pb-btn-get-gus:hover {
    background-image: url(../images/button/pobierz-dane-z-gus-hover.svg);
    color: #fff
}

@media (max-width: 768px) {
    .account-page .account-content .settings-layout {
        flex-direction: column;
        gap: 24px
    }

    .account-page .account-content .settings-menu {
        border-bottom: 1px solid #e3e6e8;
        border-right: unset;
        flex: none;
        padding-bottom: 32px;
        padding-right: 0;
        width: 100%
    }

    .account-page .account-content .wmu-container {
        margin-inline: 16px;
        padding: 16px
    }

    .account-page .account-content .settings-content .settings-form .form-row {
        grid-template-columns:1fr
    }
}

.settings-content .section-title {
    color: #001427;
    font-size: 20px;
    font-weight: 600;
    margin: 32px 0 24px
}

.settings-content .form-group--split {
    display: grid !important;
    gap: 16px;
    grid-template-columns:1fr 1.5fr
}

.settings-content .form-group .input-with-button {
    align-items: flex-start;
    display: flex;
    gap: 16px
}

.settings-content .form-group .input-with-button .pb-btn-transparent {
    padding-inline: 24px
}

.settings-content .form-group .input-with-button input {
    flex: 1
}

@media (max-width: 768px) {
    .settings-content .form-group--split {
        gap: 16px;
        grid-template-columns:1fr
    }

    .settings-content .form-group .input-with-button {
        flex-direction: column
    }

    .settings-content .form-group .input-with-button .btn-small {
        width: 100%
    }
}

.settings-content .settings-form .form-group {
    margin-bottom: 32px
}

.settings-content .settings-form .form-group .form-hint {
    color: #617384;
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.settings-content .settings-form .form-group .field--password {
    display: flex;
    flex-direction: column;
    position: relative
}

.settings-content .settings-form .form-group .field--password input {
    padding-left: 40px !important
}

.settings-content .settings-form .form-group .field--password:before {
    background-image: url(../images/icons/lock-gray-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    left: 12px;
    position: absolute;
    top: 50%;
    width: 24px;
    z-index: 1
}

.settings-content .settings-form .form-group .show-password .image-checkbox {
    display: inline-flex !important
}

.settings-content .settings-form .form-group .password-requirements {
    margin-top: 16px
}

.settings-content .settings-form .form-group .password-requirements p {
    color: #617384;
    font-size: 12px;
    margin-bottom: 8px
}

.settings-content .settings-form .form-group .password-requirements ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.settings-content .settings-form .form-group .password-requirements ul li {
    color: #617384;
    font-size: 12px;
    margin-bottom: 4px;
    position: relative
}

.settings-content .switch {
    position: relative;
    width: 100%
}

.settings-content .switch > span.label {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-left: 47px
}

.settings-content .switch > span.count {
    float: right;
    margin-left: auto
}

.settings-content .switch input {
    height: 0;
    opacity: 0;
    width: 0
}

.settings-content .switch_with_title {
    align-items: center;
    display: flex;
    gap: 16px
}

.settings-content .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    height: 22px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
    width: 40px;
    z-index: 1000
}

.settings-content .slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 16px;
    left: 3px;
    position: absolute;
    transition: .4s;
    width: 16px
}

.settings-content input:checked + .slider {
    background-color: #e4032f
}

.settings-content input:focus + .slider {
    box-shadow: 0 0 1px #e4032f
}

.settings-content input:checked + .slider:before {
    transform: translateX(18px)
}

.settings-content .slider.round {
    border-radius: 34px
}

.settings-content .slider.round:before {
    border-radius: 50%
}

.settings-content .company-content {
    display: none !important
}

.settings-content .company-content.active {
    display: flex !important
}

.subscription-content .edit-payment-section, .subscription-content .subscription-plan {
    background: #fff;
    margin-bottom: 24px;
    padding: 32px
}

.subscription-content .edit-payment-section .plan-header, .subscription-content .subscription-plan .plan-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.subscription-content .edit-payment-section .plan-header .plan-logo, .subscription-content .subscription-plan .plan-header .plan-logo {
    height: 64px;
    width: 40.373px
}

.subscription-content .edit-payment-section .plan-header .plan-actions, .subscription-content .subscription-plan .plan-header .plan-actions {
    display: flex
}

.subscription-content .edit-payment-section .plan-header .plan-actions .pb-btn-accent-2.left, .subscription-content .subscription-plan .plan-header .plan-actions .pb-btn-accent-2.left {
    background-color: transparent;
    background-image: url(../images/button/dane_do_faktury.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    margin-right: -10px;
    max-width: none;
    padding: 0 0 0 24px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 170px;
    transition: var(--transition-default);
}

.subscription-content .edit-payment-section .plan-header .plan-actions .pb-btn-accent-2.left:hover, .subscription-content .subscription-plan .plan-header .plan-actions .pb-btn-accent-2.left:hover {
    background-image: url(../images/button/dane_do_faktury_hover.svg);
    color: #fff
}

.subscription-content .edit-payment-section .plan-header .plan-actions .pb-btn-accent-2.right, .subscription-content .subscription-plan .plan-header .plan-actions .pb-btn-accent-2.right {
    background-color: transparent;
    background-image: url(../images/button/zmien_plan.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 38px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 140px;
    transition: var(--transition-default);
}

.subscription-content .edit-payment-section .plan-header .plan-actions .pb-btn-accent-2.right:hover, .subscription-content .subscription-plan .plan-header .plan-actions .pb-btn-accent-2.right:hover {
    background-image: url(../images/button/zmien_plan_hover.svg);
    color: #fff
}

.subscription-content .edit-payment-section .plan-header .plan-actions .pb-btn-transparent, .subscription-content .subscription-plan .plan-header .plan-actions .pb-btn-transparent {
    padding-inline: 24px
}

.subscription-content .edit-payment-section .plan-details, .subscription-content .subscription-plan .plan-details {
    border-block: 1px solid #e3e6e8;
    padding-block: 16px
}

.subscription-content .edit-payment-section .payment-info, .subscription-content .edit-payment-section .plan-details, .subscription-content .subscription-plan .payment-info, .subscription-content .subscription-plan .plan-details {
    margin-bottom: 24px
}

.subscription-content .edit-payment-section .payment-info .next-payment, .subscription-content .edit-payment-section .payment-info .payment-amount, .subscription-content .edit-payment-section .payment-info .payment-method-text, .subscription-content .edit-payment-section .plan-details .next-payment, .subscription-content .edit-payment-section .plan-details .payment-amount, .subscription-content .edit-payment-section .plan-details .payment-method-text, .subscription-content .subscription-plan .payment-info .next-payment, .subscription-content .subscription-plan .payment-info .payment-amount, .subscription-content .subscription-plan .payment-info .payment-method-text, .subscription-content .subscription-plan .plan-details .next-payment, .subscription-content .subscription-plan .plan-details .payment-amount, .subscription-content .subscription-plan .plan-details .payment-method-text {
    color: #617384;
    font-size: 12px;
    margin-bottom: 4px
}

.subscription-content .edit-payment-section .payment-info .amount, .subscription-content .edit-payment-section .payment-info .payment-date, .subscription-content .edit-payment-section .plan-details .amount, .subscription-content .edit-payment-section .plan-details .payment-date, .subscription-content .subscription-plan .payment-info .amount, .subscription-content .subscription-plan .payment-info .payment-date, .subscription-content .subscription-plan .plan-details .amount, .subscription-content .subscription-plan .plan-details .payment-date {
    color: #001427;
    font-size: 14px;
    margin-bottom: 16px
}

.subscription-content .edit-payment-section .payment-info .payment-method, .subscription-content .edit-payment-section .plan-details .payment-method, .subscription-content .subscription-plan .payment-info .payment-method, .subscription-content .subscription-plan .plan-details .payment-method {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between
}

.subscription-content .edit-payment-section .payment-info .payment-method .card-number, .subscription-content .edit-payment-section .plan-details .payment-method .card-number, .subscription-content .subscription-plan .payment-info .payment-method .card-number, .subscription-content .subscription-plan .plan-details .payment-method .card-number {
    color: #001427;
    font-size: 14px
}

.subscription-content .edit-payment-section .payment-info .payment-method .link-button, .subscription-content .edit-payment-section .plan-details .payment-method .link-button, .subscription-content .subscription-plan .payment-info .payment-method .link-button, .subscription-content .subscription-plan .plan-details .payment-method .link-button {
    background: none;
    border: none;
    color: #001427;
    cursor: pointer;
    font-size: 14px;
    padding: 0
}

.subscription-content .edit-payment-section .payment-info .payment-method .link-button:hover, .subscription-content .edit-payment-section .plan-details .payment-method .link-button:hover, .subscription-content .subscription-plan .payment-info .payment-method .link-button:hover, .subscription-content .subscription-plan .plan-details .payment-method .link-button:hover {
    text-decoration: underline
}

.subscription-content .edit-payment-section .payment-info .payment-edit, .subscription-content .edit-payment-section .plan-details .payment-edit, .subscription-content .subscription-plan .payment-info .payment-edit, .subscription-content .subscription-plan .plan-details .payment-edit {
    margin-top: 16px;
    max-width: 562px
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-group, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-group, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-group, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-group label, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-group label, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-group label, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-group label {
    color: #001427;
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-group input, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-group input, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-group input, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-group input {
    border: 1px solid #bac1c4;
    font-size: 14px;
    padding: 12px
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-group input:focus, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-group input:focus, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-group input:focus, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-group input:focus {
    border-color: #e4032f;
    outline: none
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-row, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-row, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-row, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-row {
    display: grid;
    gap: 24px;
    grid-template-columns:1fr 1fr
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-row .form-group, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-row .form-group, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-row .form-group, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-row .form-group {
    margin-bottom: 0
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-actions, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-actions, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-actions, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px
}

.subscription-content .edit-payment-section .payment-info .payment-edit .payment-form .form-actions button.pb-btn-save-settings, .subscription-content .edit-payment-section .plan-details .payment-edit .payment-form .form-actions button.pb-btn-save-settings, .subscription-content .subscription-plan .payment-info .payment-edit .payment-form .form-actions button.pb-btn-save-settings, .subscription-content .subscription-plan .plan-details .payment-edit .payment-form .form-actions button.pb-btn-save-settings {
    left: -10px
}

.subscription-content .edit-payment-section .payment-form .form-group, .subscription-content .subscription-plan .payment-form .form-group {
    margin-bottom: 24px
}

.subscription-content .edit-payment-section .payment-form .form-group label, .subscription-content .subscription-plan .payment-form .form-group label {
    color: #001427;
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

.subscription-content .edit-payment-section .payment-form .form-group input, .subscription-content .subscription-plan .payment-form .form-group input {
    border: 1px solid #bac1c4;
    font-size: 14px;
    padding: 12px
}

.subscription-content .edit-payment-section .payment-form .form-group input:focus, .subscription-content .subscription-plan .payment-form .form-group input:focus {
    border-color: #e4032f;
    outline: none
}

.subscription-content .edit-payment-section .payment-form .form-row, .subscription-content .subscription-plan .payment-form .form-row {
    display: grid;
    gap: 24px;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr)
}

.subscription-content .edit-payment-section .payment-form .form-actions, .subscription-content .subscription-plan .payment-form .form-actions {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px
}

.subscription-content .edit-payment-section .billing-table, .subscription-content .subscription-plan .billing-table {
    margin-top: 32px
}

.subscription-content .edit-payment-section .billing-table .table-header, .subscription-content .subscription-plan .billing-table .table-header {
    background: #fff;
    color: #001427;
    display: grid;
    font-size: 14px;
    font-weight: 500;
    gap: 24px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    padding: 16px
}

.subscription-content .edit-payment-section .billing-table .table-row, .subscription-content .subscription-plan .billing-table .table-row {
    align-items: center;
    border-bottom: 1px solid #e3e6e8;
    display: grid;
    gap: 24px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    padding: 12px 16px
}

.subscription-content .edit-payment-section .billing-table .table-row .table-action, .subscription-content .subscription-plan .billing-table .table-row .table-action {
    justify-self: end
}

.subscription-content .edit-payment-section .billing-table .table-row span, .subscription-content .subscription-plan .billing-table .table-row span {
    color: #001427;
    font-size: 14px
}

.subscription-content .edit-payment-section .billing-table .table-row .pb-btn-transparent-gray, .subscription-content .subscription-plan .billing-table .table-row .pb-btn-transparent-gray {
    border: none;
    height: 38px;
    line-height: 38px;
    padding-inline: 18px 26px;
    right: 0
}

.subscription-content .edit-payment-section .billing-table .table-row .pb-btn-transparent-gray:after, .subscription-content .subscription-plan .billing-table .table-row .pb-btn-transparent-gray:after {
    height: 31px
}

.subscription-content .edit-payment-section .pb-btn-edit-payment, .subscription-content .subscription-plan .pb-btn-edit-payment {
    background-color: transparent;
    background-image: url(../images/button/edytuj_metode_platnosci.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 200px;
    transition: var(--transition-default);
}

.subscription-content .edit-payment-section .pb-btn-edit-payment:hover, .subscription-content .subscription-plan .pb-btn-edit-payment:hover {
    background-image: url(../images/button/edytuj_metode_platnosci_hover.svg);
    color: #fff
}

.subscription-content .edit-payment-section .pb-btn-download-short, .subscription-content .subscription-plan .pb-btn-download-short {
    background-color: transparent;
    background-image: url(../images/button/pobierz.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    color: #001427;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    padding: 0 0 0 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 87px;
    transition: var(--transition-default);
}

.subscription-content .edit-payment-section .pb-btn-download-short:hover, .subscription-content .subscription-plan .pb-btn-download-short:hover {
    background-image: url(../images/button/pobierz_hover.svg);
    color: #fff
}

.subscription-content .edit-payment-section .cancel-subscription, .subscription-content .subscription-plan .cancel-subscription {
    background: none;
    border: none;
    color: #e4032f;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 24px;
    padding: 16px;
    text-align: center
}

.subscription-content .edit-payment-section .cancel-subscription:hover, .subscription-content .subscription-plan .cancel-subscription:hover {
    text-decoration: underline
}

.subscription-content .link-logo-img {
    max-width: 66px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .subscription-content {
        padding: 16px
    }

    .subscription-content .edit-payment-section, .subscription-content .subscription-plan {
        padding: 0
    }

    .subscription-content .edit-payment-section .plan-details .payment-method, .subscription-content .subscription-plan .plan-details .payment-method {
        align-items: self-start;
        flex-direction: column;
        gap: 0
    }

    .subscription-content .edit-payment-section .plan-header, .subscription-content .subscription-plan .plan-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px
    }

    .subscription-content .edit-payment-section .billing-table, .subscription-content .subscription-plan .billing-table {
        overflow: auto
    }

    .subscription-content .edit-payment-section .billing-table > div, .subscription-content .subscription-plan .billing-table > div {
        min-width: 800px
    }

    .subscription-content .edit-payment-section .billing-table .table-row span, .subscription-content .subscription-plan .billing-table .table-row span {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .subscription-content .edit-payment-section .billing-table .table-row span[data-label]:before, .subscription-content .subscription-plan .billing-table .table-row span[data-label]:before {
        display: none
    }

    .subscription-content .edit-payment-section .payment-form .form-row, .subscription-content .subscription-plan .payment-form .form-row {
        grid-template-columns:minmax(34vw, 1fr) minmax(34vw, 1fr) !important
    }

    .subscription-content .pb-btn-edit-payment {
        margin-bottom: 20px;
    }
}

.choice-page {
    padding-bottom: 96px
}

.choice-page:after {
    background-image: url(../images/bg_wykroje_right_top.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .choice-page:after {
        background: none
    }
}

.choice-page:before {
    background-image: url(../images/bg_wykroje_top_left.svg);
    background-position: left -30px top 50px;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .choice-page:before {
        background: none
    }
}

.choice-page .price-list-tabs h2 {
    color: #001427;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin-top: 96px;
    text-align: center
}

@media (max-width: 768px) {
    .choice-page .price-list-tabs h2 {
        font-size: 28px
    }
}

.choice-page .border-1 {
    border: 1px solid #e3e6e8;
    padding: 24px
}

@media (max-width: 768px) {
    .choice-page-content {
        padding: 0 16px
    }
}

.choice-page-content-title {
    margin: 56px 0 32px;
    text-align: center
}

@media (max-width: 768px) {
    .choice-page-content-title {
        padding: 0 16px
    }
}

.choice-page-content-title h1 {
    color: #000;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

@media (max-width: 768px) {
    .choice-page-content-title h1 {
        font-size: 28px
    }
}

.choice-page-content-element {
    background: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .05);
    margin: 0 auto;
    max-width: 1280px;
    padding: 24px
}

.choice-page-content-element-header {
    margin-bottom: 24px
}

.choice-page-content-element-header, .choice-page-content-element-header h2 {
    color: #001427;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.choice-page-content-element-header h2:before {
    background-image: url(../images/stopien_trudnosci_kolor_ikonka.svg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 15px 24px;
    content: "";
    height: 24px;
    padding-left: 31px;
    width: 15px
}

.choice-page-content-element-grid {
    align-items: center;
    display: grid;
    grid-template-columns:1fr auto
}

@media (max-width: 768px) {
    .choice-page-content-element-grid {
        gap: 20px;
        grid-template-columns:1fr
    }
}

.choice-page-content-element-grid-left-grid {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns:auto 1fr
}

@media (max-width: 768px) {
    .choice-page-content-element-grid-left-grid {
        gap: 20px;
        grid-template-columns:1fr;
        text-align: center
    }
}

.choice-page-content-element-grid-left-grid-left img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 200px
}

.choice-page-content-element-grid-left-grid-right h3 {
    color: #001427;
    font-family: Inter, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px
}

.choice-page-content-element-grid-left-grid-right p {
    color: #414d58;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 16px
}

.choice-page-content-element-grid-left-grid-right p span {
    color: #001427;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media (max-width: 768px) {
    .choice-page-content-element-grid-right {
        text-align: right
    }
}

@media (max-width: 480px) {
    .choice-page-content-element-grid-right {
        text-align: center
    }
}

.choice-page-content-element-grid-right button:not(.dropdown-item),
.choice-page-content-element-grid-right a {
    border: 0;
    cursor: pointer;
    margin-right: 24px
}

.choice-page-content-element-footer {
    border-bottom: 4px solid #e4032f;
    margin-top: 24px;
    padding-bottom: 6px;
    position: relative
}

.choice-page-content-element-footer:after {
    background-image: url(../images/scissors.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    height: 27px;
    position: absolute;
    right: 0;
    transform: translate(50%, 75%);
    width: 24px
}

.choice-page-content-element-footer.start {
    border-bottom: 4px solid #e3e6e8;
    width: 100% !important;
}

.choice-page-content-element-footer.start:after {
    left: 0;
    right: auto;
    transform: translate(-15%, 75%);
}

.choice-page-content-element-footer p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

.choice-page .stripe {
    margin-top: 46px;
    text-align: center
}

.choice-page .stripe p {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 8px
}

.choice-page .faq-section {
    margin: 96px auto 50px;
    max-width: 846px
}

.choice-page .faq-section h3 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 32px;
    text-align: center
}

.section-new-profile {
    padding: 0 32px 95px
}

@media (max-width: 991px) {
    .section-new-profile {
        padding: 0 16px 95px
    }
}

.section-new-profile .form-actions {
    margin-top: 32px
}

.pb-btn-cancel, .pb-btn-save {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 48px;
    line-height: 48px;
    max-width: none;
    position: relative;
    text-decoration: none;
    box-sizing: content-box;
    transition: var(--transition-default);
}

.section-new-profile .form-actions .pb-btn-cancel, .card-modal-confirmation.card .card-footer .pb-btn-cancel {
    background-image: url(../images/button/anuluj.svg);
    padding: 0 0 0 24px;
    width: 81px !important
}

.pb-btn-cancel:hover,
.pb-btn-save:hover {
    opacity: .7;
}

.pb-btn-save {
    background-color: transparent;
    background-image: url(../images/button/zastosuj_filtry.svg);
    border: 0;
    left: -10px;
    padding: 0;
    width: 165px
}

.section-new-profile .new-profile-page {
    margin: 0 auto;
    max-width: 1280px
}

.section-new-profile .new-profile-page h1 {
    color: #001427;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 56px 0 16px
}

@media (max-width: 991px) {
    .section-new-profile .new-profile-page h1 {
        font-size: 28px;
        margin: 36px 0 16px
    }
}

.section-new-profile .new-profile-page-grid {
    display: grid;
    gap: 47px;
    grid-template-columns:405px 829px
}

@media (max-width: 1280px) {
    .section-new-profile .new-profile-page-grid {
        grid-template-columns:405px 1fr
    }
}

@media (max-width: 991px) {
    .section-new-profile .new-profile-page-grid {
        display: flex;
        flex-direction: column-reverse;
        gap: 0
    }
}

.section-new-profile .new-profile-page-grid-image {
    margin: 0 auto;
    position: relative
}

.section-new-profile .new-profile-page-grid-image object {
    max-width: 100%
}

.section-new-profile .new-profile-page-grid-form {
    margin-bottom: 32px
}

.section-new-profile .new-profile-page-grid-form.active {
    display: block
}

.section-new-profile .new-profile-page-grid-form form > div:first-child {
    margin: 28px 0
}

.section-new-profile .new-profile-page-grid-form input.selected {
    border-color: #e4032f !important
}

.section-new-profile .new-profile-page-grid-form label {
    color: #001427;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.section-new-profile .new-profile-page-grid-form label select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23414D58' d='m7 9.5 5 5 5-5z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 1px solid #bac1c4;
    color: #001427;
    cursor: pointer;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    margin-top: 4px;
    padding: 0 12px;
    position: relative;
    width: 100%
}

.section-new-profile .new-profile-page-grid-form label select:focus {
    border-color: #007bff;
    outline: none
}

.section-new-profile .new-profile-page-grid-form .watch-tutorial {
    align-items: center;
    color: #001427;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin-top: 8px;
    text-decoration: underline;
}

.section-new-profile .new-profile-page-grid-form .watch-tutorial i {
    background-image: url(../images/icons/movie.svg);
    display: inline-block;
    height: 24px;
    margin-left: 4px;
    transition: .2s;
    width: 24px
}

.section-new-profile .new-profile-page-grid-form .watch-tutorial:hover i {
    background-image: url(../images/icons/movie_hover.svg)
}

.section-new-profile .new-profile-page-grid-form .grid-decimal {
    align-items: center;
    display: grid;
    grid-template-columns:1fr auto;
    margin-bottom: 16px
}

.section-new-profile .new-profile-page-grid-form .grid-decimal p {
    color: #001427;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

.section-new-profile .new-profile-page-grid-form .grid-decimal select {
    padding-right: 36px
}

.section-new-profile .new-profile-page-grid-form .grid-form {
    display: grid;
    gap: 16px;
    grid-template-columns:1fr
}

@media (max-width: 480px) {
    .section-new-profile .new-profile-page-grid-form .grid-form {
        grid-template-columns:1fr
    }
}

.section-new-profile .new-profile-page-grid-form label {
    display: block;
    margin-bottom: 4px
}

.section-new-profile .new-profile-page-grid-form .input-with-unit {
    align-items: center;
    display: inline-flex;
    position: relative;
    width: 100%
}

.section-new-profile .new-profile-page-grid-form .input-with-unit input {
    background: #fff;
    border: 1px solid #bac1c4;
    border-radius: 0;
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    line-height: 150%;
    outline: none;
    padding-left: 16px;
    width: 100%
}

.section-new-profile .new-profile-page-grid-form .input-with-unit .unit {
    color: #617384;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    pointer-events: none;
    position: absolute;
    right: 10px
}

.section-new-profile .new-profile-page-grid-form .info-form-product {
    align-items: center;
    background: #fff;
    border: 2px dashed #dc2626;
    display: grid;
    gap: 8px;
    grid-template-columns:1fr 24px;
    margin-top: 28px;
    padding: 16px
}

.section-new-profile .new-profile-page-grid-form .info-form-product p {
    color: #dc2626;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

.section-new-profile .new-profile-page-grid-form i {
    background-image: url(../images/icons/info.svg);
    display: inline-block;
    height: 24px;
    margin-left: 4px;
    transition: .2s;
    width: 24px
}

.section-new-profile #infoDialog {
    background: #fff;
    border: 1px solid #e4032f;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    display: none;
    max-width: 328px;
    padding: 16px;
    transform: translateY(-50%);
    width: 328px
}

@media (max-width: 768px) {
    .section-new-profile #infoDialog {
        width: auto
    }
}

.section-new-profile #infoDialog h5 {
    color: #001427;
    font-family: Inter, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0
}

.section-new-profile #infoDialog p {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.section-new-profile #infoDialog a {
    color: #e4032f;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 10px;
    text-decoration: none
}

.section-new-profile #infoDialog a:after {
    background-image: url(../images/przycisk.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    margin-left: 5px;
    padding: 12px
}

.cart-page {
    padding: 229px 0
}

@media (max-width: 768px) {
    .cart-page {
        padding: 120px 16px
    }
}

.cart-page:after {
    background-image: url(../images/bg_wykroje_right_top.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .cart-page:after {
        background: none
    }
}

.cart-page:before {
    background-image: url(../images/bg_wykroje_top_left.svg);
    background-position: left -30px top 50px;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

@media (max-width: 768px) {
    .cart-page:before {
        background: none
    }
}

.cart-page-content {
    margin: 0 auto;
    max-width: 1280px;
    text-align: center
}

.cart-page-content-title h1 {
    color: #000;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-align: center
}

@media (max-width: 768px) {
    .cart-page-content-title h1 {
        font-size: 28px
    }
}

.cart-page-content-title p {
    color: #414d58;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%
}

@media (max-width: 768px) {
    .cart-page-content-title p {
        font-size: 18px
    }
}

.cart-page-content-title svg {
    height: 80px;
    width: auto
}

.section-how-to-measure {
    padding: 0 16px
}

.section-how-to-measure .how-to-measure-page {
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
    padding-top: 48px;
}

@media (max-width: 768px) {
    .section-how-to-measure .how-to-measure-page {
        padding: 24px 0;
    }
}

.section-how-to-measure .how-to-measure-page-grid-image {
    margin: 48px auto 96px;
    position: relative
}

.section-how-to-measure .how-to-measure-page-grid-image object {
    width: 100%
}

@media (max-width: 768px) {
    .section-how-to-measure .how-to-measure-page-grid-image {
        margin: 32px auto
    }
}

.section-how-to-measure .how-to-measure-page h1 {
    color: #001427;
    font-size: 37px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: 56px 0 32px
}

@media (max-width: 768px) {
    .section-how-to-measure .how-to-measure-page h1 {
        font-size: 28px;
        margin: 36px 0 16px
    }
}

.section-how-to-measure .how-to-measure-page p {
    color: #001427;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0 auto;
    max-width: 810px
}

@media (max-width: 768px) {
    .section-how-to-measure .how-to-measure-page p {
        font-size: 14px
    }
}

.section-how-to-measure #infoDialog {
    background: #fff;
    border: 1px solid #e4032f;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);
    display: none;
    max-width: 328px;
    padding: 16px;
    text-align: left;
    transform: translateY(-50%);
    width: 328px
}

@media (max-width: 768px) {
    .section-how-to-measure #infoDialog {
        width: auto
    }
}

.section-how-to-measure #infoDialog h5 {
    color: #001427;
    font-family: Inter, serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    margin: 8px 0
}

.section-how-to-measure #infoDialog p {
    color: #414d58;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.section-how-to-measure #infoDialog a {
    color: #e4032f;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-top: 10px;
    text-decoration: none
}

.section-how-to-measure #infoDialog a:after {
    background-image: url(../images/przycisk.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    margin-left: 5px;
    padding: 12px
}