/* Category Collection — Midnight Sapphire V1 */
.cpe-page .cpe-collection {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 65% 42% at 90% 8%,
            rgba(56,94,159,.32), transparent 75%),
        radial-gradient(ellipse 55% 38% at 6% 47%,
            rgba(68,50,127,.25), transparent 76%),
        radial-gradient(ellipse 70% 42% at 75% 92%,
            rgba(36,70,123,.29), transparent 80%),
        linear-gradient(150deg,
            #07111f 0%,
            #0d2039 31%,
            #151b35 61%,
            #081522 100%);
}
.cpe-page .cpe-collection::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .45;
    background:
        repeating-radial-gradient(
            ellipse 900px 650px at 110% 12%,
            transparent 0,
            transparent 92px,
            rgba(184,158,211,.12) 93px,
            transparent 94px,
            transparent 138px
        ),
        repeating-radial-gradient(
            ellipse 750px 550px at -15% 80%,
            transparent 0,
            transparent 112px,
            rgba(130,172,215,.10) 113px,
            transparent 114px,
            transparent 160px
        );
}
.cpe-page .cpe-collection::after {
    content: "";
    position: absolute;
    width: min(56vw, 820px);
    aspect-ratio: 1;
    border-radius: 50%;
    top: 18%;
    right: -27%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(
        circle,
        rgba(105,117,207,.13) 0%,
        rgba(65,92,174,.07) 40%,
        transparent 72%
    );
    filter: blur(25px);
}
.cpe-page .cpe-collection .cpe-container,
.cpe-page .cpe-collection .cpe-gallery-section {
    position: relative;
    z-index: 1;
}
.cpe-page .cpe-collection-header h2 {
    color: #f3eadc;
    text-shadow: 0 12px 42px rgba(0,0,0,.18);
}
.cpe-page .cpe-collection-header h2 em {
    color: #d9b98b;
}
.cpe-page .cpe-collection-count {
    color: #d9b98b;
}
.cpe-page .cpe-collection-intro {
    border-top-color: rgba(206,183,151,.33);
}
.cpe-page .cpe-collection-intro p {
    color: #c3cdd9;
}
.cpe-page .cpe-collection-intro > span {
    color: #d3b58c;
}
@media (max-width: 767px) {
    .cpe-page .cpe-collection {
        background:
            radial-gradient(ellipse 110% 30% at 80% 5%,
                rgba(65,92,158,.32), transparent 75%),
            radial-gradient(ellipse 90% 40% at 10% 65%,
                rgba(69,52,128,.23), transparent 80%),
            linear-gradient(160deg,
                #07111f 0%,
                #101d37 55%,
                #081522 100%);
    }
    .cpe-page .cpe-collection::before {
        opacity: .26;
    }
}