M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC (Premium + Cond) - SWD<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Inter', 'sans-serif'], display: ['Montserrat', 'sans-serif'], },\r\n colors: {\r\n swd: { blue: '#002855', cyan: '#00B4DB', gold: '#D4AF37', light: '#F8FAFC' }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style type=\"text\/tailwindcss\">\r\n \/* Lightbox CSS *\/\r\n .lightbox-active { @apply flex; }\r\n .lightbox-content { @apply max-w-full max-h-[90vh] object-contain rounded-xl shadow-2xl; transition: transform 0.3s ease; }\r\n \r\n .thumb-active { @apply ring-2 ring-swd-cyan opacity-100; }\r\n .thumb-inactive { @apply opacity-60 hover:opacity-100 transition-opacity cursor-pointer; }\r\n \r\n .btn-cyan { @apply relative overflow-hidden bg-gradient-to-r from-swd-cyan to-blue-600 text-white font-bold rounded-xl shadow-[0_0_20px_rgba(0,180,219,0.4)] transition-all hover:shadow-[0_0_30px_rgba(0,180,219,0.8)] hover:scale-105 active:scale-95; }\r\n .input-error { border-color: #ef4444 !important; background-color: #fef2f2 !important; color: #ef4444 !important; }\r\n \r\n \/* Highlight Warranty Numbers *\/\r\n @keyframes warranty-glow {\r\n 0% { box-shadow: 0 0 10px rgba(0, 180, 219, 0.4); text-shadow: 0 0 5px rgba(255,255,255,0.5); }\r\n 100% { box-shadow: 0 0 25px rgba(0, 180, 219, 0.9); text-shadow: 0 0 15px rgba(255,255,255,1); }\r\n }\r\n .warranty-num { animation: warranty-glow 1.5s infinite alternate; border-radius: 50%; }\r\n \r\n \/* C\u1ed1 \u0111\u1ecbnh \u1ea3nh ch\u00ednh kh\u00f4ng tr\u01b0\u1ee3t theo Mobile *\/\r\n .sticky-gallery { position: sticky; top: 100px; }\r\n @media (max-width: 1024px) { .sticky-gallery { position: relative; top: 0; } }\r\n\r\n \/* Icon Play tr\u00ean Video Thumbnail *\/\r\n .video-thumb-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; pointer-events: none;}\r\n .gallery-item:hover .video-thumb-overlay { opacity: 1; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 antialiased selection:bg-swd-cyan selection:text-white\">\r\n\r\n <header class=\"bg-[#00142b] py-4 sticky top-0 z-50 shadow-md border-b border-swd-cyan\/30\">\r\n <div class=\"container mx-auto px-4 md:px-8 flex justify-between items-center\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"flex items-center gap-2 group\">\r\n <div class=\"w-10 h-10 bg-gradient-to-br from-swd-cyan to-blue-600 rounded-xl flex items-center justify-center text-white font-bold shadow-[0_0_10px_rgba(0,180,219,0.5)]\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n <div>\r\n <h1 class=\"font-display font-black text-2xl text-white leading-none group-hover:text-swd-cyan transition-colors\">SWD<\/h1>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"text-white hover:text-swd-cyan font-semibold text-sm flex items-center gap-2 transition-colors bg-white\/5 px-4 py-2 rounded-full border border-white\/10 hover:bg-white\/10\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i> V\u1ec1 trang ch\u1ee7\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"bg-white border-b border-gray-200 pt-8 pb-16\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-xs text-gray-500 font-medium mb-8 flex items-center gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"hover:text-swd-cyan flex items-center gap-1\"><i class=\"fa-solid fa-house\"><\/i> Trang ch\u1ee7<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#san-pham\" class=\"hover:text-swd-cyan\">Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <span class=\"text-swd-blue font-bold\">F3000PC (Prem+Cond)<\/span>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col gap-4 sticky-gallery\">\r\n <div class=\"bg-gray-50 rounded-3xl p-6 flex items-center justify-center border border-gray-100 relative h-[350px] md:h-[500px] group cursor-zoom-in\" onclick=\"openLightbox(document.getElementById('main-img').src, 'img')\">\r\n <div class=\"absolute top-4 right-4 bg-swd-cyan text-white text-[10px] font-bold px-3 py-1 rounded-full shadow-md z-10 uppercase tracking-widest\">M\u00e3 c\u0169: F-MD1000PC<\/div>\r\n <img decoding=\"async\" id=\"main-img\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-1.png\" alt=\"F3000PC\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500 relative z-0\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 transition-opacity rounded-3xl flex items-center justify-center pointer-events-none\">\r\n <i class=\"fa-solid fa-magnifying-glass-plus text-3xl text-swd-blue\/50 drop-shadow-md\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"grid grid-cols-4 gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-1.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-active w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 1\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-2.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 2\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-3.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 3\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-3.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-7\">\r\n <span class=\"inline-flex items-center gap-1.5 bg-swd-cyan\/10 text-swd-cyan text-[10px] font-bold px-3 py-1 rounded-full uppercase tracking-widest border border-swd-cyan\/30 mb-4\">\r\n <i class=\"fa-solid fa-building\"><\/i> Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 (All-in-one)\r\n <\/span>\r\n \r\n <h1 class=\"font-display font-black text-3xl md:text-5xl text-swd-blue mb-2 leading-tight\">M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC<\/h1>\r\n <p class=\"text-xl text-gray-500 font-medium mb-6\">Phi\u00ean b\u1ea3n Premium + Cond (Ch\u1ecbu nhi\u1ec7t \u0111\u1ed9 cao & X\u1eed l\u00fd kim lo\u1ea1i)<\/p>\r\n \r\n <div class=\"bg-gradient-to-r from-blue-50 to-blue-100\/50 border border-blue-100 rounded-2xl p-6 mb-8 flex flex-col md:flex-row md:items-end justify-between gap-4 shadow-[0_5px_15px_rgba(0,40,85,0.05)]\">\r\n <div>\r\n <p class=\"text-xs text-gray-500 font-bold uppercase tracking-wider mb-1\">Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m VAT)<\/p>\r\n <p class=\"text-4xl md:text-5xl font-black text-swd-cyan drop-shadow-sm\">21.735.000 <span class=\"text-xl text-gray-500 font-bold\">VN\u0110<\/span><\/p>\r\n <\/div>\r\n <div class=\"text-xs text-gray-500 bg-white px-3 py-2 rounded-lg border border-gray-200 text-center md:text-right\">\r\n <i class=\"fa-solid fa-truck-fast text-swd-cyan mr-1\"><\/i> Mi\u1ec5n ph\u00ed l\u1eafp \u0111\u1eb7t n\u1ed9i th\u00e0nh\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-600 leading-relaxed mb-4 text-base\">H\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc trung t\u00e2m to\u00e0n di\u1ec7n nh\u1ea5t cho c\u00e1c c\u0103n h\u1ed9 h\u1ea1ng sang (Vinhomes, Masterise...). <strong>F3000PC<\/strong> kh\u00f4ng ch\u1ec9 s\u1edf h\u1eefu c\u00f4ng ngh\u1ec7 m\u00e0ng PES Nh\u1eadt B\u1ea3n ch\u1ecbu n\u01b0\u1edbc n\u00f3ng \u0111\u1ebfn 70\u00b0C, thi\u1ebft k\u1ebf gi\u1ea5u tr\u1ea7n tinh t\u1ebf, m\u00e0 c\u00f2n t\u00edch h\u1ee3p b\u1ed9 vi x\u1eed l\u00fd kim lo\u1ea1i n\u1eb7ng, l\u00e0m m\u1ec1m n\u01b0\u1edbc kh\u00f4ng c\u1ea7n d\u00f9ng mu\u1ed1i ho\u00e0n nguy\u00ean.<\/p>\r\n \r\n <div class=\"flex flex-wrap gap-2 mb-8\">\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> Nh\u1ecf g\u1ecdn th\u1ea9m m\u1ef9<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> L\u1eafp \u0111\u1eb7t \u00e2m tr\u1ea7n<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> L\u1ecdc n\u01b0\u1edbc n\u00f3ng t\u1edbi 70\u00b0C<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> X\u1eed l\u00fd kim lo\u1ea1i kh\u00f4ng mu\u1ed1i<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> C\u00f4ng su\u1ea5t l\u1edbn 3000L\/h<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> T\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-display font-bold text-xl text-swd-blue mb-4 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-star text-swd-gold text-lg\"><\/i> \u0110\u1eb7c \u0110i\u1ec3m N\u1ed5i B\u1eadt\r\n <\/h3>\r\n <div class=\"grid sm:grid-cols-2 gap-4 mb-10\">\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-screwdriver-wrench text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">L\u1eafp \u0110\u1eb7t \u00c2m Tr\u1ea7n Th\u1ea1ch Cao<\/h4>\r\n <p class=\"text-xs text-gray-600\">Thi\u1ebft k\u1ebf kh\u1ed1i ph\u1eb3ng th\u00f4ng minh, d\u1ec5 d\u00e0ng l\u1eafp \u0111\u1eb7t gi\u1ea5u k\u00edn ho\u00e0n to\u00e0n tr\u00ean tr\u1ea7n th\u1ea1ch cao, gi\u1ea3i ph\u00f3ng kh\u00f4ng gian s\u1ed1ng v\u00e0 ban c\u00f4ng.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-virus-slash text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Chu\u1ea9n S\u1ea1ch Tuy\u1ec7t \u0110\u1ed1i<\/h4>\r\n <p class=\"text-xs text-gray-600\">Lo\u1ea1i b\u1ecf ho\u00e0n to\u00e0n Virut, vi khu\u1ea9n, ch\u1ea5t b\u1ea9n, nh\u0169 t\u01b0\u01a1ng, huy\u1ec1n ph\u00f9, r\u1ec9 s\u00e9t l\u1eabn trong ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-flask text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Kh\u00f4ng D\u00f9ng Mu\u1ed1i<\/h4>\r\n <p class=\"text-xs text-gray-600\">X\u1eed l\u00fd Canxi, s\u1eaft, Magie, Mangan v..v. m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3 m\u00e0 ho\u00e0n to\u00e0n kh\u00f4ng d\u00f9ng \u0111\u1ebfn mu\u1ed1i ho\u00e0n nguy\u00ean.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-shower text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">\u00c1p Su\u1ea5t Kh\u00f4ng \u0110\u1ed5i<\/h4>\r\n <p class=\"text-xs text-gray-600\">C\u00f4ng su\u1ea5t si\u00eau kh\u1ee7ng 3000 l\u00edt\/gi\u1edd (t\u1ea1o c\u1ea3m gi\u00e1c tr\u01b0\u1edbc v\u00e0 sau l\u1eafp s\u1ea3n ph\u1ea9m \u00e1p su\u1ea5t n\u01b0\u1edbc kh\u00f4ng h\u1ec1 thay \u0111\u1ed5i).<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-temperature-arrow-up text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Ch\u1ecbu N\u01b0\u1edbc N\u00f3ng 70\u00b0C<\/h4>\r\n <p class=\"text-xs text-gray-600\">Ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c Chung c\u01b0 cao c\u1ea5p c\u1ee7a Vinhomes, Masterise v..v. c\u00f3 h\u1ec7 th\u1ed1ng cung c\u1ea5p n\u01b0\u1edbc n\u00f3ng trung t\u00e2m.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-gears text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">T\u1ef1 \u0110\u1ed9ng V\u1ec7 Sinh<\/h4>\r\n <p class=\"text-xs text-gray-600\">M\u00e1y \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp t\u1ef1 \u0111\u1ed9ng s\u1ee5c r\u1eeda v\u1ec7 sinh m\u00e0ng l\u1ecdc \u0111\u1ecbnh k\u1ef3. N\u00e2ng cao tu\u1ed5i th\u1ecd m\u00e0ng l\u1ecdc > 3 n\u0103m.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 bg-[#00142b] p-6 rounded-2xl relative overflow-hidden\">\r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cpath d=\\'M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z\\' fill=\\'%2300b4db\\' fill-opacity=\\'0.05\\' fill-rule=\\'evenodd\\'\/%3E%3C\/svg%3E');\"><\/div>\r\n <div class=\"relative z-10 w-full flex flex-col sm:flex-row gap-4\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-4 rounded-xl border-2 border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-base flex items-center justify-center gap-2\">\r\n <i class=\"fa-solid fa-phone-volume animate-pulse\"><\/i> G\u1ecdi T\u01b0 V\u1ea5n: 0876.888.886\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-swd-light border-b border-gray-200\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-2 block\">Data Sheet<\/span>\r\n <h2 class=\"font-display text-3xl md:text-4xl font-black text-swd-blue\">Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt Chi Ti\u1ebft<\/h2>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-100\">\r\n <table class=\"w-full text-left border-collapse\">\r\n <tbody class=\"text-sm md:text-base\">\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">T\u00ean s\u1ea3n ph\u1ea9m<\/th>\r\n <td class=\"py-5 px-6 text-gray-800 font-bold\">F3000PC (Premium + Cond)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng su\u1ea5t l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-bold text-swd-cyan text-lg\">3000 l\u00edt\/ gi\u1edd<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">\u0110i\u1ec7n \u00e1p ho\u1ea1t \u0111\u1ed9ng<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">220Vac \/ 50-60Hz<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng su\u1ea5t \u0111i\u1ec7n<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Khi v\u1ec7 sinh m\u00e0ng l\u1ecdc: <strong>1,2 Wh<\/strong> | Khi kh\u00f4ng l\u1ecdc: <strong>0,5 Wh<\/strong><\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng ngh\u1ec7 m\u00e0ng<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Ultra Filtration<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">V\u1eadt li\u1ec7u m\u00e0ng l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-bold text-swd-blue\">PES (Mitsubishi Chemical)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">\u0110\u01b0\u1eddng k\u00ednh \u1ed1ng k\u1ebft n\u1ed1i<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">\u1ed0ng v\u00e0o\/ra: <strong>3\/4 inch<\/strong> | \u1ed0ng th\u1ea3i: <strong>10 mm<\/strong><\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">L\u01b0\u1ee3ng n\u01b0\u1edbc th\u1ea3i<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-medium\">0,2%<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">K\u00edch th\u01b0\u1edbc (D x R x C)<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">45 x 30 x 14 (cm)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">M\u00e0u s\u1eafc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Tr\u1eafng<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">Tr\u1ecdng l\u01b0\u1ee3ng m\u00e1y<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">14Kg<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100 rounded-bl-3xl\">Ti\u00eau chu\u1ea9n n\u01b0\u1edbc sau l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">QCVN 01:2018\/BYT & QCVN 02:2009\/BYT<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"mt-12 bg-gradient-to-r from-[#00142b] to-[#001f3f] rounded-3xl p-8 md:p-12 text-white flex flex-col md:flex-row items-center justify-between shadow-2xl relative overflow-hidden border border-swd-cyan\/20\">\r\n <div class=\"absolute inset-0 opacity-20\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cpath d=\\'M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z\\' fill=\\'%2300b4db\\' fill-opacity=\\'0.05\\' fill-rule=\\'evenodd\\'\/%3E%3C\/svg%3E');\"><\/div>\r\n <div class=\"relative z-10 mb-8 md:mb-0 text-center md:text-left\">\r\n <h3 class=\"font-display text-3xl font-black text-swd-cyan mb-2\"><i class=\"fa-solid fa-shield-check mr-2\"><\/i>B\u1ea3o H\u00e0nh SWD Care<\/h3>\r\n <p class=\"text-gray-300\">M\u00e1y t\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng l\u1ecdc. Tu\u1ed5i th\u1ecd m\u00e0ng c\u1ef1c cao l\u00ean t\u1edbi <strong class=\"text-white\">> 3 n\u0103m<\/strong>.<\/p>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 flex gap-6 md:gap-12 w-full md:w-auto justify-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-24 h-24 md:w-28 md:h-28 rounded-full border border-swd-cyan flex items-center justify-center flex-col warranty-num mb-3 bg-[#001f3f]\">\r\n <p class=\"text-4xl md:text-5xl font-black text-white leading-none\"><span class=\"counter\" data-target=\"6\">0<\/span><\/p>\r\n <span class=\"text-xs text-gray-300 font-medium\">th\u00e1ng<\/span>\r\n <\/div>\r\n <p class=\"text-xs md:text-sm uppercase font-bold text-swd-cyan text-center max-w-[120px]\">V\u1edbi M\u00e0ng L\u1ecdc<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-24 h-24 md:w-28 md:h-28 rounded-full border border-swd-cyan flex items-center justify-center flex-col warranty-num mb-3 bg-[#001f3f]\" style=\"animation-delay: 0.5s;\">\r\n <p class=\"text-4xl md:text-5xl font-black text-white leading-none\"><span class=\"counter\" data-target=\"24\">0<\/span><\/p>\r\n <span class=\"text-xs text-gray-300 font-medium\">th\u00e1ng<\/span>\r\n <\/div>\r\n <p class=\"text-xs md:text-sm uppercase font-bold text-swd-cyan text-center max-w-[120px]\">V\u1edbi Linh Ki\u1ec7n \u0110i\u1ec7n T\u1eed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-white border-b border-gray-100\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-2 block\">Quality Assurance<\/span>\r\n <h2 class=\"font-display text-3xl md:text-4xl font-black text-swd-blue\">Ti\u00eau Chu\u1ea9n & Ch\u1ee9ng Nh\u1eadn<\/h2>\r\n <p class=\"text-gray-600 mt-4 max-w-4xl mx-auto leading-relaxed text-sm md:text-base\">\r\n SWD l\u00e0 \u0111\u01a1n v\u1ecb <strong class=\"text-swd-cyan\">duy nh\u1ea5t<\/strong> tr\u00ean th\u1ecb tr\u01b0\u1eddng cung c\u1ea5p k\u1ebft qu\u1ea3 x\u00e9t nghi\u1ec7m v\u1ec1 ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc sau l\u1eafp \u0111\u1eb7t \u0111\u1ea1t chu\u1ea9n <strong>Quy chu\u1ea9n Qu\u1ed1c gia v\u1ec1 n\u01b0\u1edbc sinh ho\u1ea1t <span class=\"text-swd-blue\">QCVN01:2024\/BYT<\/span><\/strong> \u0111\u01b0\u1ee3c c\u1ea5p b\u1edfi Vi\u1ec7n S\u1ee9c Kh\u1ecfe ngh\u1ec1 nghi\u1ec7p & M\u00f4i tr\u01b0\u1eddng B\u1ed9 Y T\u1ebf.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/GCN-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/GCN-F3KP.png\" alt=\"Gi\u1ea5y ch\u1ee9ng nh\u1eadn\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">Gi\u1ea5y ch\u1ee9ng nh\u1eadn<\/h4>\r\n <p class=\"text-xs text-gray-500\">Ti\u00eau chu\u1ea9n qu\u1ed1c gia<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/QD-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/QD-F3KP.png\" alt=\"Quy\u1ebft \u0111\u1ecbnh c\u1ea5p ph\u00e9p\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">Quy\u1ebft \u0111\u1ecbnh c\u1ea5p ph\u00e9p<\/h4>\r\n <p class=\"text-xs text-gray-500\">L\u01b0u h\u00e0nh thi\u1ebft b\u1ecb<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/KQTN-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/KQTN-F3KP.png\" alt=\"K\u1ebft qu\u1ea3 th\u1eed nghi\u1ec7m\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">K\u1ebft qu\u1ea3 th\u1eed nghi\u1ec7m<\/h4>\r\n <p class=\"text-xs text-gray-500\">Ph\u00e2n t\u00edch vi sinh & l\u00fd h\u00f3a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div id=\"lightbox\" class=\"hidden fixed inset-0 z-[100] bg-black\/95 items-center justify-center p-4 backdrop-blur-md cursor-zoom-out\" onclick=\"closeLightbox(event)\">\r\n <span class=\"absolute top-6 right-6 text-white text-3xl hover:text-swd-cyan transition-colors cursor-pointer z-10\" onclick=\"closeLightbox(event)\"><i class=\"fa-solid fa-times pointer-events-none\"><\/i><\/span>\r\n <div id=\"lightbox-container\" class=\"relative w-full h-full flex items-center justify-center\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fixed bottom-6 right-6 z-[90] flex flex-col gap-4\">\r\n <a href=\"https:\/\/zalo.me\/0876888886\" target=\"_blank\" class=\"w-14 h-14 bg-[#0068FF] text-white rounded-full flex items-center justify-center text-3xl shadow-[0_0_20px_rgba(0,104,255,0.5)] hover:scale-110 transition-transform relative ring-btn\">\r\n <i class=\"fa-solid fa-comment-dots text-2xl\"><\/i>\r\n <\/a>\r\n <a href=\"tel:0876888886\" class=\"w-14 h-14 bg-[#00B4DB] text-white rounded-full flex items-center justify-center text-2xl shadow-[0_0_20px_rgba(0,180,219,0.5)] hover:scale-110 transition-transform relative ring-btn\" style=\"animation-delay: 1s;\">\r\n <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Gallery Logic \r\n function changeMainImage(element) {\r\n const mainImg = document.getElementById('main-img');\r\n mainImg.src = element.src;\r\n \r\n document.querySelectorAll('.thumbnail').forEach(thumb => {\r\n thumb.classList.remove('thumb-active');\r\n thumb.classList.add('thumb-inactive');\r\n });\r\n element.classList.remove('thumb-inactive');\r\n element.classList.add('thumb-active');\r\n }\r\n\r\n \/\/ Multimedia Lightbox Logic (\u1ea2nh & Video)\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxContainer = document.getElementById('lightbox-container');\r\n\r\n function openLightbox(src, type) {\r\n lightboxContainer.innerHTML = ''; \/\/ X\u00f3a n\u1ed9i dung c\u0169\r\n \r\n if(type === 'img') {\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.className = 'lightbox-content';\r\n lightboxContainer.appendChild(img);\r\n } else if (type === 'video') {\r\n const video = document.createElement('video');\r\n video.src = src;\r\n video.controls = true;\r\n video.autoplay = true;\r\n video.className = 'lightbox-content';\r\n lightboxContainer.appendChild(video);\r\n }\r\n \r\n lightbox.classList.remove('hidden');\r\n lightbox.classList.add('flex'); \r\n document.body.style.overflow = 'hidden'; \r\n }\r\n\r\n function closeLightbox(e) {\r\n if(e.target === lightbox || e.target.id === 'lightbox-container' || e.target.tagName === 'SPAN' || e.target.tagName === 'I') {\r\n const vid = lightboxContainer.querySelector('video');\r\n if(vid) vid.pause();\r\n \r\n lightbox.classList.add('hidden');\r\n lightbox.classList.remove('flex'); \r\n document.body.style.overflow = 'auto';\r\n lightboxContainer.innerHTML = '';\r\n }\r\n }\r\n\r\n \/\/ Counter Logic\r\n const counters = document.querySelectorAll('.counter');\r\n const speed = 50; \r\n let counted = false;\r\n const startCounting = () => {\r\n counters.forEach(counter => {\r\n const updateCount = () => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const inc = target \/ speed;\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 20);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n });\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n if(entries[0].isIntersecting && !counted) {\r\n startCounting();\r\n counted = true;\r\n }\r\n }, { threshold: 0.5 });\r\n const warrantySection = document.querySelector('.warranty-num');\r\n if(warrantySection) observer.observe(warrantySection);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b75af38 elementor-widget elementor-widget-shortcode\" data-id=\"b75af38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[swd_gallery]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10ebf08 elementor-widget elementor-widget-shortcode\" data-id=\"10ebf08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <footer id=\"form-section\" class=\"swd-footer-wrapper\">\r\n <div class=\"swd-footer-bg-pattern\"><\/div>\r\n <div class=\"swd-container\">\r\n <div class=\"swd-form-box\">\r\n <div class=\"swd-form-top-line\"><\/div>\r\n <div class=\"swd-form-header\">\r\n <h4>\u0110\u0103ng K\u00fd T\u01b0 V\u1ea5n & Kh\u1ea3o S\u00e1t Th\u1ef1c T\u1ebf<\/h4>\r\n <p>Vui l\u00f2ng \u0111\u1ec3 l\u1ea1i th\u00f4ng tin \u0111\u1ec3 chuy\u00ean gia li\u00ean h\u1ec7<\/p>\r\n <\/div>\r\n \r\n <form id=\"swd-detail-form\" class=\"swd-form-body\">\r\n \r\n <div class=\"swd-input-group\">\r\n <select name=\"san_pham\" id=\"dt-product\" class=\"swd-input\" required>\r\n <option value=\"\" disabled selected>-- Ch\u1ecdn d\u00f2ng s\u1ea3n ph\u1ea9m quan t\u00e2m --<\/option>\r\n <option value=\"F3000A (Apartment)\">F3000A (Apartment)<\/option>\r\n <option value=\"F3000AC (Apartment+Cond)\">F3000AC (Apartment+Cond)<\/option>\r\n <option value=\"F3000P (Premium) HOT\">F3000P (Premium) HOT<\/option>\r\n <option value=\"F3000PC (Prem+Cond)\">F3000PC (Prem+Cond)<\/option>\r\n <option value=\"F3000PS (Prem+Softener)\">F3000PS (Prem+Softener)<\/option>\r\n <option value=\"R1000E (Efficient)\">R1000E (Efficient)<\/option>\r\n <option value=\"M1200E (Efficient)\">M1200E (Efficient)<\/option>\r\n <option value=\"R500I (Imperial)\">R500I (Imperial)<\/option>\r\n <option value=\"M600I (Imperial)\">M600I (Imperial)<\/option>\r\n <option value=\"R1000I (Imperial)\">R1000I (Imperial)<\/option>\r\n <option value=\"M1300I (Imperial)\">M1300I (Imperial)<\/option>\r\n <option value=\"R1000S (Signature)\">R1000S (Signature)<\/option>\r\n <option value=\"M1300S (Signature)\">M1300S (Signature)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"swd-input-group\">\r\n <input type=\"text\" name=\"ho_ten\" id=\"dt-name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n *\" class=\"swd-input\" required>\r\n <\/div>\r\n \r\n <div class=\"swd-input-group\">\r\n <input type=\"tel\" name=\"so_dien_thoai\" id=\"dt-phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7 *\" class=\"swd-input\" required>\r\n <p id=\"dt-phone-error\" class=\"swd-error-msg\">Vui l\u00f2ng nh\u1eadp \u0111\u00fang s\u1ed1 \u0111i\u1ec7n tho\u1ea1i Vi\u1ec7t Nam.<\/p>\r\n <\/div>\r\n\r\n <div class=\"swd-input-group\">\r\n <textarea name=\"ghi_chu\" id=\"dt-note\" class=\"swd-input swd-textarea\" placeholder=\"Ghi ch\u00fa th\u00eam (Vd: Kh\u1ea3o s\u00e1t \u1edf chung c\u01b0 Vinhomes...)\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"dt-submit-btn\" class=\"swd-submit-btn\">\r\n <span class=\"btn-text\">X\u00c1C NH\u1eacN Y\u00caU C\u1ea6U<\/span>\r\n <span class=\"btn-loading\" style=\"display: none;\">\u0110ang g\u1eedi d\u1eef li\u1ec7u...<\/span>\r\n <\/button>\r\n \r\n <div id=\"dt-success-msg\" class=\"swd-success-msg\" style=\"display: none;\">\r\n Tuy\u1ec7t v\u1eddi! Y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi. Chuy\u00ean gia SWD s\u1ebd li\u00ean h\u1ec7 l\u1ea1i ngay trong \u00edt ph\u00fat!\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n <div class=\"swd-footer-bottom\">\r\n <p>© 2026 SWD. All rights reserved.<\/p>\r\n <div class=\"swd-socials\">\r\n <a href=\"https:\/\/facebook.com\/\" target=\"_blank\">Facebook<\/a>\r\n <a href=\"https:\/\/youtube.com\/\" target=\"_blank\">Youtube<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <style>\r\n .swd-footer-wrapper { background-color: #00142b; padding: 60px 0 40px 0; border-top: 4px solid #00B4DB; position: relative; font-family: Arial, sans-serif; }\r\n .swd-footer-bg-pattern { position: absolute; inset: 0; opacity: 0.1; pointer-events: none; background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z' fill='%2300b4db' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\"); }\r\n .swd-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 10; }\r\n \r\n .swd-form-box { background: linear-gradient(to bottom, #001f3f, #00142b); padding: 40px; border-radius: 24px; border: 1px solid rgba(0,180,219,0.2); box-shadow: 0 10px 40px rgba(0,0,0,0.5); max-width: 700px; margin: 0 auto 40px auto; position: relative; overflow: hidden; }\r\n .swd-form-top-line { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #00B4DB, #0068FF); }\r\n \r\n .swd-form-header { text-align: center; margin-bottom: 30px; }\r\n .swd-form-header h4 { font-size: 26px; color: #fff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px;}\r\n .swd-form-header p { color: #00B4DB; font-size: 15px; margin: 0; }\r\n \r\n .swd-form-body { display: flex; flex-direction: column; gap: 18px; max-width: 600px; margin: 0 auto; }\r\n .swd-input-group { position: relative; width: 100%; }\r\n \r\n .swd-input { width: 100%; background: #0a192f; border: 1px solid #374151; border-radius: 12px; padding: 15px 18px; color: #fff; font-size: 15px; outline: none; transition: all 0.3s; box-sizing: border-box; }\r\n .swd-input::placeholder { color: #6b7280; }\r\n .swd-input:focus { border-color: #00B4DB; box-shadow: 0 0 12px rgba(0,180,219,0.2); }\r\n\r\n select.swd-input {\r\n appearance: none; cursor: pointer;\r\n background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300b4db%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat; background-position: right 18px center; background-size: 12px;\r\n }\r\n select.swd-input option { background: #0a192f; color: #fff; padding: 10px; }\r\n .swd-textarea { resize: vertical; min-height: 120px; font-family: inherit; }\r\n \r\n .swd-input.input-error { border-color: #ef4444; background: #2a1111; }\r\n .swd-error-msg { color: #ef4444; font-size: 13px; margin: 6px 0 0 6px; display: none; font-style: italic; }\r\n \r\n .swd-submit-btn {\r\n background: linear-gradient(to right, #00B4DB, #0068FF); color: #fff; border: none; border-radius: 12px; padding: 16px; font-size: 17px; font-weight: bold; cursor: pointer; transition: all 0.3s; box-shadow: 0 5px 20px rgba(0,180,219,0.3); margin-top: 5px; width: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 1px;\r\n }\r\n .swd-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,180,219,0.5); }\r\n .swd-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n \r\n .swd-success-msg { background: rgba(16, 185, 129, 0.1); border: 1px solid #10b981; color: #10b981; padding: 15px; border-radius: 12px; font-size: 15px; text-align: center; margin-top: 15px; display: none; font-weight: bold; }\r\n\r\n .swd-footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 25px; display: flex; justify-content: space-between; align-items: center; color: #6b7280; font-size: 14px; max-width: 800px; margin: 0 auto; }\r\n .swd-socials { display: flex; gap: 20px; }\r\n .swd-socials a { color: #6b7280; font-size: 14px; transition: 0.3s; text-decoration: none; font-weight: bold; text-transform: uppercase;}\r\n .swd-socials a:hover { color: #00B4DB; }\r\n\r\n @media (max-width: 767px) {\r\n .swd-form-box { padding: 25px 20px; }\r\n .swd-footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\r\n .swd-form-header h4 { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ \u0110\u00c3 \u0110I\u1ec0N S\u1eb4N LINK C\u1ee6A B\u1ea0N V\u00c0O \u0110\u00c2Y\r\n const GOOGLE_SHEET_WEBAPP_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwNYs77f-dJASA07BSlkYiwKG8dwXaA81tyCXzLVu0cV8nUTVBQaSRonqVo8TqDvDkSDg\/exec\"; \r\n \r\n const form = document.getElementById('swd-detail-form');\r\n const phoneInput = document.getElementById('dt-phone');\r\n const phoneError = document.getElementById('dt-phone-error');\r\n const submitBtn = document.getElementById('dt-submit-btn');\r\n const btnText = submitBtn.querySelector('.btn-text');\r\n const btnLoading = submitBtn.querySelector('.btn-loading');\r\n const successMsg = document.getElementById('dt-success-msg');\r\n\r\n function validatePhone(phone) {\r\n const regex = \/^(0)(3|5|7|8|9)([0-9]{8})$\/;\r\n return regex.test(phone.trim());\r\n }\r\n\r\n phoneInput.addEventListener('input', function() {\r\n this.classList.remove('input-error');\r\n phoneError.style.display = 'none';\r\n });\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n if (!validatePhone(phoneInput.value)) {\r\n phoneInput.classList.add('input-error');\r\n phoneError.style.display = 'block';\r\n phoneInput.focus();\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n btnText.style.display = 'none';\r\n btnLoading.style.display = 'inline-block';\r\n successMsg.style.display = 'none';\r\n\r\n \/\/ D\u00f9ng URLSearchParams (Ph\u01b0\u01a1ng \u00e1n g\u1eedi t\u01b0\u01a1ng th\u00edch 100% v\u1edbi Google Apps Script)\r\n var formData = new FormData(form);\r\n var searchParams = new URLSearchParams(formData);\r\n\r\n fetch(GOOGLE_SHEET_WEBAPP_URL, {\r\n method: 'POST',\r\n mode: 'no-cors',\r\n headers: {\r\n 'Content-Type': 'application\/x-www-form-urlencoded'\r\n },\r\n body: searchParams\r\n })\r\n .then(() => {\r\n submitBtn.disabled = false;\r\n btnText.style.display = 'inline-block';\r\n btnLoading.style.display = 'none';\r\n \r\n successMsg.style.display = 'block';\r\n form.reset();\r\n setTimeout(() => { successMsg.style.display = 'none'; }, 5000);\r\n })\r\n .catch(error => {\r\n alert('C\u00f3 l\u1ed7i m\u1ea1ng x\u1ea3y ra. Vui l\u00f2ng g\u1ecdi \u0111i\u1ec7n tr\u1ef1c ti\u1ebfp.');\r\n submitBtn.disabled = false;\r\n btnText.style.display = 'inline-block';\r\n btnLoading.style.display = 'none';\r\n });\r\n });\r\n });\r\n <\/script>\r\n <\/div>\n\t\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>M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC (Premium + Cond) – SWD SWD V\u1ec1 trang ch\u1ee7 Trang ch\u1ee7 Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9 F3000PC (Prem+Cond) M\u00e3 c\u0169: F-MD1000PC Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 (All-in-one) M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC Phi\u00ean b\u1ea3n Premium + Cond (Ch\u1ecbu nhi\u1ec7t \u0111\u1ed9 cao & X\u1eed l\u00fd kim lo\u1ea1i) Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":7,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"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 M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC (Premium + Cond) - SWD<\/title>\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@500;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['Inter', 'sans-serif'], display: ['Montserrat', 'sans-serif'], },\r\n colors: {\r\n swd: { blue: '#002855', cyan: '#00B4DB', gold: '#D4AF37', light: '#F8FAFC' }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style type=\"text\/tailwindcss\">\r\n \/* Lightbox CSS *\/\r\n .lightbox-active { @apply flex; }\r\n .lightbox-content { @apply max-w-full max-h-[90vh] object-contain rounded-xl shadow-2xl; transition: transform 0.3s ease; }\r\n \r\n .thumb-active { @apply ring-2 ring-swd-cyan opacity-100; }\r\n .thumb-inactive { @apply opacity-60 hover:opacity-100 transition-opacity cursor-pointer; }\r\n \r\n .btn-cyan { @apply relative overflow-hidden bg-gradient-to-r from-swd-cyan to-blue-600 text-white font-bold rounded-xl shadow-[0_0_20px_rgba(0,180,219,0.4)] transition-all hover:shadow-[0_0_30px_rgba(0,180,219,0.8)] hover:scale-105 active:scale-95; }\r\n .input-error { border-color: #ef4444 !important; background-color: #fef2f2 !important; color: #ef4444 !important; }\r\n \r\n \/* Highlight Warranty Numbers *\/\r\n @keyframes warranty-glow {\r\n 0% { box-shadow: 0 0 10px rgba(0, 180, 219, 0.4); text-shadow: 0 0 5px rgba(255,255,255,0.5); }\r\n 100% { box-shadow: 0 0 25px rgba(0, 180, 219, 0.9); text-shadow: 0 0 15px rgba(255,255,255,1); }\r\n }\r\n .warranty-num { animation: warranty-glow 1.5s infinite alternate; border-radius: 50%; }\r\n \r\n \/* C\u1ed1 \u0111\u1ecbnh \u1ea3nh ch\u00ednh kh\u00f4ng tr\u01b0\u1ee3t theo Mobile *\/\r\n .sticky-gallery { position: sticky; top: 100px; }\r\n @media (max-width: 1024px) { .sticky-gallery { position: relative; top: 0; } }\r\n\r\n \/* Icon Play tr\u00ean Video Thumbnail *\/\r\n .video-thumb-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s; pointer-events: none;}\r\n .gallery-item:hover .video-thumb-overlay { opacity: 1; }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800 antialiased selection:bg-swd-cyan selection:text-white\">\r\n\r\n <header class=\"bg-[#00142b] py-4 sticky top-0 z-50 shadow-md border-b border-swd-cyan\/30\">\r\n <div class=\"container mx-auto px-4 md:px-8 flex justify-between items-center\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"flex items-center gap-2 group\">\r\n <div class=\"w-10 h-10 bg-gradient-to-br from-swd-cyan to-blue-600 rounded-xl flex items-center justify-center text-white font-bold shadow-[0_0_10px_rgba(0,180,219,0.5)]\"><i class=\"fa-solid fa-droplet\"><\/i><\/div>\r\n <div>\r\n <h1 class=\"font-display font-black text-2xl text-white leading-none group-hover:text-swd-cyan transition-colors\">SWD<\/h1>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"text-white hover:text-swd-cyan font-semibold text-sm flex items-center gap-2 transition-colors bg-white\/5 px-4 py-2 rounded-full border border-white\/10 hover:bg-white\/10\">\r\n <i class=\"fa-solid fa-arrow-left\"><\/i> V\u1ec1 trang ch\u1ee7\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"bg-white border-b border-gray-200 pt-8 pb-16\">\r\n <div class=\"container mx-auto px-4 md:px-8\">\r\n <div class=\"text-xs text-gray-500 font-medium mb-8 flex items-center gap-2\">\r\n <a href=\"https:\/\/swd-locnuoc.vn\/\" class=\"hover:text-swd-cyan flex items-center gap-1\"><i class=\"fa-solid fa-house\"><\/i> Trang ch\u1ee7<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <a href=\"https:\/\/swd-locnuoc.vn\/#san-pham\" class=\"hover:text-swd-cyan\">Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9<\/a> \r\n <i class=\"fa-solid fa-chevron-right text-[8px] opacity-50\"><\/i>\r\n <span class=\"text-swd-blue font-bold\">F3000PC (Prem+Cond)<\/span>\r\n <\/div>\r\n\r\n <div class=\"grid lg:grid-cols-12 gap-12 lg:gap-16 items-start\">\r\n \r\n \r\n <div class=\"lg:col-span-5 flex flex-col gap-4 sticky-gallery\">\r\n <div class=\"bg-gray-50 rounded-3xl p-6 flex items-center justify-center border border-gray-100 relative h-[350px] md:h-[500px] group cursor-zoom-in\" onclick=\"openLightbox(document.getElementById('main-img').src, 'img')\">\r\n <div class=\"absolute top-4 right-4 bg-swd-cyan text-white text-[10px] font-bold px-3 py-1 rounded-full shadow-md z-10 uppercase tracking-widest\">M\u00e3 c\u0169: F-MD1000PC<\/div>\r\n <img decoding=\"async\" id=\"main-img\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-1.png\" alt=\"F3000PC\" class=\"w-full h-full object-contain group-hover:scale-105 transition-transform duration-500 relative z-0\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 transition-opacity rounded-3xl flex items-center justify-center pointer-events-none\">\r\n <i class=\"fa-solid fa-magnifying-glass-plus text-3xl text-swd-blue\/50 drop-shadow-md\"><\/i>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"grid grid-cols-4 gap-3\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-1.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-active w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 1\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-2.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 2\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-3.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 3\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000PC-3.png\" onclick=\"changeMainImage(this)\" class=\"thumbnail thumb-inactive w-full h-20 md:h-24 object-contain rounded-xl bg-gray-50 border border-gray-100 p-2\" alt=\"F3000PC \u1ea2nh 4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:col-span-7\">\r\n <span class=\"inline-flex items-center gap-1.5 bg-swd-cyan\/10 text-swd-cyan text-[10px] font-bold px-3 py-1 rounded-full uppercase tracking-widest border border-swd-cyan\/30 mb-4\">\r\n <i class=\"fa-solid fa-building\"><\/i> Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 (All-in-one)\r\n <\/span>\r\n \r\n <h1 class=\"font-display font-black text-3xl md:text-5xl text-swd-blue mb-2 leading-tight\">M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC<\/h1>\r\n <p class=\"text-xl text-gray-500 font-medium mb-6\">Phi\u00ean b\u1ea3n Premium + Cond (Ch\u1ecbu nhi\u1ec7t \u0111\u1ed9 cao & X\u1eed l\u00fd kim lo\u1ea1i)<\/p>\r\n \r\n <div class=\"bg-gradient-to-r from-blue-50 to-blue-100\/50 border border-blue-100 rounded-2xl p-6 mb-8 flex flex-col md:flex-row md:items-end justify-between gap-4 shadow-[0_5px_15px_rgba(0,40,85,0.05)]\">\r\n <div>\r\n <p class=\"text-xs text-gray-500 font-bold uppercase tracking-wider mb-1\">Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m VAT)<\/p>\r\n <p class=\"text-4xl md:text-5xl font-black text-swd-cyan drop-shadow-sm\">21.735.000 <span class=\"text-xl text-gray-500 font-bold\">VN\u0110<\/span><\/p>\r\n <\/div>\r\n <div class=\"text-xs text-gray-500 bg-white px-3 py-2 rounded-lg border border-gray-200 text-center md:text-right\">\r\n <i class=\"fa-solid fa-truck-fast text-swd-cyan mr-1\"><\/i> Mi\u1ec5n ph\u00ed l\u1eafp \u0111\u1eb7t n\u1ed9i th\u00e0nh\r\n <\/div>\r\n <\/div>\r\n\r\n <p class=\"text-gray-600 leading-relaxed mb-4 text-base\">H\u1ec7 th\u1ed1ng x\u1eed l\u00fd n\u01b0\u1edbc trung t\u00e2m to\u00e0n di\u1ec7n nh\u1ea5t cho c\u00e1c c\u0103n h\u1ed9 h\u1ea1ng sang (Vinhomes, Masterise...). <strong>F3000PC<\/strong> kh\u00f4ng ch\u1ec9 s\u1edf h\u1eefu c\u00f4ng ngh\u1ec7 m\u00e0ng PES Nh\u1eadt B\u1ea3n ch\u1ecbu n\u01b0\u1edbc n\u00f3ng \u0111\u1ebfn 70\u00b0C, thi\u1ebft k\u1ebf gi\u1ea5u tr\u1ea7n tinh t\u1ebf, m\u00e0 c\u00f2n t\u00edch h\u1ee3p b\u1ed9 vi x\u1eed l\u00fd kim lo\u1ea1i n\u1eb7ng, l\u00e0m m\u1ec1m n\u01b0\u1edbc kh\u00f4ng c\u1ea7n d\u00f9ng mu\u1ed1i ho\u00e0n nguy\u00ean.<\/p>\r\n \r\n <div class=\"flex flex-wrap gap-2 mb-8\">\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> Nh\u1ecf g\u1ecdn th\u1ea9m m\u1ef9<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> L\u1eafp \u0111\u1eb7t \u00e2m tr\u1ea7n<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> L\u1ecdc n\u01b0\u1edbc n\u00f3ng t\u1edbi 70\u00b0C<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> X\u1eed l\u00fd kim lo\u1ea1i kh\u00f4ng mu\u1ed1i<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> C\u00f4ng su\u1ea5t l\u1edbn 3000L\/h<\/span>\r\n <span class=\"bg-gray-100 text-gray-600 px-3 py-1 rounded-full text-xs font-semibold\"><i class=\"fa-solid fa-check text-swd-cyan mr-1\"><\/i> T\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng<\/span>\r\n <\/div>\r\n\r\n <h3 class=\"font-display font-bold text-xl text-swd-blue mb-4 flex items-center gap-2\">\r\n <i class=\"fa-solid fa-star text-swd-gold text-lg\"><\/i> \u0110\u1eb7c \u0110i\u1ec3m N\u1ed5i B\u1eadt\r\n <\/h3>\r\n <div class=\"grid sm:grid-cols-2 gap-4 mb-10\">\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-screwdriver-wrench text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">L\u1eafp \u0110\u1eb7t \u00c2m Tr\u1ea7n Th\u1ea1ch Cao<\/h4>\r\n <p class=\"text-xs text-gray-600\">Thi\u1ebft k\u1ebf kh\u1ed1i ph\u1eb3ng th\u00f4ng minh, d\u1ec5 d\u00e0ng l\u1eafp \u0111\u1eb7t gi\u1ea5u k\u00edn ho\u00e0n to\u00e0n tr\u00ean tr\u1ea7n th\u1ea1ch cao, gi\u1ea3i ph\u00f3ng kh\u00f4ng gian s\u1ed1ng v\u00e0 ban c\u00f4ng.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-virus-slash text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Chu\u1ea9n S\u1ea1ch Tuy\u1ec7t \u0110\u1ed1i<\/h4>\r\n <p class=\"text-xs text-gray-600\">Lo\u1ea1i b\u1ecf ho\u00e0n to\u00e0n Virut, vi khu\u1ea9n, ch\u1ea5t b\u1ea9n, nh\u0169 t\u01b0\u01a1ng, huy\u1ec1n ph\u00f9, r\u1ec9 s\u00e9t l\u1eabn trong ngu\u1ed3n n\u01b0\u1edbc sinh ho\u1ea1t.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-flask text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Kh\u00f4ng D\u00f9ng Mu\u1ed1i<\/h4>\r\n <p class=\"text-xs text-gray-600\">X\u1eed l\u00fd Canxi, s\u1eaft, Magie, Mangan v..v. m\u1ed9t c\u00e1ch hi\u1ec7u qu\u1ea3 m\u00e0 ho\u00e0n to\u00e0n kh\u00f4ng d\u00f9ng \u0111\u1ebfn mu\u1ed1i ho\u00e0n nguy\u00ean.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-shower text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">\u00c1p Su\u1ea5t Kh\u00f4ng \u0110\u1ed5i<\/h4>\r\n <p class=\"text-xs text-gray-600\">C\u00f4ng su\u1ea5t si\u00eau kh\u1ee7ng 3000 l\u00edt\/gi\u1edd (t\u1ea1o c\u1ea3m gi\u00e1c tr\u01b0\u1edbc v\u00e0 sau l\u1eafp s\u1ea3n ph\u1ea9m \u00e1p su\u1ea5t n\u01b0\u1edbc kh\u00f4ng h\u1ec1 thay \u0111\u1ed5i).<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-temperature-arrow-up text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">Ch\u1ecbu N\u01b0\u1edbc N\u00f3ng 70\u00b0C<\/h4>\r\n <p class=\"text-xs text-gray-600\">Ph\u00f9 h\u1ee3p v\u1edbi c\u00e1c Chung c\u01b0 cao c\u1ea5p c\u1ee7a Vinhomes, Masterise v..v. c\u00f3 h\u1ec7 th\u1ed1ng cung c\u1ea5p n\u01b0\u1edbc n\u00f3ng trung t\u00e2m.<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-50 rounded-xl p-4 border border-gray-100 hover:border-swd-cyan transition-colors\">\r\n <div class=\"w-10 h-10 rounded-full bg-swd-cyan\/10 flex items-center justify-center text-swd-cyan mb-3\"><i class=\"fa-solid fa-gears text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">T\u1ef1 \u0110\u1ed9ng V\u1ec7 Sinh<\/h4>\r\n <p class=\"text-xs text-gray-600\">M\u00e1y \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp t\u1ef1 \u0111\u1ed9ng s\u1ee5c r\u1eeda v\u1ec7 sinh m\u00e0ng l\u1ecdc \u0111\u1ecbnh k\u1ef3. N\u00e2ng cao tu\u1ed5i th\u1ecd m\u00e0ng l\u1ecdc > 3 n\u0103m.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col sm:flex-row gap-4 bg-[#00142b] p-6 rounded-2xl relative overflow-hidden\">\r\n <div class=\"absolute inset-0 opacity-10\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cpath d=\\'M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z\\' fill=\\'%2300b4db\\' fill-opacity=\\'0.05\\' fill-rule=\\'evenodd\\'\/%3E%3C\/svg%3E');\"><\/div>\r\n <div class=\"relative z-10 w-full flex flex-col sm:flex-row gap-4\">\r\n <a href=\"tel:0876888886\" class=\"flex-1 py-4 rounded-xl border-2 border-swd-cyan text-swd-cyan font-bold text-center hover:bg-swd-cyan hover:text-white transition-colors text-base flex items-center justify-center gap-2\">\r\n <i class=\"fa-solid fa-phone-volume animate-pulse\"><\/i> G\u1ecdi T\u01b0 V\u1ea5n: 0876.888.886\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-swd-light border-b border-gray-200\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-2 block\">Data Sheet<\/span>\r\n <h2 class=\"font-display text-3xl md:text-4xl font-black text-swd-blue\">Th\u00f4ng S\u1ed1 K\u1ef9 Thu\u1eadt Chi Ti\u1ebft<\/h2>\r\n <\/div>\r\n \r\n <div class=\"bg-white rounded-3xl shadow-xl overflow-hidden border border-gray-100\">\r\n <table class=\"w-full text-left border-collapse\">\r\n <tbody class=\"text-sm md:text-base\">\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">T\u00ean s\u1ea3n ph\u1ea9m<\/th>\r\n <td class=\"py-5 px-6 text-gray-800 font-bold\">F3000PC (Premium + Cond)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng su\u1ea5t l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-bold text-swd-cyan text-lg\">3000 l\u00edt\/ gi\u1edd<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">\u0110i\u1ec7n \u00e1p ho\u1ea1t \u0111\u1ed9ng<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">220Vac \/ 50-60Hz<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng su\u1ea5t \u0111i\u1ec7n<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Khi v\u1ec7 sinh m\u00e0ng l\u1ecdc: <strong>1,2 Wh<\/strong> | Khi kh\u00f4ng l\u1ecdc: <strong>0,5 Wh<\/strong><\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">C\u00f4ng ngh\u1ec7 m\u00e0ng<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Ultra Filtration<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">V\u1eadt li\u1ec7u m\u00e0ng l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-bold text-swd-blue\">PES (Mitsubishi Chemical)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">\u0110\u01b0\u1eddng k\u00ednh \u1ed1ng k\u1ebft n\u1ed1i<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">\u1ed0ng v\u00e0o\/ra: <strong>3\/4 inch<\/strong> | \u1ed0ng th\u1ea3i: <strong>10 mm<\/strong><\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">L\u01b0\u1ee3ng n\u01b0\u1edbc th\u1ea3i<\/th>\r\n <td class=\"py-5 px-6 text-gray-700 font-medium\">0,2%<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">K\u00edch th\u01b0\u1edbc (D x R x C)<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">45 x 30 x 14 (cm)<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">M\u00e0u s\u1eafc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">Tr\u1eafng<\/td>\r\n <\/tr>\r\n <tr class=\"border-b border-gray-100 hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100\">Tr\u1ecdng l\u01b0\u1ee3ng m\u00e1y<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">14Kg<\/td>\r\n <\/tr>\r\n <tr class=\"hover:bg-blue-50\/50 transition-colors\">\r\n <th class=\"py-5 px-6 font-bold text-swd-blue w-1\/3 md:w-1\/4 bg-gray-50 border-r border-gray-100 rounded-bl-3xl\">Ti\u00eau chu\u1ea9n n\u01b0\u1edbc sau l\u1ecdc<\/th>\r\n <td class=\"py-5 px-6 text-gray-700\">QCVN 01:2018\/BYT & QCVN 02:2009\/BYT<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"mt-12 bg-gradient-to-r from-[#00142b] to-[#001f3f] rounded-3xl p-8 md:p-12 text-white flex flex-col md:flex-row items-center justify-between shadow-2xl relative overflow-hidden border border-swd-cyan\/20\">\r\n <div class=\"absolute inset-0 opacity-20\" style=\"background-image: url('data:image\/svg+xml,%3Csvg width=\\'40\\' height=\\'40\\' viewBox=\\'0 0 40 40\\' xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\'%3E%3Cpath d=\\'M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z\\' fill=\\'%2300b4db\\' fill-opacity=\\'0.05\\' fill-rule=\\'evenodd\\'\/%3E%3C\/svg%3E');\"><\/div>\r\n <div class=\"relative z-10 mb-8 md:mb-0 text-center md:text-left\">\r\n <h3 class=\"font-display text-3xl font-black text-swd-cyan mb-2\"><i class=\"fa-solid fa-shield-check mr-2\"><\/i>B\u1ea3o H\u00e0nh SWD Care<\/h3>\r\n <p class=\"text-gray-300\">M\u00e1y t\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng l\u1ecdc. Tu\u1ed5i th\u1ecd m\u00e0ng c\u1ef1c cao l\u00ean t\u1edbi <strong class=\"text-white\">> 3 n\u0103m<\/strong>.<\/p>\r\n <\/div>\r\n \r\n <div class=\"relative z-10 flex gap-6 md:gap-12 w-full md:w-auto justify-center\">\r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-24 h-24 md:w-28 md:h-28 rounded-full border border-swd-cyan flex items-center justify-center flex-col warranty-num mb-3 bg-[#001f3f]\">\r\n <p class=\"text-4xl md:text-5xl font-black text-white leading-none\"><span class=\"counter\" data-target=\"6\">0<\/span><\/p>\r\n <span class=\"text-xs text-gray-300 font-medium\">th\u00e1ng<\/span>\r\n <\/div>\r\n <p class=\"text-xs md:text-sm uppercase font-bold text-swd-cyan text-center max-w-[120px]\">V\u1edbi M\u00e0ng L\u1ecdc<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex flex-col items-center\">\r\n <div class=\"w-24 h-24 md:w-28 md:h-28 rounded-full border border-swd-cyan flex items-center justify-center flex-col warranty-num mb-3 bg-[#001f3f]\" style=\"animation-delay: 0.5s;\">\r\n <p class=\"text-4xl md:text-5xl font-black text-white leading-none\"><span class=\"counter\" data-target=\"24\">0<\/span><\/p>\r\n <span class=\"text-xs text-gray-300 font-medium\">th\u00e1ng<\/span>\r\n <\/div>\r\n <p class=\"text-xs md:text-sm uppercase font-bold text-swd-cyan text-center max-w-[120px]\">V\u1edbi Linh Ki\u1ec7n \u0110i\u1ec7n T\u1eed<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"py-20 bg-white border-b border-gray-100\">\r\n <div class=\"container mx-auto px-4 md:px-8 max-w-6xl\">\r\n <div class=\"text-center mb-12\">\r\n <span class=\"text-swd-cyan font-bold tracking-widest uppercase text-sm mb-2 block\">Quality Assurance<\/span>\r\n <h2 class=\"font-display text-3xl md:text-4xl font-black text-swd-blue\">Ti\u00eau Chu\u1ea9n & Ch\u1ee9ng Nh\u1eadn<\/h2>\r\n <p class=\"text-gray-600 mt-4 max-w-4xl mx-auto leading-relaxed text-sm md:text-base\">\r\n SWD l\u00e0 \u0111\u01a1n v\u1ecb <strong class=\"text-swd-cyan\">duy nh\u1ea5t<\/strong> tr\u00ean th\u1ecb tr\u01b0\u1eddng cung c\u1ea5p k\u1ebft qu\u1ea3 x\u00e9t nghi\u1ec7m v\u1ec1 ch\u1ea5t l\u01b0\u1ee3ng n\u01b0\u1edbc sau l\u1eafp \u0111\u1eb7t \u0111\u1ea1t chu\u1ea9n <strong>Quy chu\u1ea9n Qu\u1ed1c gia v\u1ec1 n\u01b0\u1edbc sinh ho\u1ea1t <span class=\"text-swd-blue\">QCVN01:2024\/BYT<\/span><\/strong> \u0111\u01b0\u1ee3c c\u1ea5p b\u1edfi Vi\u1ec7n S\u1ee9c Kh\u1ecfe ngh\u1ec1 nghi\u1ec7p & M\u00f4i tr\u01b0\u1eddng B\u1ed9 Y T\u1ebf.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/GCN-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/GCN-F3KP.png\" alt=\"Gi\u1ea5y ch\u1ee9ng nh\u1eadn\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">Gi\u1ea5y ch\u1ee9ng nh\u1eadn<\/h4>\r\n <p class=\"text-xs text-gray-500\">Ti\u00eau chu\u1ea9n qu\u1ed1c gia<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/QD-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/QD-F3KP.png\" alt=\"Quy\u1ebft \u0111\u1ecbnh c\u1ea5p ph\u00e9p\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">Quy\u1ebft \u0111\u1ecbnh c\u1ea5p ph\u00e9p<\/h4>\r\n <p class=\"text-xs text-gray-500\">L\u01b0u h\u00e0nh thi\u1ebft b\u1ecb<\/p>\r\n <\/div>\r\n\r\n <div class=\"bg-gray-50 rounded-2xl p-6 border border-gray-100 flex flex-col items-center text-center group cursor-zoom-in shadow-sm hover:shadow-xl transition-shadow\" onclick=\"openLightbox('https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/KQTN-F3KP.png', 'img')\">\r\n <div class=\"w-full aspect-square bg-white border border-gray-200 rounded-xl mb-4 overflow-hidden relative p-4 flex items-center justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/KQTN-F3KP.png\" alt=\"K\u1ebft qu\u1ea3 th\u1eed nghi\u1ec7m\" class=\"max-w-full max-h-full object-contain\">\r\n <div class=\"absolute inset-0 bg-black\/5 opacity-0 group-hover:opacity-100 flex items-center justify-center transition-opacity\"><i class=\"fa-solid fa-magnifying-glass text-swd-blue bg-white p-3 rounded-full drop-shadow-md\"><\/i><\/div>\r\n <\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1 text-base\">K\u1ebft qu\u1ea3 th\u1eed nghi\u1ec7m<\/h4>\r\n <p class=\"text-xs text-gray-500\">Ph\u00e2n t\u00edch vi sinh & l\u00fd h\u00f3a<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div id=\"lightbox\" class=\"hidden fixed inset-0 z-[100] bg-black\/95 items-center justify-center p-4 backdrop-blur-md cursor-zoom-out\" onclick=\"closeLightbox(event)\">\r\n <span class=\"absolute top-6 right-6 text-white text-3xl hover:text-swd-cyan transition-colors cursor-pointer z-10\" onclick=\"closeLightbox(event)\"><i class=\"fa-solid fa-times pointer-events-none\"><\/i><\/span>\r\n <div id=\"lightbox-container\" class=\"relative w-full h-full flex items-center justify-center\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"fixed bottom-6 right-6 z-[90] flex flex-col gap-4\">\r\n <a href=\"https:\/\/zalo.me\/0876888886\" target=\"_blank\" class=\"w-14 h-14 bg-[#0068FF] text-white rounded-full flex items-center justify-center text-3xl shadow-[0_0_20px_rgba(0,104,255,0.5)] hover:scale-110 transition-transform relative ring-btn\">\r\n <i class=\"fa-solid fa-comment-dots text-2xl\"><\/i>\r\n <\/a>\r\n <a href=\"tel:0876888886\" class=\"w-14 h-14 bg-[#00B4DB] text-white rounded-full flex items-center justify-center text-2xl shadow-[0_0_20px_rgba(0,180,219,0.5)] hover:scale-110 transition-transform relative ring-btn\" style=\"animation-delay: 1s;\">\r\n <i class=\"fa-solid fa-phone-volume\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Gallery Logic \r\n function changeMainImage(element) {\r\n const mainImg = document.getElementById('main-img');\r\n mainImg.src = element.src;\r\n \r\n document.querySelectorAll('.thumbnail').forEach(thumb => {\r\n thumb.classList.remove('thumb-active');\r\n thumb.classList.add('thumb-inactive');\r\n });\r\n element.classList.remove('thumb-inactive');\r\n element.classList.add('thumb-active');\r\n }\r\n\r\n \/\/ Multimedia Lightbox Logic (\u1ea2nh & Video)\r\n const lightbox = document.getElementById('lightbox');\r\n const lightboxContainer = document.getElementById('lightbox-container');\r\n\r\n function openLightbox(src, type) {\r\n lightboxContainer.innerHTML = ''; \/\/ X\u00f3a n\u1ed9i dung c\u0169\r\n \r\n if(type === 'img') {\r\n const img = document.createElement('img');\r\n img.src = src;\r\n img.className = 'lightbox-content';\r\n lightboxContainer.appendChild(img);\r\n } else if (type === 'video') {\r\n const video = document.createElement('video');\r\n video.src = src;\r\n video.controls = true;\r\n video.autoplay = true;\r\n video.className = 'lightbox-content';\r\n lightboxContainer.appendChild(video);\r\n }\r\n \r\n lightbox.classList.remove('hidden');\r\n lightbox.classList.add('flex'); \r\n document.body.style.overflow = 'hidden'; \r\n }\r\n\r\n function closeLightbox(e) {\r\n if(e.target === lightbox || e.target.id === 'lightbox-container' || e.target.tagName === 'SPAN' || e.target.tagName === 'I') {\r\n const vid = lightboxContainer.querySelector('video');\r\n if(vid) vid.pause();\r\n \r\n lightbox.classList.add('hidden');\r\n lightbox.classList.remove('flex'); \r\n document.body.style.overflow = 'auto';\r\n lightboxContainer.innerHTML = '';\r\n }\r\n }\r\n\r\n \/\/ Counter Logic\r\n const counters = document.querySelectorAll('.counter');\r\n const speed = 50; \r\n let counted = false;\r\n const startCounting = () => {\r\n counters.forEach(counter => {\r\n const updateCount = () => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const inc = target \/ speed;\r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + inc);\r\n setTimeout(updateCount, 20);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateCount();\r\n });\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n if(entries[0].isIntersecting && !counted) {\r\n startCounting();\r\n counted = true;\r\n }\r\n }, { threshold: 0.5 });\r\n const warrantySection = document.querySelector('.warranty-num');\r\n if(warrantySection) observer.observe(warrantySection);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b75af38 elementor-widget elementor-widget-shortcode\" data-id=\"b75af38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">[swd_gallery]<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10ebf08 elementor-widget elementor-widget-shortcode\" data-id=\"10ebf08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"> <footer id=\"form-section\" class=\"swd-footer-wrapper\">\r\n <div class=\"swd-footer-bg-pattern\"><\/div>\r\n <div class=\"swd-container\">\r\n <div class=\"swd-form-box\">\r\n <div class=\"swd-form-top-line\"><\/div>\r\n <div class=\"swd-form-header\">\r\n <h4>\u0110\u0103ng K\u00fd T\u01b0 V\u1ea5n & Kh\u1ea3o S\u00e1t Th\u1ef1c T\u1ebf<\/h4>\r\n <p>Vui l\u00f2ng \u0111\u1ec3 l\u1ea1i th\u00f4ng tin \u0111\u1ec3 chuy\u00ean gia li\u00ean h\u1ec7<\/p>\r\n <\/div>\r\n \r\n <form id=\"swd-detail-form\" class=\"swd-form-body\">\r\n \r\n <div class=\"swd-input-group\">\r\n <select name=\"san_pham\" id=\"dt-product\" class=\"swd-input\" required>\r\n <option value=\"\" disabled selected>-- Ch\u1ecdn d\u00f2ng s\u1ea3n ph\u1ea9m quan t\u00e2m --<\/option>\r\n <option value=\"F3000A (Apartment)\">F3000A (Apartment)<\/option>\r\n <option value=\"F3000AC (Apartment+Cond)\">F3000AC (Apartment+Cond)<\/option>\r\n <option value=\"F3000P (Premium) HOT\">F3000P (Premium) HOT<\/option>\r\n <option value=\"F3000PC (Prem+Cond)\">F3000PC (Prem+Cond)<\/option>\r\n <option value=\"F3000PS (Prem+Softener)\">F3000PS (Prem+Softener)<\/option>\r\n <option value=\"R1000E (Efficient)\">R1000E (Efficient)<\/option>\r\n <option value=\"M1200E (Efficient)\">M1200E (Efficient)<\/option>\r\n <option value=\"R500I (Imperial)\">R500I (Imperial)<\/option>\r\n <option value=\"M600I (Imperial)\">M600I (Imperial)<\/option>\r\n <option value=\"R1000I (Imperial)\">R1000I (Imperial)<\/option>\r\n <option value=\"M1300I (Imperial)\">M1300I (Imperial)<\/option>\r\n <option value=\"R1000S (Signature)\">R1000S (Signature)<\/option>\r\n <option value=\"M1300S (Signature)\">M1300S (Signature)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"swd-input-group\">\r\n <input type=\"text\" name=\"ho_ten\" id=\"dt-name\" placeholder=\"H\u1ecd v\u00e0 t\u00ean c\u1ee7a b\u1ea1n *\" class=\"swd-input\" required>\r\n <\/div>\r\n \r\n <div class=\"swd-input-group\">\r\n <input type=\"tel\" name=\"so_dien_thoai\" id=\"dt-phone\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i li\u00ean h\u1ec7 *\" class=\"swd-input\" required>\r\n <p id=\"dt-phone-error\" class=\"swd-error-msg\">Vui l\u00f2ng nh\u1eadp \u0111\u00fang s\u1ed1 \u0111i\u1ec7n tho\u1ea1i Vi\u1ec7t Nam.<\/p>\r\n <\/div>\r\n\r\n <div class=\"swd-input-group\">\r\n <textarea name=\"ghi_chu\" id=\"dt-note\" class=\"swd-input swd-textarea\" placeholder=\"Ghi ch\u00fa th\u00eam (Vd: Kh\u1ea3o s\u00e1t \u1edf chung c\u01b0 Vinhomes...)\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"dt-submit-btn\" class=\"swd-submit-btn\">\r\n <span class=\"btn-text\">X\u00c1C NH\u1eacN Y\u00caU C\u1ea6U<\/span>\r\n <span class=\"btn-loading\" style=\"display: none;\">\u0110ang g\u1eedi d\u1eef li\u1ec7u...<\/span>\r\n <\/button>\r\n \r\n <div id=\"dt-success-msg\" class=\"swd-success-msg\" style=\"display: none;\">\r\n Tuy\u1ec7t v\u1eddi! Y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c g\u1eedi. Chuy\u00ean gia SWD s\u1ebd li\u00ean h\u1ec7 l\u1ea1i ngay trong \u00edt ph\u00fat!\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n \r\n <div class=\"swd-footer-bottom\">\r\n <p>© 2026 SWD. All rights reserved.<\/p>\r\n <div class=\"swd-socials\">\r\n <a href=\"https:\/\/facebook.com\/\" target=\"_blank\">Facebook<\/a>\r\n <a href=\"https:\/\/youtube.com\/\" target=\"_blank\">Youtube<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <style>\r\n .swd-footer-wrapper { background-color: #00142b; padding: 60px 0 40px 0; border-top: 4px solid #00B4DB; position: relative; font-family: Arial, sans-serif; }\r\n .swd-footer-bg-pattern { position: absolute; inset: 0; opacity: 0.1; pointer-events: none; background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M0 0h40v40H0V0zm20 20h20v20H20V20zM0 20h20v20H0V20z' fill='%2300b4db' fill-opacity='0.05' fill-rule='evenodd'\/%3E%3C\/svg%3E\"); }\r\n .swd-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; position: relative; z-index: 10; }\r\n \r\n .swd-form-box { background: linear-gradient(to bottom, #001f3f, #00142b); padding: 40px; border-radius: 24px; border: 1px solid rgba(0,180,219,0.2); box-shadow: 0 10px 40px rgba(0,0,0,0.5); max-width: 700px; margin: 0 auto 40px auto; position: relative; overflow: hidden; }\r\n .swd-form-top-line { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #00B4DB, #0068FF); }\r\n \r\n .swd-form-header { text-align: center; margin-bottom: 30px; }\r\n .swd-form-header h4 { font-size: 26px; color: #fff; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px;}\r\n .swd-form-header p { color: #00B4DB; font-size: 15px; margin: 0; }\r\n \r\n .swd-form-body { display: flex; flex-direction: column; gap: 18px; max-width: 600px; margin: 0 auto; }\r\n .swd-input-group { position: relative; width: 100%; }\r\n \r\n .swd-input { width: 100%; background: #0a192f; border: 1px solid #374151; border-radius: 12px; padding: 15px 18px; color: #fff; font-size: 15px; outline: none; transition: all 0.3s; box-sizing: border-box; }\r\n .swd-input::placeholder { color: #6b7280; }\r\n .swd-input:focus { border-color: #00B4DB; box-shadow: 0 0 12px rgba(0,180,219,0.2); }\r\n\r\n select.swd-input {\r\n appearance: none; cursor: pointer;\r\n background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300b4db%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E\");\r\n background-repeat: no-repeat; background-position: right 18px center; background-size: 12px;\r\n }\r\n select.swd-input option { background: #0a192f; color: #fff; padding: 10px; }\r\n .swd-textarea { resize: vertical; min-height: 120px; font-family: inherit; }\r\n \r\n .swd-input.input-error { border-color: #ef4444; background: #2a1111; }\r\n .swd-error-msg { color: #ef4444; font-size: 13px; margin: 6px 0 0 6px; display: none; font-style: italic; }\r\n \r\n .swd-submit-btn {\r\n background: linear-gradient(to right, #00B4DB, #0068FF); color: #fff; border: none; border-radius: 12px; padding: 16px; font-size: 17px; font-weight: bold; cursor: pointer; transition: all 0.3s; box-shadow: 0 5px 20px rgba(0,180,219,0.3); margin-top: 5px; width: 100%; display: flex; align-items: center; justify-content: center; letter-spacing: 1px;\r\n }\r\n .swd-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,180,219,0.5); }\r\n .swd-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }\r\n \r\n .swd-success-msg { background: rgba(16, 185, 129, 0.1); border: 1px solid #10b981; color: #10b981; padding: 15px; border-radius: 12px; font-size: 15px; text-align: center; margin-top: 15px; display: none; font-weight: bold; }\r\n\r\n .swd-footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 25px; display: flex; justify-content: space-between; align-items: center; color: #6b7280; font-size: 14px; max-width: 800px; margin: 0 auto; }\r\n .swd-socials { display: flex; gap: 20px; }\r\n .swd-socials a { color: #6b7280; font-size: 14px; transition: 0.3s; text-decoration: none; font-weight: bold; text-transform: uppercase;}\r\n .swd-socials a:hover { color: #00B4DB; }\r\n\r\n @media (max-width: 767px) {\r\n .swd-form-box { padding: 25px 20px; }\r\n .swd-footer-bottom { flex-direction: column; gap: 15px; text-align: center; }\r\n .swd-form-header h4 { font-size: 22px; }\r\n }\r\n <\/style>\r\n\r\n \r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n \r\n \/\/ \u0110\u00c3 \u0110I\u1ec0N S\u1eb4N LINK C\u1ee6A B\u1ea0N V\u00c0O \u0110\u00c2Y\r\n const GOOGLE_SHEET_WEBAPP_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbwNYs77f-dJASA07BSlkYiwKG8dwXaA81tyCXzLVu0cV8nUTVBQaSRonqVo8TqDvDkSDg\/exec\"; \r\n \r\n const form = document.getElementById('swd-detail-form');\r\n const phoneInput = document.getElementById('dt-phone');\r\n const phoneError = document.getElementById('dt-phone-error');\r\n const submitBtn = document.getElementById('dt-submit-btn');\r\n const btnText = submitBtn.querySelector('.btn-text');\r\n const btnLoading = submitBtn.querySelector('.btn-loading');\r\n const successMsg = document.getElementById('dt-success-msg');\r\n\r\n function validatePhone(phone) {\r\n const regex = \/^(0)(3|5|7|8|9)([0-9]{8})$\/;\r\n return regex.test(phone.trim());\r\n }\r\n\r\n phoneInput.addEventListener('input', function() {\r\n this.classList.remove('input-error');\r\n phoneError.style.display = 'none';\r\n });\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n if (!validatePhone(phoneInput.value)) {\r\n phoneInput.classList.add('input-error');\r\n phoneError.style.display = 'block';\r\n phoneInput.focus();\r\n return;\r\n }\r\n\r\n submitBtn.disabled = true;\r\n btnText.style.display = 'none';\r\n btnLoading.style.display = 'inline-block';\r\n successMsg.style.display = 'none';\r\n\r\n \/\/ D\u00f9ng URLSearchParams (Ph\u01b0\u01a1ng \u00e1n g\u1eedi t\u01b0\u01a1ng th\u00edch 100% v\u1edbi Google Apps Script)\r\n var formData = new FormData(form);\r\n var searchParams = new URLSearchParams(formData);\r\n\r\n fetch(GOOGLE_SHEET_WEBAPP_URL, {\r\n method: 'POST',\r\n mode: 'no-cors',\r\n headers: {\r\n 'Content-Type': 'application\/x-www-form-urlencoded'\r\n },\r\n body: searchParams\r\n })\r\n .then(() => {\r\n submitBtn.disabled = false;\r\n btnText.style.display = 'inline-block';\r\n btnLoading.style.display = 'none';\r\n \r\n successMsg.style.display = 'block';\r\n form.reset();\r\n setTimeout(() => { successMsg.style.display = 'none'; }, 5000);\r\n })\r\n .catch(error => {\r\n alert('C\u00f3 l\u1ed7i m\u1ea1ng x\u1ea3y ra. Vui l\u00f2ng g\u1ecdi \u0111i\u1ec7n tr\u1ef1c ti\u1ebfp.');\r\n submitBtn.disabled = false;\r\n btnText.style.display = 'inline-block';\r\n btnLoading.style.display = 'none';\r\n });\r\n });\r\n });\r\n <\/script>\r\n <\/div>\n\t\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>M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC (Premium + Cond) – SWD SWD V\u1ec1 trang ch\u1ee7 Trang ch\u1ee7 Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9 F3000PC (Prem+Cond) M\u00e3 c\u0169: F-MD1000PC Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 (All-in-one) M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000PC Phi\u00ean b\u1ea3n Premium + Cond (Ch\u1ecbu nhi\u1ec7t \u0111\u1ed9 cao & X\u1eed l\u00fd kim lo\u1ea1i) Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":7,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":417,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/417"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}