{"id":4844,"date":"2026-09-27T16:57:14","date_gmt":"2026-09-27T16:57:14","guid":{"rendered":"https:\/\/dubaicollections.shop\/?page_id=4844"},"modified":"2026-09-27T20:13:51","modified_gmt":"2026-09-27T20:13:51","slug":"video-shop","status":"publish","type":"page","link":"https:\/\/dubaicollections.shop\/index.php\/video-shop\/","title":{"rendered":"Video Shop"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4844\" class=\"elementor elementor-4844\">\n\t\t\t\t<div class=\"elementor-element elementor-element-138f5c1 e-con-full e-flex e-con e-parent\" data-id=\"138f5c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4853f53 elementor-widget elementor-widget-c2e_shoppable-video-feed\" data-id=\"4853f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"c2e_shoppable-video-feed.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"c2e-widget-wrapper c2e-widget c2e-shoppable-video-feed\" data-c2e-slug=\"shoppable-video-feed\"><div class=\"svf-main-container svf-mobile-fullscreen-active\" \n     data-cols-desktop=\"4\"\n     data-cols-tablet=\"2\"\n     data-hover-play=\"yes\"\n     data-view-threshold=\"2\">\n\n        <!-- Header Section -->\n    <header class=\"svf-feed-header\">\n        <div class=\"svf-header-content\">\n            <div class=\"svf-header-left\">\n                                    <button type=\"button\" class=\"svf-header-back-btn\" aria-label=\"Go Back\" onclick=\"window.history.length > 1 ? window.history.back() : window.location.href='\/';\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"m15 18-6-6 6-6\"\/>\n                        <\/svg>\n                    <\/button>\n                                <div class=\"svf-header-text\">\n                    <h1 class=\"svf-title-text\">All Videos<\/h1>\n                                            <p class=\"svf-subtitle-text\">Discover trending shoppable videos and exclusive styles<\/p>\n                                    <\/div>\n            <\/div>\n\n                        <div class=\"svf-categories-scroller\">\n                <button type=\"button\" class=\"svf-category-chip active\" data-cat=\"all\">All<\/button>\n                <button type=\"button\" class=\"svf-category-chip\" data-cat=\"fashion\">Fashion<\/button>\n                <button type=\"button\" class=\"svf-category-chip\" data-cat=\"accessories\">Accessories<\/button>\n                <button type=\"button\" class=\"svf-category-chip\" data-cat=\"footwear\">Footwear<\/button>\n                <button type=\"button\" class=\"svf-category-chip\" data-cat=\"trending\">Trending<\/button>\n            <\/div>\n            \n            <div class=\"svf-header-right\">\n                <button type=\"button\" class=\"svf-sound-master-btn\" aria-label=\"Toggle Global Sound\">\n                    <span class=\"svf-sound-off-icon\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span class=\"svf-sound-on-icon\" style=\"display:none;\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"\/>\n                        <\/svg>\n                    <\/span>\n                    <span class=\"svf-sound-label\">Muted<\/span>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/header>\n    \n    <!-- Mobile Top Navigation Bar (Only in Mobile Fullscreen mode) -->\n    <div class=\"svf-mobile-top-nav\">\n        <button type=\"button\" class=\"svf-m-back-btn\" aria-label=\"Go Back\" onclick=\"window.history.length > 1 ? window.history.back() : window.location.href='\/';\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\n        <\/button>\n        <div class=\"svf-m-tabs\">\n            <span class=\"svf-m-tab active\">Trending<\/span>\n            <span class=\"svf-m-tab\">Shop<\/span>\n        <\/div>\n        <button type=\"button\" class=\"svf-m-mute-btn\" aria-label=\"Toggle Sound\">\n            <svg class=\"svf-m-sound-off\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n            <svg class=\"svf-m-sound-on\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n        <\/button>\n    <\/div>\n\n    <!-- Main Feed \/ Grid -->\n    <main class=\"svf-feed-grid\" id=\"svfFeedGrid\">\n                                    <article class=\"svf-card\" \n                         data-index=\"0\"\n                         data-video-id=\"1\"\n                         data-category=\"fashion\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"auto\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1572804013309-59a88b7e92f1?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Fashion<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"sofia_styles\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"1\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">4.8K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"1\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">214<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"1\" data-title=\"Floral Summer Dress Try-On\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">580<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">24.5K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"1\" data-product-url=\"\/product\/floral-summer-dress\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@sofia_styles<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Floral Summer Dress Try-On<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Obsessed with this breathable linen blend dress! Perfect for warm sunny days and beach walks.<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#summerdress #ootd #summerstyle<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572804013309-59a88b7e92f1?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Floral Summer Dress\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Floral Summer Dress<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$45.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$60.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(128)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/floral-summer-dress\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"1\"\n                         data-video-id=\"2\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"luxe_leather\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"2\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">6.2K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"2\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">342<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"2\" data-title=\"Leather Crossbody Unboxing &amp; Review\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">890<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">31.2K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"2\" data-product-url=\"\/product\/leather-crossbody\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@luxe_leather<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Leather Crossbody Unboxing &amp; Review<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Genuine Italian quilted leather with gold chain strap. Fits phone, wallet and keys effortlessly!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#crossbody #leatherbag #luxury<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1548036328-c9fa89d128fa?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Leather Crossbody\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Leather Crossbody<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$89.99<\/span>\n                                                                                            <span class=\"svf-price-strike\">$115.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.8 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.8<\/span>\n                                                <span class=\"svf-reviews-val\">(94)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/leather-crossbody\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"2\"\n                         data-video-id=\"3\"\n                         data-category=\"fashion\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1521572267360-ee0c2909d518?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Fashion<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"alex_street\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"3\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">9.1K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"3\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">456<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"3\" data-title=\"The Ultimate Heavyweight White Tee\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">1.2K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">48.9K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"3\" data-product-url=\"\/product\/basic-white-tee\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@alex_street<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">The Ultimate Heavyweight White Tee<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">100% combed heavyweight cotton. Zero see-through, durable collar that never sags after washing.<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#essential #basics #streetstyle<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521572267360-ee0c2909d518?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Basic White Tee\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Basic White Tee<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$24.50<\/span>\n                                                                                            <span class=\"svf-price-strike\">$30.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"5.0 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">5.0<\/span>\n                                                <span class=\"svf-reviews-val\">(210)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/basic-white-tee\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"3\"\n                         data-video-id=\"4\"\n                         data-category=\"footwear\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1549298916-b41d501d3772?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Footwear<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"kicks_daily\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"4\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">7.5K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"4\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">320<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"4\" data-title=\"Everyday Suede Sneakers In Action\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">670<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">39.4K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"4\" data-product-url=\"\/product\/classic-sneakers\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@kicks_daily<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Everyday Suede Sneakers In Action<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Lightweight cushioned sole with gum bottom and premium suede accents. Matches any casual outfit!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#sneakers #footwear #kicks<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1549298916-b41d501d3772?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Classic Sneakers\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Classic Sneakers<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$65.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$80.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(165)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/classic-sneakers\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"4\"\n                         data-video-id=\"5\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"modern_gent\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"5\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">3.8K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"5\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">180<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"5\" data-title=\"Minimalist Sapphire Watch Closeup\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">410<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">19.8K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"5\" data-product-url=\"\/product\/minimalist-watch\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@modern_gent<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Minimalist Sapphire Watch Closeup<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Clean dial with scratch-resistant sapphire crystal glass and genuine mesh strap. Water resistant 5ATM.<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#watch #accessories #minimalist<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523275335684-37898b6baf30?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Minimalist Watch\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Minimalist Watch<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$120.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$150.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(82)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/minimalist-watch\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"5\"\n                         data-video-id=\"6\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1576871337632-b9aef4c17ab9?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544005313-94ddf0286df2?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"beach_vibes\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"6\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">2.9K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"6\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">115<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"6\" data-title=\"Packable Wide-Brim Straw Sun Hat\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">320<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">15.4K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"6\" data-product-url=\"\/product\/straw-sun-hat\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@beach_vibes<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Packable Wide-Brim Straw Sun Hat<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">UPF 50+ sun protection with adjustable inner ribbon. Foldable for luggage without losing its shape!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#sunhat #vacationready #summer<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576871337632-b9aef4c17ab9?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Straw Sun Hat\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Straw Sun Hat<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$35.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$45.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.7 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.7<\/span>\n                                                <span class=\"svf-reviews-val\">(73)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/straw-sun-hat\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"6\"\n                         data-video-id=\"7\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1630019852942-f89202989a59?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517841905240-472988babdf9?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"gold_jewelry\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"7\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">5.4K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"7\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">260<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"7\" data-title=\"18K Gold Plated Chunky Hoop Earrings\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">540<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">27.6K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"7\" data-product-url=\"\/product\/gold-hoop-earrings\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@gold_jewelry<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">18K Gold Plated Chunky Hoop Earrings<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Hypoallergenic, lightweight hollow design. Wear them all day with zero ear lobe pulling!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#goldhoops #earrings #jewelryhaul<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1630019852942-f89202989a59?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Gold Hoop Earrings\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Gold Hoop Earrings<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$48.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$65.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(119)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/gold-hoop-earrings\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"7\"\n                         data-video-id=\"8\"\n                         data-category=\"footwear\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1543163521-1bf539c55dd2?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Footwear<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524504388940-b1c1722653e1?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"chloe_couture\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"8\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">4.1K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"8\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">198<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"8\" data-title=\"Comfortable Block Heels for Long Nights\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">460<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">22.3K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"8\" data-product-url=\"\/product\/block-heels\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@chloe_couture<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Comfortable Block Heels for Long Nights<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">2.5 inch stable block heel with memory foam insole. Walk 10,000 steps without foot aches!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#blockheels #footwear #partyoutfit<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1543163521-1bf539c55dd2?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Block Heels\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Block Heels<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$75.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$95.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.8 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.8<\/span>\n                                                <span class=\"svf-reviews-val\">(56)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/block-heels\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"8\"\n                         data-video-id=\"9\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1566150905458-1bf1fc113f0d?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"night_glam\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"9\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">3.3K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"9\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">140<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"9\" data-title=\"Velvet Evening Clutch with Rhinestone Clasp\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">290<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">18.2K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"9\" data-product-url=\"\/product\/velvet-evening-clutch\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@night_glam<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Velvet Evening Clutch with Rhinestone Clasp<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Deep midnight blue velvet exterior with magnetic snap closure and removable shoulder chain.<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#clutch #eveninglook #glamour<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566150905458-1bf1fc113f0d?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Velvet Evening Clutch\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Velvet Evening Clutch<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$54.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$70.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(48)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/velvet-evening-clutch\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"9\"\n                         data-video-id=\"10\"\n                         data-category=\"fashion\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1601924994987-69e26d50dc26?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Fashion<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531746020798-e6953c6e8e04?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"scarf_artisan\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"10\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">5.7K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"10\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">310<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"10\" data-title=\"10 Ways to Style a Silk Pattern Scarf\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">980<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">34.1K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"10\" data-product-url=\"\/product\/silk-pattern-scarf\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@scarf_artisan<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">10 Ways to Style a Silk Pattern Scarf<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">100% mulberry silk twill with hand-rolled edges. Elevate plain coats, bags, or hair in seconds!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#silkscarf #stylinghacks #fashiontips<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1601924994987-69e26d50dc26?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Silk Pattern Scarf\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Silk Pattern Scarf<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$28.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$38.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.8 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.8<\/span>\n                                                <span class=\"svf-reviews-val\">(64)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/silk-pattern-scarf\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"10\"\n                         data-video-id=\"11\"\n                         data-category=\"fashion\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1576995853123-5a10305d93c0?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Fashion<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1539571696357-5a69c17a67c6?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"denim_lab\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"11\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">8.4K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"11\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">410<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"11\" data-title=\"Vintage Wash Oversized Denim Jacket\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">1.1K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">44.7K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"11\" data-product-url=\"\/product\/denim-jacket-vintage\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@denim_lab<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Vintage Wash Oversized Denim Jacket<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Authentic 14oz non-stretch denim with distressed detailing and cozy side welt pockets.<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#denimjacket #vintagefit #outerwear<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1576995853123-5a10305d93c0?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Denim Jacket Vintage\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Denim Jacket Vintage<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$85.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$110.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"4.9 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">4.9<\/span>\n                                                <span class=\"svf-reviews-val\">(142)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/denim-jacket-vintage\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                            <article class=\"svf-card\" \n                         data-index=\"11\"\n                         data-video-id=\"12\"\n                         data-category=\"accessories\">\n\n                    <!-- Video Container -->\n                    <div class=\"svf-video-viewport\">\n                                                    <video class=\"svf-video-player\" \n                                   loop \n                                   muted \n                                   playsinline \n                                   webkit-playsinline \n                                   preload=\"metadata\"\n                                   poster=\"https:\/\/images.unsplash.com\/photo-1511499767150-a48a237f0083?auto=format&#038;fit=crop&#038;w=600&#038;h=1066&#038;q=80\"\n                                   src=\"https:\/\/www.w3schools.com\/html\/mov_bbb.mp4\">\n                            <\/video>\n                        \n                        <!-- Play\/Pause Centered Pulse Animation -->\n                        <div class=\"svf-center-pulse\" aria-hidden=\"true\">\n                            <svg class=\"svf-pulse-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\n                            <svg class=\"svf-pulse-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>\n                        <\/div>\n\n                        <!-- Top & Bottom Gradient Shadows for Ultra Clean Readability -->\n                        <div class=\"svf-overlay-top\"><\/div>\n                        <div class=\"svf-overlay-bottom\"><\/div>\n\n                        <!-- Card Top Badge (Category & Sound & Fullscreen) -->\n                        <div class=\"svf-card-header-bar\">\n                            <span class=\"svf-cat-badge\">Accessories<\/span>\n                            <div class=\"svf-card-controls\">\n                                <button type=\"button\" class=\"svf-control-btn svf-card-sound-btn\" aria-label=\"Toggle Sound\">\n                                    <svg class=\"svf-sound-off-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 5 6 9H2v6h4l5 4V5Z\"\/><line x1=\"23\" y1=\"9\" x2=\"17\" y2=\"15\"\/><line x1=\"17\" y1=\"9\" x2=\"23\" y2=\"15\"\/><\/svg>\n                                    <svg class=\"svf-sound-on-svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"display:none;\"><polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"\/><path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"\/><\/svg>\n                                <\/button>\n                                <button type=\"button\" class=\"svf-control-btn svf-card-fs-btn\" aria-label=\"Fullscreen\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Right-Side Floating Actions (TikTok\/Reels Style) -->\n                        <aside class=\"svf-side-actions\">\n                                                            <div class=\"svf-action-item svf-creator-item\">\n                                    <div class=\"svf-avatar-ring\">\n                                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501196354995-cbb51c65aaea?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"shades_studio\" class=\"svf-avatar-thumb\">\n                                    <\/div>\n                                    <button type=\"button\" class=\"svf-follow-badge\" aria-label=\"Follow Creator\">+<\/button>\n                                <\/div>\n                            \n                            <!-- Like Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-like-btn\" data-video-id=\"12\" aria-label=\"Like Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg class=\"svf-heart-icon\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-like-counter\">10.2K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Comment Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-comment-btn\" data-video-id=\"12\" aria-label=\"Open Comments\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <path d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22Z\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count svf-comment-counter\">520<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Share Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-share-btn\" data-video-id=\"12\" data-title=\"Polarized Titanium Aviator Sunglasses\" aria-label=\"Share Video\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"18\" cy=\"5\" r=\"3\"\/><circle cx=\"6\" cy=\"12\" r=\"3\"\/><circle cx=\"18\" cy=\"19\" r=\"3\"\/><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"\/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                    <span class=\"svf-action-count\">1.4K<\/span>\n                                <\/button>\n                            <\/div>\n\n                            <!-- Views Counter -->\n                            <div class=\"svf-action-item svf-views-item\">\n                                <div class=\"svf-btn-icon-box svf-views-box\">\n                                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                                    <\/svg>\n                                <\/div>\n                                <span class=\"svf-action-count svf-view-counter\">55.3K<\/span>\n                            <\/div>\n\n                            <!-- More \/ Options Action -->\n                            <div class=\"svf-action-item\">\n                                <button type=\"button\" class=\"svf-action-btn svf-more-btn\" data-video-id=\"12\" data-product-url=\"\/product\/aviator-sunglasses\/\" aria-label=\"More Options\">\n                                    <div class=\"svf-btn-icon-box\">\n                                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                            <circle cx=\"12\" cy=\"12\" r=\"1\"\/><circle cx=\"19\" cy=\"12\" r=\"1\"\/><circle cx=\"5\" cy=\"12\" r=\"1\"\/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/button>\n                            <\/div>\n                        <\/aside>\n\n                        <!-- Bottom Content Area -->\n                        <div class=\"svf-bottom-area\">\n                            <div class=\"svf-meta-block\">\n                                                                    <span class=\"svf-creator-tag\">@shades_studio<\/span>\n                                \n                                                                    <h3 class=\"svf-card-title\">Polarized Titanium Aviator Sunglasses<\/h3>\n                                \n                                                                    <p class=\"svf-card-caption\">Ultra-lightweight titanium frame with UV400 polarized gradient lenses. Glare-free crystal clarity!<\/p>\n                                \n                                                                    <div class=\"svf-card-hashtags\">#aviators #eyewear #accessories<\/div>\n                                                            <\/div>\n\n                            <!-- Attached Shoppable Product Box -->\n                                                            <div class=\"svf-product-card\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511499767150-a48a237f0083?auto=format&#038;fit=crop&#038;w=150&#038;h=150&#038;q=80\" alt=\"Aviator Sunglasses\" class=\"svf-product-thumbnail\">\n                                                                        <div class=\"svf-product-info\">\n                                        <h4 class=\"svf-product-title\">Aviator Sunglasses<\/h4>\n                                        <div class=\"svf-product-meta-row\">\n                                            <span class=\"svf-price-main\">$42.00<\/span>\n                                                                                            <span class=\"svf-price-strike\">$55.00<\/span>\n                                                                                        <div class=\"svf-stars-row\" title=\"5.0 out of 5 stars\">\n                                                <span class=\"svf-stars-glyph\">\u2605\u2605\u2605\u2605\u2605<\/span>\n                                                <span class=\"svf-stars-val\">5.0<\/span>\n                                                <span class=\"svf-reviews-val\">(189)<\/span>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            \n                            <!-- Buy Now Primary Action Button -->\n                            <a href=\"\/product\/aviator-sunglasses\/\" class=\"svf-buy-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                <span>Buy Now<\/span>\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                        <!-- Video Progress Bar Scrubber -->\n                        <div class=\"svf-progress-track\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"0\">\n                            <div class=\"svf-progress-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n                <\/article>\n                        <\/main>\n\n    <!-- Comments Sliding Bottom Sheet (Mobile) & Modal Drawer (Desktop) -->\n    <div class=\"svf-drawer svf-comments-drawer\" id=\"svfCommentsDrawer\" aria-hidden=\"true\">\n        <div class=\"svf-drawer-overlay\"><\/div>\n        <div class=\"svf-drawer-panel\">\n            <div class=\"svf-drawer-notch\"><\/div>\n            <div class=\"svf-drawer-head\">\n                <h3 class=\"svf-drawer-heading\">Comments (<span id=\"svfDrawerCommentCount\">0<\/span>)<\/h3>\n                <button type=\"button\" class=\"svf-drawer-close-btn\" aria-label=\"Close comments\">&times;<\/button>\n            <\/div>\n            <div class=\"svf-comments-scroll\" id=\"svfCommentsScroll\">\n                <!-- Comments dynamically populated by JS -->\n            <\/div>\n            <form class=\"svf-comment-input-form\" id=\"svfCommentInputForm\">\n                <input type=\"text\" class=\"svf-comment-field\" placeholder=\"Add a comment as a shopper...\" required autocomplete=\"off\">\n                <button type=\"submit\" class=\"svf-comment-send-btn\" aria-label=\"Send comment\">\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\n                    <\/svg>\n                <\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- Share Modal Sheet -->\n    <div class=\"svf-drawer svf-share-drawer\" id=\"svfShareDrawer\" aria-hidden=\"true\">\n        <div class=\"svf-drawer-overlay\"><\/div>\n        <div class=\"svf-drawer-panel svf-share-panel\">\n            <div class=\"svf-drawer-notch\"><\/div>\n            <div class=\"svf-drawer-head\">\n                <h3 class=\"svf-drawer-heading\">Share this video<\/h3>\n                <button type=\"button\" class=\"svf-drawer-close-btn\" aria-label=\"Close share sheet\">&times;<\/button>\n            <\/div>\n            <div class=\"svf-share-actions-grid\">\n                <button type=\"button\" class=\"svf-share-btn-tile svf-share-copy-tile\">\n                    <div class=\"svf-share-icon-wrap\" style=\"background:#3b82f6;\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"\/><\/svg>\n                    <\/div>\n                    <span>Copy Link<\/span>\n                <\/button>\n                <a href=\"#\" class=\"svf-share-btn-tile svf-share-wa-tile\" target=\"_blank\" rel=\"noopener\">\n                    <div class=\"svf-share-icon-wrap\" style=\"background:#25D366;\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2z\"\/><\/svg>\n                    <\/div>\n                    <span>WhatsApp<\/span>\n                <\/a>\n                <a href=\"#\" class=\"svf-share-btn-tile svf-share-fb-tile\" target=\"_blank\" rel=\"noopener\">\n                    <div class=\"svf-share-icon-wrap\" style=\"background:#1877F2;\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z\"\/><\/svg>\n                    <\/div>\n                    <span>Facebook<\/span>\n                <\/a>\n                <a href=\"#\" class=\"svf-share-btn-tile svf-share-x-tile\" target=\"_blank\" rel=\"noopener\">\n                    <div class=\"svf-share-icon-wrap\" style=\"background:#000000;border:1px solid #333;\">\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n                    <\/div>\n                    <span>X<\/span>\n                <\/a>\n                <a href=\"#\" class=\"svf-share-btn-tile svf-share-email-tile\" target=\"_blank\" rel=\"noopener\">\n                    <div class=\"svf-share-icon-wrap\" style=\"background:#EA4335;\">\n                        <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"><rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\/><path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/><\/svg>\n                    <\/div>\n                    <span>Email<\/span>\n                <\/a>\n            <\/div>\n            <div class=\"svf-share-url-box\">\n                <input type=\"text\" class=\"svf-share-url-text\" readonly value=\"\">\n                <button type=\"button\" class=\"svf-share-url-copy-btn\">Copy<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- More \/ Options Modal Sheet -->\n    <div class=\"svf-drawer svf-more-drawer\" id=\"svfMoreDrawer\" aria-hidden=\"true\">\n        <div class=\"svf-drawer-overlay\"><\/div>\n        <div class=\"svf-drawer-panel svf-more-panel\">\n            <div class=\"svf-drawer-notch\"><\/div>\n            <div class=\"svf-more-list\">\n                <button type=\"button\" class=\"svf-more-option svf-opt-copy\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/><\/svg>\n                    <span>Copy Video Link<\/span>\n                <\/button>\n                <button type=\"button\" class=\"svf-more-option svf-opt-product\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n                    <span>View Product Details<\/span>\n                <\/button>\n                <button type=\"button\" class=\"svf-more-option svf-opt-report\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"\/><line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"\/><\/svg>\n                    <span>Report Video<\/span>\n                <\/button>\n                <button type=\"button\" class=\"svf-more-option svf-opt-hide\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"\/><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"\/><\/svg>\n                    <span>Not Interested<\/span>\n                <\/button>\n            <\/div>\n            <button type=\"button\" class=\"svf-more-close-btn\">Cancel<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Notification Toast Message -->\n    <div class=\"svf-toast-banner\" id=\"svfToastBanner\" aria-live=\"polite\"><\/div>\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"..\/public\/views\/revslider-page-template.php","meta":{"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"class_list":["post-4844","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/pages\/4844","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/comments?post=4844"}],"version-history":[{"count":58,"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/pages\/4844\/revisions"}],"predecessor-version":[{"id":4948,"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/pages\/4844\/revisions\/4948"}],"wp:attachment":[{"href":"https:\/\/dubaicollections.shop\/index.php\/wp-json\/wp\/v2\/media?parent=4844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}