/* app block — rec768216670. Positions match the Tilda artboard. */

.pr-section.pr-app {
    box-sizing: border-box;
    height: 710px;
    min-height: 710px;
    padding: 0;
    background: #fff;
    overflow: hidden;
}

.pr-section.pr-app .pr-app__inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: 710px;
    margin: 0;
    gap: 0;
}

.pr-app__panel {
    position: absolute;
    top: 20px;
    left: calc(50% - 600px + 20px);
    z-index: 3;
    box-sizing: border-box;
    width: 1159px;
    height: 656px;
    background: transparent;
    border: 1px solid #f2f2f2;
    pointer-events: none;
}

.pr-section.pr-app .pr-app__title {
    position: absolute;
    top: 98px;
    left: calc(50% - 600px + 220px);
    z-index: 4;
    width: 347px;
    margin: 0;
    color: #000;
    font-family: "Cormorant Garamond", Arial, sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}

.pr-app__lead {
    position: absolute;
    top: 297px;
    left: calc(50% - 600px + 220px);
    z-index: 5;
    width: 269px;
    margin: 0;
    color: #000;
    font-family: "Inter Tight", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    opacity: 0.6;
}

.pr-section.pr-app .pr-app__stores {
    position: absolute;
    top: 403px;
    left: calc(50% - 600px + 220px);
    z-index: 10;
    display: block;
    width: 200px;
    height: 200px;
    margin: 0;
}

.pr-section.pr-app .pr-app__stores [data-pr-store] {
    display: none;
}

.pr-section.pr-app .pr-app__stores.is-desktop [data-pr-store="desktop"],
.pr-section.pr-app .pr-app__stores.is-ios [data-pr-store="ios"],
.pr-section.pr-app .pr-app__stores.is-android [data-pr-store="android"],
.pr-section.pr-app .pr-app__stores.is-unknown [data-pr-store="ios"],
.pr-section.pr-app .pr-app__stores.is-unknown [data-pr-store="android"] {
    display: block;
}

.pr-section.pr-app .pr-app__qr {
    width: 200px;
    height: 200px;
    object-fit: contain;
    background: transparent;
}

.pr-section.pr-app .pr-app__stores a {
    line-height: 0;
}

.pr-section.pr-app .pr-app__stores img,
.pr-section.pr-app .pr-app__play {
    display: block;
    width: 200px;
    height: auto;
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
}

.pr-section.pr-app .pr-app__phone {
    position: absolute;
    top: 56px;
    left: calc(50% - 600px + 680px);
    z-index: 2;
    width: 336px;
    max-width: none;
    height: auto;
    justify-self: auto;
    transform: rotate(3deg);
    transform-origin: center center;
}

.pr-app__wash {
    position: absolute;
    top: 675px;
    left: calc(50% - 600px - 400px);
    z-index: 9;
    box-sizing: border-box;
    width: 2000px;
    height: 197px;
    background: #fff;
    border: 1px solid #f2f2f2;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .pr-section.pr-app,
    .pr-section.pr-app .pr-app__inner {
        height: 610px;
        min-height: 610px;
    }

    .pr-app__panel {
        left: calc(50% - 480px + 9px);
        width: 942px;
        height: 549px;
    }

    .pr-section.pr-app .pr-app__title {
        top: 212px;
        left: calc(50% - 480px + 73px);
        width: 445px;
    }

    .pr-app__wash {
        left: calc(50% - 480px + 9px);
        width: 942px;
        height: 549px;
    }
}

@media (max-width: 959px) {
    .pr-section.pr-app,
    .pr-section.pr-app .pr-app__inner {
        height: 990px;
        min-height: 990px;
    }

    .pr-app__panel {
        left: calc(50% - 320px + 10px);
        width: 620px;
        height: 960px;
    }

    .pr-section.pr-app .pr-app__title {
        top: 136px;
        left: calc(50% - 320px + 91px);
    }

    .pr-app__wash {
        left: calc(50% - 320px + 10px);
        width: 620px;
        height: 960px;
    }
}

@media (max-width: 639px) {
    .pr-section.pr-app,
    .pr-section.pr-app .pr-app__inner {
        height: 840px;
        min-height: 840px;
    }

    .pr-app__panel {
        width: 463px;
        height: 779px;
    }

    .pr-section.pr-app .pr-app__title {
        left: calc(50% - 240px + 39px);
        width: 403px;
        font-size: 30px;
    }

    .pr-app__wash {
        width: 463px;
        height: 779px;
    }
}

@media (max-width: 479px) {
    .pr-section.pr-app,
    .pr-section.pr-app .pr-app__inner {
        height: 700px;
        min-height: 700px;
    }

    .pr-app__panel {
        top: 3px;
        width: 300px;
        height: 683px;
    }

    .pr-section.pr-app .pr-app__title {
        top: 33px;
        left: calc(50% - 160px + 30px);
        width: 263px;
        font-size: 26px;
    }

    .pr-app__lead {
        top: 149px;
        left: calc(50% - 160px + 30px);
        width: 209px;
        font-size: 14px;
    }

    .pr-section.pr-app .pr-app__stores {
        top: 219px;
        left: calc(50% - 160px + 30px);
        width: 201px;
        height: 125px;
    }

    .pr-section.pr-app .pr-app__phone {
        top: 375px;
        left: calc(50% - 160px + 57px);
        width: 201px;
    }

    .pr-app__wash {
        top: 685px;
        width: 300px;
        height: 139px;
    }
}
