{"id":220,"date":"2025-07-05T14:10:39","date_gmt":"2025-07-05T14:10:39","guid":{"rendered":"https:\/\/idealfloors-sa.com\/?page_id=220"},"modified":"2025-11-23T05:40:54","modified_gmt":"2025-11-23T05:40:54","slug":"products","status":"publish","type":"page","link":"https:\/\/idealfloors-sa.com\/ar\/products\/","title":{"rendered":"\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"220\" class=\"elementor elementor-220\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-849db10 e-flex e-con-boxed e-con e-parent\" data-id=\"849db10\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83ce4c8 e-con-full e-flex e-con e-parent\" data-id=\"83ce4c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-470d852 elementor-widget elementor-widget-html\" data-id=\"470d852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Products Complete Page -->\r\n<div class=\"products-page-container\">\r\n  <style>\r\n    .products-page-container {\r\n      background: #fcfff0 !important;\r\n      min-height: 100vh !important;\r\n      font-family: 'Arial', sans-serif !important;\r\n    }\r\n    \r\n    \/* ==================== HERO SECTION ==================== *\/\r\n    .products-hero-section {\r\n      background: linear-gradient(135deg, #007099 0%, #48c2cb 100%) !important;\r\n      padding: 140px 0 100px 0 !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .products-hero-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: -50% !important;\r\n      right: -20% !important;\r\n      width: 800px !important;\r\n      height: 800px !important;\r\n      background: radial-gradient(circle, rgba(252,255,240,0.08) 0%, transparent 70%) !important;\r\n      border-radius: 50% !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .products-hero-section::after {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      bottom: -40% !important;\r\n      left: -15% !important;\r\n      width: 600px !important;\r\n      height: 600px !important;\r\n      background: radial-gradient(circle, rgba(175,202,72,0.1) 0%, transparent 70%) !important;\r\n      border-radius: 50% !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .hero-content-wrapper {\r\n      max-width: 1200px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n      text-align: center !important;\r\n    }\r\n    \r\n    .hero-breadcrumb {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      background: rgba(252,255,240,0.15) !important;\r\n      color: #fcfff0 !important;\r\n      padding: 12px 28px !important;\r\n      border-radius: 30px !important;\r\n      font-size: 1rem !important;\r\n      font-weight: 600 !important;\r\n      margin-bottom: 45px !important;\r\n      backdrop-filter: blur(10px) !important;\r\n      border: 2px solid rgba(252,255,240,0.2) !important;\r\n      animation: fadeInDown 0.8s ease-out !important;\r\n    }\r\n    \r\n    .hero-primary-title {\r\n      font-size: 5rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 30px !important;\r\n      line-height: 1.1 !important;\r\n      text-shadow: 3px 3px 12px rgba(0,0,0,0.3) !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .hero-subtitle {\r\n      font-size: 1.5rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      max-width: 850px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.7 !important;\r\n      animation: fadeInUp 1.2s ease-out !important;\r\n    }\r\n    \r\n    \/* ==================== OVERVIEW SECTION ==================== *\/\r\n    .products-overview-area {\r\n      background: #fcfff0 !important;\r\n      padding: 120px 0 !important;\r\n      position: relative !important;\r\n    }\r\n    \r\n    .products-overview-area::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      background: radial-gradient(circle at 70% 30%, rgba(0,112,153,0.03) 0%, transparent 50%), \r\n                  radial-gradient(circle at 30% 70%, rgba(175,202,72,0.03) 0%, transparent 50%) !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .overview-content-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .overview-header {\r\n      text-align: center !important;\r\n      margin-bottom: 90px !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .overview-badge {\r\n      display: inline-block !important;\r\n      background: #007099 !important;\r\n      color: #fcfff0 !important;\r\n      padding: 10px 25px !important;\r\n      border-radius: 25px !important;\r\n      font-size: 0.95rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 30px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n      animation: pulse 2s infinite !important;\r\n    }\r\n    \r\n    .overview-main-title {\r\n      font-size: 4rem !important;\r\n      font-weight: 900 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 30px !important;\r\n      line-height: 1.2 !important;\r\n      text-shadow: 2px 2px 4px rgba(0,112,153,0.1) !important;\r\n    }\r\n    \r\n    .overview-description {\r\n      font-size: 1.4rem !important;\r\n      color: #000000 !important;\r\n      opacity: 0.85 !important;\r\n      max-width: 850px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n    \r\n    .overview-content-grid {\r\n      display: grid !important;\r\n      grid-template-columns: 1.1fr 0.9fr !important;\r\n      gap: 80px !important;\r\n      align-items: center !important;\r\n      margin-bottom: 80px !important;\r\n    }\r\n    \r\n    .overview-text-content {\r\n      position: relative !important;\r\n      animation: slideInLeft 1s ease-out !important;\r\n    }\r\n    \r\n    .overview-text-intro {\r\n      font-size: 1.25rem !important;\r\n      color: #000000 !important;\r\n      opacity: 0.85 !important;\r\n      line-height: 1.9 !important;\r\n      margin-bottom: 35px !important;\r\n    }\r\n    \r\n    .overview-features-list {\r\n      list-style: none !important;\r\n      padding: 0 !important;\r\n      margin: 30px 0 !important;\r\n    }\r\n    \r\n    .overview-feature-item {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 18px !important;\r\n      margin-bottom: 22px !important;\r\n      padding: 18px 20px !important;\r\n      background: rgba(0,112,153,0.05) !important;\r\n      border-radius: 12px !important;\r\n      border-left: 5px solid #afca48 !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .overview-feature-item:hover {\r\n      background: rgba(0,112,153,0.1) !important;\r\n      transform: translateX(8px) !important;\r\n      box-shadow: 0 5px 15px rgba(0,112,153,0.1) !important;\r\n    }\r\n    \r\n    .feature-icon {\r\n      color: #007099 !important;\r\n      font-size: 1.4rem !important;\r\n      min-width: 24px !important;\r\n    }\r\n    \r\n    .feature-text {\r\n      font-size: 1.15rem !important;\r\n      color: #000000 !important;\r\n      opacity: 0.85 !important;\r\n      font-weight: 600 !important;\r\n    }\r\n    \r\n    .overview-highlight-box {\r\n      background: linear-gradient(135deg, #007099, #48c2cb) !important;\r\n      color: #fcfff0 !important;\r\n      padding: 35px 30px !important;\r\n      border-radius: 18px !important;\r\n      margin: 40px 0 0 0 !important;\r\n      text-align: center !important;\r\n      box-shadow: 0 15px 40px rgba(0,112,153,0.2) !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .overview-highlight-box::before {\r\n      content: '\"' !important;\r\n      position: absolute !important;\r\n      top: 10px !important;\r\n      left: 20px !important;\r\n      font-size: 5rem !important;\r\n      color: rgba(252,255,240,0.15) !important;\r\n      font-family: Georgia, serif !important;\r\n      line-height: 1 !important;\r\n    }\r\n    \r\n    .highlight-text {\r\n      font-size: 1.3rem !important;\r\n      font-style: italic !important;\r\n      line-height: 1.7 !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .overview-visual-content {\r\n      position: relative !important;\r\n      animation: slideInRight 1s ease-out !important;\r\n    }\r\n    \r\n    .overview-image-stack {\r\n      position: relative !important;\r\n      height: 550px !important;\r\n    }\r\n    \r\n    .overview-main-image {\r\n      width: 100% !important;\r\n      height: 450px !important;\r\n      object-fit: cover !important;\r\n      border-radius: 25px !important;\r\n      box-shadow: 0 30px 60px rgba(0,112,153,0.25) !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      border: 8px solid #ffffff !important;\r\n    }\r\n    \r\n    .overview-stats-card {\r\n      position: absolute !important;\r\n      bottom: 0 !important;\r\n      right: 0 !important;\r\n      background: linear-gradient(135deg, #afca48, #007099) !important;\r\n      color: #fcfff0 !important;\r\n      padding: 35px 30px !important;\r\n      border-radius: 20px !important;\r\n      box-shadow: 0 20px 45px rgba(0,0,0,0.3) !important;\r\n      text-align: center !important;\r\n      min-width: 200px !important;\r\n      animation: float 3s ease-in-out infinite !important;\r\n    }\r\n    \r\n    .stats-number {\r\n      font-size: 3rem !important;\r\n      font-weight: 900 !important;\r\n      margin-bottom: 12px !important;\r\n      text-shadow: 2px 2px 6px rgba(0,0,0,0.2) !important;\r\n    }\r\n    \r\n    .stats-label {\r\n      font-size: 1.1rem !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    \/* ==================== CATEGORIES SECTION ==================== *\/\r\n    .product-categories-zone {\r\n      background: #007099 !important;\r\n      padding: 120px 0 !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .product-categories-zone::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      bottom: 0 !important;\r\n      background: linear-gradient(135deg, rgba(0,112,153,0.95) 0%, rgba(72,194,203,0.95) 100%) !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .categories-content-container {\r\n      max-width: 1400px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .categories-header {\r\n      text-align: center !important;\r\n      margin-bottom: 90px !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .categories-main-title {\r\n      font-size: 4rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 30px !important;\r\n      text-shadow: 3px 3px 10px rgba(0,0,0,0.3) !important;\r\n    }\r\n    \r\n    .categories-subtitle {\r\n      font-size: 1.4rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      max-width: 800px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n    \r\n    .product-categories-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr) !important;\r\n      gap: 35px !important;\r\n    }\r\n    \r\n    .product-category-card {\r\n      background: rgba(252,255,240,0.98) !important;\r\n      padding: 45px 35px !important;\r\n      border-radius: 25px !important;\r\n      text-align: center !important;\r\n      transition: all 0.4s ease !important;\r\n      backdrop-filter: blur(15px) !important;\r\n      text-decoration: none !important;\r\n      display: block !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.2) !important;\r\n      animation: fadeInUp 1s ease-out !important;\r\n    }\r\n    \r\n    .product-category-card:nth-child(1) { animation-delay: 0.1s !important; }\r\n    .product-category-card:nth-child(2) { animation-delay: 0.2s !important; }\r\n    .product-category-card:nth-child(3) { animation-delay: 0.3s !important; }\r\n    .product-category-card:nth-child(4) { animation-delay: 0.4s !important; }\r\n    .product-category-card:nth-child(5) { animation-delay: 0.5s !important; }\r\n    .product-category-card:nth-child(6) { animation-delay: 0.6s !important; }\r\n    \r\n    .product-category-card::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      height: 5px !important;\r\n      background: linear-gradient(90deg, #007099, #afca48, #48c2cb) !important;\r\n    }\r\n    \r\n    .product-category-card:hover {\r\n      background: #fcfff0 !important;\r\n      transform: translateY(-15px) !important;\r\n      box-shadow: 0 30px 70px rgba(0,0,0,0.3) !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    .category-icon-container {\r\n      display: inline-flex !important;\r\n      background: linear-gradient(135deg, #007099, #48c2cb) !important;\r\n      color: #fcfff0 !important;\r\n      width: 110px !important;\r\n      height: 110px !important;\r\n      border-radius: 50% !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      font-size: 3.2rem !important;\r\n      margin-bottom: 30px !important;\r\n      box-shadow: 0 15px 40px rgba(0,112,153,0.3) !important;\r\n      transition: all 0.4s ease !important;\r\n    }\r\n    \r\n    .product-category-card:hover .category-icon-container {\r\n      background: linear-gradient(135deg, #afca48, #007099) !important;\r\n      transform: scale(1.15) rotateY(360deg) !important;\r\n    }\r\n    \r\n    .category-title {\r\n      font-size: 1.9rem !important;\r\n      font-weight: 800 !important;\r\n      color: #007099 !important;\r\n      margin-bottom: 20px !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .category-description {\r\n      font-size: 1.05rem !important;\r\n      color: #000000 !important;\r\n      opacity: 0.8 !important;\r\n      line-height: 1.7 !important;\r\n      margin-bottom: 28px !important;\r\n    }\r\n    \r\n    .category-features {\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      gap: 10px !important;\r\n      justify-content: center !important;\r\n      margin-bottom: 28px !important;\r\n    }\r\n    \r\n    .category-feature-tag {\r\n      background: rgba(0,112,153,0.08) !important;\r\n      color: #007099 !important;\r\n      padding: 8px 16px !important;\r\n      border-radius: 20px !important;\r\n      font-size: 0.9rem !important;\r\n      font-weight: 600 !important;\r\n      border: 1px solid rgba(0,112,153,0.2) !important;\r\n      transition: all 0.3s ease !important;\r\n    }\r\n    \r\n    .product-category-card:hover .category-feature-tag {\r\n      background: rgba(175,202,72,0.15) !important;\r\n      color: #007099 !important;\r\n      border-color: #afca48 !important;\r\n    }\r\n    \r\n    .category-cta-icon {\r\n      display: inline-flex !important;\r\n      background: #007099 !important;\r\n      color: #fcfff0 !important;\r\n      width: 55px !important;\r\n      height: 55px !important;\r\n      border-radius: 50% !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      font-size: 1.3rem !important;\r\n      transition: all 0.3s ease !important;\r\n      box-shadow: 0 8px 20px rgba(0,112,153,0.3) !important;\r\n    }\r\n    \r\n    .product-category-card:hover .category-cta-icon {\r\n      background: #afca48 !important;\r\n      color: #007099 !important;\r\n      transform: translateX(5px) !important;\r\n    }\r\n    \r\n    \/* ==================== CTA SECTION ==================== *\/\r\n    .products-cta-section {\r\n      background: linear-gradient(135deg, #afca48 0%, #007099 100%) !important;\r\n      padding: 100px 0 !important;\r\n      text-align: center !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n    }\r\n    \r\n    .products-cta-section::before {\r\n      content: '' !important;\r\n      position: absolute !important;\r\n      top: 50% !important;\r\n      left: 50% !important;\r\n      width: 800px !important;\r\n      height: 800px !important;\r\n      background: radial-gradient(circle, rgba(252,255,240,0.08) 0%, transparent 70%) !important;\r\n      transform: translate(-50%, -50%) !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    .cta-content-container {\r\n      max-width: 900px !important;\r\n      margin: 0 auto !important;\r\n      padding: 0 30px !important;\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n    }\r\n    \r\n    .cta-main-title {\r\n      font-size: 3.5rem !important;\r\n      font-weight: 900 !important;\r\n      color: #fcfff0 !important;\r\n      margin-bottom: 30px !important;\r\n      text-shadow: 3px 3px 10px rgba(0,0,0,0.3) !important;\r\n      line-height: 1.2 !important;\r\n    }\r\n    \r\n    .cta-description {\r\n      font-size: 1.35rem !important;\r\n      color: #fcfff0 !important;\r\n      opacity: 0.95 !important;\r\n      margin-bottom: 45px !important;\r\n      line-height: 1.7 !important;\r\n    }\r\n    \r\n    .cta-buttons-group {\r\n      display: flex !important;\r\n      flex-wrap: wrap !important;\r\n      gap: 25px !important;\r\n      justify-content: center !important;\r\n    }\r\n    \r\n    .cta-primary-button {\r\n      background: #fcfff0 !important;\r\n      color: #007099 !important;\r\n      padding: 20px 45px !important;\r\n      border-radius: 50px !important;\r\n      text-decoration: none !important;\r\n      font-weight: 700 !important;\r\n      font-size: 1.2rem !important;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      transition: all 0.3s ease !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;\r\n    }\r\n    \r\n    .cta-primary-button:hover {\r\n      background: #007099 !important;\r\n      color: #fcfff0 !important;\r\n      transform: translateY(-5px) scale(1.05) !important;\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    .cta-secondary-button {\r\n      background: transparent !important;\r\n      color: #fcfff0 !important;\r\n      padding: 20px 45px !important;\r\n      border: 3px solid #fcfff0 !important;\r\n      border-radius: 50px !important;\r\n      text-decoration: none !important;\r\n      font-weight: 700 !important;\r\n      font-size: 1.2rem !important;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 12px !important;\r\n      transition: all 0.3s ease !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .cta-secondary-button:hover {\r\n      background: #fcfff0 !important;\r\n      color: #007099 !important;\r\n      transform: translateY(-5px) !important;\r\n      box-shadow: 0 15px 35px rgba(252,255,240,0.3) !important;\r\n      text-decoration: none !important;\r\n    }\r\n    \r\n    \/* ==================== ANIMATIONS ==================== *\/\r\n    @keyframes fadeInUp {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateY(50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes fadeInDown {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateY(-30px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateY(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes slideInLeft {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(-50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes slideInRight {\r\n      from {\r\n        opacity: 0 !important;\r\n        transform: translateX(50px) !important;\r\n      }\r\n      to {\r\n        opacity: 1 !important;\r\n        transform: translateX(0) !important;\r\n      }\r\n    }\r\n    \r\n    @keyframes pulse {\r\n      0%, 100% { transform: scale(1) !important; }\r\n      50% { transform: scale(1.05) !important; }\r\n    }\r\n    \r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0px) !important; }\r\n      50% { transform: translateY(-15px) !important; }\r\n    }\r\n    \r\n    \/* ==================== RESPONSIVE DESIGN ==================== *\/\r\n    @media (max-width: 1200px) {\r\n      .product-categories-grid {\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 30px !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 1024px) {\r\n      .overview-content-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 60px !important;\r\n      }\r\n      \r\n      .hero-primary-title {\r\n        font-size: 4rem !important;\r\n      }\r\n      \r\n      .overview-main-title,\r\n      .categories-main-title {\r\n        font-size: 3.2rem !important;\r\n      }\r\n      \r\n      .cta-main-title {\r\n        font-size: 3rem !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .products-hero-section {\r\n        padding: 100px 0 70px 0 !important;\r\n      }\r\n      \r\n      .hero-content-wrapper,\r\n      .overview-content-container,\r\n      .categories-content-container,\r\n      .cta-content-container {\r\n        padding: 0 20px !important;\r\n      }\r\n      \r\n      .hero-primary-title {\r\n        font-size: 3rem !important;\r\n      }\r\n      \r\n      .overview-main-title,\r\n      .categories-main-title {\r\n        font-size: 2.5rem !important;\r\n      }\r\n      \r\n      .cta-main-title {\r\n        font-size: 2.3rem !important;\r\n      }\r\n      \r\n      .products-overview-area,\r\n      .product-categories-zone,\r\n      .products-cta-section {\r\n        padding: 80px 0 !important;\r\n      }\r\n      \r\n      .product-categories-grid {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 25px !important;\r\n      }\r\n      \r\n      .product-category-card {\r\n        padding: 40px 30px !important;\r\n      }\r\n      \r\n      .overview-image-stack {\r\n        height: 450px !important;\r\n      }\r\n      \r\n      .overview-main-image {\r\n        height: 380px !important;\r\n      }\r\n      \r\n      .cta-buttons-group {\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        gap: 15px !important;\r\n      }\r\n      \r\n      .cta-primary-button,\r\n      .cta-secondary-button {\r\n        width: 100% !important;\r\n        justify-content: center !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .hero-primary-title {\r\n        font-size: 2.3rem !important;\r\n      }\r\n      \r\n      .overview-main-title,\r\n      .categories-main-title {\r\n        font-size: 2rem !important;\r\n      }\r\n      \r\n      .cta-main-title {\r\n        font-size: 1.9rem !important;\r\n      }\r\n      \r\n      .product-category-card {\r\n        padding: 35px 25px !important;\r\n      }\r\n      \r\n      .category-title {\r\n        font-size: 1.6rem !important;\r\n      }\r\n      \r\n      .category-icon-container {\r\n        width: 90px !important;\r\n        height: 90px !important;\r\n        font-size: 2.8rem !important;\r\n      }\r\n      \r\n      .overview-image-stack {\r\n        height: 380px !important;\r\n      }\r\n      \r\n      .overview-main-image {\r\n        height: 320px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <!-- ==================== HERO SECTION ==================== -->\r\n  <section class=\"products-hero-section\">\r\n    <div class=\"hero-content-wrapper\">\r\n      <div class=\"hero-breadcrumb\">\r\n        <i class=\"fas fa-home\"><\/i>\r\n        <span>\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\r\n        <i class=\"fas fa-chevron-right\"><\/i>\r\n        <span>\u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a<\/span>\r\n      <\/div>\r\n      \r\n      <h1 class=\"hero-primary-title\">Our Premium Products<\/h1>\r\n      \r\n      <p class=\"hero-subtitle\">\r\n        Discover our comprehensive range of world-class flooring solutions designed to meet the highest standards of quality, durability, and aesthetic appeal across all sectors.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== OVERVIEW SECTION ==================== -->\r\n  <section class=\"products-overview-area\">\r\n    <div class=\"overview-content-container\">\r\n      <div class=\"overview-header\">\r\n        <div class=\"overview-badge\">\r\n          <i class=\"fas fa-star\"><\/i> Product Overview\r\n        <\/div>\r\n        <h2 class=\"overview-main-title\">Excellence in Every Floor<\/h2>\r\n        <p class=\"overview-description\">\r\n          From healthcare facilities to luxury residences, our diverse product range offers the perfect flooring solution for every application and environment.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"overview-content-grid\">\r\n        <div class=\"overview-text-content\">\r\n          <p class=\"overview-text-intro\">\r\n            At Ideal Floors, we represent the finest international brands and cutting-edge flooring technologies. Our product portfolio spans across multiple categories, each designed to meet specific industry requirements and aesthetic preferences.\r\n          <\/p>\r\n          \r\n          <ul class=\"overview-features-list\">\r\n            <li class=\"overview-feature-item\">\r\n              <i class=\"fas fa-certificate feature-icon\"><\/i>\r\n              <span class=\"feature-text\">International Quality Standards<\/span>\r\n            <\/li>\r\n            <li class=\"overview-feature-item\">\r\n              <i class=\"fas fa-shield-alt feature-icon\"><\/i>\r\n              <span class=\"feature-text\">Comprehensive Warranty Coverage<\/span>\r\n            <\/li>\r\n            <li class=\"overview-feature-item\">\r\n              <i class=\"fas fa-leaf feature-icon\"><\/i>\r\n              <span class=\"feature-text\">Environmentally Sustainable Options<\/span>\r\n            <\/li>\r\n            <li class=\"overview-feature-item\">\r\n              <i class=\"fas fa-tools feature-icon\"><\/i>\r\n              <span class=\"feature-text\">Professional Installation Services<\/span>\r\n            <\/li>\r\n            <li class=\"overview-feature-item\">\r\n              <i class=\"fas fa-palette feature-icon\"><\/i>\r\n              <span class=\"feature-text\">Extensive Design & Color Options<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n          \r\n          <div class=\"overview-highlight-box\">\r\n            <p class=\"highlight-text\">\r\n              Every product in our collection is carefully selected to ensure it meets our rigorous standards for quality, performance, and longevity.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"overview-visual-content\">\r\n          <div class=\"overview-image-stack\">\r\n            <img decoding=\"async\" src=\"https:\/\/idealfloors-sa.com\/wp-content\/uploads\/2025\/07\/Homogeneous.jpg\" \r\n                 alt=\"Premium Flooring Products\" \r\n                 class=\"overview-main-image\">\r\n            \r\n            <div class=\"overview-stats-card\">\r\n              <div class=\"stats-number\">6+<\/div>\r\n              <div class=\"stats-label\">Product Lines<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== CATEGORIES SECTION ==================== -->\r\n  <section class=\"product-categories-zone\">\r\n    <div class=\"categories-content-container\">\r\n      <div class=\"categories-header\">\r\n        <h2 class=\"categories-main-title\">Product Categories<\/h2>\r\n        <p class=\"categories-subtitle\">\r\n          Explore our comprehensive range of flooring solutions, each engineered for specific applications and performance requirements.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"product-categories-grid\">\r\n        <!-- Homogeneous -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/homogeneous-2\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-layer-group\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">\u0645\u062a\u062c\u0627\u0646\u0633<\/h3>\r\n          <p class=\"category-description\">\r\n            Single-layer vinyl flooring offering exceptional durability and consistent performance throughout its thickness, ideal for high-traffic commercial environments.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Heavy Duty<\/span>\r\n            <span class=\"category-feature-tag\">Consistent Color<\/span>\r\n            <span class=\"category-feature-tag\">Easy Maintenance<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Heterogeneous -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/heterogeneous-2\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-layer-group\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">\u063a\u064a\u0631 \u0645\u062a\u062c\u0627\u0646\u0633\u0629<\/h3>\r\n          <p class=\"category-description\">\r\n            Multi-layer vinyl flooring combining a decorative surface with enhanced backing layers, providing superior design flexibility and performance characteristics.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Design Variety<\/span>\r\n            <span class=\"category-feature-tag\">Sound Absorption<\/span>\r\n            <span class=\"category-feature-tag\">Comfort Layer<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Luxury Vinyl Tiles -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/luxury-vinyl-tiles-2\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-gem\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">\u0628\u0644\u0627\u0637 \u0627\u0644\u0641\u064a\u0646\u064a\u0644 \u0627\u0644\u0641\u0627\u062e\u0631<\/h3>\r\n          <p class=\"category-description\">\r\n            Premium LVT flooring that perfectly replicates natural materials like wood and stone, offering luxury aesthetics with practical vinyl benefits.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Natural Look<\/span>\r\n            <span class=\"category-feature-tag\">Water Resistant<\/span>\r\n            <span class=\"category-feature-tag\">Easy Install<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Rubber -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/rubber-2\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-shield-alt\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">Rubber Flooring<\/h3>\r\n          <p class=\"category-description\">\r\n            High-performance rubber flooring providing exceptional safety, comfort, and slip resistance for sports facilities, healthcare environments, and industrial applications.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Slip Resistant<\/span>\r\n            <span class=\"category-feature-tag\">\u0627\u0645\u062a\u0635\u0627\u0635 \u0627\u0644\u0635\u062f\u0645\u0627\u062a<\/span>\r\n            <span class=\"category-feature-tag\">\u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Water Resistant Parquet -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/water-resistant-parquet-2\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-tint\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">\u0628\u0627\u0631\u0643\u064a\u0647 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0645\u0627\u0621<\/h3>\r\n          <p class=\"category-description\">\r\n            Elegant wood-look flooring with advanced water resistance technology, combining the beauty of natural wood with modern durability and protection.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Wood Aesthetic<\/span>\r\n            <span class=\"category-feature-tag\">Water Protection<\/span>\r\n            <span class=\"category-feature-tag\">\u062c\u0648\u062f\u0629 \u0645\u0645\u062a\u0627\u0632\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n        \r\n        <!-- Handrail & Protection (\u0645\u062d\u0644 Accessories) -->\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/handrail-protection-system\/\" class=\"product-category-card\">\r\n          <div class=\"category-icon-container\">\r\n            <i class=\"fas fa-shield-alt\"><\/i>\r\n          <\/div>\r\n          <h3 class=\"category-title\">Handrail & Protection<\/h3>\r\n          <p class=\"category-description\">\r\n            Complete wall protection systems safeguarding facilities against impact damage from wheeled and pedestrian traffic with premium PVC-u and aluminium profiles.\r\n          <\/p>\r\n          <div class=\"category-features\">\r\n            <span class=\"category-feature-tag\">Impact Protection<\/span>\r\n            <span class=\"category-feature-tag\">Easy Install<\/span>\r\n            <span class=\"category-feature-tag\">\u0635\u064a\u0627\u0646\u0629 \u0645\u0646\u062e\u0641\u0636\u0629<\/span>\r\n          <\/div>\r\n          <div class=\"category-cta-icon\">\r\n            <i class=\"fas fa-arrow-right\"><\/i>\r\n          <\/div>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  \r\n  <!-- ==================== CTA SECTION ==================== -->\r\n  <section class=\"products-cta-section\">\r\n    <div class=\"cta-content-container\">\r\n      <h2 class=\"cta-main-title\">Ready to Choose Your Perfect Floor?<\/h2>\r\n      <p class=\"cta-description\">\r\n        Our expert team is here to help you select the ideal flooring solution for your specific needs. Get professional consultation and competitive pricing today.\r\n      <\/p>\r\n      \r\n      <div class=\"cta-buttons-group\">\r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/contact\/\" class=\"cta-primary-button\">\r\n          <i class=\"fas fa-phone\"><\/i> Get Free Consultation\r\n        <\/a>\r\n        \r\n        <a href=\"https:\/\/idealfloors-sa.com\/ar\/projects\/\" class=\"cta-secondary-button\">\r\n          <i class=\"fas fa-images\"><\/i> View Our Projects\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Home Products Our Premium Products Discover our comprehensive range of world-class flooring solutions designed to meet the highest standards of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":28,"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":2013,"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/pages\/220\/revisions\/2013"}],"wp:attachment":[{"href":"https:\/\/idealfloors-sa.com\/ar\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}