.elementor-79 .elementor-element.elementor-element-3b8217a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-6909325{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-6909325:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-6909325 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-79 .elementor-element.elementor-element-f9d0016{--spacer-size:1px;}.elementor-79 .elementor-element.elementor-element-4fc32e5{--display:flex;--z-index:2;}.elementor-79 .elementor-element.elementor-element-4fc32e5:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-4fc32e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-79 .elementor-element.elementor-element-8044c89 > .elementor-widget-container{margin:0px 0px -17px 0px;}.elementor-79 .elementor-element.elementor-element-8044c89 .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-79 .elementor-element.elementor-element-b487f70{--display:grid;--e-con-grid-template-columns:repeat(9, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-79 .elementor-element.elementor-element-a6f8bd7 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-a6f8bd7 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-fd74488 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-fd74488 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-1d1c385 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-1d1c385 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-ebd3421 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-ebd3421 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-3e94de7 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-3e94de7 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-79bd812 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-79bd812 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-7e7eda1 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-7e7eda1 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-2d48277 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-2d48277 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-6d29bb9 img{border-radius:50px 50px 50px 50px;}.elementor-79 .elementor-element.elementor-element-6d29bb9 .widget-image-caption{font-family:"Poppins", Sans-serif;font-weight:400;margin-block-start:23px;}.elementor-79 .elementor-element.elementor-element-83a29fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-83a29fc:not(.elementor-motion-effects-element-type-background), .elementor-79 .elementor-element.elementor-element-83a29fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-79 .elementor-element.elementor-element-19a3e61{--spacer-size:1px;}.elementor-79 .elementor-element.elementor-element-4d2bc98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-88f5870 > .elementor-widget-container{margin:0px 0px -17px 0px;}.elementor-79 .elementor-element.elementor-element-88f5870 .elementor-heading-title{font-size:28px;font-weight:500;}.elementor-79 .elementor-element.elementor-element-8dff555{--display:grid;--min-height:300px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-79 .elementor-element.elementor-element-367eca5{--display:flex;--border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-367eca5:hover{--border-radius:13px 13px 13px 13px;--border-top-left-radius:13px;--border-top-right-radius:13px;--border-bottom-right-radius:13px;--border-bottom-left-radius:13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-367eca5, .elementor-79 .elementor-element.elementor-element-367eca5::before{--border-transition:0.3s;}.elementor-79 .elementor-element.elementor-element-029d19e img{border-radius:0px 0px 0px 0px;}.elementor-79 .elementor-element.elementor-element-029d19e .widget-image-caption{font-size:18px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-79 .elementor-element.elementor-element-d3556fb{--display:flex;--border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-d3556fb:hover{--border-radius:13px 13px 13px 13px;--border-top-left-radius:13px;--border-top-right-radius:13px;--border-bottom-right-radius:13px;--border-bottom-left-radius:13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-d3556fb, .elementor-79 .elementor-element.elementor-element-d3556fb::before{--border-transition:0.3s;}.elementor-79 .elementor-element.elementor-element-868a7fe img{border-radius:0px 0px 0px 0px;}.elementor-79 .elementor-element.elementor-element-868a7fe .widget-image-caption{font-size:18px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-79 .elementor-element.elementor-element-7871fad{--display:flex;--border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-7871fad:hover{--border-radius:13px 13px 13px 13px;--border-top-left-radius:13px;--border-top-right-radius:13px;--border-bottom-right-radius:13px;--border-bottom-left-radius:13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-7871fad, .elementor-79 .elementor-element.elementor-element-7871fad::before{--border-transition:0.3s;}.elementor-79 .elementor-element.elementor-element-50caa31 img{border-radius:0px 0px 0px 0px;}.elementor-79 .elementor-element.elementor-element-50caa31 .widget-image-caption{font-size:18px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-79 .elementor-element.elementor-element-4a74181{--display:flex;--border-radius:13px 13px 13px 13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-4a74181:hover{--border-radius:13px 13px 13px 13px;--border-top-left-radius:13px;--border-top-right-radius:13px;--border-bottom-right-radius:13px;--border-bottom-left-radius:13px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-79 .elementor-element.elementor-element-4a74181, .elementor-79 .elementor-element.elementor-element-4a74181::before{--border-transition:0.3s;}.elementor-79 .elementor-element.elementor-element-8927711 img{border-radius:0px 0px 0px 0px;}.elementor-79 .elementor-element.elementor-element-8927711 .widget-image-caption{font-size:18px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-79 .elementor-element.elementor-element-e056358{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-ca1c416{--spacer-size:1px;}.elementor-79 .elementor-element.elementor-element-6dba42d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-79 .elementor-element.elementor-element-420ab26 > .elementor-widget-container{margin:0px 0px -17px 0px;}.elementor-79 .elementor-element.elementor-element-420ab26 .elementor-heading-title{font-size:28px;font-weight:500;}body.elementor-page-79:not(.elementor-motion-effects-element-type-background), body.elementor-page-79 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}@media(max-width:1024px){.elementor-79 .elementor-element.elementor-element-b487f70{--grid-auto-flow:row;}.elementor-79 .elementor-element.elementor-element-8dff555{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-79 .elementor-element.elementor-element-4fc32e5{--width:90%;}.elementor-79 .elementor-element.elementor-element-b487f70{--width:90%;}.elementor-79 .elementor-element.elementor-element-4d2bc98{--width:90%;}.elementor-79 .elementor-element.elementor-element-8dff555{--width:90%;}.elementor-79 .elementor-element.elementor-element-6dba42d{--width:90%;}}@media(max-width:767px){.elementor-79 .elementor-element.elementor-element-b487f70{--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-79 .elementor-element.elementor-element-a6f8bd7 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-fd74488 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-1d1c385 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-ebd3421 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-3e94de7 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-79bd812 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-7e7eda1 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-2d48277 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-6d29bb9 .widget-image-caption{font-size:12px;margin-block-start:8px;}.elementor-79 .elementor-element.elementor-element-8dff555{--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-2aef3f4 *//* Banner Container */
.banner-container {
    display: flex;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Left Banners Column */
.left-banners {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Individual Banners Common Styles */
.small-banner,
.main-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
}

/* Small Banners */
.small-banner {
    height: 200px;
}

/* Main Banner */
.main-banner {
    flex: 2;
    height: 420px;
}

/* Banner Content Overlay */
.banner-content {
    position: absolute;
    z-index: 2;
    color: white;
    padding: 20px;
}

/* Small Banner Content Positioning */
.small-banner .banner-content {
    bottom: 20px;
    left: 20px;
}

/* Main Banner Content Positioning */
.main-banner .banner-content {
    bottom: 40px;
    left: 40px;
}

/* Text Styling */
.banner-content h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    font-weight: 600;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.banner-content h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    font-weight: 500;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Button Styling */
.banner-button {
    display: inline-block;
    padding: 12px 25px;
    background: #2F80ED;
    color: white !important;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.main-button {
    padding: 15px 35px;
    font-size: 1.1rem;
    background: #FF4757;
}

/* Hover Effects */
.banner-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.banner-button:hover {
    background: #256FBF;
}

.main-button:hover {
    background: #E84142;
}

/* Overlay Effect */
.banner-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.0));
}

/* Responsive Design */
@media (max-width: 768px) {
    .banner-container {
        flex-direction: column;
    }

    .main-banner {
        height: 400px !important;
    }

    .banner-content h1 {
        font-size: 2rem;
    }

    .banner-content h2 {
        font-size: 1.4rem;
    }

    .main-button {
        padding: 12px 25px;
    }
}

@media (max-width: 480px) {
    .banner-content {
        padding: 15px;
    }
    
    .banner-content h1 {
        font-size: 1.75rem;
    }
}
.small-banner,
.main-banner {
    background-image: url('https://harbazar.com/wp-content/uploads/2025/03/homev3-slider1.webp');
    background-size: cover;
    background-repeat: no-repeat;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8044c89 */.slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.slide {
  flex: 0 0 auto;
  width: 33.333%; /* 3 columns visible */
  scroll-snap-align: start;
  padding: 10px;
  box-sizing: border-box;
}

.slide-content {
  background: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  padding: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-83a29fc */.slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.slide {
  flex: 0 0 auto;
  width: 33.333%; /* 3 columns visible */
  scroll-snap-align: start;
  padding: 10px;
  box-sizing: border-box;
}

.slide-content {
  background: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  padding: 20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-88f5870 */.slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.slide {
  flex: 0 0 auto;
  width: 33.333%; /* 3 columns visible */
  scroll-snap-align: start;
  padding: 10px;
  box-sizing: border-box;
}

.slide-content {
  background: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  padding: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-367eca5 */.get-animate {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.get-animate:hover {
    transform: translateY(-5px) scale(1.05) rotate(1deg);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

/* Gradient Border Glow */
.get-animate::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, #00c6ff, #0072ff, #ff00ff);
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;  /* FIXED: Now it won't block the link */
}

.get-animate:hover::before {
    opacity: 1;
}

/* Inner Shine Effect */
.get-animate::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 10%, transparent 70%);
    transition: transform 0.5s ease-in-out;
    pointer-events: none; /* FIXED: Click issue resolved */
}

.get-animate:hover::after {
    transform: translate(50%, 50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3556fb */.get-animate {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.get-animate:hover {
    transform: translateY(-5px) scale(1.05) rotate(1deg);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

/* Gradient Border Glow */
.get-animate::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, #00c6ff, #0072ff, #ff00ff);
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;  /* FIXED: Now it won't block the link */
}

.get-animate:hover::before {
    opacity: 1;
}

/* Inner Shine Effect */
.get-animate::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 10%, transparent 70%);
    transition: transform 0.5s ease-in-out;
    pointer-events: none; /* FIXED: Click issue resolved */
}

.get-animate:hover::after {
    transform: translate(50%, 50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7871fad */.get-animate {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.get-animate:hover {
    transform: translateY(-5px) scale(1.05) rotate(1deg);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

/* Gradient Border Glow */
.get-animate::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, #00c6ff, #0072ff, #ff00ff);
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;  /* FIXED: Now it won't block the link */
}

.get-animate:hover::before {
    opacity: 1;
}

/* Inner Shine Effect */
.get-animate::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 10%, transparent 70%);
    transition: transform 0.5s ease-in-out;
    pointer-events: none; /* FIXED: Click issue resolved */
}

.get-animate:hover::after {
    transform: translate(50%, 50%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a74181 */.get-animate {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.get-animate:hover {
    transform: translateY(-5px) scale(1.05) rotate(1deg);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25);
}

/* Gradient Border Glow */
.get-animate::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(45deg, #00c6ff, #0072ff, #ff00ff);
    border-radius: 12px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    pointer-events: none;  /* FIXED: Now it won't block the link */
}

.get-animate:hover::before {
    opacity: 1;
}

/* Inner Shine Effect */
.get-animate::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 250%;
    height: 250%;
    background: radial-gradient(circle, rgba(255,255,255,0.2) 10%, transparent 70%);
    transition: transform 0.5s ease-in-out;
    pointer-events: none; /* FIXED: Click issue resolved */
}

.get-animate:hover::after {
    transform: translate(50%, 50%);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-420ab26 */.slider {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.slide {
  flex: 0 0 auto;
  width: 33.333%; /* 3 columns visible */
  scroll-snap-align: start;
  padding: 10px;
  box-sizing: border-box;
}

.slide-content {
  background: #f0f0f0;
  border: 1px solid #ccc;
  text-align: center;
  padding: 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-350f74f *//* ✅ Main Product Grid (Modern Layout) */
.custom-sale-products {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* Desktop: 5 columns */
    gap: 15px;
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 🔄 Responsive Grid */
@media (max-width: 1200px) {
    .custom-sale-products {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 992px) {
    .custom-sale-products {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .custom-sale-products {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ✅ Product Box (Minimal & Elegant) */
.custom-sale-products .product-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    transition: 0.3s ease-in-out;
    padding: px;
    position: relative;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.custom-sale-products .product-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

/* ✅ Product Image (Large & Eye-Catching) */
.custom-sale-products .product-item img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.3s ease-in-out;
}

.custom-sale-products .product-item:hover img {
    transform: scale(1.03);
}

/* ✅ Product Title (Limited to 2 Lines, Simple & Readable) */
.custom-sale-products .product-item h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin: 10px ;
    line-height: 1.4;
    max-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/* ✅ Price Section (Modern & Highlighted) */
.custom-sale-products .product-item .price {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin: 5px ;
}

/* 🔴 Sale Badge (Professional eCommerce Style) */
.custom-sale-products .product-item .onsale {
    background: #d32f2f;
    color: #fff;
    font-size: 12px;
    padding: 5px 8px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

/* 🚫 Hide Add to Cart Button */
.custom-sale-products .product-item .add-to-cart {
    display: none !important;
}

/* 📌 Pagination (Modern eCommerce Style) */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    gap: 8px;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 8px 12px;
    background: #007600;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: 0.3s;
}

.pagination a:hover {
    background: #005700;
}

.pagination .current {
    background: 007600;
    color: #fff;
}/* End custom CSS */