{"product_id":"prom-evening-wear","title":"Prom\/evening wear","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes\"\u003e\n  \u003ctitle\u003eÉCLAT · Evening \u0026amp; Prom Wear\u003c\/title\u003e\n  \u003c!-- Font Awesome 6 (free) --\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\"\u003e\n  \u003cstyle\u003e\n    \/* ----- global reset \u0026 base ----- *\/\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    }\n\n    body {\n      background: #faf7f5;\n      color: #1e1a18;\n      padding: 0 0 2.5rem 0;\n    }\n\n    .shopify-container {\n      max-width: 1400px;\n      margin: 0 auto;\n      padding: 0 1.6rem;\n    }\n\n    \/* ----- header (luxe minimal) ----- *\/\n    .store-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      padding: 1.4rem 0 0.6rem 0;\n      border-bottom: 1px solid rgba(30, 26, 24, 0.06);\n      margin-bottom: 1.8rem;\n    }\n\n    .logo-area {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .logo-icon {\n      font-size: 1.8rem;\n      color: #2b211e;\n      background: #ece5e0;\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n    }\n\n    .logo-text {\n      font-weight: 500;\n      font-size: 2rem;\n      letter-spacing: -0.5px;\n      color: #1e1613;\n    }\n    .logo-text span {\n      font-weight: 300;\n      font-style: italic;\n      color: #7c6b62;\n    }\n\n    .header-actions {\n      display: flex;\n      gap: 1.8rem;\n      align-items: center;\n      font-size: 1.2rem;\n      color: #2f2622;\n    }\n\n    .header-actions i {\n      transition: color 0.2s;\n      cursor: default;\n    }\n    .header-actions i:hover { color: #a5887a; }\n\n    .cart-badge {\n      background: #1e1613;\n      color: #faf7f5;\n      font-size: 0.6rem;\n      font-weight: 600;\n      padding: 0.15rem 0.5rem;\n      border-radius: 40px;\n      position: relative;\n      top: -10px;\n      left: -6px;\n    }\n\n    \/* ----- CAROUSEL (evening glam) ----- *\/\n    .carousel-section {\n      margin: 1rem 0 2.8rem 0;\n    }\n\n    .carousel-wrapper {\n      position: relative;\n      border-radius: 32px;\n      overflow: hidden;\n      box-shadow: 0 20px 40px -12px rgba(20, 15, 12, 0.12), 0 4px 18px rgba(0,0,0,0.02);\n      background: #ffffff;\n    }\n\n    .carousel-track-container {\n      overflow: hidden;\n      border-radius: 32px;\n    }\n\n    .carousel-track {\n      display: flex;\n      transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\n      will-change: transform;\n    }\n\n    .carousel-slide {\n      min-width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 2.8rem 3.2rem;\n      min-height: 340px;\n      flex-wrap: wrap;\n      gap: 1.8rem;\n    }\n\n    \/* slide backgrounds – elegant mood *\/\n    .slide-1 { background: linear-gradient(145deg, #f4ede8, #ede3db); }\n    .slide-2 { background: linear-gradient(145deg, #e8e0da, #dfd3cb); }\n    .slide-3 { background: linear-gradient(145deg, #efe7e0, #e6dad2); }\n\n    .slide-content {\n      flex: 1 1 220px;\n    }\n\n    .slide-content .pre-head {\n      font-size: 0.8rem;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #6f5c51;\n      font-weight: 500;\n      margin-bottom: 0.3rem;\n    }\n\n    .slide-content h2 {\n      font-size: 2.6rem;\n      font-weight: 400;\n      letter-spacing: -0.5px;\n      color: #1e1613;\n      line-height: 1.2;\n      font-family: 'Times New Roman', serif;\n    }\n\n    .slide-content p {\n      font-size: 1.05rem;\n      color: #3f322b;\n      margin: 0.6rem 0 1.4rem 0;\n      max-width: 420px;\n      opacity: 0.85;\n      font-weight: 350;\n    }\n\n    .slide-cta {\n      background: #1e1613;\n      border: none;\n      color: white;\n      padding: 0.8rem 2.2rem;\n      border-radius: 60px;\n      font-weight: 450;\n      font-size: 0.95rem;\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      cursor: default;\n      transition: background 0.2s, box-shadow 0.2s;\n      box-shadow: 0 6px 14px rgba(30, 22, 19, 0.08);\n      letter-spacing: 0.3px;\n    }\n    .slide-cta i { font-size: 0.8rem; }\n    .slide-cta:hover { background: #3f2e26; }\n\n    .slide-image {\n      flex: 0 0 160px;\n      height: 160px;\n      background: rgba(255, 247, 242, 0.5);\n      backdrop-filter: blur(4px);\n      border-radius: 60px 20px 60px 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 4.8rem;\n      color: #2b1f1a;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.02);\n      border: 1px solid rgba(255, 240, 230, 0.3);\n    }\n\n    \/* carousel controls *\/\n    .carousel-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      background: rgba(255, 248, 244, 0.8);\n      backdrop-filter: blur(6px);\n      border: 1px solid rgba(255, 235, 225, 0.3);\n      width: 46px;\n      height: 46px;\n      border-radius: 60px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.3rem;\n      color: #1e1613;\n      box-shadow: 0 6px 20px rgba(0,0,0,0.04);\n      cursor: pointer;\n      transition: 0.25s;\n      z-index: 6;\n    }\n    .carousel-btn:hover {\n      background: #ffffff;\n      box-shadow: 0 8px 24px rgba(0,0,0,0.06);\n    }\n    .btn-left { left: 18px; }\n    .btn-right { right: 18px; }\n\n    .carousel-dots {\n      display: flex;\n      justify-content: center;\n      gap: 12px;\n      padding: 1.2rem 0 0.2rem 0;\n    }\n\n    .dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 30px;\n      background: #ccc2bb;\n      border: none;\n      padding: 0;\n      transition: 0.3s;\n      cursor: pointer;\n    }\n    .dot.active {\n      background: #1e1613;\n      width: 30px;\n    }\n\n    \/* ----- PRODUCT SECTION (evening \/ prom) ----- *\/\n    .section-title {\n      display: flex;\n      justify-content: space-between;\n      align-items: baseline;\n      margin: 2.8rem 0 1.6rem 0;\n    }\n\n    .section-title h3 {\n      font-weight: 350;\n      font-size: 2rem;\n      letter-spacing: -0.3px;\n      color: #1e1613;\n      font-family: 'Times New Roman', serif;\n    }\n    .section-title h3 i {\n      font-weight: 100;\n      font-size: 1.6rem;\n      color: #ac9587;\n      margin-right: 8px;\n    }\n\n    .section-title a {\n      color: #4c3c34;\n      font-size: 0.9rem;\n      font-weight: 450;\n      text-decoration: none;\n      border-bottom: 1px solid transparent;\n      transition: 0.2s;\n      letter-spacing: 0.5px;\n    }\n    .section-title a:hover { border-bottom-color: #1e1613; }\n\n    .product-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n      gap: 2rem;\n      margin-top: 0.2rem;\n    }\n\n    .product-card {\n      background: #ffffff;\n      border-radius: 28px;\n      padding: 1.4rem 1.2rem 1.6rem 1.2rem;\n      transition: transform 0.25s ease, box-shadow 0.3s;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.02);\n      border: 1px solid rgba(30, 22, 19, 0.02);\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n\n    .product-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 24px 44px -16px rgba(30, 22, 19, 0.08), 0 6px 18px rgba(0,0,0,0.02);\n      border-color: #eee5df;\n    }\n\n    .product-image {\n      width: 100%;\n      aspect-ratio: 1\/1.05;\n      background: #f6f0eb;\n      border-radius: 24px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 3.6rem;\n      color: #2b1f1a;\n      margin-bottom: 1rem;\n      transition: background 0.2s;\n    }\n    .product-card:hover .product-image {\n      background: #ede4dd;\n    }\n\n    .product-title {\n      font-weight: 450;\n      font-size: 1.1rem;\n      color: #1e1613;\n      letter-spacing: -0.2px;\n      margin-bottom: 0.1rem;\n    }\n\n    .product-vendor {\n      font-size: 0.8rem;\n      color: #7a6a60;\n      font-weight: 400;\n      letter-spacing: 0.2px;\n    }\n\n    .product-price {\n      font-weight: 500;\n      font-size: 1.3rem;\n      color: #1e1613;\n      margin-top: 0.5rem;\n    }\n    .product-price small {\n      font-weight: 350;\n      font-size: 0.85rem;\n      color: #8f7b70;\n      margin-left: 8px;\n      text-decoration: line-through;\n    }\n\n    .add-to-cart {\n      margin-top: 0.9rem;\n      background: #f3ede8;\n      border: none;\n      padding: 0.5rem 1.4rem;\n      border-radius: 60px;\n      font-weight: 450;\n      font-size: 0.8rem;\n      color: #1e1613;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      cursor: default;\n      transition: 0.2s;\n      letter-spacing: 0.3px;\n    }\n    .add-to-cart i { font-size: 0.7rem; }\n    .product-card:hover .add-to-cart {\n      background: #1e1613;\n      color: #faf7f5;\n    }\n\n    \/* footer *\/\n    .store-footer {\n      margin-top: 4.5rem;\n      padding-top: 2rem;\n      border-top: 1px solid rgba(30, 22, 19, 0.05);\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      gap: 1rem;\n      color: #5c4d44;\n      font-size: 0.85rem;\n      font-weight: 350;\n    }\n    .footer-links {\n      display: flex;\n      gap: 2rem;\n    }\n    .footer-links span { cursor: default; }\n\n    \/* responsive *\/\n    @media (max-width: 700px) {\n      .carousel-slide {\n        flex-direction: column;\n        text-align: center;\n        padding: 2.2rem 1.8rem;\n        min-height: 280px;\n      }\n      .slide-content p { margin-left: auto; margin-right: auto; }\n      .slide-image { flex-basis: 120px; height: 120px; font-size: 3.6rem; }\n      .slide-content h2 { font-size: 2.2rem; }\n      .product-grid { grid-template-columns: repeat(2, 1fr); gap: 1.2rem; }\n      .store-header { flex-direction: column; align-items: flex-start; gap: 0.6rem; }\n      .header-actions { width: 100%; justify-content: flex-start; gap: 1.8rem; }\n      .btn-left { left: 10px; }\n      .btn-right { right: 10px; }\n      .carousel-btn { width: 40px; height: 40px; font-size: 1.1rem; }\n    }\n\n    @media (max-width: 480px) {\n      .product-grid { grid-template-columns: 1fr 1fr; gap: 0.8rem; }\n      .product-card { padding: 1rem 0.7rem 1.2rem 0.7rem; }\n      .slide-content h2 { font-size: 1.8rem; }\n    }\n\n    \/* helpers *\/\n    .hidden { display: none; }\n  \u003c\/style\u003e\n\n\n\u003cdiv class=\"shopify-container\"\u003e\n\n  \u003c!-- header --\u003e\n  \u003cheader class=\"store-header\"\u003e\n    \u003cdiv class=\"logo-area\"\u003e\n      \u003cdiv class=\"logo-icon\"\u003e\u003ci class=\"fas fa-moon\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cspan class=\"logo-text\"\u003eéclat \u003cspan\u003e· evening\u003c\/span\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"header-actions\"\u003e\n      \u003ci class=\"fas fa-search\"\u003e\u003c\/i\u003e\n      \u003ci class=\"fas fa-heart\"\u003e\u003c\/i\u003e\n      \u003cspan style=\"display:flex; align-items:center;\"\u003e\n        \u003ci class=\"fas fa-shopping-bag\"\u003e\u003c\/i\u003e\n        \u003cspan class=\"cart-badge\"\u003e2\u003c\/span\u003e\n      \u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003c!-- CAROUSEL (evening wear themed) --\u003e\n  \u003csection class=\"carousel-section\"\u003e\n    \u003cdiv class=\"carousel-wrapper\"\u003e\n      \u003cdiv class=\"carousel-track-container\"\u003e\n        \u003cdiv class=\"carousel-track\" id=\"carouselTrack\"\u003e\n          \u003c!-- slide 1 : Gowns --\u003e\n          \u003cdiv class=\"carousel-slide slide-1\"\u003e\n            \u003cdiv class=\"slide-content\"\u003e\n              \u003cdiv class=\"pre-head\"\u003e\n\u003ci class=\"fas fa-star\" style=\"margin-right: 6px;\"\u003e\u003c\/i\u003e new arrival\u003c\/div\u003e\n              \u003ch2\u003eSequin column gown\u003c\/h2\u003e\n              \u003cp\u003eElegant floor-length silhouette with delicate beading — for galas \u0026amp; proms.\u003c\/p\u003e\n              \u003cspan class=\"slide-cta\"\u003e\u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e discover\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-image\"\u003e\u003ci class=\"fas fa-user-tie\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003c!-- slide 2 : Prom --\u003e\n          \u003cdiv class=\"carousel-slide slide-2\"\u003e\n            \u003cdiv class=\"slide-content\"\u003e\n              \u003cdiv class=\"pre-head\"\u003e\n\u003ci class=\"fas fa-calendar-alt\" style=\"margin-right: 6px;\"\u003e\u003c\/i\u003e prom 2026\u003c\/div\u003e\n              \u003ch2\u003eTulle dream dress\u003c\/h2\u003e\n              \u003cp\u003eVoluminous skirt, corset bodice — available in 12 dreamy shades.\u003c\/p\u003e\n              \u003cspan class=\"slide-cta\"\u003e\u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e explore\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-image\"\u003e\u003ci class=\"fas fa-gem\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003c!-- slide 3 : Evening separates --\u003e\n          \u003cdiv class=\"carousel-slide slide-3\"\u003e\n            \u003cdiv class=\"slide-content\"\u003e\n              \u003cdiv class=\"pre-head\"\u003e\n\u003ci class=\"fas fa-clock\" style=\"margin-right: 6px;\"\u003e\u003c\/i\u003e limited edit\u003c\/div\u003e\n              \u003ch2\u003eVelvet tuxedo set\u003c\/h2\u003e\n              \u003cp\u003eModern satin lapels, slim fit — make a statement at any evening affair.\u003c\/p\u003e\n              \u003cspan class=\"slide-cta\"\u003e\u003ci class=\"fas fa-arrow-right\"\u003e\u003c\/i\u003e shop set\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"slide-image\"\u003e\u003ci class=\"fas fa-vest\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- buttons --\u003e\n      \u003cbutton class=\"carousel-btn btn-left\" id=\"prevBtn\" aria-label=\"Previous\"\u003e\u003ci class=\"fas fa-chevron-left\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n      \u003cbutton class=\"carousel-btn btn-right\" id=\"nextBtn\" aria-label=\"Next\"\u003e\u003ci class=\"fas fa-chevron-right\"\u003e\u003c\/i\u003e\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- dots --\u003e\n    \u003cdiv class=\"carousel-dots\" id=\"carouselDots\"\u003e\n      \u003cspan class=\"dot active\" data-index=\"0\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\" data-index=\"1\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"dot\" data-index=\"2\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PRODUCT GRID – evening \u0026 prom wear --\u003e\n  \u003cdiv class=\"section-title\"\u003e\n    \u003ch3\u003e\n\u003ci class=\"fas fa-feather-alt\"\u003e\u003c\/i\u003e evening essentials\u003c\/h3\u003e\n    \u003ca href=\"#\"\u003eview all \u003ci class=\"fas fa-arrow-right\" style=\"font-size:0.65rem; margin-left:4px;\"\u003e\u003c\/i\u003e\u003c\/a\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product-grid\"\u003e\n    \u003c!-- product 1 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-tshirt\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eSatin slip dress\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eSilk \u0026amp; Co.\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$149 \u003csmall\u003e$210\u003c\/small\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- product 2 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-user-tie\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eClassic tuxedo\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eBlack Label\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$279\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- product 3 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-gem\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eEmbellished gown\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eLuna Atelier\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$395 \u003csmall\u003e$480\u003c\/small\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- product 4 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-hat-wizard\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eFeather fascinator\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eMillinery\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$68\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- product 5 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-shoe-prints\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eStiletto heels\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eAlessia\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$124 \u003csmall\u003e$165\u003c\/small\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003c!-- product 6 --\u003e\n    \u003cdiv class=\"product-card\"\u003e\n      \u003cdiv class=\"product-image\"\u003e\u003ci class=\"fas fa-handbag\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-title\"\u003eClutch bag\u003c\/div\u003e\n      \u003cdiv class=\"product-vendor\"\u003eVelvet \u0026amp; Crystal\u003c\/div\u003e\n      \u003cdiv class=\"product-price\"\u003e$89\u003c\/div\u003e\n      \u003cspan class=\"add-to-cart\"\u003e\u003ci class=\"fas fa-plus\"\u003e\u003c\/i\u003e add\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- footer --\u003e\n  \u003cfooter class=\"store-footer\"\u003e\n    \u003cspan\u003e© 2026 éclat evening · prom \u0026amp; gala wear\u003c\/span\u003e\n    \u003cdiv class=\"footer-links\"\u003e\n      \u003cspan\u003eSize guide\u003c\/span\u003e\n      \u003cspan\u003eShipping\u003c\/span\u003e\n      \u003cspan\u003eContact\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/footer\u003e\n\u003c\/div\u003e\n\n\u003c!-- Carousel JS (simple \u0026 robust) --\u003e\n\u003cscript\u003e\n  (function() {\n    const track = document.getElementById('carouselTrack');\n    const slides = track.querySelectorAll('.carousel-slide');\n    const total = slides.length;\n    const dots = document.querySelectorAll('.dot');\n    const prevBtn = document.getElementById('prevBtn');\n    const nextBtn = document.getElementById('nextBtn');\n\n    let current = 0;\n    let autoInterval = null;\n\n    function updateSlide(index) {\n      if (index \u003c 0) index = total - 1;\n      if (index \u003e= total) index = 0;\n      current = index;\n      track.style.transform = `translateX(-${current * 100}%)`;\n      dots.forEach((dot, i) =\u003e {\n        dot.classList.toggle('active', i === current);\n      });\n    }\n\n    function next() { updateSlide(current + 1); }\n    function prev() { updateSlide(current - 1); }\n\n    dots.forEach(dot =\u003e {\n      dot.addEventListener('click', function() {\n        const idx = parseInt(this.dataset.index, 10);\n        if (!isNaN(idx) \u0026\u0026 idx !== current) {\n          updateSlide(idx);\n          resetAuto();\n        }\n      });\n    });\n\n    prevBtn.addEventListener('click', function(e) {\n      e.stopPropagation();\n      prev();\n      resetAuto();\n    });\n    nextBtn.addEventListener('click', function(e) {\n      e.stopPropagation();\n      next();\n      resetAuto();\n    });\n\n    function startAuto() {\n      if (autoInterval) clearInterval(autoInterval);\n      autoInterval = setInterval(next, 5200);\n    }\n    function resetAuto() {\n      if (autoInterval) { clearInterval(autoInterval); autoInterval = null; }\n      startAuto();\n    }\n\n    const wrapper = document.querySelector('.carousel-wrapper');\n    wrapper.addEventListener('mouseenter', function() {\n      if (autoInterval) { clearInterval(autoInterval); autoInterval = null; }\n    });\n    wrapper.addEventListener('mouseleave', function() {\n      if (!autoInterval) startAuto();\n    });\n\n    \/\/ init\n    updateSlide(0);\n    startAuto();\n  })();\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Laris Fashion Edge","offers":[{"title":"Default Title","offer_id":48622047723714,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.larisfashionedge.com\/products\/prom-evening-wear","provider":"Laris Fashion Edge","version":"1.0","type":"link"}