/* SLIDER */
   /* SECTION */
   
   .product-section {
       width: 100%;
       padding: 20px;
       margin-top: 50px;
   }
   
   .product-grid {
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       gap: 18px;
   }
   /* CARD */
   
   .product-card {
       background: #fff;
       border-radius: 0;
       overflow: hidden;
       position: relative;
       transition: 0.3s;
   }
   /* IMAGE */
   
   .product-image {
       position: relative;
       overflow: hidden;
   }
   
   .product-image img {
       width: 100%;
       height: 370px;
       object-fit: cover;
       border-radius: 10px;
       display: block;
   }
   /* OFFER TAG */
   /* TITLE */
   
   .section-title {
       text-align: center;
       margin-bottom: 35px;
   }
   .single-banner{
       margin-top: 40px;
    width:100%;
}

.single-banner a{
    display:block;
    overflow:hidden;
}

.single-banner img{
    width:100%;
    display:block;
    transition:0.4s ease;
}

/* MOBILE */

@media(max-width:768px){

}
   .section-title h2 {
       font-size: 42px;
       font-weight: 700;
       color: #222;
       letter-spacing: 1px;
       margin-bottom: 8px;
       position: relative;
       display: inline-block;
   }
   
   .section-title h2::after {
       content: '';
       width: 70px;
       height: 3px;
       background: #d4a85d;
       position: absolute;
       left: 50%;
       bottom: -8px;
       transform: translateX(-50%);
       border-radius: 10px;
   }
   
   .section-title p {
       font-size: 16px;
       color: #777;
       margin-top: 18px;
       letter-spacing: 0.5px;
   }
   /* MOBILE */
   
   @media(max-width:768px) {
       .section-title {
           margin-bottom: 22px;
       }
       .section-title h2 {
           font-size: 28px;
       }
       .section-title p {
           font-size: 13px;
           line-height: 1.5;
           padding: 0 10px;
       }
   }
   
   .offer-tag {
       position: absolute;
       top: 10px;
       left: 10px;
       background: #631517;
       color: #fff;
       font-size: 12px;
       font-weight: 600;
       padding: 6px 10px;
       border-radius: 12px;
       z-index: 2;
   }
   /* HEART */
   /* HEART FIX */
   
   .wishlist {
       position: absolute;
       top: 12px;
       right: 12px;
       width: 38px;
       height: 38px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.18);
       display: flex;
       align-items: center;
       justify-content: center;
       backdrop-filter: blur(4px);
       cursor: pointer;
       z-index: 5;
       text-decoration: none;
       border: none;
       outline: none;
       line-height: 0;
   }
   
   .wishlist svg {
       width: 20px;
       height: 20px;
       stroke: #fff;
       fill: none;
       stroke-width: 2;
       stroke-linecap: round;
       stroke-linejoin: round;
       display: block;
   }
   /* CONTENT */
   
   .product-content {
       padding: 12px;
       position: relative;
   }
   /* BESTSELLER */
   /* BESTSELLER IMAGE KE UPAR BOTTOM MAI */
   
   .bestseller {
       position: absolute;
       left: 0px;
       bottom: 12px;
       z-index: 4;
       display: inline-block;
       background: #e8c98d;
       color: #000;
       font-size: 10px;
       font-weight: 700;
       letter-spacing: 1px;
       padding: 5px 12px;
       clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
   }
   /* TITLE */
   
   .product-title {
       font-size: 16px;
       line-height: 1.4;
       color: #444;
       font-weight: 500;
       margin-bottom: 10px;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }
   /* PRICE */
   
   .price-box {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
       gap: 6px;
   }
   
   .old-price {
       color: #999;
       text-decoration: line-through;
       font-size: 15px;
   }
   
   .new-price {
       color: #333;
       font-size: 18px;
       font-weight: 600;
   }
   
   .discount {
       color: #631517;
       font-size: 14px;
       font-weight: 600;
   }
   /* BAG BUTTON */
   
   .bag-btn {
       position: absolute;
       right: 12px;
       bottom: 12px;
       width: 36px;
       height: 36px;
       background: #631517;
       border-radius: 8px;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
   }
   
   .bag-btn svg {
       width: 18px;
       height: 18px;
       stroke: #fff;
       fill: none;
       stroke-width: 2;
   }
   /* RATING */
   
   .rating {
       position: absolute;
       right: 12px;
       bottom: 75px;
       background: #fff;
       padding: 4px 8px;
       border-radius: 10px;
       font-size: 13px;
       font-weight: 600;
       box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
   }
   
   .rating span {
       color: green;
   }
   /* TABLET */
   
   @media(max-width:1100px) {
       .product-grid {
           grid-template-columns: repeat(3, 1fr);
       }
       .product-image img {
           height: 360px;
       }
   }
   /* MOBILE */
   
   @media(max-width:768px) {
       .product-section {
           padding: 10px;
       }
       .product-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 10px;
       }
       .product-image img {
           height: 260px;
       }
       .product-title {
           font-size: 13px;
       }
       .new-price {
           font-size: 18px;
       }
       .old-price {
           font-size: 12px;
       }
       .discount {
           font-size: 12px;
       }
       .bag-btn {
           width: 32px;
           height: 32px;
       }
       .rating {
           font-size: 11px;
           bottom: 68px;
       }
   }
   
   .slider {
       position: relative;
       width: 100%;
       height: 500px;
       overflow: hidden;
   }
   /* SLIDES */
   
   .slides {
       display: flex;
       width: 100%;
       height: 100%;
       transition: 0.6s ease;
   }
   
   .slide {
       min-width: 100%;
       position: relative;
   }
   /* IMAGE */
   
   .slide img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
   /* OVERLAY */
   
   .overlay {
       position: absolute;
       top: 0;
       right: 0;
       width: 50%;
       height: 100%;
       background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.8));
   }
   /* CONTENT */
   
   .content {
       position: absolute;
       top: 50%;
       right: 8%;
       transform: translateY(-50%);
       color: #fff;
       max-width: 400px;
   }
   
   .content h2 {
       font-size: 40px;
       margin: 0;
   }
   
   .content h3 {
       font-size: 20px;
       margin: 10px 0;
       letter-spacing: 2px;
   }
   
   .content h1 {
       color: #ffd700;
       font-size: 36px;
       margin: 10px 0;
   }
   
   .content p {
       font-size: 14px;
       margin-bottom: 20px;
   }
   
   .btn {
       display: inline-block;
       padding: 12px 25px;
       background: #fff;
       color: #000;
       text-decoration: none;
       border-radius: 5px;
       font-weight: bold;
   }
   /* DOTS */
   
   .dots {
       position: absolute;
       bottom: 15px;
       left: 50%;
       transform: translateX(-50%);
       display: flex;
       gap: 8px;
   }
   
   .dot {
       width: 10px;
       height: 10px;
       background: #ccc;
       border-radius: 50%;
       cursor: pointer;
   }
   
   .dot.active {
       background: #fff;
   }
   /* RESPONSIVE */
   
   @media(max-width:768px) {
       .slider {
           height: 600px;
       }
       .overlay {
           width: 100%;
           background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
       }
       .content {
           left: 20px;
           right: 20px;
           top: auto;
           bottom: 20px;
           transform: none;
       }
       .content h2 {
           font-size: 24px;
       }
       .content h1 {
           font-size: 22px;
       }
   }
   /* FOOTER MAIN */
   
   .footer {
       background: #fff;
       padding: 40px 6%;
       color: #333;
   }
   /* GRID */
   
   .footer-top {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 30px;
   }
   /* COLUMN */
   
   .footer-col {
       flex: 1;
       min-width: 220px;
   }
   
   .footer h4 {
       font-size: 14px;
       letter-spacing: 1px;
       margin-bottom: 15px;
       font-weight: bold;
   }
   
   .footer a {
       display: block;
       text-decoration: none;
       color: #444;
       font-size: 13px;
       margin-bottom: 8px;
       transition: 0.3s;
   }
   
   .footer a:hover {
       color: #000;
   }
   /* SOCIAL */
   
   .social-icons {
       display: flex;
       gap: 12px;
       margin: 15px 0;
   }
   
   .social-icons div {
       width: 36px;
       height: 36px;
       border-radius: 50%;
       background: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 14px;
       cursor: pointer;
   }
   /* APP BUTTONS */
   
   .app-buttons img {
       height: 40px;
       margin-right: 10px;
       margin-top: 10px;
   }
   /* DIVIDER */
   
   .footer hr {
       margin: 30px 0;
       border: none;
       border-top: 1px solid rgba(0, 0, 0, 0.1);
   }
   /* LINKS ROW */
   
   .footer-links {
       font-size: 13px;
       line-height: 1.8;
   }
   
   .footer-links a {
       display: inline;
       margin: 0 5px;
   }
   /* RESPONSIVE */
   
   @media(max-width:768px) {
       .footer-top {
           flex-direction: column;
       }
       .footer-col {
           width: 100%;
       }
   }
   
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: Arial, sans-serif;
   }
   /* NAVBAR */
   
   .navbar {
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 10px 20px;
       background: #fff;
       border-bottom: 1px solid #eee;
       max-width: 1340px;
   }
   /* LEFT */
   
   .nav-left {
       display: flex;
       align-items: center;
       gap: 10px;
       width: 18%;
   }
   
   .logo {
       width: 100%;
   }
   
   .menu-toggle {
       display: none;
       font-size: 24px;
       cursor: pointer;
   }
   /* MENU */
   
   .nav-menu {
       display: flex;
       gap: 25px;
   }
   
   .nav-menu a {
       text-decoration: none;
       color: #333;
       font-weight: 600;
   }
   
   .new {
       color: red;
       font-size: 10px;
   }
   /* SEARCH */
   
   .search-box input {
       padding: 8px 15px;
       width: 280px;
       border-radius: 5px;
       border: 1px solid #ddd;
   }
   /* RIGHT */
   
   .nav-right {
       display: flex;
       gap: 30px;
       align-items: center;
   }
   
   .nav-right div {
       text-align: center;
       font-size: 14px;
       position: relative;
   }
   
   .nav-right span {
       display: block;
       font-size: 12px;
   }
   /* SEARCH DESIGN */
   
   .search-wrapper {
       display: flex;
       align-items: center;
       background: #f5f5f6;
       padding: 4px 15px;
       border-radius: 6px;
       width: 320px;
       border: 1px solid #dadada;
       border-right: 1px solid #cccccc;
   }
   
   .search-wrapper i {
       color: #777;
       font-size: 14px;
       margin-right: 10px;
   }
   
   .search-wrapper input {
       border: none;
       outline: none;
       background: transparent;
       width: 100%;
       font-size: 14px;
   }
   
   .search-wrapper button {
       background: none;
       border: none;
       cursor: not-allowed;
       color: #aaa;
       font-size: 14px;
   }
   /* ENABLED STATE */
   
   .search-wrapper button.active {
       color: #b48e47;
       cursor: pointer;
   }
   /* NAV ICON CLICKABLE */
   
   .nav-icon {
       text-decoration: none;
       color: #333;
       text-align: center;
       font-size: 14px;
       position: relative;
   }
   
   .nav-icon span {
       display: block;
       font-size: 12px;
   }
   
   .nav-icon:hover {
       color: #631517;
   }
   /* BAG COUNT */
   
   .bag b {
       position: absolute;
       top: -5px;
       right: -10px;
       background: #631517;
       color: #fff;
       font-size: 10px;
       padding: 2px 6px;
       border-radius: 50%;
   }
   /* MOBILE SEARCH */
   
   .mobile-search {
       display: none;
       padding: 10px;
   }
   
   .mobile-search input {
       width: 100%;
       padding: 10px;
       border-radius: 20px;
       /*border: 1px solid #ddd;*/
   }
   /* SIDEBAR */
   
   .sidebar {
       position: fixed;
       top: 0;
       left: -280px;
       width: 280px;
       height: 100%;
       background: #fff;
       z-index: 1000;
       transition: 0.3s;
       overflow-y: auto;
   }
   
   .sidebar.active {
       left: 0;
   }
   /* OVERLAY */
   
   .overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.4);
       opacity: 0;
       visibility: hidden;
       transition: 0.3s;
       z-index: 999;
   }
   
   .overlay.active {
       opacity: 1;
       visibility: visible;
   }
   /* SIDEBAR CONTENT */
   
   .sidebar-top img {
       width: 100%;
   }
   
   .sidebar-menu {
       padding: 15px;
   }
   
   .sidebar-menu a {
       display: flex;
       justify-content: space-between;
       padding: 12px 5px;
       text-decoration: none;
       color: #333;
       border-bottom: 1px solid #eee;
       font-weight: 500;
   }
   
   .sidebar-menu hr {
       margin: 10px 0;
   }
   
   .new-tag {
       color: red;
       font-size: 10px;
       border: 1px solid red;
       padding: 2px 5px;
       border-radius: 10px;
   }
   /* 📱 RESPONSIVE */
   
   .category-wrapper {
       max-width: 1300px;
       margin: auto;
       margin-top: 50px;
   }
   
   .category-scroll {
       display: flex;
       gap: 40px;
       align-items: flex-start;
       justify-content: center;
       overflow-x: auto;
       scroll-behavior: smooth;
       padding-bottom: 10px;
       padding-top: 14px;
   }
   /* Hide scrollbar */
   
   .category-scroll::-webkit-scrollbar {
       display: none;
   }
   
   .category-scroll {
       -ms-overflow-style: none;
       scrollbar-width: none;
   }
   
   .category-card {
       /* flex: 0 0 auto;
       text-align: center;
       width: 150px; */
   }
   
   .category-image {
       /* width: 150px;
       height: 190px;
       border-radius: 50% / 38%;
       overflow: hidden;
       border: 3px solid #e8c48f;
       background: #fff;
       position: relative;
       transition: 0.3s ease; */
   }
   
   .category-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
   }
   
   .category-title {
       font-size: 16px;
       margin-top: 14px;
       text-align: center;
       color: #631517;
       font-weight: 600;
       letter-spacing: 0.5px;
   }
   /* Mobile */
   
   @media(max-width:768px) {
       .navbar {
           padding: 0px 20px;
       }
       .nav-left {
           width: 60%;
       }
       .nav-right {
           gap: 15px;
       }
       .fa-user {
           display: none;
       }
       .search-wrapper {
           width: 100%;
       }
       .category-scroll {
           justify-content: flex-start;
           gap: 0px;
       }
       .category-image img {
           width: 160px!important;
       }
       .image-1 img {
           margin-top: -4px;
           width: 150px!important;
       }
       .category-wrapper {
           margin-top: 16px;
           padding: 0px 15px;
       }
       .sale {
           display: none;
       }
       .new-arrival {
           display: none;
       }
       .category-card {
           width: 164px;
       }
       .category-title {
           font-size: 13px;
       }
   }
   
   @media(max-width:768px) {
       .menu-toggle {
           display: block;
       }
       .nav-menu {
           display: none;
       }
       .search-box {
           display: none;
       }
       .nav-right span {
           display: none;
       }
       .mobile-search {
           display: block;
       }
   }