/* Container Group Styling */
.nalino-container-group {
    padding: 15px;
    background-color: #f1e4de; /* Light beige background similar to the reference */
    border: 1px solid #f1e4de;
    margin-bottom: 20px;
    text-align: center;
	margin-top: calc(var(--height-margin-px, 0) + 64px);
}

section.nalino-container-2 {
	margin-top: calc(var(--height-margin-px, 0) - 24px);
}


/* Container Item Styling */
.nalino-container-item {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* Images Container with Flexbox */
.nalino-images {
    display: flex;
    justify-content: space-between;
    gap: 10px; /* Space between images */
    width: 100%;
    margin-bottom: 20px;
}

/* Individual Image Styling */
.nalino-image a{
    width: calc(33.333% - 7px);
    height: auto;
    object-fit: cover;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* Button Styling */
a.nalino-button.shop-now {
    /* text-transform: uppercase; */
    /* padding: 7px 13px; */
    /* min-width: 92px; */
    /* font-size: 12px; */
    /* background-color: #ffffff; */
    /* border: unset; */
    /* flex: 0 0 auto; */
    /* font-weight: 600; */
    /* color: #000000; */
}

a.nalino-button.shop-now:hover {
    color: #111111;
    background-color: #eac3c1;
    /* border: unset; */
}

.nalino-wrap-about p {
    margin: 0;
    padding: 0;
	line-height: 19px;
}

a.nalino-button.shop-now {
    /* text-transform: uppercase; */
}

.nalino-wrap-about h3 {
	font-weight: 700;
	margin: 8px 0;
    font-size: 14px;
    text-transform: uppercase;
	line-height: 14px;
}
.nalino-wrap-about { display: flex ; align-items: flex-start; flex-direction: column; }  
.nalino-wrap-cta { 
display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;}

/* Responsive Design */
@media (max-width: 768px) {
    .nalino-images {
        flex-direction: column;
        align-items: center;
    }

    .nalino-image {
        width: 100%; /* Full width on mobile */
        margin-bottom: 15px;
    }

    .nalino-button.shop-now {
        width: 100%;
        max-width: 200px;
    }
}





.hover-gallery ,
.faq-teaser .faq-item,
section.nalino-essentials,
section.how-to,.lifestyle-gallery,
section.virtual-try-on {
    background-attachment: fixed !important;
    background: linear-gradient(to bottom, #f5e8e0, #f9f9f9);
}







/* container 2 */ 

span.woocommerce-Price-amount.amount ,
span.woocommerce-Price-currencySymbol {
    color: #000000;
}

/* Product Links Container: Flexbox Layout */
.nalino-product-links-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-top: 20px;
    flex-wrap: wrap; /* Allow wrapping if needed on smaller screens */
}

/* Product Item */
.nalino-product-item {
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
    background-color: #fff;
}

h3.nalino-product-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin: 5px 0;
	text-transform: uppercase;
}



.nalino-product-link:hover .nalino-product-image {
    z-index: -1;
	opacity: 0;
}

.nalino-product-link:hover .nalino-product-hover-image {
    transform: scale(1.05);
	    opacity: 1;
}

.nalino-product-hover-image {
    transition: transform 1s ease;
	    width: 100%;
    height: 100%;
	    opacity: 0;
}

.nalino-product-item {
    margin-bottom: 32px;
    margin-bottom: 32px;
}



h3.nalino-product-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    margin: 5px 0;
    text-transform: uppercase;
    text-align: center;
}

.nalino-product-image {
    z-index: 2;
    opacity: 1;

}

/* Fix image container size to keep uniform height */
.nalino-product-link {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}



























	/* Nalino Hero Section */
.nalino-hero {
    padding: 0 0px;
    text-align: center;
}

.nalino-hero-title {
    font-family: 'Reem Kufi Fun', sans-serif;
    font-size: 48px;
    color: #d4a59a;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    zoom: 0.5;
}

.nalino-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: 0 auto;
}

.nalino-product-card {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    opacity: 0; /* Initial opacity for GSAP animation */
}

.nalino-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.nalino-product-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.nalino-product-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 5px;
}

.nalino-product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.nalino-product-hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.nalino-product-card:hover .nalino-product-hover-image {
    opacity: 1;
}

.nalino-product-details {
    text-align: center;
    padding-top: 15px;
}

.nalino-product-title {
    font-family: 'Reem Kufi Fun', sans-serif;
    font-size: 22px;
    color: #333;
    margin: 0 0 10px;
    line-height: 1.3;
}

.nalino-product-price {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
    font-weight: 500;
}

.nalino-go-shop-container {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.nalino-go-shop-container .cta {
    padding: 12px 24px;
    background-color: var(--text-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: background-color 0.3s ease;
}

.nalino-go-shop-container .cta:hover {
    background-color: var(--text-primary);
}

	

body h1.nalino-hero-title .transform-letter {
    transform: unset !important;
    font-size: unset !important;
}	
	
/* Mobile Slider Styles */
@media (max-width: 768px) {
    .nalino-product-grid {
        display: block; /* Override grid for Owl Carousel */
    }

    .nalino-product-card {
        margin-bottom: 20px; /* Space between cards in slider */
    }

    .owl-dots {
        text-align: center;
        margin-top: 15px;
    }

    .owl-dot {
        display: inline-block;
        margin: 0 5px;
    }

    .owl-dot button {
        width: 12px;
        height: 12px;
        background: #d4a59a !important;
        border-radius: 50%;
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .owl-dot.active button {
        opacity: 1;
    }

    .owl-nav {
        display: none !important; /* No arrows */
    }
}

@media (min-width: 769px) {
    .nalino-product-grid.owl-carousel {
        display: grid; /* Restore grid layout */
    }
}

/* Remove conflicting styles */
.hero-bottom {
    margin-top: 0; /* Override large margin */
}









body .lifestyle-gallery p.card{
    border: solid 1px #7f2549;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #7f2549;
    font-family: var(--font-titel);
    font-size: 20px;
    margin: 0;
}
body .lifestyle-gallery p.card {
  position: relative; /* important */
}

body .lifestyle-gallery p.card:before,
body .lifestyle-gallery p.card:after {
  content: url("data:image/svg+xml,%3Csvg width='64px' height='64px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M12 3C12 7.97056 7.97056 12 3 12C7.97056 12 12 16.0294 12 21C12 16.0294 16.0294 12 21 12C16.0294 12 12 7.97056 12 3Z' stroke='%237f2549' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  display: block;
  position: absolute;
  top: -25px;
  right: -5px;
  width: 64px;   /* give it size */
  height: 64px;
  transform: scale(.5) scaleX(-1) translateX(90%);
  transform-origin: right center;
  transition: width 0.5s ease;
}














        .image-hover-block {
            position: relative;
            display: inline-block;
            width: 100%;
           
        }

        .image-hover-block img {
            max-width: 100%;
            display: block;
        }

        .main-image {
            transition: opacity 0.4s ease-in-out;
        }

        .hover-gallery {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: none;
            gap: 20px;
            grid-template-columns: repeat(3, 1fr);
  
            z-index: 10;
        }

        .hover-gallery img {
            width: 100%;
            height: auto;
        }

        /* Show gallery and hide main image on hover */
        .image-hover-block:hover .main-image {
            opacity: 0;
        }

        .image-hover-block:hover .hover-gallery {
            display: grid;
        }






















section.nalino-essentials {
    margin-top: 34px;
}



    /* Reset default styles */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }



    /* Nalino Essentials Section */
    .nalino-essentials {
      /*padding: 60px 20px;*/
      background: #fff;
      text-align: center;
      overflow: hidden;
    }

    .nalino-essentials-title {
      font-family: 'Reem Kufi Fun', sans-serif;
      font-size: 36px;
      color: #d4a59a;
      margin-bottom: 40px;
      text-transform: uppercase;
    }

    .transform-letter {
      display: inline-block;
    }
	.nalino-essential-block:nth-child(1) {
    scale: 1;
}
    /* Banner container for scrolling */
    .nalino-essentials-banner {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
    }

    /* Track for scrolling animation */
    .nalino-essentials-track {
      display: inline-flex;
      animation: scroll 20s linear infinite;
    }

    /* Individual feature block */
    .nalino-essential-block {
      flex: 0 0 auto;
      width: 220px;
      /* min-height: 141px; */
      /* padding: 20px; */
      margin-right: 20px;
      border-radius: 10px;
      background: linear-gradient(145deg, #f9f9f9, #ffffff);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
    }

.nalino-essential-block.mobile{
		display:none;
	}

    .nalino-essential-block:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    }


body .nalino-essential-block h3 {
    color: #ffffff;
}

.nalino-essentials-track {
    background: #7f2549;
}

.nalino-essential-block h3 {
    margin: 12px 0;
}

    .nalino-essential-block i {
      font-size: 36px;
      color: #ffffff;
      /* margin-bottom: 12px; */
      /* padding-top: 0.5em; */
    }

    .nalino-essential-block h3 {
      font-family: 'Reem Kufi Fun', sans-serif;
      font-size: 18px;
      color: #333;
      /* margin-bottom: 8px; */
    }

    .nalino-essential-block p {
      font-size: 0.7em;
      color: #666;
      line-height: 1.4;
    }

    /* Animation for left-to-right scrolling */
    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%); /* Move by half since blocks are duplicated */
      }
    }

    /* Pause animation on hover */
    .nalino-essentials-track:hover {
      animation-play-state: paused;
    }

    /* Desktop: Static grid for screens > 1200px */
    @media (min-width: 3201px) {
      .nalino-essentials-banner {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 20px;
        max-width: 1400px;
        margin: 0 auto;
      }
      .nalino-essentials-track {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* At least 4 features */
        animation: none; /* No scrolling */
      }
      .nalino-essential-block {
        margin-right: 0; /* Remove margin for grid */
      }
    }

    /* Mobile: Scrolling banner for screens 600px to 1200px */
    @media (max-width: 3200px) {
      .nalino-essential-block {
        width: 220px; /* Ensure consistent width */
      }
      .nalino-essentials-track {
        min-width: calc(220px * 4 + 20px * 3); /* Ensure at least 4 blocks visible */
      }
		
		.nalino-essential-block.mobile {
		/* display: block !important; */
	}.nalino-essential-block p {
    display: none;
}section.nalino-essentials.section-wide.home.hero-bottom-load { padding-bottom: 0; transform: translate(0px, -138px); margin-left: var(--margin-px-wide-section); }    .nalino-essential-block {box-shadow: unset !important;display: flex;flex-direction: row;background: transparent;gap: 25px;min-width: 330px;border-radius: unset;align-items: center;/* border: solid; */height: unset;} .nalino-essential-block.mobile { display: flex; }h2.nalino-essentials-title { display: none; }
		
		
    }

    /* Smaller screens: Adjust for < 600px */
    @media (max-width: 600px) {
      .nalino-essential-block {
        width: 180px; /* Smaller blocks for mobile */
      }
      .nalino-essentials-track {
        min-width: calc(180px * 3 + 20px * 2); /* Ensure at least 3 blocks visible */
      }
      .nalino-essentials-title {
        font-size: 28px;
      }
    }
	
	 @media (max-width: 1200px) {
	.nalino-essential-block p {
    display: none;}
		 
		 	.nalino-essential-block,
	.nalino-essential-block.mobile{
		display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 4px;
        align-content: center;
        width: 240px;
        box-shadow: unset;
        background: transparent;
	}
		 
	}
	
	.nalino-essential-block:nth-child(1) {
    scale: 1;
}
	
	

   
























	
/* faq toggel */
	
	.faq-item h3 {
  position: relative;
  cursor: pointer;
  padding-right: 30px; /* space for arrow */
}

.faq-item h3::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODEiIGhlaWdodD0iMTgxIiB2aWV3Qm94PSItMS45MiAtMS45MiAzNS44NCAzNS44NCI+PHBhdGggZmlsbD0iI2Q0YTU5YSIgc3Ryb2tlPSIjZDRhNTlhIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0wLjI1NiAyMy40ODFjMCAwLjI2OSAwLjEwNiAwLjU0NCAwLjMxMyAwLjc1IDAuNDEyIDAuNDEzIDEuMDg3IDAuNDEzIDEuNSAwbDE0LjExOS0xNC4xMTkgMTMuOTEzIDEzLjkxMmMwLjQxMyAwLjQxMyAxLjA4NyAwLjQxMyAxLjUgMHMwLjQxMy0xLjA4NyAwLTEuNWwtMTQuNjYzLTE0LjY2OWMtMC40MTMtMC40MTItMS4wODgtMC40MTItMS41IDBsLTE0Ljg2OSAxNC44NjljLTAuMjEzIDAuMjEyLTAuMzEzIDAuNDgxLTAuMzEzIDAuNzU2eiIvPjwvc3ZnPg==") no-repeat center center;

  background-size: contain;
  width: 12px;
  height: 12px;
}

.faq-item.active h3::after {
  transform: translateY(-50%) rotate(180deg);
}


	
	
	
	
	
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins';
}





/* How-To Guide */
.how-to {
    padding: 60px 20px;
    background-color: #fff;
    text-align: center;
}

.how-to h2 {
    font-family: 'Reem Kufi Fun';
    font-size: 40px;
    margin-bottom: 40px;
    color: var(--text-primary);
}

.how-to .steps {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.how-to .step {
    width: calc(25% - 30px);
    text-align: center;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.how-to .step img {
    width: 100%;
    padding: 0;
    margin: 0;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 15px;
}

.how-to .step h3 {
    font-family: var(--font-titel);
    font-size: 20px;
    color: var(--text-primary);
    margin-bottom: 10px;
}

.how-to .step p {
    font-size: 14px;
    font-family: var(--font-titel);
}

.how-to .cta {
    margin-top: 20px;
    padding: 12px 24px;
    background-color: var(--text-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.how-to .cta:hover {
    background-color: var(--text-primary);
}

/* Collections */
.collections {
    padding: 0px 20px;
    text-align: center;
    background-color: #f5e8e0;
	    margin: 0 0;
}

.collections h2 {
    font-family: 'Reem Kufi Fun';
    font-size: 40px;
    margin-bottom: 40px;
    color: var(--text-primary);
}
.collections .custom-nav-prev,
.collections .custom-nav-next {
    background: #f1e4de;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 3px 5px;
    margin: 0 auto;
    color: #7f2549;
    z-index: 4;
}
.collections .custom-nav-prev {
    position: absolute;
    transform: translateY(250px);
    left:32px;
}

.collections .custom-nav-next {
    position: absolute;
    transform: translateY(-350px);
    right:32px;
}
.collections .grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.collections .card {
	background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.collections .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 15px rgba(212, 165, 154, 0.3);
}

.collections .card img {
    width: 100%;
    object-fit: cover;
	height: 550px;
}

.collections .card h3 {
    font-size: 20px;
    padding: 15px;
    color: #333;
}

.collections .card a {
    display: block;
    padding: 12px 20px;
    background-color: var(--text-primary);
    color: #fff;
    text-decoration: none;
    margin: 10px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.collections .card a:hover {
    background-color: var(--text-primary);
}

/* Virtual Try-On */
.virtual-try-on {
    padding: 60px 20px;
    background-color: #fff;
    text-align: center;
	margin-top:64px;
}

.virtual-try-on h2 {
    font-family: 'Reem Kufi Fun';
    font-size: 40px;
    margin-bottom: 20px;
    color: var(--text-primary);
}
.hover-gallery img {
    height: 100%;
}
.virtual-try-on img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 20px;
}
section.virtual-try-on .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -25px;
}
.virtual-try-on p, body p {
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Poppins' !important;
}

.virtual-try-on .cta {
    padding: 15px 30px;
    background-color: var(--text-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
    border: 1px solid transparent;
}

.virtual-try-on .cta:hover {
    background-color: transparent;
    border: solid 1px var(--text-primary);
    color: var(--text-primary);
}

/* FAQ Teaser */
.faq-teaser {
    padding: 60px 140px;

    text-align: center;
}

.faq-teaser h2 {
    font-family: 'Reem Kufi Fun';
    font-size: 40px;
    margin-bottom: 30px;
    color: var(--text-primary);
}

.faq-teaser .faq-item {
    margin: 0 auto 20px;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.faq-teaser .faq-item h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: var(--text-primary);
    cursor: pointer;
    transition: color 0.3s;
}

.faq-teaser .faq-item h3:hover {
    color: #c48b7d;
}

.faq-teaser .faq-item p {
    font-size: 14px;
    display: none;
    padding-top: 10px;
}

.faq-teaser .faq-item.active p {
    display: block;
}

.faq-teaser .cta {
    padding: 12px 24px;
    background-color: var(--text-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.faq-teaser .cta:hover {
    background-color: var(--text-primary);
}

/* Lifestyle Gallery */
.lifestyle-gallery {
    padding: 60px 20px;
    text-align: center;
    background-color: #fff;
}

.lifestyle-gallery h2 {
    font-family: 'Reem Kufi Fun';
    font-size: 40px;
    margin-bottom: 40px;
    color: var(--text-primary);
}

.lifestyle-gallery .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.lifestyle-gallery .gallery img {
    width: 100%;

    object-fit: cover;
    border-radius: 5px;
}

.lifestyle-gallery .gallery p {
    font-size: 14px;
    margin-top: 10px;
    color: #333;
}

.step-media {
    overflow: hidden;
    
    border-radius:5px;
}

video.step-video {
    width: 100%;
}	
	
/* Responsive Design */
@media (max-width: 768px) {
    .before-after .slider {
        flex-direction: column;
    }

    .before-after img {
        width: 100%;
    }

    .featured-products .carousel {
        flex-direction: column;
        align-items: center;
    }
}
	
	
	
	
	
	
	
	
	
/* do no use <div class="nalino-glow-wrap"> </div> */
.nalino-glow-wrap
/* other button wraps*/
	
.nalino-glow-wrap {
    overflow: hidden;
    position: relative;
    display: inline;
}

.nalino-glow-wrap a {
    margin: 0 !important;
    position: relative;
}
/* use span tag <span class="nalino-glow-wrap"></span> */
{
	z-index: 2;
	overflow: hidden;
	position: relative;
	z-index: 2;
	width: fit-content;
	display: flex;
}
	
/* Shine effect for remove filter buttons */
.nalino-glow::after {
    content: '';
	z-index:1;
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
        45deg,
        rgba(245, 247, 250, 0) 0%,
        rgba(232, 236, 239, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
    );
}

.nalino-glow:hover::after {
    animation: move-shine 1s ease-out;
	opacity: 1;
}

@keyframes move-shine {
    0% {
        opacity: 1;
        left: 100%;
        background: linear-gradient(45deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    25% {
        left: -50%;
        background: linear-gradient(60deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    50% {
        left: -50%;
        background: linear-gradient(75deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    75% {
        left: -75%;
        background: linear-gradient(90deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
    100% {
        left: -100%;
        opacity: 0.01;
        background: linear-gradient(105deg, rgba(245, 247, 250, 0) 0%, rgba(232, 236, 239, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    }
}	
	
.carousel a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    margin-top: 20px;
}
	
	.nalino-glow-wrap {
    border-radius: 5px;
}
	
a.add-to-cart.nalino-glow {
    width: 100% !important;
    min-width: 100% !important;
    display: inline-block !important;
    min-width: 100px !important;
    width: 100% !important;
    max-width: 100% !important;
}
section.collections .nalino-glow-wrap {
    width: 100%;
	border-radius: 0px 0px 5px 5px !important;
}
section.collections a.add-to-cart.nalino-glow{
    width: 100%;
	border-radius: 0px 0px 5px 5px !important;
}
section.how-to .nalino-glow-wrap,
section.faq-teaser .nalino-glow-wrap,
.virtual-try-on .nalino-glow-wrap {
    margin: 0 auto;
    margin-top: 64px;
}

section.how-to .nalino-glow-wrap{
    /* transform: translateY(-20px); */
}

body h2:not(.has-text-color), .bt-h2:not(.has-text-color) {
    color: var(--text-primary);
}














































.nalino-hero-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 815px;
	margin-top: -25px;
}

.hero-grid {
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
	    margin-top: -2px;
}

.hero-video-left,
.hero-video-right {
  flex: 1 1 50%;
  max-width: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.hero-video-left video,
.hero-video-right video {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.hero-video-left video {
     top: 0%;
}

.hero-video-right video {
    top: 0%;
    min-width: 1100px;
}

.hero-text-center.style-1 em {
    color: #ffffff;
	text-transform: uppercase;
	font-size:14px;
	font-style: normal;
	font-weight: bolder;
	letter-spacing: 0.08em;
}












/* Overlay Text */
.hero-text-center {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  /* z-index: 10; */
  /* text-align: center; */
  /* color: #fff; */
}

.hero-text-center h2 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
}

a.hero-button.nalino-button.shop-now.style-1 {
    /* border-radius: 0 0.5rem 0 0.5rem; */ /* TL, TR, BR, BL */
}
 
.hero-text-center p {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
 /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
}



.hero-button {
  /* background: #fff; */
  /* color: #000; */
  /* padding: 0.75rem 1.5rem; */
  /* text-decoration: none; */
  /* font-weight: 600; */
  /* border-radius: 0.5rem; */
  /* transition: background 0.3s ease; */
}

.hero-button:hover {
  background: #f1f1f1;
}



.nalino-hero-video.hero-full-px {
  width: var(--screen-px-inner);
  position:absolute;
  left: 0;
	    right: 0;
  top: 58px;
}

.hero-full-px {
  height: var(--hero-height);
}
.hero-full-px.section-wide{
    margin-left: var(--landing-px-margin);
    width: var(--section-px-wide);
}

.hero-grid h2.hero-title {/* color: #fff; *//* font-weight: bolder; *//* max-width: 280px; *//* text-align: left; *//* margin: 0; *//* text-transform: uppercase; *//* word-spacing: 0.01em; *//* font-size: 2.125rem; */}
h2.hero-title
 {
    text-transform: capitalize;
}
.hero-body .char.space ,
.hero-title .char.space {padding-right:8px;}
p.hero-body {
    /* font-size: 0.86em; */
    /* text-transform: none; */
    /* font-weight: 400; */
}





h2 span.animated-letter.decorated-letter-1:before {
    display: block;
    content: '';
    color: red;
    font-size: 70px;
    margin-top:-19px;
    position:absolute;
    top:-45px;
    left:2px;
    font-weight:bolder;
}

span.animated-letter.decorated-letter-1:before {
    display: block;
    content: '.';
    color: red;
    font-size: 22px;
    margin-top:-10px;
    position:absolute;
    top:-10px;
    left:1px;
    font-weight:bolder;
}



@keyframes rollIn {
  to {
    opacity: 1;
    transform: translateX(0) rotate(0deg);
  }
}



.hero-text-center.style-1 {
    /* position: absolute; */
    /* text-align: left; */
    /* margin: 0px 0px 0px 40px; */
}

.style-1 p.hero-body {
    /* max-width: 307px; */
}

.style-1 .style-btn-hero {
    margin: 0;
}

section.nalino-slider-section.hero-image-enabled {
    height: 100%;
	z-index:9; 
}

.nalino-slider-item.hero-image-full {
    height: 100%;
}
.nalino-slider-item.hero-image-full video ,
.nalino-slider-item.hero-image-full img {
    margin-top: 0;
  animation: kenburns 15s ease-in-out infinite;
  transform:scale(1);
}

@keyframes kenburns {
  0% {
    transform: scale(1);
  }
	30% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1.05);
  }
}






.nalino-slider-item.hero-image-full video {
    width: 100%;
    height: auto;
    object-fit: cover;
}





























   

@media (max-width: 1080px) {
    body .nalino-slider-content.wrap-box.hero-text-center.style-1 em {
    font-size: 1.050em;
}
body .nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-title {
    font-size: 2.925em;

}
body .nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-body {
    font-size: 0.9em;
}   
body .nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-button.nalino-button.shop-now.style-1.nalino-glow,
body .nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-button.shop-now.style-1.nalino-glow {
    font-size: 0.85rem;
}
body .nalino-slider-content.wrap-box.hero-text-center.style-1 {
        max-width: 450px;
}

}
















































/* Slideshow container next section features visible
.nalino-slider.hero-grid {
    position: relative;
    z-index: 9;
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    max-height: 800px;
    overflow: hidden;
}*/

/* Background image  50 50 box
.nalino-slider-item.hero-image-full {
    position: relative;
    width: 100%;
    height: 100%;
}*/

.nalino-slider-item.hero-image-full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    animation: zoom-out 1s cubic-bezier(0, 0, 0.3, 1) both;
}

/* Text overlay */
.nalino-slider-content.wrap-box.hero-text-center.style-1 {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    padding: 5rem 1.5rem 3rem;
    max-width: 90%;
    margin: 0 auto;
    animation: fade-up 0.5s cubic-bezier(0, 0, 0.3, 1) both;
    justify-content: center;
}

@media (min-width: 768px) {
    .nalino-slider-content.wrap-box.hero-text-center.style-1 {
        padding: 5rem 2rem;
        align-items: flex-start;
        margin-left: 7.5%;
        max-width: 35%;
    }
}

/* Subtitle (em) */
.nalino-slider-content.wrap-box.hero-text-center.style-1 em {
    font-size: 1.250em;
    font-weight: 500;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    animation: fade-up 0.7s cubic-bezier(0, 0, 0.3, 1) 0.075s both;
    text-align: center;
    font-style: normal;
    text-transform:uppercase;
    line-height:26px;
    font-weight: 600;
}

/* Title */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-title {
    font-size: 4.125em;
    font-weight: 500;
    line-height: 1.2;
    color: #000;
    margin-bottom: 2rem;
    text-transform: capitalize;
    text-align: center;
    animation: fade-up 0.7s cubic-bezier(0, 0, 0.3, 1) 0.225s both;
    letter-spacing: unset;
    margin-top: 4px;
}

/* Description */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-body {
    font-size: 1.250em;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 2.5rem;
    text-align: center;
	line-height:26px;
    animation: fade-up 0.7s cubic-bezier(0, 0, 0.3, 1) 0.45s both;
}

@media (min-width: 768px) {
    .nalino-slider-content.wrap-box.hero-text-center.style-1 em,
    .nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-title,
    .nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-body {
        text-align: left;
    }
}

/* Buttons container */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-glow-wrap.hero {
    display: inline-flex;
    animation: fade-up 0.7s cubic-bezier(0, 0, 0.3, 1) 0.675s both;
}

/* Button styles */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-button.shop-now.style-1.nalino-glow {
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 0.9rem;
    width: unset;
    height: 40px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    line-height: 1;
    text-align: center;
    padding-left: 2.6rem;
    padding-right: 2.6rem;
    letter-spacing: .063rem;
	    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

/* Shop Now button (equivalent to btn--shop) */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-button.nalino-button.shop-now.style-1.nalino-glow {
    background: #000;
    color: #fff;
    border: none;
    font-size: 12px;
    font-weight: 500;
    margin: 0 0.5rem !important;
}

/* Kolleksioonid button (equivalent to btn--explore) */
.nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-button.shop-now.style-1.nalino-glow:not(.hero-button) {
    border: 2px solid #000;
    background: transparent;
    color: #000;
}



.nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-button.shop-now.style-1.nalino-glow:hover span {
    animation: jink 0.5s ease forwards;
}

/* Animation keyframes */
@keyframes fade-up {
    from { opacity: 0; transform: translateY(1rem); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes zoom-out {
    from { transform: scale(1.1); }
    to { transform: scale(1); }
}

@keyframes jink {
    0% { transform: translateY(0); }
    33% { transform: translateY(-10px); }
    66% { transform: translateY(10px); }
    100% { transform: translateY(0); }
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Reem+Kufi+Fun:wght@400..700&display=swap');


.cormorant-<uniquifier> {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;


}

@font-face {
  font-family: 'Jost';
  src: url('/wp-content/themes/botiga-1749475845-via-wpturbo/assets/font/Jost-Regular-BF63dc52d2b8031.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
	
}


.nalino-slider-content em {
     font-family: 'Jost', sans-serif;
}

.nalino-slider-content.wrap-box.hero-text-center.style-1 > h2{
      font-family: "Cormorant", serif;
}

.nalino-slider-content p.hero-body {
     font-family: 'Jost', sans-serif !important;
     text-transform: unset;
     letter-spacing: unset;
}

.nalino-slider-content .wrap-hero-cta .hero a {
    font-family: 'Jost', sans-serif;
	text-transform: uppercase;
	 font-weight: 500;
}














/* hero color style 2*/

.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-body,
.nalino-slider-content.wrap-box.hero-text-center.style-1 em {
    color:var(--primary-forground);
}

.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-title {
      color: var(--text-primary);
}

.nalino-slider-content.wrap-box.hero-text-center.style-1 .nalino-button.shop-now.style-1.nalino-glow:not(.hero-button) {
    border: 2px solid var(--text-primary);
    background: transparent;
    color: var(--text-primary);
}

.nalino-slider-content.wrap-box.hero-text-center.style-1 .hero-button.nalino-button.shop-now.style-1.nalino-glow {
     background: var(--text-primary);
}



































/* font awesome */

/* Solid */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  src: url("/wp-content/themes/botiga-1749475845-via-wpturbo/css/fa/fa-solid-900.woff2") format("woff2");
}








































/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}