Custom Slider<\/title>\r\n <style>\r\n \/* ------------------------------\r\n \ud83d\udee0 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0633\u0631\u06cc\u0639)\r\n ------------------------------ *\/\r\n :root {\r\n \/* \u0633\u0627\u06cc\u0632\u0647\u0627 *\/\r\n --container-max-width: 1400px;\r\n --slide-gap: 20px;\r\n --image-max-width: 420px;\r\n --image-width-percent: 75%;\r\n\r\n \/* \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc *\/\r\n --title-size: 20px !important;\r\n --meta-size: 18px;\r\n --btn-font-size: 16px;\r\n --font-main: 'Bebas', sans-serif;\r\n\r\n \/* \u0631\u0646\u06af\u200c\u0647\u0627 *\/\r\n --title-color: #000;\r\n --meta-color: #000;\r\n --btn-bg: #000;\r\n --btn-color: #fff;\r\n --dot-color: rgba(0, 0, 0, 0.12);\r\n --dot-active-color: rgba(0, 0, 0, 0.85);\r\n\r\n \/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n --mobile-title-size: 20px;\r\n --mobile-meta-size: 16px;\r\n --mobile-image-max-width: 300px;\r\n }\r\n\r\n \/* \u0641\u0648\u0646\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc *\/\r\n @font-face {\r\n font-family: 'Bebas';\r\n src: url('https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/Bebas-Regular.otf') format('opentype');\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\uddbc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc\r\n ------------------------------ *\/\r\n .cs-container {\r\n max-width: 1400px;\r\n margin: 35px auto;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83c\udf9e \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\r\n ------------------------------ *\/\r\n .cs-slider {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0646\u0648\u0627\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627 *\/\r\n .cs-slides {\r\n display: flex;\r\n transition: transform 1.5s ease;\r\n }\r\n\r\n \/* \u0647\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f *\/\r\n .cs-slide {\r\n flex: 0 0 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--slide-gap);\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcf7 \u0628\u062e\u0634 \u062a\u0635\u0648\u06cc\u0631 \u0645\u062d\u0635\u0648\u0644\r\n ------------------------------ *\/\r\n .cs-image-wrap {\r\n flex: 1 1 45%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .cs-product-image {\r\n width: var(--image-width-percent);\r\n max-width: var(--image-max-width);\r\n border-radius: 8px;\r\n box-shadow: 0 8px 24px rgba(20, 30, 40, 0.08);\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcd1 \u0628\u062e\u0634 \u0645\u062a\u0646 \u0645\u062d\u0635\u0648\u0644\r\n ------------------------------ *\/\r\n .cs-text-area {\r\n flex: 1 1 50%;\r\n padding: 8px;\r\n text-align: left;\r\n }\r\n\r\n .cs-title {\r\n font-size: 60px !important;\r\n font-weight: 800 !important;\r\n margin: 0 0 10px;\r\n color: black !important;\r\n font-family: 'BebasNeue-Bold' !important;\r\n \r\n }\r\n\r\n .cs-meta {\r\n font-size: var(--meta-size);\r\n font-weight: 600;\r\n margin: 4px 0;\r\n color: var(--meta-color);\r\n line-height: 8px;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udd18 \u062f\u06a9\u0645\u0647 CTA\r\n ------------------------------ *\/\r\n .cs-cta-btn {\r\n display: inline-block;\r\n margin-top: 18px;\r\n padding: 12px 22px;\r\n background: var(--btn-bg);\r\n color: var(--btn-color);\r\n border-radius: 999px;\r\n text-decoration: none !important;\r\n font-size: var(--btn-font-size);\r\n }\r\n\r\n \/* ------------------------------\r\n \u2b07 \u0628\u062e\u0634 \"Go Deeper\"\r\n ------------------------------ *\/\r\n .cs-go-deeper {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 22px;\r\n font-weight: 700;\r\n color: var(--meta-color);\r\n }\r\n\r\n .cs-go-deeper img {\r\n width: 28px;\r\n height: 28px;\r\n animation: csBlink 1.8s ease-in-out infinite;\r\n }\r\n\r\n \/* ------------------------------\r\n \u2194 \u0641\u0644\u0634\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc\r\n ------------------------------ *\/\r\n .cs-nav-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 44px;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n }\r\n\r\n .cs-nav-arrow.cs-left {\r\n left: 8px;\r\n }\r\n\r\n .cs-nav-arrow.cs-right {\r\n right: 8px;\r\n }\r\n\r\n .cs-nav-arrow img {\r\n width: 16px;\r\n height: 24px;\r\n justify-content: center;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcf1 \u062d\u0627\u0644\u062a \u0645\u0648\u0628\u0627\u06cc\u0644\r\n ------------------------------ *\/\r\n @media (max-width: 768px) {\r\n .cs-slide {\r\n flex-direction: column-reverse; \/* \u0645\u062a\u0646 \u0628\u0627\u0644\u0627 - \u0639\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n gap: 14px;\r\n align-items: center;\r\n text-align: center;\r\n margin-left: 2%;\r\n }\r\n\r\n .cs-product-image {\r\n width: 100%;\r\n max-width: var(--mobile-image-max-width);\r\n height: auto;\r\n }\r\n\r\n .cs-title {\r\n font-size: 40px !important;\r\n }\r\n\r\n .cs-meta {\r\n font-size: var(--mobile-meta-size);\r\n }\r\n\r\n .cs-cta-btn {\r\n font-size: 14px;\r\n padding: 8px 16px;\r\n }\r\n\r\n .cs-go-deeper {\r\n justify-content: center;\r\n font-size: 14px;\r\n gap: 8px;\r\n margin-top: 20px;\r\n }\r\n\r\n .cs-go-deeper img {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .cs-nav-arrow {\r\n display: none; \/* \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0641\u0644\u0634\u200c\u0647\u0627 \u067e\u0646\u0647\u0627\u0646 \u0628\u0634\u0646 *\/\r\n }\r\n }\r\n\r\n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0634\u0645\u06a9 \u0628\u0631\u0627\u06cc \u0641\u0644\u0634 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n @keyframes csBlink {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n opacity: 0.25;\r\n transform: translateY(-2px);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ------------------------------\r\n \u26aa \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (Dots)\r\n ------------------------------ *\/\r\n .cs-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 14px;\r\n justify-content: center;\r\n }\r\n\r\n .cs-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: var(--dot-color);\r\n cursor: pointer;\r\n }\r\n\r\n .cs-dot.cs-active {\r\n background: var(--dot-active-color);\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"cs-container\">\r\n <div class=\"cs-slider\" id=\"cs-slider\">\r\n <div class=\"cs-slides\" id=\"cs-slides\">\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp31-40.png\"\r\n alt=\"product 1\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PD) - 31\/40 <\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"https:\/\/sharinco.com\/?page_id=6234\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp71-90.png\"\r\n alt=\"product 2\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PD) - 71\/90 <\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined\r\n\r\n<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"https:\/\/sharinco.com\/?page_id=6255\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-15sharin-scaled.png\"\r\n alt=\"product 3\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PDTO) \u2013 31\/40<\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"#\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-nav-arrow cs-left\" id=\"cs-prevBtn\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Da3560452.png\" alt=\"left\">\r\n <\/div>\r\n <div class=\"cs-nav-arrow cs-right\" id=\"cs-nextBtn\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_3560452.png\" alt=\"right\">\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-dots\" id=\"cs-dots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \ud83c\udf9e \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc\r\n const csSlides = document.getElementById('cs-slides');\r\n const csSlideCount = csSlides.children.length;\r\n let csIndex = 0;\r\n\r\n \/\/ \u26aa \u0633\u0627\u062e\u062a \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627 (Dots) \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9\r\n const csDotsContainer = document.getElementById('cs-dots');\r\n for (let i = 0; i < csSlideCount; i++) {\r\n const dot = document.createElement('div');\r\n dot.className = 'cs-dot' + (i === 0 ? ' cs-active' : '');\r\n dot.dataset.index = i;\r\n dot.addEventListener('click', () => { csGoToSlide(i) });\r\n csDotsContainer.appendChild(dot);\r\n }\r\n\r\n \/\/ \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648\u0636\u0639\u06cc\u062a \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\r\n function csUpdateDots() {\r\n [...csDotsContainer.children].forEach((d, i) => {\r\n d.classList.toggle('cs-active', i === csIndex);\r\n });\r\n }\r\n\r\n \/\/ \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f\r\n function csGoToSlide(i) {\r\n csIndex = i;\r\n csSlides.style.transform = `translateX(-${100 * i}%)`;\r\n csUpdateDots();\r\n }\r\n\r\n \/\/ \u0641\u0644\u0634 \u0642\u0628\u0644\u06cc\r\n document.getElementById('cs-prevBtn').addEventListener('click', () => {\r\n const newIndex = (csIndex - 1 + csSlideCount) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n });\r\n\r\n \/\/ \u0641\u0644\u0634 \u0628\u0639\u062f\u06cc\r\n document.getElementById('cs-nextBtn').addEventListener('click', () => {\r\n const newIndex = (csIndex + 1) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n });\r\n\r\n \/\/ \u23f1 \u0627\u0633\u0644\u0627\u06cc\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0647\u0631 10 \u062b\u0627\u0646\u06cc\u0647\r\n setInterval(() => {\r\n const newIndex = (csIndex + 1) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n }, 10000);\r\n\r\n \/\/ \u0634\u0631\u0648\u0639 \u0627\u0632 \u0627\u0633\u0644\u0627\u06cc\u062f 0\r\n csGoToSlide(0);\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd1f119 e-con-full e-flex e-con e-parent\" data-id=\"dd1f119\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-957e0fc elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"957e0fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":0.5,"sizes":[]},"motion_fx_translateY_direction":"negative","motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"253\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled.png\" class=\"attachment-full size-full wp-image-1043\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled.png 2560w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled-600x59.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-300x30.png 300w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-1024x101.png 1024w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-768x76.png 768w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-1536x152.png 1536w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-2048x203.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bfc52e e-con-full e-flex e-con e-child\" data-id=\"5bfc52e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc285f elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"afc285f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":0.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"248\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled.png\" class=\"attachment-full size-full wp-image-1042\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled.png 2560w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled-600x58.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-300x29.png 300w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-1024x99.png 1024w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-768x74.png 768w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-1536x149.png 1536w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-2048x198.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90a23c1 e-con-full e-flex e-con e-child\" data-id=\"90a23c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1c984 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"8d1c984\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":1.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"684\" height=\"533\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8.png\" class=\"attachment-large size-large wp-image-2375\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8.png 684w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8-600x468.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8-300x234.png 300w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-1a69684 e-con-full e-flex e-con e-parent\" data-id=\"1a69684\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":2.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t<div class=\"elementor-element elementor-element-63fd655 e-con-full e-flex e-con e-child\" data-id=\"63fd655\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f7586d9 e-con-full e-flex e-con e-child\" data-id=\"f7586d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9632afa elementor-widget elementor-widget-html\" data-id=\"9632afa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Products with Filters<\/title>\r\n <style>\r\n body {\r\n font-family: sans-serif;\r\n background: #f0f0f0;\r\n }\r\n\r\n .filters {\r\n display: flex ; \r\n align-items: center ;\r\n margin-bottom: 50px ;\r\n flex-wrap: nowrap;\r\n width: 100% ;\r\n row-gap: 15px;\r\n column-gap: 52px;\r\n }\r\n .filters select, .filters input {\r\n padding: 12px 15px ;\r\n border: none ;\r\n border-radius: 25px ;\r\n font-size: 14px ;\r\n outline: none ;\r\n display: inline-block ;\r\n vertical-align: middle ;\r\n }\r\n .filters select {\r\n background: #ffcc00 ;\r\n color: #000 ;\r\n font-weight: bold ;\r\n cursor: pointer ;\r\n }\r\n .filters input {\r\n flex: 1 ;\r\n min-width: 755px ;\r\n border: 2px solid #ffcc00 ;\r\n border-radius: 25px ;\r\n }\r\n\r\n #searchBox{\r\n border-radius: 25px;\r\n }\r\n\r\n .products {\r\n display: grid;\r\n grid-template-columns: repeat(4, 3fr);\r\n column-gap: 50px; \r\n row-gap: 100px; \r\n }\r\n\r\n .product {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 15px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n transition: transform 0.3s;\r\n display: flex;\r\n flex-direction: column; \/* \u0645\u062d\u062a\u0648\u0627 \u0633\u062a\u0648\u0646\u06cc *\/\r\n justify-content: space-between; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n height: 100%; \/* \u0647\u0645\u0647 \u0628\u0627\u06a9\u0633\u200c\u0647\u0627 \u06cc\u06a9 \u0642\u062f \u0628\u0634\u0646 *\/\r\n}\r\n\r\n.product-bottom {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 *\/\r\n}\r\n .product:hover {\r\n transform: translateY(-5px) scale(1.1);\r\n }\r\n .product img {\r\n max-width: 100%;\r\n border-radius: 6px;\r\n margin: 10px 0;\r\n }\r\n .product h4 {\r\n font-size: 24px;\r\n margin: 0;\r\n font-weight: bold;\r\n min-height: 36px;\r\n text-align: center;\r\n margin-top: 10px;\r\n font-family: 'BebasNeue-Bold';\r\n }\r\n .weight {\r\n display: inline-block;\r\n background: #ffcc00;\r\n color: #000;\r\n padding: 3px 15px;\r\n border-radius: 15px;\r\n font-size: 14px;\r\n margin: 8px 5px;\r\n width: 39%;\r\n }\r\n .desc {\r\n font-size: 14px;\r\n color: #555;\r\n margin: 6px 5px 10px;\r\n min-height: 32px;\r\n }\r\n .view-btn {\r\n display: inline-block;\r\n padding: 6px 6px;\r\n border-radius: 25px;\r\n color: black;\r\n font-size: 16px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n text-decoration: none !important;\r\n transition: background 0.3s;\r\n }\r\n .view-btn:hover {\r\n color: #ffb300;\r\n }\r\n\r\n .load-more {\r\n display: block;\r\n margin: 30px auto;\r\n padding: 12px 25px;\r\n background: #ffcc00;\r\n border: none;\r\n border-radius: 25px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n .load-more:hover {\r\n background: #ffb300;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .products {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .products {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n\r\n \/* \u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n .filters {\r\n flex-direction: column; \/* \u0632\u06cc\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 *\/\r\n align-items: stretch; \/* \u067e\u0647\u0646\u0627\u06cc \u06a9\u0627\u0645\u0644 *\/\r\n row-gap: 15px;\r\n }\r\n .filters input {\r\n min-width: 100%; \/* input \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"filters\">\r\n <select id=\"filterItem\">\r\n <option value=\"all\">ALL ITEM<\/option>\r\n <option value=\"shrimp\">Shrimp<\/option>\r\n <option value=\"fish\">Fish<\/option>\r\n <\/select>\r\n\r\n <select id=\"filterType\">\r\n <option value=\"all\">ALL TYPE<\/option>\r\n <\/select>\r\n\r\n <input type=\"text\" id=\"searchBox\" placeholder=\"SEARCH\">\r\n <\/div>\r\n\r\n <div class=\"products\" id=\"productList\"><\/div>\r\n\r\n <button class=\"load-more\" id=\"loadMore\">Load More<\/button>\r\n\r\n <script>\r\n const types = {\r\n shrimp: [\"Cooked\", \"Raw\",\"Breaded\"],\r\n fish: [\"Processed\", \"Frozen\"]\r\n };\r\n\r\n const products = [\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 31\/40 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 31 - 40 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-31-40500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6234\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/ShrimpPD-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6404\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 1000g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp41-50-1.png\" , link:\"https:\/\/sharinco.com\/?page_id=6405\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 51\/60 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 51 - 60 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-51-60500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6406\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 61\/70 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 61 - 70 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-61-70500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6407\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 71\/90 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 71 - 90 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-71-90500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6255\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 91\/110 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 91 - 110 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-91-110-500-vacuum.png\", link:\"https:\/\/sharinco.com\/?page_id=6408\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 91\/110 \", type:\"Cooked\", weight:\"Net Weight: 4Kg\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 91 - 110 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Shrimp-Bulk-PD-91-110_T.png\", link:\"https:\/\/sharinco.com\/?page_id=6802\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Head-on Shell-on shrimp <br>·\t41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-ShrimpCHOSO-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6803\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) \", type:\"Cooked\", weight:\"Net Weight: 6Kg\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>· Cooked, Head-on Shell-on shrimp <br>·\t Processed to improve taste, texture, color, and odor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Frozen-Shrimp-CHOSO6K.png\", link:\"https:\/\/sharinco.com\/?page_id=6799\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) - 70\/80\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>· Cooked, Head-on Shell-on shrimp<br>·\t 70 - 80 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-ShrimpCHOSO-70-80500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6805\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO)\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Cooked, Headless Tail-on shrimp <br>·\t Processed to improve taste, texture, color, and odor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Frozen-Shrimp-TailOn500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6800\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO) - 31\/40\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Headless Tail-on shrimp <br>·\t 31 - 40 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-PDTO31-40.png\", link:\"https:\/\/sharinco.com\/?page_id=6801\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO) - 61\/70 \", type:\"Cooked\", weight:\"Net Weight: 1000g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Headless Tail-on shrimp<br>·\t 61 - 70 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/CPDTO-61-701000g.png\", link:\"https:\/\/sharinco.com\/?page_id=6806\" },\r\n\r\n\r\n\r\n\r\n { item:\"shrimp\", name:\"Raw Shrimp (PD) \u2013 21\/30 \", type:\"Raw\", weight:\"Net Weight: 250g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t21 - 30 pieces per pound \u2248 454 g\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Shrimp-PD21-30.png\", link:\"https:\/\/sharinco.com\/?page_id=6499\" },\r\n { item:\"shrimp\", name:\"Raw Shrimp (PDTO) \u2013 41\/50 \", type:\"Raw\", weight:\"Net Weight: 500g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>· Peeled & Deveined, with tail left on <br>·\t 41 - 50 pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-Shrimp-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6500\" },\r\n { item:\"shrimp\", name:\"Raw Shrimp (PDTO) \u2013 71\/90 \", type:\"Raw\", weight:\"Net Weight: 1000g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>·\tPeeled & Deveined, with tail left on <br>·\t 71 - 90 pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Shrimp-PDTO71-901000g.png\", link:\"https:\/\/sharinco.com\/?page_id=6501\" },\r\n { item:\"shrimp\", name:\"Small Wild-Caught Shrimp (PUD) \", type:\"Raw\", weight:\"Net Weight: 500g\", desc:\"· Wild-caught shrimp (not farmed) <br>· 91 - 110 Pieces per pound (\u2248454 g) <br>·\tFreshly frozen and vacuum packed\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Wild-Caught-Shrimp-PUD-150up.png\", link:\"https:\/\/sharinco.com\/?page_id=6502\" },\r\n\r\n\r\n\r\n\r\n { item:\"shrimp\", name:\"BREADED SHRIMP FILLETS \", type:\"Breaded\", weight:\"Net Weight: 380g\", desc:\"· Premium shrimp fillets coated in crispy breadcrumbs <br>·\tFreshly frozen and vacuum packed (380g)<br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Breaded-Shrimp-380g.png\", link:\"https:\/\/sharinco.com\/?page_id=6503\" },\r\n { item:\"shrimp\", name:\"Butterfly Breaded Shrimps\", type:\"Breaded\", weight:\"Net Weight: 300g\", desc:\"·\tButterfly-shaped breaded shrimps with tail-on <br>·\tCoated with a special blend of cracker-based breadcrumbs\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Butterfly-Breaded-Shrimps.png\", link:\"https:\/\/sharinco.com\/?page_id=6785\" },\r\n { item:\"shrimp\", name:\"Breaded Shrimps \", type:\"Breaded\", weight:\"Net Weight: 350g\", desc:\"· Breaded shrimps with tail-on, seasoned and ready to cook <br>· Coated with Sharin\u2019s signature crispy breadcrumbs\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Breaded-Shrimps-\u2013-Tail-on.png\", link:\"https:\/\/sharinco.com\/?page_id=6786\" },\r\n\r\n\r\n\r\n\r\n { item:\"fish\", name:\"CROAKER FISH FILLET \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet with tender flesh and minimal sharp bones <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Croaker-Fish-Fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5958\" },\r\n { item:\"fish\", name:\"GRASS CARP (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet, freshly frozen and vacuum packed <br>·\t Cohesive texture with naturally delicious taste <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Grass-carp_500g.png\", link:\"https:\/\/sharinco.com\/?page_id=5959\" },\r\n { item:\"fish\", name:\"HOKI (SKIN-ON & BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Skin-on & boneless fillet <br>·\tFreshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Hoki-fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5960\" },\r\n { item:\"fish\", name:\"JAVELIN GRUNTER (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet with minimal bones and no sharp edges <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Javelin-Grunt-fillet_700.png\", link:\"https:\/\/sharinco.com\/?page_id=5961\" },\r\n { item:\"fish\", name:\"TILAPIA (SKIN OFF & BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 600g\", desc:\"· Skin-off and boneless fillet <br>·\t Freshly frozen and vacuum packed<br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Tilapia_600g.png\", link:\"https:\/\/sharinco.com\/?page_id=5962\" },\r\n { item:\"fish\", name:\"TROUT (GUTTED & GILLED) \", type:\"Frozen\", weight:\"Net Weight: 1000g\", desc:\"· Freshwater farmed trout, gutted & gilled <br>·\t Premium quality flesh from clean, oxygen-rich waters <br>·\tFreshly frozen and vacuum packed\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Trout_Full_1000g.png\", link:\"https:\/\/sharinco.com\/?page_id=5963\" },\r\n { item:\"fish\", name:\"SALMON TROUT FILLET (BONELESS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet \u2013 boneless & skinless <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Pink-Salmon-Trout-Fillet.png\", link:\"https:\/\/sharinco.com\/?page_id=5964\" },\r\n { item:\"fish\", name:\"SALMON TROUT SKIN VACUUM (BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet, skin vacuum packed <br>·\t High-quality salmon family species <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Salmon-Trout-Skin-Vacuum.gif\", link:\"https:\/\/sharinco.com\/?page_id=5965\" },\r\n { item:\"fish\", name:\"SALMON TROUT STEAK \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium salmon trout steak with pink-orange flesh <br>·\t Very few fine bones, easy and safe to eat <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/SALMON-TROUT-STEAK.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5966\" },\r\n { item:\"fish\", name:\"SEA BASS (BARRAMUNDI FILLETS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet, boneless and tender <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Sea-bassBarramundi-Fillets.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5968\" },\r\n { item:\"fish\", name:\"BLACK-BANDED TREVALLY (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet without sharp bones <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Talang_Queen_Fillet_500.png\", link:\"https:\/\/sharinco.com\/?page_id=5970\" },\r\n { item:\"fish\", name:\"BARRACUDA (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet without sharp bones <br>·\tSoft and tender flesh with a rich taste <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Barracuda-Fillet.png\", link:\"https:\/\/sharinco.com\/?page_id=5971\" },\r\n { item:\"fish\", name:\"MAHI MAHI (PREMIUM FISH FILLET \u2013 BONELESS & SKINLESS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet \u2013 boneless & skinless <br>·\t Tender white flesh with delicate flavor <br>·\t Freshly frozen and vacuum packed (500g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Mahi-Mahi-Fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5973\" },\r\n { item:\"fish\", name:\"LIZARDFISH (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet, freshly frozen and vacuum packed <br>·\t Tender flesh with characteristic southern flavor <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/lizardFish_Fillet_700.png\", link:\"https:\/\/sharinco.com\/?page_id=5974\" },\r\n { item:\"fish\", name:\"SPANISH MACKEREL (STEAK) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium steak cut with soft flesh and minimal sharp edges<br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Spanish-Mackerel.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5975\" },\r\n { item:\"fish\", name:\"Beluga (headless & Gutted) \", type:\"Frozen\", weight:\"Net Weight: Bulk\", desc:\"· Premium sturgeon species (Beluga) from the Caspian Sea<br>·\tSupplied headless & gutted \u2013 fully cleaned and ready for further processing <br>·\tFirm flesh with mild flavor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/BelugaHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6960\" },\r\n { item:\"fish\", name:\"Trout Headless & Gutted \", type:\"Frozen\", weight:\"Net Weight: 1000g\", desc:\"· Headless, gutted, and cleaned trout<br>·\tTraditionally smoked for authentic flavor and aroma <br>·\tGolden-brown appearance with firm texture\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout_HG_1000_vaccum.png\", link:\"https:\/\/sharinco.com\/?page_id=6961\" },\r\n { item:\"fish\", name:\"Mahi Mahi Steak \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium steak<br>·\t\tTender white flesh with delicate flavor <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Mahi-Mahi-Steak.png\", link:\"https:\/\/sharinco.com\/?page_id=6962\" },\r\n { item:\"fish\", name:\"Mahi Mahi Steak \", type:\"Frozen\", weight:\"Net Weight: 4Kg\", desc:\"· Premium steak<br>·\t\tTender white flesh with delicate flavor <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Mahi-Mahi-SteakInside-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6963\" },\r\n { item:\"fish\", name:\"Salmon Trout Steak\", type:\"Frozen\", weight:\"Net Weight: 10Kg\", desc:\"· Premium salmon trout steak with pink-orange flesh<br>·\t\tVery few fine bones, easy and safe to eat <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/SALMON-TROUT-STEAKHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6964\" },\r\n { item:\"fish\", name:\"Salmon Trout Headless & Gutted \", type:\"Frozen\", weight:\"Bulk\", desc:\"· Headless, gutted, and cleaned trout<br>·\t\tTraditionally smoked for authentic flavor and aroma <br>·\tGolden-brown appearance with firm texture\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout-Headless-GuttedHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6965\" },\r\n { item:\"fish\", name:\"Sea bass Fillet\", type:\"Frozen\", weight:\"Net Weight: 5Kg\", desc:\"· Premium fillet, boneless and tender <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Seabass-FilletHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6966\" },\r\n { item:\"fish\", name:\"Smoked Trout Butterfly\", type:\"Frozen\", weight:\"Net Weight: 3Kg\", desc:\"· \tWhole trout, gutted and cleaned<br>·\t\tWhole trout, gutted and cleaned <br>·\tButterfly-cut style for even smoking\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Smoked-Trout-Buuterfly.png\", link:\"https:\/\/sharinco.com\/?page_id=6967\" },\r\n { item:\"fish\", name:\"Trout (Gutted & Gilled)\", type:\"Frozen\", weight:\"Net Weight: 10Kg\", desc:\"· \tFreshwater farmed trout, gutted & gilled<br>·\tPremium quality flesh from clean, oxygen-rich waters <br>·\tFreshly frozen and packed in carton (10Kg)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout_Full_10kg.png\", link:\"https:\/\/sharinco.com\/?page_id=6968\" },\r\n { item:\"fish\", name:\"Trout Butterfly \", type:\"Frozen\", weight:\"Net Weight: 3.5Kg\", desc:\"· \tWhole trout, gutted and cleaned<br>·\tHead and tail intact for premium presentation <br>·\tSplit open in butterfly style (butterfly-cut)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout-Buuterfly.png\", link:\"https:\/\/sharinco.com\/?page_id=6969\" },\r\n\r\n\r\n { item:\"fish\", name:\"SMOKED SALMON TROUT (BONELESS FILLET) \", type:\"Processed\", weight:\"Net Weight: Variable\", desc:\"· Premium boneless smoked fillet <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Smoked-Salmon-Trout.png\", link:\"https:\/\/sharinco.com\/?page_id=5889\" },\r\n { item:\"fish\", name:\"SMOKED SALMON TROUT (BONELESS FILLET) \", type:\"Processed\", weight:\"Net Weight: 200g\", desc:\"· Premium boneless smoked fillet <br>·\t Freshly frozen and Skin vacuum <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Smoked-Salmon-Trout.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5890\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - MEXICAN Flavor (BONELESS) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Mexican-style flavor <br>·\t Freshly frozen and vacuum packed (300g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-Mexican.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5891\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - MASALA Flavor (Boneless) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Masala marinade <br>·\t Freshly frozen and vacuum packed (3500g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-Masala.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5892\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - LEMON & PEPPER Flavor (Boneless)\", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with lemon & pepper flavor <br>·\t Freshly frozen and vacuum packed (350g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-LimooPepper.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5893\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - BARBECUE Flavor (Boneless) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Barbecue marinade <br>·\t Freshly frozen and vacuum packed (300g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-barbecue.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5894\" },\r\n { item:\"fish\", name:\"Canned Tuna in Brine \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\t Preserved in light brine (saltwater solution) <br>·\t Firm texture with natural, mild flavor <br>·\tAvailable in multiple can sizes (180g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-In-Brine.png\", link:\"https:\/\/sharinco.com\/?page_id=6933\" },\r\n { item:\"fish\", name:\"Canned Tuna in Oil with Smoke Flavor \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tInfused with natural smoke flavor <br>· Packed in oil for rich taste and longer shelf life <br>·\tAvailable in multiple can sizes (180g, 200g, 1000g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-In-Oil-With-Smoke-Flavor.png\", link:\"https:\/\/sharinco.com\/?page_id=6935\" },\r\n { item:\"fish\", name:\"Canned Tuna in Olive Oil \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tPacked in pure olive oil for enhanced flavor <br>· Firm texture with natural taste <br>·\tAvailable in multiple can sizes (180g, 200g, 1000g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-Olive-Oil.png\", link:\"https:\/\/sharinco.com\/?page_id=6934\" },\r\n { item:\"fish\", name:\"Canned Tuna with Extra Oil \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tPreserved in extra oil for enhanced richness and texture <br>· Firm flesh with full-bodied flavor <br>·\tAvailable in multiple can sizes (180g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-With-Extra-Oil.png\", link:\"https:\/\/sharinco.com\/?page_id=6936\" },\r\n\r\n ];\r\n\r\n let visibleCount = 8;\r\n\r\n function renderTypeOptions() {\r\n const filterItem = document.getElementById(\"filterItem\").value;\r\n const filterType = document.getElementById(\"filterType\");\r\n filterType.innerHTML = `<option value=\"all\">ALL TYPE<\/option>`;\r\n if (types[filterItem]) {\r\n types[filterItem].forEach(t => {\r\n filterType.innerHTML += `<option value=\"${t}\">${t}<\/option>`;\r\n });\r\n }\r\n }\r\n\r\n function renderProducts() {\r\n const list = document.getElementById(\"productList\");\r\n list.innerHTML = \"\";\r\n let itemFilter = document.getElementById(\"filterItem\").value;\r\n let typeFilter = document.getElementById(\"filterType\").value;\r\n let search = document.getElementById(\"searchBox\").value.toLowerCase();\r\n\r\n const filtered = products.filter(p => {\r\n return (itemFilter === \"all\" || p.item === itemFilter) &&\r\n (typeFilter === \"all\" || p.type === typeFilter) &&\r\n (\r\n p.name.toLowerCase().includes(search) ||\r\n p.type.toLowerCase().includes(search) ||\r\n p.weight.toLowerCase().includes(search) ||\r\n p.desc.toLowerCase().includes(search)\r\n );\r\n});\r\n\r\n\r\n filtered.slice(0, visibleCount).forEach(p=>{\r\n list.innerHTML += `\r\n <div class=\"product\" data-link=\"${p.link}\">\r\n <h4>${p.name}<\/h4>\r\n <img decoding=\"async\" src=\"${p.img}\" alt=\"\">\r\n <div class=\"product-bottom\">\r\n <div class=\"weight\">${p.weight}<\/div>\r\n <div class=\"desc\">${p.desc}<\/div>\r\n <a href=\"${p.link}\" target=\"_blank\" class=\"view-btn\" onclick=\"event.stopPropagation()\">VIEW PRODUCT...<\/a>\r\n <\/div>\r\n <\/div>\r\n`;\r\n\r\n\r\n\r\n });\r\n\r\n document.getElementById(\"loadMore\").style.display =\r\n visibleCount < filtered.length ? \"block\" : \"none\";\r\n document.querySelectorAll(\".product\").forEach(box => {\r\n box.addEventListener(\"click\", () => {\r\n window.open(box.dataset.link, \"_blank\");\r\n });\r\n});\r\n\r\n }\r\n\r\n document.getElementById(\"filterItem\").addEventListener(\"change\", ()=>{\r\n renderTypeOptions();\r\n renderProducts();\r\n });\r\n document.getElementById(\"filterType\").addEventListener(\"change\", renderProducts);\r\n document.getElementById(\"searchBox\").addEventListener(\"input\", renderProducts);\r\n\r\n document.getElementById(\"loadMore\").addEventListener(\"click\", ()=>{\r\n visibleCount += 4;\r\n renderProducts();\r\n });\r\n\r\n renderTypeOptions();\r\n renderProducts();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2dd02e4 e-flex e-con-boxed e-con e-parent\" data-id=\"2dd02e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cca8456 e-grid e-con-full e-con e-child\" data-id=\"cca8456\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Slider Cooked Shrimp (PD) – 31\/40 Freshly cooked & Individually Quick Frozen (IQF) Peeled & Deveined WEIGHT: 500 G […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sharinco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":0,"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"wp:attachment":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Custom Slider<\/title>\r\n <style>\r\n \/* ------------------------------\r\n \ud83d\udee0 \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0639\u0645\u0648\u0645\u06cc (\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0633\u0631\u06cc\u0639)\r\n ------------------------------ *\/\r\n :root {\r\n \/* \u0633\u0627\u06cc\u0632\u0647\u0627 *\/\r\n --container-max-width: 1400px;\r\n --slide-gap: 20px;\r\n --image-max-width: 420px;\r\n --image-width-percent: 75%;\r\n\r\n \/* \u062a\u0627\u06cc\u067e\u0648\u06af\u0631\u0627\u0641\u06cc *\/\r\n --title-size: 20px !important;\r\n --meta-size: 18px;\r\n --btn-font-size: 16px;\r\n --font-main: 'Bebas', sans-serif;\r\n\r\n \/* \u0631\u0646\u06af\u200c\u0647\u0627 *\/\r\n --title-color: #000;\r\n --meta-color: #000;\r\n --btn-bg: #000;\r\n --btn-color: #fff;\r\n --dot-color: rgba(0, 0, 0, 0.12);\r\n --dot-active-color: rgba(0, 0, 0, 0.85);\r\n\r\n \/* \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n --mobile-title-size: 20px;\r\n --mobile-meta-size: 16px;\r\n --mobile-image-max-width: 300px;\r\n }\r\n\r\n \/* \u0641\u0648\u0646\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc *\/\r\n @font-face {\r\n font-family: 'Bebas';\r\n src: url('https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/Bebas-Regular.otf') format('opentype');\r\n font-weight: normal;\r\n font-style: normal;\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\uddbc \u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0627\u0635\u0644\u06cc\r\n ------------------------------ *\/\r\n .cs-container {\r\n max-width: 1400px;\r\n margin: 35px auto;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83c\udf9e \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\r\n ------------------------------ *\/\r\n .cs-slider {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u0646\u0648\u0627\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f\u0647\u0627 *\/\r\n .cs-slides {\r\n display: flex;\r\n transition: transform 1.5s ease;\r\n }\r\n\r\n \/* \u0647\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f *\/\r\n .cs-slide {\r\n flex: 0 0 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: var(--slide-gap);\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcf7 \u0628\u062e\u0634 \u062a\u0635\u0648\u06cc\u0631 \u0645\u062d\u0635\u0648\u0644\r\n ------------------------------ *\/\r\n .cs-image-wrap {\r\n flex: 1 1 45%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .cs-product-image {\r\n width: var(--image-width-percent);\r\n max-width: var(--image-max-width);\r\n border-radius: 8px;\r\n box-shadow: 0 8px 24px rgba(20, 30, 40, 0.08);\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcd1 \u0628\u062e\u0634 \u0645\u062a\u0646 \u0645\u062d\u0635\u0648\u0644\r\n ------------------------------ *\/\r\n .cs-text-area {\r\n flex: 1 1 50%;\r\n padding: 8px;\r\n text-align: left;\r\n }\r\n\r\n .cs-title {\r\n font-size: 60px !important;\r\n font-weight: 800 !important;\r\n margin: 0 0 10px;\r\n color: black !important;\r\n font-family: 'BebasNeue-Bold' !important;\r\n \r\n }\r\n\r\n .cs-meta {\r\n font-size: var(--meta-size);\r\n font-weight: 600;\r\n margin: 4px 0;\r\n color: var(--meta-color);\r\n line-height: 8px;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udd18 \u062f\u06a9\u0645\u0647 CTA\r\n ------------------------------ *\/\r\n .cs-cta-btn {\r\n display: inline-block;\r\n margin-top: 18px;\r\n padding: 12px 22px;\r\n background: var(--btn-bg);\r\n color: var(--btn-color);\r\n border-radius: 999px;\r\n text-decoration: none !important;\r\n font-size: var(--btn-font-size);\r\n }\r\n\r\n \/* ------------------------------\r\n \u2b07 \u0628\u062e\u0634 \"Go Deeper\"\r\n ------------------------------ *\/\r\n .cs-go-deeper {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 22px;\r\n font-weight: 700;\r\n color: var(--meta-color);\r\n }\r\n\r\n .cs-go-deeper img {\r\n width: 28px;\r\n height: 28px;\r\n animation: csBlink 1.8s ease-in-out infinite;\r\n }\r\n\r\n \/* ------------------------------\r\n \u2194 \u0641\u0644\u0634\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc\r\n ------------------------------ *\/\r\n .cs-nav-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 44px;\r\n height: 44px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n z-index: 10;\r\n }\r\n\r\n .cs-nav-arrow.cs-left {\r\n left: 8px;\r\n }\r\n\r\n .cs-nav-arrow.cs-right {\r\n right: 8px;\r\n }\r\n\r\n .cs-nav-arrow img {\r\n width: 16px;\r\n height: 24px;\r\n justify-content: center;\r\n }\r\n\r\n \/* ------------------------------\r\n \ud83d\udcf1 \u062d\u0627\u0644\u062a \u0645\u0648\u0628\u0627\u06cc\u0644\r\n ------------------------------ *\/\r\n @media (max-width: 768px) {\r\n .cs-slide {\r\n flex-direction: column-reverse; \/* \u0645\u062a\u0646 \u0628\u0627\u0644\u0627 - \u0639\u06a9\u0633 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n gap: 14px;\r\n align-items: center;\r\n text-align: center;\r\n margin-left: 2%;\r\n }\r\n\r\n .cs-product-image {\r\n width: 100%;\r\n max-width: var(--mobile-image-max-width);\r\n height: auto;\r\n }\r\n\r\n .cs-title {\r\n font-size: 40px !important;\r\n }\r\n\r\n .cs-meta {\r\n font-size: var(--mobile-meta-size);\r\n }\r\n\r\n .cs-cta-btn {\r\n font-size: 14px;\r\n padding: 8px 16px;\r\n }\r\n\r\n .cs-go-deeper {\r\n justify-content: center;\r\n font-size: 14px;\r\n gap: 8px;\r\n margin-top: 20px;\r\n }\r\n\r\n .cs-go-deeper img {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .cs-nav-arrow {\r\n display: none; \/* \u062f\u0631 \u0645\u0648\u0628\u0627\u06cc\u0644 \u0641\u0644\u0634\u200c\u0647\u0627 \u067e\u0646\u0647\u0627\u0646 \u0628\u0634\u0646 *\/\r\n }\r\n }\r\n\r\n \/* \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646 \u0686\u0634\u0645\u06a9 \u0628\u0631\u0627\u06cc \u0641\u0644\u0634 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n @keyframes csBlink {\r\n 0% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n 50% {\r\n opacity: 0.25;\r\n transform: translateY(-2px);\r\n }\r\n\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ------------------------------\r\n \u26aa \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc (Dots)\r\n ------------------------------ *\/\r\n .cs-dots {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 14px;\r\n justify-content: center;\r\n }\r\n\r\n .cs-dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: var(--dot-color);\r\n cursor: pointer;\r\n }\r\n\r\n .cs-dot.cs-active {\r\n background: var(--dot-active-color);\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"cs-container\">\r\n <div class=\"cs-slider\" id=\"cs-slider\">\r\n <div class=\"cs-slides\" id=\"cs-slides\">\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp31-40.png\"\r\n alt=\"product 1\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PD) - 31\/40 <\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"https:\/\/sharinco.com\/?page_id=6234\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp71-90.png\"\r\n alt=\"product 2\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PD) - 71\/90 <\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined\r\n\r\n<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"https:\/\/sharinco.com\/?page_id=6255\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-slide\">\r\n <div class=\"cs-image-wrap\">\r\n <img decoding=\"async\" class=\"cs-product-image\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-15sharin-scaled.png\"\r\n alt=\"product 3\">\r\n <\/div>\r\n <div class=\"cs-text-area\">\r\n <h1 class=\"cs-title\">Cooked Shrimp (PDTO) \u2013 31\/40<\/h1>\r\n <p class=\"cs-meta\">Freshly cooked & Individually Quick Frozen (IQF)<\/p>\r\n <p class=\"cs-meta\">Peeled & Deveined<\/p>\r\n <p class=\"cs-meta\">WEIGHT: 500 G<\/p>\r\n <a class=\"cs-cta-btn\" href=\"#\">VIEW PRODUCTS...<\/a>\r\n <div class=\"cs-go-deeper\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_5740980.png\" alt=\"arrow\">\r\n <span>GO DEEPER TO DISCOVER MORE PRODUCTS<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-nav-arrow cs-left\" id=\"cs-prevBtn\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Da3560452.png\" alt=\"left\">\r\n <\/div>\r\n <div class=\"cs-nav-arrow cs-right\" id=\"cs-nextBtn\">\r\n <img decoding=\"async\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Daco_3560452.png\" alt=\"right\">\r\n <\/div>\r\n\r\n \r\n <div class=\"cs-dots\" id=\"cs-dots\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \ud83c\udf9e \u0645\u062a\u063a\u06cc\u0631\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc\r\n const csSlides = document.getElementById('cs-slides');\r\n const csSlideCount = csSlides.children.length;\r\n let csIndex = 0;\r\n\r\n \/\/ \u26aa \u0633\u0627\u062e\u062a \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627 (Dots) \u062f\u06cc\u0646\u0627\u0645\u06cc\u06a9\r\n const csDotsContainer = document.getElementById('cs-dots');\r\n for (let i = 0; i < csSlideCount; i++) {\r\n const dot = document.createElement('div');\r\n dot.className = 'cs-dot' + (i === 0 ? ' cs-active' : '');\r\n dot.dataset.index = i;\r\n dot.addEventListener('click', () => { csGoToSlide(i) });\r\n csDotsContainer.appendChild(dot);\r\n }\r\n\r\n \/\/ \u0628\u0631\u0648\u0632\u0631\u0633\u0627\u0646\u06cc \u0648\u0636\u0639\u06cc\u062a \u062f\u0627\u06cc\u0631\u0647\u200c\u0647\u0627\r\n function csUpdateDots() {\r\n [...csDotsContainer.children].forEach((d, i) => {\r\n d.classList.toggle('cs-active', i === csIndex);\r\n });\r\n }\r\n\r\n \/\/ \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0633\u0644\u0627\u06cc\u062f\r\n function csGoToSlide(i) {\r\n csIndex = i;\r\n csSlides.style.transform = `translateX(-${100 * i}%)`;\r\n csUpdateDots();\r\n }\r\n\r\n \/\/ \u0641\u0644\u0634 \u0642\u0628\u0644\u06cc\r\n document.getElementById('cs-prevBtn').addEventListener('click', () => {\r\n const newIndex = (csIndex - 1 + csSlideCount) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n });\r\n\r\n \/\/ \u0641\u0644\u0634 \u0628\u0639\u062f\u06cc\r\n document.getElementById('cs-nextBtn').addEventListener('click', () => {\r\n const newIndex = (csIndex + 1) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n });\r\n\r\n \/\/ \u23f1 \u0627\u0633\u0644\u0627\u06cc\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0647\u0631 10 \u062b\u0627\u0646\u06cc\u0647\r\n setInterval(() => {\r\n const newIndex = (csIndex + 1) % csSlideCount;\r\n csGoToSlide(newIndex);\r\n }, 10000);\r\n\r\n \/\/ \u0634\u0631\u0648\u0639 \u0627\u0632 \u0627\u0633\u0644\u0627\u06cc\u062f 0\r\n csGoToSlide(0);\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dd1f119 e-con-full e-flex e-con e-parent\" data-id=\"dd1f119\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-957e0fc elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"957e0fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":0.5,"sizes":[]},"motion_fx_translateY_direction":"negative","motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"253\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled.png\" class=\"attachment-full size-full wp-image-1043\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled.png 2560w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-scaled-600x59.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-300x30.png 300w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-1024x101.png 1024w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-768x76.png 768w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-1536x152.png 1536w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_b-2048x203.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bfc52e e-con-full e-flex e-con e-child\" data-id=\"5bfc52e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"position":"absolute"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afc285f elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-image\" data-id=\"afc285f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":0.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2560\" height=\"248\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled.png\" class=\"attachment-full size-full wp-image-1042\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled.png 2560w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-scaled-600x58.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-300x29.png 300w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-1024x99.png 1024w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-768x74.png 768w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-1536x149.png 1536w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/07\/02_a-2048x198.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90a23c1 e-con-full e-flex e-con e-child\" data-id=\"90a23c1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1c984 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"8d1c984\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":1.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"684\" height=\"533\" src=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8.png\" class=\"attachment-large size-large wp-image-2375\" alt=\"\" srcset=\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8.png 684w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8-600x468.png 600w, https:\/\/sharinco.com\/wp-content\/uploads\/2025\/08\/Asset-3@2x-8-300x234.png 300w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-element elementor-element-1a69684 e-con-full e-flex e-con e-parent\" data-id=\"1a69684\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_speed":{"unit":"px","size":2.5,"sizes":[]},"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":0,"end":100}},"motion_fx_devices":["desktop","tablet","mobile"]}\">\n\t\t<div class=\"elementor-element elementor-element-63fd655 e-con-full e-flex e-con e-child\" data-id=\"63fd655\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f7586d9 e-con-full e-flex e-con e-child\" data-id=\"f7586d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9632afa elementor-widget elementor-widget-html\" data-id=\"9632afa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <title>Products with Filters<\/title>\r\n <style>\r\n body {\r\n font-family: sans-serif;\r\n background: #f0f0f0;\r\n }\r\n\r\n .filters {\r\n display: flex ; \r\n align-items: center ;\r\n margin-bottom: 50px ;\r\n flex-wrap: nowrap;\r\n width: 100% ;\r\n row-gap: 15px;\r\n column-gap: 52px;\r\n }\r\n .filters select, .filters input {\r\n padding: 12px 15px ;\r\n border: none ;\r\n border-radius: 25px ;\r\n font-size: 14px ;\r\n outline: none ;\r\n display: inline-block ;\r\n vertical-align: middle ;\r\n }\r\n .filters select {\r\n background: #ffcc00 ;\r\n color: #000 ;\r\n font-weight: bold ;\r\n cursor: pointer ;\r\n }\r\n .filters input {\r\n flex: 1 ;\r\n min-width: 755px ;\r\n border: 2px solid #ffcc00 ;\r\n border-radius: 25px ;\r\n }\r\n\r\n #searchBox{\r\n border-radius: 25px;\r\n }\r\n\r\n .products {\r\n display: grid;\r\n grid-template-columns: repeat(4, 3fr);\r\n column-gap: 50px; \r\n row-gap: 100px; \r\n }\r\n\r\n .product {\r\n background: white;\r\n border-radius: 25px;\r\n padding: 15px;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n transition: transform 0.3s;\r\n display: flex;\r\n flex-direction: column; \/* \u0645\u062d\u062a\u0648\u0627 \u0633\u062a\u0648\u0646\u06cc *\/\r\n justify-content: space-between; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u0628\u0627\u0644\u0627 \u0648 \u067e\u0627\u06cc\u06cc\u0646 *\/\r\n height: 100%; \/* \u0647\u0645\u0647 \u0628\u0627\u06a9\u0633\u200c\u0647\u0627 \u06cc\u06a9 \u0642\u062f \u0628\u0634\u0646 *\/\r\n}\r\n\r\n.product-bottom {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px; \/* \u0641\u0627\u0635\u0644\u0647 \u0628\u06cc\u0646 \u0622\u06cc\u062a\u0645\u200c\u0647\u0627 *\/\r\n}\r\n .product:hover {\r\n transform: translateY(-5px) scale(1.1);\r\n }\r\n .product img {\r\n max-width: 100%;\r\n border-radius: 6px;\r\n margin: 10px 0;\r\n }\r\n .product h4 {\r\n font-size: 24px;\r\n margin: 0;\r\n font-weight: bold;\r\n min-height: 36px;\r\n text-align: center;\r\n margin-top: 10px;\r\n font-family: 'BebasNeue-Bold';\r\n }\r\n .weight {\r\n display: inline-block;\r\n background: #ffcc00;\r\n color: #000;\r\n padding: 3px 15px;\r\n border-radius: 15px;\r\n font-size: 14px;\r\n margin: 8px 5px;\r\n width: 39%;\r\n }\r\n .desc {\r\n font-size: 14px;\r\n color: #555;\r\n margin: 6px 5px 10px;\r\n min-height: 32px;\r\n }\r\n .view-btn {\r\n display: inline-block;\r\n padding: 6px 6px;\r\n border-radius: 25px;\r\n color: black;\r\n font-size: 16px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n text-decoration: none !important;\r\n transition: background 0.3s;\r\n }\r\n .view-btn:hover {\r\n color: #ffb300;\r\n }\r\n\r\n .load-more {\r\n display: block;\r\n margin: 30px auto;\r\n padding: 12px 25px;\r\n background: #ffcc00;\r\n border: none;\r\n border-radius: 25px;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n .load-more:hover {\r\n background: #ffb300;\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .products {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .products {\r\n grid-template-columns: repeat(1, 1fr);\r\n }\r\n\r\n \/* \u062a\u063a\u06cc\u06cc\u0631 \u062d\u0627\u0644\u062a \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n .filters {\r\n flex-direction: column; \/* \u0632\u06cc\u0631 \u0647\u0645 \u0642\u0631\u0627\u0631 \u06af\u0631\u0641\u062a\u0646 \u0641\u06cc\u0644\u062a\u0631\u0647\u0627 *\/\r\n align-items: stretch; \/* \u067e\u0647\u0646\u0627\u06cc \u06a9\u0627\u0645\u0644 *\/\r\n row-gap: 15px;\r\n }\r\n .filters input {\r\n min-width: 100%; \/* input \u062a\u0645\u0627\u0645 \u0639\u0631\u0636 *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"filters\">\r\n <select id=\"filterItem\">\r\n <option value=\"all\">ALL ITEM<\/option>\r\n <option value=\"shrimp\">Shrimp<\/option>\r\n <option value=\"fish\">Fish<\/option>\r\n <\/select>\r\n\r\n <select id=\"filterType\">\r\n <option value=\"all\">ALL TYPE<\/option>\r\n <\/select>\r\n\r\n <input type=\"text\" id=\"searchBox\" placeholder=\"SEARCH\">\r\n <\/div>\r\n\r\n <div class=\"products\" id=\"productList\"><\/div>\r\n\r\n <button class=\"load-more\" id=\"loadMore\">Load More<\/button>\r\n\r\n <script>\r\n const types = {\r\n shrimp: [\"Cooked\", \"Raw\",\"Breaded\"],\r\n fish: [\"Processed\", \"Frozen\"]\r\n };\r\n\r\n const products = [\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 31\/40 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 31 - 40 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-31-40500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6234\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/ShrimpPD-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6404\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 1000g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Cooked-Shrimp41-50-1.png\" , link:\"https:\/\/sharinco.com\/?page_id=6405\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 51\/60 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 51 - 60 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-51-60500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6406\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 61\/70 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 61 - 70 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-61-70500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6407\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 71\/90 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 71 - 90 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-71-90500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6255\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 91\/110 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 91 - 110 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-91-110-500-vacuum.png\", link:\"https:\/\/sharinco.com\/?page_id=6408\" },\r\n { item:\"shrimp\", name:\"Cooked Shrimp (PD) - 91\/110 \", type:\"Cooked\", weight:\"Net Weight: 4Kg\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t 91 - 110 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Shrimp-Bulk-PD-91-110_T.png\", link:\"https:\/\/sharinco.com\/?page_id=6802\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) - 41\/50 \", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Head-on Shell-on shrimp <br>·\t41 - 50 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-ShrimpCHOSO-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6803\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) \", type:\"Cooked\", weight:\"Net Weight: 6Kg\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>· Cooked, Head-on Shell-on shrimp <br>·\t Processed to improve taste, texture, color, and odor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Frozen-Shrimp-CHOSO6K.png\", link:\"https:\/\/sharinco.com\/?page_id=6799\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (HOSO) - 70\/80\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>· Cooked, Head-on Shell-on shrimp<br>·\t 70 - 80 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-ShrimpCHOSO-70-80500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6805\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO)\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\t Cooked, Headless Tail-on shrimp <br>·\t Processed to improve taste, texture, color, and odor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Cooked-Frozen-Shrimp-TailOn500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6800\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO) - 31\/40\", type:\"Cooked\", weight:\"Net Weight: 500g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Headless Tail-on shrimp <br>·\t 31 - 40 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Shrimp-PDTO31-40.png\", link:\"https:\/\/sharinco.com\/?page_id=6801\" },\r\n { item:\"shrimp\", name:\"Cooked Frozen Shrimp (PDTO) - 61\/70 \", type:\"Cooked\", weight:\"Net Weight: 1000g\", desc:\"· Freshly cooked & Individually Quick Frozen (IQF) <br>·\tCooked, Headless Tail-on shrimp<br>·\t 61 - 70 Pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/CPDTO-61-701000g.png\", link:\"https:\/\/sharinco.com\/?page_id=6806\" },\r\n\r\n\r\n\r\n\r\n { item:\"shrimp\", name:\"Raw Shrimp (PD) \u2013 21\/30 \", type:\"Raw\", weight:\"Net Weight: 250g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>·\t Peeled & Deveined <br>·\t21 - 30 pieces per pound \u2248 454 g\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Shrimp-PD21-30.png\", link:\"https:\/\/sharinco.com\/?page_id=6499\" },\r\n { item:\"shrimp\", name:\"Raw Shrimp (PDTO) \u2013 41\/50 \", type:\"Raw\", weight:\"Net Weight: 500g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>· Peeled & Deveined, with tail left on <br>·\t 41 - 50 pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/RU-Shrimp-41-50500g.png\", link:\"https:\/\/sharinco.com\/?page_id=6500\" },\r\n { item:\"shrimp\", name:\"Raw Shrimp (PDTO) \u2013 71\/90 \", type:\"Raw\", weight:\"Net Weight: 1000g\", desc:\"· Fresh & Individually Quick Frozen (IQF) <br>·\tPeeled & Deveined, with tail left on <br>·\t 71 - 90 pieces per pound (\u2248454 g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Shrimp-PDTO71-901000g.png\", link:\"https:\/\/sharinco.com\/?page_id=6501\" },\r\n { item:\"shrimp\", name:\"Small Wild-Caught Shrimp (PUD) \", type:\"Raw\", weight:\"Net Weight: 500g\", desc:\"· Wild-caught shrimp (not farmed) <br>· 91 - 110 Pieces per pound (\u2248454 g) <br>·\tFreshly frozen and vacuum packed\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Raw-Wild-Caught-Shrimp-PUD-150up.png\", link:\"https:\/\/sharinco.com\/?page_id=6502\" },\r\n\r\n\r\n\r\n\r\n { item:\"shrimp\", name:\"BREADED SHRIMP FILLETS \", type:\"Breaded\", weight:\"Net Weight: 380g\", desc:\"· Premium shrimp fillets coated in crispy breadcrumbs <br>·\tFreshly frozen and vacuum packed (380g)<br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Breaded-Shrimp-380g.png\", link:\"https:\/\/sharinco.com\/?page_id=6503\" },\r\n { item:\"shrimp\", name:\"Butterfly Breaded Shrimps\", type:\"Breaded\", weight:\"Net Weight: 300g\", desc:\"·\tButterfly-shaped breaded shrimps with tail-on <br>·\tCoated with a special blend of cracker-based breadcrumbs\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Butterfly-Breaded-Shrimps.png\", link:\"https:\/\/sharinco.com\/?page_id=6785\" },\r\n { item:\"shrimp\", name:\"Breaded Shrimps \", type:\"Breaded\", weight:\"Net Weight: 350g\", desc:\"· Breaded shrimps with tail-on, seasoned and ready to cook <br>· Coated with Sharin\u2019s signature crispy breadcrumbs\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Breaded-Shrimps-\u2013-Tail-on.png\", link:\"https:\/\/sharinco.com\/?page_id=6786\" },\r\n\r\n\r\n\r\n\r\n { item:\"fish\", name:\"CROAKER FISH FILLET \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet with tender flesh and minimal sharp bones <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Croaker-Fish-Fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5958\" },\r\n { item:\"fish\", name:\"GRASS CARP (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet, freshly frozen and vacuum packed <br>·\t Cohesive texture with naturally delicious taste <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Grass-carp_500g.png\", link:\"https:\/\/sharinco.com\/?page_id=5959\" },\r\n { item:\"fish\", name:\"HOKI (SKIN-ON & BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Skin-on & boneless fillet <br>·\tFreshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Hoki-fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5960\" },\r\n { item:\"fish\", name:\"JAVELIN GRUNTER (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet with minimal bones and no sharp edges <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Javelin-Grunt-fillet_700.png\", link:\"https:\/\/sharinco.com\/?page_id=5961\" },\r\n { item:\"fish\", name:\"TILAPIA (SKIN OFF & BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 600g\", desc:\"· Skin-off and boneless fillet <br>·\t Freshly frozen and vacuum packed<br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Tilapia_600g.png\", link:\"https:\/\/sharinco.com\/?page_id=5962\" },\r\n { item:\"fish\", name:\"TROUT (GUTTED & GILLED) \", type:\"Frozen\", weight:\"Net Weight: 1000g\", desc:\"· Freshwater farmed trout, gutted & gilled <br>·\t Premium quality flesh from clean, oxygen-rich waters <br>·\tFreshly frozen and vacuum packed\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Trout_Full_1000g.png\", link:\"https:\/\/sharinco.com\/?page_id=5963\" },\r\n { item:\"fish\", name:\"SALMON TROUT FILLET (BONELESS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet \u2013 boneless & skinless <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Pink-Salmon-Trout-Fillet.png\", link:\"https:\/\/sharinco.com\/?page_id=5964\" },\r\n { item:\"fish\", name:\"SALMON TROUT SKIN VACUUM (BONELESS FILLET) \", type:\"Frozen\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet, skin vacuum packed <br>·\t High-quality salmon family species <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Salmon-Trout-Skin-Vacuum.gif\", link:\"https:\/\/sharinco.com\/?page_id=5965\" },\r\n { item:\"fish\", name:\"SALMON TROUT STEAK \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium salmon trout steak with pink-orange flesh <br>·\t Very few fine bones, easy and safe to eat <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/SALMON-TROUT-STEAK.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5966\" },\r\n { item:\"fish\", name:\"SEA BASS (BARRAMUNDI FILLETS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet, boneless and tender <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Sea-bassBarramundi-Fillets.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5968\" },\r\n { item:\"fish\", name:\"BLACK-BANDED TREVALLY (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet without sharp bones <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Talang_Queen_Fillet_500.png\", link:\"https:\/\/sharinco.com\/?page_id=5970\" },\r\n { item:\"fish\", name:\"BARRACUDA (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet without sharp bones <br>·\tSoft and tender flesh with a rich taste <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Barracuda-Fillet.png\", link:\"https:\/\/sharinco.com\/?page_id=5971\" },\r\n { item:\"fish\", name:\"MAHI MAHI (PREMIUM FISH FILLET \u2013 BONELESS & SKINLESS) \", type:\"Frozen\", weight:\"Net Weight: 500g\", desc:\"· Premium fillet \u2013 boneless & skinless <br>·\t Tender white flesh with delicate flavor <br>·\t Freshly frozen and vacuum packed (500g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Mahi-Mahi-Fillet.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5973\" },\r\n { item:\"fish\", name:\"LIZARDFISH (PREMIUM FILLET) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium fillet, freshly frozen and vacuum packed <br>·\t Tender flesh with characteristic southern flavor <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/lizardFish_Fillet_700.png\", link:\"https:\/\/sharinco.com\/?page_id=5974\" },\r\n { item:\"fish\", name:\"SPANISH MACKEREL (STEAK) \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium steak cut with soft flesh and minimal sharp edges<br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Spanish-Mackerel.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5975\" },\r\n { item:\"fish\", name:\"Beluga (headless & Gutted) \", type:\"Frozen\", weight:\"Net Weight: Bulk\", desc:\"· Premium sturgeon species (Beluga) from the Caspian Sea<br>·\tSupplied headless & gutted \u2013 fully cleaned and ready for further processing <br>·\tFirm flesh with mild flavor\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/BelugaHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6960\" },\r\n { item:\"fish\", name:\"Trout Headless & Gutted \", type:\"Frozen\", weight:\"Net Weight: 1000g\", desc:\"· Headless, gutted, and cleaned trout<br>·\tTraditionally smoked for authentic flavor and aroma <br>·\tGolden-brown appearance with firm texture\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout_HG_1000_vaccum.png\", link:\"https:\/\/sharinco.com\/?page_id=6961\" },\r\n { item:\"fish\", name:\"Mahi Mahi Steak \", type:\"Frozen\", weight:\"Net Weight: 700g\", desc:\"· Premium steak<br>·\t\tTender white flesh with delicate flavor <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Mahi-Mahi-Steak.png\", link:\"https:\/\/sharinco.com\/?page_id=6962\" },\r\n { item:\"fish\", name:\"Mahi Mahi Steak \", type:\"Frozen\", weight:\"Net Weight: 4Kg\", desc:\"· Premium steak<br>·\t\tTender white flesh with delicate flavor <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Mahi-Mahi-SteakInside-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6963\" },\r\n { item:\"fish\", name:\"Salmon Trout Steak\", type:\"Frozen\", weight:\"Net Weight: 10Kg\", desc:\"· Premium salmon trout steak with pink-orange flesh<br>·\t\tVery few fine bones, easy and safe to eat <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/SALMON-TROUT-STEAKHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6964\" },\r\n { item:\"fish\", name:\"Salmon Trout Headless & Gutted \", type:\"Frozen\", weight:\"Bulk\", desc:\"· Headless, gutted, and cleaned trout<br>·\t\tTraditionally smoked for authentic flavor and aroma <br>·\tGolden-brown appearance with firm texture\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout-Headless-GuttedHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6965\" },\r\n { item:\"fish\", name:\"Sea bass Fillet\", type:\"Frozen\", weight:\"Net Weight: 5Kg\", desc:\"· Premium fillet, boneless and tender <br>·\tIndividually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Seabass-FilletHome-Pic.png\", link:\"https:\/\/sharinco.com\/?page_id=6966\" },\r\n { item:\"fish\", name:\"Smoked Trout Butterfly\", type:\"Frozen\", weight:\"Net Weight: 3Kg\", desc:\"· \tWhole trout, gutted and cleaned<br>·\t\tWhole trout, gutted and cleaned <br>·\tButterfly-cut style for even smoking\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Smoked-Trout-Buuterfly.png\", link:\"https:\/\/sharinco.com\/?page_id=6967\" },\r\n { item:\"fish\", name:\"Trout (Gutted & Gilled)\", type:\"Frozen\", weight:\"Net Weight: 10Kg\", desc:\"· \tFreshwater farmed trout, gutted & gilled<br>·\tPremium quality flesh from clean, oxygen-rich waters <br>·\tFreshly frozen and packed in carton (10Kg)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout_Full_10kg.png\", link:\"https:\/\/sharinco.com\/?page_id=6968\" },\r\n { item:\"fish\", name:\"Trout Butterfly \", type:\"Frozen\", weight:\"Net Weight: 3.5Kg\", desc:\"· \tWhole trout, gutted and cleaned<br>·\tHead and tail intact for premium presentation <br>·\tSplit open in butterfly style (butterfly-cut)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/10\/Trout-Buuterfly.png\", link:\"https:\/\/sharinco.com\/?page_id=6969\" },\r\n\r\n\r\n { item:\"fish\", name:\"SMOKED SALMON TROUT (BONELESS FILLET) \", type:\"Processed\", weight:\"Net Weight: Variable\", desc:\"· Premium boneless smoked fillet <br>·\t Freshly frozen and vacuum packed <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Smoked-Salmon-Trout.png\", link:\"https:\/\/sharinco.com\/?page_id=5889\" },\r\n { item:\"fish\", name:\"SMOKED SALMON TROUT (BONELESS FILLET) \", type:\"Processed\", weight:\"Net Weight: 200g\", desc:\"· Premium boneless smoked fillet <br>·\t Freshly frozen and Skin vacuum <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Smoked-Salmon-Trout.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5890\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - MEXICAN Flavor (BONELESS) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Mexican-style flavor <br>·\t Freshly frozen and vacuum packed (300g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-Mexican.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5891\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - MASALA Flavor (Boneless) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Masala marinade <br>·\t Freshly frozen and vacuum packed (3500g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-Masala.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5892\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - LEMON & PEPPER Flavor (Boneless)\", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with lemon & pepper flavor <br>·\t Freshly frozen and vacuum packed (350g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-LimooPepper.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5893\" },\r\n { item:\"fish\", name:\"MARINADE SALMON TROUT - BARBECUE Flavor (Boneless) \", type:\"Processed\", weight:\"Net Weight: 300g\", desc:\"· Premium boneless fillet with Barbecue marinade <br>·\t Freshly frozen and vacuum packed (300g) <br>·\t Individually Quick Frozen (IQF)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Marinade-Salmon-Trout-barbecue.jpg\", link:\"https:\/\/sharinco.com\/?page_id=5894\" },\r\n { item:\"fish\", name:\"Canned Tuna in Brine \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\t Preserved in light brine (saltwater solution) <br>·\t Firm texture with natural, mild flavor <br>·\tAvailable in multiple can sizes (180g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-In-Brine.png\", link:\"https:\/\/sharinco.com\/?page_id=6933\" },\r\n { item:\"fish\", name:\"Canned Tuna in Oil with Smoke Flavor \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tInfused with natural smoke flavor <br>· Packed in oil for rich taste and longer shelf life <br>·\tAvailable in multiple can sizes (180g, 200g, 1000g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-In-Oil-With-Smoke-Flavor.png\", link:\"https:\/\/sharinco.com\/?page_id=6935\" },\r\n { item:\"fish\", name:\"Canned Tuna in Olive Oil \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tPacked in pure olive oil for enhanced flavor <br>· Firm texture with natural taste <br>·\tAvailable in multiple can sizes (180g, 200g, 1000g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-Olive-Oil.png\", link:\"https:\/\/sharinco.com\/?page_id=6934\" },\r\n { item:\"fish\", name:\"Canned Tuna with Extra Oil \", type:\"Processed\", weight:\"Net Weight: 180g\", desc:\"· Made from premium quality tuna <br>·\tPreserved in extra oil for enhanced richness and texture <br>· Firm flesh with full-bodied flavor <br>·\tAvailable in multiple can sizes (180g)\", img:\"https:\/\/sharinco.com\/wp-content\/uploads\/2025\/09\/Canned-Tuna-With-Extra-Oil.png\", link:\"https:\/\/sharinco.com\/?page_id=6936\" },\r\n\r\n ];\r\n\r\n let visibleCount = 8;\r\n\r\n function renderTypeOptions() {\r\n const filterItem = document.getElementById(\"filterItem\").value;\r\n const filterType = document.getElementById(\"filterType\");\r\n filterType.innerHTML = `<option value=\"all\">ALL TYPE<\/option>`;\r\n if (types[filterItem]) {\r\n types[filterItem].forEach(t => {\r\n filterType.innerHTML += `<option value=\"${t}\">${t}<\/option>`;\r\n });\r\n }\r\n }\r\n\r\n function renderProducts() {\r\n const list = document.getElementById(\"productList\");\r\n list.innerHTML = \"\";\r\n let itemFilter = document.getElementById(\"filterItem\").value;\r\n let typeFilter = document.getElementById(\"filterType\").value;\r\n let search = document.getElementById(\"searchBox\").value.toLowerCase();\r\n\r\n const filtered = products.filter(p => {\r\n return (itemFilter === \"all\" || p.item === itemFilter) &&\r\n (typeFilter === \"all\" || p.type === typeFilter) &&\r\n (\r\n p.name.toLowerCase().includes(search) ||\r\n p.type.toLowerCase().includes(search) ||\r\n p.weight.toLowerCase().includes(search) ||\r\n p.desc.toLowerCase().includes(search)\r\n );\r\n});\r\n\r\n\r\n filtered.slice(0, visibleCount).forEach(p=>{\r\n list.innerHTML += `\r\n <div class=\"product\" data-link=\"${p.link}\">\r\n <h4>${p.name}<\/h4>\r\n <img decoding=\"async\" src=\"${p.img}\" alt=\"\">\r\n <div class=\"product-bottom\">\r\n <div class=\"weight\">${p.weight}<\/div>\r\n <div class=\"desc\">${p.desc}<\/div>\r\n <a href=\"${p.link}\" target=\"_blank\" class=\"view-btn\" onclick=\"event.stopPropagation()\">VIEW PRODUCT...<\/a>\r\n <\/div>\r\n <\/div>\r\n`;\r\n\r\n\r\n\r\n });\r\n\r\n document.getElementById(\"loadMore\").style.display =\r\n visibleCount < filtered.length ? \"block\" : \"none\";\r\n document.querySelectorAll(\".product\").forEach(box => {\r\n box.addEventListener(\"click\", () => {\r\n window.open(box.dataset.link, \"_blank\");\r\n });\r\n});\r\n\r\n }\r\n\r\n document.getElementById(\"filterItem\").addEventListener(\"change\", ()=>{\r\n renderTypeOptions();\r\n renderProducts();\r\n });\r\n document.getElementById(\"filterType\").addEventListener(\"change\", renderProducts);\r\n document.getElementById(\"searchBox\").addEventListener(\"input\", renderProducts);\r\n\r\n document.getElementById(\"loadMore\").addEventListener(\"click\", ()=>{\r\n visibleCount += 4;\r\n renderProducts();\r\n });\r\n\r\n renderTypeOptions();\r\n renderProducts();\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2dd02e4 e-flex e-con-boxed e-con e-parent\" data-id=\"2dd02e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cca8456 e-grid e-con-full e-con e-child\" data-id=\"cca8456\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Custom Slider Cooked Shrimp (PD) – 31\/40 Freshly cooked & Individually Quick Frozen (IQF) Peeled & Deveined WEIGHT: 500 G […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-29","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages\/29","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sharinco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=29"}],"version-history":[{"count":0,"href":"https:\/\/sharinco.com\/index.php?rest_route=\/wp\/v2\/pages\/29\/revisions"}],"wp:attachment":[{"href":"https:\/\/sharinco.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}