M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000A (Apartment) - 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 .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\">F3000A (Apartment)<\/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 <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: F3000E<\/div>\r\n <img decoding=\"async\" id=\"main-img\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000A.png\" alt=\"F3000A Apartment\" 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 <\/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\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 F3000A<\/h1>\r\n <p class=\"text-xl text-gray-500 font-medium mb-6\">Phi\u00ean b\u1ea3n Apartment (Gi\u1ea3i ph\u00e1p l\u1ecdc t\u1ed5ng ti\u00eau chu\u1ea9n)<\/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\">10.235.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\">Gi\u1ea3i ph\u00e1p ho\u00e0n h\u1ea3o cho c\u00e1c c\u0103n h\u1ed9 chung c\u01b0 s\u1eed d\u1ee5ng ngu\u1ed3n n\u01b0\u1edbc m\u00e1y, n\u01b0\u1edbc th\u1ee7y c\u1ee5c. <strong>F3000A<\/strong> mang thi\u1ebft k\u1ebf hi\u1ec7n \u0111\u1ea1i, gi\u1ea3i quy\u1ebft tri\u1ec7t \u0111\u1ec3 c\u00e1c h\u1ea1n ch\u1ebf c\u1ee7a kh\u00f4ng gian s\u1ed1ng, \u0111\u1ed3ng th\u1eddi s\u1edf h\u1eefu hi\u1ec7u n\u0103ng m\u1ea1nh m\u1ebd v\u01b0\u1ee3t tr\u1ed9i.<\/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> Ti\u1ebft ki\u1ec7m kh\u00f4ng gian<\/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 <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> Tu\u1ed5i th\u1ecd m\u00e0ng > 3 n\u0103m<\/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 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 trong 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-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 l\u1ecdc 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-gears text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">V\u1eadn H\u00e0nh T\u1ef1 \u0110\u1ed9ng<\/h4>\r\n <p class=\"text-xs text-gray-600\">M\u00e1y \u0111\u01b0\u1ee3c trang b\u1ecb t\u00ednh n\u0103ng t\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng l\u1ecdc, gi\u00fap n\u00e2ng cao tu\u1ed5i th\u1ecd m\u00e0ng l\u00ean t\u1edbi > 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 <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-4 rounded-xl bg-gradient-to-r from-swd-cyan to-blue-600 text-white font-bold text-base shadow-[0_0_20px_rgba(0,180,219,0.3)] hover:scale-105 transition-transform uppercase tracking-wider\">\r\n \u0110\u0103ng K\u00fd Kh\u1ea3o S\u00e1t\r\n <\/button>\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\">F3000A (Apartment)<\/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 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\">PVC<\/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\">Ghi s\u00e1ng<\/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\">N\u01b0\u1edbc sinh ho\u1ea1t: 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=\"1\">1<\/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=\"12\">12<\/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 \r\n\r\n \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 - Ch\u1ec9 c\u00f3 1 \u1ea3nh ch\u00ednh n\u00ean b\u1ecf logic \u0111\u1ed5i \u1ea3nh Thumbnail\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\r\n \/\/ \u0110\u00e3 g\u1ee1 b\u1ecf logic Form Submit \u1edf \u0111\u00e2y v\u00e0 chuy\u1ec3n qua b\u00ean d\u01b0\u1edbi (File Footer)\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-eb3bf85 elementor-widget elementor-widget-shortcode\" data-id=\"eb3bf85\" 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]\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fe8c34 e-con-full e-flex e-con e-parent\" data-id=\"8fe8c34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72eadf7 elementor-widget elementor-widget-shortcode\" data-id=\"72eadf7\" 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 \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 F3000A (Apartment) – SWD SWD V\u1ec1 trang ch\u1ee7 Trang ch\u1ee7 Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9 F3000A (Apartment) M\u00e3 c\u0169: F3000E Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000A Phi\u00ean b\u1ea3n Apartment (Gi\u1ea3i ph\u00e1p l\u1ecdc t\u1ed5ng ti\u00eau chu\u1ea9n) Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m VAT) 10.235.000 VN\u0110 Mi\u1ec5n ph\u00ed l\u1eafp \u0111\u1eb7t n\u1ed9i […]<\/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-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112","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=112"}],"version-history":[{"count":25,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112\/revisions\/401"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=112"}],"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 F3000A (Apartment) - 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 .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\">F3000A (Apartment)<\/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 <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: F3000E<\/div>\r\n <img decoding=\"async\" id=\"main-img\" src=\"https:\/\/swd-locnuoc.vn\/wp-content\/uploads\/2026\/06\/F3000A.png\" alt=\"F3000A Apartment\" 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 <\/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\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 F3000A<\/h1>\r\n <p class=\"text-xl text-gray-500 font-medium mb-6\">Phi\u00ean b\u1ea3n Apartment (Gi\u1ea3i ph\u00e1p l\u1ecdc t\u1ed5ng ti\u00eau chu\u1ea9n)<\/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\">10.235.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\">Gi\u1ea3i ph\u00e1p ho\u00e0n h\u1ea3o cho c\u00e1c c\u0103n h\u1ed9 chung c\u01b0 s\u1eed d\u1ee5ng ngu\u1ed3n n\u01b0\u1edbc m\u00e1y, n\u01b0\u1edbc th\u1ee7y c\u1ee5c. <strong>F3000A<\/strong> mang thi\u1ebft k\u1ebf hi\u1ec7n \u0111\u1ea1i, gi\u1ea3i quy\u1ebft tri\u1ec7t \u0111\u1ec3 c\u00e1c h\u1ea1n ch\u1ebf c\u1ee7a kh\u00f4ng gian s\u1ed1ng, \u0111\u1ed3ng th\u1eddi s\u1edf h\u1eefu hi\u1ec7u n\u0103ng m\u1ea1nh m\u1ebd v\u01b0\u1ee3t tr\u1ed9i.<\/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> Ti\u1ebft ki\u1ec7m kh\u00f4ng gian<\/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 <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> Tu\u1ed5i th\u1ecd m\u00e0ng > 3 n\u0103m<\/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 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 trong 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-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 l\u1ecdc 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-gears text-lg\"><\/i><\/div>\r\n <h4 class=\"font-bold text-swd-blue mb-1\">V\u1eadn H\u00e0nh T\u1ef1 \u0110\u1ed9ng<\/h4>\r\n <p class=\"text-xs text-gray-600\">M\u00e1y \u0111\u01b0\u1ee3c trang b\u1ecb t\u00ednh n\u0103ng t\u1ef1 \u0111\u1ed9ng v\u1ec7 sinh m\u00e0ng l\u1ecdc, gi\u00fap n\u00e2ng cao tu\u1ed5i th\u1ecd m\u00e0ng l\u00ean t\u1edbi > 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 <button onclick=\"document.getElementById('form-section').scrollIntoView({behavior: 'smooth'})\" class=\"flex-1 py-4 rounded-xl bg-gradient-to-r from-swd-cyan to-blue-600 text-white font-bold text-base shadow-[0_0_20px_rgba(0,180,219,0.3)] hover:scale-105 transition-transform uppercase tracking-wider\">\r\n \u0110\u0103ng K\u00fd Kh\u1ea3o S\u00e1t\r\n <\/button>\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\">F3000A (Apartment)<\/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 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\">PVC<\/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\">Ghi s\u00e1ng<\/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\">N\u01b0\u1edbc sinh ho\u1ea1t: 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=\"1\">1<\/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=\"12\">12<\/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 \r\n\r\n \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 - Ch\u1ec9 c\u00f3 1 \u1ea3nh ch\u00ednh n\u00ean b\u1ecf logic \u0111\u1ed5i \u1ea3nh Thumbnail\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\r\n \/\/ \u0110\u00e3 g\u1ee1 b\u1ecf logic Form Submit \u1edf \u0111\u00e2y v\u00e0 chuy\u1ec3n qua b\u00ean d\u01b0\u1edbi (File Footer)\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-eb3bf85 elementor-widget elementor-widget-shortcode\" data-id=\"eb3bf85\" 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]\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fe8c34 e-con-full e-flex e-con e-parent\" data-id=\"8fe8c34\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72eadf7 elementor-widget elementor-widget-shortcode\" data-id=\"72eadf7\" 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 \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 F3000A (Apartment) – SWD SWD V\u1ec1 trang ch\u1ee7 Trang ch\u1ee7 Gi\u1ea3i Ph\u00e1p C\u0103n H\u1ed9 F3000A (Apartment) M\u00e3 c\u0169: F3000E Ph\u00e2n kh\u00fac C\u0103n H\u1ed9 M\u00e1y L\u1ecdc N\u01b0\u1edbc T\u1ed5ng F3000A Phi\u00ean b\u1ea3n Apartment (Gi\u1ea3i ph\u00e1p l\u1ecdc t\u1ed5ng ti\u00eau chu\u1ea9n) Gi\u00e1 ni\u00eam y\u1ebft (\u0110\u00e3 bao g\u1ed3m VAT) 10.235.000 VN\u0110 Mi\u1ec5n ph\u00ed l\u1eafp \u0111\u1eb7t n\u1ed9i […]<\/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-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112","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=112"}],"version-history":[{"count":25,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":401,"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/pages\/112\/revisions\/401"}],"wp:attachment":[{"href":"https:\/\/swd-locnuoc.vn\/index.php\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}