/*-------------------------------------------*/
/*--- B R E A K P O I N T   H E L P E R S ---*/
/*-------------------------------------------*/

/*--- base font size ---*/
html {
    font-size: calc((1rem / 16) * 1);
}

/*--- phone (+touch) ---*/

/*--- tablet (+touch) ---*/
@media (min-width: 578px) and (max-width: 1279px) {
    html {
        font-size: calc((1rem / 16) * 0.8);
    }

}

/*--- sd ---*/
@media (min-width: 1280px) and (max-width: 1439px) {
    html {
        font-size: calc((1rem / 16) * 0.9);
    }
}

/*--- hd ---*/
@media (min-width: 1440px) and (max-width: 1919px) {
    html {
        font-size: calc((1rem / 16) * 1);
    }
 
}
/*--- uhd ---*/
@media (min-width: 1920px) {
    html {
        font-size: calc((1rem / 16) * 1.2);
    }
    .gallery-slider {
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
        margin-right: 0;
    }
    
    .gallery-carousel {
        height: calc(1920px * 0.25 * 0.71); 
        max-width: 1920px;
        margin: 0 auto;
    }
}

/*--- phone ---*/
@media (min-width: 1921px) {
    .gallery-carousel {
        height: calc(1920px * 0.25 * 0.71); 
    }
}

@media (max-width: 1400px) {

    .gallery-carousel .flickity-prev-next-button.previous {
        left: calc(50% - 37.5%); 
    }
    
    .gallery-carousel .flickity-prev-next-button.next {
        right: calc(50% - 37.5%); 
    }
}

@media (max-width: 1200px) {
    
    .gallery-carousel .flickity-prev-next-button.previous {
        left: calc(50% - 37.5%); 
    }
    
    .gallery-carousel .flickity-prev-next-button.next {
        right: calc(50% - 37.5%); 
    }
}
/*--- mobile logo ---*/
@media (max-width: 1100px) {
    /*-------------------*/
    /*--- H E A D E R ---*/
    /*-------------------*/
    .logo img {
        width: 380rem;  
    }
}
@media (max-width: 992px) {
    /*-------------------*/
    /*--- H E A D E R ---*/
    /*-------------------*/
    .header {
        position: relative;
    }
    .header-menu {
        display: none; 
    }
    .header-menu nav {
        width: 100%;
    }
    .header-menu.active {
        display: block;
        position: absolute;
        top: 0%;
        left: 0;
        right: 0;
        background: rgb(var(--white));
        box-shadow: 0 2rem 10rem rgba(0,0,0,0.1);
        z-index: 100;
        height: 100vh;
        overflow-y: auto;
        padding-top: 216rem;
    }
    .header-top .container {
        padding-bottom: 67rem;
    }
    .header .container {
        position: relative;
    }
    .search-wrapper {
        position: absolute;
        bottom: 0rem;
        left: 0;
        z-index: 1;
        width: 100%;
        z-index: 101;
    }
    .search-input {
        width: 100%;
        opacity: 1;
    }
    .header .button {
        display: none;
    }
    .search-wrapper.active .search-input {
        width: 100%;
    }
    .menu-btn {
        display: block;
        margin-left: 17rem;
    }
    .menu-btn span {
        display: block;
        width: 20rem;
        height: 2rem;
        background-color: rgb(var(--green));
        margin-bottom: 4rem;
        transition: all 0.3s ease;
    }
    .menu-btn span:last-child {
        margin-bottom: 0;
    }
    .menu-btn span:nth-child(2) {
        width: 15rem;
        margin-left: auto;
        margin-right: 0;
    }
    .menu-btn span:nth-child(3) {
        margin-bottom: 0;
    }
    .menu-btn.active span:nth-child(1) {
        transform: rotate(45deg) translate(5rem, 5rem);
        margin-bottom: 6rem;
    }
    .menu-btn.active span:nth-child(2) {
        opacity: 0;
    }
    .menu-btn.active span:nth-child(3) {
        transform: rotate(-45deg) translate(4rem, -5rem);
        margin-bottom: 4rem;
    }
    .header-icon {
        margin-left: 6rem;
        margin-right: 6rem;
    }
    .header-menu ul {
        flex-direction: column;
    }
    .header-menu ul li {
        padding-top: 25rem;
        padding-bottom: 25rem;
    }
    .header-menu ul li:last-child {
        display: block;
        width: 100%;
    }
    .header-menu ul li:last-child a {
        display: flex;
        width: 100%;
        margin-left: 0;
    }

    /*-------------------*/
    /*--- GRID SISTEM ---*/
    /*-------------------*/
    .col-lg-6  {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-lg-3  {
        flex: 0 0 50%;
        max-width: 50%;
    }
    /* ======================================== */
    /*           L E A F   C U T O U T         */
    /* ======================================== */


    /*-------------------*/
    /*--- FOOTER ---*/
    /*-------------------*/
    .contact-col {
        width: 50%;
    }
    .contact-col:nth-child(3) {
        position: absolute;
        width: 120rem;
        left: 150rem;
        transform: translateY(-40%);
    }
    .contact-content {
        position: relative;
    }

    /*-------------------*/
    /*--- HOME PAGE ---*/
    /*-------------------*/
    .bio-section p {
        max-width: 95%;
    }
    .card-image-wrapper {
        height: 45vw;
    }
    .card {
        margin-bottom: 40rem;
    }
    /*-------------------*/
    /*--- PRODUCT LIST PAGE ---*/
    /*-------------------*/
    .product-list-hero .col-lg-6 {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .leaf-cutout {
        max-width: 100%;
    }
    .product-item .leaf-cutout.-thumb {
        width: 100%;
    }
    .qty-input {
        width: 90rem;
        padding-left: 10rem;
    }
 
    .page-text {
        width: 100%;
    }
    .page-content .leaf-cutout {
        margin-left: auto;
        margin-right: auto;
    }
    .page-content .row.-reverse {
        flex-direction: column-reverse;
    }
    .page-content .col-lg-6 {
        margin-top: 80rem;
        margin-bottom: 0;
    }
    .page-hero {
        padding-top: 40rem;
    }
    .page-text {
        margin-top: 40rem;
    }

    
    
}
@media (max-width: 768px) {
    /*-------------------*/
    /*--- GRID SISTEM ---*/
    /*-------------------*/
    .col-lg-8 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-lg-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-lg-5  {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-lg-4  {
        flex: 0 0 100;
        max-width: 100%;
    }
    .col-lg-3  {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* ======================================== */
    /*           L E A F   C U T O U T         */
    /* ======================================== */
    .leaf-cutout.-hero {
        --leaf-width: 100%;
      
    }

    .leaf-cutout.-thumb:after {
        left: 2rem;
        top: 2rem;
    }
    .leaf-cutout.-thumb.-left:after {
        left: 2rem;
    }
    .leaf-cutout.-icon:after {
        left: -8rem;
        top: -8rem;
    }
    .leaf-cutout.-icon.-left:after {
        left: -8rem;
    }
    .leaf-cutout.-banner:after {
        border-radius: 0 36% 0 37%;
    }
    .leaf-cutout.-banner.-left:after {
        border-radius: 36% 0 37% 0;
    }
    /*-------------------*/
    /*--- FOOTER ---*/
    /*-------------------*/
    .contact-content {
        flex-direction: column;
    }
    .contact-col {
        width: 100%;
    }
    .contact-col p {
        width: 100%;
    }
    .form-wrapper {
        margin-top: 65rem;
        left: 7.5rem;
    }
    .contact-col:nth-child(3) {
        width: 100rem;
        left: auto;
        right: 0;
    }
    .contact-col:nth-child(3) img {
        left: auto;
        right: 0;
    }
       
    /*-------------------*/
    /*-- HOME PAGE ---*/
    /*-------------------*/
   .nursery-section {
        padding-top: 60rem;
        padding-bottom: 60rem;
   }
   .nursery-section .container {
        position: relative;
        padding-top: 70rem;
   }
   .nursery-section h2 {
    position: absolute;
    top: 0;
    left: 0;
   }
   .nursery-section .leaf-cutout {
    margin-bottom: 50rem;
   }
   .bio-section {
    padding-top: 60rem;
   }
   .bio-section .row {
    flex-direction: column-reverse;
    
   }
   .bio-section .leaf-cutout {
    margin-left: auto;
    margin-right: auto;
   }
   .bio-section .container {
    position: relative;
    padding-top: 75rem;
   }
   .bio-section h2 {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 1;
   }
   .bio-section .leaf-cutout {
    margin-bottom: 30rem;
   }
   /*-------------------*/
   /*--- PRODUCT LIST PAGE ---*/
   /*-------------------*/
   .product-list-hero .row {
    display: flex;
    align-items: center;
   }
   .product-list-hero .col-lg-6 {
    display: flex;
    align-items: center;
   }
   .mobile-filter-header {
    display: block;
   }
   .mobile-filter-header h2 {
    margin-bottom: 0;
   }
   .mobile-filter-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .filter-section {
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(var(--white));
        width: 100vw;
        height: 100vh;
        z-index: 9999;
        overflow-y: auto;
        padding-top: 0;  
        display: none;
    }
    .filter-button {
        display: flex;
        align-items: center;
        font-weight: 500;
        color: rgb(var(--teal));
        border: 1px solid rgb(var(--teal));
        padding: 4rem 20rem;
        border-radius: 50rem;
    }
    .filter-button img {
        width: 20rem;
        margin-left: 12rem;
    }
    .filter-content {
        padding: 0;
        border: none;
        padding-bottom: 30rem;
    }
    .filter-item {
        width: 100%;
    }
    .custom-select.filter-select {
        width: 100%;
    }
    .filter-checkbox-wrapper {
        justify-content: flex-start;
    }
    .checkbox-row {
        flex-direction: row-reverse;
    }
    .filter-checkbox-wrapper .checkbox-row .checkbox-label {
        margin-left: 0;
        margin-right: 10rem;
    }
    .filter-content__footer {
        display: block;
        width: 50%;
    }
    .filter-content__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 30rem;
        padding-bottom: 22rem;
        width: 100%;
    }
    .filter-content__header h2 {
        margin-bottom: 0;
    }
    .filter-content__header .material-symbols-outlined {
        font-size: 30rem;
        font-weight: 300;
        color: rgb(var(--teal));
    }
    .filter-content.has-active-filters .clear-filter-wrapper {
        justify-content: space-between;
    }
    .filter-content.has-active-filters .clear-filter-wrapper .button {
        width: 100%;
        min-width: 100%;
    }
    .clear-filter-btn {
        margin-left: auto;
        margin-right: auto;
        font-size: var(--s);
        font-weight: 500;
        color: rgb(var(--grey));
    }
    .mobile-filter-header {
        display: block;
        padding: 20rem 0;
        background: rgb(var(--white));
    }
    
    .mobile-filter-header .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .mobile-filter-header h2 {
        margin: 0;
        font-size: var(--l);
        color: rgb(var(--grey));
    }
    
    
    .filter-button:hover {
        background: rgb(var(--green));
    }
    
    .filter-button img {
        width: 20rem;
        height: 20rem;
    }
    
    .filter-section {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        overflow-y: auto;
    }
    
    .filter-section.active {
        display: block;
    }
    
    .filter-content {
        background: rgb(var(--white));
        margin: 0;
        border-radius: 0;
        border: none;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    
    .filter-content__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20rem;
    }
    
    .filter-content__header h2 {
        margin: 0;
        font-size: var(--l);
        color: rgb(var(--grey));
    }
    
    .close-filter-button {
        width: 40rem;
        height: 40rem;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    .close-filter-button:hover {
        background: rgb(var(--grey-light-2));
    }
    
    .close-filter-button .material-symbols-outlined {
        font-size: 30rem;
        color: rgb(var(--teal));
    }
    
    .filter-item {
        width: 100%;
        margin-bottom: 20rem;
        flex-shrink: 0;
    }
    
    .filter-select {
        width: 100%;
        flex-shrink: 0;
    }
    
    .filter-input {
        width: 100%;
        flex-shrink: 0;
    }
    
    .filter-checkbox-wrapper {
        width: 100%;
        justify-content: flex-start;
        flex-shrink: 0;
    }
    
    .clear-filter-wrapper {
        margin-top: auto;
        padding-top: 20rem;
        flex-shrink: 0;
    }
    .product-list .col-lg-3 {
        width: 50%;
        flex: 0 0 50%;
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .product-item__title {
        padding-left: 0;
        padding-right: 0;
    }
    .fancybox__slide {
        padding: 10rem;
    }
    
    .fancybox__nav .fancybox__button {
        width: 50rem;
        height: 50rem;
    }
    
    .fancybox__button[data-fancybox-close] {
        width: 40rem;
        height: 40rem;
        top: 15rem;
        right: 15rem;
    }
    .product-gallery-carousel {
        height: 83vw;
    }
    .single-product {
        padding-top: 70rem;
    }
    .single-product .container {
        position: relative;
     
    }
    .single-product-title {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 1.2;
    }
    .single-product {
        background: transparent;
        padding-top: 15rem;
    }
    .product-content {
        padding-top: 30rem;
    }
    .single-product {
        padding-bottom: 0;
    }
    .page-content .leaf-cutout {
        width: 100%;
    }
    .product-list-hero .leaf-cutout.-left:after {
        left: 5rem;
        top: 5rem;
    }

    .gallery-carousel {
        height: calc(100vw * 0.8 * 0.71);
    }
    
    .gallery-carousel .gallery-slide {
        width: 80%;
    }
    
    .gallery-slide {
        padding: 0 5rem;
    }
    
    .gallery-carousel .flickity-prev-next-button {
        width: 40rem;
        height: 40rem;
    }
    
    .gallery-carousel .flickity-prev-next-button.previous {
        left: calc(50% - 40%); 
    }
    
    .gallery-carousel .flickity-prev-next-button.next {
        right: calc(50% - 40%); 
    }
    
    .gallery-carousel .flickity-prev-next-button svg {
        width: 16rem;
        height: 16rem;
    }
    
    

   
   
}

@media (max-width: 590px) {
    /*-----------------------*/
    /*--- D E F A U L T S ---*/
    /*-----------------------*/
    h1 {
        font-size: 40rem;
        margin-bottom: 21rem;
       }
    h2 {
        font-size: 24rem;
    }
    html {
        font-size: calc((1rem / 16) * 1);
    }
    .button {
        width: 100%;
    }
    .product-list-hero-content {
        width: 100%;
    }

    /* ======================================== */
    /*           L E A F   C U T O U T         */
    /* ======================================== */
   
    .leaf-cutout:after {
        top: 5rem;
        left: -5rem;
    }

    /* ======================================== */
    /*           H E R O   S L I D E R         */
    /* ======================================== */
    .hero-slider {
        aspect-ratio: 1; 
    }

    /*-------------------*/
    /*--- H E A D E R ---*/
    /*-------------------*/
       
    .logo img {
        width: 50vw;
    }
    .header-menu.active {
        padding-top: 170rem;
    }
     /*-------------------*/
    /*--- FOOTER ---*/
    /*-------------------*/
    .footer-content {
        flex-direction: column;
    }
    .footer-bottom {
        flex-direction: column;
        padding-top: 33rem;
    }
    .footer-logo img {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-social {
        margin-top: 50rem;
    }
    .footer-content {
        padding-bottom: 25rem;
    }
    .copyright {
        margin-bottom: 13rem;
    }
    .footer {
        padding-bottom: 33rem;
    }
     /*-------------------*/
    /*--- HOME PAGER ---*/
    /*-------------------*/
    .hero-slider {
        aspect-ratio: 1; 
    }
    .hero-slider .flickity-page-dots {
        bottom: 11rem;
    }
    .card-image-wrapper {
        height: 85vw;
    }
    .items-section {
        padding-bottom: 50rem;
    }
    .product-list-hero .col-lg-6 {
    max-width: 100%;
    flex: 0 0 100%;
   }
   .product-list-hero .col-lg-6:nth-child(2) {
    display: none;
   }
   .product-list-hero {
    padding-top: 0;
    padding-bottom: 40rem;
   }
   .product-item__title {
    font-size: var(--xs);
   }
   .product-list-section {
    padding-bottom: 0rem;
   }
   .single-product-title {
    font-size: 30rem;
   }
   .product-gallery-main {
    margin-bottom: 5rem;
   }
   .purchase-details-row {
    flex-wrap: wrap;
   }
   .purchase-details-item:first-child {
    width: 100%;
    margin-bottom: 35rem;
   }
   .qty-input {
    width: 100%;
   }
   .purchase-details-item:nth-child(2) {
    width: 36%;
   }
   .purchase-details-item:nth-child(3) {
    width: 60%;
   }
   .purchase-details-item .button {
    min-width: 100%;
   }
   .purchase-details-item-title {
    display: none;
   }
   .page-content .col-lg-6 {
    margin-top: 20rem;
   }
   .page-hero h1{
    margin-bottom: 0;
   }
   .page-hero {
    padding-top: 0;
    padding-bottom: 0rem;
   }
   .page-text {
    margin-top: 20rem;
   }
   .page-text .button {
    width: 100%;
   }
   .page-item-content {
    flex-direction: column;
   }
   .page-item-col {
    width: 100%;
   }
   .page-item {
    padding: 23rem;
   }
   .page-item-row span {
    width: 45rem;
   }
   .page-section {
    padding-top: 60rem;
   }

.gallery-section {
    padding-top: 40rem;
    padding-bottom: 40rem;
}
.purchase-details.-v2 .purchase-details-item {
    width: 100%;
}


 
   
    
  
    


    
  
 
  
}