@layer components {
    .staldia-view-more-link {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 30px;
        align-items: center;
        height: 50px;
        width: 180px;
        padding: 0 10px 0 30px;
        background: var(--color-accent);
        border-radius: 99px;
        transition: opacity .5s;
    }
    .staldia-view-more-link:hover { opacity: .85; }
    .staldia-view-more-link:before {
        content: attr(data-en);
        font-size: var(--font-size-xs);
        color: var(--color-text-on-accent);
    }
    .staldia-view-more-icon {
        position: relative;
        width: 30px;
        height: 30px;
        background: var(--color-text-on-accent);
        border-radius: 50%;
    }
    .staldia-view-more-icon:before {
        content: "";
        position: absolute;
        width: .4rem;
        height: .4rem;
        top: 50%;
        left: 50%;
        --border: 2px solid var(--color-accent);
        border-top: var(--border);
        border-right: var(--border);
        transform: translate(-60%, -50%) rotate(45deg);
    }
}
@layer pages {
    /* sections */
    .staldia-container-padding.staldia-bg-main {
        border-radius: 30px;
    }
    .staldia-container-padding.staldia-cases-section {
        border-radius: 0 0 30px 30px;
    }
    /* cases */
    .staldia-cases-section .staldia-slider-container {
        position: relative;
        padding-top: 2.25rem;        
    }
    .staldia-cases-section .staldia-slider-item {
        width: 30%;
    }
    .staldia-slider-counter {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 130px;
        z-index: 9;
        color: var(--color-accent);
        width: 1em;
        height: 1em;
    }
    .staldia-slider-counter:before,
    .staldia-slider-counter:after {
        position: absolute;
        display: grid;
        place-items: center;
        top: 0;
        left: 0;
        line-height: .5;
    }
    .staldia-slider-counter:before {
        content: attr(data-index-current);
    }
    .staldia-slider-counter:after {
        content: attr(data-index-next);
        opacity: 0;
        transition: opacity .5s;
    }
    .staldia-slider-counter.staldia-animating::before{
        opacity: 0;
        transition: opacity .5s;
    }
    .staldia-slider-counter.staldia-animating::after{ opacity: 1; }
    @media (min-width: 750px) {
        /*
        .staldia-cases-section .staldia-slider-container {
            padding-left: 4rem;
        }
        .staldia-cases-section .staldia-slider-counter { font-size: 130px; }
        */
        .staldia-cases-section .staldia-slider-list {
            margin-left: 4rem;
        }
    }
    /* news & materials */
    .staldia-news-section,
    .staldia-materials-section {
        gap: 3rem;
    }
    @media (min-width: 900px) {
        .staldia-news-section, .staldia-materials-section {
            grid-template-columns: auto 1fr;
            gap: 4rem 6rem;
        }
        .staldia-news-section > .staldia-section-footer,
        .staldia-materials-section > .staldia-section-footer {
            grid-column: 2;
        }
    }
    /* seminars */
    @media (min-width: 900px) {
        .staldia-seminars-section .staldia-secondary-list {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    /* columns 
    @media (min-width: 900px) {
        .staldia-columns-section .staldia-slider-container {
            padding-top: 3rem;
        }
        .staldia-columns-section .staldia-slider-item {
            width: 30%;
            transform-origin: bottom left;
            transition: transform .5s;
            /*transform: scale(.9) translateX(22.5%);
        }
        .staldia-columns-section .staldia-slider-item.swiper-slide-active {
            transform: scale(1.1);
        }
        .staldia-columns-section .staldia-slider-item.swiper-slide-prev {
            transform: scale(.9);
        }
    }
    */
}