/*
 Theme Name:   Prokurilo
 Template:     generatepress
 Version:      0.1
*/


[data-sal] {
      transition-delay: 0s;
      transition-delay: var(--sal-delay, 0s);
      transition-duration: .2s;
      transition-duration: var(--sal-duration, .2s);
      transition-timing-function: ease;
      transition-timing-function: var(--sal-easing, ease)
}

[data-sal][data-sal-duration="200"] {
      transition-duration: .2s
}

[data-sal][data-sal-duration="250"] {
      transition-duration: .25s
}

[data-sal][data-sal-duration="300"] {
      transition-duration: .3s
}

[data-sal][data-sal-duration="350"] {
      transition-duration: .35s
}

[data-sal][data-sal-duration="400"] {
      transition-duration: .4s
}

[data-sal][data-sal-duration="450"] {
      transition-duration: .45s
}

[data-sal][data-sal-duration="500"] {
      transition-duration: .5s
}

[data-sal][data-sal-duration="550"] {
      transition-duration: .55s
}

[data-sal][data-sal-duration="600"] {
      transition-duration: .6s
}

[data-sal][data-sal-duration="650"] {
      transition-duration: .65s
}

[data-sal][data-sal-duration="700"] {
      transition-duration: .7s
}

[data-sal][data-sal-duration="750"] {
      transition-duration: .75s
}

[data-sal][data-sal-duration="800"] {
      transition-duration: .8s
}

[data-sal][data-sal-duration="850"] {
      transition-duration: .85s
}

[data-sal][data-sal-duration="900"] {
      transition-duration: .9s
}

[data-sal][data-sal-duration="950"] {
      transition-duration: .95s
}

[data-sal][data-sal-duration="1000"] {
      transition-duration: 1s
}

[data-sal][data-sal-duration="1050"] {
      transition-duration: 1.05s
}

[data-sal][data-sal-duration="1100"] {
      transition-duration: 1.1s
}

[data-sal][data-sal-duration="1150"] {
      transition-duration: 1.15s
}

[data-sal][data-sal-duration="1200"] {
      transition-duration: 1.2s
}

[data-sal][data-sal-duration="1250"] {
      transition-duration: 1.25s
}

[data-sal][data-sal-duration="1300"] {
      transition-duration: 1.3s
}

[data-sal][data-sal-duration="1350"] {
      transition-duration: 1.35s
}

[data-sal][data-sal-duration="1400"] {
      transition-duration: 1.4s
}

[data-sal][data-sal-duration="1450"] {
      transition-duration: 1.45s
}

[data-sal][data-sal-duration="1500"] {
      transition-duration: 1.5s
}

[data-sal][data-sal-duration="1550"] {
      transition-duration: 1.55s
}

[data-sal][data-sal-duration="1600"] {
      transition-duration: 1.6s
}

[data-sal][data-sal-duration="1650"] {
      transition-duration: 1.65s
}

[data-sal][data-sal-duration="1700"] {
      transition-duration: 1.7s
}

[data-sal][data-sal-duration="1750"] {
      transition-duration: 1.75s
}

[data-sal][data-sal-duration="1800"] {
      transition-duration: 1.8s
}

[data-sal][data-sal-duration="1850"] {
      transition-duration: 1.85s
}

[data-sal][data-sal-duration="1900"] {
      transition-duration: 1.9s
}

[data-sal][data-sal-duration="1950"] {
      transition-duration: 1.95s
}

[data-sal][data-sal-duration="2000"] {
      transition-duration: 2s
}

[data-sal][data-sal-delay="50"] {
      transition-delay: .05s
}

[data-sal][data-sal-delay="100"] {
      transition-delay: .1s
}

[data-sal][data-sal-delay="150"] {
      transition-delay: .15s
}

[data-sal][data-sal-delay="200"] {
      transition-delay: .2s
}

[data-sal][data-sal-delay="250"] {
      transition-delay: .25s
}

[data-sal][data-sal-delay="300"] {
      transition-delay: .3s
}

[data-sal][data-sal-delay="350"] {
      transition-delay: .35s
}

[data-sal][data-sal-delay="400"] {
      transition-delay: .4s
}

[data-sal][data-sal-delay="450"] {
      transition-delay: .45s
}

[data-sal][data-sal-delay="500"] {
      transition-delay: .5s
}

[data-sal][data-sal-delay="550"] {
      transition-delay: .55s
}

[data-sal][data-sal-delay="600"] {
      transition-delay: .6s
}

[data-sal][data-sal-delay="650"] {
      transition-delay: .65s
}

[data-sal][data-sal-delay="700"] {
      transition-delay: .7s
}

[data-sal][data-sal-delay="750"] {
      transition-delay: .75s
}

[data-sal][data-sal-delay="800"] {
      transition-delay: .8s
}

[data-sal][data-sal-delay="850"] {
      transition-delay: .85s
}

[data-sal][data-sal-delay="900"] {
      transition-delay: .9s
}

[data-sal][data-sal-delay="950"] {
      transition-delay: .95s
}

[data-sal][data-sal-delay="1000"] {
      transition-delay: 1s
}

[data-sal][data-sal-delay="1500"] {
      transition-delay: 1.5s
}

[data-sal][data-sal-delay="2000"] {
      transition-delay: 2s
}


[data-sal][data-sal-easing=linear] {
      transition-timing-function: linear
}

[data-sal][data-sal-easing=ease] {
      transition-timing-function: ease
}

[data-sal][data-sal-easing=ease-in] {
      transition-timing-function: ease-in
}

[data-sal][data-sal-easing=ease-out] {
      transition-timing-function: ease-out
}

[data-sal][data-sal-easing=ease-in-out] {
      transition-timing-function: ease-in-out
}

[data-sal][data-sal-easing=ease-in-cubic] {
      transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

[data-sal][data-sal-easing=ease-out-cubic] {
      transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
      transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

[data-sal][data-sal-easing=ease-in-circ] {
      transition-timing-function: cubic-bezier(.6, .04, .98, .335)
}

[data-sal][data-sal-easing=ease-out-circ] {
      transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

[data-sal][data-sal-easing=ease-in-out-circ] {
      transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

[data-sal][data-sal-easing=ease-in-expo] {
      transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

[data-sal][data-sal-easing=ease-out-expo] {
      transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

[data-sal][data-sal-easing=ease-in-out-expo] {
      transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

[data-sal][data-sal-easing=ease-in-quad] {
      transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-sal][data-sal-easing=ease-out-quad] {
      transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-sal][data-sal-easing=ease-in-out-quad] {
      transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-sal][data-sal-easing=ease-in-quart] {
      transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

[data-sal][data-sal-easing=ease-out-quart] {
      transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

[data-sal][data-sal-easing=ease-in-out-quart] {
      transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

[data-sal][data-sal-easing=ease-in-quint] {
      transition-timing-function: cubic-bezier(.755, .05, .855, .06)
}

[data-sal][data-sal-easing=ease-out-quint] {
      transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

[data-sal][data-sal-easing=ease-in-out-quint] {
      transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

[data-sal][data-sal-easing=ease-in-sine] {
      transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-sal][data-sal-easing=ease-out-sine] {
      transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-sal][data-sal-easing=ease-in-out-sine] {
      transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-sal][data-sal-easing=ease-in-back] {
      transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-sal][data-sal-easing=ease-out-back] {
      transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-sal][data-sal-easing=ease-in-out-back] {
      transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-sal|=fade] {
      opacity: 0;
      transition-property: opacity
}

[data-sal|=fade].sal-animate, body.sal-disabled [data-sal|=fade] {
      opacity: 1
}

[data-sal|=slide] {
      opacity: 0;
      transition-property: opacity, transform
}

[data-sal=slide-up] {
      transform: translateY(20%)
}

[data-sal=slide-down] {
      transform: translateY(-20%)
}

[data-sal=slide-left] {
      transform: translateX(20%)
}

[data-sal=slide-right] {
      transform: translateX(-20%)
}

[data-sal|=slide].sal-animate, body.sal-disabled [data-sal|=slide] {
      opacity: 1;
      transform: none
}

[data-sal|=zoom] {
      opacity: 0;
      transition-property: opacity, transform
}

[data-sal=zoom-in] {
      transform: scale(.5)
}

[data-sal=zoom-out] {
      transform: scale(1.1)
}

[data-sal|=zoom].sal-animate, body.sal-disabled [data-sal|=zoom] {
      opacity: 1;
      transform: none
}

[data-sal|=flip] {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition-property: transform
}

[data-sal=flip-left] {
      transform: perspective(2000px) rotateY(-91deg)
}

[data-sal=flip-right] {
      transform: perspective(2000px) rotateY(91deg)
}

[data-sal=flip-up] {
      transform: perspective(2000px) rotateX(-91deg)
}

[data-sal=flip-down] {
      transform: perspective(2000px) rotateX(91deg)
}

[data-sal|=flip].sal-animate, body.sal-disabled [data-sal|=flip] {
      transform: none
}

/* --- CARD STYLES --- */
.gb-loop-item {
      opacity: 0.5;
      transform: translateY(50px);
      transition: opacity .6s ease, transform .6s ease;
}

/* revealed state */
.gb-loop-item.reveal {
      opacity: 1;
      transform: translateY(0);
}




/* =========================================
           CORE REVEAL LOGIC
           ========================================= */
.reveal {
      opacity: 0;
      /* Using a smooth, luxury cubic-bezier easing */
      transition: all 0.9s cubic-bezier(0.25, 1, 0.3, 1);
      will-change: opacity, transform, filter;
}

/* Active State (triggered by JS) */
.reveal.active {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
}

/* =========================================
           12 UNIQUE ANIMATION CLASSES
           ========================================= */
.fade {
      transform: none;
}

.fade-up {
      transform: translateY(60px);
}

.fade-down {
      transform: translateY(-60px);
}

.fade-left {
      transform: translateX(60px);
}

.fade-right {
      transform: translateX(-60px);
}

.zoom-in {
      transform: scale(0.85);
}

.zoom-out {
      transform: scale(1.15);
}

.flip-up {
      transform: perspective(600px) rotateX(-90deg);
}

.flip-down {
      transform: perspective(600px) rotateX(90deg);
}

.rotate-in {
      transform: rotate(-10deg) scale(0.95);
}

.blur-in {
      transform: translateY(30px);
      filter: blur(12px);
}

.scale-y {
      transform: scaleY(0);
      transform-origin: top;
}

/* Optional: Adding delays via utility classes */
.delay-100 {
      transition-delay: 100ms;
}

.delay-200 {
      transition-delay: 200ms;
}
.filter_wrapper #filter button {
      font-size: 13px;
}

.gp-item, .m3-wrapper  .inside-article-catalog-col {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.5s ease 0s;
    border: 1px solid var(--base-2);
    padding: 0;
}
.gp-item:hover, .inside-article-catalog-col:hover {
    transform: translateY(-5px);
    box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
    border: 1px solid #af9c0e;
}
.m3-wrapper .inside-article-catalog-col img {
    border-radius: 0 0 0 0;
}

.m3-wrapper .inside-article-catalog-col .pcontent {
      padding: 0 1.5rem 1rem 1.5rem;
    /*  margin-top: -35px; */
}
.m3-wrapper .inside-article-catalog-col .pthumb {
    position: relative;
    overflow: hidden;
}
/*
.m3-wrapper .inside-article-catalog-col .pthumb:after {
    content: "";
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(0deg, var(--base-3) 12%, rgba(0, 0, 0, 0) 34%);
}
*/

body.single-ad_listing .entry-content p {
	padding-top: initial;
}

.filter_backdrop {
      padding: 1rem 2rem;
      border-left: solid 2px #af9c0e;
}
.do_filters svg {
      width: 18px;
      padding-top: 2px;

}
ul.field-cat-wrap {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
}
ul.field-cat-wrap li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease;
    transform-origin: left center;
}
ul.field-cat-wrap li:hover {
    transform: translateX(3px);
}

ul.field-cat-wrap li:before {
      content: "❖";
      position: absolute;
      left: 0;
      top: 1px;
      font-size: 1rem;
      line-height: 1;
      color: #af9c0e;
}
ul.field-cat-wrap li:hover:before {
    color: black;
    transform: scale(1.1);
}

/*m4*/
:root {
    --flex-gap: 1rem; /* Variable for gap */
}
.m3-wrapper, .m3slide-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--flex-gap); /* Use the variable for gap */
}
@media (min-width: 1680px) {
    .m3-wrapper>article, .m3slide-wrapper>article, .ctemplate-modern3 .c-posts>article {
        width: calc(25% - var(--flex-gap)); /* Subtract the gap from the width */
    }
    .tax-no-side .m3-wrapper>article, .tax-no-side .m3slide-wrapper>article, .tax-no-side .ctemplate-modern3 .c-posts>article {
        width: calc(16.66666667% - var(--flex-gap)); /* Subtract the gap from the width */
    }
}

@media (min-width: 1450px) and (max-width: 1680px) {
    .m3-wrapper>article, .m3slide-wrapper>article, .ctemplate-modern3 .c-posts>article {
        width: calc(25% - var(--flex-gap)); /* Subtract the gap from the width */
    }
    .tax-no-side .m3-wrapper>article, .tax-no-side .m3slide-wrapper>article, .tax-no-side .ctemplate-modern3 .c-posts>article {
        width: calc(20% - var(--flex-gap)); /* Subtract the gap from the width */
    }
}

@media (min-width: 980px) and (max-width: 1450px) {
    .m3-wrapper>article, .m3slide-wrapper>article, .ctemplate-modern3 .c-posts>article {
        width: calc(33.33% - var(--flex-gap)); /* Subtract the gap from the width */
    }
    .tax-no-side .m3-wrapper>article, .tax-no-side .m3slide-wrapper>article, .tax-no-side .ctemplate-modern3 .c-posts>article {
        width: calc(25% - var(--flex-gap)); /* Subtract the gap from the width */
    }
}

@media (min-width: 640px) and (max-width: 980px) {
    .m3-wrapper>article, .m3slide-wrapper>article, .ctemplate-modern3 .c-posts>article {
        width: calc(33.33% - var(--flex-gap)); /* Subtract the gap from the width */
    }
}

@media (min-width: 440px) and (max-width: 640px) {
    .m3-wrapper>article, .m3slide-wrapper>article, .ctemplate-modern3 .c-posts>article {
        width: calc(50% - var(--flex-gap)); /* Subtract the gap from the width */
    }

    .swrapper {
        display: inline-block;
    }
}

.m3-wrapper .keen-side {
    max-width: calc(100% - 170px);
    padding: 0 25px 0 0;
}

@media (max-width: 440px) {
    .m3-wrapper article.ad_listing, .ctemplate-modern3 .c-posts>article {
        margin: 0 auto;
        max-width: 100%;
    }

    .m3-wrapper .swrapper, .m3slide-wrapper .swrapper {
        display: inline-block;
        width: 100%;
    }

    .m3-wrapper .keen-side, .m3-wrapper, .m3slide-wrapper .keen-side, .m3slide-wrapper {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
     ul.field-cat-wrap {
        padding: 1rem;
     }
     .membership-price .add-to-cart-button, body.ctmpmodern4 .mobile_filter.button.outline, .fbtns {
        border: none;
        background-color: transparent;
     }
}


/* btns */
.btn, .gb-button {
      position: relative;
}
.btn::before, .gb-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: var(--text-main, #bf9b30);
    z-index: -1;
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn:hover::before, .gb-button:hover::before, .addcat_btn:hover::before {
    width: 100%;
}
.addcat_btn:hover a {
    color: black;
}


.main-nav .menu-item a {
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: all 0.4s ease;
}
.main-nav .menu-item a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background: var(--text-main, #bf9b30);
    z-index: -1;
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.main-nav .menu-item a:hover::before {
    width: 100%;
}

.menu-item-has-children .sub-menu a {
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    display: block;
    font-weight: 300;
    transition: all 0.4s ease;
}