/* templates main and cat */
/* for templates-main block and cats - general */
/* templates main list */
.splide-list-wraper {
    position: relative;
}
.splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next {
    width: 56px;
    height: 56px;
    z-index: 3;
    margin-top: -14px;
    font-size: 0;
    line-height: 0;
    outline: none;
    transition: 200ms;
    background: transparent !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 1 !important;
}
.splide__arrow::before {
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 56 56'%3E%3Cg filter='url(%23a)' transform='matrix(-1 0 0 1 55 1)'%3E%3Ccircle cx='27' cy='27' r='27' fill='color(display-p3 .949 .949 .949)' fill-opacity='.5'/%3E%3Ccircle cx='27' cy='27' r='26.5' stroke='color(display-p3 .898 .898 .898)'/%3E%3C/g%3E%3Cpath fill='color(display-p3 .302 .302 .302)' d='M32 27.09a.685.685 0 0 1-.213.49l-6.642 6.404a.642.642 0 0 1-.48.196.652.652 0 0 1-.665-.666c0-.185.073-.345.193-.473l6.093-5.88a.1.1 0 0 0 0-.143l-6.093-5.88a.692.692 0 0 1-.193-.473c0-.381.29-.665.665-.665.19 0 .357.065.48.196l6.642 6.404a.685.685 0 0 1 .213.49Z'/%3E%3Cdefs%3E%3Cfilter id='a' width='62' height='62' x='-3' y='-3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_478_7473'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_478_7473' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    background-size: 56px 56px;
    content: '';
    width: 56px;
    height: 56px;
    display: block;
    opacity: 1;
    transform: rotateX(-180deg);
    /*border-radius: var(--wp--custom--border-radius--xlarge);*/
}
.splide__arrow:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 56 56'%3E%3Cg filter='url(%23a)' transform='matrix(-1 0 0 1 55 1)'%3E%3Ccircle cx='27' cy='27' r='27' fill='color(display-p3 .949 .949 .949)' fill-opacity='.5'/%3E%3Ccircle cx='27' cy='27' r='26.5' stroke='color(display-p3 .898 .898 .898)'/%3E%3C/g%3E%3Cpath fill='color(display-p3 .302 .302 .302)' d='M32 27.09a.685.685 0 0 1-.213.49l-6.642 6.404a.642.642 0 0 1-.48.196.652.652 0 0 1-.665-.666c0-.185.073-.345.193-.473l6.093-5.88a.1.1 0 0 0 0-.143l-6.093-5.88a.692.692 0 0 1-.193-.473c0-.381.29-.665.665-.665.19 0 .357.065.48.196l6.642 6.404a.685.685 0 0 1 .213.49Z'/%3E%3Ccircle cx='27' cy='27' r='26.5' fill='%23000' fill-opacity='.05' stroke='color(display-p3 .898 .898 .898)' transform='matrix(-1 0 0 1 55 1)'/%3E%3Cdefs%3E%3Cfilter id='a' width='62' height='62' x='-3' y='-3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_479_1009'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_backgroundBlur_479_1009' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.splide__arrow--prev {
    margin-left: -28px;
}
.splide__arrow--prev::before {
    transform: scaleX(-1);
}
.splide__arrow--next {
    margin-right: -28px;
}
.splide__pagination, .splide__arrow:disabled {
    opacity: 0 !important;
}
.splide__list.h-auto {
    height: auto;
}
/* cats */
.category-container {
    margin-bottom: 40px;
}
.category-header {
    width: 100%;
    height: 28px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}
.category-header div {
    font-family: var(--wp--preset--font-family--newhero);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
}
.category-header .category-name {
    color: var(--wp--preset--color--black);
}
.category-header .category-name a {
    color: inherit;
    text-decoration: none;
}
@media(min-width: 782px) {
    .category-header .category-name a:hover {
        color: var(--wp--preset--color--pinkhover);
    }
    .category-header .category-name a::after {
        display: inline-flex;
        vertical-align: middle;
        content: '';
        width: clamp(25px, 2vw, 28px);
        height: clamp(25px, 2vw, 28px);
        background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 14C18 13.7791 17.9096 13.5782 17.7489 13.4075L11.5423 7.24103C11.3917 7.08034 11.1808 7 10.9498 7C10.4778 7 10.1262 7.35151 10.1262 7.82353C10.1262 8.05452 10.2166 8.25538 10.3673 8.41607L15.9713 14L10.3673 19.5839C10.2166 19.7446 10.1262 19.9555 10.1262 20.1765C10.1262 20.6485 10.4778 21 10.9498 21C11.1808 21 11.3917 20.9197 11.5423 20.759L17.7489 14.5925C17.9096 14.4218 18 14.2209 18 14Z' fill='%23808080' stroke='%23808080' style='fill:%23808080;fill:color(display-p3 0.5020 0.5020 0.5020);fill-opacity:1;stroke:%23808080;stroke:color(display-p3 0.5020 0.5020 0.5020);stroke-opacity:1;' stroke-width='0.7'/%3E%3C/svg%3E%0A") no-repeat 50% 50% / contain;
    }
    .category-header .category-name a:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 14C18 13.7791 17.9096 13.5782 17.7489 13.4075L11.5423 7.24103C11.3917 7.08034 11.1808 7 10.9498 7C10.4778 7 10.1262 7.35151 10.1262 7.82353C10.1262 8.05452 10.2166 8.25538 10.3673 8.41607L15.9713 14L10.3673 19.5839C10.2166 19.7446 10.1262 19.9555 10.1262 20.1765C10.1262 20.6485 10.4778 21 10.9498 21C11.1808 21 11.3917 20.9197 11.5423 20.759L17.7489 14.5925C17.9096 14.4218 18 14.2209 18 14Z' fill='%23E50556' stroke='%23E50556' style='fill:%23E50556;fill:color(display-p3 0.8980 0.0196 0.3373);fill-opacity:1;stroke:%23E50556;stroke:color(display-p3 0.8980 0.0196 0.3373);stroke-opacity:1;' stroke-width='0.7'/%3E%3C/svg%3E%0A");
    }
}
.category-header a.see-all {
    height: 24px;
    line-height: 24px;
    color: var(--wp--preset--color--grayfourd);
    text-decoration: none;
    letter-spacing: -.14px;
    font-size: var(--wp--preset--font-size--xxsmall);
    font-weight: 500;
    padding: 0 8px;
    margin-top: 2px;
    border-radius: var(--wp--custom--border-radius--xlarge);
}
.category-header a.see-all:is(:hover, :active, :focus) {
    outline: none;
    text-decoration: none;
    color: var(--wp--preset--color--grayfourd);
    background-color: var(--wp--preset--color--graylightest);
}
li.template-item {
    position: relative;
    align-content: end;
}
li.template-item a {
    text-decoration: none;
    color: var(--wp--preset--color--black);
    line-height: 17px;
}
li.template-item a figure {
    margin: 0;
    display: grid;
    row-gap: 10px;
    grid-template-rows: auto 17px;
}
li.template-item img {
    width: 100%;
    object-fit: cover;
    display: block;
}
li.template-item .template-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    color: var(--wp--preset--color--graysix);
    font-size: var(--wp--preset--font-size--xxxsmall);
    text-transform: capitalize;
}
li.template-item .template-image-container {
    position: relative;
    border-radius: var(--wp--custom--border-radius--small);
    border: solid 1px #0000001a;
    overflow: hidden;
}
/*li.template-item.last-child .template-image-container::before {
    content: '';
    inset: 0;
    position: absolute;
    background: rgba(0, 0, 0, .5);
}*/
li.template-item .middle {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    opacity: 0;
    transition: 300ms;
    z-index: -1;
    display: flex;
    font-size: var(--wp--preset--font-size--xxsmall);
    font-weight: 600;
    line-height: var(--wp--custom--line-height--big);
    letter-spacing: -.084px;
}
li.template-item:not(.last-child) a:hover .middle {
    opacity: 1;
    z-index: 2;
    background-color: rgba(0, 0, 0, .20);
    background: color(display-p3 0 0 0 / .20);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}
li.template-item .edit-template {
    margin: auto;
    border-radius: var(--wp--custom--border-radius--xlarge);
    background-color: var(--wp--preset--color--graylightef);
    padding: var(--wp--preset--spacing--4) var(--wp--preset--spacing--16);
    color: var(--wp--preset--color--graydarkestone);
}
/* last slide*/
li.template-item.last-child .template-image-container .middle {
    opacity: 1;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5);
    background: color(display-p3 0 0 0 / .5);
}
li.template-item.last-child .see-all {
    color: var(--wp--preset--color--white);
    margin: auto;
}
.super-categories-container {
    width: 100%;
    margin-bottom: 40px;
    overflow-x: scroll;
}
.super-categories-container {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}
.super-categories-container::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}
.super-categories-content {
    overflow: hidden;
    background-color: #F9F9F9;
    display: flex;
    gap: var(--wp--preset--spacing--4);
    justify-content: center;
    font-size: var(--wp--preset--font-size--xxsmall);
    font-weight: 500;
    border-radius: 50px;
    padding: 6px;
    width: max-content;
    margin: 0 auto;
}
.super-categories-content .super-categories-item {
    float: left;
    color: var(--wp--preset--color--graysix);
    text-align: center;
    padding: var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);
    text-decoration: none;
    border-radius: var(--wp--custom--border-radius--xlarge);
    min-width: max-content;
    letter-spacing: -.14px;
    line-height: var(--wp--custom--line-height--medium);
}
.super-categories-content a:hover {
    background-color: var(--wp--preset--color--graylight);
    color: var(--wp--preset--color--graydarkest);
}
.super-categories-content a.active {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black);
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}
@media (max-width: 781px) {
    .super-categories-container {
        margin-bottom: 16px;
    }
    .super-categories-content {
        background-color: transparent;
        border-radius: 0;
        gap: 0;
    }
    .super-categories-content .super-categories-item {
        background-color: transparent;
        color: var(--wp--preset--color--black);
        padding: 8px 17px 8px 18px;
    }
    .super-categories-content a:hover {
        background-color: transparent;
        color: var(--wp--preset--color--black);
    }
    .super-categories-content a.active {
        background-color: var(--wp--preset--color--black);
        color: var(--wp--preset--color--white);
    }
    .category-header a.see-all:is(:hover, :active) {
        background-color: transparent;
    }
    .category-header .category-name {
        font-size: var(--wp--preset--font-size--normalnotfluid);
    }
    li.template-item:not(.last-child) a .middle {
        display: none !important;
    }
}
/* cats only */
.template-group {
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    display: grid;
    flex-wrap: wrap;
    justify-items: center;
    gap: 40px 24px;
    margin: 0;
    padding: 0;
}
@media (min-width: 782px) {
    .section-templates {
        margin-top: 72px;
    }
    .template-group {
        grid-template-columns: repeat(4, 1fr);
    }
    li.template-item.last-child a:hover .template-image-container .middle {
        background-color: rgba(0, 0, 0, .7);
        background: color(display-p3 0 0 0 / .7);
    }
}
@media (min-width: 1024px) {
    .template-group {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 1280px) {
    .template-group {
        grid-template-columns: repeat(6, 1fr);
    }
}