/* Generated subset of wf.css for mobile Home and Watch Faces archive. Source: assets/css/wf.css. */

.wf-container{
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
}

@media (min-width: 576px) {
    .wf-container {
        max-width: 540px;
    }
}

.wf-section{
    padding: 24px 0;
}

.wf-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
}

.wf-title, .download-content__content h2{
    font-size: 44px;
    font-weight: 600;
    line-height: 52.51px;
    margin: 0;
}

.wf-heading-2{
    font-size: 40px;
    font-weight: 600;
    line-height: 47px;
    letter-spacing: 0.01em;
    margin-bottom: 24px;
}

.wf-heading-3{
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.01em;
    margin: 0;
}

.wf-heading-4{
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-bottom: 16px;
}

.wf-heading-5{
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-bottom: 16px;
}

.wf-heading-6{
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin: 0;
}

.wf-ta-center{
    text-align: center;
}

.wf-button{
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: center;
    padding: 10px 16px;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 0;
    text-decoration: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap:10px;
    color: #000;
    background: -o-radial-gradient(0% 0%, 100% 2185.56%, #96FE00 0%, #D8FF00 100%);
    background: radial-gradient(100% 2185.56% at 0% 0%, #96FE00 0%, #D8FF00 100%);
    min-height: 44px;
}

.wf-button:hover{
    background: -o-radial-gradient(0% 0%, 100% 2185.56%, #96fe00 0%, #D8FF00 70%);
    background: radial-gradient(100% 2185.56% at 0% 0%, #96fe00 0%, #D8FF00 70%);
    color: #000;
    text-decoration: none;
}

.wf-button.white{
    background: #fff;
    color: #000;
}

.wf-button.white:hover{
    text-decoration: none;
}

.text-color-gray{
    color: #000000A3;
}

.button-gradient{
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: center;
    padding: 6px 14px;
    background: #fff;
    color: #007AFF;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin: 0;
    text-decoration: none;
    position: relative;
    display: block;
}

.button-gradient:after{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: -o-linear-gradient(358.79deg, #EB00FF 0.7%, #FFB23E 50.99%, #007AFF 98.97%);
    background: linear-gradient(91.21deg, #EB00FF 0.7%, #FFB23E 50.99%, #007AFF 98.97%);
    border-radius: 11px;
    z-index: -1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.button-gradient:hover{
    color: #fff;
    background: transparent;
    text-decoration: none;
}

button.button-gradient{
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none;
}

.watchface-banner{
}

.watchface-banner__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #060608;
    background-image: url("../img/banner-img.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 480px;
    padding: 32px;
    position: relative;
    border-radius: 20px;
}

.watchface-banner__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 127px;
}

.watchface-banner__content-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

.watchface-banner__content-title{
    color: #fff;
}

.watchface-banner__content-button a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    width: 135px;
    border-radius: 7px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    background-image: url("../img/app-store-badge-btn.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.watchface-banner__content-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.watchface-banner__content-qrcode{
    width: 140px;
    height: 140px;
}

.watchface-banner__content-description-list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.watchface-banner__content-description-list li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #fff;
}

.watchface-banner__content-description-list li .icon{
    width: 20px;
    height: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.watchface-card{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    background-color: #FFFFFF;
    border-radius: 30px;
    position: relative;
    color: #000;
    padding-top: 12px;
    padding-bottom: 24px;
}

.watchface-card.style-2{
    padding: 16px;
    background: #F7F7F9;
    border-radius: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

.watchface-card__label{
    font-size: 16px;
    font-weight: 870;
    line-height: 20px;
    letter-spacing: -0.24px;
    text-align: center;
    background: -o-linear-gradient(296.33deg, #AEAEAE 15.39%, #C5C5C5 41.92%, #5D5D5D 85.19%);
    background: linear-gradient(153.67deg, #AEAEAE 15.39%, #C5C5C5 41.92%, #5D5D5D 85.19%);
    text-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 4px;
    padding: 2px 6px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
    .watchface-card:hover .watchface-card__label{
        background: -o-radial-gradient(5.26% 0%, 100% 534.38%, #FF1919 0%, #F7B171 53.1%, #F023F4 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
        background: radial-gradient(100% 534.38% at 5.26% 0%, #FF1919 0%, #F7B171 53.1%, #F023F4 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
        text-shadow: none;
    }
}

.watchface-card.white .watchface-card__label{
    background: -o-radial-gradient(5.26% 0%, 100% 534.38%, #FF1919 0%, #F7B171 53.1%, #F023F4 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background: radial-gradient(100% 534.38% at 5.26% 0%, #FF1919 0%, #F7B171 53.1%, #F023F4 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    text-shadow: none;
}

.watchface-card__image{
    width: 100%;
    height: 100%;
    max-height: 348px;
    border-radius: 30px;
    background: #F7F7F9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px;
}

.watchface-card__number{
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
    background: #000000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 24px;
    left: 12px;
    font-style: italic;
    padding-right: 4px;
    z-index: 1;
}

.watchface-card:first-child .watchface-card__number{
    background: url('data:image/svg+xml,<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41.4541 13.0218L51.335 4.15653L50.5645 17.4092L50.544 17.7624L50.8838 17.6638L63.6327 13.9636L57.1885 25.5696L57.0167 25.8789L57.3656 25.9375L70.4575 28.1353L59.6157 35.7958L59.3268 36L59.6157 36.2042L70.4575 43.8647L57.3656 46.0625L57.0167 46.1211L57.1885 46.4304L63.6327 58.0364L50.8838 54.3362L50.544 54.2376L50.5645 54.5908L51.335 67.8435L41.4541 58.9782L41.1907 58.7419L41.0559 59.0691L36 71.3436L30.9441 59.0691L30.8093 58.7419L30.5459 58.9782L20.665 67.8435L21.4355 54.5908L21.456 54.2376L21.1162 54.3362L8.36727 58.0364L14.8115 46.4304L14.9833 46.1211L14.6344 46.0625L1.54255 43.8647L12.3843 36.2042L12.6732 36L12.3843 35.7958L1.54255 28.1353L14.6344 25.9375L14.9833 25.8789L14.8115 25.5696L8.36727 13.9636L21.1162 17.6638L21.456 17.7624L21.4355 17.4092L20.665 4.15652L30.5459 13.0218L30.8093 13.2581L30.9441 12.9309L36 0.65641L41.0559 12.9309L41.1907 13.2581L41.4541 13.0218Z" fill="url(%23paint0_linear_611_3115)" stroke="url(%23paint1_linear_611_3115)" stroke-width="0.5"/><defs><linearGradient id="paint0_linear_611_3115" x1="52" y1="-5.09951e-07" x2="36" y2="72" gradientUnits="userSpaceOnUse"><stop stop-color="%23EDD84F"/><stop offset="1" stop-color="%23FFC31E"/></linearGradient><linearGradient id="paint1_linear_611_3115" x1="36" y1="0" x2="36" y2="72" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23E1AF15"/></linearGradient></defs></svg>') no-repeat center;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 8px;
    color: #000;
    background-size: contain;
}

.watchface-card:nth-child(2) .watchface-card__number{
    background: url('data:image/svg+xml,<svg width="64" height="66" viewBox="0 0 64 66" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.3819 1.58476C30.977 0.140099 33.023 0.140097 33.6181 1.58475L35.9779 7.31371C36.5696 8.75021 38.4045 9.16902 39.5609 8.13151L44.1727 3.99377C45.3356 2.95037 47.1791 3.83813 47.0884 5.39791L46.7288 11.5834C46.6387 13.1344 48.1102 14.3078 49.6022 13.8748L55.5526 12.1478C57.053 11.7123 58.3288 13.312 57.5703 14.678L54.5625 20.0949C53.8083 21.4532 54.625 23.1489 56.1571 23.4061L62.2675 24.4319C63.8084 24.6906 64.2637 26.6854 62.9877 27.587L57.9274 31.1624C56.6586 32.0589 56.6586 33.9411 57.9274 34.8376L62.9877 38.413C64.2637 39.3146 63.8084 41.3094 62.2675 41.5681L56.1571 42.5939C54.625 42.8511 53.8083 44.5468 54.5625 45.9051L57.5703 51.322C58.3288 52.688 57.0531 54.2877 55.5526 53.8522L49.6022 52.1252C48.1102 51.6922 46.6387 52.8656 46.7288 54.4166L47.0884 60.6021C47.1791 62.1619 45.3356 63.0496 44.1727 62.0062L39.5609 57.8685C38.4045 56.831 36.5696 57.2498 35.9779 58.6863L33.6181 64.4152C33.023 65.8599 30.977 65.8599 30.3819 64.4152L28.0221 58.6863C27.4304 57.2498 25.5955 56.831 24.4391 57.8685L19.8273 62.0062C18.6644 63.0496 16.8209 62.1619 16.9116 60.6021L17.2712 54.4166C17.3613 52.8656 15.8898 51.6922 14.3978 52.1252L8.44745 53.8522C6.94695 54.2877 5.67124 52.688 6.4297 51.322L9.43748 45.9051C10.1917 44.5468 9.37503 42.8511 7.84289 42.5939L1.73247 41.5681C0.191615 41.3094 -0.263685 39.3146 1.01234 38.413L6.07256 34.8376C7.34137 33.9411 7.34137 32.0589 6.07256 31.1624L1.01234 27.587C-0.263684 26.6854 0.191613 24.6906 1.73246 24.4319L7.84289 23.4061C9.37503 23.1489 10.1917 21.4532 9.43748 20.0949L6.4297 14.678C5.67124 13.312 6.94695 11.7123 8.44745 12.1478L14.3978 13.8748C15.8898 14.3078 17.3613 13.1344 17.2712 11.5834L16.9116 5.39791C16.8209 3.83814 18.6644 2.95037 19.8273 3.99377L24.4391 8.13151C25.5955 9.16902 27.4304 8.75021 28.0221 7.31371L30.3819 1.58476Z" fill="url(%23paint0_linear_611_3137)" stroke="url(%23paint1_linear_611_3137)" stroke-width="0.5"/><defs><linearGradient id="paint0_linear_611_3137" x1="48" y1="-3" x2="32" y2="69" gradientUnits="userSpaceOnUse"><stop stop-color="%23D5D4CF"/><stop offset="0.410809" stop-color="%23DFDFDF"/><stop offset="0.483468" stop-color="%23EEEEEE"/><stop offset="0.560595" stop-color="%23DADADA"/><stop offset="1" stop-color="%237E7E7E"/></linearGradient><linearGradient id="paint1_linear_611_3137" x1="32" y1="-3" x2="32" y2="69" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="%23757575"/></linearGradient></defs></svg>') no-repeat center;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 8px;
    color: #000;
    background-size: contain;
}

.watchface-card:nth-child(3) .watchface-card__number{
    background: url('data:image/svg+xml,<svg width="62" height="64" viewBox="0 0 62 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M28.4573 2.82953C29.3924 0.55935 32.6076 0.55935 33.5427 2.82953L34.4389 5.0051C35.2936 7.08004 37.944 7.685 39.6143 6.18637L41.3657 4.61506C43.1932 2.97542 46.09 4.37048 45.9475 6.82157L45.811 9.17051C45.6807 11.4108 47.8062 13.1058 49.9614 12.4803L52.221 11.8245C54.5789 11.1402 56.5836 13.654 55.3918 15.8005L54.2496 17.8576C53.1602 19.8195 54.3398 22.2689 56.5529 22.6404L58.8733 23.03C61.2946 23.4365 62.0101 26.5711 60.0049 27.9879L58.0833 29.3457C56.2506 30.6407 56.2506 33.3593 58.0833 34.6543L60.0049 36.0121C62.0101 37.4289 61.2946 40.5635 58.8733 40.97L56.5529 41.3596C54.3398 41.7311 53.1602 44.1805 54.2496 46.1424L55.3918 48.1995C56.5836 50.346 54.5789 52.8598 52.221 52.1755L49.9614 51.5197C47.8062 50.8942 45.6807 52.5892 45.811 54.8295L45.9475 57.1784C46.09 59.6295 43.1932 61.0246 41.3657 59.3849L39.6143 57.8136C37.944 56.315 35.2936 56.92 34.4389 58.9949L33.5427 61.1705C32.6076 63.4407 29.3924 63.4407 28.4573 61.1705L27.5611 58.9949C26.7064 56.92 24.056 56.315 22.3857 57.8136L20.6343 59.3849C18.8068 61.0246 15.91 59.6295 16.0525 57.1784L16.189 54.8295C16.3193 52.5892 14.1938 50.8942 12.0386 51.5197L9.77898 52.1755C7.42106 52.8598 5.41636 50.346 6.60823 48.1995L7.75044 46.1424C8.83981 44.1805 7.66025 41.7311 5.44715 41.3596L3.12671 40.97C0.705368 40.5635 -0.0101018 37.4289 1.99508 36.0121L3.9167 34.6543C5.74943 33.3593 5.74944 30.6407 3.9167 29.3457L1.99508 27.9879C-0.0101004 26.5711 0.705367 23.4365 3.1267 23.03L5.44714 22.6404C7.66024 22.2689 8.83981 19.8195 7.75044 17.8576L6.60823 15.8005C5.41636 13.654 7.42106 11.1402 9.77898 11.8245L12.0386 12.4803C14.1938 13.1058 16.3193 11.4108 16.189 9.17051L16.0525 6.82157C15.91 4.37049 18.8068 2.97542 20.6343 4.61506L22.3857 6.18637C24.056 7.68499 26.7064 7.08005 27.5611 5.00511L28.4573 2.82953Z" fill="url(%23paint0_linear_611_3159)" stroke="url(%23paint1_linear_611_3159)" stroke-width="0.5"/><defs><linearGradient id="paint0_linear_611_3159" x1="16" y1="-2" x2="31" y2="68" gradientUnits="userSpaceOnUse"><stop stop-color="%23E1943C"/><stop offset="1" stop-color="%23BA8664"/></linearGradient><linearGradient id="paint1_linear_611_3159" x1="31" y1="-4" x2="31" y2="68" gradientUnits="userSpaceOnUse"><stop stop-color="%23F0AB61"/><stop offset="1" stop-color="%23B4662B"/></linearGradient></defs></svg>') no-repeat center;
    width: 56px;
    height: 56px;
    top: 20px;
    left: 8px;
    color: #000;
    background-size: contain;
}

.watchface-card.style-2 .watchface-card__image{
    max-height: 144px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.watchface-card__image-inner{
    width: 174px;
    height: 283px;
    background-image: url("../img/Shadow.webp");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
}

.wf-image-reveal-ready .watchface-card__image-inner.wf-image-pending::after,
.wf-image-reveal-ready .watchface-card__image-watch-inner.wf-image-pending::after{
    content: "";
    position: absolute;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity 0.22s ease;
    -o-transition: opacity 0.22s ease;
    transition: opacity 0.22s ease;
    z-index: 0;
}

.wf-image-reveal-ready .watchface-card__image-inner.wf-image-pending::after{
    top: 22.61%;
    left: 9.77%;
    width: 75.29%;
    height: 56.18%;
    border-radius: 18%;
    background: -o-linear-gradient(315deg, #F8F9FC 0%, #ECEFF5 46%, #F5F7FA 100%);
    background: linear-gradient(135deg, #F8F9FC 0%, #ECEFF5 46%, #F5F7FA 100%);
    -webkit-mask-image: url("../img/mask-group-1.png");
    mask-image: url("../img/mask-group-1.png");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.watchface-card.style-2 .watchface-card__image-inner{
    width: 89px;
    height: 144px;
}

.wf-image-reveal-ready .watchface-card.style-2 .watchface-card__image-inner.wf-image-pending::after{
    top: 20.83%;
    left: 6.74%;
    width: 80.9%;
    height: 59.72%;
}

.watchface-card__image-inner img{
    width: 131px;
    height: 159px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top:64px;
    left: 17px;
    -webkit-mask-image: url("../img/mask-group-1.png");
    mask-image: url("../img/mask-group-1.png");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

.wf-image-reveal-ready .watchface-card__image-inner img.wf-image-pending,
.wf-image-reveal-ready .watchface-card__image-watch-inner img.wf-image-pending{
    opacity: 0;
    -webkit-transition: opacity 0.22s ease;
    -o-transition: opacity 0.22s ease;
    transition: opacity 0.22s ease;
}

.wf-image-reveal-ready .watchface-card__image-inner img.is-loaded,
.wf-image-reveal-ready .watchface-card__image-watch-inner img.is-loaded{
    opacity: 1;
}

.wf-image-reveal-ready .watchface-card__image-inner.wf-image-loaded::after,
.wf-image-reveal-ready .watchface-card__image-watch-inner.wf-image-loaded::after{
    opacity: 0;
}

.watchface-card.style-2 .watchface-card__image-inner img{
    top: 30px;
    left: 6px;
    width: 72px;
    height: 86px;
}

@media (hover: hover) and (pointer: fine) {
    .watchface-card:hover .watchface-card__image-inner{
        background-image: url("../img/orange-case.webp");
    }
    .watchface-card:hover .watchface-card__image-inner img{
        top:55.3px;
        left: 15.2px;
    }
    .watchface-card.style-2:hover .watchface-card__image-inner img{
        top: 26px;
        left: 5.2px;
    }
}

.watchface-card__image:active .watchface-card__image-inner{
    -webkit-transform: scale(0.995);
    -ms-transform: scale(0.995);
    transform: scale(0.995);
}

@media (prefers-reduced-motion: reduce) {
    .wf-image-reveal-ready .watchface-card__image-inner.wf-image-pending::after,
    .wf-image-reveal-ready .watchface-card__image-watch-inner.wf-image-pending::after,
    .wf-image-reveal-ready .watchface-card__image-inner img.wf-image-pending,
    .wf-image-reveal-ready .watchface-card__image-watch-inner img.wf-image-pending{
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    .watchface-card__image:active .watchface-card__image-inner{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.watchface-card__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
}

.watchface-card__content-category{
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0.01em;
}

.watchface-card__content-title{
    display: block;
    color: #000;
    text-decoration: none;
}

.watchface-card__content-title:hover,
.watchface-card__content-title:focus,
.watchface-card__content-title:visited{
    color: #000;
    text-decoration: none;
}

.watchface-other__header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.watchface-other__header-title h3{
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
}

.watchface-other__header-button{
    padding: 2px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.watchface-other__grid,
#algolia-hits .ais-Hits-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 16px;
}

.watchface-card__image-watch{
    width: 304px;
    height: 500px;
}

.watchface-card__image-watch-inner{
    width: 304px;
    height: 500px;
    background-image: url("../img/orange-case.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
}

.wf-image-reveal-ready .watchface-card__image-watch-inner.wf-image-pending::after{
    top: 20%;
    left: 9.54%;
    width: 75.66%;
    height: 56%;
    border-radius: 18%;
    background: #050505;
    background-image:
        -o-radial-gradient(28% 20%, circle, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 36%),
        -o-linear-gradient(315deg, #050505 0%, #151515 48%, #030303 100%);
    background-image:
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 36%),
        linear-gradient(135deg, #050505 0%, #151515 48%, #030303 100%);
    -webkit-mask-image: url("../img/mask-group-1.png");
    mask-image: url("../img/mask-group-1.png");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.watchface-card__image-watch-inner img{
    width: 230px;
    height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top:100px;
    left: 29px;
    -webkit-mask-image: url("../img/mask-group-1.png");
    mask-image: url("../img/mask-group-1.png");
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

.wf-home-hero.wf-section{
    padding-bottom: 32px;
}

.wf-home-categories.wf-section{
    padding-bottom: 40px;
}

.watchface-banner.wf-section{
    padding: 48px 0;
}

.wf-home-watchfaces .wf-heading-2{
    margin-bottom: 0;
}

.wf-home-hero__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 46px;
    padding: 40px;
}

.wf-home-hero__image{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wf-home-hero__image img{
    width: 100%;
    height: auto;
    max-width: 283px;
}

.wf-home-hero__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 520px;
    flex: 0 0 520px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.wf-home-hero__content-popular{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 410px;
}

.wf-home-hero__content-popular-item{
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 87px;
    flex: 0 0 87px;
    width: 87px;
    aspect-ratio: 87 / 107;
}

.wf-home-hero__content-text{
    color: #000000A3;
    max-width: 450px;
}

.wf-home-hero__content-text p{
    margin: 0;
}

.wf-home-hero__content-popular img{
    background: #E6E6E6;
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.wf-home-hero__content-button--mobile{
    position: fixed;
    bottom: 16px;
    z-index: 9999;
    width: 100%;
    display: none;
}

.wf-home-hero__content-button--mobile .wf-button{
    font-size: 20px;
    line-height: 1.2;
    padding: 18px 16px;
}

.wf-home-categories{
    max-width: 100%;
}

.wf-home-categories__items{
    position: relative;
}

.wf-home-categories__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 16px;
    border-radius: 100px;
    background: #F2F2F7;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    min-height: 44px;
}

.wf-home-categories__item:hover{
    color: #2563EB;
    background: #EAEAFA;
}

.wf-home-categories__item-link{
    color: inherit;
    text-decoration: none;
}

.wf-home-categories__item:hover .wf-home-categories__item-link,
.wf-home-categories__item-link:hover{
    color: #2563EB;
    text-decoration: none;
}

.wf-home-watchfaces{
    padding: 32px 0 0 0;
    margin-bottom: 0;
}

.wf-home-reviews{
    padding: 64px 0;
}

.wf-home-reviews__grid{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 16px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.wf-home-reviews__item{
}

.wf-home-reviews__item-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    background: #F7F7F9;
    border-radius: 20px;
    padding: 16px;
    height: 100%;
}

.wf-home-reviews__item-author{
    margin-bottom: 0;
}

.post-type-archive-watchface .filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.post-type-archive-watchface .filters .search-field,
.post-type-archive-watchface .filters .custom-select-trigger,
.post-type-archive-watchface .filters .button-gradient {
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.post-type-archive-watchface .filters .search-field {
    line-height: 20px;
}

.custom-select-wrapper {
    position: relative;
}

.custom-select {
    position: relative;
    width: 100%;
    border-radius: 10px;
    background: -o-radial-gradient(0% 0%, 100% 2185.56%, #96FE00 0%, #D8FF00 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background: -o-radial-gradient(0% 0%, 100% 2185.56%, #96FE00 0%, #D8FF00 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    background: radial-gradient(100% 2185.56% at 0% 0%, #96FE00 0%, #D8FF00 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
}

.custom-select-trigger, .custom-select-trigger-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background-color: #F7F7F9;
    background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L7 7L13 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: right 16px center;
    border-radius: 10px;
    padding: 10px 38px 10px 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #000;
}

.custom-select ul, .custom-select-select ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-select ul li, .custom-select-select ul li {
    padding: 10px 16px;
}

.custom-options, .custom-options-select {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border-radius: 10px;
    display: none;
    z-index: 10;
    max-height: 400px;
    width: 150px;
    overflow-y: auto;
    -webkit-box-shadow: 0px 4px 4px 0px #00000014;
    box-shadow: 0px 4px 4px 0px #00000014;
}

.custom-select-trigger-select{
    background-color: #FFFFFF;
}

.custom-options.active, .custom-options-select.opened {
    display: block;
}

.custom-options-select{
    width: fit-content;
    min-width: 150px;
    max-width: 100%;
}

.custom-option,  .custom-option-select{
    padding: 10px;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.custom-option.selected, .custom-option-select.selected {
    background: #f5f5f5;
}

.custom-option:hover, .custom-option-select:hover {
    background: #f5f5f5;
}

.custom-select-wrapper:last-child .custom-options{
    left: auto;
    right: 0;
}

.custom-select-wrapper.active .custom-select-trigger {
    background-color: transparent;
}

.post-type-archive-watchface .search-form{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: unset;
}

.post-type-archive-watchface .search-form input {
    width: 100%;
    padding: 10px 16px 10px 56px;
    border-radius: 10px;
    background-color: #F7F7F9;
    border: none;
    outline-color: #f5f5f5 !important;
}

.chosen-filters{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
    padding-bottom: 16px;
    border-bottom: 1px solid #0000001F;
    margin-bottom: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chosen-filters-items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.chosen-filters-items .choosen-filter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 40px;
    background-color: #F7F7F9;
    color: #000;
}

.choosen-filter__close{
    display: block;
    width: 14px;
    height: 14px;
    padding: 10px;
    margin: -10px;
    background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_433_9580)"><circle cx="7" cy="7" r="7" fill="black" fill-opacity="0.12"/><path d="M4.17157 9.82806L7 6.99963M9.82843 4.1712L7 6.99963M7 6.99963L4.17157 4.1712M7 6.99963L9.82843 9.82806" stroke="black" stroke-opacity="0.32" stroke-width="1.5" stroke-linecap="round"/></g><defs><clipPath id="clip0_433_9580"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    cursor: pointer;
}

.clear-filters{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 4px 12px 4px 32px;
    border-radius: 40px;
    background-color: #F7F7F9;
    color: #000;
    background-image: url('data:image/svg+xml,<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.16669 4.83333C1.16669 4.83333 2.33626 3.23979 3.28642 2.28898C4.23659 1.33816 5.54962 0.75 7.00002 0.75C9.89952 0.75 12.25 3.1005 12.25 6C12.25 8.89949 9.89952 11.25 7.00002 11.25C4.60655 11.25 2.58717 9.64833 1.95522 7.45833M1.16669 4.83333V1.33333M1.16669 4.83333H4.66669" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 8px center;
    white-space: nowrap;
}

.clear-filters.hide{
    display: none;
}

.wf-archive-loading{
    padding: 24px 0;
    color: #5E5C61;
}

.wf-algolia-hits-list,
.wf-algolia-hits-item{
    list-style: none;
    margin: 0;
    padding: 0;
}

.wf-algolia-hits-item{
    min-width: 0;
    margin: 0;
    padding: 0;
}

.wf-pagination-wrap--archive .ais-Pagination-list,
.wf-pagination-wrap--archive .wf-pagination__list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
}

.wf-pagination-wrap--archive .ais-Pagination-link,
.wf-pagination-wrap--archive .page-numbers{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 10px 14px;
    border-radius: 10px;
    background-color: #F7F7F9;
    color: #000;
}

.wf-pagination-wrap--archive .is-active .ais-Pagination-link,
.wf-pagination-wrap--archive .current{
    background-color: #000;
    color: #fff;
}

.wf-pagination-wrap--archive .is-disabled .ais-Pagination-link{
    opacity: 0.45;
    pointer-events: none;
}

.watchfaces__show_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
}

@media (max-width: 1199px){
    .watchface-other__grid,
    #algolia-hits .ais-Hits-list{
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .watchface-other__grid > .watchface-card,
    #algolia-hits .ais-Hits-list > li{
        min-width: 0;
    }
}

@media (max-width: 767px) {


    .wf-section{
        padding: 16px 0;
    }
    .wf-text{
        font-size: 16px;
    }
    .wf-title, .download-content__content h2{
        font-size: 34px;
        line-height: 40px;
        margin: 0;
    }
    .wf-heading-2{
        font-size: 28px;
        line-height: 33px;
    }
    .wf-heading-3{
        font-size: 16px;
        line-height: 20px;
        margin: 0;
    }

    .watchface-card{
        padding-top: 8px;
        padding-bottom: 16px;
        contain: layout paint style;
    }
    .watchface-card.style-2{
        padding: 16px;
    }
    .watchface-card__image{
        padding: 12px;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }
    .watchface-card__image-inner{
        height: 240px;
        width: 147px;
    }
    .watchface-card__image-inner img{
        width: 110px;
        height: 134px;
        top: 54px;
        left: 15px;

    }
    .watchface-other__grid > .watchface-card:nth-child(n+5),
    #algolia-hits .ais-Hits-list > li:nth-child(n+5),
    .wf-algolia-hits-list > .wf-algolia-hits-item:nth-child(n+5),
    .wf-home-watchfaces ~ .wf-home-watchfaces{
        content-visibility: auto;
        contain-intrinsic-size: auto 340px;
    }
    .watchface-banner.wf-section,
    .wf-home-reviews,
    .wf-home-seo-hubs{
        content-visibility: auto;
        contain-intrinsic-size: auto 520px;
    }
    @media (hover: hover) and (pointer: fine) {
        .watchface-card:hover .watchface-card__image-inner img{
            top: 48.3px;
            left: 13.5px;
            -webkit-mask-image: url("../img/mockup-mob.png");
            mask-image: url("../img/mockup-mob.png");
        }
    }
    .watchface-card__label, .watchface-hero__info-label{
        font-size: 11px;
        line-height: 13px;
        padding: 2px 4px;
    }
    .watchface-banner__content-bottom{
        display: none;
    }
    .watchface-banner__wrapper{
        padding: 29px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 440px;
        background-image: url("../img/banner-mob.png");
        background-image: image-set(
            url("../img/banner-mob.webp") type("image/webp"),
            url("../img/banner-mob.png") type("image/png")
        );
        background-size: contain;
        background-position: bottom center;
    }
    .wf-home-watchfaces{
        padding: 20px 0 0 0;
    }
    .wf-home-hero.wf-section{
        padding-bottom: 8px;
    }
    .wf-home-categories.wf-section{
        padding-bottom: 16px;
    }
    .watchface-banner.wf-section{
        padding: 32px 0;
    }
    .watchface-other__header{
        margin-bottom: 12px;
    }
    .wf-home-watchfaces .wf-heading-2{
        margin-bottom: 0;
    }
    .watchface-mobile-cta .wf-button {
        font-size: 17px;
        min-height: 56px;
        min-width: 0;
    }
    .watchface-mobile-cta .wf-button:not(.watchface_share--sticky) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }
    @media (max-width: 359px) {
        .watchface-mobile-cta .wf-button {
            gap: 8px;
            padding: 10px 12px;
            font-size: 15px;
            line-height: 20px;
            min-height: 56px;
        }
    }
    .watchface-card__image-watch-inner{
        width: 244px;
        height: 400px;
    }
    .watchface-card__image-watch-inner img{
        width: 184px;
        height: 224px;
        top: 80px;
        left: 23px;
    }
    .wf-home-hero__wrapper{
        padding: 32px 0;
    }
    .wf-home-hero__image{
        display: none;
    }
    .wf-home-hero__content{
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .wf-home-hero__content-popular{
        display: none;
    }
    .wf-home-reviews__grid{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    #algolia-hits .ais-Hits-list{
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .post-type-archive-watchface .filters, .page-template-top-100 .filters,
    .post-type-archive-watchface .filters, .page-template-new-releases .filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .post-type-archive-watchface .filters>div, .page-template-top-100 .filters>div,
    .post-type-archive-watchface .filters>div, .page-template-new-releases .filters>div {
        width: 100%;
    }
    .custom-select-wrapper--submit {
        width: 100%;
    }
    .custom-select-wrapper--submit .button-gradient {
        width: 100%;
    }
    .custom-options-select{
        width: 100%;
    }
    .watchface-card.white .card-btn{
        display: none;
    }
    .custom-options, .custom-options-select{
        width: 100%;
    }
    .custom-select-trigger-select, .custom-radio-wrapper{
        background-color: #F2F2F7;
    }
    .watchface-card .watchface-card__number{
        height: 36px;
        width: 36px;
        top: 16px;
        left: 8px;
        transform: none;
        font-size: 16px;
        line-height: 16px;
    }
    .watchface-card:first-child .watchface-card__number,  .watchface-card:nth-child(2) .watchface-card__number,   .watchface-card:nth-child(3) .watchface-card__number {
        width: 44px;
        height: 44px;
        top: 14px;
        left: 6px;
        background-size: contain;
        transform: none;
    }
    .wf-home-hero__content-button--mobile{
        display: block;
    }
    body.home{
        padding-bottom: 80px;
    }
}

@media (max-width: 360px) {
    .single-watchface .watchface-other__grid{
        grid-template-columns: minmax(0, 1fr);
    }
    .single-watchface .watchface-card--related{
        min-width: 0;
        width: 100%;
    }
    .watchface-card__image-inner{
        width: min(116px, 100%);
        height: auto;
        aspect-ratio: 174 / 283;
    }
    .watchface-card__image-inner img{
        width: 75.29%;
        height: 56.18%;
        top: 22.61%;
        left: 9.77%;
    }
    @media (hover: hover) and (pointer: fine) {
        .watchface-card:hover .watchface-card__image-inner img{
            top: 19.54%;
            left: 8.73%;
        }
    }
    .watchface-card__content-title.wf-text{
        font-size: 13px;
        line-height: 18px;
    }
}

.form-label { color: #5E5C61;
}

.wf-home-categories__items {
    min-height: 40px;
}

.wf-home-categories__items .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    align-items: center;
}

@media (max-width: 767px) {
    .wf-home-categories__items {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .wf-home-categories__items::-webkit-scrollbar {
        display: none;
    }
    .wf-home-categories__items .swiper-wrapper {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 10px;
    }
    .wf-home-categories__item {
        flex-shrink: 0;
    }
}

.post-type-archive-watchface .search-field:focus {
    border-color: var(--accent);
    outline: none;
    box-shadow: 0 0 0 2px rgba(90, 69, 214, 0.15);
}

.floating-cta {
    position: fixed;
    bottom: 16px;
    z-index: 9999;
    width: 100%;
    display: none;
}

.floating-cta .wf-button {
    font-size: 20px;
    line-height: 1.2;
    padding: 18px 16px;
}

@media (max-width: 767px) {
    .floating-cta {
        display: block;
    }
    body.home,
    body.blog,
    body.single-post,
    body.single-guide,
    body.page-template-blog {
        padding-bottom: 80px;
    }
}

.article-post .wf-editor-pick__card .watchface-card { margin: 0;
}

.article-post .wf-editor-pick__card .watchface-card__content { display: none;
}

.article-post .wf-weekly-grid .watchface-other__grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 16px;
}

.article-post .wf-weekly-grid .watchface-card {
    padding-top: 8px;
    padding-bottom: 12px;
    gap: 6px;
}

.article-post .wf-weekly-grid .watchface-card__image {
    padding: 20px;
    border-radius: 20px;
}

.article-post .wf-weekly-grid .watchface-card__content {
    gap: 8px;
    padding: 0 4px;
}

.article-post .wf-weekly-grid .watchface-card__content-title {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.article-post .wf-editor-pick__card .watchface-card {
    padding-top: 10px;
    padding-bottom: 14px;
}

.article-post .wf-editor-pick__card .watchface-card__image {
    padding: 14px;
    border-radius: 16px;
    max-height: 196px;
}

.article-post .wf-weekly-grid .watchface-card a,
.article-post .wf-editor-pick__card .watchface-card a,
.article-post .wf-editor-pick__body h2 a,
.article-post .wf-editor-pick__body h3 a,
.article-post .wf-editor-pick__body p a,
.article-post .wf-weekly-collection .watchface-other__header-button {
    color: inherit;
    text-decoration: none;
}

.article-post .wf-editor-pick__body h2 a:hover,
.article-post .wf-editor-pick__body h3 a:hover,
.article-post .wf-weekly-collection .watchface-other__header-button:hover {
    text-decoration: underline;
}

.wf-editor-pick__card .watchface-card .watchface-card__number,
.wf-editor-pick__card .watchface-card:first-child .watchface-card__number,
.wf-editor-pick__card .watchface-card:nth-child(2) .watchface-card__number,
.wf-editor-pick__card .watchface-card:nth-child(3) .watchface-card__number {
    background: #000;
    background-image: none;
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 13px;
    line-height: 13px;
    top: 12px;
    left: 10px;
}

@media (max-width: 767px) {
    .article-post .wf-weekly-grid .watchface-other__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .article-post .wf-editor-pick__card .watchface-card__image {
        padding: 8px;
        border-radius: 12px;
        max-height: 140px;
    }
    .wf-editor-pick__card .watchface-card .watchface-card__number,
    .wf-editor-pick__card .watchface-card:first-child .watchface-card__number,
    .wf-editor-pick__card .watchface-card:nth-child(2) .watchface-card__number,
    .wf-editor-pick__card .watchface-card:nth-child(3) .watchface-card__number {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 12px;
        top: 8px;
        left: 6px;
    }
    .article-post .wf-weekly-grid .watchface-card__image {
        padding: 12px;
    }
    .article-post .wf-weekly-grid .watchface-card__content-title {
        font-size: 14px;
        line-height: 1.35;
    }
}