Trendz Mattress<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #4169e1;\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n background-color: #4169e1;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 20px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n \/* ===== SCROLLED STATE \u2014 same #4169e1 blue ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n box-shadow: 0 4px 30px rgba(29, 55, 119, 0.5);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* Top Bar *\/\r\n .top-bar {\r\n background-color: #4169e1;\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n max-height: 50px;\r\n }\r\n\r\n .header.scrolled .top-bar {\r\n max-height: 0;\r\n padding: 0;\r\n border: none;\r\n opacity: 0;\r\n }\r\n\r\n .top-bar-content {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-left {\r\n display: flex;\r\n gap: 25px;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 12px;\r\n font-weight: 400;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .top-bar-item svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .top-bar-right {\r\n display: flex;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== SOCIAL ICON \u2014 now an anchor ===== *\/\r\n .social-icon {\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.08);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n\r\n .social-icon:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .social-icon svg {\r\n width: 13px;\r\n height: 13px;\r\n fill: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Main Header *\/\r\n .header-main {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n color: #4169e1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .header.scrolled .header-main {\r\n height: 62px;\r\n color: #4169e1;\r\n }\r\n\r\n \/* Logo *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n z-index: 1001;\r\n animation: fadeInLeft 0.8s ease forwards;\r\n }\r\n\r\n .logo-img {\r\n height: 42px;\r\n width: 140px;\r\n transition: all 0.4s ease;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n }\r\n\r\n .header.scrolled .logo-img {\r\n height: 19px;\r\n }\r\n\r\n \/* Navigation *\/\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .nav-list {\r\n display: flex;\r\n list-style: none;\r\n gap: 5px;\r\n align-items: center;\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease forwards;\r\n }\r\n\r\n .nav-item:nth-child(1) { animation-delay: 0.1s; }\r\n .nav-item:nth-child(2) { animation-delay: 0.2s; }\r\n .nav-item:nth-child(3) { animation-delay: 0.3s; }\r\n .nav-item:nth-child(4) { animation-delay: 0.4s; }\r\n .nav-item:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n .nav-link {\r\n display: block;\r\n padding: 10px 20px;\r\n color: rgba(255, 255, 255, 0.85);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n border-radius: 4px;\r\n }\r\n\r\n .nav-link::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-radius: 2px;\r\n }\r\n\r\n .nav-link:hover { color: #ffffff; }\r\n .nav-link:hover::before { width: 60%; }\r\n .nav-link.active { color: #ffffff; }\r\n .nav-link.active::before { width: 60%; }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 4px;\r\n background: rgba(255, 255, 255, 0);\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* CTA Button *\/\r\n .nav-cta {\r\n margin-left: 15px;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease 0.6s forwards;\r\n }\r\n\r\n .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 28px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(29, 55, 119, 0.08);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s ease, height 0.6s ease;\r\n }\r\n\r\n .cta-btn:hover::before { width: 300px; height: 300px; }\r\n .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2); }\r\n\r\n .cta-btn svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cta-btn:hover svg { transform: translateX(3px); }\r\n\r\n \/* Hamburger Menu *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 45px;\r\n height: 45px;\r\n cursor: pointer;\r\n z-index: 1001;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger:hover { background: rgba(255, 255, 255, 0.15); }\r\n\r\n .hamburger-line {\r\n width: 22px;\r\n height: 2px;\r\n background-color: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n\r\n .hamburger-line:nth-child(1) { transform: translateY(-4px); }\r\n .hamburger-line:nth-child(2) { width: 16px; }\r\n .hamburger-line:nth-child(3) { transform: translateY(4px); }\r\n\r\n .hamburger.active .hamburger-line:nth-child(1) { transform: translateY(2px) rotate(45deg); }\r\n .hamburger.active .hamburger-line:nth-child(2) { opacity: 0; width: 0; }\r\n .hamburger.active .hamburger-line:nth-child(3) { transform: translateY(-2px) rotate(-45deg); }\r\n\r\n \/* Mobile Overlay *\/\r\n .mobile-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .mobile-overlay.active { opacity: 1; }\r\n\r\n \/* Decorative Line *\/\r\n .header-line {\r\n height: 3px;\r\n background: linear-gradient(90deg,\r\n #1D3777 0%,\r\n #2a4fa0 20%,\r\n #ffffff 50%,\r\n #2a4fa0 80%,\r\n #1D3777 100%\r\n );\r\n background-size: 200% 100%;\r\n animation: shimmer 3s ease infinite;\r\n }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInLeft {\r\n from { opacity: 0; transform: translateX(-20px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { background-position: -200% 0; }\r\n 100% { background-position: 200% 0; }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from { opacity: 0; transform: translateX(30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ===== RESPONSIVE - TABLET ===== *\/\r\n @media (max-width: 1024px) {\r\n .header-main { padding: 0 30px; }\r\n .nav-link { padding: 10px 14px; font-size: 12px; }\r\n .cta-btn { padding: 10px 22px; font-size: 11px; }\r\n .top-bar-content { padding: 0 30px; }\r\n .logo-img { height: 20px; }\r\n .header.scrolled .logo-img { height: 17px; }\r\n }\r\n\r\n \/* ===== RESPONSIVE - MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n .top-bar { display: none; }\r\n\r\n .header-main { padding: 0 20px; height: 65px; }\r\n .header.scrolled .header-main { height: 58px; }\r\n\r\n \/* ===== MOBILE: keep same blue when scrolled ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n }\r\n\r\n .logo-img { height: 18px; }\r\n .header.scrolled .logo-img { height: 16px; }\r\n\r\n .hamburger { display: flex; }\r\n\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 320px;\r\n max-width: 85vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, #4169e1 0%, #3258c9 50%, #2a4fa0 100%);\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n padding: 100px 30px 40px;\r\n transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 1000;\r\n box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);\r\n overflow-y: auto;\r\n }\r\n\r\n .nav.active { right: 0; }\r\n\r\n .nav-list { flex-direction: column; gap: 0; width: 100%; }\r\n\r\n .nav-item {\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .nav.active .nav-item { animation: slideInRight 0.5s ease forwards; }\r\n .nav.active .nav-item:nth-child(1) { animation-delay: 0.15s; }\r\n .nav.active .nav-item:nth-child(2) { animation-delay: 0.25s; }\r\n .nav.active .nav-item:nth-child(3) { animation-delay: 0.35s; }\r\n .nav.active .nav-item:nth-child(4) { animation-delay: 0.45s; }\r\n .nav.active .nav-item:nth-child(5) { animation-delay: 0.55s; }\r\n\r\n .nav-link {\r\n padding: 18px 10px;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 0;\r\n }\r\n\r\n .nav-link::before { display: none; }\r\n\r\n .nav-link::after {\r\n content: '\u2192';\r\n font-size: 16px;\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n transition: all 0.3s ease;\r\n position: static;\r\n background: none;\r\n }\r\n\r\n .nav-link:hover::after { opacity: 0.5; transform: translateX(0); background: none; }\r\n\r\n .nav-cta {\r\n margin-left: 0;\r\n margin-top: 30px;\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n .nav.active .nav-cta { animation: slideInRight 0.5s ease 0.65s forwards; }\r\n\r\n .cta-btn { justify-content: center; width: 100%; padding: 16px 28px; font-size: 13px; }\r\n\r\n .mobile-nav-footer {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: auto;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n width: 100%;\r\n opacity: 0;\r\n }\r\n\r\n .nav.active .mobile-nav-footer { animation: slideInRight 0.5s ease 0.75s forwards; }\r\n\r\n .mobile-contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .mobile-contact-item svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-social { display: flex; gap: 12px; margin-top: 10px; }\r\n .mobile-social .social-icon { width: 38px; height: 38px; }\r\n .mobile-social .social-icon svg { width: 16px; height: 16px; }\r\n\r\n .mobile-overlay { display: block; pointer-events: none; }\r\n .mobile-overlay.active { pointer-events: all; }\r\n .mobile-nav-footer { display: flex; }\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .mobile-nav-footer { display: none !important; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .header-main { padding: 0 15px; height: 60px; }\r\n .header.scrolled .header-main { height: 54px; }\r\n .logo-img { height: 16px; }\r\n .header.scrolled .logo-img { height: 14px; }\r\n .nav { width: 100%; max-width: 100vw; padding: 90px 25px 30px; }\r\n .hamburger { width: 40px; height: 40px; }\r\n .hamburger-line { width: 20px; }\r\n }\r\n\r\n \/* ===== DEMO CONTENT ===== *\/\r\n .demo-content {\r\n margin-top: 130px;\r\n padding: 60px 40px;\r\n max-width: 1300px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .demo-content h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #1D3777;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .demo-content p {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #666;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .demo-spacer { height: 1500px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"header\" id=\"header\">\r\n\r\n \r\n <div class=\"top-bar\">\r\n <div class=\"top-bar-content\">\r\n <div class=\"top-bar-left\">\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"top-bar-right\">\r\n \r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.07-.11-.22-.16-.47-.28z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"header-main\">\r\n\r\n \r\n <a href=\"#\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\" alt=\"Trendz Mattress\" class=\"logo-img\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\r\n <div style=\"display:none; align-items:center; gap:10px;\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 100 100\" fill=\"none\">\r\n <rect x=\"5\" y=\"35\" width=\"90\" height=\"40\" rx=\"8\" fill=\"white\" opacity=\"0.9\"\/>\r\n <rect x=\"10\" y=\"30\" width=\"80\" height=\"12\" rx=\"6\" fill=\"white\" opacity=\"0.6\"\/>\r\n <rect x=\"15\" y=\"65\" width=\"70\" height=\"8\" rx=\"4\" fill=\"white\" opacity=\"0.3\"\/>\r\n <circle cx=\"30\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"50\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"70\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"nav\" id=\"nav\">\r\n <ul class=\"nav-list\">\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"nav-link active\">Home<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"nav-link\">About Us<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"nav-link\">Products<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"nav-link\">Blog<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"nav-link\">Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"nav-cta\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"cta-btn\">\r\n <span>Get Quote<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-nav-footer\">\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <div class=\"mobile-social\">\r\n \r\n <a href=\"https:\/\/www.facebook.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\" role=\"button\" tabindex=\"0\">\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n \r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n \r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const nav = document.getElementById('nav');\r\n const overlay = document.getElementById('mobileOverlay');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n const body = document.body;\r\n\r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n nav.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n body.style.overflow = nav.classList.contains('active') ? 'hidden' : '';\r\n }\r\n\r\n function closeMenu() {\r\n hamburger.classList.remove('active');\r\n nav.classList.remove('active');\r\n overlay.classList.remove('active');\r\n body.style.overflow = '';\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n overlay.addEventListener('click', closeMenu);\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n closeMenu();\r\n navLinks.forEach(l => l.classList.remove('active'));\r\n link.classList.add('active');\r\n });\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') closeMenu();\r\n });\r\n\r\n const header = document.getElementById('header');\r\n let ticking = false;\r\n\r\n function updateHeader() {\r\n header.classList.toggle('scrolled', window.scrollY > 50);\r\n ticking = false;\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateHeader);\r\n ticking = true;\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) closeMenu();\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67172ad e-con-full e-flex e-con e-parent\" data-id=\"67172ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ccf8b7 elementor-widget elementor-widget-html\" data-id=\"5ccf8b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== GET IN TOUCH SECTION - COMPACT =====\r\n ============================================ *\/\r\n .contact-section {\r\n position: relative;\r\n padding: 80px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Background *\/\r\n .contact-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 30%, rgba(29,55,119,0.025) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 70%, rgba(168,192,255,0.03) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .contact-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Section Header ===== *\/\r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: 45px;\r\n }\r\n\r\n .contact-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 20px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .contact-badge svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n }\r\n\r\n .contact-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .contact-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .contact-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .contact-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 3px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 3px;\r\n z-index: -1;\r\n }\r\n\r\n .contact-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.7;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Main Layout ===== *\/\r\n .contact-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 45px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== Left - Contact Details ===== *\/\r\n .contact-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .contact-intro {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-intro-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #6a7a95;\r\n line-height: 1.75;\r\n }\r\n\r\n \/* Contact Items *\/\r\n .contact-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(29,55,119,0.06);\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .contact-item:first-child {\r\n padding-top: 0;\r\n }\r\n\r\n .contact-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Icon Container *\/\r\n .contact-icon {\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n border-radius: 13px;\r\n background: rgba(29,55,119,0.05);\r\n border: 1px solid rgba(29,55,119,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .contact-item:hover .contact-icon {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: scale(1.08) rotate(-5deg);\r\n box-shadow: 0 6px 20px rgba(29,55,119,0.2);\r\n }\r\n\r\n .contact-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .contact-item:hover .contact-icon svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* Contact Info *\/\r\n .contact-info {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .contact-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(29,55,119,0.5);\r\n }\r\n\r\n .contact-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n line-height: 1.5;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n a.contact-value:hover {\r\n color: #2a4fa0;\r\n }\r\n\r\n .contact-value-sub {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Social Icons Row *\/\r\n .contact-social {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 26px;\r\n padding-top: 22px;\r\n border-top: 1px solid rgba(29,55,119,0.06);\r\n }\r\n\r\n .contact-social-link {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n\r\n .contact-social-link:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(29,55,119,0.2);\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .contact-social-link:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ===== Right - Image ===== *\/\r\n .contact-image-block {\r\n position: relative;\r\n height: 100%;\r\n min-height: 420px;\r\n }\r\n\r\n .contact-image-main {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 50px rgba(29,55,119,0.1);\r\n position: relative;\r\n }\r\n\r\n .contact-image-main img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .contact-image-main:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Corner Frame *\/\r\n .contact-image-frame {\r\n position: absolute;\r\n bottom: -12px;\r\n right: -12px;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 2px solid rgba(29,55,119,0.1);\r\n border-right: 2px solid rgba(29,55,119,0.1);\r\n border-radius: 0 0 20px 0;\r\n z-index: 0;\r\n }\r\n\r\n \/* Floating Badge *\/\r\n .contact-badge-float {\r\n position: absolute;\r\n top: -14px;\r\n left: -14px;\r\n background: linear-gradient(135deg, #1D3777, #2a4fa0);\r\n border: 3px solid #ffffff;\r\n border-radius: 16px;\r\n padding: 16px 20px;\r\n box-shadow: 0 10px 30px rgba(29,55,119,0.2);\r\n z-index: 2;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .contact-badge-float:hover {\r\n transform: translateY(-4px) rotate(-3deg);\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n background: rgba(255,255,255,0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 10px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: #ffffff;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.7);\r\n text-align: center;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .contact-section {\r\n padding: 65px 30px;\r\n }\r\n\r\n .contact-header {\r\n margin-bottom: 38px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 32px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-layout {\r\n gap: 38px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 20px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-item {\r\n padding: 16px 0;\r\n gap: 14px;\r\n }\r\n\r\n .contact-icon {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 380px;\r\n }\r\n\r\n .contact-badge-float {\r\n padding: 14px 18px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .contact-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .contact-header {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .contact-badge {\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .contact-badge span {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 28px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-layout {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .contact-intro {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 20px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-item {\r\n padding: 16px 0;\r\n gap: 14px;\r\n }\r\n\r\n .contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-label {\r\n font-size: 9px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-social {\r\n margin-top: 22px;\r\n padding-top: 20px;\r\n }\r\n\r\n .contact-social-link {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 11px;\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 320px;\r\n max-width: 480px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-image-main {\r\n border-radius: 18px;\r\n }\r\n\r\n .contact-image-frame {\r\n width: 80px;\r\n height: 80px;\r\n bottom: -10px;\r\n right: -10px;\r\n border-radius: 0 0 18px 0;\r\n }\r\n\r\n .contact-badge-float {\r\n top: -12px;\r\n left: -12px;\r\n padding: 14px 16px;\r\n border-radius: 14px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 34px;\r\n height: 34px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-size: 8px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .contact-section {\r\n padding: 45px 16px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 24px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 18px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-item {\r\n padding: 14px 0;\r\n gap: 12px;\r\n }\r\n\r\n .contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n border-radius: 11px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-label {\r\n font-size: 8px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 10px;\r\n }\r\n\r\n .contact-social {\r\n gap: 8px;\r\n }\r\n\r\n .contact-social-link {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 280px;\r\n }\r\n\r\n .contact-badge-float {\r\n top: -10px;\r\n left: -10px;\r\n padding: 12px 14px;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 32px;\r\n height: 32px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-size: 8px;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 11px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-container\">\r\n\r\n \r\n <div class=\"contact-header\">\r\n <div class=\"contact-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>Contact Us<\/span>\r\n <\/div>\r\n <h2 class=\"contact-title\">Get In <span>Touch<\/span><\/h2>\r\n <p class=\"contact-subtitle\">\r\n Visit our showroom, give us a call, or drop by \u2014 we're here to help you find the perfect comfort solution.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-layout\">\r\n\r\n \r\n <div class=\"contact-details\">\r\n\r\n <div class=\"contact-intro\">\r\n <h3 class=\"contact-intro-title\">Let's Talk Comfort<\/h3>\r\n <p class=\"contact-intro-text\">\r\n Whether you're furnishing a home or planning a large-scale project, \r\n our team is ready to assist you with expert guidance.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-items\">\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Our Showroom<\/div>\r\n <div class=\"contact-value\">Karama, Dubai<\/div>\r\n <div class=\"contact-value-sub\">United Arab Emirates<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Call Us<\/div>\r\n <a href=\"tel:+971504693914\" class=\"contact-value\">+971 50 469 3914<\/a>\r\n <div class=\"contact-value-sub\">Mon \u2013 Sun, 10 AM \u2013 10 PM<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Email Us<\/div>\r\n <a href=\"mailto:info@trendzuae.com\" class=\"contact-value\">info@trendzuae.com<\/a>\r\n <div class=\"contact-value-sub\">We reply within 24 hours<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Business Hours<\/div>\r\n <div class=\"contact-value\">Monday \u2013 Sunday<\/div>\r\n <div class=\"contact-value-sub\">10 AM \u2013 10 PM <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-social\">\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-image-block\">\r\n <div class=\"contact-image-frame\"><\/div>\r\n <div class=\"contact-badge-float\">\r\n <div class=\"contact-badge-float-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-badge-float-text\">Available<\/div>\r\n <div class=\"contact-badge-float-value\">Mon \u2013 Sun<\/div>\r\n <\/div>\r\n <div class=\"contact-image-main\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Mattresses.jpg\" alt=\"Trendz Mattress Showroom\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2041700 e-con-full e-flex e-con e-parent\" data-id=\"2041700\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a905cde elementor-widget elementor-widget-html\" data-id=\"a905cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== ENQUIRY FORM SECTION =====\r\n ============================================ *\/\r\n .enquiry-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .enquiry-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 20% 50%, rgba(29,55,119,0.025) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 30%, rgba(168,192,255,0.03) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .enquiry-container {\r\n max-width: 620px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Header ===== *\/\r\n .enquiry-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .enquiry-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 20px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .enquiry-badge svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n }\r\n\r\n .enquiry-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .enquiry-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .enquiry-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 3px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 3px;\r\n z-index: -1;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.7;\r\n max-width: 460px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Form Card ===== *\/\r\n .enquiry-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 40px 36px;\r\n box-shadow: 0 8px 45px rgba(29,55,119,0.07);\r\n border: 1px solid rgba(29,55,119,0.06);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .enquiry-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, #1D3777, #2a4fa0, #4a6fd4);\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* ===== Form Grid ===== *\/\r\n .enquiry-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .enquiry-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .enquiry-group {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .enquiry-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(29,55,119,0.55);\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .enquiry-label .req {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: #e74c3c;\r\n display: inline-block;\r\n }\r\n\r\n \/* ===== Inputs ===== *\/\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #1D3777;\r\n padding: 14px 16px;\r\n border: 1.5px solid rgba(29,55,119,0.1);\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.015);\r\n outline: none;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n width: 100%;\r\n box-sizing: border-box;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .enquiry-input::placeholder,\r\n .enquiry-textarea::placeholder {\r\n color: #b0b9d0;\r\n font-weight: 400;\r\n }\r\n\r\n .enquiry-input:hover,\r\n .enquiry-select:hover,\r\n .enquiry-textarea:hover {\r\n border-color: rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-input:focus,\r\n .enquiry-select:focus,\r\n .enquiry-textarea:focus {\r\n border-color: #1D3777;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 3px rgba(29,55,119,0.06);\r\n }\r\n\r\n \/* Select Wrapper *\/\r\n .enquiry-select-wrap {\r\n position: relative;\r\n }\r\n\r\n .enquiry-select-wrap::after {\r\n content: '';\r\n position: absolute;\r\n right: 16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 5px solid transparent;\r\n border-right: 5px solid transparent;\r\n border-top: 5px solid #8a95b1;\r\n pointer-events: none;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .enquiry-select-wrap:hover::after {\r\n border-top-color: #1D3777;\r\n }\r\n\r\n .enquiry-select {\r\n padding-right: 40px;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Phone Input *\/\r\n .enquiry-phone-wrap {\r\n display: flex;\r\n align-items: stretch;\r\n border: 1.5px solid rgba(29,55,119,0.1);\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.015);\r\n overflow: hidden;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .enquiry-phone-wrap:hover {\r\n border-color: rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-phone-wrap:focus-within {\r\n border-color: #1D3777;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 3px rgba(29,55,119,0.06);\r\n }\r\n\r\n .enquiry-phone-prefix {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 0 14px;\r\n border-right: 1.5px solid rgba(29,55,119,0.08);\r\n background: rgba(29,55,119,0.025);\r\n white-space: nowrap;\r\n }\r\n\r\n .enquiry-phone-flag {\r\n font-size: 16px;\r\n line-height: 1;\r\n }\r\n\r\n .enquiry-phone-code {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #1D3777;\r\n padding: 14px;\r\n border: none;\r\n outline: none;\r\n background: transparent;\r\n flex: 1;\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .enquiry-phone-input::placeholder {\r\n color: #b0b9d0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Textarea *\/\r\n .enquiry-textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n max-height: 220px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== Error States ===== *\/\r\n .enquiry-group.has-error .enquiry-input,\r\n .enquiry-group.has-error .enquiry-select,\r\n .enquiry-group.has-error .enquiry-textarea,\r\n .enquiry-group.has-error .enquiry-phone-wrap {\r\n border-color: #e74c3c;\r\n background: rgba(231,76,60,0.02);\r\n }\r\n\r\n .enquiry-error {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 500;\r\n color: #e74c3c;\r\n display: none;\r\n align-items: center;\r\n gap: 4px;\r\n margin-top: -3px;\r\n }\r\n\r\n .enquiry-error svg {\r\n width: 11px;\r\n height: 11px;\r\n fill: #e74c3c;\r\n flex-shrink: 0;\r\n }\r\n\r\n .enquiry-group.has-error .enquiry-error {\r\n display: flex;\r\n }\r\n\r\n \/* ===== Submit Button ===== *\/\r\n .enquiry-submit-area {\r\n margin-top: 4px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 16px 32px;\r\n background: #4169e1;\r\n border: none;\r\n border-radius: 13px;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 6px 25px rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-submit-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .enquiry-submit-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .enquiry-submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 35px rgba(29,55,119,0.3);\r\n }\r\n\r\n .enquiry-submit-btn:active {\r\n transform: translateY(0);\r\n box-shadow: 0 4px 15px rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff;\r\n flex-shrink: 0;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n }\r\n\r\n .enquiry-note {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 400;\r\n color: #a3afc7;\r\n text-align: center;\r\n margin-top: 14px;\r\n line-height: 1.6;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n }\r\n\r\n .enquiry-note svg {\r\n width: 13px;\r\n height: 13px;\r\n fill: #25D366;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== Success Overlay ===== *\/\r\n .enquiry-success {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255,255,255,0.97);\r\n border-radius: 20px;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n z-index: 10;\r\n animation: eqFadeIn 0.4s ease;\r\n }\r\n\r\n .enquiry-success.active {\r\n display: flex;\r\n }\r\n\r\n @keyframes eqFadeIn {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n .enquiry-success-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #25D366, #22c55e);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 25px rgba(37,211,102,0.25);\r\n animation: eqBounce 0.5s ease 0.2s both;\r\n }\r\n\r\n @keyframes eqBounce {\r\n 0% { transform: scale(0); }\r\n 60% { transform: scale(1.15); }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n .enquiry-success-icon svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: #ffffff;\r\n }\r\n\r\n .enquiry-success-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-success-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n text-align: center;\r\n line-height: 1.7;\r\n max-width: 300px;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .enquiry-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .enquiry-header {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .enquiry-badge {\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .enquiry-badge span {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .enquiry-title {\r\n font-size: 28px;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .enquiry-card {\r\n padding: 30px 24px;\r\n border-radius: 18px;\r\n }\r\n\r\n .enquiry-form {\r\n gap: 18px;\r\n }\r\n\r\n .enquiry-row {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .enquiry-label {\r\n font-size: 9px;\r\n }\r\n\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-size: 14px;\r\n padding: 13px 14px;\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-phone-wrap {\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-size: 14px;\r\n padding: 13px 12px;\r\n }\r\n\r\n .enquiry-textarea {\r\n min-height: 110px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n padding: 15px 24px;\r\n border-radius: 12px;\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-size: 12px;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .enquiry-note {\r\n font-size: 9px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .enquiry-section {\r\n padding: 42px 14px;\r\n }\r\n\r\n .enquiry-title {\r\n font-size: 24px;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-size: 11px;\r\n }\r\n\r\n .enquiry-card {\r\n padding: 24px 18px;\r\n border-radius: 16px;\r\n box-shadow: 0 6px 30px rgba(29,55,119,0.06);\r\n }\r\n\r\n .enquiry-form {\r\n gap: 15px;\r\n }\r\n\r\n .enquiry-label {\r\n font-size: 8px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-size: 13px;\r\n padding: 12px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .enquiry-phone-wrap {\r\n border-radius: 10px;\r\n }\r\n\r\n .enquiry-phone-prefix {\r\n padding: 0 10px;\r\n gap: 4px;\r\n }\r\n\r\n .enquiry-phone-flag {\r\n font-size: 14px;\r\n }\r\n\r\n .enquiry-phone-code {\r\n font-size: 10px;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-size: 13px;\r\n padding: 12px 10px;\r\n }\r\n\r\n .enquiry-textarea {\r\n min-height: 95px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n padding: 14px 20px;\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .enquiry-note {\r\n font-size: 8px;\r\n margin-top: 12px;\r\n }\r\n\r\n .enquiry-note svg {\r\n width: 11px;\r\n height: 11px;\r\n }\r\n\r\n .enquiry-success-icon {\r\n width: 54px;\r\n height: 54px;\r\n }\r\n\r\n .enquiry-success-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .enquiry-success-title {\r\n font-size: 17px;\r\n }\r\n\r\n .enquiry-success-text {\r\n font-size: 11px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"enquiry-section\" id=\"enquiry\">\r\n <div class=\"enquiry-container\">\r\n\r\n \r\n <div class=\"enquiry-header\">\r\n <div class=\"enquiry-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>Enquiry<\/span>\r\n <\/div>\r\n <h2 class=\"enquiry-title\">Send Us a <span>Message<\/span><\/h2>\r\n <p class=\"enquiry-subtitle\">\r\n Fill out the form below and your enquiry will be sent directly to our WhatsApp \u2014 we'll respond in minutes.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-card\" id=\"enquiryCard\">\r\n\r\n \r\n <div class=\"enquiry-success\" id=\"enquirySuccess\">\r\n <div class=\"enquiry-success-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"enquiry-success-title\">Message Sent!<\/div>\r\n <div class=\"enquiry-success-text\">Opening WhatsApp now. We'll get back to you within minutes.<\/div>\r\n <\/div>\r\n\r\n <form id=\"enquiryForm\" class=\"enquiry-form\" novalidate>\r\n\r\n \r\n <div class=\"enquiry-row\">\r\n <div class=\"enquiry-group\" id=\"grpFname\">\r\n <label class=\"enquiry-label\" for=\"eqFname\">\r\n First Name <span class=\"req\"><\/span>\r\n <\/label>\r\n <input type=\"text\" class=\"enquiry-input\" id=\"eqFname\" placeholder=\"John\" autocomplete=\"given-name\" required>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter your first name<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"enquiry-group\">\r\n <label class=\"enquiry-label\" for=\"eqLname\">\r\n Last Name\r\n <\/label>\r\n <input type=\"text\" class=\"enquiry-input\" id=\"eqLname\" placeholder=\"Doe\" autocomplete=\"family-name\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpEmail\">\r\n <label class=\"enquiry-label\" for=\"eqEmail\">\r\n Email Address\r\n <\/label>\r\n <input type=\"email\" class=\"enquiry-input\" id=\"eqEmail\" placeholder=\"john@example.com\" autocomplete=\"email\">\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter a valid email address<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpPhone\">\r\n <label class=\"enquiry-label\" for=\"eqPhone\">\r\n Phone Number <span class=\"req\"><\/span>\r\n <\/label>\r\n <div class=\"enquiry-phone-wrap\">\r\n <div class=\"enquiry-phone-prefix\">\r\n <span class=\"enquiry-phone-flag\">\ud83c\udde6\ud83c\uddea<\/span>\r\n <span class=\"enquiry-phone-code\">+971<\/span>\r\n <\/div>\r\n <input type=\"tel\" class=\"enquiry-phone-input\" id=\"eqPhone\" placeholder=\"50 123 4567\" autocomplete=\"tel\" required>\r\n <\/div>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter a valid phone number<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpInterest\">\r\n <label class=\"enquiry-label\" for=\"eqInterest\">\r\n What Are You Looking For? <span class=\"req\"><\/span>\r\n <\/label>\r\n <div class=\"enquiry-select-wrap\">\r\n <select class=\"enquiry-select\" id=\"eqInterest\" required>\r\n <option value=\"\" disabled selected>Select your interest<\/option>\r\n <option value=\"Mattress\">Mattress<\/option>\r\n <option value=\"Pillow\">Pillow<\/option>\r\n <option value=\"Bed Frame\">Bed Frame<\/option>\r\n <option value=\"Mattress Topper\">Mattress Topper<\/option>\r\n <option value=\"Bedding & Accessories\">Bedding & Accessories<\/option>\r\n <option value=\"Hotel \/ Bulk Order\">Hotel \/ Bulk Order<\/option>\r\n <option value=\"Custom Size\">Custom Size Request<\/option>\r\n <option value=\"General Enquiry\">General Enquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please select your interest<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\">\r\n <label class=\"enquiry-label\" for=\"eqMessage\">\r\n Your Message\r\n <\/label>\r\n <textarea class=\"enquiry-textarea\" id=\"eqMessage\" placeholder=\"Tell us about your requirements \u2014 size, quantity, budget, or any questions...\" rows=\"4\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-submit-area\">\r\n <button type=\"submit\" class=\"enquiry-submit-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <span>Send via WhatsApp<\/span>\r\n <\/button>\r\n <p class=\"enquiry-note\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n Your data is secure \u2014 we only use it to respond to your enquiry.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function() {\r\n \/\/ ===== CONFIGURATION =====\r\n \/\/ IMPORTANT: Use international format, digits only\r\n \/\/ UAE 050 4693914 \u2192 drop the leading 0 \u2192 971504693914\r\n var WA_NUMBER = '971504693914';\r\n\r\n var form = document.getElementById('enquiryForm');\r\n var successEl = document.getElementById('enquirySuccess');\r\n\r\n \/\/ Clear error on interaction\r\n document.querySelectorAll('.enquiry-input, .enquiry-select, .enquiry-textarea, .enquiry-phone-input').forEach(function(el) {\r\n el.addEventListener('input', function() {\r\n var g = this.closest('.enquiry-group');\r\n if (g) g.classList.remove('has-error');\r\n });\r\n el.addEventListener('change', function() {\r\n var g = this.closest('.enquiry-group');\r\n if (g) g.classList.remove('has-error');\r\n });\r\n });\r\n\r\n \/\/ Validation helpers\r\n function setError(id) {\r\n document.getElementById(id).classList.add('has-error');\r\n }\r\n function clearError(id) {\r\n document.getElementById(id).classList.remove('has-error');\r\n }\r\n function isValidEmail(v) {\r\n return !v || \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\r\n }\r\n function isValidPhone(v) {\r\n var c = v.replace(\/[\\s\\-\$\$]\/g, '');\r\n return c.length >= 7 && \/^[0-9]+$\/.test(c);\r\n }\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n var fname = document.getElementById('eqFname').value.trim();\r\n var lname = document.getElementById('eqLname').value.trim();\r\n var email = document.getElementById('eqEmail').value.trim();\r\n var phone = document.getElementById('eqPhone').value.trim();\r\n var interest = document.getElementById('eqInterest').value;\r\n var message = document.getElementById('eqMessage').value.trim();\r\n\r\n var ok = true;\r\n\r\n \/\/ First name\r\n if (!fname) { setError('grpFname'); ok = false; } else { clearError('grpFname'); }\r\n\r\n \/\/ Phone\r\n if (!phone || !isValidPhone(phone)) { setError('grpPhone'); ok = false; } else { clearError('grpPhone'); }\r\n\r\n \/\/ Interest\r\n if (!interest) { setError('grpInterest'); ok = false; } else { clearError('grpInterest'); }\r\n\r\n \/\/ Email (optional but validate format)\r\n if (email && !isValidEmail(email)) { setError('grpEmail'); ok = false; } else { clearError('grpEmail'); }\r\n\r\n if (!ok) {\r\n var firstErr = document.querySelector('.enquiry-group.has-error');\r\n if (firstErr) firstErr.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n return;\r\n }\r\n\r\n \/\/ Build WhatsApp message\r\n var name = lname ? fname + ' ' + lname : fname;\r\n var msg = '\ud83d\udecf\ufe0f *New Enquiry \u2014 Trendz Mattress*\\n';\r\n msg += '\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n\\n';\r\n msg += '\ud83d\udc64 *Name:* ' + name + '\\n';\r\n msg += '\ud83d\udcde *Phone:* +971 ' + phone + '\\n';\r\n if (email) msg += '\ud83d\udce7 *Email:* ' + email + '\\n';\r\n msg += '\ud83d\udd0d *Interest:* ' + interest + '\\n';\r\n if (message) msg += '\\n\ud83d\udcac *Message:*\\n' + message + '\\n';\r\n msg += '\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n';\r\n msg += '\ud83d\udccc Sent from website enquiry form';\r\n\r\n \/\/ Build the WhatsApp URL with digits-only number\r\n var waURL = 'https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(msg);\r\n\r\n \/\/ Show success overlay\r\n successEl.classList.add('active');\r\n\r\n \/\/ Open WhatsApp after short delay\r\n setTimeout(function() {\r\n window.open(waURL, '_blank');\r\n }, 700);\r\n\r\n \/\/ Reset form & hide overlay\r\n setTimeout(function() {\r\n form.reset();\r\n successEl.classList.remove('active');\r\n }, 3500);\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df51f96 e-con-full e-flex e-con e-parent\" data-id=\"df51f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cad0d18 elementor-widget elementor-widget-html\" data-id=\"cad0d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== FOOTER =====\r\n ============================================ *\/\r\n .footer {\r\n position: relative;\r\n background: #4169e1;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 20%, rgba(29, 55, 119, 0.3) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 80%, rgba(29, 55, 119, 0.2) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Subtle Grid Lines *\/\r\n .footer-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: repeating-linear-gradient(\r\n 90deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n ),\r\n repeating-linear-gradient(\r\n 0deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n \/* Top Gradient Line *\/\r\n .footer-top-line {\r\n height: 4px;\r\n background: #4169e1;\r\n }\r\n\r\n \/* ===== Main Footer ===== *\/\r\n .footer-main {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 80px 40px 60px;\r\n display: grid;\r\n grid-template-columns: 1.3fr 1fr 1fr 1.2fr;\r\n gap: 50px;\r\n }\r\n\r\n \/* ===== Column 1 - Brand ===== *\/\r\n .footer-brand {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-logo {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-logo-img {\r\n height: 24px;\r\n width: auto;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-logo:hover .footer-logo-img {\r\n opacity: 0.8;\r\n }\r\n\r\n .footer-brand-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.45);\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n max-width: 300px;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .footer-socials {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .footer-social-link {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .footer-social-link:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 25px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n .footer-social-link svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.5);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-social-link:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ===== Column Headings ===== *\/\r\n .footer-heading {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n margin-bottom: 28px;\r\n position: relative;\r\n padding-bottom: 14px;\r\n }\r\n\r\n .footer-heading::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 30px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #a8c0ff, transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* ===== Column 2 - Quick Links ===== *\/\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .footer-link-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\r\n }\r\n\r\n .footer-link-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .footer-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 0;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.45);\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-link:hover {\r\n color: #ffffff;\r\n transform: translateX(6px);\r\n }\r\n\r\n .footer-link-arrow {\r\n width: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .footer-link:hover .footer-link-arrow {\r\n width: 16px;\r\n }\r\n\r\n .footer-link-arrow svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #a8c0ff;\r\n min-width: 14px;\r\n }\r\n\r\n \/* ===== Column 3 - Products ===== *\/\r\n \/* Uses same .footer-links styles *\/\r\n\r\n \/* ===== Column 4 - Contact ===== *\/\r\n .footer-contact-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n .footer-contact-item:hover {\r\n transform: translateX(4px);\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon {\r\n background: rgba(29, 55, 119, 0.4);\r\n border-color: rgba(168, 192, 255, 0.2);\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon svg {\r\n fill: #a8c0ff;\r\n }\r\n\r\n .footer-contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n }\r\n\r\n .footer-contact-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-contact-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.65);\r\n line-height: 1.6;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n a.footer-contact-value:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* ===== Newsletter Row ===== *\/\r\n .footer-newsletter {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n padding: 40px 50px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .footer-newsletter-form {\r\n display: flex;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 300px;\r\n padding: 15px 22px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-input::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-newsletter-input:focus {\r\n border-color: rgba(168, 192, 255, 0.4);\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 15px 32px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n border: none;\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .footer-newsletter-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);\r\n background: #e8edf8;\r\n }\r\n\r\n .footer-newsletter-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-btn:hover svg {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* ===== Bottom Bar ===== *\/\r\n .footer-bottom {\r\n position: relative;\r\n z-index: 1;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .footer-bottom-inner {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 28px 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-copyright a {\r\n color: rgba(255, 255, 255, 0.5);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-copyright a:hover {\r\n color: #a8c0ff;\r\n }\r\n\r\n .footer-bottom-links {\r\n display: flex;\r\n gap: 30px;\r\n list-style: none;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.3);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer-bottom-link:hover {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Scroll to Top *\/\r\n .footer-scroll-top {\r\n position: absolute;\r\n top: -24px;\r\n right: 60px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #1D3777;\r\n border: 3px solid #0f1d3d;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 4px 20px rgba(29, 55, 119, 0.3);\r\n z-index: 5;\r\n }\r\n\r\n .footer-scroll-top:hover {\r\n background: #2a4fa0;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 30px rgba(29, 55, 119, 0.4);\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-scroll-top:hover svg {\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .footer-main {\r\n padding: 65px 30px 50px;\r\n grid-template-columns: 1.2fr 1fr 1fr;\r\n gap: 40px;\r\n }\r\n\r\n \/* Contact column goes full width below *\/\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .footer-contact-item {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 35px 40px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 250px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 40px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .footer-main {\r\n padding: 55px 20px 40px;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px 30px;\r\n }\r\n\r\n .footer-brand {\r\n grid-column: 1 \/ -1;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-brand-desc {\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-socials {\r\n justify-content: center;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .footer-contact-item {\r\n min-width: auto;\r\n }\r\n\r\n \/* Newsletter *\/\r\n .footer-newsletter {\r\n padding: 0 20px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 30px 28px;\r\n gap: 24px;\r\n border-radius: 16px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-newsletter-form {\r\n width: 100%;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 100%;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n \/* Bottom Bar *\/\r\n .footer-bottom-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 24px 20px;\r\n gap: 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-size: 11px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 30px;\r\n width: 44px;\r\n height: 44px;\r\n top: -22px;\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .footer-main {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 45px 16px 35px;\r\n }\r\n\r\n .footer-brand {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-heading {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-link {\r\n font-size: 13px;\r\n padding: 10px 0;\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .footer-contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-newsletter {\r\n padding: 0 16px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 26px 22px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-size: 18px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n padding: 14px 20px;\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 14px 28px;\r\n font-size: 11px;\r\n }\r\n\r\n .footer-bottom-inner {\r\n padding: 22px 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 20px;\r\n width: 40px;\r\n height: 40px;\r\n top: -20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<footer class=\"footer\" id=\"footer\">\r\n\r\n \r\n <div class=\"footer-top-line\"><\/div>\r\n\r\n \r\n <div class=\"footer-bg-pattern\"><\/div>\r\n\r\n \r\n <div class=\"footer-main\">\r\n\r\n \r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\"\r\n alt=\"Trendz Mattress\" class=\"footer-logo-img\"\r\n onerror=\"this.style.display='none';\">\r\n <\/a>\r\n <p class=\"footer-brand-desc\">\r\n Trendz Mattress is a leading manufacturer and supplier of premium mattresses,\r\n bed linens, and bath essentials across the UAE. Crafting comfort since 2008.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" class=\"footer-social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" class=\"footer-social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/+971504693914\" class=\"footer-social-link\" aria-label=\"WhatsApp\">\r\n <div class=\"cta-social-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/div>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Quick Links<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Home\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n About Us\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Products\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Blog\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Contact Us\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Products<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"#mattress\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Mattress\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedlinen\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bed Linen\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedding\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bedding Accessories\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bath\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bath Essentials\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col footer-col-contact\">\r\n <h4 class=\"footer-heading\">Contact Us<\/h4>\r\n <div class=\"footer-contact-list\">\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Location<\/span>\r\n <span class=\"footer-contact-value\">Showroom No. 7, New Rocky Tower, Zabeel Road, Karama, Dubai, UAE\r\nP.O. Box: 32514<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Call Us<\/span>\r\n <a href=\"tel:+971 504693914\" class=\"footer-contact-value\">+971 504693914 \/ +971 55 7043405<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Email<\/span>\r\n <a href=\"mailto:info@trendzuae.com\" class=\"footer-contact-value\">info@trendzuae.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Working Hours<\/span>\r\n <span class=\"footer-contact-value\">Mon \u2013 Sat: 10 AM \u2013 10 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"footer-bottom\">\r\n\r\n \r\n <div class=\"footer-scroll-top\" id=\"scrollToTop\" aria-label=\"Back to top\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/><\/svg>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom-inner\">\r\n <p class=\"footer-copyright\">\r\n \u00a9 2025 <a href=\"#\">Trendz Lifestyle and Accessories LLC<\/a>. All rights reserved.\r\n <\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n const scrollBtn = document.getElementById('scrollToTop');\r\n if (scrollBtn) {\r\n scrollBtn.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n }\r\n})();\r\n<\/script>\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>Trendz Mattress +971 504693914, +971 55 7043405 info@trendzuae.com Home About Us Products Blog Contact Us Get Quote +971 504693914, +971 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":37,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"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 Trendz Mattress<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ===== RESET & BASE ===== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n background-color: #4169e1;\r\n }\r\n\r\n \/* ===== HEADER ===== *\/\r\n .header {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n z-index: 1000;\r\n background-color: #4169e1;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 2px 20px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n \/* ===== SCROLLED STATE \u2014 same #4169e1 blue ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n box-shadow: 0 4px 30px rgba(29, 55, 119, 0.5);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n \/* Top Bar *\/\r\n .top-bar {\r\n background-color: #4169e1;\r\n padding: 8px 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n max-height: 50px;\r\n }\r\n\r\n .header.scrolled .top-bar {\r\n max-height: 0;\r\n padding: 0;\r\n border: none;\r\n opacity: 0;\r\n }\r\n\r\n .top-bar-content {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-left {\r\n display: flex;\r\n gap: 25px;\r\n align-items: center;\r\n }\r\n\r\n .top-bar-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: rgba(255, 255, 255, 0.8);\r\n font-size: 12px;\r\n font-weight: 400;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .top-bar-item svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: rgba(255, 255, 255, 0.6);\r\n }\r\n\r\n .top-bar-right {\r\n display: flex;\r\n gap: 15px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== SOCIAL ICON \u2014 now an anchor ===== *\/\r\n .social-icon {\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.08);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n\r\n .social-icon:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .social-icon svg {\r\n width: 13px;\r\n height: 13px;\r\n fill: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Main Header *\/\r\n .header-main {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n color: #4169e1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 72px;\r\n transition: height 0.4s ease;\r\n }\r\n\r\n .header.scrolled .header-main {\r\n height: 62px;\r\n color: #4169e1;\r\n }\r\n\r\n \/* Logo *\/\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n z-index: 1001;\r\n animation: fadeInLeft 0.8s ease forwards;\r\n }\r\n\r\n .logo-img {\r\n height: 42px;\r\n width: 140px;\r\n transition: all 0.4s ease;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n }\r\n\r\n .header.scrolled .logo-img {\r\n height: 19px;\r\n }\r\n\r\n \/* Navigation *\/\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .nav-list {\r\n display: flex;\r\n list-style: none;\r\n gap: 5px;\r\n align-items: center;\r\n }\r\n\r\n .nav-item {\r\n position: relative;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease forwards;\r\n }\r\n\r\n .nav-item:nth-child(1) { animation-delay: 0.1s; }\r\n .nav-item:nth-child(2) { animation-delay: 0.2s; }\r\n .nav-item:nth-child(3) { animation-delay: 0.3s; }\r\n .nav-item:nth-child(4) { animation-delay: 0.4s; }\r\n .nav-item:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n .nav-link {\r\n display: block;\r\n padding: 10px 20px;\r\n color: rgba(255, 255, 255, 0.85);\r\n text-decoration: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n position: relative;\r\n transition: all 0.3s ease;\r\n border-radius: 4px;\r\n }\r\n\r\n .nav-link::before {\r\n content: '';\r\n position: absolute;\r\n bottom: 5px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, #ffffff, transparent);\r\n transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n border-radius: 2px;\r\n }\r\n\r\n .nav-link:hover { color: #ffffff; }\r\n .nav-link:hover::before { width: 60%; }\r\n .nav-link.active { color: #ffffff; }\r\n .nav-link.active::before { width: 60%; }\r\n\r\n .nav-link::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n border-radius: 4px;\r\n background: rgba(255, 255, 255, 0);\r\n transition: background 0.3s ease;\r\n }\r\n\r\n .nav-link:hover::after {\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* CTA Button *\/\r\n .nav-cta {\r\n margin-left: 15px;\r\n opacity: 0;\r\n animation: fadeInDown 0.6s ease 0.6s forwards;\r\n }\r\n\r\n .cta-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 28px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n text-decoration: none;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n border-radius: 50px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .cta-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: 0;\r\n height: 0;\r\n background: rgba(29, 55, 119, 0.08);\r\n border-radius: 50%;\r\n transform: translate(-50%, -50%);\r\n transition: width 0.6s ease, height 0.6s ease;\r\n }\r\n\r\n .cta-btn:hover::before { width: 300px; height: 300px; }\r\n .cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2); }\r\n\r\n .cta-btn svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .cta-btn:hover svg { transform: translateX(3px); }\r\n\r\n \/* Hamburger Menu *\/\r\n .hamburger {\r\n display: none;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 45px;\r\n height: 45px;\r\n cursor: pointer;\r\n z-index: 1001;\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger:hover { background: rgba(255, 255, 255, 0.15); }\r\n\r\n .hamburger-line {\r\n width: 22px;\r\n height: 2px;\r\n background-color: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n position: relative;\r\n }\r\n\r\n .hamburger-line:nth-child(1) { transform: translateY(-4px); }\r\n .hamburger-line:nth-child(2) { width: 16px; }\r\n .hamburger-line:nth-child(3) { transform: translateY(4px); }\r\n\r\n .hamburger.active .hamburger-line:nth-child(1) { transform: translateY(2px) rotate(45deg); }\r\n .hamburger.active .hamburger-line:nth-child(2) { opacity: 0; width: 0; }\r\n .hamburger.active .hamburger-line:nth-child(3) { transform: translateY(-2px) rotate(-45deg); }\r\n\r\n \/* Mobile Overlay *\/\r\n .mobile-overlay {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.5);\r\n z-index: 999;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .mobile-overlay.active { opacity: 1; }\r\n\r\n \/* Decorative Line *\/\r\n .header-line {\r\n height: 3px;\r\n background: linear-gradient(90deg,\r\n #1D3777 0%,\r\n #2a4fa0 20%,\r\n #ffffff 50%,\r\n #2a4fa0 80%,\r\n #1D3777 100%\r\n );\r\n background-size: 200% 100%;\r\n animation: shimmer 3s ease infinite;\r\n }\r\n\r\n \/* ===== ANIMATIONS ===== *\/\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-15px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInLeft {\r\n from { opacity: 0; transform: translateX(-20px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% { background-position: -200% 0; }\r\n 100% { background-position: 200% 0; }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from { opacity: 0; transform: translateX(30px); }\r\n to { opacity: 1; transform: translateX(0); }\r\n }\r\n\r\n \/* ===== RESPONSIVE - TABLET ===== *\/\r\n @media (max-width: 1024px) {\r\n .header-main { padding: 0 30px; }\r\n .nav-link { padding: 10px 14px; font-size: 12px; }\r\n .cta-btn { padding: 10px 22px; font-size: 11px; }\r\n .top-bar-content { padding: 0 30px; }\r\n .logo-img { height: 20px; }\r\n .header.scrolled .logo-img { height: 17px; }\r\n }\r\n\r\n \/* ===== RESPONSIVE - MOBILE ===== *\/\r\n @media (max-width: 768px) {\r\n .top-bar { display: none; }\r\n\r\n .header-main { padding: 0 20px; height: 65px; }\r\n .header.scrolled .header-main { height: 58px; }\r\n\r\n \/* ===== MOBILE: keep same blue when scrolled ===== *\/\r\n .header.scrolled {\r\n background-color: #4169e1;\r\n }\r\n\r\n .logo-img { height: 18px; }\r\n .header.scrolled .logo-img { height: 16px; }\r\n\r\n .hamburger { display: flex; }\r\n\r\n .nav {\r\n position: fixed;\r\n top: 0;\r\n right: -100%;\r\n width: 320px;\r\n max-width: 85vw;\r\n height: 100vh;\r\n background: linear-gradient(180deg, #4169e1 0%, #3258c9 50%, #2a4fa0 100%);\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n padding: 100px 30px 40px;\r\n transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n z-index: 1000;\r\n box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);\r\n overflow-y: auto;\r\n }\r\n\r\n .nav.active { right: 0; }\r\n\r\n .nav-list { flex-direction: column; gap: 0; width: 100%; }\r\n\r\n .nav-item {\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .nav.active .nav-item { animation: slideInRight 0.5s ease forwards; }\r\n .nav.active .nav-item:nth-child(1) { animation-delay: 0.15s; }\r\n .nav.active .nav-item:nth-child(2) { animation-delay: 0.25s; }\r\n .nav.active .nav-item:nth-child(3) { animation-delay: 0.35s; }\r\n .nav.active .nav-item:nth-child(4) { animation-delay: 0.45s; }\r\n .nav.active .nav-item:nth-child(5) { animation-delay: 0.55s; }\r\n\r\n .nav-link {\r\n padding: 18px 10px;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n border-radius: 0;\r\n }\r\n\r\n .nav-link::before { display: none; }\r\n\r\n .nav-link::after {\r\n content: '\u2192';\r\n font-size: 16px;\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n transition: all 0.3s ease;\r\n position: static;\r\n background: none;\r\n }\r\n\r\n .nav-link:hover::after { opacity: 0.5; transform: translateX(0); background: none; }\r\n\r\n .nav-cta {\r\n margin-left: 0;\r\n margin-top: 30px;\r\n width: 100%;\r\n opacity: 0;\r\n transform: translateX(30px);\r\n }\r\n\r\n .nav.active .nav-cta { animation: slideInRight 0.5s ease 0.65s forwards; }\r\n\r\n .cta-btn { justify-content: center; width: 100%; padding: 16px 28px; font-size: 13px; }\r\n\r\n .mobile-nav-footer {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: auto;\r\n padding-top: 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n width: 100%;\r\n opacity: 0;\r\n }\r\n\r\n .nav.active .mobile-nav-footer { animation: slideInRight 0.5s ease 0.75s forwards; }\r\n\r\n .mobile-contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 12px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .mobile-contact-item svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n flex-shrink: 0;\r\n }\r\n\r\n .mobile-social { display: flex; gap: 12px; margin-top: 10px; }\r\n .mobile-social .social-icon { width: 38px; height: 38px; }\r\n .mobile-social .social-icon svg { width: 16px; height: 16px; }\r\n\r\n .mobile-overlay { display: block; pointer-events: none; }\r\n .mobile-overlay.active { pointer-events: all; }\r\n .mobile-nav-footer { display: flex; }\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .mobile-nav-footer { display: none !important; }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .header-main { padding: 0 15px; height: 60px; }\r\n .header.scrolled .header-main { height: 54px; }\r\n .logo-img { height: 16px; }\r\n .header.scrolled .logo-img { height: 14px; }\r\n .nav { width: 100%; max-width: 100vw; padding: 90px 25px 30px; }\r\n .hamburger { width: 40px; height: 40px; }\r\n .hamburger-line { width: 20px; }\r\n }\r\n\r\n \/* ===== DEMO CONTENT ===== *\/\r\n .demo-content {\r\n margin-top: 130px;\r\n padding: 60px 40px;\r\n max-width: 1300px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .demo-content h1 {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #1D3777;\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .demo-content p {\r\n font-family: 'Montserrat', sans-serif;\r\n color: #666;\r\n font-size: 16px;\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .demo-spacer { height: 1500px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <header class=\"header\" id=\"header\">\r\n\r\n \r\n <div class=\"top-bar\">\r\n <div class=\"top-bar-content\">\r\n <div class=\"top-bar-left\">\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"top-bar-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"top-bar-right\">\r\n \r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01zm-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24 2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.22.25-.86.85-.86 2.07s.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.14-1.18-.07-.11-.22-.16-.47-.28z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"header-main\">\r\n\r\n \r\n <a href=\"#\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\" alt=\"Trendz Mattress\" class=\"logo-img\"\r\n onerror=\"this.style.display='none'; this.nextElementSibling.style.display='flex';\">\r\n <div style=\"display:none; align-items:center; gap:10px;\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 100 100\" fill=\"none\">\r\n <rect x=\"5\" y=\"35\" width=\"90\" height=\"40\" rx=\"8\" fill=\"white\" opacity=\"0.9\"\/>\r\n <rect x=\"10\" y=\"30\" width=\"80\" height=\"12\" rx=\"6\" fill=\"white\" opacity=\"0.6\"\/>\r\n <rect x=\"15\" y=\"65\" width=\"70\" height=\"8\" rx=\"4\" fill=\"white\" opacity=\"0.3\"\/>\r\n <circle cx=\"30\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"50\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <circle cx=\"70\" cy=\"55\" r=\"4\" fill=\"#1D3777\" opacity=\"0.4\"\/>\r\n <\/svg>\r\n <\/div>\r\n <\/a>\r\n\r\n \r\n <nav class=\"nav\" id=\"nav\">\r\n <ul class=\"nav-list\">\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"nav-link active\">Home<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"nav-link\">About Us<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"nav-link\">Products<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"nav-link\">Blog<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"nav-link\">Contact Us<\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"nav-cta\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"cta-btn\">\r\n <span>Get Quote<\/span>\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"mobile-nav-footer\">\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>+971 504693914, +971 55 7043405<\/span>\r\n <\/div>\r\n <div class=\"mobile-contact-item\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\" fill=\"rgba(255,255,255,0.4)\"\/><\/svg>\r\n <span>info@trendzuae.com<\/span>\r\n <\/div>\r\n <div class=\"mobile-social\">\r\n \r\n <a href=\"https:\/\/www.facebook.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzuae\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/971504693914\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"social-icon\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\" role=\"button\" tabindex=\"0\">\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <span class=\"hamburger-line\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n \r\n <div class=\"mobile-overlay\" id=\"mobileOverlay\"><\/div>\r\n \r\n\r\n <script>\r\n const hamburger = document.getElementById('hamburger');\r\n const nav = document.getElementById('nav');\r\n const overlay = document.getElementById('mobileOverlay');\r\n const navLinks = document.querySelectorAll('.nav-link');\r\n const body = document.body;\r\n\r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n nav.classList.toggle('active');\r\n overlay.classList.toggle('active');\r\n body.style.overflow = nav.classList.contains('active') ? 'hidden' : '';\r\n }\r\n\r\n function closeMenu() {\r\n hamburger.classList.remove('active');\r\n nav.classList.remove('active');\r\n overlay.classList.remove('active');\r\n body.style.overflow = '';\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n overlay.addEventListener('click', closeMenu);\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', () => {\r\n closeMenu();\r\n navLinks.forEach(l => l.classList.remove('active'));\r\n link.classList.add('active');\r\n });\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') closeMenu();\r\n });\r\n\r\n const header = document.getElementById('header');\r\n let ticking = false;\r\n\r\n function updateHeader() {\r\n header.classList.toggle('scrolled', window.scrollY > 50);\r\n ticking = false;\r\n }\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!ticking) {\r\n window.requestAnimationFrame(updateHeader);\r\n ticking = true;\r\n }\r\n });\r\n\r\n window.addEventListener('resize', () => {\r\n if (window.innerWidth > 768) closeMenu();\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-67172ad e-con-full e-flex e-con e-parent\" data-id=\"67172ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ccf8b7 elementor-widget elementor-widget-html\" data-id=\"5ccf8b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== GET IN TOUCH SECTION - COMPACT =====\r\n ============================================ *\/\r\n .contact-section {\r\n position: relative;\r\n padding: 80px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Decorative Background *\/\r\n .contact-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 30%, rgba(29,55,119,0.025) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 70%, rgba(168,192,255,0.03) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .contact-container {\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Section Header ===== *\/\r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: 45px;\r\n }\r\n\r\n .contact-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 20px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .contact-badge svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n }\r\n\r\n .contact-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .contact-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .contact-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .contact-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 3px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 3px;\r\n z-index: -1;\r\n }\r\n\r\n .contact-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.7;\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Main Layout ===== *\/\r\n .contact-layout {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 45px;\r\n align-items: center;\r\n }\r\n\r\n \/* ===== Left - Contact Details ===== *\/\r\n .contact-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .contact-intro {\r\n margin-bottom: 28px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n margin-bottom: 10px;\r\n line-height: 1.2;\r\n }\r\n\r\n .contact-intro-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #6a7a95;\r\n line-height: 1.75;\r\n }\r\n\r\n \/* Contact Items *\/\r\n .contact-items {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 18px 0;\r\n border-bottom: 1px solid rgba(29,55,119,0.06);\r\n transition: all 0.4s ease;\r\n cursor: default;\r\n }\r\n\r\n .contact-item:first-child {\r\n padding-top: 0;\r\n }\r\n\r\n .contact-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n .contact-item:hover {\r\n transform: translateX(5px);\r\n }\r\n\r\n \/* Icon Container *\/\r\n .contact-icon {\r\n width: 46px;\r\n height: 46px;\r\n min-width: 46px;\r\n border-radius: 13px;\r\n background: rgba(29,55,119,0.05);\r\n border: 1px solid rgba(29,55,119,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .contact-item:hover .contact-icon {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: scale(1.08) rotate(-5deg);\r\n box-shadow: 0 6px 20px rgba(29,55,119,0.2);\r\n }\r\n\r\n .contact-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .contact-item:hover .contact-icon svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* Contact Info *\/\r\n .contact-info {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .contact-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(29,55,119,0.5);\r\n }\r\n\r\n .contact-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n line-height: 1.5;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n a.contact-value:hover {\r\n color: #2a4fa0;\r\n }\r\n\r\n .contact-value-sub {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Social Icons Row *\/\r\n .contact-social {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 26px;\r\n padding-top: 22px;\r\n border-top: 1px solid rgba(29,55,119,0.06);\r\n }\r\n\r\n .contact-social-link {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n\r\n .contact-social-link:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: translateY(-3px);\r\n box-shadow: 0 6px 20px rgba(29,55,119,0.2);\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: #1D3777;\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .contact-social-link:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ===== Right - Image ===== *\/\r\n .contact-image-block {\r\n position: relative;\r\n height: 100%;\r\n min-height: 420px;\r\n }\r\n\r\n .contact-image-main {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 20px;\r\n overflow: hidden;\r\n box-shadow: 0 15px 50px rgba(29,55,119,0.1);\r\n position: relative;\r\n }\r\n\r\n .contact-image-main img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n transition: transform 0.8s ease;\r\n }\r\n\r\n .contact-image-main:hover img {\r\n transform: scale(1.04);\r\n }\r\n\r\n \/* Corner Frame *\/\r\n .contact-image-frame {\r\n position: absolute;\r\n bottom: -12px;\r\n right: -12px;\r\n width: 100px;\r\n height: 100px;\r\n border-bottom: 2px solid rgba(29,55,119,0.1);\r\n border-right: 2px solid rgba(29,55,119,0.1);\r\n border-radius: 0 0 20px 0;\r\n z-index: 0;\r\n }\r\n\r\n \/* Floating Badge *\/\r\n .contact-badge-float {\r\n position: absolute;\r\n top: -14px;\r\n left: -14px;\r\n background: linear-gradient(135deg, #1D3777, #2a4fa0);\r\n border: 3px solid #ffffff;\r\n border-radius: 16px;\r\n padding: 16px 20px;\r\n box-shadow: 0 10px 30px rgba(29,55,119,0.2);\r\n z-index: 2;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .contact-badge-float:hover {\r\n transform: translateY(-4px) rotate(-3deg);\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n background: rgba(255,255,255,0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 10px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 22px;\r\n height: 22px;\r\n fill: #ffffff;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 9px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: rgba(255,255,255,0.7);\r\n text-align: center;\r\n margin-bottom: 3px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #ffffff;\r\n text-align: center;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .contact-section {\r\n padding: 65px 30px;\r\n }\r\n\r\n .contact-header {\r\n margin-bottom: 38px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 32px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-layout {\r\n gap: 38px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 20px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-item {\r\n padding: 16px 0;\r\n gap: 14px;\r\n }\r\n\r\n .contact-icon {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 380px;\r\n }\r\n\r\n .contact-badge-float {\r\n padding: 14px 18px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 36px;\r\n height: 36px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .contact-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .contact-header {\r\n margin-bottom: 35px;\r\n }\r\n\r\n .contact-badge {\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .contact-badge span {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 28px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-layout {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n }\r\n\r\n .contact-intro {\r\n margin-bottom: 22px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 20px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-item {\r\n padding: 16px 0;\r\n gap: 14px;\r\n }\r\n\r\n .contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-label {\r\n font-size: 9px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-social {\r\n margin-top: 22px;\r\n padding-top: 20px;\r\n }\r\n\r\n .contact-social-link {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 11px;\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 320px;\r\n max-width: 480px;\r\n margin: 0 auto;\r\n }\r\n\r\n .contact-image-main {\r\n border-radius: 18px;\r\n }\r\n\r\n .contact-image-frame {\r\n width: 80px;\r\n height: 80px;\r\n bottom: -10px;\r\n right: -10px;\r\n border-radius: 0 0 18px 0;\r\n }\r\n\r\n .contact-badge-float {\r\n top: -12px;\r\n left: -12px;\r\n padding: 14px 16px;\r\n border-radius: 14px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 34px;\r\n height: 34px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-size: 8px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 12px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .contact-section {\r\n padding: 45px 16px;\r\n }\r\n\r\n .contact-title {\r\n font-size: 24px;\r\n }\r\n\r\n .contact-subtitle {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-intro-title {\r\n font-size: 18px;\r\n }\r\n\r\n .contact-intro-text {\r\n font-size: 11px;\r\n }\r\n\r\n .contact-item {\r\n padding: 14px 0;\r\n gap: 12px;\r\n }\r\n\r\n .contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n border-radius: 11px;\r\n }\r\n\r\n .contact-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-label {\r\n font-size: 8px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .contact-value {\r\n font-size: 12px;\r\n }\r\n\r\n .contact-value-sub {\r\n font-size: 10px;\r\n }\r\n\r\n .contact-social {\r\n gap: 8px;\r\n }\r\n\r\n .contact-social-link {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 10px;\r\n }\r\n\r\n .contact-social-link svg {\r\n width: 15px;\r\n height: 15px;\r\n }\r\n\r\n .contact-image-block {\r\n min-height: 280px;\r\n }\r\n\r\n .contact-badge-float {\r\n top: -10px;\r\n left: -10px;\r\n padding: 12px 14px;\r\n border-radius: 12px;\r\n }\r\n\r\n .contact-badge-float-icon {\r\n width: 32px;\r\n height: 32px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .contact-badge-float-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .contact-badge-float-text {\r\n font-size: 8px;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .contact-badge-float-value {\r\n font-size: 11px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"contact-section\" id=\"contact\">\r\n <div class=\"contact-container\">\r\n\r\n \r\n <div class=\"contact-header\">\r\n <div class=\"contact-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>Contact Us<\/span>\r\n <\/div>\r\n <h2 class=\"contact-title\">Get In <span>Touch<\/span><\/h2>\r\n <p class=\"contact-subtitle\">\r\n Visit our showroom, give us a call, or drop by \u2014 we're here to help you find the perfect comfort solution.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-layout\">\r\n\r\n \r\n <div class=\"contact-details\">\r\n\r\n <div class=\"contact-intro\">\r\n <h3 class=\"contact-intro-title\">Let's Talk Comfort<\/h3>\r\n <p class=\"contact-intro-text\">\r\n Whether you're furnishing a home or planning a large-scale project, \r\n our team is ready to assist you with expert guidance.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-items\">\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Our Showroom<\/div>\r\n <div class=\"contact-value\">Karama, Dubai<\/div>\r\n <div class=\"contact-value-sub\">United Arab Emirates<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Call Us<\/div>\r\n <a href=\"tel:+971504693914\" class=\"contact-value\">+971 50 469 3914<\/a>\r\n <div class=\"contact-value-sub\">Mon \u2013 Sun, 10 AM \u2013 10 PM<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Email Us<\/div>\r\n <a href=\"mailto:info@trendzuae.com\" class=\"contact-value\">info@trendzuae.com<\/a>\r\n <div class=\"contact-value-sub\">We reply within 24 hours<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-info\">\r\n <div class=\"contact-label\">Business Hours<\/div>\r\n <div class=\"contact-value\">Monday \u2013 Sunday<\/div>\r\n <div class=\"contact-value-sub\">10 AM \u2013 10 PM <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-social\">\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"#\" class=\"contact-social-link\" aria-label=\"LinkedIn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"contact-image-block\">\r\n <div class=\"contact-image-frame\"><\/div>\r\n <div class=\"contact-badge-float\">\r\n <div class=\"contact-badge-float-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"contact-badge-float-text\">Available<\/div>\r\n <div class=\"contact-badge-float-value\">Mon \u2013 Sun<\/div>\r\n <\/div>\r\n <div class=\"contact-image-main\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Mattresses.jpg\" alt=\"Trendz Mattress Showroom\" loading=\"lazy\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2041700 e-con-full e-flex e-con e-parent\" data-id=\"2041700\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a905cde elementor-widget elementor-widget-html\" data-id=\"a905cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== ENQUIRY FORM SECTION =====\r\n ============================================ *\/\r\n .enquiry-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: #ffffff;\r\n overflow: hidden;\r\n }\r\n\r\n .enquiry-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 20% 50%, rgba(29,55,119,0.025) 0%, transparent 50%),\r\n radial-gradient(circle at 80% 30%, rgba(168,192,255,0.03) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n .enquiry-container {\r\n max-width: 620px;\r\n margin: 0 auto;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* ===== Header ===== *\/\r\n .enquiry-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .enquiry-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 20px;\r\n background: rgba(29,55,119,0.04);\r\n border: 1px solid rgba(29,55,119,0.07);\r\n border-radius: 50px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .enquiry-badge svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #1D3777;\r\n }\r\n\r\n .enquiry-badge span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 36px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n line-height: 1.15;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .enquiry-title span {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n\r\n .enquiry-title span::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 3px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: rgba(29,55,119,0.06);\r\n border-radius: 3px;\r\n z-index: -1;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n line-height: 1.7;\r\n max-width: 460px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* ===== Form Card ===== *\/\r\n .enquiry-card {\r\n background: #ffffff;\r\n border-radius: 20px;\r\n padding: 40px 36px;\r\n box-shadow: 0 8px 45px rgba(29,55,119,0.07);\r\n border: 1px solid rgba(29,55,119,0.06);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .enquiry-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 3px;\r\n background: linear-gradient(90deg, #1D3777, #2a4fa0, #4a6fd4);\r\n border-radius: 20px 20px 0 0;\r\n }\r\n\r\n \/* ===== Form Grid ===== *\/\r\n .enquiry-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .enquiry-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 16px;\r\n }\r\n\r\n .enquiry-group {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px;\r\n }\r\n\r\n .enquiry-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(29,55,119,0.55);\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .enquiry-label .req {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: #e74c3c;\r\n display: inline-block;\r\n }\r\n\r\n \/* ===== Inputs ===== *\/\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #1D3777;\r\n padding: 14px 16px;\r\n border: 1.5px solid rgba(29,55,119,0.1);\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.015);\r\n outline: none;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n width: 100%;\r\n box-sizing: border-box;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .enquiry-input::placeholder,\r\n .enquiry-textarea::placeholder {\r\n color: #b0b9d0;\r\n font-weight: 400;\r\n }\r\n\r\n .enquiry-input:hover,\r\n .enquiry-select:hover,\r\n .enquiry-textarea:hover {\r\n border-color: rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-input:focus,\r\n .enquiry-select:focus,\r\n .enquiry-textarea:focus {\r\n border-color: #1D3777;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 3px rgba(29,55,119,0.06);\r\n }\r\n\r\n \/* Select Wrapper *\/\r\n .enquiry-select-wrap {\r\n position: relative;\r\n }\r\n\r\n .enquiry-select-wrap::after {\r\n content: '';\r\n position: absolute;\r\n right: 16px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 0;\r\n height: 0;\r\n border-left: 5px solid transparent;\r\n border-right: 5px solid transparent;\r\n border-top: 5px solid #8a95b1;\r\n pointer-events: none;\r\n transition: border-color 0.3s ease;\r\n }\r\n\r\n .enquiry-select-wrap:hover::after {\r\n border-top-color: #1D3777;\r\n }\r\n\r\n .enquiry-select {\r\n padding-right: 40px;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Phone Input *\/\r\n .enquiry-phone-wrap {\r\n display: flex;\r\n align-items: stretch;\r\n border: 1.5px solid rgba(29,55,119,0.1);\r\n border-radius: 12px;\r\n background: rgba(29,55,119,0.015);\r\n overflow: hidden;\r\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .enquiry-phone-wrap:hover {\r\n border-color: rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-phone-wrap:focus-within {\r\n border-color: #1D3777;\r\n background: #ffffff;\r\n box-shadow: 0 0 0 3px rgba(29,55,119,0.06);\r\n }\r\n\r\n .enquiry-phone-prefix {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 0 14px;\r\n border-right: 1.5px solid rgba(29,55,119,0.08);\r\n background: rgba(29,55,119,0.025);\r\n white-space: nowrap;\r\n }\r\n\r\n .enquiry-phone-flag {\r\n font-size: 16px;\r\n line-height: 1;\r\n }\r\n\r\n .enquiry-phone-code {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #1D3777;\r\n padding: 14px;\r\n border: none;\r\n outline: none;\r\n background: transparent;\r\n flex: 1;\r\n width: 100%;\r\n min-width: 0;\r\n }\r\n\r\n .enquiry-phone-input::placeholder {\r\n color: #b0b9d0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* Textarea *\/\r\n .enquiry-textarea {\r\n resize: vertical;\r\n min-height: 120px;\r\n max-height: 220px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* ===== Error States ===== *\/\r\n .enquiry-group.has-error .enquiry-input,\r\n .enquiry-group.has-error .enquiry-select,\r\n .enquiry-group.has-error .enquiry-textarea,\r\n .enquiry-group.has-error .enquiry-phone-wrap {\r\n border-color: #e74c3c;\r\n background: rgba(231,76,60,0.02);\r\n }\r\n\r\n .enquiry-error {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 500;\r\n color: #e74c3c;\r\n display: none;\r\n align-items: center;\r\n gap: 4px;\r\n margin-top: -3px;\r\n }\r\n\r\n .enquiry-error svg {\r\n width: 11px;\r\n height: 11px;\r\n fill: #e74c3c;\r\n flex-shrink: 0;\r\n }\r\n\r\n .enquiry-group.has-error .enquiry-error {\r\n display: flex;\r\n }\r\n\r\n \/* ===== Submit Button ===== *\/\r\n .enquiry-submit-area {\r\n margin-top: 4px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n width: 100%;\r\n padding: 16px 32px;\r\n background: #4169e1;\r\n border: none;\r\n border-radius: 13px;\r\n cursor: pointer;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\r\n box-shadow: 0 6px 25px rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-submit-btn::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: -100%;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);\r\n transition: left 0.6s ease;\r\n }\r\n\r\n .enquiry-submit-btn:hover::before {\r\n left: 100%;\r\n }\r\n\r\n .enquiry-submit-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 35px rgba(29,55,119,0.3);\r\n }\r\n\r\n .enquiry-submit-btn:active {\r\n transform: translateY(0);\r\n box-shadow: 0 4px 15px rgba(29,55,119,0.2);\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff;\r\n flex-shrink: 0;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n }\r\n\r\n .enquiry-note {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 400;\r\n color: #a3afc7;\r\n text-align: center;\r\n margin-top: 14px;\r\n line-height: 1.6;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 5px;\r\n }\r\n\r\n .enquiry-note svg {\r\n width: 13px;\r\n height: 13px;\r\n fill: #25D366;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ===== Success Overlay ===== *\/\r\n .enquiry-success {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255,255,255,0.97);\r\n border-radius: 20px;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n z-index: 10;\r\n animation: eqFadeIn 0.4s ease;\r\n }\r\n\r\n .enquiry-success.active {\r\n display: flex;\r\n }\r\n\r\n @keyframes eqFadeIn {\r\n from { opacity: 0; transform: scale(0.95); }\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n .enquiry-success-icon {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #25D366, #22c55e);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 8px 25px rgba(37,211,102,0.25);\r\n animation: eqBounce 0.5s ease 0.2s both;\r\n }\r\n\r\n @keyframes eqBounce {\r\n 0% { transform: scale(0); }\r\n 60% { transform: scale(1.15); }\r\n 100% { transform: scale(1); }\r\n }\r\n\r\n .enquiry-success-icon svg {\r\n width: 30px;\r\n height: 30px;\r\n fill: #ffffff;\r\n }\r\n\r\n .enquiry-success-title {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #1D3777;\r\n }\r\n\r\n .enquiry-success-text {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 400;\r\n color: #8a95b1;\r\n text-align: center;\r\n line-height: 1.7;\r\n max-width: 300px;\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .enquiry-section {\r\n padding: 55px 20px;\r\n }\r\n\r\n .enquiry-header {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .enquiry-badge {\r\n padding: 7px 18px;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .enquiry-badge span {\r\n font-size: 9px;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .enquiry-title {\r\n font-size: 28px;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-size: 12px;\r\n }\r\n\r\n .enquiry-card {\r\n padding: 30px 24px;\r\n border-radius: 18px;\r\n }\r\n\r\n .enquiry-form {\r\n gap: 18px;\r\n }\r\n\r\n .enquiry-row {\r\n grid-template-columns: 1fr;\r\n gap: 18px;\r\n }\r\n\r\n .enquiry-label {\r\n font-size: 9px;\r\n }\r\n\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-size: 14px;\r\n padding: 13px 14px;\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-phone-wrap {\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-size: 14px;\r\n padding: 13px 12px;\r\n }\r\n\r\n .enquiry-textarea {\r\n min-height: 110px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n padding: 15px 24px;\r\n border-radius: 12px;\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-size: 12px;\r\n letter-spacing: 1.2px;\r\n }\r\n\r\n .enquiry-note {\r\n font-size: 9px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .enquiry-section {\r\n padding: 42px 14px;\r\n }\r\n\r\n .enquiry-title {\r\n font-size: 24px;\r\n }\r\n\r\n .enquiry-subtitle {\r\n font-size: 11px;\r\n }\r\n\r\n .enquiry-card {\r\n padding: 24px 18px;\r\n border-radius: 16px;\r\n box-shadow: 0 6px 30px rgba(29,55,119,0.06);\r\n }\r\n\r\n .enquiry-form {\r\n gap: 15px;\r\n }\r\n\r\n .enquiry-label {\r\n font-size: 8px;\r\n letter-spacing: 1.5px;\r\n }\r\n\r\n .enquiry-input,\r\n .enquiry-select,\r\n .enquiry-textarea {\r\n font-size: 13px;\r\n padding: 12px 12px;\r\n border-radius: 10px;\r\n }\r\n\r\n .enquiry-phone-wrap {\r\n border-radius: 10px;\r\n }\r\n\r\n .enquiry-phone-prefix {\r\n padding: 0 10px;\r\n gap: 4px;\r\n }\r\n\r\n .enquiry-phone-flag {\r\n font-size: 14px;\r\n }\r\n\r\n .enquiry-phone-code {\r\n font-size: 10px;\r\n }\r\n\r\n .enquiry-phone-input {\r\n font-size: 13px;\r\n padding: 12px 10px;\r\n }\r\n\r\n .enquiry-textarea {\r\n min-height: 95px;\r\n }\r\n\r\n .enquiry-submit-btn {\r\n padding: 14px 20px;\r\n border-radius: 11px;\r\n }\r\n\r\n .enquiry-submit-btn svg {\r\n width: 17px;\r\n height: 17px;\r\n }\r\n\r\n .enquiry-submit-btn span {\r\n font-size: 11px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .enquiry-note {\r\n font-size: 8px;\r\n margin-top: 12px;\r\n }\r\n\r\n .enquiry-note svg {\r\n width: 11px;\r\n height: 11px;\r\n }\r\n\r\n .enquiry-success-icon {\r\n width: 54px;\r\n height: 54px;\r\n }\r\n\r\n .enquiry-success-icon svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n .enquiry-success-title {\r\n font-size: 17px;\r\n }\r\n\r\n .enquiry-success-text {\r\n font-size: 11px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<section class=\"enquiry-section\" id=\"enquiry\">\r\n <div class=\"enquiry-container\">\r\n\r\n \r\n <div class=\"enquiry-header\">\r\n <div class=\"enquiry-badge\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <span>Enquiry<\/span>\r\n <\/div>\r\n <h2 class=\"enquiry-title\">Send Us a <span>Message<\/span><\/h2>\r\n <p class=\"enquiry-subtitle\">\r\n Fill out the form below and your enquiry will be sent directly to our WhatsApp \u2014 we'll respond in minutes.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-card\" id=\"enquiryCard\">\r\n\r\n \r\n <div class=\"enquiry-success\" id=\"enquirySuccess\">\r\n <div class=\"enquiry-success-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"enquiry-success-title\">Message Sent!<\/div>\r\n <div class=\"enquiry-success-text\">Opening WhatsApp now. We'll get back to you within minutes.<\/div>\r\n <\/div>\r\n\r\n <form id=\"enquiryForm\" class=\"enquiry-form\" novalidate>\r\n\r\n \r\n <div class=\"enquiry-row\">\r\n <div class=\"enquiry-group\" id=\"grpFname\">\r\n <label class=\"enquiry-label\" for=\"eqFname\">\r\n First Name <span class=\"req\"><\/span>\r\n <\/label>\r\n <input type=\"text\" class=\"enquiry-input\" id=\"eqFname\" placeholder=\"John\" autocomplete=\"given-name\" required>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter your first name<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"enquiry-group\">\r\n <label class=\"enquiry-label\" for=\"eqLname\">\r\n Last Name\r\n <\/label>\r\n <input type=\"text\" class=\"enquiry-input\" id=\"eqLname\" placeholder=\"Doe\" autocomplete=\"family-name\">\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpEmail\">\r\n <label class=\"enquiry-label\" for=\"eqEmail\">\r\n Email Address\r\n <\/label>\r\n <input type=\"email\" class=\"enquiry-input\" id=\"eqEmail\" placeholder=\"john@example.com\" autocomplete=\"email\">\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter a valid email address<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpPhone\">\r\n <label class=\"enquiry-label\" for=\"eqPhone\">\r\n Phone Number <span class=\"req\"><\/span>\r\n <\/label>\r\n <div class=\"enquiry-phone-wrap\">\r\n <div class=\"enquiry-phone-prefix\">\r\n <span class=\"enquiry-phone-flag\">\ud83c\udde6\ud83c\uddea<\/span>\r\n <span class=\"enquiry-phone-code\">+971<\/span>\r\n <\/div>\r\n <input type=\"tel\" class=\"enquiry-phone-input\" id=\"eqPhone\" placeholder=\"50 123 4567\" autocomplete=\"tel\" required>\r\n <\/div>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please enter a valid phone number<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\" id=\"grpInterest\">\r\n <label class=\"enquiry-label\" for=\"eqInterest\">\r\n What Are You Looking For? <span class=\"req\"><\/span>\r\n <\/label>\r\n <div class=\"enquiry-select-wrap\">\r\n <select class=\"enquiry-select\" id=\"eqInterest\" required>\r\n <option value=\"\" disabled selected>Select your interest<\/option>\r\n <option value=\"Mattress\">Mattress<\/option>\r\n <option value=\"Pillow\">Pillow<\/option>\r\n <option value=\"Bed Frame\">Bed Frame<\/option>\r\n <option value=\"Mattress Topper\">Mattress Topper<\/option>\r\n <option value=\"Bedding & Accessories\">Bedding & Accessories<\/option>\r\n <option value=\"Hotel \/ Bulk Order\">Hotel \/ Bulk Order<\/option>\r\n <option value=\"Custom Size\">Custom Size Request<\/option>\r\n <option value=\"General Enquiry\">General Enquiry<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"enquiry-error\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n <span>Please select your interest<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-group\">\r\n <label class=\"enquiry-label\" for=\"eqMessage\">\r\n Your Message\r\n <\/label>\r\n <textarea class=\"enquiry-textarea\" id=\"eqMessage\" placeholder=\"Tell us about your requirements \u2014 size, quantity, budget, or any questions...\" rows=\"4\"><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"enquiry-submit-area\">\r\n <button type=\"submit\" class=\"enquiry-submit-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01z\"\/><\/svg>\r\n <span>Send via WhatsApp<\/span>\r\n <\/button>\r\n <p class=\"enquiry-note\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z\"\/><\/svg>\r\n Your data is secure \u2014 we only use it to respond to your enquiry.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<script>\r\n(function() {\r\n \/\/ ===== CONFIGURATION =====\r\n \/\/ IMPORTANT: Use international format, digits only\r\n \/\/ UAE 050 4693914 \u2192 drop the leading 0 \u2192 971504693914\r\n var WA_NUMBER = '971504693914';\r\n\r\n var form = document.getElementById('enquiryForm');\r\n var successEl = document.getElementById('enquirySuccess');\r\n\r\n \/\/ Clear error on interaction\r\n document.querySelectorAll('.enquiry-input, .enquiry-select, .enquiry-textarea, .enquiry-phone-input').forEach(function(el) {\r\n el.addEventListener('input', function() {\r\n var g = this.closest('.enquiry-group');\r\n if (g) g.classList.remove('has-error');\r\n });\r\n el.addEventListener('change', function() {\r\n var g = this.closest('.enquiry-group');\r\n if (g) g.classList.remove('has-error');\r\n });\r\n });\r\n\r\n \/\/ Validation helpers\r\n function setError(id) {\r\n document.getElementById(id).classList.add('has-error');\r\n }\r\n function clearError(id) {\r\n document.getElementById(id).classList.remove('has-error');\r\n }\r\n function isValidEmail(v) {\r\n return !v || \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\r\n }\r\n function isValidPhone(v) {\r\n var c = v.replace(\/[\\s\\-\$\$]\/g, '');\r\n return c.length >= 7 && \/^[0-9]+$\/.test(c);\r\n }\r\n\r\n form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n var fname = document.getElementById('eqFname').value.trim();\r\n var lname = document.getElementById('eqLname').value.trim();\r\n var email = document.getElementById('eqEmail').value.trim();\r\n var phone = document.getElementById('eqPhone').value.trim();\r\n var interest = document.getElementById('eqInterest').value;\r\n var message = document.getElementById('eqMessage').value.trim();\r\n\r\n var ok = true;\r\n\r\n \/\/ First name\r\n if (!fname) { setError('grpFname'); ok = false; } else { clearError('grpFname'); }\r\n\r\n \/\/ Phone\r\n if (!phone || !isValidPhone(phone)) { setError('grpPhone'); ok = false; } else { clearError('grpPhone'); }\r\n\r\n \/\/ Interest\r\n if (!interest) { setError('grpInterest'); ok = false; } else { clearError('grpInterest'); }\r\n\r\n \/\/ Email (optional but validate format)\r\n if (email && !isValidEmail(email)) { setError('grpEmail'); ok = false; } else { clearError('grpEmail'); }\r\n\r\n if (!ok) {\r\n var firstErr = document.querySelector('.enquiry-group.has-error');\r\n if (firstErr) firstErr.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n return;\r\n }\r\n\r\n \/\/ Build WhatsApp message\r\n var name = lname ? fname + ' ' + lname : fname;\r\n var msg = '\ud83d\udecf\ufe0f *New Enquiry \u2014 Trendz Mattress*\\n';\r\n msg += '\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n\\n';\r\n msg += '\ud83d\udc64 *Name:* ' + name + '\\n';\r\n msg += '\ud83d\udcde *Phone:* +971 ' + phone + '\\n';\r\n if (email) msg += '\ud83d\udce7 *Email:* ' + email + '\\n';\r\n msg += '\ud83d\udd0d *Interest:* ' + interest + '\\n';\r\n if (message) msg += '\\n\ud83d\udcac *Message:*\\n' + message + '\\n';\r\n msg += '\\n\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\\n';\r\n msg += '\ud83d\udccc Sent from website enquiry form';\r\n\r\n \/\/ Build the WhatsApp URL with digits-only number\r\n var waURL = 'https:\/\/wa.me\/' + WA_NUMBER + '?text=' + encodeURIComponent(msg);\r\n\r\n \/\/ Show success overlay\r\n successEl.classList.add('active');\r\n\r\n \/\/ Open WhatsApp after short delay\r\n setTimeout(function() {\r\n window.open(waURL, '_blank');\r\n }, 700);\r\n\r\n \/\/ Reset form & hide overlay\r\n setTimeout(function() {\r\n form.reset();\r\n successEl.classList.remove('active');\r\n }, 3500);\r\n });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df51f96 e-con-full e-flex e-con e-parent\" data-id=\"df51f96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cad0d18 elementor-widget elementor-widget-html\" data-id=\"cad0d18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ============================================\r\n ===== FOOTER =====\r\n ============================================ *\/\r\n .footer {\r\n position: relative;\r\n background: #4169e1;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Background Pattern *\/\r\n .footer::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n radial-gradient(circle at 10% 20%, rgba(29, 55, 119, 0.3) 0%, transparent 50%),\r\n radial-gradient(circle at 90% 80%, rgba(29, 55, 119, 0.2) 0%, transparent 50%);\r\n pointer-events: none;\r\n }\r\n\r\n \/* Subtle Grid Lines *\/\r\n .footer-bg-pattern {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: repeating-linear-gradient(\r\n 90deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n ),\r\n repeating-linear-gradient(\r\n 0deg,\r\n transparent,\r\n transparent 100px,\r\n rgba(255, 255, 255, 0.008) 100px,\r\n rgba(255, 255, 255, 0.008) 101px\r\n );\r\n pointer-events: none;\r\n }\r\n\r\n \/* Top Gradient Line *\/\r\n .footer-top-line {\r\n height: 4px;\r\n background: #4169e1;\r\n }\r\n\r\n \/* ===== Main Footer ===== *\/\r\n .footer-main {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 80px 40px 60px;\r\n display: grid;\r\n grid-template-columns: 1.3fr 1fr 1fr 1.2fr;\r\n gap: 50px;\r\n }\r\n\r\n \/* ===== Column 1 - Brand ===== *\/\r\n .footer-brand {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-logo {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-logo-img {\r\n height: 24px;\r\n width: auto;\r\n filter: brightness(0) invert(1);\r\n object-fit: contain;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-logo:hover .footer-logo-img {\r\n opacity: 0.8;\r\n }\r\n\r\n .footer-brand-desc {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.45);\r\n line-height: 1.8;\r\n margin-bottom: 30px;\r\n max-width: 300px;\r\n }\r\n\r\n \/* Social Icons *\/\r\n .footer-socials {\r\n display: flex;\r\n gap: 10px;\r\n }\r\n\r\n .footer-social-link {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .footer-social-link:hover {\r\n background: #1D3777;\r\n border-color: #1D3777;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 25px rgba(29, 55, 119, 0.3);\r\n }\r\n\r\n .footer-social-link svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.5);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-social-link:hover svg {\r\n fill: #ffffff;\r\n }\r\n\r\n \/* ===== Column Headings ===== *\/\r\n .footer-heading {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 700;\r\n letter-spacing: 2.5px;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n margin-bottom: 28px;\r\n position: relative;\r\n padding-bottom: 14px;\r\n }\r\n\r\n .footer-heading::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 30px;\r\n height: 2px;\r\n background: linear-gradient(90deg, #a8c0ff, transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n \/* ===== Column 2 - Quick Links ===== *\/\r\n .footer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0;\r\n }\r\n\r\n .footer-link-item {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\r\n }\r\n\r\n .footer-link-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .footer-link {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 0;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.45);\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-link:hover {\r\n color: #ffffff;\r\n transform: translateX(6px);\r\n }\r\n\r\n .footer-link-arrow {\r\n width: 0;\r\n overflow: hidden;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .footer-link:hover .footer-link-arrow {\r\n width: 16px;\r\n }\r\n\r\n .footer-link-arrow svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #a8c0ff;\r\n min-width: 14px;\r\n }\r\n\r\n \/* ===== Column 3 - Products ===== *\/\r\n \/* Uses same .footer-links styles *\/\r\n\r\n \/* ===== Column 4 - Contact ===== *\/\r\n .footer-contact-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .footer-contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n transition: all 0.3s ease;\r\n cursor: default;\r\n }\r\n\r\n .footer-contact-item:hover {\r\n transform: translateX(4px);\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 42px;\r\n height: 42px;\r\n min-width: 42px;\r\n border-radius: 12px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon {\r\n background: rgba(29, 55, 119, 0.4);\r\n border-color: rgba(168, 192, 255, 0.2);\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 18px;\r\n height: 18px;\r\n fill: rgba(255, 255, 255, 0.4);\r\n transition: fill 0.3s ease;\r\n }\r\n\r\n .footer-contact-item:hover .footer-contact-icon svg {\r\n fill: #a8c0ff;\r\n }\r\n\r\n .footer-contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 3px;\r\n }\r\n\r\n .footer-contact-label {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-contact-value {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.65);\r\n line-height: 1.6;\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n a.footer-contact-value:hover {\r\n color: #ffffff;\r\n }\r\n\r\n \/* ===== Newsletter Row ===== *\/\r\n .footer-newsletter {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 40px;\r\n padding: 40px 50px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .footer-newsletter-form {\r\n display: flex;\r\n gap: 12px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 300px;\r\n padding: 15px 22px;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: #ffffff;\r\n outline: none;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-input::placeholder {\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-newsletter-input:focus {\r\n border-color: rgba(168, 192, 255, 0.4);\r\n background: rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 15px 32px;\r\n background: #ffffff;\r\n color: #1D3777;\r\n border: none;\r\n border-radius: 50px;\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .footer-newsletter-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);\r\n background: #e8edf8;\r\n }\r\n\r\n .footer-newsletter-btn svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: #1D3777;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-newsletter-btn:hover svg {\r\n transform: translateX(3px);\r\n }\r\n\r\n \/* ===== Bottom Bar ===== *\/\r\n .footer-bottom {\r\n position: relative;\r\n z-index: 1;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .footer-bottom-inner {\r\n max-width: 1300px;\r\n margin: 0 auto;\r\n padding: 28px 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 13px;\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .footer-copyright a {\r\n color: rgba(255, 255, 255, 0.5);\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .footer-copyright a:hover {\r\n color: #a8c0ff;\r\n }\r\n\r\n .footer-bottom-links {\r\n display: flex;\r\n gap: 30px;\r\n list-style: none;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-family: 'Montserrat', sans-serif;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: rgba(255, 255, 255, 0.3);\r\n text-decoration: none;\r\n transition: color 0.3s ease;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .footer-bottom-link:hover {\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n \/* Scroll to Top *\/\r\n .footer-scroll-top {\r\n position: absolute;\r\n top: -24px;\r\n right: 60px;\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 50%;\r\n background: #1D3777;\r\n border: 3px solid #0f1d3d;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 4px 20px rgba(29, 55, 119, 0.3);\r\n z-index: 5;\r\n }\r\n\r\n .footer-scroll-top:hover {\r\n background: #2a4fa0;\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 30px rgba(29, 55, 119, 0.4);\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: #ffffff;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .footer-scroll-top:hover svg {\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - TABLET\r\n ============================================ *\/\r\n @media (max-width: 1024px) {\r\n .footer-main {\r\n padding: 65px 30px 50px;\r\n grid-template-columns: 1.2fr 1fr 1fr;\r\n gap: 40px;\r\n }\r\n\r\n \/* Contact column goes full width below *\/\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n gap: 24px;\r\n }\r\n\r\n .footer-contact-item {\r\n flex: 1;\r\n min-width: 200px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 35px 40px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 250px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 40px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - MOBILE\r\n ============================================ *\/\r\n @media (max-width: 768px) {\r\n .footer-main {\r\n padding: 55px 20px 40px;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 40px 30px;\r\n }\r\n\r\n .footer-brand {\r\n grid-column: 1 \/ -1;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-brand-desc {\r\n max-width: 400px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .footer-socials {\r\n justify-content: center;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-col-contact {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .footer-contact-list {\r\n flex-direction: column;\r\n gap: 18px;\r\n }\r\n\r\n .footer-contact-item {\r\n min-width: auto;\r\n }\r\n\r\n \/* Newsletter *\/\r\n .footer-newsletter {\r\n padding: 0 20px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 30px 28px;\r\n gap: 24px;\r\n border-radius: 16px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .footer-newsletter-form {\r\n width: 100%;\r\n flex-direction: column;\r\n }\r\n\r\n .footer-newsletter-input {\r\n width: 100%;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n \/* Bottom Bar *\/\r\n .footer-bottom-inner {\r\n flex-direction: column;\r\n text-align: center;\r\n padding: 24px 20px;\r\n gap: 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n gap: 20px;\r\n }\r\n\r\n .footer-copyright {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-bottom-link {\r\n font-size: 11px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 30px;\r\n width: 44px;\r\n height: 44px;\r\n top: -22px;\r\n }\r\n\r\n .footer-scroll-top svg {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE - SMALL MOBILE\r\n ============================================ *\/\r\n @media (max-width: 480px) {\r\n .footer-main {\r\n grid-template-columns: 1fr;\r\n gap: 35px;\r\n padding: 45px 16px 35px;\r\n }\r\n\r\n .footer-brand {\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .footer-heading {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-heading::after {\r\n left: 0;\r\n }\r\n\r\n .footer-link {\r\n font-size: 13px;\r\n padding: 10px 0;\r\n }\r\n\r\n .footer-contact-icon {\r\n width: 38px;\r\n height: 38px;\r\n min-width: 38px;\r\n }\r\n\r\n .footer-contact-icon svg {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .footer-contact-value {\r\n font-size: 13px;\r\n }\r\n\r\n .footer-newsletter {\r\n padding: 0 16px;\r\n }\r\n\r\n .footer-newsletter-inner {\r\n padding: 26px 22px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-newsletter-text h4 {\r\n font-size: 18px;\r\n }\r\n\r\n .footer-newsletter-text p {\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-input {\r\n padding: 14px 20px;\r\n font-size: 12px;\r\n }\r\n\r\n .footer-newsletter-btn {\r\n padding: 14px 28px;\r\n font-size: 11px;\r\n }\r\n\r\n .footer-bottom-inner {\r\n padding: 22px 16px;\r\n }\r\n\r\n .footer-bottom-links {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n\r\n .footer-scroll-top {\r\n right: 20px;\r\n width: 40px;\r\n height: 40px;\r\n top: -20px;\r\n }\r\n }\r\n<\/style>\r\n\r\n\r\n\r\n<footer class=\"footer\" id=\"footer\">\r\n\r\n \r\n <div class=\"footer-top-line\"><\/div>\r\n\r\n \r\n <div class=\"footer-bg-pattern\"><\/div>\r\n\r\n \r\n <div class=\"footer-main\">\r\n\r\n \r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/www.trendzuae.com\/wp-content\/uploads\/2026\/02\/Untitled-design-2026-02-20T103457.746.png\"\r\n alt=\"Trendz Mattress\" class=\"footer-logo-img\"\r\n onerror=\"this.style.display='none';\">\r\n <\/a>\r\n <p class=\"footer-brand-desc\">\r\n Trendz Mattress is a leading manufacturer and supplier of premium mattresses,\r\n bed linens, and bath essentials across the UAE. Crafting comfort since 2008.\r\n <\/p>\r\n <div class=\"footer-socials\">\r\n <a href=\"https:\/\/www.facebook.com\/share\/1FYcTnWXq9\/?mibextid=wwXIfr\" class=\"footer-social-link\" aria-label=\"Facebook\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/trendzlifestyleuae?igsh=MTRxM3AwMjJwemZndQ%3D%3D&utm_source=qr\" class=\"footer-social-link\" aria-label=\"Instagram\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/+971504693914\" class=\"footer-social-link\" aria-label=\"WhatsApp\">\r\n <div class=\"cta-social-btn\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/div>\r\n <\/a>\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Quick Links<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/home\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Home\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/about-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n About Us\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/products\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Products\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/blog\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Blog\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"https:\/\/www.trendzuae.com\/index.php\/contact-us\/\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Contact Us\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h4 class=\"footer-heading\">Products<\/h4>\r\n <ul class=\"footer-links\">\r\n <li class=\"footer-link-item\">\r\n <a href=\"#mattress\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Mattress\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedlinen\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bed Linen\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bedding\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bedding Accessories\r\n <\/a>\r\n <\/li>\r\n <li class=\"footer-link-item\">\r\n <a href=\"#bath\" class=\"footer-link\">\r\n <span class=\"footer-link-arrow\"><svg viewBox=\"0 0 24 24\"><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"\/><\/svg><\/span>\r\n Bath Essentials\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col footer-col-contact\">\r\n <h4 class=\"footer-heading\">Contact Us<\/h4>\r\n <div class=\"footer-contact-list\">\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Location<\/span>\r\n <span class=\"footer-contact-value\">Showroom No. 7, New Rocky Tower, Zabeel Road, Karama, Dubai, UAE\r\nP.O. Box: 32514<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Call Us<\/span>\r\n <a href=\"tel:+971 504693914\" class=\"footer-contact-value\">+971 504693914 \/ +971 55 7043405<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Email<\/span>\r\n <a href=\"mailto:info@trendzuae.com\" class=\"footer-contact-value\">info@trendzuae.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-contact-item\">\r\n <div class=\"footer-contact-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"footer-contact-info\">\r\n <span class=\"footer-contact-label\">Working Hours<\/span>\r\n <span class=\"footer-contact-value\">Mon \u2013 Sat: 10 AM \u2013 10 PM<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n\r\n \r\n <div class=\"footer-bottom\">\r\n\r\n \r\n <div class=\"footer-scroll-top\" id=\"scrollToTop\" aria-label=\"Back to top\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"\/><\/svg>\r\n <\/div>\r\n\r\n <div class=\"footer-bottom-inner\">\r\n <p class=\"footer-copyright\">\r\n \u00a9 2025 <a href=\"#\">Trendz Lifestyle and Accessories LLC<\/a>. All rights reserved.\r\n <\/p>\r\n \r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n const scrollBtn = document.getElementById('scrollToTop');\r\n if (scrollBtn) {\r\n scrollBtn.addEventListener('click', () => {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n }\r\n})();\r\n<\/script>\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>Trendz Mattress +971 504693914, +971 55 7043405 info@trendzuae.com Home About Us Products Blog Contact Us Get Quote +971 504693914, +971 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":37,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/www.trendzuae.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}