{"id":163,"date":"2026-08-20T06:25:13","date_gmt":"2026-08-20T06:25:13","guid":{"rendered":"https:\/\/uidm.madtrader.net\/?page_id=163"},"modified":"2026-08-20T07:34:50","modified_gmt":"2026-08-20T07:34:50","slug":"marketivo-lather","status":"publish","type":"page","link":"https:\/\/uidm.madtrader.net\/marketivo-lather\/","title":{"rendered":"marketivo – lather"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Balla Lather | Handcrafted Luxury Leather Essentials<\/title>\r\n <meta name=\"description\" content=\"Discover premium handcrafted leather wallets, belts, bags, and card holders by Balla Lather. Designed for everyday luxury and timeless durability.\">\r\n <meta name=\"keywords\" content=\"leather bags, leather wallets, full grain leather belts, handcrafted leather accessories, Balla Lather\">\r\n <meta property=\"og:title\" content=\"Balla Lather | Luxury Leather Essentials\">\r\n <meta property=\"og:description\" content=\"Timeless craftsmanship, full-grain leather, and modern elegance.\">\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:url\" content=\"https:\/\/www.ballalathar.com\">\r\n\r\n <!-- Google Fonts & Font Awesome -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --primary: #24150F;\r\n --secondary: #4A2C20;\r\n --accent: #B08D57;\r\n --accent-hover: #967442;\r\n --bg: #F7F3ED;\r\n --surface: #FFFFFF;\r\n --text: #201A17;\r\n --muted: #7A726D;\r\n --border: #E8E1D7;\r\n --font-heading: 'Cormorant Garamond', Georgia, serif;\r\n --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;\r\n --shadow-sm: 0 4px 12px rgba(36, 21, 15, 0.04);\r\n --shadow-md: 0 12px 30px rgba(36, 21, 15, 0.08);\r\n --shadow-lg: 0 20px 45px rgba(36, 21, 15, 0.12);\r\n --transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background-color: var(--bg);\r\n color: var(--text);\r\n font-family: var(--font-body);\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n overflow-x: hidden;\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit;\r\n transition: var(--transition);\r\n }\r\n\r\n button {\r\n cursor: pointer;\r\n font-family: var(--font-body);\r\n border: none;\r\n outline: none;\r\n background: none;\r\n transition: var(--transition);\r\n }\r\n\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n .container {\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n padding: 0 24px;\r\n }\r\n\r\n \/* Typography Utilities *\/\r\n .heading-serif {\r\n font-family: var(--font-heading);\r\n letter-spacing: 0.5px;\r\n font-weight: 600;\r\n }\r\n\r\n .section-tag {\r\n display: inline-block;\r\n text-transform: uppercase;\r\n font-size: 11px;\r\n font-weight: 700;\r\n letter-spacing: 3px;\r\n color: var(--accent);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(28px, 4vw, 42px);\r\n color: var(--primary);\r\n margin-bottom: 14px;\r\n line-height: 1.2;\r\n }\r\n\r\n .section-subtitle {\r\n color: var(--muted);\r\n font-size: 15px;\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n .text-center {\r\n text-align: center;\r\n }\r\n\r\n \/* Buttons *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n padding: 14px 32px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n border-radius: 2px;\r\n transition: var(--transition);\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n border: 1px solid var(--primary);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(176, 141, 87, 0.25);\r\n }\r\n\r\n .btn-outline {\r\n background: transparent;\r\n color: var(--primary);\r\n border: 1px solid var(--primary);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n }\r\n\r\n .btn-outline-white {\r\n background: transparent;\r\n color: #FFFFFF;\r\n border: 1px solid #FFFFFF;\r\n }\r\n\r\n .btn-outline-white:hover {\r\n background: #FFFFFF;\r\n color: var(--primary);\r\n }\r\n\r\n \/* 1. Top Announcement Bar *\/\r\n .announcement-bar {\r\n background: var(--primary);\r\n color: #E2D9CF;\r\n text-align: center;\r\n padding: 9px 16px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n letter-spacing: 1.2px;\r\n text-transform: uppercase;\r\n border-bottom: 1px solid rgba(176, 141, 87, 0.2);\r\n }\r\n\r\n \/* 2. Navigation Bar *\/\r\n .header-sticky {\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n background: rgba(247, 243, 237, 0.96);\r\n backdrop-filter: blur(10px);\r\n border-bottom: 1px solid var(--border);\r\n transition: var(--transition);\r\n }\r\n\r\n .header-sticky.scrolled {\r\n padding: 4px 0;\r\n background: rgba(255, 255, 255, 0.98);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .nav-wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 78px;\r\n transition: height 0.3s ease;\r\n }\r\n\r\n .header-sticky.scrolled .nav-wrapper {\r\n height: 64px;\r\n }\r\n\r\n .logo {\r\n font-family: var(--font-heading);\r\n font-size: 26px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .logo span {\r\n color: var(--accent);\r\n font-size: 32px;\r\n line-height: 0;\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 32px;\r\n list-style: none;\r\n }\r\n\r\n .nav-link {\r\n font-size: 13px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1.2px;\r\n color: var(--text);\r\n position: relative;\r\n padding: 6px 0;\r\n }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 0;\r\n height: 1.5px;\r\n background: var(--accent);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after,\r\n .nav-link.active::after {\r\n width: 100%;\r\n }\r\n\r\n .nav-icons {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n .icon-btn {\r\n font-size: 17px;\r\n color: var(--text);\r\n position: relative;\r\n padding: 6px;\r\n }\r\n\r\n .icon-btn:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .badge-count {\r\n position: absolute;\r\n top: 0;\r\n right: -2px;\r\n background: var(--accent);\r\n color: #FFFFFF;\r\n font-size: 10px;\r\n font-weight: 700;\r\n width: 17px;\r\n height: 17px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n font-size: 20px;\r\n color: var(--primary);\r\n }\r\n\r\n \/* 3. Hero Section *\/\r\n .hero-section {\r\n padding: 70px 0 90px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n align-items: center;\r\n gap: 60px;\r\n }\r\n\r\n .hero-content {\r\n max-width: 540px;\r\n }\r\n\r\n .hero-content h1 {\r\n font-size: clamp(38px, 5vw, 62px);\r\n line-height: 1.12;\r\n color: var(--primary);\r\n margin-bottom: 22px;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 16px;\r\n color: var(--muted);\r\n margin-bottom: 36px;\r\n line-height: 1.7;\r\n }\r\n\r\n .hero-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n .hero-image-wrapper {\r\n position: relative;\r\n }\r\n\r\n .hero-image-card {\r\n position: relative;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n box-shadow: var(--shadow-lg);\r\n }\r\n\r\n .hero-image-card img {\r\n width: 100%;\r\n height: 520px;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .hero-image-card:hover img {\r\n transform: scale(1.03);\r\n }\r\n\r\n .hero-floating-tag {\r\n position: absolute;\r\n bottom: 25px;\r\n left: 25px;\r\n background: rgba(255, 255, 255, 0.95);\r\n padding: 16px 22px;\r\n border-left: 3px solid var(--accent);\r\n box-shadow: var(--shadow-md);\r\n backdrop-filter: blur(8px);\r\n }\r\n\r\n .hero-floating-tag span {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n color: var(--muted);\r\n display: block;\r\n }\r\n\r\n .hero-floating-tag strong {\r\n font-family: var(--font-heading);\r\n font-size: 18px;\r\n color: var(--primary);\r\n }\r\n\r\n \/* 4. Trust \/ Brand Highlights *\/\r\n .highlights-section {\r\n background: var(--surface);\r\n padding: 45px 0;\r\n border-top: 1px solid var(--border);\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .highlights-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .highlight-card {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n\r\n .highlight-icon {\r\n font-size: 24px;\r\n color: var(--accent);\r\n flex-shrink: 0;\r\n margin-top: 2px;\r\n }\r\n\r\n .highlight-card h4 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 4px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .highlight-card p {\r\n font-size: 13px;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* 5. Shop By Category *\/\r\n .category-section {\r\n padding: 95px 0 60px;\r\n }\r\n\r\n .category-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n margin-top: 48px;\r\n }\r\n\r\n .category-card {\r\n position: relative;\r\n height: 380px;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: var(--shadow-sm);\r\n }\r\n\r\n .category-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .category-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(36,21,15,0.1) 40%, rgba(36,21,15,0.85) 100%);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-end;\r\n padding: 28px 22px;\r\n transition: var(--transition);\r\n }\r\n\r\n .category-card:hover img {\r\n transform: scale(1.07);\r\n }\r\n\r\n .category-card:hover .category-overlay {\r\n background: linear-gradient(180deg, rgba(36,21,15,0.2) 30%, rgba(36,21,15,0.92) 100%);\r\n }\r\n\r\n .category-title {\r\n font-family: var(--font-heading);\r\n font-size: 24px;\r\n color: #FFFFFF;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .category-explore {\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n color: var(--accent);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .category-card:hover .category-explore {\r\n transform: translateX(4px);\r\n color: #FFFFFF;\r\n }\r\n\r\n \/* 6 & 7. Products, Filter & Sorting *\/\r\n .shop-section {\r\n padding: 70px 0 100px;\r\n }\r\n\r\n .controls-bar {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n padding: 16px 24px;\r\n margin: 40px 0 35px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n\r\n .filter-tabs {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n\r\n .tab-btn {\r\n padding: 8px 18px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n border-radius: 2px;\r\n color: var(--muted);\r\n border: 1px solid transparent;\r\n }\r\n\r\n .tab-btn:hover,\r\n .tab-btn.active {\r\n color: var(--primary);\r\n background: var(--bg);\r\n border-color: var(--border);\r\n }\r\n\r\n .tab-btn.active {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n border-color: var(--primary);\r\n }\r\n\r\n .filter-dropdowns {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n }\r\n\r\n .custom-select {\r\n background: var(--bg);\r\n border: 1px solid var(--border);\r\n color: var(--text);\r\n padding: 8px 14px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n border-radius: 2px;\r\n outline: none;\r\n cursor: pointer;\r\n }\r\n\r\n .products-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 28px;\r\n }\r\n\r\n .product-card {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n transition: var(--transition);\r\n position: relative;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-md);\r\n border-color: #D3C7B9;\r\n }\r\n\r\n .product-thumb {\r\n position: relative;\r\n height: 290px;\r\n background: #EAE4DC;\r\n overflow: hidden;\r\n }\r\n\r\n .product-thumb img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .product-card:hover .product-thumb img {\r\n transform: scale(1.06);\r\n }\r\n\r\n .product-badge {\r\n position: absolute;\r\n top: 14px;\r\n left: 14px;\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n font-size: 10px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n padding: 4px 9px;\r\n border-radius: 2px;\r\n z-index: 2;\r\n }\r\n\r\n .product-actions {\r\n position: absolute;\r\n top: 14px;\r\n right: 14px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n z-index: 2;\r\n }\r\n\r\n .action-circle-btn {\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(255, 255, 255, 0.95);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--primary);\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n transition: var(--transition);\r\n }\r\n\r\n .action-circle-btn:hover {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n }\r\n\r\n .action-circle-btn.wishlisted {\r\n color: #C0392B;\r\n }\r\n\r\n .quick-view-overlay {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(36, 21, 15, 0.85);\r\n backdrop-filter: blur(4px);\r\n color: #FFFFFF;\r\n text-align: center;\r\n padding: 10px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n transform: translateY(100%);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .product-card:hover .quick-view-overlay {\r\n transform: translateY(0);\r\n }\r\n\r\n .product-body {\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .product-cat {\r\n font-size: 11px;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n color: var(--accent);\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .product-name {\r\n font-family: var(--font-heading);\r\n font-size: 19px;\r\n color: var(--primary);\r\n font-weight: 600;\r\n margin-bottom: 6px;\r\n line-height: 1.3;\r\n }\r\n\r\n .product-rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n font-size: 12px;\r\n color: #D4AF37;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .product-rating span {\r\n color: var(--muted);\r\n font-size: 11px;\r\n margin-left: 4px;\r\n }\r\n\r\n .product-desc {\r\n font-size: 12px;\r\n color: var(--muted);\r\n margin-bottom: 14px;\r\n line-height: 1.5;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .product-price-row {\r\n display: flex;\r\n align-items: baseline;\r\n gap: 10px;\r\n margin-bottom: 16px;\r\n margin-top: auto;\r\n }\r\n\r\n .curr-price {\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n }\r\n\r\n .old-price {\r\n font-size: 13px;\r\n color: var(--muted);\r\n text-decoration: line-through;\r\n }\r\n\r\n .btn-add-cart {\r\n width: 100%;\r\n background: var(--bg);\r\n border: 1px solid var(--border);\r\n color: var(--primary);\r\n padding: 11px;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n border-radius: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n }\r\n\r\n .btn-add-cart:hover {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n border-color: var(--primary);\r\n }\r\n\r\n \/* 8. Modals (Quick View & Search & Checkout) *\/\r\n .modal-backdrop {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(20, 12, 8, 0.7);\r\n backdrop-filter: blur(5px);\r\n z-index: 2000;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-backdrop.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .modal-content {\r\n background: var(--surface);\r\n border-radius: 4px;\r\n max-width: 800px;\r\n width: 100%;\r\n position: relative;\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(20px);\r\n transition: transform 0.3s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .modal-backdrop.active .modal-content {\r\n transform: translateY(0);\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 18px;\r\n right: 18px;\r\n font-size: 20px;\r\n color: var(--primary);\r\n z-index: 10;\r\n }\r\n\r\n .quick-view-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n }\r\n\r\n .quick-view-img {\r\n height: 420px;\r\n background: #EAE4DC;\r\n }\r\n\r\n .quick-view-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .quick-view-details {\r\n padding: 35px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .qty-picker {\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid var(--border);\r\n width: fit-content;\r\n margin-bottom: 20px;\r\n border-radius: 2px;\r\n }\r\n\r\n .qty-picker button {\r\n padding: 8px 14px;\r\n font-size: 14px;\r\n color: var(--primary);\r\n }\r\n\r\n .qty-picker span {\r\n padding: 0 12px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n }\r\n\r\n \/* 9. Shopping Cart Drawer *\/\r\n .cart-drawer {\r\n position: fixed;\r\n top: 0;\r\n right: -420px;\r\n width: 100%;\r\n max-width: 420px;\r\n height: 100%;\r\n background: var(--surface);\r\n box-shadow: -5px 0 30px rgba(0,0,0,0.15);\r\n z-index: 2100;\r\n display: flex;\r\n flex-direction: column;\r\n transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n }\r\n\r\n .cart-drawer.open {\r\n right: 0;\r\n }\r\n\r\n .cart-header {\r\n padding: 22px 25px;\r\n border-bottom: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .cart-header h3 {\r\n font-family: var(--font-heading);\r\n font-size: 22px;\r\n color: var(--primary);\r\n }\r\n\r\n .cart-items {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 20px 25px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .empty-cart-msg {\r\n text-align: center;\r\n padding: 50px 20px;\r\n color: var(--muted);\r\n }\r\n\r\n .cart-item {\r\n display: grid;\r\n grid-template-columns: 70px 1fr 24px;\r\n gap: 14px;\r\n align-items: center;\r\n padding-bottom: 16px;\r\n border-bottom: 1px solid var(--border);\r\n }\r\n\r\n .cart-item img {\r\n width: 70px;\r\n height: 70px;\r\n object-fit: cover;\r\n border-radius: 2px;\r\n }\r\n\r\n .cart-item-info h4 {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--primary);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .cart-item-price {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--accent);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .cart-item-qty {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 12px;\r\n }\r\n\r\n .cart-item-qty button {\r\n width: 22px;\r\n height: 22px;\r\n background: var(--bg);\r\n border-radius: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .cart-remove-btn {\r\n color: var(--muted);\r\n font-size: 14px;\r\n }\r\n\r\n .cart-remove-btn:hover {\r\n color: #C0392B;\r\n }\r\n\r\n .cart-footer {\r\n padding: 22px 25px;\r\n background: var(--bg);\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .cart-subtotal {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n color: var(--muted);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .cart-total {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 18px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n\r\n \/* 10. Why Balla Lather *\/\r\n .story-section {\r\n padding: 100px 0;\r\n background: var(--surface);\r\n }\r\n\r\n .story-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 70px;\r\n align-items: center;\r\n }\r\n\r\n .story-image-wrap {\r\n position: relative;\r\n }\r\n\r\n .story-image-wrap img {\r\n border-radius: 4px;\r\n box-shadow: var(--shadow-lg);\r\n width: 100%;\r\n height: 480px;\r\n object-fit: cover;\r\n }\r\n\r\n .story-content h2 {\r\n font-size: clamp(30px, 4vw, 42px);\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n line-height: 1.2;\r\n }\r\n\r\n .story-lead {\r\n font-size: 16px;\r\n color: var(--muted);\r\n margin-bottom: 30px;\r\n }\r\n\r\n .story-points {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n }\r\n\r\n .story-point h4 {\r\n font-size: 15px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n margin-bottom: 6px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .story-point h4 i {\r\n color: var(--accent);\r\n font-size: 13px;\r\n }\r\n\r\n .story-point p {\r\n font-size: 13px;\r\n color: var(--muted);\r\n line-height: 1.5;\r\n }\r\n\r\n \/* 11. Premium Banner *\/\r\n .full-banner {\r\n background: linear-gradient(rgba(36, 21, 15, 0.75), rgba(36, 21, 15, 0.85)),\r\n url('https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1800&q=80') center\/cover no-repeat fixed;\r\n padding: 120px 20px;\r\n text-align: center;\r\n color: #FFFFFF;\r\n }\r\n\r\n .full-banner h2 {\r\n font-size: clamp(32px, 5vw, 52px);\r\n margin-bottom: 16px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .full-banner p {\r\n font-size: 16px;\r\n color: #E0D6CC;\r\n max-width: 600px;\r\n margin: 0 auto 30px;\r\n }\r\n\r\n \/* 12. Customer Reviews *\/\r\n .reviews-section {\r\n padding: 95px 0;\r\n }\r\n\r\n .reviews-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n margin-top: 50px;\r\n }\r\n\r\n .review-card {\r\n background: var(--surface);\r\n border: 1px solid var(--border);\r\n padding: 30px 24px;\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n transition: var(--transition);\r\n }\r\n\r\n .review-card:hover {\r\n box-shadow: var(--shadow-md);\r\n transform: translateY(-4px);\r\n }\r\n\r\n .review-stars {\r\n color: #D4AF37;\r\n font-size: 13px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .review-text {\r\n font-size: 14px;\r\n color: var(--text);\r\n line-height: 1.6;\r\n font-style: italic;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .reviewer-name {\r\n font-family: var(--font-heading);\r\n font-size: 17px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n }\r\n\r\n .reviewer-badge {\r\n font-size: 11px;\r\n color: var(--muted);\r\n display: block;\r\n }\r\n\r\n \/* 13. Newsletter Section *\/\r\n .newsletter-section {\r\n background: var(--secondary);\r\n color: #FFFFFF;\r\n padding: 70px 0;\r\n text-align: center;\r\n }\r\n\r\n .newsletter-box {\r\n max-width: 580px;\r\n margin: 0 auto;\r\n }\r\n\r\n .newsletter-box h2 {\r\n font-size: 34px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .newsletter-box p {\r\n color: #D5C4B7;\r\n font-size: 14px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .newsletter-form {\r\n display: flex;\r\n gap: 0;\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .newsletter-form input {\r\n flex: 1;\r\n padding: 15px 20px;\r\n border: none;\r\n font-size: 14px;\r\n outline: none;\r\n background: #FFFFFF;\r\n color: var(--text);\r\n border-radius: 2px 0 0 2px;\r\n }\r\n\r\n .newsletter-form button {\r\n background: var(--accent);\r\n color: #FFFFFF;\r\n padding: 0 28px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n letter-spacing: 1.5px;\r\n border-radius: 0 2px 2px 0;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n background: var(--accent-hover);\r\n }\r\n\r\n \/* 14. Contact Section *\/\r\n .contact-section {\r\n padding: 95px 0;\r\n background: var(--bg);\r\n }\r\n\r\n .contact-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 60px;\r\n margin-top: 45px;\r\n }\r\n\r\n .contact-info-panel {\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n padding: 45px 35px;\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n }\r\n\r\n .contact-info-panel h3 {\r\n font-size: 28px;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .contact-info-panel p {\r\n color: #CFC2B6;\r\n font-size: 14px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .contact-details-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .contact-detail-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n font-size: 15px;\r\n }\r\n\r\n .contact-detail-item i {\r\n color: var(--accent);\r\n font-size: 18px;\r\n }\r\n\r\n .whatsapp-card-btn {\r\n margin-top: 30px;\r\n background: #25D366;\r\n color: #FFFFFF;\r\n padding: 12px 20px;\r\n border-radius: 3px;\r\n font-weight: 600;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n }\r\n\r\n .whatsapp-card-btn:hover {\r\n background: #1EBE5D;\r\n }\r\n\r\n .contact-form-panel {\r\n background: var(--surface);\r\n padding: 40px;\r\n border: 1px solid var(--border);\r\n border-radius: 4px;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 18px;\r\n }\r\n\r\n .form-group label {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n color: var(--primary);\r\n margin-bottom: 6px;\r\n }\r\n\r\n .form-control {\r\n width: 100%;\r\n padding: 12px 16px;\r\n border: 1px solid var(--border);\r\n background: var(--bg);\r\n font-family: var(--font-body);\r\n font-size: 14px;\r\n border-radius: 2px;\r\n outline: none;\r\n transition: var(--transition);\r\n }\r\n\r\n .form-control:focus {\r\n border-color: var(--accent);\r\n background: #FFFFFF;\r\n }\r\n\r\n \/* 15. Footer *\/\r\n .site-footer {\r\n background: #1B100B;\r\n color: #C0B4A9;\r\n padding: 80px 0 30px;\r\n border-top: 1px solid rgba(176,141,87,0.15);\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: 1.5fr 1fr 1fr 1.2fr;\r\n gap: 45px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .footer-col h4 {\r\n font-family: var(--font-heading);\r\n font-size: 20px;\r\n color: #FFFFFF;\r\n margin-bottom: 20px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .footer-col p {\r\n font-size: 13px;\r\n line-height: 1.7;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .footer-links a {\r\n font-size: 13px;\r\n color: #C0B4A9;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--accent);\r\n padding-left: 4px;\r\n }\r\n\r\n .social-row {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 15px;\r\n }\r\n\r\n .social-btn {\r\n width: 36px;\r\n height: 36px;\r\n background: rgba(255,255,255,0.06);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #FFFFFF;\r\n font-size: 14px;\r\n transition: var(--transition);\r\n }\r\n\r\n .social-btn:hover {\r\n background: var(--accent);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255,255,255,0.08);\r\n padding-top: 25px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 12px;\r\n color: #8C8075;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n \/* Search Bar Modal *\/\r\n .search-modal {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(36, 21, 15, 0.95);\r\n z-index: 2200;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n }\r\n\r\n .search-modal.active {\r\n display: flex;\r\n }\r\n\r\n .search-box-inner {\r\n max-width: 650px;\r\n width: 100%;\r\n position: relative;\r\n }\r\n\r\n .search-input-field {\r\n width: 100%;\r\n background: transparent;\r\n border: none;\r\n border-bottom: 2px solid var(--accent);\r\n padding: 15px 45px 15px 0;\r\n font-size: 24px;\r\n font-family: var(--font-heading);\r\n color: #FFFFFF;\r\n outline: none;\r\n }\r\n\r\n .search-input-field::placeholder {\r\n color: #8C7B70;\r\n }\r\n\r\n \/* Toast Notification *\/\r\n .toast-notice {\r\n position: fixed;\r\n bottom: 30px;\r\n right: 30px;\r\n background: var(--primary);\r\n color: #FFFFFF;\r\n padding: 14px 24px;\r\n border-radius: 3px;\r\n border-left: 4px solid var(--accent);\r\n font-size: 13px;\r\n box-shadow: var(--shadow-lg);\r\n transform: translateY(100px);\r\n opacity: 0;\r\n transition: var(--transition);\r\n z-index: 3000;\r\n }\r\n\r\n .toast-notice.show {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n\r\n \/* Responsive Breakpoints *\/\r\n @media (max-width: 1024px) {\r\n .hero-grid,\r\n .story-grid,\r\n .contact-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n .category-grid,\r\n .products-grid,\r\n .reviews-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .highlights-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n .footer-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .nav-links {\r\n position: fixed;\r\n top: 78px;\r\n left: 0;\r\n right: 0;\r\n background: var(--surface);\r\n flex-direction: column;\r\n padding: 30px;\r\n gap: 20px;\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.08);\r\n display: none;\r\n }\r\n .nav-links.mobile-active {\r\n display: flex;\r\n }\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n .products-grid,\r\n .category-grid,\r\n .reviews-grid,\r\n .highlights-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .quick-view-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .quick-view-img {\r\n height: 250px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. Top Announcement Bar -->\r\n <div class=\"announcement-bar\">\r\n Premium Leather Craftsmanship | Designed for Everyday Luxury\r\n <\/div>\r\n\r\n <!-- 2. Sticky Navigation Bar -->\r\n <header class=\"header-sticky\" id=\"mainHeader\">\r\n <div class=\"container\">\r\n <div class=\"nav-wrapper\">\r\n <a href=\"https:\/\/www.ballalathar.com\" class=\"logo\">\r\n BALLA LATHER <span>.<\/span>\r\n <\/a>\r\n\r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n <li><a href=\"#\" class=\"nav-link active\">Home<\/a><\/li>\r\n <li><a href=\"#shop\" class=\"nav-link\">Shop<\/a><\/li>\r\n <li><a href=\"#about\" class=\"nav-link\">About Us<\/a><\/li>\r\n <li><a href=\"#why-us\" class=\"nav-link\">Why Balla Lather<\/a><\/li>\r\n <li><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"nav-icons\">\r\n <button class=\"icon-btn\" id=\"searchTrigger\" title=\"Search\"><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/button>\r\n <button class=\"icon-btn\" title=\"Account\" onclick=\"showToast('Member account portal available at checkout.')\"><i class=\"fa-regular fa-user\"><\/i><\/button>\r\n <button class=\"icon-btn\" id=\"cartTrigger\" title=\"Cart\">\r\n <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n <span class=\"badge-count\" id=\"cartCountBadge\">0<\/span>\r\n <\/button>\r\n <button class=\"mobile-menu-btn\" id=\"mobileToggle\"><i class=\"fa-solid fa-bars\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- 3. Hero Section -->\r\n <section class=\"hero-section\">\r\n <div class=\"container\">\r\n <div class=\"hero-grid\">\r\n <div class=\"hero-content\">\r\n <span class=\"section-tag\">Authentic Full-Grain<\/span>\r\n <h1 class=\"heading-serif\">Crafted in Leather. Made to Last.<\/h1>\r\n <p>Discover premium leather essentials designed with timeless craftsmanship, refined details and everyday functionality.<\/p>\r\n <div class=\"hero-cta\">\r\n <a href=\"#shop\" class=\"btn btn-primary\">Shop Collection<\/a>\r\n <a href=\"#why-us\" class=\"btn btn-outline\">Explore Balla Lather<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-image-wrapper\">\r\n <div class=\"hero-image-card\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80\" alt=\"Balla Lather Premium Leather Essentials\">\r\n <\/div>\r\n <div class=\"hero-floating-tag\">\r\n <span>Handcrafted Heritage<\/span>\r\n <strong>100% Genuine Full Grain<\/strong>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 4. Trust \/ Brand Highlights -->\r\n <section class=\"highlights-section\">\r\n <div class=\"container\">\r\n <div class=\"highlights-grid\">\r\n <div class=\"highlight-card\">\r\n <i class=\"fa-solid fa-gem highlight-icon\"><\/i>\r\n <div>\r\n <h4>Premium Leather<\/h4>\r\n <p>Carefully selected leather with refined finishing.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <i class=\"fa-solid fa-shield-halved highlight-icon\"><\/i>\r\n <div>\r\n <h4>Built to Last<\/h4>\r\n <p>Designed for long-term everyday use.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <i class=\"fa-solid fa-clock-rotate-left highlight-icon\"><\/i>\r\n <div>\r\n <h4>Timeless Design<\/h4>\r\n <p>Classic designs that never go out of style.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"highlight-card\">\r\n <i class=\"fa-solid fa-feather-pointed highlight-icon\"><\/i>\r\n <div>\r\n <h4>Crafted with Care<\/h4>\r\n <p>Attention to detail in every product.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 5. Shop By Category -->\r\n <section class=\"category-section\" id=\"categories\">\r\n <div class=\"container\">\r\n <div class=\"text-center\">\r\n <span class=\"section-tag\">Curated Collections<\/span>\r\n <h2 class=\"heading-serif section-title\">Shop by Category<\/h2>\r\n <p class=\"section-subtitle\">Explore expertly tailored leather creations structured for sophistication and durability.<\/p>\r\n <\/div>\r\n\r\n <div class=\"category-grid\">\r\n <div class=\"category-card\" onclick=\"filterByCategory('Wallets')\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1627123424574-724758594e93?auto=format&fit=crop&w=800&q=80\" alt=\"Leather Wallets\">\r\n <div class=\"category-overlay\">\r\n <h3 class=\"category-title\">Wallets<\/h3>\r\n <span class=\"category-explore\">Explore <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card\" onclick=\"filterByCategory('Belts')\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1624222247344-550fb60583dc?auto=format&fit=crop&w=800&q=80\" alt=\"Leather Belts\">\r\n <div class=\"category-overlay\">\r\n <h3 class=\"category-title\">Belts<\/h3>\r\n <span class=\"category-explore\">Explore <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card\" onclick=\"filterByCategory('Bags')\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553062407-98eeb64c6a62?auto=format&fit=crop&w=800&q=80\" alt=\"Leather Bags\">\r\n <div class=\"category-overlay\">\r\n <h3 class=\"category-title\">Bags<\/h3>\r\n <span class=\"category-explore\">Explore <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"category-card\" onclick=\"filterByCategory('Card Holders')\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512496015851-a90fb38ba796?auto=format&fit=crop&w=800&q=80\" alt=\"Card Holders\">\r\n <div class=\"category-overlay\">\r\n <h3 class=\"category-title\">Card Holders<\/h3>\r\n <span class=\"category-explore\">Explore <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 6 & 7. Featured Products & Filter\/Sort -->\r\n <section class=\"shop-section\" id=\"shop\">\r\n <div class=\"container\">\r\n <div class=\"text-center\">\r\n <span class=\"section-tag\">Featured Pieces<\/span>\r\n <h2 class=\"heading-serif section-title\">Distinctive Craftsmanship<\/h2>\r\n <p class=\"section-subtitle\">Engineered with rich patina leather, solid brass accents, and reinforced stitching.<\/p>\r\n <\/div>\r\n\r\n <!-- Filter \/ Sorting Controls -->\r\n <div class=\"controls-bar\">\r\n <div class=\"filter-tabs\">\r\n <button class=\"tab-btn active\" onclick=\"filterCategory('All', this)\">All Products<\/button>\r\n <button class=\"tab-btn\" onclick=\"filterCategory('Wallets', this)\">Wallets<\/button>\r\n <button class=\"tab-btn\" onclick=\"filterCategory('Belts', this)\">Belts<\/button>\r\n <button class=\"tab-btn\" onclick=\"filterCategory('Bags', this)\">Bags<\/button>\r\n <button class=\"tab-btn\" onclick=\"filterCategory('Card Holders', this)\">Card Holders<\/button>\r\n <\/div>\r\n\r\n <div class=\"filter-dropdowns\">\r\n <select class=\"custom-select\" id=\"sortSelect\" onchange=\"applySorting()\">\r\n <option value=\"featured\">Sort: Featured<\/option>\r\n <option value=\"newest\">Sort: Newest<\/option>\r\n <option value=\"price-low\">Price: Low to High<\/option>\r\n <option value=\"price-high\">Price: High to Low<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 8 Products Grid -->\r\n <div class=\"products-grid\" id=\"productGrid\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 8. Product Quick View Modal -->\r\n <div class=\"modal-backdrop\" id=\"quickViewModal\">\r\n <div class=\"modal-content\">\r\n <button class=\"modal-close\" onclick=\"closeModal('quickViewModal')\">×<\/button>\r\n <div class=\"quick-view-grid\">\r\n <div class=\"quick-view-img\">\r\n <img decoding=\"async\" id=\"qvImage\" src=\"\" alt=\"Product Quick View\">\r\n <\/div>\r\n <div class=\"quick-view-details\">\r\n <span class=\"product-cat\" id=\"qvCategory\">Category<\/span>\r\n <h3 class=\"heading-serif product-name\" id=\"qvTitle\" style=\"font-size: 26px;\">Product Name<\/h3>\r\n <div class=\"product-rating\" id=\"qvRating\"><\/div>\r\n <div class=\"product-price-row\">\r\n <span class=\"curr-price\" id=\"qvPrice\">\u20b90<\/span>\r\n <span class=\"old-price\" id=\"qvOldPrice\">\u20b90<\/span>\r\n <\/div>\r\n <p class=\"product-desc\" id=\"qvDesc\" style=\"-webkit-line-clamp: unset; margin-bottom: 20px;\"><\/p>\r\n \r\n <div class=\"qty-picker\">\r\n <button onclick=\"adjustQvQty(-1)\">-<\/button>\r\n <span id=\"qvQtyVal\">1<\/span>\r\n <button onclick=\"adjustQvQty(1)\">+<\/button>\r\n <\/div>\r\n\r\n <div style=\"display:flex; gap:10px;\">\r\n <button class=\"btn btn-primary\" style=\"flex:1;\" onclick=\"addQuickViewToCart()\">Add To Cart<\/button>\r\n <button class=\"action-circle-btn\" style=\"width:46px; height:46px; border:1px solid var(--border);\" onclick=\"toggleWishlistQv()\"><i class=\"fa-regular fa-heart\"><\/i><\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 9. Shopping Cart Drawer -->\r\n <div class=\"cart-drawer\" id=\"cartDrawer\">\r\n <div class=\"cart-header\">\r\n <h3>Your Bag<\/h3>\r\n <button class=\"icon-btn\" onclick=\"toggleCartDrawer(false)\">×<\/button>\r\n <\/div>\r\n <div class=\"cart-items\" id=\"cartItemsList\"><\/div>\r\n <div class=\"cart-footer\">\r\n <div class=\"cart-subtotal\">\r\n <span>Subtotal<\/span>\r\n <span id=\"cartSubtotal\">\u20b90<\/span>\r\n <\/div>\r\n <div class=\"cart-total\">\r\n <span>Total<\/span>\r\n <span id=\"cartTotal\">\u20b90<\/span>\r\n <\/div>\r\n <button class=\"btn btn-primary\" style=\"width: 100%;\" onclick=\"openCheckoutModal()\">Proceed to Checkout<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Checkout Demo Modal -->\r\n <div class=\"modal-backdrop\" id=\"checkoutModal\">\r\n <div class=\"modal-content\" style=\"max-width: 500px; padding: 35px;\">\r\n <button class=\"modal-close\" onclick=\"closeModal('checkoutModal')\">×<\/button>\r\n <div class=\"text-center\">\r\n <i class=\"fa-solid fa-lock\" style=\"font-size: 32px; color: var(--accent); margin-bottom: 12px;\"><\/i>\r\n <h3 class=\"heading-serif\" style=\"font-size: 26px; color: var(--primary);\">Secure Checkout<\/h3>\r\n <p style=\"font-size: 13px; color: var(--muted); margin-bottom: 25px;\">Direct Order Dispatch via Balla Lather Official Desk<\/p>\r\n <\/div>\r\n <form id=\"checkoutForm\" onsubmit=\"handleCheckout(event)\">\r\n <div class=\"form-group\">\r\n <label>Full Name<\/label>\r\n <input type=\"text\" class=\"form-control\" required placeholder=\"e.g. Rahul Sharma\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone Number<\/label>\r\n <input type=\"tel\" class=\"form-control\" required placeholder=\"e.g. 7877804563\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Delivery Address<\/label>\r\n <textarea class=\"form-control\" rows=\"2\" required placeholder=\"Complete shipping address\"><\/textarea>\r\n <\/div>\r\n <div style=\"background: var(--bg); padding: 12px; margin-bottom: 20px; font-size: 13px;\">\r\n <div style=\"display:flex; justify-content:space-between; font-weight:700;\">\r\n <span>Payable Amount:<\/span>\r\n <span id=\"checkoutTotalVal\">\u20b90<\/span>\r\n <\/div>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Place Order on WhatsApp<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- 10. Why Balla Lather -->\r\n <section class=\"story-section\" id=\"why-us\">\r\n <div class=\"container\">\r\n <div class=\"story-grid\">\r\n <div class=\"story-image-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590874103328-eac38a683ce7?auto=format&fit=crop&w=1000&q=80\" alt=\"Artisan Crafting Leather\">\r\n <\/div>\r\n <div class=\"story-content\" id=\"about\">\r\n <span class=\"section-tag\">Our Heritage<\/span>\r\n <h2 class=\"heading-serif\">More Than Leather. It's a Statement.<\/h2>\r\n <p class=\"story-lead\">At Balla Lather, we believe luxury lies in authenticity and longevity. Every piece is handcrafted from ethically sourced, full-grain leather that gains character over time.<\/p>\r\n \r\n <div class=\"story-points\">\r\n <div class=\"story-point\">\r\n <h4><i class=\"fa-solid fa-check\"><\/i> Premium Materials<\/h4>\r\n <p>Hand-selected hides ensuring pure natural grain and strength.<\/p>\r\n <\/div>\r\n <div class=\"story-point\">\r\n <h4><i class=\"fa-solid fa-check\"><\/i> Refined Craftsmanship<\/h4>\r\n <p>Meticulously saddle-stitched with waxed threads and burnished edges.<\/p>\r\n <\/div>\r\n <div class=\"story-point\">\r\n <h4><i class=\"fa-solid fa-check\"><\/i> Timeless Designs<\/h4>\r\n <p>Clean silhouettes tailored for modern corporate and casual aesthetics.<\/p>\r\n <\/div>\r\n <div class=\"story-point\">\r\n <h4><i class=\"fa-solid fa-check\"><\/i> Everyday Function<\/h4>\r\n <p>Ergonomic compartments engineered for modern tech and daily essentials.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 11. Premium Banner -->\r\n <section class=\"full-banner\">\r\n <div class=\"container\">\r\n <h2 class=\"heading-serif\">Carry Confidence. Wear Quality.<\/h2>\r\n <p>Elevate your everyday presence with heirloom leather accessories built for discerning individuals.<\/p>\r\n <a href=\"#shop\" class=\"btn btn-outline-white\">Explore Collection<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 12. Customer Reviews -->\r\n <section class=\"reviews-section\">\r\n <div class=\"container\">\r\n <div class=\"text-center\">\r\n <span class=\"section-tag\">Client Feedback<\/span>\r\n <h2 class=\"heading-serif section-title\">Endorsed by Connoisseurs<\/h2>\r\n <p class=\"section-subtitle\">Real experiences from customers who appreciate authentic leather craftsmanship.<\/p>\r\n <\/div>\r\n\r\n <div class=\"reviews-grid\">\r\n <div class=\"review-card\">\r\n <div>\r\n <div class=\"review-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"review-text\">\"The wallet feels premium, looks elegant and the finishing is excellent.\"<\/p>\r\n <\/div>\r\n <div>\r\n <div class=\"reviewer-name\">Rahul Sharma<\/div>\r\n <span class=\"reviewer-badge\">Verified Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div>\r\n <div class=\"review-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"review-text\">\"Beautiful craftsmanship and perfect for everyday use.\"<\/p>\r\n <\/div>\r\n <div>\r\n <div class=\"reviewer-name\">Arjun Mehta<\/div>\r\n <span class=\"reviewer-badge\">Verified Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div>\r\n <div class=\"review-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"review-text\">\"The quality exceeded my expectations. Definitely feels like a premium product.\"<\/p>\r\n <\/div>\r\n <div>\r\n <div class=\"reviewer-name\">Vikram Singh<\/div>\r\n <span class=\"reviewer-badge\">Verified Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div>\r\n <div class=\"review-stars\"><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><\/div>\r\n <p class=\"review-text\">\"Simple, classy and extremely well made.\"<\/p>\r\n <\/div>\r\n <div>\r\n <div class=\"reviewer-name\">Aman Kapoor<\/div>\r\n <span class=\"reviewer-badge\">Verified Buyer<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 13. Newsletter Section -->\r\n <section class=\"newsletter-section\">\r\n <div class=\"container\">\r\n <div class=\"newsletter-box\">\r\n <span class=\"section-tag\" style=\"color:#D5C4B7;\">Exclusive Access<\/span>\r\n <h2 class=\"heading-serif\">Stay in the Loop<\/h2>\r\n <p>Get updates on new collections, exclusive offers and premium leather essentials.<\/p>\r\n <form class=\"newsletter-form\" onsubmit=\"handleNewsletter(event)\">\r\n <input type=\"email\" id=\"newsEmail\" placeholder=\"Enter your email address\" required>\r\n <button type=\"submit\">Subscribe<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 14. Contact Section -->\r\n <section class=\"contact-section\" id=\"contact\">\r\n <div class=\"container\">\r\n <div class=\"text-center\">\r\n <span class=\"section-tag\">Direct Communication<\/span>\r\n <h2 class=\"heading-serif section-title\">Let's Connect<\/h2>\r\n <p class=\"section-subtitle\">Reach out for bespoke inquiries, bulk corporate gifting, or order assistance.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-info-panel\">\r\n <div>\r\n <h3 class=\"heading-serif\">Balla Lather<\/h3>\r\n <p>Experience the finest in handcrafted leather goods. We are committed to uncompromised luxury and seamless customer care.<\/p>\r\n \r\n <div class=\"contact-details-list\">\r\n <div class=\"contact-detail-item\">\r\n <i class=\"fa-solid fa-phone\"><\/i>\r\n <span>+91 7877804563<\/span>\r\n <\/div>\r\n <div class=\"contact-detail-item\">\r\n <i class=\"fa-solid fa-globe\"><\/i>\r\n <span>www.ballalathar.com<\/span>\r\n <\/div>\r\n <div class=\"contact-detail-item\">\r\n <i class=\"fa-solid fa-envelope\"><\/i>\r\n <span>concierge@ballalathar.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <a href=\"https:\/\/wa.me\/917877804563?text=Hi%20Balla%20Lather,%20I%20have%20an%20inquiry%20regarding%20your%20products\" target=\"_blank\" class=\"whatsapp-card-btn\">\r\n <i class=\"fa-brands fa-whatsapp\" style=\"font-size: 20px;\"><\/i>\r\n Chat Directly on WhatsApp\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-form-panel\">\r\n <form id=\"contactForm\" onsubmit=\"handleContact(event)\">\r\n <div class=\"form-group\">\r\n <label>Your Name<\/label>\r\n <input type=\"text\" class=\"form-control\" id=\"cName\" placeholder=\"e.g. Vikram Singh\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email Address<\/label>\r\n <input type=\"email\" class=\"form-control\" id=\"cEmail\" placeholder=\"e.g. vikram@example.com\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Phone Number<\/label>\r\n <input type=\"tel\" class=\"form-control\" id=\"cPhone\" placeholder=\"e.g. 7877804563\" required>\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Message<\/label>\r\n <textarea class=\"form-control\" rows=\"4\" id=\"cMsg\" placeholder=\"How can we assist you with our leather collection?\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%;\">Send Message<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 15. Footer -->\r\n <footer class=\"site-footer\">\r\n <div class=\"container\">\r\n <div class=\"footer-grid\">\r\n <div class=\"footer-col\">\r\n <div class=\"logo\" style=\"color: #FFFFFF; margin-bottom: 16px;\">\r\n BALLA LATHER <span style=\"color:var(--accent);\">.<\/span>\r\n <\/div>\r\n <p>Handcrafted luxury leather goods engineered for discerning tastes. Full-grain, ethically made, and built to last a lifetime.<\/p>\r\n <div class=\"social-row\">\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <a href=\"#\" class=\"social-btn\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Shop<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#shop\" onclick=\"filterByCategory('Wallets')\">Wallets<\/a><\/li>\r\n <li><a href=\"#shop\" onclick=\"filterByCategory('Belts')\">Belts<\/a><\/li>\r\n <li><a href=\"#shop\" onclick=\"filterByCategory('Bags')\">Bags<\/a><\/li>\r\n <li><a href=\"#shop\" onclick=\"filterByCategory('Card Holders')\">Card Holders<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Company<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><a href=\"#about\">About Us<\/a><\/li>\r\n <li><a href=\"#contact\">Contact<\/a><\/li>\r\n <li><a href=\"#\" onclick=\"showToast('Privacy Policy: All customer data is encrypted.')\">Privacy Policy<\/a><\/li>\r\n <li><a href=\"#\" onclick=\"showToast('Terms & Conditions: Genuine leather handcrafted warranty applies.')\">Terms & Conditions<\/a><\/li>\r\n <li><a href=\"#\" onclick=\"showToast('Shipping: Free Express shipping across India.')\">Shipping Policy<\/a><\/li>\r\n <li><a href=\"#\" onclick=\"showToast('Returns: 7-day hassle-free returns policy.')\">Return Policy<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Contact<\/h4>\r\n <ul class=\"footer-links\">\r\n <li><i class=\"fa-solid fa-phone\" style=\"color:var(--accent); margin-right:8px;\"><\/i> 7877804563<\/li>\r\n <li><i class=\"fa-solid fa-globe\" style=\"color:var(--accent); margin-right:8px;\"><\/i> www.ballalathar.com<\/li>\r\n <li><i class=\"fa-solid fa-location-dot\" style=\"color:var(--accent); margin-right:8px;\"><\/i> Artisanal Leather Studio, India<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n <span>© 2026 Balla Lather. All Rights Reserved.<\/span>\r\n <span>Crafted for Timeless Elegance<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- Search Modal -->\r\n <div class=\"search-modal\" id=\"searchModal\">\r\n <button class=\"modal-close\" style=\"color: #FFFFFF; font-size: 32px;\" onclick=\"closeModal('searchModal')\">×<\/button>\r\n <div class=\"search-box-inner\">\r\n <input type=\"text\" id=\"globalSearchInput\" class=\"search-input-field\" placeholder=\"Search wallet, belt, bag, card holder...\" oninput=\"handleSearch(this.value)\">\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Toast Notification Bar -->\r\n <div class=\"toast-notice\" id=\"toastNotice\">Item updated<\/div>\r\n\r\n <script>\r\n \/\/ Product Data\r\n const products = [\r\n {\r\n id: 1,\r\n name: \"Classic Leather Wallet\",\r\n category: \"Wallets\",\r\n price: 1499,\r\n oldPrice: 2299,\r\n badge: \"Bestseller\",\r\n rating: 5,\r\n reviewsCount: 38,\r\n image: \"https:\/\/images.unsplash.com\/photo-1627123424574-724758594e93?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Bifold classic wallet featuring 8 card slots, dual currency compartments, and RFID blocking lining made from vegetable-tanned full-grain leather.\"\r\n },\r\n {\r\n id: 2,\r\n name: \"Premium Executive Wallet\",\r\n category: \"Wallets\",\r\n price: 1799,\r\n oldPrice: 2599,\r\n badge: \"Luxury\",\r\n rating: 5,\r\n reviewsCount: 42,\r\n image: \"https:\/\/images.unsplash.com\/photo-1606503829067-15104a37f59d?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Ultra-sleek executive leather wallet designed with hand-stitched borders, embossed logo detailing, and coin pocket.\"\r\n },\r\n {\r\n id: 3,\r\n name: \"Classic Leather Belt\",\r\n category: \"Belts\",\r\n price: 1299,\r\n oldPrice: 1999,\r\n badge: \"Popular\",\r\n rating: 4.9,\r\n reviewsCount: 29,\r\n image: \"https:\/\/images.unsplash.com\/photo-1624222247344-550fb60583dc?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Handcrafted 35mm wide genuine full-grain leather belt complemented by a solid antique brass buckle and feather edge construction.\"\r\n },\r\n {\r\n id: 4,\r\n name: \"Premium Formal Belt\",\r\n category: \"Belts\",\r\n price: 1599,\r\n oldPrice: 2399,\r\n badge: \"Trending\",\r\n rating: 5,\r\n reviewsCount: 31,\r\n image: \"https:\/\/images.unsplash.com\/photo-1553062407-98eeb64c6a62?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Deep espresso formal leather belt with smooth gloss finish, handcrafted keeper loop, and scratch-resistant metal hardware.\"\r\n },\r\n {\r\n id: 5,\r\n name: \"Leather Office Bag\",\r\n category: \"Bags\",\r\n price: 3999,\r\n oldPrice: 5999,\r\n badge: \"Executive\",\r\n rating: 5,\r\n reviewsCount: 54,\r\n image: \"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Spacious handcrafted leather messenger briefcase with padded 15.6-inch laptop partition, heavy-duty YKK zips, and detachable shoulder strap.\"\r\n },\r\n {\r\n id: 6,\r\n name: \"Classic Leather Sling Bag\",\r\n category: \"Bags\",\r\n price: 2999,\r\n oldPrice: 4499,\r\n badge: \"New\",\r\n rating: 4.8,\r\n reviewsCount: 22,\r\n image: \"https:\/\/images.unsplash.com\/photo-1590874103328-eac38a683ce7?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Crossbody leather sling bag built for effortless mobility. Houses daily tech, travel books, and passport securely with magnetic closures.\"\r\n },\r\n {\r\n id: 7,\r\n name: \"Premium Card Holder\",\r\n category: \"Card Holders\",\r\n price: 899,\r\n oldPrice: 1399,\r\n badge: \"Minimalist\",\r\n rating: 4.9,\r\n reviewsCount: 19,\r\n image: \"https:\/\/images.unsplash.com\/photo-1512496015851-a90fb38ba796?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Slim profile card sleeve crafted with 6 card slots and center cash pocket, designed to slip invisibly into front pockets.\"\r\n },\r\n {\r\n id: 8,\r\n name: \"Minimal Leather Card Case\",\r\n category: \"Card Holders\",\r\n price: 799,\r\n oldPrice: 1199,\r\n badge: \"Essential\",\r\n rating: 4.8,\r\n reviewsCount: 16,\r\n image: \"https:\/\/images.unsplash.com\/photo-1547949003-9792a18a2601?auto=format&fit=crop&w=600&q=80\",\r\n description: \"Compact folding card case with magnetic closure, offering smooth tactile feel and authentic aged patina finish.\"\r\n }\r\n ];\r\n\r\n \/\/ State Variables\r\n let cart = JSON.parse(localStorage.getItem('balla_cart')) || [];\r\n let wishlist = JSON.parse(localStorage.getItem('balla_wishlist')) || [];\r\n let currentCategory = 'All';\r\n let currentSort = 'featured';\r\n let currentQvProduct = null;\r\n let currentQvQty = 1;\r\n\r\n \/\/ DOM Elements\r\n const productGrid = document.getElementById('productGrid');\r\n const cartCountBadge = document.getElementById('cartCountBadge');\r\n const cartDrawer = document.getElementById('cartDrawer');\r\n const cartItemsList = document.getElementById('cartItemsList');\r\n const cartSubtotal = document.getElementById('cartSubtotal');\r\n const cartTotal = document.getElementById('cartTotal');\r\n const mainHeader = document.getElementById('mainHeader');\r\n\r\n \/\/ Initialize App\r\n document.addEventListener('DOMContentLoaded', () => {\r\n renderProducts();\r\n updateCartUI();\r\n\r\n \/\/ Sticky Navbar Effect\r\n window.addEventListener('scroll', () => {\r\n if (window.scrollY > 40) {\r\n mainHeader.classList.add('scrolled');\r\n } else {\r\n mainHeader.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Mobile Menu Toggle\r\n const mobileToggle = document.getElementById('mobileToggle');\r\n const navLinks = document.getElementById('navLinks');\r\n mobileToggle.addEventListener('click', () => {\r\n navLinks.classList.toggle('mobile-active');\r\n });\r\n\r\n \/\/ Cart Trigger\r\n document.getElementById('cartTrigger').addEventListener('click', () => {\r\n toggleCartDrawer(true);\r\n });\r\n\r\n \/\/ Search Modal Trigger\r\n document.getElementById('searchTrigger').addEventListener('click', () => {\r\n document.getElementById('searchModal').classList.add('active');\r\n document.getElementById('globalSearchInput').focus();\r\n });\r\n });\r\n\r\n \/\/ Render Products Grid\r\n function renderProducts(itemsToRender = null) {\r\n let filtered = itemsToRender || [...products];\r\n\r\n if (!itemsToRender) {\r\n \/\/ Filter by Category\r\n if (currentCategory !== 'All') {\r\n filtered = filtered.filter(p => p.category.toLowerCase() === currentCategory.toLowerCase());\r\n }\r\n\r\n \/\/ Apply Sorting\r\n if (currentSort === 'price-low') {\r\n filtered.sort((a, b) => a.price - b.price);\r\n } else if (currentSort === 'price-high') {\r\n filtered.sort((a, b) => b.price - a.price);\r\n } else if (currentSort === 'newest') {\r\n filtered.sort((a, b) => b.id - a.id);\r\n }\r\n }\r\n\r\n productGrid.innerHTML = '';\r\n\r\n if (filtered.length === 0) {\r\n productGrid.innerHTML = `<div style=\"grid-column: 1\/-1; text-align:center; padding:50px; color:var(--muted);\">No matching leather items found.<\/div>`;\r\n return;\r\n }\r\n\r\n filtered.forEach(product => {\r\n const isWishlisted = wishlist.includes(product.id);\r\n const card = document.createElement('div');\r\n card.className = 'product-card';\r\n card.innerHTML = `\r\n <div class=\"product-thumb\">\r\n <span class=\"product-badge\">${product.badge}<\/span>\r\n <div class=\"product-actions\">\r\n <button class=\"action-circle-btn ${isWishlisted ? 'wishlisted' : ''}\" onclick=\"toggleWishlist(${product.id}, this)\" title=\"Wishlist\">\r\n <i class=\"${isWishlisted ? 'fa-solid' : 'fa-regular'} fa-heart\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <img decoding=\"async\" src=\"${product.image}\" alt=\"${product.name}\">\r\n <div class=\"quick-view-overlay\" onclick=\"openQuickView(${product.id})\">Quick View<\/div>\r\n <\/div>\r\n <div class=\"product-body\">\r\n <span class=\"product-cat\">${product.category}<\/span>\r\n <h3 class=\"product-name\">${product.name}<\/h3>\r\n <div class=\"product-rating\">\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span>(${product.reviewsCount})<\/span>\r\n <\/div>\r\n <p class=\"product-desc\">${product.description}<\/p>\r\n <div class=\"product-price-row\">\r\n <span class=\"curr-price\">\u20b9${product.price.toLocaleString('en-IN')}<\/span>\r\n <span class=\"old-price\">\u20b9${product.oldPrice.toLocaleString('en-IN')}<\/span>\r\n <\/div>\r\n <button class=\"btn-add-cart\" onclick=\"addToCart(${product.id})\">\r\n <i class=\"fa-solid fa-bag-shopping\"><\/i> Add to Cart\r\n <\/button>\r\n <\/div>\r\n `;\r\n productGrid.appendChild(card);\r\n });\r\n }\r\n\r\n \/\/ Category Filtering\r\n function filterCategory(cat, btnElement) {\r\n currentCategory = cat;\r\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\r\n if (btnElement) btnElement.classList.add('active');\r\n renderProducts();\r\n }\r\n\r\n function filterByCategory(cat) {\r\n currentCategory = cat;\r\n const targetTabs = Array.from(document.querySelectorAll('.tab-btn'));\r\n const activeTab = targetTabs.find(tab => tab.textContent.trim().toLowerCase() === cat.toLowerCase());\r\n document.querySelectorAll('.tab-btn').forEach(btn => btn.classList.remove('active'));\r\n if (activeTab) activeTab.classList.add('active');\r\n renderProducts();\r\n window.location.href = \"#shop\";\r\n }\r\n\r\n \/\/ Sorting\r\n function applySorting() {\r\n currentSort = document.getElementById('sortSelect').value;\r\n renderProducts();\r\n }\r\n\r\n \/\/ Live Search\r\n function handleSearch(query) {\r\n const q = query.trim().toLowerCase();\r\n if (!q) {\r\n renderProducts();\r\n return;\r\n }\r\n const matched = products.filter(p => \r\n p.name.toLowerCase().includes(q) || \r\n p.category.toLowerCase().includes(q) ||\r\n p.description.toLowerCase().includes(q)\r\n );\r\n renderProducts(matched);\r\n }\r\n\r\n \/\/ Quick View Modal\r\n function openQuickView(id) {\r\n const product = products.find(p => p.id === id);\r\n if (!product) return;\r\n currentQvProduct = product;\r\n currentQvQty = 1;\r\n\r\n document.getElementById('qvImage').src = product.image;\r\n document.getElementById('qvCategory').innerText = product.category;\r\n document.getElementById('qvTitle').innerText = product.name;\r\n document.getElementById('qvPrice').innerText = `\u20b9${product.price.toLocaleString('en-IN')}`;\r\n document.getElementById('qvOldPrice').innerText = `\u20b9${product.oldPrice.toLocaleString('en-IN')}`;\r\n document.getElementById('qvDesc').innerText = product.description;\r\n document.getElementById('qvQtyVal').innerText = currentQvQty;\r\n\r\n document.getElementById('qvRating').innerHTML = `\r\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\r\n <span>(${product.reviewsCount} customer reviews)<\/span>\r\n `;\r\n\r\n document.getElementById('quickViewModal').classList.add('active');\r\n }\r\n\r\n function adjustQvQty(change) {\r\n currentQvQty = Math.max(1, currentQvQty + change);\r\n document.getElementById('qvQtyVal').innerText = currentQvQty;\r\n }\r\n\r\n function addQuickViewToCart() {\r\n if (!currentQvProduct) return;\r\n addToCart(currentQvProduct.id, currentQvQty);\r\n closeModal('quickViewModal');\r\n }\r\n\r\n function toggleWishlistQv() {\r\n if (!currentQvProduct) return;\r\n toggleWishlist(currentQvProduct.id);\r\n }\r\n\r\n \/\/ Cart Management\r\n function addToCart(productId, qty = 1) {\r\n const itemIndex = cart.findIndex(item => item.id === productId);\r\n const product = products.find(p => p.id === productId);\r\n\r\n if (itemIndex > -1) {\r\n cart[itemIndex].qty += qty;\r\n } else {\r\n cart.push({\r\n id: product.id,\r\n name: product.name,\r\n price: product.price,\r\n image: product.image,\r\n qty: qty\r\n });\r\n }\r\n\r\n saveCart();\r\n updateCartUI();\r\n showToast(`${product.name} added to cart!`);\r\n toggleCartDrawer(true);\r\n }\r\n\r\n function updateCartQty(productId, change) {\r\n const itemIndex = cart.findIndex(item => item.id === productId);\r\n if (itemIndex > -1) {\r\n cart[itemIndex].qty += change;\r\n if (cart[itemIndex].qty <= 0) {\r\n cart.splice(itemIndex, 1);\r\n }\r\n }\r\n saveCart();\r\n updateCartUI();\r\n }\r\n\r\n function removeFromCart(productId) {\r\n cart = cart.filter(item => item.id !== productId);\r\n saveCart();\r\n updateCartUI();\r\n }\r\n\r\n function saveCart() {\r\n localStorage.setItem('balla_cart', JSON.stringify(cart));\r\n }\r\n\r\n function updateCartUI() {\r\n const totalCount = cart.reduce((acc, item) => acc + item.qty, 0);\r\n cartCountBadge.innerText = totalCount;\r\n\r\n if (cart.length === 0) {\r\n cartItemsList.innerHTML = `\r\n <div class=\"empty-cart-msg\">\r\n <i class=\"fa-solid fa-bag-shopping\" style=\"font-size: 36px; margin-bottom: 12px; opacity:0.3;\"><\/i>\r\n <p>Your shopping bag is empty.<\/p>\r\n <\/div>\r\n `;\r\n cartSubtotal.innerText = \"\u20b90\";\r\n cartTotal.innerText = \"\u20b90\";\r\n return;\r\n }\r\n\r\n cartItemsList.innerHTML = '';\r\n let subtotal = 0;\r\n\r\n cart.forEach(item => {\r\n subtotal += item.price * item.qty;\r\n const itemEl = document.createElement('div');\r\n itemEl.className = 'cart-item';\r\n itemEl.innerHTML = `\r\n <img decoding=\"async\" src=\"${item.image}\" alt=\"${item.name}\">\r\n <div class=\"cart-item-info\">\r\n <h4>${item.name}<\/h4>\r\n <div class=\"cart-item-price\">\u20b9${item.price.toLocaleString('en-IN')}<\/div>\r\n <div class=\"cart-item-qty\">\r\n <button onclick=\"updateCartQty(${item.id}, -1)\">-<\/button>\r\n <span>${item.qty}<\/span>\r\n <button onclick=\"updateCartQty(${item.id}, 1)\">+<\/button>\r\n <\/div>\r\n <\/div>\r\n <button class=\"cart-remove-btn\" onclick=\"removeFromCart(${item.id})\">×<\/button>\r\n `;\r\n cartItemsList.appendChild(itemEl);\r\n });\r\n\r\n cartSubtotal.innerText = `\u20b9${subtotal.toLocaleString('en-IN')}`;\r\n cartTotal.innerText = `\u20b9${subtotal.toLocaleString('en-IN')}`;\r\n }\r\n\r\n function toggleCartDrawer(open) {\r\n if (open) {\r\n cartDrawer.classList.add('open');\r\n } else {\r\n cartDrawer.classList.remove('open');\r\n }\r\n }\r\n\r\n \/\/ Wishlist Functionality\r\n function toggleWishlist(productId, btnElement) {\r\n const index = wishlist.indexOf(productId);\r\n if (index > -1) {\r\n wishlist.splice(index, 1);\r\n showToast(\"Removed from Wishlist\");\r\n } else {\r\n wishlist.push(productId);\r\n showToast(\"Added to Wishlist\");\r\n }\r\n localStorage.setItem('balla_wishlist', JSON.stringify(wishlist));\r\n renderProducts();\r\n }\r\n\r\n \/\/ Modal Helpers\r\n function closeModal(modalId) {\r\n document.getElementById(modalId).classList.remove('active');\r\n }\r\n\r\n function openCheckoutModal() {\r\n if (cart.length === 0) {\r\n showToast(\"Your cart is empty!\");\r\n return;\r\n }\r\n toggleCartDrawer(false);\r\n const total = cart.reduce((acc, item) => acc + (item.price * item.qty), 0);\r\n document.getElementById('checkoutTotalVal').innerText = `\u20b9${total.toLocaleString('en-IN')}`;\r\n document.getElementById('checkoutModal').classList.add('active');\r\n }\r\n\r\n function handleCheckout(e) {\r\n e.preventDefault();\r\n const itemsListText = cart.map(i => `${i.name} (Qty: ${i.qty}) - \u20b9${i.price * i.qty}`).join(', ');\r\n const total = cart.reduce((acc, item) => acc + (item.price * item.qty), 0);\r\n const whatsappMsg = `Hello Balla Lather,%0A%0AI would like to place an order:%0A${encodeURIComponent(itemsListText)}%0A%0ATotal Amount: \u20b9${total}%0A%0APlease confirm delivery details.`;\r\n \r\n \/\/ Clear cart\r\n cart = [];\r\n saveCart();\r\n updateCartUI();\r\n closeModal('checkoutModal');\r\n\r\n \/\/ Redirect to WhatsApp\r\n window.open(`https:\/\/wa.me\/917877804563?text=${whatsappMsg}`, '_blank');\r\n showToast(\"Order initiated! Redirecting to WhatsApp desk.\");\r\n }\r\n\r\n \/\/ Forms\r\n function handleNewsletter(e) {\r\n e.preventDefault();\r\n document.getElementById('newsEmail').value = '';\r\n showToast(\"Thank you for subscribing to Balla Lather!\");\r\n }\r\n\r\n function handleContact(e) {\r\n e.preventDefault();\r\n const name = document.getElementById('cName').value;\r\n const msg = document.getElementById('cMsg').value;\r\n document.getElementById('contactForm').reset();\r\n showToast(`Thank you ${name}. Your message has been received!`);\r\n window.open(`https:\/\/wa.me\/917877804563?text=Hi%20Balla%20Lather,%20My%20name%20is%20${encodeURIComponent(name)}.%20${encodeURIComponent(msg)}`, '_blank');\r\n }\r\n\r\n \/\/ Toast Utility\r\n function showToast(message) {\r\n const toast = document.getElementById('toastNotice');\r\n toast.innerText = message;\r\n toast.classList.add('show');\r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 3200);\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Balla Lather | Handcrafted Luxury Leather Essentials Premium Leather Craftsmanship | Designed for Everyday Luxury BALLA LATHER . Home Shop […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lather bag<\/title>\n<meta name=\"description\" content=\"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uidm.madtrader.net\/marketivo-lather\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lather bag\" \/>\n<meta property=\"og:description\" content=\"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uidm.madtrader.net\/marketivo-lather\/\" \/>\n<meta property=\"og:site_name\" content=\"uidmclasses\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T07:34:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/\",\"url\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/\",\"name\":\"Lather bag\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80\",\"datePublished\":\"2026-08-20T06:25:13+00:00\",\"dateModified\":\"2026-08-20T07:34:50+00:00\",\"description\":\"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/#primaryimage\",\"url\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80\",\"contentUrl\":\"https:\\\/\\\/images.unsplash.com\\\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/marketivo-lather\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/uidm.madtrader.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"marketivo – lather\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#website\",\"url\":\"https:\\\/\\\/uidm.madtrader.net\\\/\",\"name\":\"uidmclasses\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/uidm.madtrader.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#organization\",\"name\":\"uidmclasses\",\"url\":\"https:\\\/\\\/uidm.madtrader.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/uidm.madtrader.net\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Pink-and-white-Moon-Calligraphy-Rustic-Logo-1.png\",\"contentUrl\":\"https:\\\/\\\/uidm.madtrader.net\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Pink-and-white-Moon-Calligraphy-Rustic-Logo-1.png\",\"width\":2000,\"height\":2000,\"caption\":\"uidmclasses\"},\"image\":{\"@id\":\"https:\\\/\\\/uidm.madtrader.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lather bag","description":"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uidm.madtrader.net\/marketivo-lather\/","og_locale":"en_US","og_type":"article","og_title":"Lather bag","og_description":"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.","og_url":"https:\/\/uidm.madtrader.net\/marketivo-lather\/","og_site_name":"uidmclasses","article_modified_time":"2026-08-20T07:34:50+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/","url":"https:\/\/uidm.madtrader.net\/marketivo-lather\/","name":"Lather bag","isPartOf":{"@id":"https:\/\/uidm.madtrader.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/#primaryimage"},"image":{"@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80","datePublished":"2026-08-20T06:25:13+00:00","dateModified":"2026-08-20T07:34:50+00:00","description":"Discover premium leather bags in India, from stylish handbags and backpacks to laptop & travel bags. Shop durable, elegant designs at great prices.","breadcrumb":{"@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uidm.madtrader.net\/marketivo-lather\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&fit=crop&w=1200&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/uidm.madtrader.net\/marketivo-lather\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uidm.madtrader.net\/"},{"@type":"ListItem","position":2,"name":"marketivo – lather"}]},{"@type":"WebSite","@id":"https:\/\/uidm.madtrader.net\/#website","url":"https:\/\/uidm.madtrader.net\/","name":"uidmclasses","description":"","publisher":{"@id":"https:\/\/uidm.madtrader.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uidm.madtrader.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/uidm.madtrader.net\/#organization","name":"uidmclasses","url":"https:\/\/uidm.madtrader.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uidm.madtrader.net\/#\/schema\/logo\/image\/","url":"https:\/\/uidm.madtrader.net\/wp-content\/uploads\/2026\/08\/Pink-and-white-Moon-Calligraphy-Rustic-Logo-1.png","contentUrl":"https:\/\/uidm.madtrader.net\/wp-content\/uploads\/2026\/08\/Pink-and-white-Moon-Calligraphy-Rustic-Logo-1.png","width":2000,"height":2000,"caption":"uidmclasses"},"image":{"@id":"https:\/\/uidm.madtrader.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":4,"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/pages\/163\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/uidm.madtrader.net\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}