body.zgds-home-page--v3 {
    --ui-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ui-ease-snap: cubic-bezier(0.34, 1.02, 0.44, 1);
    --ui-dur-fast: 0.14s;
    --ui-dur-mid: 0.2s;
}

body.zgds-home-page--v3:target {
    scroll-margin-top: calc(var(--ui-header-offset, 12rem) + 0.5rem);
}

#main-content {
    scroll-margin-top: calc(var(--ui-header-offset, 12rem) + 0.5rem);
}

body.zgds-home-viewport-fit.is-viewport-ready .gzd-v3-hd__slogan {
    transition: opacity var(--ui-dur-mid) var(--ui-ease-out);
}

body.zgds-home-viewport-fit.is-header-compact .gzd-v3-hd__logo,
body.zgds-home-viewport-fit.is-header-compact .gzd-v3-hd .gzd-hd__logo {
    transition: height var(--ui-dur-mid) var(--ui-ease-out);
}

body.zgds-home-page--v3 .gzd-v3-era-ribbon__toggle {
    display: none !important;
}

body.zgds-home-page--v3 .gzd-v3-search__submit,
body.zgds-home-page--v3 .zgds-search-type__btn,
body.zgds-home-page--v3 .gzd-v3-catalog__view-btn,
body.zgds-home-page--v3 .gzd-v3-catalog__sort-trigger,
body.zgds-home-page--v3 .gzd-v3-catalog__load-more,
body.zgds-home-page--v3 .gzd-era-nav__btn,
body.zgds-home-page--v3 .zgds-hall-btn,
body.zgds-home-page--v3 .gzd-v3-search__dropdown-trigger {
    transition:
        background var(--ui-dur-fast) ease,
        border-color var(--ui-dur-fast) ease,
        box-shadow var(--ui-dur-fast) ease,
        color var(--ui-dur-fast) ease,
        transform var(--ui-dur-fast) var(--ui-ease-out);
}

body.zgds-home-page--v3 .gzd-v3-search__submit:active,
body.zgds-home-page--v3 .zgds-search-type__btn:active,
body.zgds-home-page--v3 .gzd-v3-catalog__view-btn:active,
body.zgds-home-page--v3 .gzd-v3-catalog__sort-trigger:active,
body.zgds-home-page--v3 .gzd-v3-catalog__load-more:active,
body.zgds-home-page--v3 .gzd-era-nav__btn:active,
body.zgds-home-page--v3 .zgds-hall-btn:active {
    transform: scale(0.98);
}

body.zgds-home-page--v3 .gzd-era-period-card {
    transition: border-color var(--ui-dur-fast) ease, box-shadow var(--ui-dur-mid) var(--ui-ease-out);
}

body.zgds-home-page--v3 .gzd-era-nav__body-scroll {
    overscroll-behavior: contain;
}

@supports (scrollbar-width: thin) {
    body.zgds-home-page--v3 .gzd-era-nav__body-scroll {
        scrollbar-width: thin;
        scrollbar-color: rgba(139, 26, 26, 0.32) transparent;
    }
}

@media (hover: hover) and (pointer: fine) {
    body.zgds-home-page--v3 .gzd-book,
    body.zgds-home-page--v3 .zgds-journal-card {
        transition: transform var(--ui-dur-mid) var(--ui-ease-out), box-shadow var(--ui-dur-mid) var(--ui-ease-out);
    }

    body.zgds-home-page--v3 .gzd-v3-era-ribbon__label {
        transition: transform var(--ui-dur-fast) var(--ui-ease-out), border-color var(--ui-dur-fast) ease, box-shadow var(--ui-dur-fast) ease;
    }

    body.zgds-home-page--v3 .gzd-v3-era-ribbon__label:hover {
        transform: translateY(-1px);
    }
}

body.zgds-home-page--v3 > .gzd-tools-rail .tool-item {
    transition:
        background var(--ui-dur-fast) ease,
        border-color var(--ui-dur-fast) ease,
        box-shadow var(--ui-dur-mid) var(--ui-ease-out);
}

@media (hover: hover) and (pointer: fine) {
    body.zgds-home-page--v3 > .gzd-tools-rail .tool-item:hover {
        transform: none !important;
        box-shadow: 0 2px 10px rgba(42, 18, 18, 0.08);
    }
}

body.zgds-home-page--v3 > .gzd-tools-rail .tool-item:active {
    transform: scale(0.98) !important;
}

body.zgds-home-page--v3 > .gzd-tools-rail .tool-item:hover .tool-icon-box {
    transform: none !important;
}

body.zgds-home-page--v3 .gzd-v3-search__dropdown-menu:not([hidden]),
body.zgds-home-page--v3 .gzd-v3-catalog__sort-menu:not([hidden]) {
    animation: gzd-home-menu-in var(--ui-dur-mid) var(--ui-ease-out);
}

@keyframes gzd-home-menu-in {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.zgds-home-page--v3 .zgds-fx-progress {
    transition: width 0.12s linear;
}

@media (prefers-reduced-motion: reduce) {
    body.zgds-home-page--v3 .gzd-v3-hd__slogan,
    body.zgds-home-page--v3 .gzd-v3-hd__logo {
        transition: none !important;
    }

    body.zgds-home-page--v3 .gzd-v3-search__dropdown-menu:not([hidden]),
    body.zgds-home-page--v3 .gzd-v3-catalog__sort-menu:not([hidden]) {
        animation: none;
    }
}
