@font-face {
    font-family: 'Orbitron';
    src: url('../fonts/Orbitron-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.easycarousels.isLandingPage {
    background-color: #09041C;
}

.category-landing-page .swiper-scrollbar {
    position: relative !important;
    left: 0 !important;
}

.category-landing-page .featured-products:not(.roy_specials):after {
    display: none !important;
}

.category-landing-page .block-category {
    margin-top: 50px;
}

.isLandingPage .easycarousel.products {
    margin-top: 0 !important;
    padding-top: 23px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.isLandingPage .carousel-description {
    margin-top: 0;
    margin-bottom: 10px;
}

.easycarousels.isLandingPage > .container {
    /* background-image: url("/modules/easycarousels/views/img/landing_back.png"); */
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
} 

.category-landing-page #top_column {
    display: none;
}

.isLandingPage .featured-products .swiper-button-prev {
    left: 8px !important;
}

.isLandingPage .featured-products .swiper-button-next {
    right: 8px !important;
}

.isLandingPage .products-section-title {
    text-align: center;
    font-family: 'Orbitron', sans-serif !important;
    font-size: 72px !important;
    line-height: 72px !important;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 0;

    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.65) 50%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.isLandingPage .sectionTitle {
    justify-content: center;
}

.isLandingPage .carousel-description p {
    color: #FFF;
    text-align: center;
    font-family: Exo;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 100% */
    margin-bottom: 0;
}

.easycarousels.isLandingPage .block_content {
    margin-top: 155px;
    position: relative;
    top: 10px;
    padding-left: 60px;
    padding-right: 60px;
}

.isLandingPage .block_content {
    position: relative;
    padding-top: 26px;
    padding-bottom: 60px;
    z-index: 2;
}

.landingInner {
    position: absolute;
    top: 0;
    left: -60px;
    width: calc(100% + 120px);

    left: -0;
    width: 100%;

    height: 100%;
    border: 1px solid #F0E9FA; 
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid #6d5c8e;
    border-radius: 20px;

    /* background: linear-gradient(
        180deg,
        rgba(114, 0, 213, 0.2) 0%,
        rgba(114, 0, 213, 0.02) 100%
      ); */


      border: none;

        background: linear-gradient(
    180deg,
    rgba(114, 0, 213, 0.2) 0%,
    rgba(114, 0, 213, 0.02) 100%
  );

      /* backdrop-filter-ul tău rămâne aici dacă îl folosești */
      /* backdrop-filter: blur(15px) saturate(180%);
      -webkit-backdrop-filter: blur(15px) saturate(180%); */

    

    /* background-image: url("/modules/easycarousels/views/img/landing_rectangle_back.png");
    background-size: 100%;
    background-position: center 20%;
    background-repeat: no-repeat; */
}

.landingInner:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(0deg, rgba(240, 233, 250, 0.3) 0%, rgba(13, 0, 52, 0.3) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
}

.landingBottom {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}

.landingBottom svg {
    width: 100%;
    height: auto;
    display: block;
}

.carouselTitle {
    position: relative;
    z-index: 1;
    text-align: center;
}

.carouselMainTitle h2 {
    color: #FFF;
    font-family: Exo;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 81.25% */
    letter-spacing: 0.32px;
    text-transform: uppercase;
    margin-bottom: 0;

    opacity: 0.9;
}

.carouselMainTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
}

.carouselMainTitleArrow svg {
    display: block;
}

.carouselSubTitle p {
    color: #FFF;
    font-family: Exo;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    letter-spacing: 0.2px;
    margin-bottom: 0;

    opacity: 0.9;
}

.isLandingPage article.product-item {
    padding-top: 12px !important;
}

.landingInnerEllipse1 {
    border-radius: 100px;
    background: linear-gradient(90deg, #0D0034 0%, #9667B6 50.86%, #0D0034 100%);
    filter: blur(0.5px);
    width: 981px;
    height: 2px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.landingInnerEllipse2 {
   fill: linear-gradient(90deg, rgba(13, 0, 52, 0.68) 0%, rgba(123, 0, 255, 0.68) 51%, rgba(21, 10, 73, 0.68) 100%);
   filter: blur(18.25px);
   width: 458.25px;
   height: 25px;

    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.landingTags {
    position: absolute;
    top: -60px;
    /* right: -60px; */
    right: 0;
    display: flex;
}

.landingTag {
    position: relative;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.landingTag svg {
    display: block;
}

span.tagText {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    text-align: center;

    font-family: Exo;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;

    display: flex;
    justify-content: center;
    align-items: center;
}






/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

@media only screen and (max-width : 991px) {

}

/* Phones Portrait */ 
@media only screen and (min-width : 320px) and (max-width : 479px) {
    .isLandingPage .products-section-title {
        font-size: 40px !important;
        line-height: 40px !important;
    }

    .isLandingPage .carousel-description p {
        font-size: 14px !important;
        line-height: 14px !important;
    }

    .easycarousels.isLandingPage > .c-wrapper.container {
        padding-left: 0;
        padding-right: 0;
        margin-top: 0 !important;
    }

    .easycarousels.isLandingPage .block_content {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 255px;
    }

    .landingTags, .sectionTitle {
        padding-left: 10px;
        padding-right: 10px;
    }

    .tagText {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .carouselMainTitle h2 {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    .carouselSubTitle p {
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .landingTag svg {
        width: 100%;
    }

    .landingTag {
        width: 33.33% !important;
    }

    .landingBottom-svg-375 {
        display: block !important;
    }

    .landingBottom-svg-1920 {
        display: none !important;
    }

    .easycarousels.isLandingPage > .container {
        /* background-image: url("/modules/easycarousels/views/img/landing_back_375.png"); */
        background-size: contain;
    } 

    .landingInner {
        background: linear-gradient(180deg, rgba(114, 0, 213, 0.2) 0%, rgba(114, 0, 213, 0.04) 100%);
    }
}

/* Phones Landscape */ 
@media only screen and (min-width : 480px) and (max-width : 767px) {

}

/* Phones Portrait and Landscape */ 
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px) {

}

@media only screen and (min-width : 480px) and (max-width : 991px) {
    .landingTags, .sectionTitle {
        padding-right: 10px;
    }

    .landingBottom-svg-1920 {
        display: none !important;
    }

    .landingBottom-svg-768 {
        display: block !important;
    }

    .easycarousels.isLandingPage > .container {
        width: 100%;
        /* background-image: url("/modules/easycarousels/views/img/landing_back_768.png"); */
        background-size: 992px;
    } 

    .easycarousels.isLandingPage .block_content {
        margin-top: 285px;
    }
}

@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {

}

/* Small and Medium Devices */
@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .easycarousels.isLandingPage > .container {
        width: 100%;
        /* background-image: url("/modules/easycarousels/views/img/landing_back_1024.png"); */
        background-size: 1024px;
    } 

    .landingBottom-svg-1440 {
        display: none !important;
    }

    .landingBottom-svg-1024 {
        display: block !important;
        width: 1200px !important;
    }

    .landingBottom-svg-1920 {
        display: none !important;
    }

    .isLandingPage .products-section-title {
        font-size: 55px !important;
        line-height: 72px !important;
    }

    .easycarousels.isLandingPage .block_content {
        margin-top: 255px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Small and Medium Devices */
@media only screen and (min-width : 1200px) and (max-width : 1440px) {
    .easycarousels.isLandingPage > .container {
        width: 100%;
        /* background-image: url("/modules/easycarousels/views/img/landing_back_1440.png"); */
        background-size: 1500px;
    } 

    .easycarousels.isLandingPage .block_content {
        margin-top: 260px;
    }

    .featured-products .swiper-button-next {
        right: -53px !important;
    }

    .featured-products .swiper-button-prev {
        left: -53px !important;
    }

    .landingBottom-svg-1440 {
        display: block !important;
    }

    .landingBottom-svg-1920 {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .easycarousels.isLandingPage > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }
    
    .stick_parent_lb .container:first-child {
        margin-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .easycarousels.isLandingPage > .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .block_content.carouselContainer {
        width:100% !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1440px) {
    .easycarousels.isLandingPage > .container {
        width:1380px !important;
        max-width: 1380px !important;
    }
}

@media (min-width: 1600px) {
    .easycarousels.isLandingPage > .container {
        width:1460px !important;
        max-width: 1460px !important;
    }
}

@media (min-width: 1921px) {
    .easycarousels.isLandingPage > .container {
        width:1720px;
        max-width: 1720px !important;
    }
}