@layer shelf-pure {

.zgds-home-pro .gzd-v3-catalog__stage-bg {
    background:
        linear-gradient(90deg, rgba(12, 6, 4, 0.72) 0%, rgba(12, 6, 4, 0.12) 3.5%, transparent 7%, transparent 93%, rgba(12, 6, 4, 0.12) 96.5%, rgba(12, 6, 4, 0.72) 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 11px, rgba(255, 248, 220, 0.018) 11px, rgba(255, 248, 220, 0.018) 12px),
        repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0, rgba(0, 0, 0, 0.04) 2px, transparent 2px, transparent 6px),
        linear-gradient(180deg, #1e1008 0%, #3d2818 14%, #4a3220 42%, #342218 78%, #241610 100%) !important;
    opacity: 1 !important;
}

.zgds-home-pro .gzd-v3-catalog__stage-bg::before {
    display: none !important;
    content: none !important;
    background: none !important;
}

.zgds-home-pro .gzd-v3-catalog__stage-watermark {
    background:
        radial-gradient(ellipse 55% 38% at 50% 62%, rgba(212, 184, 122, 0.09) 0%, transparent 72%),
        radial-gradient(ellipse 40% 28% at 50% 45%, rgba(255, 248, 220, 0.05) 0%, transparent 68%) !important;
    opacity: 1 !important;
}

.zgds-home-pro .gzd-v3-catalog__shelf-edge {
    height: 4px !important;
    background: linear-gradient(90deg, transparent, rgba(184, 148, 79, 0.45) 15%, rgba(232, 204, 130, 0.85) 50%, rgba(184, 148, 79, 0.45) 85%, transparent) !important;
    box-shadow: 0 1px 0 rgba(255, 248, 220, 0.25);
}

.zgds-home-pro .gzd-bookshelf--grid,
.zgds-home-pro .gzd-bookshelf--list {
    background:
        linear-gradient(90deg, rgba(16, 8, 4, 0.7) 0%, rgba(16, 8, 4, 0.08) 4%, transparent 7%, transparent 93%, rgba(16, 8, 4, 0.08) 96%, rgba(16, 8, 4, 0.7) 100%),
        repeating-linear-gradient(90deg, transparent 0, transparent 16px, rgba(255, 248, 220, 0.022) 16px, rgba(255, 248, 220, 0.022) 17px),
        linear-gradient(180deg, #22140c 0%, #4a3020 11%, #3a2818 52%, #2a1a12 100%) !important;
    border: 1px solid rgba(90, 48, 18, 0.58) !important;
    box-shadow:
        inset 0 3px 0 rgba(255, 248, 220, 0.14),
        inset 0 0 0 1px rgba(255, 248, 220, 0.07),
        0 10px 32px rgba(20, 10, 6, 0.3) !important;
}

.zgds-home-pro .gzd-bookshelf::before {
    background:
        radial-gradient(ellipse 88% 42% at 50% 0%, rgba(255, 248, 220, 0.14) 0%, transparent 56%),
        radial-gradient(ellipse 72% 38% at 50% 100%, rgba(0, 0, 0, 0.32) 0%, transparent 74%) !important;
}

.zgds-home-pro .gzd-shelf-tier__plank {
    position: relative;
    height: var(--gzd-shelf-plank-h, 0.88rem) !important;
    border-radius: 0 0 4px 4px !important;
    background:
        linear-gradient(180deg, rgba(255, 248, 220, 0.28) 0%, transparent 18%),
        repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.06) 0, rgba(0, 0, 0, 0.06) 1px, transparent 1px, transparent 9px),
        linear-gradient(180deg, #b07842 0%, #7a4e28 32%, #503020 68%, #382018 100%) !important;
    background-image: none !important;
    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 248, 220, 0.28),
        inset 0 -3px 6px rgba(0, 0, 0, 0.28) !important;
}

.zgds-home-pro .gzd-shelf-tier__plank::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.18) 0%, transparent 8%, transparent 92%, rgba(0, 0, 0, 0.18) 100%);
    pointer-events: none;
}

.zgds-home-pro .gzd-shelf-tier__plank::after {
    height: 7px !important;
    bottom: -4px !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.28) 0%, transparent 100%) !important;
}

.zgds-home-pro .gzd-shelf-tier {
    --shelf-bracket-w: 0.42rem;
}

.zgds-home-pro .gzd-shelf-tier::before,
.zgds-home-pro .gzd-shelf-tier::after {
    content: "";
    position: absolute;
    bottom: calc(var(--gzd-shelf-plank-h, 0.88rem) * 0.15);
    width: var(--shelf-bracket-w);
    height: calc(var(--gzd-shelf-plank-h, 0.88rem) + 0.35rem);
    background: linear-gradient(180deg, #6a4020 0%, #3a2010 100%);
    border-radius: 0 0 2px 2px;
    box-shadow: inset 0 1px 0 rgba(255, 248, 220, 0.15), 1px 2px 4px rgba(0, 0, 0, 0.35);
    pointer-events: none;
    z-index: 0;
}

.zgds-home-pro .gzd-shelf-tier::before { left: 0.35rem; }
.zgds-home-pro .gzd-shelf-tier::after { right: 0.35rem; }

.zgds-home-pro .gzd-shelf-tier__books {
    position: relative;
    z-index: 1;
}

.zgds-home-pro .gzd-shelf-tier.is-shelf-in {
    animation: gzdShelfTierIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: calc(var(--shelf-i, 0) * 0.08s);
}

@keyframes gzdShelfTierIn {
    from { opacity: 0; transform: translateY(0.65rem); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .zgds-home-pro .gzd-shelf-tier.is-shelf-in {
        animation: none;
    }
}

.zgds-home-pro .gzd-v3-catalog__stage.gzd-bookshelf,
.zgds-home-pro #documents-container-wrapper.gzd-bookshelf,
.zgds-home-pro #search-results.gzd-bookshelf {
    overflow-x: clip;
    overflow-y: visible;
    max-width: 100%;
}

.zgds-home-pro .gzd-bookshelf .gzd-shelf-stack,
.zgds-home-pro .gzd-bookshelf .gzd-shelf-list {
    overflow-x: clip;
    max-width: 100%;
}

}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__slot {
    perspective: 880px;
    perspective-origin: 50% 92%;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__volume {
    transition:
        transform 0.46s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.35s ease;
    will-change: transform;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__volume,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__volume {
    transform:
        rotateY(calc(var(--book-y, -4deg) * 0.22 + 2deg))
        rotateX(-7deg)
        translateY(-8px)
        translateZ(18px)
        scale(1.018);
    z-index: 8;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine {
    transition: box-shadow 0.38s ease, filter 0.38s ease;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__spine,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__spine {
    box-shadow:
        inset -6px 0 12px rgba(0, 0, 0, 0.38),
        3px 0 10px rgba(0, 0, 0, 0.22),
        0 0 10px rgba(212, 184, 122, 0.18);
    filter: brightness(1.04);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover {
    transition: box-shadow 0.38s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
    transform-origin: left center;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .zgds-journal-card__cover {
    transform: none;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner img {
    transition: none;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__cover-inner img,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__cover-inner img {
    transform: none;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-shine {
    transition: opacity 0.35s ease;
    background: linear-gradient(
        128deg,
        rgba(255, 255, 255, 0.08) 0%,
        transparent 42%,
        transparent 78%,
        rgba(0, 0, 0, 0.08) 100%
    );
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__cover-shine,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__cover-shine {
    opacity: 0.92;
    animation: none;
}

@keyframes gzdBookShineSweep {
    0% {
        background: linear-gradient(
            118deg,
            transparent 0%,
            transparent 48%,
            rgba(255, 255, 255, 0.04) 52%,
            transparent 58%,
            transparent 100%
        );
    }
    45% {
        background: linear-gradient(
            118deg,
            transparent 0%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.16) 50%,
            rgba(255, 255, 255, 0.06) 62%,
            transparent 100%
        );
    }
    100% {
        background: linear-gradient(
            128deg,
            rgba(255, 255, 255, 0.14) 0%,
            transparent 40%,
            transparent 72%,
            rgba(0, 0, 0, 0.08) 100%
        );
    }
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__pages {
    display: none !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__pages,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__pages {
    display: none !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__foredge {
    transition: transform 0.46s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.38s ease;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__foredge,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__foredge {
    transform: rotateY(68deg) translateZ(3px);
    box-shadow:
        2px 0 6px rgba(0, 0, 0, 0.18),
        inset -1px 0 2px rgba(0, 0, 0, 0.08);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__topedge {
    transition: transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__topedge,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__topedge {
    transform: rotateX(64deg) translateZ(1px);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__shadow {
    transition: opacity 0.38s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__shadow,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__shadow {
    opacity: 0.42;
    transform: rotateX(90deg) scaleX(0.68);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book__slot::after {
    transition: opacity 0.38s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:hover .gzd-book__slot::after,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book:focus-within .gzd-book__slot::after {
    opacity: 0.32;
    transform: scaleX(0.78);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__hovercard {
    transition:
        opacity 0.28s ease 0.1s,
        transform 0.34s cubic-bezier(0.22, 1, 0.36, 1) 0.08s,
        visibility 0.28s ease 0.1s;
    border-color: rgba(196, 160, 85, 0.48);
    box-shadow:
        0 10px 28px rgba(42, 18, 18, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__hovercard,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__hovercard {
    transform: translateX(-50%) translateY(-2px);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book:hover .gzd-book__volume,
body.zgds-home-pro.zgds-home-page--v3 .gzd-shelf-tier--list .gzd-book:focus-within .gzd-book__volume {
    transform:
        rotateY(calc(var(--book-y, -4deg) * 0.2 + 2deg))
        rotateX(-9deg)
        translateY(-9px)
        translateZ(20px)
        scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__volume,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .gzd-book__volume,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .gzd-book__volume,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__pages,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__foredge,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__topedge,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__shadow,
    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner img {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }

    body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__volume {
        transform: rotateY(var(--book-y, -4deg)) !important;
    }
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__topedge,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__foredge {
    display: none !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.24),
        3px 4px 12px rgba(42, 18, 18, 0.2) !important;
    outline: none !important;
    overflow: hidden;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:hover .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-within .zgds-journal-card__cover {
    box-shadow:
        inset 12px 0 18px -8px rgba(0, 0, 0, 0.28),
        5px 8px 18px rgba(42, 18, 18, 0.26) !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    backface-visibility: hidden;
    overflow: hidden;
    isolation: isolate;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover img,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-inner img {
    outline: none !important;
    border: none !important;
    backface-visibility: hidden;
    transform-origin: center center;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book:focus-visible {
    outline: none;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__cover-title:focus-visible {
    outline: 2px solid rgba(196, 160, 85, 0.75);
    outline-offset: 1px;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .zgds-journal-card__cover::before {
    background: linear-gradient(
        105deg,
        rgba(0, 0, 0, 0.16) 0%,
        transparent 30%,
        transparent 100%
    ) !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book__spine {
    box-shadow:
        inset -5px 0 10px rgba(0, 0, 0, 0.42),
        2px 0 6px rgba(0, 0, 0, 0.18) !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period0"] .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period1"] .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period2"] .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period3"] .zgds-journal-card__cover,
body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf .gzd-book[data-period="period4"] .zgds-journal-card__cover {
    box-shadow:
        inset 10px 0 16px -8px rgba(0, 0, 0, 0.22),
        2px 3px 10px rgba(42, 18, 18, 0.2),
        inset 0 -2px 0 rgba(0, 0, 0, 0.12) !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-shelf-stack {
    padding-inline: clamp(0.9rem, 2.4vw, 1.35rem) !important;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-shelf-tier__books {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: clamp(0.55rem, 1.75vw, 1.05rem);
    padding-inline: clamp(0.65rem, 1.8vw, 1rem) !important;
    padding-block: 0.28rem 0.32rem !important;
    min-height: calc(var(--gzd-book-h) + 0.75rem);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-bookshelf--grid .gzd-book {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-shelf-tier::before {
    left: clamp(0.65rem, 1.8vw, 1rem);
}

body.zgds-home-pro.zgds-home-page--v3 .gzd-shelf-tier::after {
    right: clamp(0.65rem, 1.8vw, 1rem);
}
