

/* Start:/local/templates/plameb/assets/css/info-pages.css?17893605811713*/
body.site-body:has(.info-page){min-width:0}
.info-page{padding-bottom:60px;min-height:420px}.info-page__lead{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:24px 0 30px}.info-page__lead p{max-width:762px;line-height:24px;margin:0}.info-page__button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:12px 24px;border-radius:7px;background:#242424;color:white;font-size:16px;text-align:center}.info-page__topics{display:flex;gap:30px;overflow-x:auto;margin-bottom:26px;padding-bottom:8px}.info-page__topics a{padding-bottom:12px;white-space:nowrap;font-size:20px;color:#7b7b7b}.info-page__topics a[aria-current]{border-bottom:2px solid #242424;color:#242424}.info-page__questions details{border-bottom:1px solid #ccc}.info-page__questions summary{cursor:pointer;list-style:none;padding:22px 30px 22px 0;position:relative;color:#7b7b7b;line-height:24px}.info-page__questions summary::-webkit-details-marker{display:none}.info-page__questions summary::after{content:'⌄';position:absolute;right:3px;top:22px}.info-page__questions details[open] summary{font-weight:600;color:#242424}.info-page__questions details[open] summary::after{transform:rotate(180deg)}.info-page__questions details p{margin:0;padding-bottom:24px;line-height:24px;max-width:1243px}.info-page__empty{padding:40px;background:#f7f7f7;border-radius:7px;line-height:24px}.info-page__empty h2{font-size:22px;margin:0 0 12px}.info-page__empty p{max-width:640px}
@media(max-width:680px){.info-page__lead{align-items:flex-start;flex-direction:column;gap:20px}.info-page__topics{gap:20px}.info-page__topics a{font-size:17px}.info-page__empty{padding:24px}.info-page{padding-bottom:32px}}

/* End */


/* Start:/local/templates/plameb/assets/css/editorial-figma.css?17893605811400*/
body.site-body:has(.editorial-page,.editorial-detail){min-width:0}.editorial-page{padding-block:30px 60px}.editorial-page__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.editorial-card{overflow:hidden;background:#f7f7f7;border-radius:7px;min-width:0}.editorial-card img{display:block;width:100%;aspect-ratio:300/170;object-fit:cover}.editorial-card>div{padding:16px}.editorial-card h2{font-size:20px;line-height:26px;font-weight:400;margin:0 0 8px}.editorial-card p{font-size:14px;line-height:20px;margin:0;color:#7b7b7b}.editorial-card time{display:block;margin-top:12px;font-size:13px;color:#7b7b7b}.editorial-page__grid--reviews{grid-template-columns:1fr}.editorial-page__grid--reviews .editorial-card{background:white;border:1px solid #eff0f0;padding:16px}.editorial-page__grid--reviews .editorial-card img{max-width:420px;aspect-ratio:auto;height:auto;border-radius:7px}.editorial-detail{padding-block:30px 60px}.editorial-detail__cover{display:block;width:100%;max-height:580px;object-fit:contain}.editorial-detail__text{max-width:900px;margin:32px auto;font-size:16px;line-height:26px}.editorial-detail__text img{max-width:100%;height:auto}
@media(max-width:1000px){.editorial-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-page__grid--reviews{grid-template-columns:1fr}}@media(max-width:480px){.editorial-page__grid{grid-template-columns:1fr}}

/* End */


/* Start:/local/templates/plameb/assets/css/blog-hero.css?17915454303182*/
/* Blog banner: Figma 3483:5084, 3485:5446, 3502:8777, 3485:5459. */
.blog-hero,
.blog-hero .hero__slide,
.blog-hero .hero__container {
    min-height: 660px;
}

.blog-hero__slides {
    display: grid;
}

.blog-hero .hero__slide {
    position: relative;
    grid-area: 1 / 1;
    background: var(--color-text);
}

.blog-hero__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-hero .blog-hero__overlay {
    background: linear-gradient(90deg, rgb(0 0 0 / 11%), rgb(0 0 0 / 11%)),
        linear-gradient(118.487deg, rgb(0 0 0 / 59%) 39.882%, rgb(102 102 102 / 0%) 82.983%);
}

.blog-hero .hero__container {
    padding: 110px 72px;
}

.blog-hero .blog-hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: min(540px, 100%);
    min-width: 0;
    overflow-wrap: anywhere;
}

.blog-hero .hero__title {
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}

.blog-hero .hero__eyebrow {
    width: min(347px, 100%);
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.blog-hero .blog-hero__button {
    width: min(204px, 100%);
    min-height: 47px;
    padding: 14px 4px;
    border: 1px solid var(--color-surface);
    border-radius: var(--radius);
    background: rgb(255 255 255 / 13%);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
}

.blog-hero .blog-hero__button:hover {
    background: rgb(255 255 255 / 24%);
}

.blog-hero .blog-hero__button:focus-visible,
.blog-hero .blog-hero__arrow:focus-visible {
    outline: 2px solid var(--color-white);
    outline-offset: 4px;
}

.blog-hero .blog-hero__arrow {
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    background: transparent;
    opacity: 1;
}

.blog-hero .hero__counter {
    bottom: 38px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.blog-hero .hero__counter b {
    font-weight: 600;
}

.blog-hero .blog-hero__counter-line {
    position: relative;
    display: block;
    width: 61px;
    height: 2px;
    background: transparent;
}

.blog-hero__counter-highlight {
    position: absolute;
    top: 0;
    left: -0.5px;
}

@media (max-width: 900px) {
    .blog-hero,
    .blog-hero .hero__slide,
    .blog-hero .hero__container {
        min-height: 560px;
    }
}

@media (max-width: 620px) {
    .blog-hero,
    .blog-hero .hero__slide,
    .blog-hero .hero__container {
        min-height: 500px;
    }

    .blog-hero .hero__container {
        padding: 64px 0 128px;
    }

    .blog-hero .hero__title {
        font-size: 26px;
    }

    .blog-hero .hero__arrow {
        top: auto;
        bottom: 26px;
        transform: none;
    }

    .blog-hero .hero__arrow--prev {
        left: 0;
    }

    .blog-hero .hero__arrow--next {
        right: 0;
    }

    .blog-hero .hero__arrow:hover {
        transform: scale(1.04);
    }

    .blog-hero .hero__counter {
        bottom: 42px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .blog-hero .hero__slide {
        transition: none;
    }
}

/* End */


/* Start:/local/templates/plameb/assets/css/blog-articles.css?17919160362302*/
/* Blog cards: Figma 2404:1882 / 3488:5540, topic badge 3488:5690. */
.editorial-page--blog.container {
    width: min(var(--container-width), calc(100% - (var(--page-padding) * 2)));
    margin-inline: auto;
    padding-block: 30px 60px;
}

.editorial-page--blog .editorial-page__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 26px;
}

@media (max-width: 1000px) {
    .editorial-page--blog .editorial-page__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .editorial-page--blog .editorial-page__grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

.blog-article {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 300px;
    overflow: hidden;
    border-radius: var(--radius);
    background: var(--color-surface);
    color: var(--color-text);
}

.blog-article__media {
    position: relative;
    flex: 0 0 auto;
}

.blog-article__cover {
    display: block;
}

.blog-article__image {
    display: block;
    width: 100%;
    height: 171px;
    object-fit: cover;
}

.blog-article__topic {
    position: absolute;
    top: 8px;
    left: 8px;
    max-width: calc(100% - 16px);
    padding: 6px 10px;
    border-radius: var(--radius);
    background: rgb(255 255 255 / 80%);
    color: var(--color-text);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    overflow-wrap: anywhere;
}

.blog-article__topic--inline {
    position: static;
    align-self: flex-start;
    max-width: 100%;
}

.blog-article__body {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
    padding: 15px 20px 24px;
    overflow-wrap: anywhere;
}

.blog-article__title {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.0006;
}

.blog-article__link {
    color: inherit;
}

.blog-article__link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.blog-article__link:focus-visible {
    outline: 2px solid var(--color-text, #242424);
    outline-offset: 3px;
}

.blog-article__preview {
    margin: 0;
    color: var(--color-brown);
    font-size: 14px;
    line-height: normal;
}

.blog-article__date {
    margin-top: 5px;
    color: var(--color-muted);
    font-size: 13px;
    line-height: normal;
}

/* End */


/* Start:/local/templates/plameb/assets/css/blog-topics.css?1791916036776*/
.info-page__topics.blog-topics {
    justify-content: flex-start;
    justify-content: safe center;
    gap: 34px;
    margin: 0 0 16px;
    padding: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.blog-topics a {
    flex: 0 0 auto;
    padding: 0 0 11px;
    border-bottom: 2px solid transparent;
    color: var(--color-muted);
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    white-space: nowrap;
    text-decoration: none;
}

.blog-topics a[aria-current="page"] {
    border-bottom-color: var(--color-text);
    color: var(--color-text);
    font-weight: 600;
}

.blog-topics a:hover {
    color: var(--color-text);
}

.blog-topics a:focus-visible {
    outline: 2px solid var(--color-text, #242424);
    outline-offset: -2px;
}

/* End */


/* Start:/local/templates/plameb/assets/css/blog-pagination.css?17919160361458*/
/* Figma: blog Pagination 3488:5713. */
.blog-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 16px;
}

.blog-pagination__page,
.blog-pagination__ellipsis {
    display: inline-flex;
    flex: 0 0 auto;
    min-width: 42px;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-inline: 8px;
    border: 1px solid var(--color-line);
    border-radius: 21px;
    background: var(--color-surface);
    color: var(--color-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.blog-pagination__page--current {
    border-color: var(--color-text);
    background: var(--color-text);
    color: var(--color-white);
    font-weight: 600;
}

a.blog-pagination__page:hover {
    border-color: var(--color-brown);
    background: var(--color-white);
    color: var(--color-text);
}

.blog-pagination__ellipsis {
    border-color: transparent;
    background: transparent;
    color: var(--color-text);
}

.blog-pagination__arrow {
    display: inline-flex;
    flex: 0 0 56px;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.blog-pagination__icon {
    display: block;
    flex: 0 0 auto;
    max-width: none;
}

.blog-pagination a:focus-visible {
    outline: 2px solid var(--color-text, #242424);
    outline-offset: 3px;
}

/* End */
/* /local/templates/plameb/assets/css/info-pages.css?17893605811713 */
/* /local/templates/plameb/assets/css/editorial-figma.css?17893605811400 */
/* /local/templates/plameb/assets/css/blog-hero.css?17915454303182 */
/* /local/templates/plameb/assets/css/blog-articles.css?17919160362302 */
/* /local/templates/plameb/assets/css/blog-topics.css?1791916036776 */
/* /local/templates/plameb/assets/css/blog-pagination.css?17919160361458 */
