{"id":7,"date":"2025-08-17T05:06:08","date_gmt":"2025-08-17T05:06:08","guid":{"rendered":"https:\/\/ashusfashionhouse.com\/?page_id=7"},"modified":"2025-11-30T16:18:27","modified_gmt":"2025-11-30T16:18:27","slug":"home","status":"publish","type":"page","link":"https:\/\/ashusfashionhouse.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\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 Responsive Hero Carousel \u2014 Desktop & Mobile Images + Lazyload<\/title>\r\n <style>\r\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\r\n\r\n \/* Full-bleed hero wrapper *\/\r\n .brand-hero{\r\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\r\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n aspect-ratio: 16 \/ 7;\r\n max-height: 760px; min-height:320px;\r\n }\r\n\r\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\r\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\r\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\r\n\r\n \/* arrows *\/\r\n .bh-arrow{\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n width:42px; height:42px; border-radius:50%; border:none;\r\n background:rgba(0,0,0,0.45); color:#fff;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:20px; cursor:pointer; z-index:8;\r\n }\r\n .bh-prev{ left:22px; }\r\n .bh-next{ right:22px; }\r\n\r\n @media (max-width:900px){\r\n .brand-hero{ aspect-ratio: 12 \/ 7; }\r\n }\r\n\r\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO: full-bleed carousel -->\r\n <section id=\"brand-hero\" class=\"brand-hero\" aria-label=\"Brand hero\" tabindex=\"0\">\r\n <div class=\"bh-track\" role=\"list\">\r\n <!-- Slide 1 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/2-scaled.png 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 1\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/2-scaled.png\">\r\n <\/picture>\r\n <\/article>\r\n\r\n <!-- Slide 2 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/1-scaled.png 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 2\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/1-scaled.png\">\r\n <\/picture>\r\n <\/article>\r\n\r\n <!-- Slide 3 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/3-scaled.png 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 3\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/3-scaled.png\">\r\n <\/picture>\r\n <\/article>\r\n\r\n <!-- Slide 4 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/4-scaled.png 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 4\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/4-scaled.png\">\r\n <\/picture>\r\n <\/article>\r\n <\/div>\r\n\r\n <!-- Arrows -->\r\n <button class=\"bh-arrow bh-prev\" aria-label=\"Previous slide\">←<\/button>\r\n <button class=\"bh-arrow bh-next\" aria-label=\"Next slide\">→<\/button>\r\n <\/section>\r\n\r\n <noscript>\r\n <style>.bh-track{display:block}<\/style>\r\n <\/noscript>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function(){\r\n const track = document.querySelector('.bh-track');\r\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\r\n const prev = document.querySelector('.bh-prev');\r\n const next = document.querySelector('.bh-next');\r\n const hero = document.getElementById('brand-hero');\r\n\r\n const DELAY = 4800;\r\n let idx = 0, timer = null;\r\n\r\n \/\/ helpers\r\n function update() {\r\n const x = -idx * 100;\r\n track.style.transform = `translateX(${x}%)`;\r\n }\r\n\r\n function show(i) {\r\n idx = (i + slides.length) % slides.length;\r\n update();\r\n reset();\r\n }\r\n\r\n function nextSlide() { show(idx + 1); }\r\n function prevSlide() { show(idx - 1); }\r\n\r\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\r\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\r\n function reset() { stop(); start(); }\r\n\r\n \/\/ wire arrows\r\n if (prev) prev.addEventListener('click', prevSlide);\r\n if (next) next.addEventListener('click', nextSlide);\r\n\r\n \/\/ pause on user interaction\r\n hero.addEventListener('mouseenter', stop);\r\n hero.addEventListener('mouseleave', start);\r\n hero.addEventListener('focusin', stop);\r\n hero.addEventListener('focusout', start);\r\n\r\n \/\/ touch swipe\r\n let sx = 0;\r\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\r\n hero.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].screenX - sx;\r\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\r\n });\r\n\r\n \/\/ keyboard (hero needs tabindex=\"0\" to receive keydown)\r\n hero.addEventListener('keydown', e => {\r\n if (e.key === 'ArrowLeft') prevSlide();\r\n if (e.key === 'ArrowRight') nextSlide();\r\n });\r\n\r\n \/\/ initial\r\n update();\r\n start();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f25c661 e-flex e-con-boxed e-con e-parent\" data-id=\"f25c661\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a96e0c6 elementor-widget elementor-widget-html\" data-id=\"a96e0c6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EQUAL HEIGHT PRODUCT GRID -->\r\n<section class=\"cf-categories\" aria-label=\"Shop categories\">\r\n <div class=\"cf-inner\">\r\n\r\n <!-- Card 1 -->\r\n <div class=\"cf-card\">\r\n <header class=\"cf-card-head\">\r\n <h2>Shop gifts by price<\/h2>\r\n <\/header>\r\n <div class=\"cf-card-grid\">\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\" alt=\"Under $10\">\r\n <span>Under $10<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-2-scaled.png\" alt=\"Under $25\">\r\n <span>Under $25<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-1-scaled.png\" alt=\"Under $50\">\r\n <span>Under $50<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\" alt=\"Deals\">\r\n <span>Deals<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cf-card-foot\">\r\n <a href=\"#\">Discover more for Holiday<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"cf-card\">\r\n <header class=\"cf-card-head\">\r\n <h2>Shop for your home essentials<\/h2>\r\n <\/header>\r\n <div class=\"cf-card-grid\">\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\" alt=\"Cleaning Tools\">\r\n <span>Cleaning Tools<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\" alt=\"Home Storage\">\r\n <span>Home Storage<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\" alt=\"Home Decor\">\r\n <span>Home Decor<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/VIRTUALYYST-3.png\">\r\n <span>Bedding<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cf-card-foot\">\r\n <a href=\"#\">Discover more in Home<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"cf-card\">\r\n <header class=\"cf-card-head\">\r\n <h2>Get your game on<\/h2>\r\n <\/header>\r\n <div class=\"cf-card-grid single\">\r\n <a class=\"cf-tile large\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/600x600?text=Gaming+Setup\" alt=\"Shop Gaming\">\r\n <span>Shop Gaming<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cf-card-foot\">\r\n <a href=\"#\">Shop gaming<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"cf-card\">\r\n <header class=\"cf-card-head\">\r\n <h2>Shop gifts by recipient<\/h2>\r\n <\/header>\r\n <div class=\"cf-card-grid\">\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400?text=For+Him\" alt=\"For Him\">\r\n <span>For Him<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400?text=For+Her\" alt=\"For Her\">\r\n <span>For Her<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400?text=For+Kids\" alt=\"For Kids\">\r\n <span>For Kids<\/span>\r\n <\/a>\r\n <a class=\"cf-tile\" href=\"#\">\r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/400x400?text=For+Teens\" alt=\"For Teens\">\r\n <span>For Teens<\/span>\r\n <\/a>\r\n <\/div>\r\n <div class=\"cf-card-foot\">\r\n <a href=\"#\">Shop all gifts<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Outer container *\/\r\n.cf-categories {\r\n padding: 40px 20px;\r\n background: #fff;\r\n}\r\n.cf-inner {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n\r\n\/* Each card same height *\/\r\n.cf-card {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border-radius: 6px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n height: 100%;\r\n}\r\n\r\n\/* Header *\/\r\n.cf-card-head {\r\n padding: 18px;\r\n border-bottom: 1px solid rgba(0,0,0,0.05);\r\n background: #fafafa;\r\n}\r\n.cf-card-head h2 {\r\n font-size: 18px;\r\n margin: 0;\r\n font-weight: 700;\r\n}\r\n\r\n\/* Inner grid (2x2) *\/\r\n.cf-card-grid {\r\n flex: 1 1 auto;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 10px;\r\n padding: 14px;\r\n align-content: start;\r\n}\r\n\r\n\/* Tile design *\/\r\n.cf-tile {\r\n display: flex;\r\n flex-direction: column;\r\n background: #fff;\r\n border: 1px solid rgba(0,0,0,0.05);\r\n text-decoration: none;\r\n color: #000;\r\n border-radius: 4px;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n.cf-tile:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n}\r\n.cf-tile img {\r\n width: 100%;\r\n height: auto;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.cf-tile span {\r\n text-align: center;\r\n padding: 10px 6px;\r\n font-weight: 600;\r\n font-size: 14px;\r\n}\r\n\r\n\/* Footer *\/\r\n.cf-card-foot {\r\n padding: 14px;\r\n border-top: 1px solid rgba(0,0,0,0.05);\r\n text-align: left;\r\n background: #fff;\r\n}\r\n.cf-card-foot a {\r\n text-decoration: none;\r\n font-weight: 600;\r\n color: #0f5a45;\r\n font-size: 13px;\r\n}\r\n\r\n\/* Single-tile cards *\/\r\n.cf-card-grid.single .cf-tile {\r\n grid-column: 1 \/ -1;\r\n height: 100%;\r\n}\r\n.cf-card-grid.single img {\r\n aspect-ratio: 1 \/ 1;\r\n object-fit: cover;\r\n}\r\n\r\n\/* Responsive layout *\/\r\n@media (max-width: 1100px) {\r\n .cf-inner {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n@media (max-width: 700px) {\r\n .cf-inner {\r\n grid-template-columns: 1fr;\r\n }\r\n .cf-card-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0211068 e-flex e-con-boxed e-con e-parent\" data-id=\"0211068\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef0110 elementor-widget elementor-widget-html\" data-id=\"4ef0110\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n MEESHO 'CATEGORY ARCHES' STRIP (Clean Version)\r\n \r\n INSTRUCTIONS:\r\n 1. Copy all code below.\r\n 2. Paste into a WordPress \"Custom HTML\" block.\r\n 3. Update the 'href' links to point to your specific category pages.\r\n 4. Update 'src' to your own image URLs.\r\n-->\r\n\r\n<!-- LOAD FONTS -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* WRAPPER *\/\r\n .meesho-arch-wrapper {\r\n font-family: 'Mier B', 'Roboto', sans-serif;\r\n width: 100%;\r\n background-color: #fff;\r\n padding: 30px 0; \/* Adjusted padding for better spacing *\/\r\n box-sizing: border-box;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n\r\n .meesho-arch-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .arch-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* FLEX ROW - SCROLLABLE ON MOBILE *\/\r\n .arch-scroll-track {\r\n display: flex;\r\n justify-content: space-between; \/* Spreads items across width on desktop *\/\r\n align-items: flex-start;\r\n gap: 20px;\r\n overflow-x: auto; \/* Horizontal scroll enabled *\/\r\n padding-bottom: 15px;\r\n scrollbar-width: none; \/* Firefox: Hide scrollbar *\/\r\n -ms-overflow-style: none; \/* IE: Hide scrollbar *\/\r\n }\r\n\r\n \/* Hide scrollbar for Chrome\/Safari\/Webkit *\/\r\n .arch-scroll-track::-webkit-scrollbar { \r\n display: none; \r\n }\r\n\r\n \/* INDIVIDUAL CLICKABLE ITEM *\/\r\n .arch-item {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n text-decoration: none; \/* Removes underline from links *\/\r\n min-width: 100px; \/* Ensures minimum width on mobile *\/\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .arch-item:hover {\r\n transform: translateY(-5px); \/* Gentle lift effect on hover *\/\r\n }\r\n\r\n \/* THE PINK ARCH SHAPE BACKGROUND *\/\r\n .arch-bg {\r\n width: 100px;\r\n height: 110px;\r\n background-color: #fce4ec; \/* The specific light pink color *\/\r\n border-radius: 50px 50px 20px 20px; \/* Creates the Arch shape *\/\r\n display: flex;\r\n align-items: flex-end; \/* Aligns image to bottom *\/\r\n justify-content: center;\r\n margin-bottom: 12px;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* IMAGE INSIDE ARCH *\/\r\n .arch-bg img {\r\n width: 90%;\r\n height: auto;\r\n max-height: 100px;\r\n object-fit: contain; \/* Keeps aspect ratio *\/\r\n transition: transform 0.3s;\r\n }\r\n \r\n \/* Zoom effect on image hover *\/\r\n .arch-item:hover .arch-bg img {\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* LABEL TEXT *\/\r\n .arch-label {\r\n font-size: 15px;\r\n color: #333;\r\n font-weight: 500;\r\n text-align: center;\r\n white-space: nowrap;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n \/* RESPONSIVE ADJUSTMENTS *\/\r\n @media (max-width: 900px) {\r\n .arch-scroll-track {\r\n justify-content: flex-start; \/* Left align on smaller screens so scrolling feels natural *\/\r\n padding-left: 5px;\r\n }\r\n \r\n .arch-bg {\r\n width: 90px;\r\n height: 100px;\r\n }\r\n \r\n .arch-label {\r\n font-size: 13px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"meesho-arch-wrapper\">\r\n \r\n <div class=\"arch-container\">\r\n \r\n <!-- The Category Row -->\r\n <div class=\"arch-scroll-track\">\r\n \r\n <!-- ITEM 1: Ethnic Wear -->\r\n <!-- Change href=\"#\" to your category link, e.g., href=\"\/product-category\/ethnic-wear\" -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <!-- Replace src with your image URL -->\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/a33?text=Saree\" alt=\"Ethnic Wear\">\r\n <\/div>\r\n <span class=\"arch-label\">Ethnic Wear<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 2: Western Dresses -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/d33?text=Dress\" alt=\"Western Dresses\">\r\n <\/div>\r\n <span class=\"arch-label\">Western Dresses<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 3: Menswear -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/33d?text=Men\" alt=\"Menswear\">\r\n <\/div>\r\n <span class=\"arch-label\">Menswear<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 4: Footwear -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/333?text=Shoe\" alt=\"Footwear\">\r\n <\/div>\r\n <span class=\"arch-label\">Footwear<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 5: Home Decor -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/964?text=Vase\" alt=\"Home Decor\">\r\n <\/div>\r\n <span class=\"arch-label\">Home Decor<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 6: Beauty -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/d38?text=Cream\" alt=\"Beauty\">\r\n <\/div>\r\n <span class=\"arch-label\">Beauty<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 7: Accessories -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/b83?text=Bag\" alt=\"Accessories\">\r\n <\/div>\r\n <span class=\"arch-label\">Accessories<\/span>\r\n <\/a>\r\n\r\n <!-- ITEM 8: Grocery -->\r\n <a href=\"#\" class=\"arch-item\">\r\n <div class=\"arch-bg\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/80x100\/fce4ec\/383?text=Food\" alt=\"Grocery\">\r\n <\/div>\r\n <span class=\"arch-label\">Grocery<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c98dcd9 e-flex e-con-boxed e-con e-parent\" data-id=\"c98dcd9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78f7682 elementor-widget elementor-widget-html\" data-id=\"78f7682\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n MEESHO 'ORIGINAL BRANDS' CLONE (AI BUTTON REMOVED)\r\n CLEAN + RESPONSIVE + AUTO-LOGO-SCROLL\r\n-->\r\n\r\n<!-- LOAD FONTS & ICONS -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n \/* WRAPPER *\/\r\n .meesho-brands-wrapper {\r\n font-family: 'Mier B', 'Roboto', sans-serif;\r\n width: 100%;\r\n overflow: hidden;\r\n background-color: #fff;\r\n padding-bottom: 20px;\r\n box-sizing: border-box;\r\n position: relative;\r\n }\r\n\r\n .mw-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 15px;\r\n }\r\n\r\n \/* SECTION 1: ORIGINAL BRANDS *\/\r\n .brand-header-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin: 30px 0 20px 0;\r\n }\r\n\r\n .brand-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n color: #333;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .brand-verified-icon {\r\n color: #5d20d6;\r\n font-size: 20px;\r\n }\r\n\r\n .brand-view-all {\r\n color: #f43397;\r\n font-size: 14px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n text-transform: uppercase;\r\n }\r\n\r\n .brand-carousel-container {\r\n position: relative;\r\n width: 100%;\r\n }\r\n\r\n .brand-scroll-track {\r\n display: flex;\r\n gap: 20px;\r\n overflow-x: auto;\r\n scroll-behavior: smooth;\r\n padding-bottom: 10px;\r\n scrollbar-width: none;\r\n }\r\n\r\n .brand-scroll-track::-webkit-scrollbar { display: none; }\r\n\r\n \/* CARD DESIGN *\/\r\n .m-brand-card {\r\n min-width: 160px;\r\n width: 160px;\r\n height: 220px;\r\n border-radius: 10px;\r\n border: 1px solid #e6e6e6;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n cursor: pointer;\r\n background: #fff;\r\n transition: transform 0.2s;\r\n text-decoration: none;\r\n color: inherit;\r\n }\r\n\r\n .m-brand-card:hover {\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .m-card-img-box {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n }\r\n\r\n .m-card-img-box img {\r\n max-width: 100%;\r\n max-height: 120px;\r\n object-fit: contain;\r\n }\r\n\r\n .m-card-label {\r\n background-color: #055c47;\r\n color: white;\r\n text-align: center;\r\n padding: 12px 5px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n\r\n \/* RIGHT ARROW BUTTON *\/\r\n .scroll-btn-right {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 40px;\r\n height: 40px;\r\n background: #fff;\r\n border-radius: 50%;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n border: none;\r\n }\r\n\r\n \/* SECTION 2: LOGO AUTO-SCROLL STRIP *\/\r\n .logo-strip-section {\r\n background-color: #f9f5ff;\r\n padding: 30px 0;\r\n margin-top: 40px;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .logo-marquee-wrapper {\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .logo-scroll-track {\r\n display: flex;\r\n gap: 30px;\r\n width: max-content;\r\n animation: marqueeScroll 25s linear infinite;\r\n }\r\n\r\n .logo-scroll-track:hover {\r\n animation-play-state: paused;\r\n }\r\n\r\n @keyframes marqueeScroll {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n\r\n .brand-logo-box {\r\n min-width: 140px;\r\n height: 60px;\r\n background: #fff;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 10px;\r\n box-shadow: 0 1px 2px rgba(0,0,0,0.05);\r\n }\r\n\r\n .brand-logo-box img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n filter: grayscale(100%);\r\n opacity: 0.8;\r\n transition: 0.3s;\r\n }\r\n\r\n .brand-logo-box:hover img {\r\n filter: grayscale(0%);\r\n opacity: 1;\r\n }\r\n\r\n<\/style>\r\n\r\n<div class=\"meesho-brands-wrapper\">\r\n \r\n <!-- PART 1: CARDS -->\r\n <div class=\"mw-container\">\r\n \r\n <div class=\"brand-header-row\">\r\n <div class=\"brand-title\">\r\n Original Brands <i class=\"fa-solid fa-certificate brand-verified-icon\"><\/i> \r\n <\/div>\r\n <a href=\"\/brands\" class=\"brand-view-all\">View All ><\/a>\r\n <\/div>\r\n\r\n <div class=\"brand-carousel-container\">\r\n <div class=\"brand-scroll-track\" id=\"brandTrack\">\r\n \r\n <!-- CARD 1 -->\r\n <a href=\"\/shop\/personal-care\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Lotion\">\r\n <\/div>\r\n <div class=\"m-card-label\">Personal Care<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 2 -->\r\n <a href=\"\/shop\/electronics\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Headphone\">\r\n <\/div>\r\n <div class=\"m-card-label\">Electronics<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 3 -->\r\n <a href=\"\/shop\/makeup\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Lipstick\">\r\n <\/div>\r\n <div class=\"m-card-label\">Makeup<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 4 -->\r\n <a href=\"\/shop\/mobiles\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Mobile\">\r\n <\/div>\r\n <div class=\"m-card-label\">Smart Phones<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 5 -->\r\n <a href=\"\/shop\/fragrances\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Perfume\">\r\n <\/div>\r\n <div class=\"m-card-label\">Men Perfume<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 6 -->\r\n <a href=\"\/shop\/bags\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Bag\">\r\n <\/div>\r\n <div class=\"m-card-label\">Bags<\/div>\r\n <\/a>\r\n\r\n <!-- CARD 7 -->\r\n <a href=\"\/shop\/watches\" class=\"m-brand-card\">\r\n <div class=\"m-card-img-box\">\r\n <img decoding=\"async\" src=\"https:\/\/placehold.co\/100x120\/fff\/000?text=Watch\">\r\n <\/div>\r\n <div class=\"m-card-label\">Watches<\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <button class=\"scroll-btn-right\" onclick=\"document.getElementById('brandTrack').scrollBy({left: 200, behavior: 'smooth'})\">\r\n <i class=\"fa-solid fa-chevron-right\"><\/i>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div> \r\n\r\n\r\n <!-- PART 2: AUTO-MOVING LOGO STRIP -->\r\n <div class=\"logo-strip-section\">\r\n <div class=\"mw-container\">\r\n <div class=\"logo-marquee-wrapper\">\r\n <div class=\"logo-scroll-track\">\r\n \r\n <!-- SET 1 -->\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=WILD+STONE\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=plum\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/002255?text=NIVEA\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=Himalaya\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/ff6600?text=mi\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/ff0000?text=Bata\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=WOW\"><\/div>\r\n\r\n <!-- SET 2 (duplicate) -->\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=WILD+STONE\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=plum\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/002255?text=NIVEA\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=Himalaya\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/ff6600?text=mi\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/ff0000?text=Bata\"><\/div>\r\n <div class=\"brand-logo-box\"><img decoding=\"async\" src=\"https:\/\/placehold.co\/100x40\/fff\/333?text=WOW\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a752bf4 e-flex e-con-boxed e-con e-parent\" data-id=\"a752bf4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a9750f elementor-widget elementor-widget-html\" data-id=\"7a9750f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"utf-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n <title>Responsive Hero Carousel \u2014 Desktop & Mobile Images + Lazyload<\/title>\r\n <style>\r\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\r\n\r\n \/* Full-bleed hero wrapper *\/\r\n .brand-hero{\r\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\r\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial;\r\n aspect-ratio: 16 \/ 7;\r\n max-height: 760px; min-height:320px;\r\n }\r\n\r\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\r\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\r\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\r\n\r\n \/* arrows *\/\r\n .bh-arrow{\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n width:42px; height:42px; border-radius:50%; border:none;\r\n background:rgba(0,0,0,0.45); color:#fff;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:20px; cursor:pointer; z-index:8;\r\n }\r\n .bh-prev{ left:22px; }\r\n .bh-next{ right:22px; }\r\n\r\n @media (max-width:900px){\r\n .brand-hero{ aspect-ratio: 12 \/ 7; }\r\n }\r\n\r\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO: full-bleed carousel -->\r\n <section id=\"brand-hero\" class=\"brand-hero\" aria-label=\"Brand hero\" tabindex=\"0\">\r\n <div class=\"bh-track\" role=\"list\">\r\n <!-- Slide 1 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/a5104a6f08136c57e295c63c5690e2f7.jpg 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 1\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/a5104a6f08136c57e295c63c5690e2f7.jpg\">\r\n <\/picture>\r\n <\/article>\r\n\r\n <!-- Slide 2 -->\r\n <article class=\"bh-slide\" role=\"listitem\">\r\n <picture>\r\n <source media=\"(max-width:900px)\" srcset=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/85a67f4dbdcb2483e10c3bd295accedd.jpg 800w\">\r\n <img decoding=\"async\" loading=\"lazy\" alt=\"Slide 2\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/85a67f4dbdcb2483e10c3bd295accedd.jpg\">\r\n <\/picture>\r\n <\/article>\r\n <\/div>\r\n <!-- Arrows -->\r\n <button class=\"bh-arrow bh-prev\" aria-label=\"Previous slide\">←<\/button>\r\n <button class=\"bh-arrow bh-next\" aria-label=\"Next slide\">→<\/button>\r\n <\/section>\r\n\r\n <noscript>\r\n <style>.bh-track{display:block}<\/style>\r\n <\/noscript>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function(){\r\n const track = document.querySelector('.bh-track');\r\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\r\n const prev = document.querySelector('.bh-prev');\r\n const next = document.querySelector('.bh-next');\r\n const hero = document.getElementById('brand-hero');\r\n\r\n const DELAY = 4800;\r\n let idx = 0, timer = null;\r\n\r\n \/\/ helpers\r\n function update() {\r\n const x = -idx * 100;\r\n track.style.transform = `translateX(${x}%)`;\r\n }\r\n\r\n function show(i) {\r\n idx = (i + slides.length) % slides.length;\r\n update();\r\n reset();\r\n }\r\n\r\n function nextSlide() { show(idx + 1); }\r\n function prevSlide() { show(idx - 1); }\r\n\r\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\r\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\r\n function reset() { stop(); start(); }\r\n\r\n \/\/ wire arrows\r\n if (prev) prev.addEventListener('click', prevSlide);\r\n if (next) next.addEventListener('click', nextSlide);\r\n\r\n \/\/ pause on user interaction\r\n hero.addEventListener('mouseenter', stop);\r\n hero.addEventListener('mouseleave', start);\r\n hero.addEventListener('focusin', stop);\r\n hero.addEventListener('focusout', start);\r\n\r\n \/\/ touch swipe\r\n let sx = 0;\r\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\r\n hero.addEventListener('touchend', e => {\r\n const dx = e.changedTouches[0].screenX - sx;\r\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\r\n });\r\n\r\n \/\/ keyboard (hero needs tabindex=\"0\" to receive keydown)\r\n hero.addEventListener('keydown', e => {\r\n if (e.key === 'ArrowLeft') prevSlide();\r\n if (e.key === 'ArrowRight') nextSlide();\r\n });\r\n\r\n \/\/ initial\r\n update();\r\n start();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35f40fb e-flex e-con-boxed e-con e-parent\" data-id=\"35f40fb\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86ca754 elementor-widget elementor-widget-heading\" data-id=\"86ca754\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><b>New Arrivals<\/b><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56f8b3e elementor-widget elementor-widget-shortcode\" data-id=\"56f8b3e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n<li class=\"product type-product post-2002 status-publish first instock product_cat-men product_cat-shirts-men product_cat-tshirt has-post-thumbnail shipping-taxable purchasable product-type-variable product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"400\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/No-BG1-300x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"TAGAS Men's Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)\" \/><\/a> <div class=\"product-compare-wishlist d-compare-wishlist group_layout_four\">\n <div class=\"product-wishlist\">\n <div class=\"yith-add-to-wishlist-button-block\" data-product-id=\"2002\" data-attributes=\"{"kind":"button"}\"><\/div> <\/div>\n <div class=\"product-compare\">\n <a class=\"compare\" rel=\"nofollow\" data-product_id=\"2002\" href=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=2002\">\n <i class=\"fas fa-sync\"><\/i>\n <span class=\"info-tooltip\">\n Compare <\/span>\n <\/a>\n <\/div>\n <div class=\"product-view\"><a href=\"#\" class=\"yith-wcqv-button\" data-product_id=\"2002\"><i class=\"fas fa-search\"><\/i><span class=\"info-tooltip\">Quick View<\/span><\/a><\/div><\/div><div class=\"tinv-wraper woocommerce tinv-wishlist tinvwl-after-add-to-cart tinvwl-loop-button-wrapper tinvwl-woocommerce_after_shop_loop_item\"\r\n\t data-tinvwl_product_id=\"2002\">\r\n\t<div class=\"tinv-wishlist-clear\"><\/div><a role=\"button\" tabindex=\"0\" name=\"add-to-wishlist\" aria-label=\"Add to Wishlist\" class=\"tinvwl_add_to_wishlist_button tinvwl-icon-heart tinvwl-position-after tinvwl-loop\" data-tinv-wl-list=\"[]\" data-tinv-wl-product=\"2002\" data-tinv-wl-productvariation=\"0\" data-tinv-wl-productvariations=\"[2006,2007,2008,2009,2010,2011,0]\" data-tinv-wl-producttype=\"variable\" data-tinv-wl-action=\"add\"><span class=\"tinvwl_add_to_wishlist-text\">Add to Wishlist<\/span><\/a><div class=\"tinv-wishlist-clear\"><\/div>\t\t<div\r\n\t\tclass=\"tinvwl-tooltip\">Add to Wishlist<\/div>\r\n<\/div>\r\n<\/figure>\t<a\r\n\t\thref=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=2002\"\r\n\t\tclass=\"compare button \"\r\n\t\tdata-product_id=\"2002\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<div class=\"product-inner-contents\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><div class=\"row align-items-center\"><div class=\"col-md-7 text-md-left\"><h2 class=\"woocommerce-loop-product__title\">TAGAS Men’s Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 0 out of 5\"><span style=\"width:0%\">Rated <strong class=\"rating\">0<\/strong> out of 5<\/span><\/div><\/div><div class=\"col-md-5 text-md-right\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>450.00<\/bdi><\/span> <span aria-hidden=\"true\">–<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>500.00<\/bdi><\/span><span class=\"screen-reader-text\">Price range: ₹450.00 through ₹500.00<\/span><\/span>\n<\/div><\/div><\/a><div class=\"button-cart_button_two\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2002\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"2002\" data-product_sku=\"1002\" aria-label=\"Select options for “TAGAS Men's Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)”\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2002\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/div><\/div><\/div><\/li>\n<li class=\"product type-product post-1996 status-publish instock product_cat-uncategorized product_tag-women-shirt has-post-thumbnail sale shipping-taxable purchasable product-type-simple product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=classic-cotton-striped-button-down-shirt-red-and-white-long-sleeve-casual-wear\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">-30%<\/span>\n\t<img decoding=\"async\" width=\"288\" height=\"400\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/61hXGRGVvkL._SY550_-288x400.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear\" \/><\/a> <div class=\"product-compare-wishlist d-compare-wishlist group_layout_four\">\n <div class=\"product-wishlist\">\n <div class=\"yith-add-to-wishlist-button-block\" data-product-id=\"1996\" data-attributes=\"{"kind":"button"}\"><\/div> <\/div>\n <div class=\"product-compare\">\n <a class=\"compare\" rel=\"nofollow\" data-product_id=\"1996\" href=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=1996\">\n <i class=\"fas fa-sync\"><\/i>\n <span class=\"info-tooltip\">\n Compare <\/span>\n <\/a>\n <\/div>\n <div class=\"product-view\"><a href=\"#\" class=\"yith-wcqv-button\" data-product_id=\"1996\"><i class=\"fas fa-search\"><\/i><span class=\"info-tooltip\">Quick View<\/span><\/a><\/div><\/div><div class=\"tinv-wraper woocommerce tinv-wishlist tinvwl-after-add-to-cart tinvwl-loop-button-wrapper tinvwl-woocommerce_after_shop_loop_item\"\r\n\t data-tinvwl_product_id=\"1996\">\r\n\t<div class=\"tinv-wishlist-clear\"><\/div><a role=\"button\" tabindex=\"0\" name=\"add-to-wishlist\" aria-label=\"Add to Wishlist\" class=\"tinvwl_add_to_wishlist_button tinvwl-icon-heart tinvwl-position-after tinvwl-loop\" data-tinv-wl-list=\"[]\" data-tinv-wl-product=\"1996\" data-tinv-wl-productvariation=\"0\" data-tinv-wl-productvariations=\"[]\" data-tinv-wl-producttype=\"simple\" data-tinv-wl-action=\"add\"><span class=\"tinvwl_add_to_wishlist-text\">Add to Wishlist<\/span><\/a><div class=\"tinv-wishlist-clear\"><\/div>\t\t<div\r\n\t\tclass=\"tinvwl-tooltip\">Add to Wishlist<\/div>\r\n<\/div>\r\n<\/figure>\t<a\r\n\t\thref=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=1996\"\r\n\t\tclass=\"compare button \"\r\n\t\tdata-product_id=\"1996\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<div class=\"product-inner-contents\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=classic-cotton-striped-button-down-shirt-red-and-white-long-sleeve-casual-wear\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><div class=\"row align-items-center\"><div class=\"col-md-7 text-md-left\"><h2 class=\"woocommerce-loop-product__title\">Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 0 out of 5\"><span style=\"width:0%\">Rated <strong class=\"rating\">0<\/strong> out of 5<\/span><\/div><\/div><div class=\"col-md-5 text-md-right\">\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>500.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: ₹500.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>350.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: ₹350.00.<\/span><\/span>\n<\/div><\/div><\/a><div class=\"button-cart_button_two\"><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7&add-to-cart=1996\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1996\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"1996\" data-product_sku=\"1001\" aria-label=\"Add to cart: “Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear”\" rel=\"nofollow\" data-success_message=\"“Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1996\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/div><\/div><\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-560bf36 e-flex e-con-boxed e-con e-parent\" data-id=\"560bf36\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7801609 elementor-widget elementor-widget-heading\" data-id=\"7801609\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Top-Selling Products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b963492 elementor-widget elementor-widget-shortcode\" data-id=\"b963492\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-4 \"><ul class=\"products columns-4\">\n<li class=\"product type-product post-2002 status-publish first instock product_cat-men product_cat-shirts-men product_cat-tshirt has-post-thumbnail shipping-taxable purchasable product-type-variable product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"400\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/No-BG1-300x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"TAGAS Men's Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)\" \/><\/a> <div class=\"product-compare-wishlist d-compare-wishlist group_layout_four\">\n <div class=\"product-wishlist\">\n <div class=\"yith-add-to-wishlist-button-block\" data-product-id=\"2002\" data-attributes=\"{"kind":"button"}\"><\/div> <\/div>\n <div class=\"product-compare\">\n <a class=\"compare\" rel=\"nofollow\" data-product_id=\"2002\" href=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=2002\">\n <i class=\"fas fa-sync\"><\/i>\n <span class=\"info-tooltip\">\n Compare <\/span>\n <\/a>\n <\/div>\n <div class=\"product-view\"><a href=\"#\" class=\"yith-wcqv-button\" data-product_id=\"2002\"><i class=\"fas fa-search\"><\/i><span class=\"info-tooltip\">Quick View<\/span><\/a><\/div><\/div><div class=\"tinv-wraper woocommerce tinv-wishlist tinvwl-after-add-to-cart tinvwl-loop-button-wrapper tinvwl-woocommerce_after_shop_loop_item\"\r\n\t data-tinvwl_product_id=\"2002\">\r\n\t<div class=\"tinv-wishlist-clear\"><\/div><a role=\"button\" tabindex=\"0\" name=\"add-to-wishlist\" aria-label=\"Add to Wishlist\" class=\"tinvwl_add_to_wishlist_button tinvwl-icon-heart tinvwl-position-after tinvwl-loop\" data-tinv-wl-list=\"[]\" data-tinv-wl-product=\"2002\" data-tinv-wl-productvariation=\"0\" data-tinv-wl-productvariations=\"[2006,2007,2008,2009,2010,2011,0]\" data-tinv-wl-producttype=\"variable\" data-tinv-wl-action=\"add\"><span class=\"tinvwl_add_to_wishlist-text\">Add to Wishlist<\/span><\/a><div class=\"tinv-wishlist-clear\"><\/div>\t\t<div\r\n\t\tclass=\"tinvwl-tooltip\">Add to Wishlist<\/div>\r\n<\/div>\r\n<\/figure>\t<a\r\n\t\thref=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=2002\"\r\n\t\tclass=\"compare button \"\r\n\t\tdata-product_id=\"2002\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<div class=\"product-inner-contents\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><div class=\"row align-items-center\"><div class=\"col-md-7 text-md-left\"><h2 class=\"woocommerce-loop-product__title\">TAGAS Men’s Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 0 out of 5\"><span style=\"width:0%\">Rated <strong class=\"rating\">0<\/strong> out of 5<\/span><\/div><\/div><div class=\"col-md-5 text-md-right\">\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>450.00<\/bdi><\/span> <span aria-hidden=\"true\">–<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>500.00<\/bdi><\/span><span class=\"screen-reader-text\">Price range: ₹450.00 through ₹500.00<\/span><\/span>\n<\/div><\/div><\/a><div class=\"button-cart_button_two\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=tagas-mens-short-sleeve-polo-shirt-button-up-collar-t-shirt-for-mens-casual-t-shirt-for-men-mt-7\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2002\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"2002\" data-product_sku=\"1002\" aria-label=\"Select options for “TAGAS Men's Short Sleeve Polo Shirt, Button Up Collar | T-Shirt for Mens | Casual T Shirt for Men | (MT-7)”\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2002\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/div><\/div><\/div><\/li>\n<li class=\"product type-product post-1996 status-publish instock product_cat-uncategorized product_tag-women-shirt has-post-thumbnail sale shipping-taxable purchasable product-type-simple product-grid\">\n\t<div class=\"product-inner\"><figure class=\"woo-product-image\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=classic-cotton-striped-button-down-shirt-red-and-white-long-sleeve-casual-wear\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\">\n\t<span class=\"onsale\">-30%<\/span>\n\t<img decoding=\"async\" width=\"288\" height=\"400\" src=\"https:\/\/ashusfashionhouse.com\/wp-content\/uploads\/2025\/11\/61hXGRGVvkL._SY550_-288x400.jpg\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear\" \/><\/a> <div class=\"product-compare-wishlist d-compare-wishlist group_layout_four\">\n <div class=\"product-wishlist\">\n <div class=\"yith-add-to-wishlist-button-block\" data-product-id=\"1996\" data-attributes=\"{"kind":"button"}\"><\/div> <\/div>\n <div class=\"product-compare\">\n <a class=\"compare\" rel=\"nofollow\" data-product_id=\"1996\" href=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=1996\">\n <i class=\"fas fa-sync\"><\/i>\n <span class=\"info-tooltip\">\n Compare <\/span>\n <\/a>\n <\/div>\n <div class=\"product-view\"><a href=\"#\" class=\"yith-wcqv-button\" data-product_id=\"1996\"><i class=\"fas fa-search\"><\/i><span class=\"info-tooltip\">Quick View<\/span><\/a><\/div><\/div><div class=\"tinv-wraper woocommerce tinv-wishlist tinvwl-after-add-to-cart tinvwl-loop-button-wrapper tinvwl-woocommerce_after_shop_loop_item\"\r\n\t data-tinvwl_product_id=\"1996\">\r\n\t<div class=\"tinv-wishlist-clear\"><\/div><a role=\"button\" tabindex=\"0\" name=\"add-to-wishlist\" aria-label=\"Add to Wishlist\" class=\"tinvwl_add_to_wishlist_button tinvwl-icon-heart tinvwl-position-after tinvwl-loop\" data-tinv-wl-list=\"[]\" data-tinv-wl-product=\"1996\" data-tinv-wl-productvariation=\"0\" data-tinv-wl-productvariations=\"[]\" data-tinv-wl-producttype=\"simple\" data-tinv-wl-action=\"add\"><span class=\"tinvwl_add_to_wishlist-text\">Add to Wishlist<\/span><\/a><div class=\"tinv-wishlist-clear\"><\/div>\t\t<div\r\n\t\tclass=\"tinvwl-tooltip\">Add to Wishlist<\/div>\r\n<\/div>\r\n<\/figure>\t<a\r\n\t\thref=\"https:\/\/ashusfashionhouse.com?action=yith-woocompare-add-product&id=1996\"\r\n\t\tclass=\"compare button \"\r\n\t\tdata-product_id=\"1996\"\r\n\t\ttarget=\"_self\"\r\n\t\trel=\"nofollow\"\r\n\t>\r\n\t\t\t\t<span class=\"label\">\r\n\t\t\tCompare\t\t<\/span>\r\n\t<\/a>\r\n<div class=\"product-inner-contents\"><a href=\"https:\/\/ashusfashionhouse.com\/?product=classic-cotton-striped-button-down-shirt-red-and-white-long-sleeve-casual-wear\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><div class=\"row align-items-center\"><div class=\"col-md-7 text-md-left\"><h2 class=\"woocommerce-loop-product__title\">Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear<\/h2><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 0 out of 5\"><span style=\"width:0%\">Rated <strong class=\"rating\">0<\/strong> out of 5<\/span><\/div><\/div><div class=\"col-md-5 text-md-right\">\n\t<span class=\"price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>500.00<\/bdi><\/span><\/del> <span class=\"screen-reader-text\">Original price was: ₹500.00.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\">₹<\/span>350.00<\/bdi><\/span><\/ins><span class=\"screen-reader-text\">Current price is: ₹350.00.<\/span><\/span>\n<\/div><\/div><\/a><div class=\"button-cart_button_two\"><a href=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F7&add-to-cart=1996\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_1996\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"1996\" data-product_sku=\"1001\" aria-label=\"Add to cart: “Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear”\" rel=\"nofollow\" data-success_message=\"“Classic Cotton Striped Button-Down Shirt, Red and White, Long Sleeve, Casual Wear” has been added to your cart\" role=\"button\">Add to cart<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_1996\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/div><\/div><\/div><\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>Responsive Hero Carousel \u2014 Desktop & Mobile Images + Lazyload ← → Shop gifts by price Under $10 Under $25 Under $50 Deals Discover more for Holiday Shop for your home essentials Cleaning Tools Home Storage Home Decor Bedding Discover more in Home Get your game on Shop Gaming Shop gaming Shop gifts by recipient For Him For Her For […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"post-meta":{"_wp_page_template":["default"],"_edit_lock":["1764521520:1"],"_edit_last":["1"],"_elementor_edit_mode":["builder"],"_elementor_template_type":["wp-page"],"_elementor_data":["[{\"id\":\"a97c908\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"efe3522\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!doctype html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"utf-8\\\" \\\/>\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width,initial-scale=1\\\" \\\/>\\r\\n <title>Responsive Hero Carousel \\u2014 Desktop & Mobile Images + Lazyload<\\\/title>\\r\\n <style>\\r\\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\\r\\n\\r\\n \\\/* Full-bleed hero wrapper *\\\/\\r\\n .brand-hero{\\r\\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\\r\\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial;\\r\\n aspect-ratio: 16 \\\/ 7;\\r\\n max-height: 760px; min-height:320px;\\r\\n }\\r\\n\\r\\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\\r\\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\\r\\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\\r\\n\\r\\n \\\/* arrows *\\\/\\r\\n .bh-arrow{\\r\\n position:absolute; top:50%; transform:translateY(-50%);\\r\\n width:42px; height:42px; border-radius:50%; border:none;\\r\\n background:rgba(0,0,0,0.45); color:#fff;\\r\\n display:flex; align-items:center; justify-content:center;\\r\\n font-size:20px; cursor:pointer; z-index:8;\\r\\n }\\r\\n .bh-prev{ left:22px; }\\r\\n .bh-next{ right:22px; }\\r\\n\\r\\n @media (max-width:900px){\\r\\n .brand-hero{ aspect-ratio: 12 \\\/ 7; }\\r\\n }\\r\\n\\r\\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n\\r\\n <!-- HERO: full-bleed carousel -->\\r\\n <section id=\\\"brand-hero\\\" class=\\\"brand-hero\\\" aria-label=\\\"Brand hero\\\" tabindex=\\\"0\\\">\\r\\n <div class=\\\"bh-track\\\" role=\\\"list\\\">\\r\\n <!-- Slide 1 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/2-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 1\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/2-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 2 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 2\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 3 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/3-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 3\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/3-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 4 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/4-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 4\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/4-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Arrows -->\\r\\n <button class=\\\"bh-arrow bh-prev\\\" aria-label=\\\"Previous slide\\\">←<\\\/button>\\r\\n <button class=\\\"bh-arrow bh-next\\\" aria-label=\\\"Next slide\\\">→<\\\/button>\\r\\n <\\\/section>\\r\\n\\r\\n <noscript>\\r\\n <style>.bh-track{display:block}<\\\/style>\\r\\n <\\\/noscript>\\r\\n\\r\\n <script>\\r\\n document.addEventListener('DOMContentLoaded', function(){\\r\\n const track = document.querySelector('.bh-track');\\r\\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\\r\\n const prev = document.querySelector('.bh-prev');\\r\\n const next = document.querySelector('.bh-next');\\r\\n const hero = document.getElementById('brand-hero');\\r\\n\\r\\n const DELAY = 4800;\\r\\n let idx = 0, timer = null;\\r\\n\\r\\n \\\/\\\/ helpers\\r\\n function update() {\\r\\n const x = -idx * 100;\\r\\n track.style.transform = `translateX(${x}%)`;\\r\\n }\\r\\n\\r\\n function show(i) {\\r\\n idx = (i + slides.length) % slides.length;\\r\\n update();\\r\\n reset();\\r\\n }\\r\\n\\r\\n function nextSlide() { show(idx + 1); }\\r\\n function prevSlide() { show(idx - 1); }\\r\\n\\r\\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\\r\\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\\r\\n function reset() { stop(); start(); }\\r\\n\\r\\n \\\/\\\/ wire arrows\\r\\n if (prev) prev.addEventListener('click', prevSlide);\\r\\n if (next) next.addEventListener('click', nextSlide);\\r\\n\\r\\n \\\/\\\/ pause on user interaction\\r\\n hero.addEventListener('mouseenter', stop);\\r\\n hero.addEventListener('mouseleave', start);\\r\\n hero.addEventListener('focusin', stop);\\r\\n hero.addEventListener('focusout', start);\\r\\n\\r\\n \\\/\\\/ touch swipe\\r\\n let sx = 0;\\r\\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\\r\\n hero.addEventListener('touchend', e => {\\r\\n const dx = e.changedTouches[0].screenX - sx;\\r\\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ keyboard (hero needs tabindex=\\\"0\\\" to receive keydown)\\r\\n hero.addEventListener('keydown', e => {\\r\\n if (e.key === 'ArrowLeft') prevSlide();\\r\\n if (e.key === 'ArrowRight') nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ initial\\r\\n update();\\r\\n start();\\r\\n });\\r\\n <\\\/script>\\r\\n<\\\/body>\\r\\n<\\\/html>\\r\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"f25c661\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\",\"flex_gap\":{\"column\":\"0\",\"row\":\"0\",\"isLinked\":true,\"unit\":\"px\",\"size\":0}},\"elements\":[{\"id\":\"a96e0c6\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!-- EQUAL HEIGHT PRODUCT GRID -->\\r\\n<section class=\\\"cf-categories\\\" aria-label=\\\"Shop categories\\\">\\r\\n <div class=\\\"cf-inner\\\">\\r\\n\\r\\n <!-- Card 1 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop gifts by price<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Under $10\\\">\\r\\n <span>Under $10<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-2-scaled.png\\\" alt=\\\"Under $25\\\">\\r\\n <span>Under $25<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-1-scaled.png\\\" alt=\\\"Under $50\\\">\\r\\n <span>Under $50<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Deals\\\">\\r\\n <span>Deals<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Discover more for Holiday<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 2 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop for your home essentials<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Cleaning Tools\\\">\\r\\n <span>Cleaning Tools<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Home Storage\\\">\\r\\n <span>Home Storage<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Home Decor\\\">\\r\\n <span>Home Decor<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\">\\r\\n <span>Bedding<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Discover more in Home<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 3 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Get your game on<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid single\\\">\\r\\n <a class=\\\"cf-tile large\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/600x600?text=Gaming+Setup\\\" alt=\\\"Shop Gaming\\\">\\r\\n <span>Shop Gaming<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Shop gaming<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 4 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop gifts by recipient<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Him\\\" alt=\\\"For Him\\\">\\r\\n <span>For Him<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Her\\\" alt=\\\"For Her\\\">\\r\\n <span>For Her<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Kids\\\" alt=\\\"For Kids\\\">\\r\\n <span>For Kids<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Teens\\\" alt=\\\"For Teens\\\">\\r\\n <span>For Teens<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Shop all gifts<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n\\\/* Outer container *\\\/\\r\\n.cf-categories {\\r\\n padding: 40px 20px;\\r\\n background: #fff;\\r\\n}\\r\\n.cf-inner {\\r\\n max-width: 1300px;\\r\\n margin: 0 auto;\\r\\n display: grid;\\r\\n grid-template-columns: repeat(4, 1fr);\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n\\\/* Each card same height *\\\/\\r\\n.cf-card {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n background: #fff;\\r\\n border-radius: 6px;\\r\\n border: 1px solid rgba(0, 0, 0, 0.08);\\r\\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n\\\/* Header *\\\/\\r\\n.cf-card-head {\\r\\n padding: 18px;\\r\\n border-bottom: 1px solid rgba(0,0,0,0.05);\\r\\n background: #fafafa;\\r\\n}\\r\\n.cf-card-head h2 {\\r\\n font-size: 18px;\\r\\n margin: 0;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n\\\/* Inner grid (2x2) *\\\/\\r\\n.cf-card-grid {\\r\\n flex: 1 1 auto;\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 10px;\\r\\n padding: 14px;\\r\\n align-content: start;\\r\\n}\\r\\n\\r\\n\\\/* Tile design *\\\/\\r\\n.cf-tile {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n background: #fff;\\r\\n border: 1px solid rgba(0,0,0,0.05);\\r\\n text-decoration: none;\\r\\n color: #000;\\r\\n border-radius: 4px;\\r\\n overflow: hidden;\\r\\n transition: transform 0.2s ease, box-shadow 0.2s ease;\\r\\n}\\r\\n.cf-tile:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\\r\\n}\\r\\n.cf-tile img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n object-fit: cover;\\r\\n display: block;\\r\\n}\\r\\n.cf-tile span {\\r\\n text-align: center;\\r\\n padding: 10px 6px;\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n\\\/* Footer *\\\/\\r\\n.cf-card-foot {\\r\\n padding: 14px;\\r\\n border-top: 1px solid rgba(0,0,0,0.05);\\r\\n text-align: left;\\r\\n background: #fff;\\r\\n}\\r\\n.cf-card-foot a {\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n color: #0f5a45;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n\\\/* Single-tile cards *\\\/\\r\\n.cf-card-grid.single .cf-tile {\\r\\n grid-column: 1 \\\/ -1;\\r\\n height: 100%;\\r\\n}\\r\\n.cf-card-grid.single img {\\r\\n aspect-ratio: 1 \\\/ 1;\\r\\n object-fit: cover;\\r\\n}\\r\\n\\r\\n\\\/* Responsive layout *\\\/\\r\\n@media (max-width: 1100px) {\\r\\n .cf-inner {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n}\\r\\n@media (max-width: 700px) {\\r\\n .cf-inner {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n .cf-card-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\",\"_margin\":{\"unit\":\"px\",\"top\":\"-280\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"_margin_mobile\":{\"unit\":\"px\",\"top\":\"-150\",\"right\":\"0\",\"bottom\":\"0\",\"left\":\"0\",\"isLinked\":false},\"_padding\":{\"unit\":\"px\",\"top\":\"0\",\"right\":\"1\",\"bottom\":\"1\",\"left\":\"1\",\"isLinked\":false}},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"0211068\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\"},\"elements\":[{\"id\":\"4ef0110\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!-- \\r\\n MEESHO 'CATEGORY ARCHES' STRIP (Clean Version)\\r\\n \\r\\n INSTRUCTIONS:\\r\\n 1. Copy all code below.\\r\\n 2. Paste into a WordPress \\\"Custom HTML\\\" block.\\r\\n 3. Update the 'href' links to point to your specific category pages.\\r\\n 4. Update 'src' to your own image URLs.\\r\\n-->\\r\\n\\r\\n<!-- LOAD FONTS -->\\r\\n<link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n\\r\\n<style>\\r\\n \\\/* WRAPPER *\\\/\\r\\n .meesho-arch-wrapper {\\r\\n font-family: 'Mier B', 'Roboto', sans-serif;\\r\\n width: 100%;\\r\\n background-color: #fff;\\r\\n padding: 30px 0; \\\/* Adjusted padding for better spacing *\\\/\\r\\n box-sizing: border-box;\\r\\n border-bottom: 1px solid #f0f0f0;\\r\\n }\\r\\n\\r\\n .meesho-arch-wrapper * {\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n .arch-container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 15px;\\r\\n }\\r\\n\\r\\n \\\/* FLEX ROW - SCROLLABLE ON MOBILE *\\\/\\r\\n .arch-scroll-track {\\r\\n display: flex;\\r\\n justify-content: space-between; \\\/* Spreads items across width on desktop *\\\/\\r\\n align-items: flex-start;\\r\\n gap: 20px;\\r\\n overflow-x: auto; \\\/* Horizontal scroll enabled *\\\/\\r\\n padding-bottom: 15px;\\r\\n scrollbar-width: none; \\\/* Firefox: Hide scrollbar *\\\/\\r\\n -ms-overflow-style: none; \\\/* IE: Hide scrollbar *\\\/\\r\\n }\\r\\n\\r\\n \\\/* Hide scrollbar for Chrome\\\/Safari\\\/Webkit *\\\/\\r\\n .arch-scroll-track::-webkit-scrollbar { \\r\\n display: none; \\r\\n }\\r\\n\\r\\n \\\/* INDIVIDUAL CLICKABLE ITEM *\\\/\\r\\n .arch-item {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n cursor: pointer;\\r\\n text-decoration: none; \\\/* Removes underline from links *\\\/\\r\\n min-width: 100px; \\\/* Ensures minimum width on mobile *\\\/\\r\\n transition: transform 0.2s ease;\\r\\n }\\r\\n\\r\\n .arch-item:hover {\\r\\n transform: translateY(-5px); \\\/* Gentle lift effect on hover *\\\/\\r\\n }\\r\\n\\r\\n \\\/* THE PINK ARCH SHAPE BACKGROUND *\\\/\\r\\n .arch-bg {\\r\\n width: 100px;\\r\\n height: 110px;\\r\\n background-color: #fce4ec; \\\/* The specific light pink color *\\\/\\r\\n border-radius: 50px 50px 20px 20px; \\\/* Creates the Arch shape *\\\/\\r\\n display: flex;\\r\\n align-items: flex-end; \\\/* Aligns image to bottom *\\\/\\r\\n justify-content: center;\\r\\n margin-bottom: 12px;\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n \\\/* IMAGE INSIDE ARCH *\\\/\\r\\n .arch-bg img {\\r\\n width: 90%;\\r\\n height: auto;\\r\\n max-height: 100px;\\r\\n object-fit: contain; \\\/* Keeps aspect ratio *\\\/\\r\\n transition: transform 0.3s;\\r\\n }\\r\\n \\r\\n \\\/* Zoom effect on image hover *\\\/\\r\\n .arch-item:hover .arch-bg img {\\r\\n transform: scale(1.1);\\r\\n }\\r\\n\\r\\n \\\/* LABEL TEXT *\\\/\\r\\n .arch-label {\\r\\n font-size: 15px;\\r\\n color: #333;\\r\\n font-weight: 500;\\r\\n text-align: center;\\r\\n white-space: nowrap;\\r\\n letter-spacing: 0.3px;\\r\\n }\\r\\n\\r\\n \\\/* RESPONSIVE ADJUSTMENTS *\\\/\\r\\n @media (max-width: 900px) {\\r\\n .arch-scroll-track {\\r\\n justify-content: flex-start; \\\/* Left align on smaller screens so scrolling feels natural *\\\/\\r\\n padding-left: 5px;\\r\\n }\\r\\n \\r\\n .arch-bg {\\r\\n width: 90px;\\r\\n height: 100px;\\r\\n }\\r\\n \\r\\n .arch-label {\\r\\n font-size: 13px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<div class=\\\"meesho-arch-wrapper\\\">\\r\\n \\r\\n <div class=\\\"arch-container\\\">\\r\\n \\r\\n <!-- The Category Row -->\\r\\n <div class=\\\"arch-scroll-track\\\">\\r\\n \\r\\n <!-- ITEM 1: Ethnic Wear -->\\r\\n <!-- Change href=\\\"#\\\" to your category link, e.g., href=\\\"\\\/product-category\\\/ethnic-wear\\\" -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <!-- Replace src with your image URL -->\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/a33?text=Saree\\\" alt=\\\"Ethnic Wear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Ethnic Wear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 2: Western Dresses -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/d33?text=Dress\\\" alt=\\\"Western Dresses\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Western Dresses<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 3: Menswear -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/33d?text=Men\\\" alt=\\\"Menswear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Menswear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 4: Footwear -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/333?text=Shoe\\\" alt=\\\"Footwear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Footwear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 5: Home Decor -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/964?text=Vase\\\" alt=\\\"Home Decor\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Home Decor<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 6: Beauty -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/d38?text=Cream\\\" alt=\\\"Beauty\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Beauty<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 7: Accessories -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/b83?text=Bag\\\" alt=\\\"Accessories\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Accessories<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 8: Grocery -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/383?text=Food\\\" alt=\\\"Grocery\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Grocery<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n<\\\/div>\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"c98dcd9\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\"},\"elements\":[{\"id\":\"78f7682\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!-- \\r\\n MEESHO 'ORIGINAL BRANDS' CLONE (AI BUTTON REMOVED)\\r\\n CLEAN + RESPONSIVE + AUTO-LOGO-SCROLL\\r\\n-->\\r\\n\\r\\n<!-- LOAD FONTS & ICONS -->\\r\\n<link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n<style>\\r\\n \\\/* WRAPPER *\\\/\\r\\n .meesho-brands-wrapper {\\r\\n font-family: 'Mier B', 'Roboto', sans-serif;\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n background-color: #fff;\\r\\n padding-bottom: 20px;\\r\\n box-sizing: border-box;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .mw-container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 15px;\\r\\n }\\r\\n\\r\\n \\\/* SECTION 1: ORIGINAL BRANDS *\\\/\\r\\n .brand-header-row {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n margin: 30px 0 20px 0;\\r\\n }\\r\\n\\r\\n .brand-title {\\r\\n font-size: 24px;\\r\\n font-weight: 700;\\r\\n color: #333;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n }\\r\\n\\r\\n .brand-verified-icon {\\r\\n color: #5d20d6;\\r\\n font-size: 20px;\\r\\n }\\r\\n\\r\\n .brand-view-all {\\r\\n color: #f43397;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n text-decoration: none;\\r\\n text-transform: uppercase;\\r\\n }\\r\\n\\r\\n .brand-carousel-container {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .brand-scroll-track {\\r\\n display: flex;\\r\\n gap: 20px;\\r\\n overflow-x: auto;\\r\\n scroll-behavior: smooth;\\r\\n padding-bottom: 10px;\\r\\n scrollbar-width: none;\\r\\n }\\r\\n\\r\\n .brand-scroll-track::-webkit-scrollbar { display: none; }\\r\\n\\r\\n \\\/* CARD DESIGN *\\\/\\r\\n .m-brand-card {\\r\\n min-width: 160px;\\r\\n width: 160px;\\r\\n height: 220px;\\r\\n border-radius: 10px;\\r\\n border: 1px solid #e6e6e6;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\r\\n cursor: pointer;\\r\\n background: #fff;\\r\\n transition: transform 0.2s;\\r\\n text-decoration: none;\\r\\n color: inherit;\\r\\n }\\r\\n\\r\\n .m-brand-card:hover {\\r\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\\r\\n transform: translateY(-2px);\\r\\n }\\r\\n\\r\\n .m-card-img-box {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 10px;\\r\\n }\\r\\n\\r\\n .m-card-img-box img {\\r\\n max-width: 100%;\\r\\n max-height: 120px;\\r\\n object-fit: contain;\\r\\n }\\r\\n\\r\\n .m-card-label {\\r\\n background-color: #055c47;\\r\\n color: white;\\r\\n text-align: center;\\r\\n padding: 12px 5px;\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n \\\/* RIGHT ARROW BUTTON *\\\/\\r\\n .scroll-btn-right {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: #fff;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n z-index: 10;\\r\\n border: none;\\r\\n }\\r\\n\\r\\n \\\/* SECTION 2: LOGO AUTO-SCROLL STRIP *\\\/\\r\\n .logo-strip-section {\\r\\n background-color: #f9f5ff;\\r\\n padding: 30px 0;\\r\\n margin-top: 40px;\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n .logo-marquee-wrapper {\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n .logo-scroll-track {\\r\\n display: flex;\\r\\n gap: 30px;\\r\\n width: max-content;\\r\\n animation: marqueeScroll 25s linear infinite;\\r\\n }\\r\\n\\r\\n .logo-scroll-track:hover {\\r\\n animation-play-state: paused;\\r\\n }\\r\\n\\r\\n @keyframes marqueeScroll {\\r\\n 0% { transform: translateX(0); }\\r\\n 100% { transform: translateX(-50%); }\\r\\n }\\r\\n\\r\\n .brand-logo-box {\\r\\n min-width: 140px;\\r\\n height: 60px;\\r\\n background: #fff;\\r\\n border-radius: 8px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 10px;\\r\\n box-shadow: 0 1px 2px rgba(0,0,0,0.05);\\r\\n }\\r\\n\\r\\n .brand-logo-box img {\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n object-fit: contain;\\r\\n filter: grayscale(100%);\\r\\n opacity: 0.8;\\r\\n transition: 0.3s;\\r\\n }\\r\\n\\r\\n .brand-logo-box:hover img {\\r\\n filter: grayscale(0%);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n<\\\/style>\\r\\n\\r\\n<div class=\\\"meesho-brands-wrapper\\\">\\r\\n \\r\\n <!-- PART 1: CARDS -->\\r\\n <div class=\\\"mw-container\\\">\\r\\n \\r\\n <div class=\\\"brand-header-row\\\">\\r\\n <div class=\\\"brand-title\\\">\\r\\n Original Brands <i class=\\\"fa-solid fa-certificate brand-verified-icon\\\"><\\\/i> \\r\\n <\\\/div>\\r\\n <a href=\\\"\\\/brands\\\" class=\\\"brand-view-all\\\">View All ><\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"brand-carousel-container\\\">\\r\\n <div class=\\\"brand-scroll-track\\\" id=\\\"brandTrack\\\">\\r\\n \\r\\n <!-- CARD 1 -->\\r\\n <a href=\\\"\\\/shop\\\/personal-care\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Lotion\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Personal Care<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 2 -->\\r\\n <a href=\\\"\\\/shop\\\/electronics\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Headphone\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Electronics<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 3 -->\\r\\n <a href=\\\"\\\/shop\\\/makeup\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Lipstick\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Makeup<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 4 -->\\r\\n <a href=\\\"\\\/shop\\\/mobiles\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Mobile\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Smart Phones<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 5 -->\\r\\n <a href=\\\"\\\/shop\\\/fragrances\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Perfume\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Men Perfume<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 6 -->\\r\\n <a href=\\\"\\\/shop\\\/bags\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Bag\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Bags<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 7 -->\\r\\n <a href=\\\"\\\/shop\\\/watches\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Watch\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Watches<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <\\\/div>\\r\\n\\r\\n <button class=\\\"scroll-btn-right\\\" onclick=\\\"document.getElementById('brandTrack').scrollBy({left: 200, behavior: 'smooth'})\\\">\\r\\n <i class=\\\"fa-solid fa-chevron-right\\\"><\\\/i>\\r\\n <\\\/button>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div> \\r\\n\\r\\n\\r\\n <!-- PART 2: AUTO-MOVING LOGO STRIP -->\\r\\n <div class=\\\"logo-strip-section\\\">\\r\\n <div class=\\\"mw-container\\\">\\r\\n <div class=\\\"logo-marquee-wrapper\\\">\\r\\n <div class=\\\"logo-scroll-track\\\">\\r\\n \\r\\n <!-- SET 1 -->\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WILD+STONE\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=plum\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/002255?text=NIVEA\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=Himalaya\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff6600?text=mi\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff0000?text=Bata\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WOW\\\"><\\\/div>\\r\\n\\r\\n <!-- SET 2 (duplicate) -->\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WILD+STONE\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=plum\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/002255?text=NIVEA\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=Himalaya\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff6600?text=mi\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff0000?text=Bata\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WOW\\\"><\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n<\\\/div>\\r\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"a752bf4\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"7a9750f\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!doctype html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"utf-8\\\" \\\/>\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width,initial-scale=1\\\" \\\/>\\r\\n <title>Responsive Hero Carousel \\u2014 Desktop & Mobile Images + Lazyload<\\\/title>\\r\\n <style>\\r\\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\\r\\n\\r\\n \\\/* Full-bleed hero wrapper *\\\/\\r\\n .brand-hero{\\r\\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\\r\\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial;\\r\\n aspect-ratio: 16 \\\/ 7;\\r\\n max-height: 760px; min-height:320px;\\r\\n }\\r\\n\\r\\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\\r\\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\\r\\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\\r\\n\\r\\n \\\/* arrows *\\\/\\r\\n .bh-arrow{\\r\\n position:absolute; top:50%; transform:translateY(-50%);\\r\\n width:42px; height:42px; border-radius:50%; border:none;\\r\\n background:rgba(0,0,0,0.45); color:#fff;\\r\\n display:flex; align-items:center; justify-content:center;\\r\\n font-size:20px; cursor:pointer; z-index:8;\\r\\n }\\r\\n .bh-prev{ left:22px; }\\r\\n .bh-next{ right:22px; }\\r\\n\\r\\n @media (max-width:900px){\\r\\n .brand-hero{ aspect-ratio: 12 \\\/ 7; }\\r\\n }\\r\\n\\r\\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n\\r\\n <!-- HERO: full-bleed carousel -->\\r\\n <section id=\\\"brand-hero\\\" class=\\\"brand-hero\\\" aria-label=\\\"Brand hero\\\" tabindex=\\\"0\\\">\\r\\n <div class=\\\"bh-track\\\" role=\\\"list\\\">\\r\\n <!-- Slide 1 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/a5104a6f08136c57e295c63c5690e2f7.jpg 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 1\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/a5104a6f08136c57e295c63c5690e2f7.jpg\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 2 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/85a67f4dbdcb2483e10c3bd295accedd.jpg 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 2\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/85a67f4dbdcb2483e10c3bd295accedd.jpg\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n <\\\/div>\\r\\n <!-- Arrows -->\\r\\n <button class=\\\"bh-arrow bh-prev\\\" aria-label=\\\"Previous slide\\\">←<\\\/button>\\r\\n <button class=\\\"bh-arrow bh-next\\\" aria-label=\\\"Next slide\\\">→<\\\/button>\\r\\n <\\\/section>\\r\\n\\r\\n <noscript>\\r\\n <style>.bh-track{display:block}<\\\/style>\\r\\n <\\\/noscript>\\r\\n\\r\\n <script>\\r\\n document.addEventListener('DOMContentLoaded', function(){\\r\\n const track = document.querySelector('.bh-track');\\r\\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\\r\\n const prev = document.querySelector('.bh-prev');\\r\\n const next = document.querySelector('.bh-next');\\r\\n const hero = document.getElementById('brand-hero');\\r\\n\\r\\n const DELAY = 4800;\\r\\n let idx = 0, timer = null;\\r\\n\\r\\n \\\/\\\/ helpers\\r\\n function update() {\\r\\n const x = -idx * 100;\\r\\n track.style.transform = `translateX(${x}%)`;\\r\\n }\\r\\n\\r\\n function show(i) {\\r\\n idx = (i + slides.length) % slides.length;\\r\\n update();\\r\\n reset();\\r\\n }\\r\\n\\r\\n function nextSlide() { show(idx + 1); }\\r\\n function prevSlide() { show(idx - 1); }\\r\\n\\r\\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\\r\\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\\r\\n function reset() { stop(); start(); }\\r\\n\\r\\n \\\/\\\/ wire arrows\\r\\n if (prev) prev.addEventListener('click', prevSlide);\\r\\n if (next) next.addEventListener('click', nextSlide);\\r\\n\\r\\n \\\/\\\/ pause on user interaction\\r\\n hero.addEventListener('mouseenter', stop);\\r\\n hero.addEventListener('mouseleave', start);\\r\\n hero.addEventListener('focusin', stop);\\r\\n hero.addEventListener('focusout', start);\\r\\n\\r\\n \\\/\\\/ touch swipe\\r\\n let sx = 0;\\r\\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\\r\\n hero.addEventListener('touchend', e => {\\r\\n const dx = e.changedTouches[0].screenX - sx;\\r\\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ keyboard (hero needs tabindex=\\\"0\\\" to receive keydown)\\r\\n hero.addEventListener('keydown', e => {\\r\\n if (e.key === 'ArrowLeft') prevSlide();\\r\\n if (e.key === 'ArrowRight') nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ initial\\r\\n update();\\r\\n start();\\r\\n });\\r\\n <\\\/script>\\r\\n<\\\/body>\\r\\n<\\\/html>\\r\\n\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"35f40fb\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\"},\"elements\":[{\"id\":\"86ca754\",\"elType\":\"widget\",\"settings\":{\"title\":\"<b>New Arrivals<\\\/b>\",\"typography_typography\":\"custom\",\"typography_font_family\":\"Poppins\",\"typography_font_size\":{\"unit\":\"px\",\"size\":40,\"sizes\":[]}},\"elements\":[],\"widgetType\":\"heading\"},{\"id\":\"56f8b3e\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[products limit=\\\"8\\\" columns=\\\"4\\\" orderby=\\\"date\\\" order=\\\"DESC\\\"]\",\"_padding\":{\"unit\":\"px\",\"top\":\"10\",\"right\":\"10\",\"bottom\":\"10\",\"left\":\"10\",\"isLinked\":true}},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false},{\"id\":\"560bf36\",\"elType\":\"container\",\"settings\":{\"flex_direction\":\"column\"},\"elements\":[{\"id\":\"7801609\",\"elType\":\"widget\",\"settings\":{\"title\":\"Top-Selling Products\",\"typography_typography\":\"custom\",\"typography_font_family\":\"Poppins\",\"typography_font_size\":{\"unit\":\"px\",\"size\":40,\"sizes\":[]},\"typography_font_weight\":\"800\",\"text_stroke_text_stroke_type\":\"yes\",\"text_shadow_text_shadow_type\":\"yes\"},\"elements\":[],\"widgetType\":\"heading\"},{\"id\":\"b963492\",\"elType\":\"widget\",\"settings\":{\"shortcode\":\"[products limit=\\\"8\\\" columns=\\\"4\\\" orderby=\\\"popularity\\\"]\",\"_padding\":{\"unit\":\"px\",\"top\":\"10\",\"right\":\"10\",\"bottom\":\"10\",\"left\":\"10\",\"isLinked\":true}},\"elements\":[],\"widgetType\":\"shortcode\"}],\"isInner\":false}]"],"_elementor_version":["3.32.5"],"_elementor_page_assets":["a:2:{s:7:\"scripts\";a:1:{i:0;s:18:\"elementor-frontend\";}s:6:\"styles\";a:1:{i:0;s:14:\"widget-heading\";}}"],"_elementor_css":["a:6:{s:4:\"time\";i:1773250903;s:5:\"fonts\";a:1:{i:0;s:7:\"Poppins\";}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1776435140,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-a97c908 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"a97c908\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-efe3522 elementor-widget elementor-widget-html\\\" data-id=\\\"efe3522\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!doctype html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"utf-8\\\" \\\/>\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width,initial-scale=1\\\" \\\/>\\r\\n <title>Responsive Hero Carousel \\u2014 Desktop & Mobile Images + Lazyload<\\\/title>\\r\\n <style>\\r\\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\\r\\n\\r\\n \\\/* Full-bleed hero wrapper *\\\/\\r\\n .brand-hero{\\r\\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\\r\\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial;\\r\\n aspect-ratio: 16 \\\/ 7;\\r\\n max-height: 760px; min-height:320px;\\r\\n }\\r\\n\\r\\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\\r\\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\\r\\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\\r\\n\\r\\n \\\/* arrows *\\\/\\r\\n .bh-arrow{\\r\\n position:absolute; top:50%; transform:translateY(-50%);\\r\\n width:42px; height:42px; border-radius:50%; border:none;\\r\\n background:rgba(0,0,0,0.45); color:#fff;\\r\\n display:flex; align-items:center; justify-content:center;\\r\\n font-size:20px; cursor:pointer; z-index:8;\\r\\n }\\r\\n .bh-prev{ left:22px; }\\r\\n .bh-next{ right:22px; }\\r\\n\\r\\n @media (max-width:900px){\\r\\n .brand-hero{ aspect-ratio: 12 \\\/ 7; }\\r\\n }\\r\\n\\r\\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n\\r\\n <!-- HERO: full-bleed carousel -->\\r\\n <section id=\\\"brand-hero\\\" class=\\\"brand-hero\\\" aria-label=\\\"Brand hero\\\" tabindex=\\\"0\\\">\\r\\n <div class=\\\"bh-track\\\" role=\\\"list\\\">\\r\\n <!-- Slide 1 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/2-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 1\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/2-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 2 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 2\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 3 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/3-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 3\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/3-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 4 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/4-scaled.png 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 4\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/4-scaled.png\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Arrows -->\\r\\n <button class=\\\"bh-arrow bh-prev\\\" aria-label=\\\"Previous slide\\\">←<\\\/button>\\r\\n <button class=\\\"bh-arrow bh-next\\\" aria-label=\\\"Next slide\\\">→<\\\/button>\\r\\n <\\\/section>\\r\\n\\r\\n <noscript>\\r\\n <style>.bh-track{display:block}<\\\/style>\\r\\n <\\\/noscript>\\r\\n\\r\\n <script>\\r\\n document.addEventListener('DOMContentLoaded', function(){\\r\\n const track = document.querySelector('.bh-track');\\r\\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\\r\\n const prev = document.querySelector('.bh-prev');\\r\\n const next = document.querySelector('.bh-next');\\r\\n const hero = document.getElementById('brand-hero');\\r\\n\\r\\n const DELAY = 4800;\\r\\n let idx = 0, timer = null;\\r\\n\\r\\n \\\/\\\/ helpers\\r\\n function update() {\\r\\n const x = -idx * 100;\\r\\n track.style.transform = `translateX(${x}%)`;\\r\\n }\\r\\n\\r\\n function show(i) {\\r\\n idx = (i + slides.length) % slides.length;\\r\\n update();\\r\\n reset();\\r\\n }\\r\\n\\r\\n function nextSlide() { show(idx + 1); }\\r\\n function prevSlide() { show(idx - 1); }\\r\\n\\r\\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\\r\\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\\r\\n function reset() { stop(); start(); }\\r\\n\\r\\n \\\/\\\/ wire arrows\\r\\n if (prev) prev.addEventListener('click', prevSlide);\\r\\n if (next) next.addEventListener('click', nextSlide);\\r\\n\\r\\n \\\/\\\/ pause on user interaction\\r\\n hero.addEventListener('mouseenter', stop);\\r\\n hero.addEventListener('mouseleave', start);\\r\\n hero.addEventListener('focusin', stop);\\r\\n hero.addEventListener('focusout', start);\\r\\n\\r\\n \\\/\\\/ touch swipe\\r\\n let sx = 0;\\r\\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\\r\\n hero.addEventListener('touchend', e => {\\r\\n const dx = e.changedTouches[0].screenX - sx;\\r\\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ keyboard (hero needs tabindex=\\\"0\\\" to receive keydown)\\r\\n hero.addEventListener('keydown', e => {\\r\\n if (e.key === 'ArrowLeft') prevSlide();\\r\\n if (e.key === 'ArrowRight') nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ initial\\r\\n update();\\r\\n start();\\r\\n });\\r\\n <\\\/script>\\r\\n<\\\/body>\\r\\n<\\\/html>\\r\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-f25c661 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"f25c661\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-a96e0c6 elementor-widget elementor-widget-html\\\" data-id=\\\"a96e0c6\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!-- EQUAL HEIGHT PRODUCT GRID -->\\r\\n<section class=\\\"cf-categories\\\" aria-label=\\\"Shop categories\\\">\\r\\n <div class=\\\"cf-inner\\\">\\r\\n\\r\\n <!-- Card 1 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop gifts by price<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Under $10\\\">\\r\\n <span>Under $10<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-2-scaled.png\\\" alt=\\\"Under $25\\\">\\r\\n <span>Under $25<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-1-scaled.png\\\" alt=\\\"Under $50\\\">\\r\\n <span>Under $50<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Deals\\\">\\r\\n <span>Deals<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Discover more for Holiday<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 2 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop for your home essentials<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Cleaning Tools\\\">\\r\\n <span>Cleaning Tools<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Home Storage\\\">\\r\\n <span>Home Storage<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\" alt=\\\"Home Decor\\\">\\r\\n <span>Home Decor<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/VIRTUALYYST-3.png\\\">\\r\\n <span>Bedding<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Discover more in Home<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 3 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Get your game on<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid single\\\">\\r\\n <a class=\\\"cf-tile large\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/600x600?text=Gaming+Setup\\\" alt=\\\"Shop Gaming\\\">\\r\\n <span>Shop Gaming<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Shop gaming<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <!-- Card 4 -->\\r\\n <div class=\\\"cf-card\\\">\\r\\n <header class=\\\"cf-card-head\\\">\\r\\n <h2>Shop gifts by recipient<\\\/h2>\\r\\n <\\\/header>\\r\\n <div class=\\\"cf-card-grid\\\">\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Him\\\" alt=\\\"For Him\\\">\\r\\n <span>For Him<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Her\\\" alt=\\\"For Her\\\">\\r\\n <span>For Her<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Kids\\\" alt=\\\"For Kids\\\">\\r\\n <span>For Kids<\\\/span>\\r\\n <\\\/a>\\r\\n <a class=\\\"cf-tile\\\" href=\\\"#\\\">\\r\\n <img src=\\\"https:\\\/\\\/via.placeholder.com\\\/400x400?text=For+Teens\\\" alt=\\\"For Teens\\\">\\r\\n <span>For Teens<\\\/span>\\r\\n <\\\/a>\\r\\n <\\\/div>\\r\\n <div class=\\\"cf-card-foot\\\">\\r\\n <a href=\\\"#\\\">Shop all gifts<\\\/a>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n<\\\/section>\\r\\n\\r\\n<style>\\r\\n\\\/* Outer container *\\\/\\r\\n.cf-categories {\\r\\n padding: 40px 20px;\\r\\n background: #fff;\\r\\n}\\r\\n.cf-inner {\\r\\n max-width: 1300px;\\r\\n margin: 0 auto;\\r\\n display: grid;\\r\\n grid-template-columns: repeat(4, 1fr);\\r\\n gap: 20px;\\r\\n}\\r\\n\\r\\n\\\/* Each card same height *\\\/\\r\\n.cf-card {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n background: #fff;\\r\\n border-radius: 6px;\\r\\n border: 1px solid rgba(0, 0, 0, 0.08);\\r\\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);\\r\\n overflow: hidden;\\r\\n transition: all 0.3s ease;\\r\\n height: 100%;\\r\\n}\\r\\n\\r\\n\\\/* Header *\\\/\\r\\n.cf-card-head {\\r\\n padding: 18px;\\r\\n border-bottom: 1px solid rgba(0,0,0,0.05);\\r\\n background: #fafafa;\\r\\n}\\r\\n.cf-card-head h2 {\\r\\n font-size: 18px;\\r\\n margin: 0;\\r\\n font-weight: 700;\\r\\n}\\r\\n\\r\\n\\\/* Inner grid (2x2) *\\\/\\r\\n.cf-card-grid {\\r\\n flex: 1 1 auto;\\r\\n display: grid;\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n gap: 10px;\\r\\n padding: 14px;\\r\\n align-content: start;\\r\\n}\\r\\n\\r\\n\\\/* Tile design *\\\/\\r\\n.cf-tile {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n background: #fff;\\r\\n border: 1px solid rgba(0,0,0,0.05);\\r\\n text-decoration: none;\\r\\n color: #000;\\r\\n border-radius: 4px;\\r\\n overflow: hidden;\\r\\n transition: transform 0.2s ease, box-shadow 0.2s ease;\\r\\n}\\r\\n.cf-tile:hover {\\r\\n transform: translateY(-4px);\\r\\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\\r\\n}\\r\\n.cf-tile img {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n object-fit: cover;\\r\\n display: block;\\r\\n}\\r\\n.cf-tile span {\\r\\n text-align: center;\\r\\n padding: 10px 6px;\\r\\n font-weight: 600;\\r\\n font-size: 14px;\\r\\n}\\r\\n\\r\\n\\\/* Footer *\\\/\\r\\n.cf-card-foot {\\r\\n padding: 14px;\\r\\n border-top: 1px solid rgba(0,0,0,0.05);\\r\\n text-align: left;\\r\\n background: #fff;\\r\\n}\\r\\n.cf-card-foot a {\\r\\n text-decoration: none;\\r\\n font-weight: 600;\\r\\n color: #0f5a45;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n\\\/* Single-tile cards *\\\/\\r\\n.cf-card-grid.single .cf-tile {\\r\\n grid-column: 1 \\\/ -1;\\r\\n height: 100%;\\r\\n}\\r\\n.cf-card-grid.single img {\\r\\n aspect-ratio: 1 \\\/ 1;\\r\\n object-fit: cover;\\r\\n}\\r\\n\\r\\n\\\/* Responsive layout *\\\/\\r\\n@media (max-width: 1100px) {\\r\\n .cf-inner {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n}\\r\\n@media (max-width: 700px) {\\r\\n .cf-inner {\\r\\n grid-template-columns: 1fr;\\r\\n }\\r\\n .cf-card-grid {\\r\\n grid-template-columns: repeat(2, 1fr);\\r\\n }\\r\\n}\\r\\n<\\\/style>\\r\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-0211068 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"0211068\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-4ef0110 elementor-widget elementor-widget-html\\\" data-id=\\\"4ef0110\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!-- \\r\\n MEESHO 'CATEGORY ARCHES' STRIP (Clean Version)\\r\\n \\r\\n INSTRUCTIONS:\\r\\n 1. Copy all code below.\\r\\n 2. Paste into a WordPress \\\"Custom HTML\\\" block.\\r\\n 3. Update the 'href' links to point to your specific category pages.\\r\\n 4. Update 'src' to your own image URLs.\\r\\n-->\\r\\n\\r\\n<!-- LOAD FONTS -->\\r\\n<link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n\\r\\n<style>\\r\\n \\\/* WRAPPER *\\\/\\r\\n .meesho-arch-wrapper {\\r\\n font-family: 'Mier B', 'Roboto', sans-serif;\\r\\n width: 100%;\\r\\n background-color: #fff;\\r\\n padding: 30px 0; \\\/* Adjusted padding for better spacing *\\\/\\r\\n box-sizing: border-box;\\r\\n border-bottom: 1px solid #f0f0f0;\\r\\n }\\r\\n\\r\\n .meesho-arch-wrapper * {\\r\\n box-sizing: border-box;\\r\\n }\\r\\n\\r\\n .arch-container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 15px;\\r\\n }\\r\\n\\r\\n \\\/* FLEX ROW - SCROLLABLE ON MOBILE *\\\/\\r\\n .arch-scroll-track {\\r\\n display: flex;\\r\\n justify-content: space-between; \\\/* Spreads items across width on desktop *\\\/\\r\\n align-items: flex-start;\\r\\n gap: 20px;\\r\\n overflow-x: auto; \\\/* Horizontal scroll enabled *\\\/\\r\\n padding-bottom: 15px;\\r\\n scrollbar-width: none; \\\/* Firefox: Hide scrollbar *\\\/\\r\\n -ms-overflow-style: none; \\\/* IE: Hide scrollbar *\\\/\\r\\n }\\r\\n\\r\\n \\\/* Hide scrollbar for Chrome\\\/Safari\\\/Webkit *\\\/\\r\\n .arch-scroll-track::-webkit-scrollbar { \\r\\n display: none; \\r\\n }\\r\\n\\r\\n \\\/* INDIVIDUAL CLICKABLE ITEM *\\\/\\r\\n .arch-item {\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n align-items: center;\\r\\n cursor: pointer;\\r\\n text-decoration: none; \\\/* Removes underline from links *\\\/\\r\\n min-width: 100px; \\\/* Ensures minimum width on mobile *\\\/\\r\\n transition: transform 0.2s ease;\\r\\n }\\r\\n\\r\\n .arch-item:hover {\\r\\n transform: translateY(-5px); \\\/* Gentle lift effect on hover *\\\/\\r\\n }\\r\\n\\r\\n \\\/* THE PINK ARCH SHAPE BACKGROUND *\\\/\\r\\n .arch-bg {\\r\\n width: 100px;\\r\\n height: 110px;\\r\\n background-color: #fce4ec; \\\/* The specific light pink color *\\\/\\r\\n border-radius: 50px 50px 20px 20px; \\\/* Creates the Arch shape *\\\/\\r\\n display: flex;\\r\\n align-items: flex-end; \\\/* Aligns image to bottom *\\\/\\r\\n justify-content: center;\\r\\n margin-bottom: 12px;\\r\\n overflow: hidden;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n \\\/* IMAGE INSIDE ARCH *\\\/\\r\\n .arch-bg img {\\r\\n width: 90%;\\r\\n height: auto;\\r\\n max-height: 100px;\\r\\n object-fit: contain; \\\/* Keeps aspect ratio *\\\/\\r\\n transition: transform 0.3s;\\r\\n }\\r\\n \\r\\n \\\/* Zoom effect on image hover *\\\/\\r\\n .arch-item:hover .arch-bg img {\\r\\n transform: scale(1.1);\\r\\n }\\r\\n\\r\\n \\\/* LABEL TEXT *\\\/\\r\\n .arch-label {\\r\\n font-size: 15px;\\r\\n color: #333;\\r\\n font-weight: 500;\\r\\n text-align: center;\\r\\n white-space: nowrap;\\r\\n letter-spacing: 0.3px;\\r\\n }\\r\\n\\r\\n \\\/* RESPONSIVE ADJUSTMENTS *\\\/\\r\\n @media (max-width: 900px) {\\r\\n .arch-scroll-track {\\r\\n justify-content: flex-start; \\\/* Left align on smaller screens so scrolling feels natural *\\\/\\r\\n padding-left: 5px;\\r\\n }\\r\\n \\r\\n .arch-bg {\\r\\n width: 90px;\\r\\n height: 100px;\\r\\n }\\r\\n \\r\\n .arch-label {\\r\\n font-size: 13px;\\r\\n }\\r\\n }\\r\\n<\\\/style>\\r\\n\\r\\n<div class=\\\"meesho-arch-wrapper\\\">\\r\\n \\r\\n <div class=\\\"arch-container\\\">\\r\\n \\r\\n <!-- The Category Row -->\\r\\n <div class=\\\"arch-scroll-track\\\">\\r\\n \\r\\n <!-- ITEM 1: Ethnic Wear -->\\r\\n <!-- Change href=\\\"#\\\" to your category link, e.g., href=\\\"\\\/product-category\\\/ethnic-wear\\\" -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <!-- Replace src with your image URL -->\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/a33?text=Saree\\\" alt=\\\"Ethnic Wear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Ethnic Wear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 2: Western Dresses -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/d33?text=Dress\\\" alt=\\\"Western Dresses\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Western Dresses<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 3: Menswear -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/33d?text=Men\\\" alt=\\\"Menswear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Menswear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 4: Footwear -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/333?text=Shoe\\\" alt=\\\"Footwear\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Footwear<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 5: Home Decor -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/964?text=Vase\\\" alt=\\\"Home Decor\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Home Decor<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 6: Beauty -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/d38?text=Cream\\\" alt=\\\"Beauty\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Beauty<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 7: Accessories -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/b83?text=Bag\\\" alt=\\\"Accessories\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Accessories<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- ITEM 8: Grocery -->\\r\\n <a href=\\\"#\\\" class=\\\"arch-item\\\">\\r\\n <div class=\\\"arch-bg\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/80x100\\\/fce4ec\\\/383?text=Food\\\" alt=\\\"Grocery\\\">\\r\\n <\\\/div>\\r\\n <span class=\\\"arch-label\\\">Grocery<\\\/span>\\r\\n <\\\/a>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n<\\\/div>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-c98dcd9 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"c98dcd9\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-78f7682 elementor-widget elementor-widget-html\\\" data-id=\\\"78f7682\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!-- \\r\\n MEESHO 'ORIGINAL BRANDS' CLONE (AI BUTTON REMOVED)\\r\\n CLEAN + RESPONSIVE + AUTO-LOGO-SCROLL\\r\\n-->\\r\\n\\r\\n<!-- LOAD FONTS & ICONS -->\\r\\n<link href=\\\"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Mier+B:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap\\\" rel=\\\"stylesheet\\\">\\r\\n<link rel=\\\"stylesheet\\\" href=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/font-awesome\\\/6.4.0\\\/css\\\/all.min.css\\\">\\r\\n\\r\\n<style>\\r\\n \\\/* WRAPPER *\\\/\\r\\n .meesho-brands-wrapper {\\r\\n font-family: 'Mier B', 'Roboto', sans-serif;\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n background-color: #fff;\\r\\n padding-bottom: 20px;\\r\\n box-sizing: border-box;\\r\\n position: relative;\\r\\n }\\r\\n\\r\\n .mw-container {\\r\\n max-width: 1200px;\\r\\n margin: 0 auto;\\r\\n padding: 0 15px;\\r\\n }\\r\\n\\r\\n \\\/* SECTION 1: ORIGINAL BRANDS *\\\/\\r\\n .brand-header-row {\\r\\n display: flex;\\r\\n justify-content: space-between;\\r\\n align-items: center;\\r\\n margin: 30px 0 20px 0;\\r\\n }\\r\\n\\r\\n .brand-title {\\r\\n font-size: 24px;\\r\\n font-weight: 700;\\r\\n color: #333;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n gap: 8px;\\r\\n }\\r\\n\\r\\n .brand-verified-icon {\\r\\n color: #5d20d6;\\r\\n font-size: 20px;\\r\\n }\\r\\n\\r\\n .brand-view-all {\\r\\n color: #f43397;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n text-decoration: none;\\r\\n text-transform: uppercase;\\r\\n }\\r\\n\\r\\n .brand-carousel-container {\\r\\n position: relative;\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .brand-scroll-track {\\r\\n display: flex;\\r\\n gap: 20px;\\r\\n overflow-x: auto;\\r\\n scroll-behavior: smooth;\\r\\n padding-bottom: 10px;\\r\\n scrollbar-width: none;\\r\\n }\\r\\n\\r\\n .brand-scroll-track::-webkit-scrollbar { display: none; }\\r\\n\\r\\n \\\/* CARD DESIGN *\\\/\\r\\n .m-brand-card {\\r\\n min-width: 160px;\\r\\n width: 160px;\\r\\n height: 220px;\\r\\n border-radius: 10px;\\r\\n border: 1px solid #e6e6e6;\\r\\n display: flex;\\r\\n flex-direction: column;\\r\\n overflow: hidden;\\r\\n cursor: pointer;\\r\\n background: #fff;\\r\\n transition: transform 0.2s;\\r\\n text-decoration: none;\\r\\n color: inherit;\\r\\n }\\r\\n\\r\\n .m-brand-card:hover {\\r\\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\\r\\n transform: translateY(-2px);\\r\\n }\\r\\n\\r\\n .m-card-img-box {\\r\\n flex: 1;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 10px;\\r\\n }\\r\\n\\r\\n .m-card-img-box img {\\r\\n max-width: 100%;\\r\\n max-height: 120px;\\r\\n object-fit: contain;\\r\\n }\\r\\n\\r\\n .m-card-label {\\r\\n background-color: #055c47;\\r\\n color: white;\\r\\n text-align: center;\\r\\n padding: 12px 5px;\\r\\n font-size: 14px;\\r\\n font-weight: 500;\\r\\n }\\r\\n\\r\\n \\\/* RIGHT ARROW BUTTON *\\\/\\r\\n .scroll-btn-right {\\r\\n position: absolute;\\r\\n right: 0;\\r\\n top: 50%;\\r\\n transform: translateY(-50%);\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: #fff;\\r\\n border-radius: 50%;\\r\\n box-shadow: 0 2px 8px rgba(0,0,0,0.2);\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n cursor: pointer;\\r\\n z-index: 10;\\r\\n border: none;\\r\\n }\\r\\n\\r\\n \\\/* SECTION 2: LOGO AUTO-SCROLL STRIP *\\\/\\r\\n .logo-strip-section {\\r\\n background-color: #f9f5ff;\\r\\n padding: 30px 0;\\r\\n margin-top: 40px;\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n .logo-marquee-wrapper {\\r\\n width: 100%;\\r\\n overflow: hidden;\\r\\n }\\r\\n\\r\\n .logo-scroll-track {\\r\\n display: flex;\\r\\n gap: 30px;\\r\\n width: max-content;\\r\\n animation: marqueeScroll 25s linear infinite;\\r\\n }\\r\\n\\r\\n .logo-scroll-track:hover {\\r\\n animation-play-state: paused;\\r\\n }\\r\\n\\r\\n @keyframes marqueeScroll {\\r\\n 0% { transform: translateX(0); }\\r\\n 100% { transform: translateX(-50%); }\\r\\n }\\r\\n\\r\\n .brand-logo-box {\\r\\n min-width: 140px;\\r\\n height: 60px;\\r\\n background: #fff;\\r\\n border-radius: 8px;\\r\\n display: flex;\\r\\n align-items: center;\\r\\n justify-content: center;\\r\\n padding: 10px;\\r\\n box-shadow: 0 1px 2px rgba(0,0,0,0.05);\\r\\n }\\r\\n\\r\\n .brand-logo-box img {\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n object-fit: contain;\\r\\n filter: grayscale(100%);\\r\\n opacity: 0.8;\\r\\n transition: 0.3s;\\r\\n }\\r\\n\\r\\n .brand-logo-box:hover img {\\r\\n filter: grayscale(0%);\\r\\n opacity: 1;\\r\\n }\\r\\n\\r\\n<\\\/style>\\r\\n\\r\\n<div class=\\\"meesho-brands-wrapper\\\">\\r\\n \\r\\n <!-- PART 1: CARDS -->\\r\\n <div class=\\\"mw-container\\\">\\r\\n \\r\\n <div class=\\\"brand-header-row\\\">\\r\\n <div class=\\\"brand-title\\\">\\r\\n Original Brands <i class=\\\"fa-solid fa-certificate brand-verified-icon\\\"><\\\/i> \\r\\n <\\\/div>\\r\\n <a href=\\\"\\\/brands\\\" class=\\\"brand-view-all\\\">View All ><\\\/a>\\r\\n <\\\/div>\\r\\n\\r\\n <div class=\\\"brand-carousel-container\\\">\\r\\n <div class=\\\"brand-scroll-track\\\" id=\\\"brandTrack\\\">\\r\\n \\r\\n <!-- CARD 1 -->\\r\\n <a href=\\\"\\\/shop\\\/personal-care\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Lotion\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Personal Care<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 2 -->\\r\\n <a href=\\\"\\\/shop\\\/electronics\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Headphone\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Electronics<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 3 -->\\r\\n <a href=\\\"\\\/shop\\\/makeup\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Lipstick\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Makeup<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 4 -->\\r\\n <a href=\\\"\\\/shop\\\/mobiles\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Mobile\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Smart Phones<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 5 -->\\r\\n <a href=\\\"\\\/shop\\\/fragrances\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Perfume\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Men Perfume<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 6 -->\\r\\n <a href=\\\"\\\/shop\\\/bags\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Bag\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Bags<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <!-- CARD 7 -->\\r\\n <a href=\\\"\\\/shop\\\/watches\\\" class=\\\"m-brand-card\\\">\\r\\n <div class=\\\"m-card-img-box\\\">\\r\\n <img src=\\\"https:\\\/\\\/placehold.co\\\/100x120\\\/fff\\\/000?text=Watch\\\">\\r\\n <\\\/div>\\r\\n <div class=\\\"m-card-label\\\">Watches<\\\/div>\\r\\n <\\\/a>\\r\\n\\r\\n <\\\/div>\\r\\n\\r\\n <button class=\\\"scroll-btn-right\\\" onclick=\\\"document.getElementById('brandTrack').scrollBy({left: 200, behavior: 'smooth'})\\\">\\r\\n <i class=\\\"fa-solid fa-chevron-right\\\"><\\\/i>\\r\\n <\\\/button>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div> \\r\\n\\r\\n\\r\\n <!-- PART 2: AUTO-MOVING LOGO STRIP -->\\r\\n <div class=\\\"logo-strip-section\\\">\\r\\n <div class=\\\"mw-container\\\">\\r\\n <div class=\\\"logo-marquee-wrapper\\\">\\r\\n <div class=\\\"logo-scroll-track\\\">\\r\\n \\r\\n <!-- SET 1 -->\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WILD+STONE\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=plum\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/002255?text=NIVEA\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=Himalaya\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff6600?text=mi\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff0000?text=Bata\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WOW\\\"><\\\/div>\\r\\n\\r\\n <!-- SET 2 (duplicate) -->\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WILD+STONE\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=plum\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/002255?text=NIVEA\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=Himalaya\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff6600?text=mi\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/ff0000?text=Bata\\\"><\\\/div>\\r\\n <div class=\\\"brand-logo-box\\\"><img src=\\\"https:\\\/\\\/placehold.co\\\/100x40\\\/fff\\\/333?text=WOW\\\"><\\\/div>\\r\\n\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n <\\\/div>\\r\\n\\r\\n<\\\/div>\\r\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-a752bf4 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"a752bf4\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-7a9750f elementor-widget elementor-widget-html\\\" data-id=\\\"7a9750f\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!doctype html>\\r\\n<html lang=\\\"en\\\">\\r\\n<head>\\r\\n <meta charset=\\\"utf-8\\\" \\\/>\\r\\n <meta name=\\\"viewport\\\" content=\\\"width=device-width,initial-scale=1\\\" \\\/>\\r\\n <title>Responsive Hero Carousel \\u2014 Desktop & Mobile Images + Lazyload<\\\/title>\\r\\n <style>\\r\\n :root{ --dot-active:#0f3b2e; --dot-inactive:rgba(0,0,0,0.18); }\\r\\n\\r\\n \\\/* Full-bleed hero wrapper *\\\/\\r\\n .brand-hero{\\r\\n position:relative; width:100vw; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw;\\r\\n box-sizing:border-box; overflow:hidden; background-color:#faf6f2; font-family:system-ui, -apple-system, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial;\\r\\n aspect-ratio: 16 \\\/ 7;\\r\\n max-height: 760px; min-height:320px;\\r\\n }\\r\\n\\r\\n .bh-track{ display:flex; height:100%; transition:transform 700ms cubic-bezier(.2,.9,.2,1); }\\r\\n .bh-slide{ flex:0 0 100%; height:100%; position:relative; display:block; }\\r\\n .bh-slide img{ width:100%; height:100%; object-fit:cover; object-position:center center; display:block; }\\r\\n\\r\\n \\\/* arrows *\\\/\\r\\n .bh-arrow{\\r\\n position:absolute; top:50%; transform:translateY(-50%);\\r\\n width:42px; height:42px; border-radius:50%; border:none;\\r\\n background:rgba(0,0,0,0.45); color:#fff;\\r\\n display:flex; align-items:center; justify-content:center;\\r\\n font-size:20px; cursor:pointer; z-index:8;\\r\\n }\\r\\n .bh-prev{ left:22px; }\\r\\n .bh-next{ right:22px; }\\r\\n\\r\\n @media (max-width:900px){\\r\\n .brand-hero{ aspect-ratio: 12 \\\/ 7; }\\r\\n }\\r\\n\\r\\n .bh-arrow:focus{ outline:3px solid rgba(255,255,255,0.12); }\\r\\n <\\\/style>\\r\\n<\\\/head>\\r\\n<body>\\r\\n\\r\\n <!-- HERO: full-bleed carousel -->\\r\\n <section id=\\\"brand-hero\\\" class=\\\"brand-hero\\\" aria-label=\\\"Brand hero\\\" tabindex=\\\"0\\\">\\r\\n <div class=\\\"bh-track\\\" role=\\\"list\\\">\\r\\n <!-- Slide 1 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/a5104a6f08136c57e295c63c5690e2f7.jpg 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 1\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/a5104a6f08136c57e295c63c5690e2f7.jpg\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n\\r\\n <!-- Slide 2 -->\\r\\n <article class=\\\"bh-slide\\\" role=\\\"listitem\\\">\\r\\n <picture>\\r\\n <source media=\\\"(max-width:900px)\\\" srcset=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/85a67f4dbdcb2483e10c3bd295accedd.jpg 800w\\\">\\r\\n <img loading=\\\"lazy\\\" alt=\\\"Slide 2\\\" src=\\\"https:\\\/\\\/ashusfashionhouse.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/85a67f4dbdcb2483e10c3bd295accedd.jpg\\\">\\r\\n <\\\/picture>\\r\\n <\\\/article>\\r\\n <\\\/div>\\r\\n <!-- Arrows -->\\r\\n <button class=\\\"bh-arrow bh-prev\\\" aria-label=\\\"Previous slide\\\">←<\\\/button>\\r\\n <button class=\\\"bh-arrow bh-next\\\" aria-label=\\\"Next slide\\\">→<\\\/button>\\r\\n <\\\/section>\\r\\n\\r\\n <noscript>\\r\\n <style>.bh-track{display:block}<\\\/style>\\r\\n <\\\/noscript>\\r\\n\\r\\n <script>\\r\\n document.addEventListener('DOMContentLoaded', function(){\\r\\n const track = document.querySelector('.bh-track');\\r\\n const slides = Array.from(document.querySelectorAll('.bh-slide'));\\r\\n const prev = document.querySelector('.bh-prev');\\r\\n const next = document.querySelector('.bh-next');\\r\\n const hero = document.getElementById('brand-hero');\\r\\n\\r\\n const DELAY = 4800;\\r\\n let idx = 0, timer = null;\\r\\n\\r\\n \\\/\\\/ helpers\\r\\n function update() {\\r\\n const x = -idx * 100;\\r\\n track.style.transform = `translateX(${x}%)`;\\r\\n }\\r\\n\\r\\n function show(i) {\\r\\n idx = (i + slides.length) % slides.length;\\r\\n update();\\r\\n reset();\\r\\n }\\r\\n\\r\\n function nextSlide() { show(idx + 1); }\\r\\n function prevSlide() { show(idx - 1); }\\r\\n\\r\\n function start() { stop(); timer = setInterval(nextSlide, DELAY); }\\r\\n function stop() { if (timer) { clearInterval(timer); timer = null; } }\\r\\n function reset() { stop(); start(); }\\r\\n\\r\\n \\\/\\\/ wire arrows\\r\\n if (prev) prev.addEventListener('click', prevSlide);\\r\\n if (next) next.addEventListener('click', nextSlide);\\r\\n\\r\\n \\\/\\\/ pause on user interaction\\r\\n hero.addEventListener('mouseenter', stop);\\r\\n hero.addEventListener('mouseleave', start);\\r\\n hero.addEventListener('focusin', stop);\\r\\n hero.addEventListener('focusout', start);\\r\\n\\r\\n \\\/\\\/ touch swipe\\r\\n let sx = 0;\\r\\n hero.addEventListener('touchstart', e => sx = e.changedTouches[0].screenX, {passive:true});\\r\\n hero.addEventListener('touchend', e => {\\r\\n const dx = e.changedTouches[0].screenX - sx;\\r\\n if (Math.abs(dx) > 40) dx > 0 ? prevSlide() : nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ keyboard (hero needs tabindex=\\\"0\\\" to receive keydown)\\r\\n hero.addEventListener('keydown', e => {\\r\\n if (e.key === 'ArrowLeft') prevSlide();\\r\\n if (e.key === 'ArrowRight') nextSlide();\\r\\n });\\r\\n\\r\\n \\\/\\\/ initial\\r\\n update();\\r\\n start();\\r\\n });\\r\\n <\\\/script>\\r\\n<\\\/body>\\r\\n<\\\/html>\\r\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-35f40fb e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"35f40fb\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-86ca754 elementor-widget elementor-widget-heading\\\" data-id=\\\"86ca754\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"heading.default\\\">\\n\\t\\t\\t\\t\\t<h2 class=\\\"elementor-heading-title elementor-size-default\\\"><b>New Arrivals<\\\/b><\\\/h2>\\t\\t\\t\\t<\\\/div>\\n\\t\\t[elementor-element k=\\\"bbb2f5d4d4bc957d4554fa9497e64f91\\\" data=\\\"eyJpZCI6IjU2ZjhiM2UiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJzaG9ydGNvZGUiOiJbcHJvZHVjdHMgbGltaXQ9XCI4XCIgY29sdW1ucz1cIjRcIiBvcmRlcmJ5PVwiZGF0ZVwiIG9yZGVyPVwiREVTQ1wiXSIsIl9wYWRkaW5nIjp7InVuaXQiOiJweCIsInRvcCI6IjEwIiwicmlnaHQiOiIxMCIsImJvdHRvbSI6IjEwIiwibGVmdCI6IjEwIiwiaXNMaW5rZWQiOnRydWV9fSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoic2hvcnRjb2RlIn0=\\\"]\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-560bf36 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"560bf36\\\" data-element_type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-7801609 elementor-widget elementor-widget-heading\\\" data-id=\\\"7801609\\\" data-element_type=\\\"widget\\\" data-widget_type=\\\"heading.default\\\">\\n\\t\\t\\t\\t\\t<h2 class=\\\"elementor-heading-title elementor-size-default\\\">Top-Selling Products<\\\/h2>\\t\\t\\t\\t<\\\/div>\\n\\t\\t[elementor-element k=\\\"bbb2f5d4d4bc957d4554fa9497e64f91\\\" data=\\\"eyJpZCI6ImI5NjM0OTIiLCJlbFR5cGUiOiJ3aWRnZXQiLCJzZXR0aW5ncyI6eyJzaG9ydGNvZGUiOiJbcHJvZHVjdHMgbGltaXQ9XCI4XCIgY29sdW1ucz1cIjRcIiBvcmRlcmJ5PVwicG9wdWxhcml0eVwiXSIsIl9wYWRkaW5nIjp7InVuaXQiOiJweCIsInRvcCI6IjEwIiwicmlnaHQiOiIxMCIsImJvdHRvbSI6IjEwIiwibGVmdCI6IjEwIiwiaXNMaW5rZWQiOnRydWV9fSwiZWxlbWVudHMiOltdLCJ3aWRnZXRUeXBlIjoic2hvcnRjb2RlIn0=\\\"]\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[],\"styles\":[]}}"]},"_links":{"self":[{"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":124,"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/ashusfashionhouse.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}