

/* Start:/local/templates/sibbro_flowerplate/components/sibbro/view/home-hero/style.css?17901934061733*/
.home-hero__banner {
    aspect-ratio: 1441 / 335;
    border-radius: 20px;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.home-hero__banner:focus-visible {
    outline: 2px solid var(--color-primary-dark);
    outline-offset: 3px;
}

.home-hero__image {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.home-hero__benefits {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 44px;
}

.benefits__item {
    align-items: center;
    display: flex;
    gap: 16px;
    min-width: 0;
}

.benefits__icon {
    flex: 0 0 50px;
    height: 50px;
    width: 50px;
}

.benefits__content {
    color: var(--color-text);
    display: grid;
    font-size: 16px;
    gap: 2px;
    line-height: 20px;
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .home-hero__benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 30px;
    }
}

@media (max-width: 767px) {
    .home-hero__banner {
        display: none;
    }

    .home-hero__benefits {
        display: flex;
        gap: 30px;
        margin-inline: calc(-1 * var(--s-4));
        margin-top: var(--s-3);
        overflow-x: auto;
        padding-inline: var(--s-4);
        scrollbar-width: none;
    }

    .home-hero__benefits::-webkit-scrollbar {
        display: none;
    }

    .benefits__item {
        flex: 0 0 auto;
        gap: 12px;
    }

    .benefits__icon {
        flex-basis: 40px;
        height: 40px;
        width: 40px;
    }

    .benefits__content {
        font-size: 14px;
        line-height: 18px;
        white-space: nowrap;
    }
}

/* End */


/* Start:/local/templates/sibbro_flowerplate/components/bitrix/catalog.section/home-preview/style.css?17901934064981*/
.home-products {
    margin-top: 80px;
}

.home-products + .home-products {
    margin-top: 100px;
}

.home-products__title {
    font-family: var(--font-family-accent);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    line-height: 61px;
    margin: 0 0 40px;
    overflow-wrap: anywhere;
}

.home-products__grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-product {
    background: var(--color-bg);
    border-radius: 20px;
    box-shadow: var(--shadow-normal);
    display: flex;
    flex-direction: column;
    min-height: 415px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.home-product__picture {
    aspect-ratio: 1;
    background: var(--color-primary-ghost);
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}

.home-product__image {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.home-product__badge {
    background: var(--color-primary-dark);
    border-radius: 20px;
    color: var(--color-text-invert);
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    left: 12px;
    line-height: 24px;
    padding: 0 15px;
    position: absolute;
    top: 12px;
}

.home-product__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 14px 16px 16px;
}

.home-product__delivery {
    align-items: center;
    color: var(--color-accent);
    display: flex;
    font-size: 12px;
    font-weight: var(--font-weight-semibold);
    gap: 8px;
    line-height: 15px;
    margin: 0 0 14px;
    min-width: 0;
}

.home-product__delivery svg {
    flex: 0 0 20px;
    height: 20px;
    width: 20px;
}

.home-product__name {
    display: -webkit-box;
    font-size: 16px;
    line-height: 20px;
    min-width: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.home-product__name::after {
    content: '';
    inset: 0;
    position: absolute;
    z-index: 1;
}

.home-product__price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: var(--font-weight-semibold);
    gap: 4px 8px;
    line-height: 25px;
    margin: auto 0 0;
}

.home-product__price del {
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    line-height: 18px;
}

.button.home-product__favorite {
    background: var(--color-bg);
    border-radius: 50%;
    color: var(--color-text-ghost);
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: opacity 0.15s ease, color 0.15s ease;
    z-index: 2;
}

.button.home-product__favorite:hover,
.button.home-product__favorite:focus-visible {
    background: var(--color-bg);
}

.home-product__favorite svg {
    height: 24px;
    width: 24px;
}

.home-product:hover .home-product__favorite,
.home-product:focus-within .home-product__favorite,
.home-product__favorite[aria-pressed="true"] {
    opacity: 1;
}

.favorite-control[aria-pressed="true"] {
    color: var(--color-accent);
}

.favorite-control[aria-pressed="true"] path {
    fill: currentColor;
}

.button.home-products__more {
    border-radius: 8px;
    font-size: 14px;
    gap: 8px;
    height: 44px;
    line-height: 18px;
    margin: 26px auto 0;
    min-height: 44px;
    padding: 0 20px;
    white-space: nowrap;
    width: 275px;
}

.home-products__more svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

@media (max-width: 1199px) {
    .home-products__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .home-product {
        min-height: 376px;
    }

    .home-product:nth-child(n + 9) {
        display: none;
    }
}

@media (max-width: 900px) {
    .home-products__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-product:nth-child(n + 7) {
        display: none;
    }
}

@media (max-width: 600px) {
    .home-products {
        margin-top: 40px;
    }

    .home-products + .home-products {
        margin-top: 40px;
    }

    .home-products__title {
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 20px;
    }

    .home-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-product {
        min-height: 314px;
    }

    .home-product:nth-child(n + 5) {
        display: none;
    }

    .home-product__body {
        padding: 8px 12px 14px;
    }

    .home-product__delivery {
        gap: 8px;
        margin-bottom: 8px;
    }

    .home-product__name {
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: 3;
    }

    .home-product__price {
        font-size: 16px;
        line-height: 20px;
    }

    .home-product__favorite {
        opacity: 1;
    }

    .button.home-products__more {
        margin-top: 20px;
        width: 215px;
    }
}

/* End */


/* Start:/local/templates/sibbro_flowerplate/components/sibbro/view/home-seo/style.css?17901934064460*/
.home-seo {
    margin-top: 100px;
    min-width: 0;
    padding-bottom: 100px;
}

.home-seo__title {
    font-family: var(--font-family-accent);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    line-height: 1;
    margin: 0 0 54px;
    overflow-wrap: anywhere;
}

.home-seo__layout {
    align-items: start;
    display: grid;
    gap: clamp(48px, 5vw, 92px);
    grid-template-columns: minmax(420px, 1fr) minmax(0, 1fr);
    min-width: 0;
}

.home-seo__layout--without-images {
    display: block;
    max-width: 760px;
    margin-left: auto;
}

.home-seo__visual {
    max-width: 655px;
    min-width: 0;
    width: 100%;
}

.home-seo__image {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
}

.home-seo__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-seo__text {
    font-size: 16px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.home-seo__text p {
    margin: 0 0 16px;
}

.home-seo__text p:last-child {
    margin-bottom: 0;
}

.home-seo__contacts {
    border-top: 1px solid var(--color-primary-ghost);
    margin-top: 30px;
    padding-top: 16px;
}

.home-seo__contact-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 20px;
}

.home-seo__contact {
    align-items: center;
    display: flex;
    gap: 16px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.home-seo__contact + .home-seo__contact {
    border-left: 1px solid var(--color-primary-ghost);
    margin-left: 28px;
    padding-left: 28px;
}

.home-seo__contact svg {
    color: var(--color-text);
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
}

.home-seo__contact span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.home-seo__contact small {
    color: var(--color-text-secondary);
    font-size: 14px;
}

.home-seo__contact strong {
    font-size: 18px;
    line-height: 1.2;
}

.home-seo__socials {
    align-items: center;
    background: var(--color-primary-ghost);
    border-radius: 12px;
    color: var(--color-text-secondary);
    display: flex;
    font-size: 14px;
    gap: 20px;
    min-height: 48px;
    overflow-wrap: anywhere;
    padding: 6px 20px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .home-seo {
        margin-top: clamp(72px, 9vw, 96px);
        padding-bottom: 80px;
    }

    .home-seo__title {
        font-size: clamp(42px, 5vw, 48px);
        margin-bottom: 44px;
    }

    .home-seo__layout {
        gap: clamp(32px, 4vw, 48px);
        grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
    }

    .home-seo__text {
        font-size: 14px;
    }

    .home-seo__contact-list {
        gap: 14px;
        grid-template-columns: minmax(0, 1fr);
    }

    .home-seo__contact + .home-seo__contact {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }

    .home-seo__contact strong {
        font-size: 16px;
    }

    .home-seo__socials {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 767px) {
    .home-seo {
        margin-top: 80px;
        padding-bottom: 40px;
    }

    .home-seo__title {
        font-size: 36px;
        line-height: 1;
        margin-bottom: 28px;
    }

    .home-seo__layout {
        display: grid;
        gap: 34px;
        grid-template-columns: minmax(0, 1fr);
    }

    .home-seo__visual {
        margin-inline: auto;
        max-width: 470px;
    }

    .home-seo__text {
        font-size: 14px;
        line-height: 1.3;
    }

    .home-seo__text p {
        margin-bottom: 17px;
    }

    .home-seo__contacts {
        margin-top: 12px;
    }

    .home-seo__contact-list {
        gap: 12px;
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 20px;
    }

    .home-seo__contact + .home-seo__contact {
        border-left: 0;
        margin-left: 0;
        padding-left: 0;
    }

    .home-seo__contact {
        gap: 10px;
    }

    .home-seo__contact svg {
        flex-basis: 30px;
        height: 30px;
        width: 30px;
    }

    .home-seo__contact strong {
        font-size: 16px;
    }

    .home-seo__socials {
        gap: 20px;
        padding-inline: 18px;
    }
}

@media (max-width: 380px) {
    .home-seo__title {
        font-size: 32px;
    }

    .home-seo__socials {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

/* End */


/* Start:/local/templates/sibbro_flowerplate/components/sibbro/stores/.default/style.css?17901934065237*/
.stores {
    margin-bottom: 100px;
    min-width: 0;
}

.stores__symbols {
    height: 0;
    overflow: hidden;
    position: absolute;
    width: 0;
}

.stores__header {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.stores__title {
    font-family: var(--font-family-accent);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    line-height: 61px;
    margin: 0;
    overflow-wrap: anywhere;
}

.stores__navigation {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.button.stores__button {
    background: var(--color-primary-ghost);
    border-radius: 50%;
    color: var(--color-text);
    height: 44px;
    min-height: 44px;
    width: 44px;
}

.stores__button svg {
    height: 16px;
    width: 16px;
}

.stores__button:first-child svg {
    transform: rotate(180deg);
}

.stores__button:disabled {
    color: var(--color-text-ghost);
    cursor: default;
    opacity: .55;
}

.stores--single .stores__navigation {
    display: none;
}

.stores__list {
    display: flex;
    gap: 16px;
    list-style: none;
    margin: 0;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 0 1px;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.store-card {
    background: var(--color-bg);
    border: 1px solid var(--color-border-ghost);
    border-radius: 20px;
    display: flex;
    flex: 0 0 clamp(283px, calc((100% - 48px) / 4), 348px);
    flex-direction: column;
    height: 500px;
    min-width: 0;
    padding: 16px;
    scroll-snap-align: start;
}

.stores--single .store-card {
    flex-basis: min(100%, 348px);
}

.store-card__address {
    align-items: center;
    background: var(--color-primary-ghost);
    border-radius: 30px 12px 12px 30px;
    display: flex;
    flex: 0 0 48px;
    gap: 20px;
    min-width: 0;
}

.store-card__address-icon {
    color: var(--color-text);
    flex: 0 0 50px;
    height: 50px;
    position: relative;
    width: 50px;
}

.store-card__address-icon svg {
    height: 90px;
    left: -20px;
    overflow: visible;
    position: absolute;
    top: -16px;
    width: 90px;
}

.store-card__address strong {
    font-size: 16px;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
    padding-right: 14px;
}

.store-card__picture {
    background: var(--color-primary-ghost);
    border-radius: 20px;
    flex: 0 0 330px;
    margin-top: 14px;
    min-width: 0;
    overflow: hidden;
}

.store-card__picture img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.store-card__contacts {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    padding-top: 8px;
    text-align: center;
}

.store-card__phone {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.store-card__schedule {
    align-items: center;
    color: var(--color-text-secondary);
    display: flex;
    font-size: 16px;
    gap: 8px;
    justify-content: center;
    line-height: 1.2;
    min-width: 0;
    overflow-wrap: anywhere;
}

.store-card__schedule svg {
    flex: 0 0 24px;
    height: 24px;
    width: 24px;
}

.stores__map {
    background: var(--color-primary-ghost);
    border-radius: 20px;
    height: 360px;
    margin-top: 39px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.stores__map iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .stores {
        margin-bottom: 40px;
    }

    .stores__header {
        margin-bottom: 20px;
    }

    .stores__title {
        font-size: 36px;
        line-height: 44px;
    }

    .stores__navigation {
        display: none;
    }

    .stores__list {
        margin-inline: calc(var(--s-4) * -1);
        padding-inline: var(--s-4);
        scroll-padding-inline: var(--s-4);
    }

    .store-card {
        border-radius: 12px;
        flex-basis: 283px;
        height: 350px;
    }

    .stores--single .store-card {
        flex-basis: min(100%, 283px);
    }

    .store-card__address {
        border-radius: 20px 8px 8px 20px;
        flex-basis: 36px;
        gap: 14px;
    }

    .store-card__address-icon {
        flex-basis: 36px;
        height: 36px;
        width: 36px;
    }

    .store-card__address-icon svg {
        height: 76px;
        top: -16px;
        width: 76px;
    }

    .store-card__address strong {
        font-weight: var(--font-weight-semibold);
        padding-right: 10px;
    }

    .store-card__picture {
        border-radius: 12px;
        flex-basis: 220px;
        margin-top: 8px;
    }

    .store-card__contacts {
        gap: 4px;
        padding-top: 6px;
    }

    .store-card__phone {
        font-size: 16px;
        font-weight: var(--font-weight-semibold);
    }

    .store-card__schedule {
        font-size: 14px;
        gap: 4px;
    }

    .store-card__schedule svg {
        flex-basis: 16px;
        height: 16px;
        width: 16px;
    }

    .stores__map {
        height: 320px;
        margin-top: 20px;
    }

}

/* End */


/* Start:/local/templates/sibbro_flowerplate/components/bitrix/news.list/flowerplate-news/style.css?17901934066408*/
.flowerplate-news {
    min-width: 0;
}

.flowerplate-news--home {
    margin-top: 100px;
}

.stores + .flowerplate-news--home {
    margin-top: 0;
}

.flowerplate-news--list {
    padding-bottom: 96px;
    padding-top: 40px;
}

.flowerplate-news__header {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 40px;
}

.flowerplate-news__title {
    font-family: var(--font-family-accent);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    line-height: 1;
    margin: 0;
    overflow-wrap: anywhere;
}

.flowerplate-news__controls {
    align-items: center;
    display: flex;
    gap: 8px;
}

.flowerplate-news__control {
    align-items: center;
    background: var(--color-primary-ghost);
    border: 0;
    border-radius: 50%;
    color: var(--color-text);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 44px;
    height: 44px;
    justify-content: center;
    padding: 0;
    transition: background-color .2s, color .2s;
    width: 44px;
}

.flowerplate-news__control:hover,
.flowerplate-news__control:focus-visible {
    background: var(--color-primary);
    color: var(--color-text-invert);
}

.flowerplate-news__control:disabled {
    color: var(--color-text-ghost);
    cursor: default;
    opacity: .55;
}

.flowerplate-news__control svg {
    display: block;
    height: 16px;
    width: 16px;
}

.flowerplate-news__control--previous svg {
    transform: rotate(180deg);
}

.flowerplate-news__items {
    display: grid;
    gap: 24px 16px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
}

.flowerplate-news--home .flowerplate-news__items {
    gap: 16px;
    grid-auto-columns: 348px;
    grid-auto-flow: column;
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
}

.flowerplate-news--home .flowerplate-news__item {
    scroll-snap-align: start;
}

.news-card {
    background: var(--color-bg);
    border: 1px solid var(--color-primary-ghost);
    border-radius: 20px;
    height: 416px;
    min-width: 0;
    overflow: hidden;
}

.news-card__link {
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    padding: 15px;
}

.news-card__link:focus-visible {
    outline-offset: -4px;
}

.news-card__link:hover,
.news-card__link:focus-visible {
    color: var(--color-text);
}

.news-card__picture {
    background: var(--color-primary-ghost);
    border-radius: 20px 20px 20px 0;
    display: block;
    flex: 0 0 204px;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.news-card__image {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.news-card__date {
    background: var(--color-bg);
    border-radius: 0 20px 0 0;
    bottom: 0;
    color: var(--color-primary-dark);
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    left: 0;
    line-height: 18px;
    padding: 4px 20px 4px 16px;
    position: absolute;
    white-space: nowrap;
}

.news-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    padding-top: 12px;
}

.news-card__title {
    color: var(--color-text);
    display: -webkit-box;
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 23px;
    margin: 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-card__link:hover .news-card__title,
.news-card__link:focus-visible .news-card__title,
.news-card__link:hover .news-card__more,
.news-card__link:focus-visible .news-card__more {
    color: var(--color-primary-dark);
}

.news-card__preview {
    color: var(--color-text);
    display: -webkit-box;
    font-size: 16px;
    line-height: 20px;
    margin: 4px 0 0;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-card__more {
    align-items: center;
    color: var(--color-primary);
    display: flex;
    font-size: 14px;
    font-weight: var(--font-weight-semibold);
    gap: 8px;
    line-height: 18px;
    margin-top: auto;
    transition: color .2s;
    white-space: nowrap;
}

.news-card__more svg {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.flowerplate-news__empty {
    margin: 0;
}

.flowerplate-news__pager {
    margin-top: 40px;
}

.flowerplate-news__pager .catalog-pager {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center;
}

.flowerplate-news__pager .catalog-pager a,
.flowerplate-news__pager .catalog-pager__current {
    align-items: center;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    min-width: 16px;
}

.flowerplate-news__pager .catalog-pager__current {
    background: var(--color-primary-ghost);
    border-radius: 50%;
    width: 32px;
}

.flowerplate-news__pager .catalog-pager__next svg {
    height: 16px;
    width: 16px;
}

@media (max-width: 1199px) {
    .flowerplate-news__items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .flowerplate-news__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .flowerplate-news--home {
        margin-top: 80px;
    }

    .flowerplate-news--list {
        padding-bottom: 64px;
        padding-top: 28px;
    }

    .flowerplate-news__header {
        margin-bottom: 28px;
    }

    .flowerplate-news__title {
        font-size: 36px;
    }

    .flowerplate-news__controls {
        display: none;
    }

    .flowerplate-news__items {
        grid-template-columns: minmax(0, 1fr);
    }

    .flowerplate-news--home .flowerplate-news__items {
        grid-auto-columns: 284px;
        margin-right: -16px;
        padding-right: 16px;
    }

    .flowerplate-news--home .news-card {
        height: 364px;
    }

    .flowerplate-news--home .news-card__picture {
        flex-basis: 168px;
    }

    .flowerplate-news--home .news-card__preview {
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: 4;
    }

    .flowerplate-news--home .news-card__title {
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 3;
    }
}

/* End */


/* Start:/local/templates/sibbro_flowerplate/components/bitrix/sender.subscribe/catalog-banner/style.css?17901934064800*/
.catalog-root-page {
    padding-bottom: 103px;
}

.catalog-subscribe {
    background: linear-gradient(90deg, #e5f3ff 0%, #f1eeff 55%, #ffc8c5 100%);
    border-radius: 20px;
    height: 221px;
    margin-top: 100px;
    overflow: hidden;
    position: relative;
}

.catalog-subscribe--home {
    margin-bottom: 100px;
}

.catalog-subscribe__picture {
    height: 410px;
    left: 51px;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 389px;
}

.catalog-subscribe__content {
    left: 486px;
    position: absolute;
    top: 35px;
}

.catalog-subscribe__title {
    font-family: var(--font-family-accent);
    font-size: 50px;
    font-weight: var(--font-weight-regular);
    line-height: 61px;
    margin: 0;
}

.catalog-subscribe__lead {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 20px 1px;
}

.catalog-subscribe__message {
    font-size: 14px;
    left: 1px;
    margin: 0;
    position: absolute;
    top: 106px;
}

.catalog-subscribe__message--error {
    color: var(--color-accent-dark);
}

.catalog-subscribe__form-row {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.catalog-subscribe__form {
    display: grid;
    grid-template-columns: 473px 60px;
    max-width: 100%;
    width: 533px;
}

.catalog-subscribe__form input[type="email"] {
    background: var(--color-bg);
    border: 0;
    border-radius: 8px 0 0 8px;
    color: var(--color-text);
    font: inherit;
    height: 48px;
    padding: 0 24px;
}

.catalog-subscribe__form input[type="email"]::placeholder {
    color: var(--color-text-secondary);
    opacity: 1;
}

.catalog-subscribe__form button {
    align-items: center;
    background: var(--color-primary);
    border: 0;
    border-radius: 0 8px 8px 0;
    color: var(--color-text-invert);
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0;
    transition: background-color .2s;
}

.catalog-subscribe__form button:hover,
.catalog-subscribe__form button:focus-visible {
    background: var(--color-primary-dark);
}

.catalog-subscribe__form button svg {
    height: 24px;
    width: 24px;
}

.catalog-subscribe__agreement {
    align-items: center;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    max-width: 100%;
    width: 533px;
}

.catalog-subscribe__agreement .form-check-input {
    flex-basis: 20px;
}

.catalog-subscribe__agreement a {
    text-decoration: underline;
}

@media (min-width: 1600px) {
    .catalog-subscribe__form-row {
        align-items: center;
        flex-direction: row;
        gap: 20px;
    }

    .catalog-subscribe__agreement {
        width: 279px;
    }
}

@media (min-width: 960px) and (max-width: 1599px) {
    .catalog-subscribe__content {
        left: clamp(360px, 40vw, 486px);
        right: 32px;
    }

    .catalog-subscribe__form {
        grid-template-columns: minmax(0, 1fr) 60px;
    }
}

@media (max-width: 959px) {
    .catalog-root-page {
        padding-bottom: 64px;
    }

    .catalog-subscribe {
        height: 373px;
        margin-top: 64px;
    }

    .catalog-subscribe--home {
        margin-bottom: 64px;
    }

    .catalog-subscribe__picture {
        height: 336px;
        left: 50%;
        object-fit: contain;
        object-position: bottom;
        top: 224px;
        transform: translateX(-50%);
        width: 319px;
    }

    .catalog-subscribe__content {
        inset: 30px 16px auto;
        position: absolute;
    }

    .catalog-subscribe__title {
        font-size: 36px;
        line-height: 44px;
    }

    .catalog-subscribe__lead {
        font-size: 14px;
        line-height: 18px;
        margin: 6px 0 16px;
        max-width: 349px;
    }

    .catalog-subscribe__message {
        font-size: 12px;
        left: 0;
        top: 118px;
    }

    .catalog-subscribe__form-row {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 7px;
    }

    .catalog-subscribe__form {
        grid-template-columns: minmax(0, 1fr) 60px;
        width: 100%;
    }

    .catalog-subscribe__form input[type="email"] {
        min-width: 0;
        padding-inline: 16px;
    }

    .catalog-subscribe__agreement {
        font-size: 12px;
        line-height: 15px;
        width: 100%;
    }
}

@media (max-width: 639px) {
    .flowerplate-catalog-root-page .flowerplate-breadcrumb-row {
        margin-bottom: 15px;
    }

    .flowerplate-catalog-root-page .bx-header h1 {
        font-size: 36px;
        line-height: 44px;
        margin: 0 0 20px;
    }

    .catalog-root-page {
        padding-bottom: 40px;
    }

    .catalog-subscribe {
        margin-top: 40px;
    }

    .catalog-subscribe--home {
        margin-bottom: 40px;
    }
}

/* End */
/* /local/templates/sibbro_flowerplate/components/sibbro/view/home-hero/style.css?17901934061733 */
/* /local/templates/sibbro_flowerplate/components/bitrix/catalog.section/home-preview/style.css?17901934064981 */
/* /local/templates/sibbro_flowerplate/components/sibbro/view/home-seo/style.css?17901934064460 */
/* /local/templates/sibbro_flowerplate/components/sibbro/stores/.default/style.css?17901934065237 */
/* /local/templates/sibbro_flowerplate/components/bitrix/news.list/flowerplate-news/style.css?17901934066408 */
/* /local/templates/sibbro_flowerplate/components/bitrix/sender.subscribe/catalog-banner/style.css?17901934064800 */
