body, html {
     height: 100%;
     margin: 0;
     font-family: "Raleway", sans-serif;
     font-weight: 600;
}
 .category-carousel {
     margin: 15px auto;
     padding: 15px 0;
}
 .category-card {
     position: relative;
     overflow: hidden;
     text-align: center;
     border-radius: 10px;
     transition: transform 0.3s ease;
}
 .category-card img {
     width: 100%;
     height: 275px;
     object-fit: cover;
     border-radius: 10px;
}
 .card-content {
     position: absolute;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
     width: 100%;
     padding: 10px;
     color: #fff;
     font-size: 18px;
     font-weight: bold;
}
 .category-card:hover {
     transform: scale(1.05);
}
 .section-header {
     text-align: center;
     margin-bottom: 20px;
}
 .section-header h2 {
     font-size: 32px;
     font-weight: bold;
     margin-bottom: 5px;
     color: #333;
}
 .section-header p {
     font-size: 16px;
     color: #777;
}
/* Section-wide styling */
 .wide-container {
     max-width: 1400px;
    /* Wider than a standard container */
     margin: 0 auto;
}
 .slider-container {
     display: flex;
     align-items: center;
     justify-content: center;
     position: relative;
     overflow: hidden;
}
 .slider {
     display: flex;
     gap: 15px;
     overflow: hidden;
     width: calc(100% - 100px);
     scroll-behavior: smooth;
}
 .item-card {
     flex: none;
     width: 240px;
     height: 450px;
     border: 1px solid #ddd;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     transition: transform 0.3s ease;
     margin-bottom:50px;
}
 .item-card img {
     width: 240px;
     height: 280px;
     object-fit: cover;
}
 .item-details {
     padding: 10px;
     text-align: center;
}
 .item-details h3 {
     font-size: 16px;
     font-weight: bold;
     margin: 5px 0px;
     height:35px;
     overflow:hidden;
}
 .item-details p {
     font-size: 16px;
     color: #777;
     font-weight:bold;
}
 .slider-arrow {
     background-color: #333;
     color: #fff;
     border: none;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
}
 .left-arrow {
     left: 10px;
}
 .right-arrow {
     right: 10px;
}
 .slider-arrow:hover {
     background-color: #555;
}
 .item-card:hover {
     transform: scale(1.05);
}
 .new-arrivals {
     margin: 40px auto;
}
 .new-arrivals-container {
     max-width: 1400px;
     margin: 0 auto;
}
 .new-arrivals-header h2 {
     font-size: 32px;
     font-weight: bold;
     margin-bottom: 20px;
     text-align: center;
     color: #333;
}
/* Slider Container */
 .new-arrivals-slider-container {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
}
 .new-arrivals-slider {
     display: grid;
     grid-template-columns: repeat(14, 1fr);
    /* Ensure enough columns for scrolling */
     gap: 15px;
     overflow: hidden;
    /* Prevent overflow outside the slider area */
}
/* Individual Cards */
 .new-arrivals-card {
     flex: none;
     width: 180px;
    /* Smaller card size */
     height: 280px;
     border: 1px solid #ddd;
     border-radius: 10px;
     overflow: hidden;
     transition: transform 0.3s ease;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     background-color: #fff;
}
 .new-arrivals-card img {
     width: 180px;
     height: 180px;
     object-fit: cover;
}
 .card-details {
     padding: 10px;
     text-align: center;
}
 .card-details h3 {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 5px;
}
 .card-details p {
     font-size: 14px;
     color: #777;
}
/* Navigation Arrows */
 .new-arrivals-arrow {
     background-color: #333;
     color: #fff;
     border: none;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 10;
}
 .new-arrivals-arrow.left-arrow {
     left: 10px;
}
 .new-arrivals-arrow.right-arrow {
     right: 10px;
}
 .new-arrivals-arrow:hover {
     background-color: #555;
}
 .new-arrivals-card:hover {
     transform: scale(1.05);
}
/* Responsive Design */
 @media screen and (max-width: 768px) {
     .new-arrivals-slider {
         grid-template-columns: repeat(7, 1fr);
        /* Show 1 row on smaller screens */
    }
     .new-arrivals-card {
         width: 150px;
         height: 240px;
    }
     .new-arrivals-card img {
         width: 150px;
         height: 150px;
    }
}
 .offer-ecard {
     flex: none;
     height: 280px;
     border: 1px solid #ddd;
     border-radius: 10px;
     overflow: hidden;
     transition: transform 0.3s ease;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     background-color: #fff;
}
 .offer-ecard h3{
     margin-top:5px;
     height:30px;
    overflow:hidden;
}
 .offer-ecard img {
     width: 180px;
     height: 180px;
     object-fit: cover;
}
 .offer-ecard:hover{
    transform: scale(1.05);
}
 .offers-carousel .offer-item {
     height: 60rem;
     background: #fff;
     text-align: center;
}
 .offers-carousel .offer-item .offer-ecard, .newarrivals-carousel .offer-item .offer-ecard{
     height: 28rem;
     margin: 1rem;
     margin-bottom:25px;
}
 .sales-badge {
     background-color: #e74c3c;
     color: #fff;
     font-size: 0.9em;
     padding: 2px 8px;
     border-radius: 5px;
     text-transform: uppercase;
     font-weight: bold;
     position:absolute;
     top:0px;
    left:0px;
}
 .new-price {
     animation: glow 1.5s infinite alternate;
    font-size:16px;
}
 .old-price{
    font-size:12px
}
 @keyframes glow {
     from {
         text-shadow: 0 0 5px #f39c12, 0 0 10px #e74c3c, 0 0 15px #e74c3c;
    }
     to {
         text-shadow: 0 0 10px #f39c12, 0 0 20px #e74c3c, 0 0 30px #e74c3c;
    }
}
 .offer-ecard{
    position:relative;
}
 .item-card-best-sellers{
     border: 1px solid #ddd;
     border-radius: 10px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     height:385px;
     overflow: hidden;
     transition: transform 0.3s ease;
     margin-bottom: 50px;
}
 .item-card-best-sellers img {
     width: 240px;
     height: 280px;
     object-fit: cover;
}
 .price{
    font-size:16px;
    font-weight:bold;
}
 .item-price{
    font-family: "Montserrat", sans-serif;
}
 .pcardlinks, .pcardlinks:visited, .pcardlinks:active, .pcardlinks:hover {
     color: black;
     text-decoration: none;
}