.category-swiper-011 {
  overflow: hidden !important;
}

	.shop-card .product-tag_02	.pos_relative_setting{
				    	position: absolute;
					top: 30px !important;
					left: 30px;
					z-index: 1;
				}

/* Desktop & Laptop: 992px and above */
@media (min-width: 992px) {
  .shop-card .dz-media img {
    height: 432px;
    object-fit: cover;
  }
}

/* Mobile: up to 767px */
@media (max-width: 767px) {
  .shop-card .dz-media img {
    height: 245px !important;
    object-fit: cover;
  }
}

.category-swiper-011 .swiper-slide {
  margin: 0 !important;
  padding: 0 !important;
}
.category-item {
  margin: 0 auto;
}

    .br-radius-10{
        border-radius: 10px;
    }
    .price{
        color: #e32688 !important;
        /*color: #a60c0c !important;*/
    }

/* Make all carousel items equal height using flexbox */
.ss1 .slick-track {
    display: flex !important;
    align-items: stretch;
}

.ss1 .slick-slide {
    height: auto;
    display: flex !important;
}

.ss1 .slick-slide > div {
    width: 100%;
    display: flex;
}

/* Make shop cards flex containers with equal height */
.ss1 .shop-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
}

/* Make content area flexible */
.ss1 .dz-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 8px;
    padding-bottom: 8px;
    flex-grow: 1;
}

/* Product name container - fixed height approach */
.ss1 .dz-content .title {
    min-height: 2.5em; /* Adjust based on your font size */
    display: flex;
    align-items: flex-start;
    line-height: 1.25;
}

/* Alternative: Multi-line text with consistent height */
.ss1 .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Show maximum 2 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
 
    max-height: 2.4em;
}

/* Push review section to bottom */
.ss1 .review-num {
    margin-top: auto;
    margin-bottom: 0;
}

/* Reduce padding in carousel items */
.ss1 .col-md-3 {
    padding-left: 6px;
    padding-right: 6px;
}

    /* Product name display styles */
.product-name {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* Default style for larger screens - show full product name */
.overflow-text {
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Show up to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Mobile style - limit product name length */
@media screen and (max-width: 767px) {
    .ss1 .dz-content .title{
           min-height: 0.1em !important;
    }
    .shop-container-1 {
        margin-top: 0px !important;
    }
  .overflow-text {
    white-space: nowrap;
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
  }
  
  /* This class will be added via JavaScript */
  .truncated-mobile {
    max-width: 100%;
  }
}
    
    .prev,.next{
        display: none !important;
    }
     .shop-card  .babyDress {
    text-align: start;
    background-color: transparent;
    padding: 10px 0;
}
    		@media screen and (max-width:600px) {
    		        .shop-card .d-sm-gridd {
     padding-top: 10px !important;
     padding-bottom:0px !important;
     padding-left: 0px !important;
     padding-right: 0px !important;
    }

    		    .d-sm-gridd{display:grid !important}
    		    .d-sm-w100{
    		       width: 100% !important;
    		    }
    		    .text-right-sm{
    		        text-align: left !important;
    		    }
    		   
    		  .pt-sm-30{
    		      padding-top: 30px !important;
    		  }
    		    .feature-text{
    		        font-size: 12px !important;
    		    }
    		    .nav-btn {
    		        display: none !important;
    		    }
    		    .brand-1{
    		        font-size: 20px !important;
    		    }
    		    .category-title {
    text-align: center;
    margin-top: 10px;
    font-size: 12px !important;
    font-weight: 500;
}
    		     .myswiper {
    width: 100% !important;
    gap: 10px;
}
    .font-3xl-bold {
        font-size: 20px;
        line-height: 23px !important;
    }
    .heading-banner .text-up {
        font-size: 24px !important;
        line-height: 6px !important;
    }
p{
    font-size: 12px !important;
}
footer a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.3s;
    font-size: 12px !important;
}
.right-slider{
    margin-top: 10px;
}

.swiper-slide {
    /*width: auto !important;*/
}
		           .category-icon {
        width: 90px !important;
        height: 90px !important;
    }
    .textEndhead{
        text-align: left !important;
    }
    .nav-tabs .nav-link {
    padding: 14px !important;
        
    }
    .shop-card .price {
        padding-top: 5px !important;
    }
    .nav-tabs.home_index .nav-link {
    border: unset !important;
     padding: 10px !important;
     font-size: 13px !important;
}
.overflow-text {
    font-size: 11px !important;
}
.base-color {
    font-size: 9px;
}
   .shop-card:hover .shop-meta .meta-icon {
    display: none !important;
    bottom: -10px;
  }
    .benefits-banner .container {

     padding: 0px  20px!important; 
    border-radius: 20px;
     padding-bottom: 0px !important; 
}
    		}
    .wactive {
    /*background: #a60c0c !important ;*/
    background: #66388b !important ;
    
}
    .category-icon img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.category-title {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
}
.category-item {
    text-align: center;
}

    .offerImage.offer{
     background-color:black;width:100%;height:100%;flex-direction: column;
    }
    .swiper-slide {
   
    height: 100%; /* Ensures uniform height */
}

.fws strong{
    font-weight: 800 !important;
    font-size: 14px !important;
}

.border {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 195px; /* Matches image height */
}
    .offerImage{
        border-radius:10px !important;
    }
    .borderflex{
        
        /*background-image: url("{{ asset('assets/imagess/Membership.jpg') }}");*/
        display:flex;
        height:auto;
        align-items:center;
        background-color:black;
        padding:20px 70px;
        height:150px;
        border-radius:5px;
    }
    .carousel-inner{
    height:82vh;
    }
    .carousel-inner .carousel-item{
        height:100%;
        object-fit:cover;
    }
    .carousel-inner .carousel-item img{
        height:100%;
        object-fit:cover;
    }
    .base-color{
        color:#000;
    }
    .textEnd{
        text-align:end;
    }

        /* Media query for small screens (max-width: 575px) */
        @media only screen and (min-width: 768px) and (max-width: 1024px)  {
            .carousel-inner{
                height:42vh;
            }
        }
        @media only screen and (max-width: 575px) {
             .box-section-4 {
        background-image: none;
    }
                        .card-style {
    border: 1px solid #d6dfe1;
    padding: 0 7px;
    border-radius: 10px !important;
    padding-top: 7px;
    padding-bottom: 4px;
}
            .shop-now-btn {
    background-color: #9a72c2;
    color: white;
    border: none;
    padding: 9px 16px !important;
                font-size: 12px !important;
            }
            .borderflex{
                height:auto !important;
                padding:20px !important;
            }
            .textEnd , .textEndpara , .textEndhead{
                text-align:center ;
            }
            
            .paddingSmall{
                padding:2px !important;
            }
            .nav-link.active{
                font-size:12px !important;
            }
            .shop-card .pname-pad-sm {
                padding: 0px !important;
                padding-top:10px !important;
                text-align: left;
            }
                .shop-card .price-pad-sm{
        padding: 2px 0px !important;
    }
            .carousel-item img , .carousel-item video{
                                                height:75vh !important;
                                                width:100%;
                                                object-fit:cover;
                                             }
        }
        
        /* Media query for medium screens (max-width: 1199px) */
        @media only screen and (max-width: 700px) {
         .fs_13{
        font-size: 13px !important;
    }   

        }
        @media only screen and (max-width: 1199px) {
            .shop-card .dz-content {
                padding: 15px 12px;
            }
                .offerImage {
    width: 100%;
    height: 195px; /* Ensure uniform image height */
    object-fit: cover;
}
        }
        
        .product-name {
            display: inline-block;
            max-width: 100%;  /* Ensure it fills the available space */
            /* Prevent the text from wrapping */
            overflow: hidden;  /* Hide text that overflows */
            text-overflow: ellipsis;  /* Show ellipsis (...) for truncated text */
            transition: all 0.3s ease-in-out;
        }
        .shop-card:hover .product-name {
            white-space: normal;  /* Allow text to wrap */
            overflow: visible;  /* Make the full name visible */
            text-overflow: unset;  /* Remove the ellipsis */
        }
		.slick-carousel {
			margin-left: -10px; /* Compensate for the added margin on the items */
			margin-right: -10px;
		}
		
			.login-area{
				width: 520px;
			}
			
			@media screen and (min-width:650px) and (max-width:780px) {
					.productStyle{
					padding:4px !important;
					
				}
			}
			@media screen and (max-width:500px) {
			 
				.login-area{
					width: 330px;
				}.shop-card .dz-media img{
					height: 269px;
				}
				.shoplatest{
				    height: 550px !important;
				}
				.image-height img{
					height:200px !important;
					object-fit:cover;
				}
			.productStyle{
					padding:3px !important;
					/*padding-top:9px !important;*/
				}
				.shop-card .product-tag_01 .fill_badge{
					top:15px !important;
				}  .nav-tabs.home_index{
			/*justify-content: Start !important;*/
			justify-content: space-between !important;
		  }
			}
			.nav-tabs.home_index .nav-item.show .nav-link, .nav-tabs .nav-link.active{
			 outline: unset !important;
			 border-color: unset !important;
			 font-size: 13spx !important;
		  }
		  .nav-tabs.home_index .nav-link{
			 border: unset !important;
		  }
		  .nav-tabs.home_index{
			justify-content: end;
		  }
		  .nav-tabs.home_index{
			border: unset !important;
			display: flex;
		  }
		  .categoryImage{
			height: 480px;
		  }
		  .fill_badge{
				padding: 5px 15px;
				background-color: #ffff;
				color: #53C258;
				font-family: var(--font-family-title);
				font-size: 12px;
				min-width: 22px;
				min-height: 22px;
				line-height: 18px;
				text-transform: uppercase;
				text-align: center;
				font-weight: 600;
				border-radius: 30px;
				transition: 0.5s;
			}
			.fill_badge:hover{
				background-color: #ffff;
				color: #53C258;
			}
			.btn_done{
				background-color: black;
				color: white;
				border: none;
				outline: none;
				width: 100%;
				padding: 10px; 
			}
			.btn_clear{
				background-color: unset;
				color: black;
				border: 1px solid #ccc;
				outline: none;
				width: 100%;
				padding: 10px 20px;
			}
				.shop-card .product-tag_01 .fill_badge{
					position: absolute;
					top: 30px;
					left: 30px;
					z-index: 1;
				}
				
				
				.shop-card .product-tag_02 .fill_badge{
					position: absolute;
					top: 30px;
					left: 30px;
					z-index: 1;
				}
			.shop-card .product-tag_02	.pos_relative_setting{
				    	position: absolute;
					top: 15px !important;
					left: 30px;
					z-index: 1;
				}
				.shop-card .product-tag {
					position: absolute;
					top: 300px;
					left: 15px;
					width: auto;
					display: flex;
					align-items: center;
					justify-content: space-between;
				}
	
				.banner-container {
				width: 100%;
				height: 350px;
				background: linear-gradient(to right, #f0e7e3, #b6b1a8);
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 40px;
				overflow: hidden;
				position: relative;
			}
	
			.model-section {
				flex: 1;
				display: flex;
				align-items: center;
			}
	
			.model-image {
				width: 500px;
				height: 350px;
				object-fit: cover;
				transition: transform 0.3s ease;
			}
	
			.model-image:hover {
				transform: scale(1.05);
			}
	
			.text-section {
				flex: 2;
				text-align: center;
				padding: 20px;
			}
	
			.sale-tag {
				color: #000	;
				font-size: 18px;
				margin-bottom: 10px;
				font-weight: 500;
			}
	
			.sale-heading {
				font-size: 50px;
				font-weight: bold;
				margin: 15px 0;
				color: #fff;
			}
	
			.shop-button {
				background-color: #000;
				color: white;
				border: none;
				padding: 12px 30px;
				border-radius: 25px;
				font-size: 16px;
				cursor: pointer;
				transition: all 0.3s ease;
				text-transform: uppercase;
				margin-top: 20px;
			}
	
			.shop-button:hover {
				background-color: #000;
				transform: translateY(-2px);
				box-shadow: 0 5px 15px rgba(255, 255, 255, 0.6);
			}
			.product-image{
				height: 350px;
				width: 400px;
			}
	
			/* .product-image:hover {
				transform: rotate(0deg) scale(1.1);
			} */
	
			@media (max-width: 1024px) {
			    	.sale-heading {
					font-size: 28px !important;
				}
			
				.model-image{
					height: 200px !important;
				}
				
			}
			@media (max-width: 768px) {
				.banner-container {
					flex-direction: column;
					height: auto;
					padding: 0px;
				}
	.text-section{
				    padding: 80px 50px;
				}
				/*.model-image{*/
				/*	width: 200px;*/
				/*}*/
			.product-image {
				width:100%;
				height:100%
			}
				.sale-heading {
					/*font-size: 28px !important;*/
				}
			}	
	
			.image-height img{
				height: 250px;
				width: 100%;
				border-radius: 5px;
				object-fit:cover;
			}
			
			/* Mobile viewport height fixes */
@media (max-width: 767.98px) {
    /* Fix for mobile viewport height issues */
    .page-wraper {
        min-height: 100vh !important;
        min-height: -webkit-fill-available !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    /* Navbar mobile styling */
    .navbar {
        flex-shrink: 0 !important;
        position: relative !important;
        z-index: 1030 !important;
    }
    
    /* Carousel container - takes remaining space */
    #carouselExampleFade {
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        min-height: calc(100vh - 56px - 70px) !important; /* Subtract navbar height and footer height */
        min-height: calc(-webkit-fill-available - 56px - 70px) !important;
        max-height: calc(100vh - 56px - 70px) !important;
    }
    
    /* Carousel inner takes full height */
    #carouselExampleFade .carousel-inner {
        flex: 1 !important;
        height: 100% !important;
    }
    
    /* Carousel items take full height */
    #carouselExampleFade .carousel-item {
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Images in carousel */
    #carouselExampleFade .carousel-item img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    /* Specific fix for iPhone Safari */
    @supports (-webkit-touch-callout: none) {
        .page-wraper {
            min-height: -webkit-fill-available !important;
        }
        
        #carouselExampleFade {
            min-height: calc(-webkit-fill-available - 56px - 70px) !important;
            max-height: calc(-webkit-fill-available - 56px - 70px) !important;
        }
    }
}

/* iPhone X and newer with notch */
@media (max-width: 767.98px) and (orientation: portrait) {
    .page-wraper {
        min-height: 100vh !important;
        min-height: env(safe-area-inset-top) + 100vh !important;
        padding-top: env(safe-area-inset-top) !important;
    }
    
    #carouselExampleFade {
        min-height: calc(100vh - 56px - 70px - env(safe-area-inset-top)) !important;
        max-height: calc(100vh - 56px - 70px - env(safe-area-inset-top)) !important;
    }
}

/* Landscape mode for mobile */
@media (max-width: 767.98px) and (orientation: landscape) {
    #carouselExampleFade {
        min-height: calc(100vh - 56px - 70px) !important;
        max-height: calc(100vh - 56px - 70px) !important;
    }
}

 .responsive-banner-1 {
    width: 100%;
    height: auto;
}

/* Change image for mobile */
@media (max-width: 768px) {
    .responsive-banner-1 {
        content: url('../../assets/imagess/MOBILESCREEN_CHILDD.png') !important;
    }
}
.ss1 .col-md-3 {
    padding-left: 6px;
    padding-right: 6px;
}

/* Reduce internal padding in card */
.ss1 .shop-card {
    padding: 15px;
}

/* Reduce spacing between content sections */
.ss1 .dz-content {
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Make review section more compact */
.ss1 .review-num {
    margin-top: 0;
    margin-bottom: 0;
}

 .responsive-banner {
    width: 100%;
    height: auto;
}

/* Swap image for mobile using CSS */
@media (max-width: 768px) {
    .responsive-banner {
        content: url('../images/PHONE_SCREEN_08.jpg') !important;
    }
}

   @media (max-width: 768px) {
    .box-subscriber-2 {
        background-image: url(../images/PHONE_SCREEN_06.jpg) !important;
    }
}