{"id":219,"date":"2026-04-28T23:09:46","date_gmt":"2026-04-28T23:09:46","guid":{"rendered":"https:\/\/homiqohomes.com\/home\/"},"modified":"2026-06-19T06:31:37","modified_gmt":"2026-06-19T06:31:37","slug":"home","status":"publish","type":"page","link":"https:\/\/homiqohomes.com\/en\/","title":{"rendered":"Homiqo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"219\" class=\"elementor elementor-219\" wpc-filter-elementor-widget=\"1\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54df111 e-con-full e-flex e-con e-parent\" data-id=\"54df111\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a4df88 elementor-widget elementor-widget-html\" data-id=\"3a4df88\" 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<div class=\"promo-bar\">\r\n  <div class=\"promo-track\">\r\n    \ud83d\udd25 \u0639\u0631\u0648\u0636 \u0645\u0647\u0631\u062c\u0627\u0646 \u0627\u0644\u0623\u062b\u0627\u062b \u0628\u062f\u0623\u062a \u2022 \u062e\u0635\u0645 \u0625\u0636\u0627\u0641\u064a 30% \u0628\u0643\u0648\u062f EXTRA30 \u2022 \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0637\u0644\u0628\u0627\u062a \u0641\u0648\u0642 5000 \u062c\u0646\u064a\u0647 \u2022 \u062a\u0633\u0648\u0642 \u0627\u0644\u0622\u0646\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.promo-bar{\r\n    background:#B30000;\r\n    color:#fff;\r\n    height:40px;\r\n    overflow:hidden;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.promo-track{\r\n    white-space:nowrap;\r\n    animation:promo-scroll 18s linear infinite;\r\n}\r\n\r\n@keyframes promo-scroll{\r\n    from{transform:translateX(100%);}\r\n    to{transform:translateX(-100%);}\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64ada14 e-flex e-con-boxed e-con e-parent\" data-id=\"64ada14\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d85124c elementor-widget elementor-widget-spacer\" data-id=\"d85124c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bc645b e-con-full e-flex e-con e-parent\" data-id=\"6bc645b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-409caa7 e-con-full e-flex e-con e-child\" data-id=\"409caa7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-babe85d elementor-widget elementor-widget-spacer\" data-id=\"babe85d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a52bbe elementor-widget elementor-widget-html\" data-id=\"6a52bbe\" 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<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n.homiqo-slider-root{--hq-gold:#131936;--hq-dark:#1D1D1D;--hq-light:#F7F4EF;--hq-text:#2E2E2E;--hq-card-w:300px;--hq-card-h:350px;--hq-gap:18px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:transparent;overflow:hidden;padding:0px 0 0px;position:relative;user-select:none;-webkit-user-select:none}\r\n.homiqo-slider-root *{box-sizing:border-box}\r\n.homiqo-stage-wrap{position:relative;width:100%;overflow:hidden}\r\n.homiqo-stage{display:flex;align-items:center;justify-content:center;perspective:1200px;perspective-origin:50% 50%;height:calc(var(--hq-card-h) + 80px);position:relative}\r\n.homiqo-track{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;transform-style:preserve-3d}\r\n.homiqo-card-wrap{position:absolute;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94),z-index 0s;transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer}\r\n.homiqo-card{width:var(--hq-card-w);height:var(--hq-card-h);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px rgba(29,29,29,0.18),0 2px 8px rgba(201,162,109,0.10);transition:box-shadow 0.35s ease,transform 0.35s ease;flex-shrink:0;background:#e8e0d5}\r\n.homiqo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease}\r\n.homiqo-card-wrap:hover .homiqo-card{box-shadow:0 18px 48px rgba(29,29,29,0.28),0 4px 16px rgba(201,162,109,0.22);transform:translateY(-4px)}\r\n.homiqo-card-wrap:hover .homiqo-card img{transform:scale(1.04)}\r\n.homiqo-card-title{font-size:14px;font-weight:500;color:var(--hq-text);text-align:center;letter-spacing:0.3px;transition:color 0.4s ease,font-size 0.4s ease;direction:rtl;font-family:'Segoe UI',Tahoma,Arial,sans-serif;white-space:nowrap}\r\n.homiqo-card-wrap.homiqo-active .homiqo-card-title{color:var(--hq-gold);font-size:16px;font-weight:600}\r\n.homiqo-card-wrap.homiqo-active .homiqo-card{box-shadow:0 16px 48px rgba(29,29,29,0.24),0 4px 16px rgba(201,162,109,0.20)}\r\n.homiqo-nav{position:absolute;top:50%;transform:translateY(calc(-50% - 30px));z-index:100;background:rgba(247,244,239,0.92);border:1px solid rgba(201,162,109,0.3);color:var(--hq-dark);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.25s,border-color 0.25s,box-shadow 0.25s;box-shadow:0 2px 12px rgba(29,29,29,0.10);outline:none}\r\n.homiqo-nav:hover{background:var(--hq-gold);border-color:var(--hq-gold);box-shadow:0 4px 16px rgba(201,162,109,0.35)}\r\n.homiqo-nav:hover svg{stroke:#fff}\r\n.homiqo-nav svg{width:18px;height:18px;stroke:var(--hq-dark);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke 0.25s}\r\n.homiqo-prev{left:8px}\r\n.homiqo-next{right:8px}\r\n.homiqo-dots{display:flex;justify-content:center;gap:2px;margin-top:12px}\r\n.homiqo-dot{width:4px;height:4px;border-radius:50%;background:rgba(201,162,109,0.3);transition:background 0.3s,transform 0.3s;cursor:pointer;border:none;outline:none;padding:0}\r\n.homiqo-dot.homiqo-dot-active{background:var(--hq-gold);transform:scale(1.4)}\r\n.homiqo-brand{display:none;text-align:center;margin-bottom:24px;letter-spacing:4px;font-size:11px;color:var(--hq-gold);font-weight:600;text-transform:uppercase}\r\n\r\n@media(max-width:900px){.homiqo-slider-root{--hq-card-w:190px;--hq-card-h:238px}}\r\n@media(max-width:600px){.homiqo-slider-root{--hq-card-w:160px;--hq-card-h:200px;padding:30px 0 20px}.homiqo-nav{width:34px;height:34px}.homiqo-nav svg{width:15px;height:15px}}\r\n@media(max-width:400px){.homiqo-slider-root{--hq-card-w:140px;--hq-card-h:175px}}\r\n<\/style>\r\n\r\n<div class=\"homiqo-slider-root\" id=\"homiqoRoot\">\r\n  <div class=\"homiqo-brand\">HOMIQO<\/div>\r\n  <div class=\"homiqo-stage-wrap\">\r\n    <button class=\"homiqo-nav homiqo-prev\" id=\"homiqoPrev\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n    <\/button>\r\n    <div class=\"homiqo-stage\">\r\n      <div class=\"homiqo-track\" id=\"homiqoTrack\"><\/div>\r\n    <\/div>\r\n    <button class=\"homiqo-nav homiqo-next\" id=\"homiqoNext\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n  <div class=\"homiqo-dots\" id=\"homiqoDots\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\nvar homiqoCategories=[\r\n  {title:'\u063a\u0631\u0641 \u0627\u0644\u0646\u0648\u0645',img:'https:\/\/images.unsplash.com\/photo-1616594039964-ae9021a400a0?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u063a\u0631\u0641 \u0627\u0644\u0645\u0639\u064a\u0634\u0629',img:'https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u063a\u0631\u0641 \u0627\u0644\u0633\u0641\u0631\u0629',img:'https:\/\/images.unsplash.com\/photo-1617806118233-18e1de247200?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u063a\u0631\u0641 \u0627\u0644\u0645\u0643\u062a\u0628',img:'https:\/\/images.unsplash.com\/photo-1593642632559-0c6d3fc62b89?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u0627\u0644\u0645\u0637\u0627\u0628\u062e',img:'https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u0627\u0644\u0623\u062b\u0627\u062b \u0627\u0644\u062e\u0627\u0631\u062c\u064a',img:'https:\/\/images.unsplash.com\/photo-1600121848594-d8644e57abab?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u063a\u0631\u0641 \u0627\u0644\u0623\u0637\u0641\u0627\u0644',img:'https:\/\/images.unsplash.com\/photo-1593085512500-5d55148d6f0d?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a',img:'https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?w=440&h=550&fit=crop',href:'#'},\r\n  {title:'\u0648\u062d\u062f\u0627\u062a \u0627\u0644\u062a\u062e\u0632\u064a\u0646',img:'https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=440&h=550&fit=crop',href:'#'}\r\n];\r\n\r\nvar homiqoTotal=homiqoCategories.length;\r\nvar homiqoCurrent=0;\r\nvar homiqoAutoTimer=null;\r\nvar homiqoIsDragging=false;\r\nvar homiqoDragStartX=0;\r\nvar homiqoDragDelta=0;\r\n\r\nvar homiqoTrack=document.getElementById('homiqoTrack');\r\nvar homiqoDotsEl=document.getElementById('homiqoDots');\r\nvar homiqoPrevBtn=document.getElementById('homiqoPrev');\r\nvar homiqoNextBtn=document.getElementById('homiqoNext');\r\nvar homiqoRoot=document.getElementById('homiqoRoot');\r\n\r\nvar homiqoCards=[];\r\nvar homiqoDotEls=[];\r\n\r\nfunction homiqoGetCardW(){\r\n  var r=homiqoRoot.querySelector('.homiqo-card');\r\n  return r?r.offsetWidth:220;\r\n}\r\n\r\nfunction homiqoBuildSlider(){\r\n  homiqoTrack.innerHTML='';\r\n  homiqoDotsEl.innerHTML='';\r\n  homiqoCards=[];\r\n  homiqoDotEls=[];\r\n\r\n  for(var i=0;i<homiqoTotal;i++){\r\n    var cat=homiqoCategories[i];\r\n    var wrap=document.createElement(cat.href&&cat.href!='#'?'a':'div');\r\n    wrap.className='homiqo-card-wrap';\r\n    if(cat.href&&cat.href!='#'){wrap.href=cat.href;wrap.style.textDecoration='none';}\r\n    \r\n    var card=document.createElement('div');\r\n    card.className='homiqo-card';\r\n    var img=document.createElement('img');\r\n    img.src=cat.img;\r\n    img.alt=cat.title;\r\n    img.loading='lazy';\r\n    img.draggable=false;\r\n    card.appendChild(img);\r\n    \r\n    var title=document.createElement('div');\r\n    title.className='homiqo-card-title';\r\n    title.textContent=cat.title;\r\n    \r\n    wrap.appendChild(card);\r\n    wrap.appendChild(title);\r\n    homiqoTrack.appendChild(wrap);\r\n    homiqoCards.push(wrap);\r\n\r\n    var dot=document.createElement('button');\r\n    dot.className='homiqo-dot';\r\n    dot.setAttribute('aria-label','\u0627\u0644\u0634\u0631\u064a\u062d\u0629 '+(i+1));\r\n    (function(idx){dot.addEventListener('click',function(){homiqoGoTo(idx);})})(i);\r\n    homiqoDotsEl.appendChild(dot);\r\n    homiqoDotEls.push(dot);\r\n  }\r\n  homiqoRender();\r\n}\r\n\r\nfunction homiqoGetConfig(){\r\n  var w=homiqoRoot.offsetWidth;\r\n\r\n  if(w<=600)\r\n    return{\r\n      visible:5,\r\n      rotY:15,\r\n      scaleAdj:0.68,\r\n      scaleOut:0.8,\r\n      gapMul:0.9,\r\n      opAdj:0.45,\r\n      opOut:0.35\r\n    };\r\n\r\n  if(w<=900)\r\n    return{\r\n      visible:5,\r\n      rotY:15,\r\n      scaleAdj:0.68,\r\n      scaleOut:0.8,\r\n      gapMul:0.9,\r\n      opAdj:0.5,\r\n      opOut:0.30\r\n    };\r\n\r\n  return{\r\n      visible:5,\r\n      rotY:-15,\r\n      scaleAdj:0.65,\r\n      scaleOut:0.8,\r\n      gapMul:0.8,\r\n      opAdj:0.4,\r\n      opOut:0.35\r\n  };\r\n}\r\n\r\nfunction homiqoRender(){\r\n  var cfg=homiqoGetConfig();\r\n  var cardW=homiqoGetCardW()+18;\r\n  var gapBase=cardW*cfg.gapMul;\r\n\r\n  for(var i=0;i<homiqoTotal;i++){\r\n    var wrap=homiqoCards[i];\r\n    var diff=i-homiqoCurrent;\r\n    var minDiff=diff;\r\n    if(Math.abs(diff-homiqoTotal)<Math.abs(minDiff)) minDiff=diff-homiqoTotal;\r\n    if(Math.abs(diff+homiqoTotal)<Math.abs(minDiff)) minDiff=diff+homiqoTotal;\r\n    diff=minDiff;\r\n\r\n    var absD=Math.abs(diff);\r\n    var side=Math.floor((cfg.visible-1)\/2);\r\n\r\n    var tx,sc,ry,op,zi;\r\n    if(diff===0){\r\n      tx=0;sc=1;ry=0;op=1;zi=50;\r\n      wrap.classList.add('homiqo-active');\r\n    } else if(absD<=side){\r\n      var sign=diff>0?1:-1;\r\n      var step=absD;\r\n      sc=absD===1?cfg.scaleAdj:cfg.scaleOut;\r\n      ry=sign*(absD===1?cfg.rotY:cfg.rotY*1.4);\r\n      op=absD===1?cfg.opAdj:cfg.opOut;\r\n      tx=sign*gapBase*step;\r\n      zi=50-absD*10;\r\n      wrap.classList.remove('homiqo-active');\r\n    } else {\r\n      var sign2=diff>0?1:-1;\r\n      sc=cfg.scaleOut*0.85;\r\n      ry=sign2*cfg.rotY*1.6;\r\n      op=0;\r\n      tx=sign2*gapBase*(side+1)*1.3;\r\n      zi=1;\r\n      wrap.classList.remove('homiqo-active');\r\n    }\r\n\r\n    wrap.style.transform='translateX('+tx+'px) rotateY('+ry+'deg) scale('+sc+')';\r\n    wrap.style.opacity=op;\r\n    wrap.style.zIndex=zi;\r\n    wrap.style.pointerEvents=absD<=side?'auto':'none';\r\n  }\r\n\r\n  homiqoDotEls.forEach(function(d,i){\r\n    d.classList.toggle('homiqo-dot-active',i===homiqoCurrent);\r\n  });\r\n}\r\n\r\nfunction homiqoGoTo(idx){\r\n  homiqoCurrent=((idx%homiqoTotal)+homiqoTotal)%homiqoTotal;\r\n  homiqoRender();\r\n}\r\n\r\nfunction homiqoNext(){homiqoGoTo(homiqoCurrent+1);}\r\nfunction homiqoPrev(){homiqoGoTo(homiqoCurrent-1);}\r\n\r\nfunction homiqoStartAuto(){\r\n  homiqoStopAuto();\r\n  homiqoAutoTimer=setInterval(homiqoNext,3200);\r\n}\r\nfunction homiqoStopAuto(){\r\n  if(homiqoAutoTimer){clearInterval(homiqoAutoTimer);homiqoAutoTimer=null;}\r\n}\r\n\r\nhomiqoPrevBtn.addEventListener('click',function(){homiqoPrev();homiqoStartAuto();});\r\nhomiqoNextBtn.addEventListener('click',function(){homiqoNext();homiqoStartAuto();});\r\n\r\nhomiqoRoot.addEventListener('mouseenter',homiqoStopAuto);\r\nhomiqoRoot.addEventListener('mouseleave',homiqoStartAuto);\r\n\r\nvar homiqoTouchStartX=0;\r\nvar homiqoTouchStartY=0;\r\nhomiqoTrack.addEventListener('touchstart',function(e){\r\n  homiqoTouchStartX=e.touches[0].clientX;\r\n  homiqoTouchStartY=e.touches[0].clientY;\r\n  homiqoStopAuto();\r\n},{passive:true});\r\nhomiqoTrack.addEventListener('touchend',function(e){\r\n  var dx=e.changedTouches[0].clientX-homiqoTouchStartX;\r\n  var dy=e.changedTouches[0].clientY-homiqoTouchStartY;\r\n  if(Math.abs(dx)>Math.abs(dy)&&Math.abs(dx)>30){\r\n    if(dx<0) homiqoNext(); else homiqoPrev();\r\n  }\r\n  homiqoStartAuto();\r\n},{passive:true});\r\n\r\nhomiqoTrack.addEventListener('mousedown',function(e){\r\n  homiqoIsDragging=true;\r\n  homiqoDragStartX=e.clientX;\r\n  homiqoStopAuto();\r\n  document.body.style.cursor='grabbing';\r\n});\r\ndocument.addEventListener('mousemove',function(e){\r\n  if(!homiqoIsDragging)return;\r\n  homiqoDragDelta=e.clientX-homiqoDragStartX;\r\n});\r\ndocument.addEventListener('mouseup',function(){\r\n  if(!homiqoIsDragging)return;\r\n  homiqoIsDragging=false;\r\n  document.body.style.cursor='';\r\n  if(Math.abs(homiqoDragDelta)>40){\r\n    if(homiqoDragDelta<0) homiqoNext(); else homiqoPrev();\r\n  }\r\n  homiqoDragDelta=0;\r\n  homiqoStartAuto();\r\n});\r\n\r\nhomiqoCards.forEach(function(wrap,i){\r\n  wrap.addEventListener('click',function(e){\r\n    if(Math.abs(homiqoDragDelta)>10){e.preventDefault();return;}\r\n    if(i!==homiqoCurrent){e.preventDefault();homiqoGoTo(i);}\r\n  });\r\n});\r\n\r\nvar homiqoResizeTimer;\r\nwindow.addEventListener('resize',function(){\r\n  clearTimeout(homiqoResizeTimer);\r\n  homiqoResizeTimer=setTimeout(homiqoRender,80);\r\n});\r\n\r\nhomiqoBuildSlider();\r\nhomiqoStartAuto();\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\t\t<div class=\"elementor-element elementor-element-2419802 elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"2419802\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;1&quot;,&quot;autoplay_speed&quot;:3000,&quot;speed&quot;:300,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;effect&quot;:&quot;slide&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper swiper-image-stretch\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 1\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/homiqohomes.com\/wp-content\/uploads\/elementor\/thumbs\/HOMIQO-3-e1781501502322-roz98gh3iomlh2ol1uicsixeur6obpbz8ffe83wfq8.jpeg\" alt=\"HOMIQO (3)\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f4f0f elementor-widget elementor-widget-html\" data-id=\"d7f4f0f\" 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<!-- ============================================================\r\n     HOMIQO - Premium Furniture Category Slider\r\n     Compatible: WordPress \/ Elementor HTML Widget\r\n     Usage: Paste entire block into Elementor > HTML widget\r\n     ============================================================ -->\r\n\r\n<style>\r\n  \/* ============================================================\r\n     FONTS \u2014 Load from Google Fonts CDN\r\n     - Cormorant Garamond: luxury display font for brand\/headings\r\n     - Tajawal: modern Arabic-Latin pairing for body text\r\n     ============================================================ *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=Tajawal:wght@300;400;500;700&display=swap');\r\n\r\n  \/* ============================================================\r\n     CSS VARIABLES \u2014 Edit these to retheme the slider\r\n     ============================================================ *\/\r\n  :root {\r\n    --hmq-bg:          #ffffff;           \/* Section background *\/\r\n    --hmq-accent:      #b8956a;           \/* Gold\/warm accent *\/\r\n    --hmq-accent-light:#e8d5b7;           \/* Light accent ring *\/\r\n    --hmq-text-dark:   #2c2420;           \/* Primary text *\/\r\n    --hmq-text-mid:    #7a6e68;           \/* Secondary \/ label *\/\r\n    --hmq-text-light:  #b8afa9;           \/* Subtle text *\/\r\n    --hmq-card-bg:     #ffffff;           \/* Card background *\/\r\n    --hmq-shadow:      rgba(44,36,32,.10);\/* Card shadow color *\/\r\n    --hmq-radius:      50%;               \/* Circle image radius *\/\r\n    --hmq-img-size:    90px;             \/* Circle image size - desktop *\/\r\n    --hmq-gap:         28px;              \/* Gap between cards *\/\r\n    --hmq-transition:  .38s cubic-bezier(.4,0,.2,1);\r\n    --hmq-font-display:'Cormorant Garamond', serif;\r\n    --hmq-font-body:   'Tajawal', sans-serif;\r\n  }\r\n\r\n  \/* ============================================================\r\n     SECTION WRAPPER\r\n     ============================================================ *\/\r\n  .hmq-section {\r\n    background: var(--hmq-bg);\r\n    padding: 0px 0 0px;\r\n    direction: rtl;        \/* RTL for Arabic \u2014 flip to ltr for English *\/\r\n    font-family: var(--hmq-font-body);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Subtle decorative grain texture overlay *\/\r\n  .hmq-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n    pointer-events: none;\r\n    opacity: .5;\r\n  }\r\n\r\n  \/* ============================================================\r\n     SECTION HEADER\r\n     ============================================================ *\/\r\n  .hmq-header {\r\n    text-align: center;\r\n    margin-bottom: 1px;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* Brand tag above title *\/\r\n  .hmq-eyebrow {\r\n    display: none;\r\n    font-family: var(--hmq-font-body);\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--hmq-accent);\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .hmq-title {\r\n    font-family: var(--hmq-font-display);\r\n    font-size: clamp(28px, 4vw, 28px);\r\n    font-weight: 400;\r\n    color: var(--hmq-text-dark);\r\n    margin: 0 0 8px;\r\n    line-height: 1.2;\r\n    letter-spacing: -.3px;\r\n    display: none;\r\n  }\r\n\r\n  .hmq-subtitle {\r\n      display: none;\r\n\r\n    font-size: 14px;\r\n    color: var(--hmq-text-mid);\r\n    font-weight: 300;\r\n    margin: 0;\r\n    letter-spacing: .3px;\r\n  }\r\n\r\n  \/* Thin decorative divider *\/\r\n  .hmq-divider {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin: 0px 0 0;\r\n  }\r\n  .hmq-divider span {\r\n    height: 1px;\r\n    width: 186px;\r\n    background: linear-gradient(90deg, transparent, var(--hmq-accent-light));\r\n  }\r\n  .hmq-divider span:last-child {\r\n    background: linear-gradient(270deg, transparent, var(--hmq-accent-light));\r\n  }\r\n  .hmq-divider i {\r\n    color: var(--hmq-accent);\r\n    font-size: 10px;\r\n    opacity: .7;\r\n  }\r\n\r\n  \/* ============================================================\r\n     SLIDER OUTER WRAPPER \u2014 contains arrows + track\r\n     ============================================================ *\/\r\n  .hmq-slider-outer {\r\n    position: relative;\r\n    padding: 0 56px;  \/* space for arrows *\/\r\n  }\r\n\r\n  \/* ============================================================\r\n     FADE EDGE MASKS \u2014 left\/right gradient fade for premium feel\r\n     ============================================================ *\/\r\n  .hmq-slider-outer::before,\r\n  .hmq-slider-outer::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 10px;\r\n    z-index: 5;\r\n    pointer-events: none;\r\n  }\r\n  .hmq-slider-outer::before {\r\n    right: 56px;\r\n    background: linear-gradient(to left, var(--hmq-bg), transparent);\r\n  }\r\n  .hmq-slider-outer::after {\r\n    left: 56px;\r\n    background: linear-gradient(to right, var(--hmq-bg), transparent);\r\n  }\r\n\r\n  \/* ============================================================\r\n     TRACK \u2014 the scrollable area\r\n     ============================================================ *\/\r\n  .hmq-track-wrap {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .hmq-track {\r\n    display: flex;\r\n    gap: var(--hmq-gap);\r\n    transition: transform var(--hmq-transition);\r\n    will-change: transform;\r\n    padding: 20px 0px 1px; \/* room for box-shadow *\/\r\n    cursor: grab;\r\n    user-select: none;\r\n  }\r\n  .hmq-track.is-dragging {\r\n    cursor: grabbing;\r\n    transition: none;\r\n  }\r\n\r\n  \/* ============================================================\r\n     CATEGORY CARD\r\n     ============================================================ *\/\r\n  .hmq-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    flex: 0 0 auto;\r\n    width: var(--hmq-img-size);\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    animation: hmqFadeIn .5s both;\r\n  }\r\n\r\n  \/* Stagger card fade-in on load *\/\r\n  @keyframes hmqFadeIn {\r\n    from { opacity: 0; transform: translateY(12px); }\r\n    to   { opacity: 1; transform: translateY(0); }\r\n  }\r\n  .hmq-card:nth-child(1)  { animation-delay: .05s; }\r\n  .hmq-card:nth-child(2)  { animation-delay: .10s; }\r\n  .hmq-card:nth-child(3)  { animation-delay: .15s; }\r\n  .hmq-card:nth-child(4)  { animation-delay: .20s; }\r\n  .hmq-card:nth-child(5)  { animation-delay: .25s; }\r\n  .hmq-card:nth-child(6)  { animation-delay: .30s; }\r\n  .hmq-card:nth-child(7)  { animation-delay: .35s; }\r\n  .hmq-card:nth-child(8)  { animation-delay: .40s; }\r\n  .hmq-card:nth-child(9)  { animation-delay: .45s; }\r\n  .hmq-card:nth-child(10) { animation-delay: .50s; }\r\n  .hmq-card:nth-child(11) { animation-delay: .55s; }\r\n  .hmq-card:nth-child(12) { animation-delay: .60s; }\r\n\r\n  \/* Circle image wrapper *\/\r\n  .hmq-img-wrap {\r\n    width: var(--hmq-img-size);\r\n    height: var(--hmq-img-size);\r\n    border-radius: var(--hmq-radius);\r\n    overflow: hidden;\r\n    position: relative;\r\n    background: #f0ebe4;\r\n    box-shadow:\r\n      0 4px 18px var(--hmq-shadow),\r\n      0 0 0 0px var(--hmq-accent-light);\r\n    transition:\r\n      transform var(--hmq-transition),\r\n      box-shadow var(--hmq-transition);\r\n  }\r\n\r\n  \/* Hover: lift + zoom ring *\/\r\n  .hmq-card:hover .hmq-img-wrap {\r\n    transform: translateY(-6px) scale(1.04);\r\n    box-shadow:\r\n      0 14px 36px rgba(44,36,32,.16),\r\n      0 0 0 3px var(--hmq-accent-light);\r\n  }\r\n\r\n  \/* Inner ring accent (always visible, subtle) *\/\r\n  .hmq-img-wrap::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    border: 1.5px solid rgba(184,149,106,.18);\r\n    pointer-events: none;\r\n    z-index: 2;\r\n    transition: border-color var(--hmq-transition);\r\n  }\r\n  .hmq-card:hover .hmq-img-wrap::after {\r\n    border-color: rgba(184,149,106,.55);\r\n  }\r\n\r\n  \/* Category image *\/\r\n  .hmq-img-wrap img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n    transition: transform var(--hmq-transition);\r\n    display: block;\r\n  }\r\n  .hmq-card:hover .hmq-img-wrap img {\r\n    transform: scale(1.10);\r\n  }\r\n\r\n  \/* Category name *\/\r\n  .hmq-label {\r\n    margin-top: 13px;\r\n    font-family: var(--hmq-font-body);\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    color: var(--hmq-text-dark);\r\n    text-align: center;\r\n    line-height: 1.4;\r\n    transition: color var(--hmq-transition);\r\n    white-space: nowrap;\r\n    letter-spacing: .2px;\r\n  }\r\n  .hmq-card:hover .hmq-label {\r\n    color: var(--hmq-accent);\r\n  }\r\n\r\n  \/* Item count badge *\/\r\n  .hmq-count {\r\n    font-size: 11px;\r\n    color: var(--hmq-text-light);\r\n    font-weight: 300;\r\n    margin-top: 2px;\r\n    display: block;\r\n    text-align: center;\r\n    letter-spacing: .5px;\r\n  }\r\n\r\n  \/* ============================================================\r\n     NAVIGATION ARROWS\r\n     ============================================================ *\/\r\n  .hmq-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 10;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(184,149,106,.25);\r\n    box-shadow: 0 2px 12px rgba(44,36,32,.12);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all .25s ease;\r\n    padding: 0;\r\n    outline: none;\r\n  }\r\n  .hmq-btn:hover {\r\n    background: var(--hmq-accent);\r\n    border-color: var(--hmq-accent);\r\n    box-shadow: 0 6px 20px rgba(184,149,106,.35);\r\n  }\r\n  .hmq-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    stroke: var(--hmq-accent);\r\n    fill: none;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n    transition: stroke .25s ease;\r\n  }\r\n  .hmq-btn:hover svg {\r\n    stroke: #ffffff;\r\n  }\r\n  .hmq-btn:active {\r\n    transform: translateY(-50%) scale(.94);\r\n  }\r\n\r\n  \/* Arrow positions \u2014 RTL aware *\/\r\n  .hmq-btn-prev { right: 4px; }\r\n  .hmq-btn-next { left: 4px; }\r\n\r\n  \/* Disabled state *\/\r\n  .hmq-btn.is-disabled {\r\n    opacity: .35;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ============================================================\r\n     PROGRESS DOTS\r\n     ============================================================ *\/\r\n  .hmq-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 6px;\r\n    margin-top: 28px;\r\n  }\r\n  .hmq-dot {\r\n    width: 5px;\r\n    height: 5px;\r\n    border-radius: 50%;\r\n    background: var(--hmq-accent-light);\r\n    transition: all .3s ease;\r\n    cursor: pointer;\r\n  }\r\n  .hmq-dot.is-active {\r\n    width: 22px;\r\n    border-radius: 3px;\r\n    background: var(--hmq-accent);\r\n  }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE BREAKPOINTS\r\n     img-size and gap scale down on smaller screens\r\n     ============================================================ *\/\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 1024px) {\r\n    :root {\r\n      --hmq-img-size: 108px;\r\n      --hmq-gap: 22px;\r\n    }\r\n    .hmq-slider-outer { padding: 0 44px; }\r\n    .hmq-slider-outer::before { right: 44px; }\r\n    .hmq-slider-outer::after  { left: 44px; }\r\n  }\r\n\r\n  \/* Mobile large *\/\r\n  @media (max-width: 768px) {\r\n    :root {\r\n      --hmq-img-size: 96px;\r\n      --hmq-gap: 18px;\r\n    }\r\n    .hmq-section { padding: 36px 0 44px; }\r\n    .hmq-slider-outer { padding: 0 36px; }\r\n    .hmq-slider-outer::before { right: 36px; width: 50px; }\r\n    .hmq-slider-outer::after  { left: 36px;  width: 50px; }\r\n    .hmq-btn { width: 34px; height: 34px; }\r\n  }\r\n\r\n  \/* Mobile small *\/\r\n  @media (max-width: 480px) {\r\n    :root {\r\n      --hmq-img-size: 82px;\r\n      --hmq-gap: 16px;\r\n    }\r\n    .hmq-label { font-size: 12px; }\r\n    .hmq-count { font-size: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- Font Awesome for optional icons -->\r\n<link rel=\"stylesheet\"\r\n  href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n  crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" \/>\r\n\r\n<!-- ============================================================\r\n     HTML STRUCTURE\r\n     ============================================================ -->\r\n<section class=\"hmq-section\">\r\n\r\n  <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n  <div class=\"hmq-header\">\r\n    <span class=\"hmq-eyebrow\">HOMIQO<\/span>\r\n    <h2 class=\"hmq-title\">\u062a\u0633\u0648\u0651\u0642 \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629<\/h2>\r\n    <p class=\"hmq-subtitle\">\u0627\u0643\u062a\u0634\u0641 \u0623\u0631\u0642\u0649 \u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0627\u0644\u0623\u062b\u0627\u062b \u0627\u0644\u0645\u0646\u0632\u0644\u064a \u0627\u0644\u0641\u0627\u062e\u0631<\/p>\r\n    <div class=\"hmq-divider\">\r\n      <span><\/span>\r\n      <i class=\"fa-solid fa-diamond\" style=\"font-size:7px\"><\/i>\r\n      <span><\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 SLIDER \u2500\u2500 -->\r\n  <div class=\"hmq-slider-outer\">\r\n\r\n    <!-- Prev arrow (RTL: visually right side) -->\r\n    <button class=\"hmq-btn hmq-btn-prev\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n    <\/button>\r\n\r\n    <!-- Track -->\r\n    <div class=\"hmq-track-wrap\">\r\n      <div class=\"hmq-track\" id=\"hmqTrack\">\r\n\r\n        <!--\r\n          ============================================================\r\n          CATEGORY CARDS \u2014 Edit here:\r\n          - href=\"#\"        \u2192 replace with your category URL\r\n          - img src         \u2192 replace with real product\/category image\r\n          - .hmq-label      \u2192 category name in Arabic\r\n          - .hmq-count      \u2192 optional item count\r\n          ============================================================\r\n        -->\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=300&h=300&fit=crop&auto=format\" alt=\"\u063a\u0631\u0641 \u0627\u0644\u0645\u0639\u064a\u0634\u0629\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u063a\u0631\u0641 \u0627\u0644\u0645\u0639\u064a\u0634\u0629<\/span>\r\n          <span class=\"hmq-count\">\u0662\u0664\u0668 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1631049307264-da0ec9d70304?w=300&h=300&fit=crop&auto=format\" alt=\"\u063a\u0631\u0641 \u0627\u0644\u0646\u0648\u0645\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u063a\u0631\u0641 \u0627\u0644\u0646\u0648\u0645<\/span>\r\n          <span class=\"hmq-count\">\u0661\u0669\u0666 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0645\u0637\u0628\u062e\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0645\u0637\u0628\u062e<\/span>\r\n          <span class=\"hmq-count\">\u0661\u0663\u0664 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0643\u0646\u0628 \u0648\u0627\u0644\u0623\u0631\u0627\u0626\u0643\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0643\u0646\u0628 \u0648\u0627\u0644\u0623\u0631\u0627\u0626\u0643<\/span>\r\n          <span class=\"hmq-count\">\u0668\u0667 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593085512500-5d55148d6f0d?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0625\u0636\u0627\u0621\u0629\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0625\u0636\u0627\u0621\u0629<\/span>\r\n          <span class=\"hmq-count\">\u0663\u0661\u0662 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1615529182904-14819c35db37?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0633\u062c\u0627\u062f \u0648\u0627\u0644\u0628\u0633\u0637\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0633\u062c\u0627\u062f \u0648\u0627\u0644\u0628\u0633\u0637<\/span>\r\n          <span class=\"hmq-count\">\u0661\u0665\u0669 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583847268964-b28dc8f51f92?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0633\u062a\u0627\u0626\u0631 \u0648\u0627\u0644\u0645\u0641\u0631\u0648\u0634\u0627\u062a\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0633\u062a\u0627\u0626\u0631<\/span>\r\n          <span class=\"hmq-count\">\u0662\u0660\u0665 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1618221195710-dd6b41faaea6?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u062f\u064a\u0643\u0648\u0631 \u0648\u0627\u0644\u0625\u0643\u0633\u0633\u0648\u0627\u0631\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u062f\u064a\u0643\u0648\u0631 \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631<\/span>\r\n          <span class=\"hmq-count\">\u0664\u0667\u0663 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585128792020-803d29415281?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u062d\u0645\u0627\u0645\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u062d\u0645\u0627\u0645<\/span>\r\n          <span class=\"hmq-count\">\u0669\u0668 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u062e\u0627\u0631\u062c\u064a \u0648\u0627\u0644\u062d\u062f\u0627\u0626\u0642\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u062d\u062f\u0627\u0626\u0642<\/span>\r\n          <span class=\"hmq-count\">\u0661\u0661\u0662 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1593642632559-0c6d3fc62b89?w=300&h=300&fit=crop&auto=format\" alt=\"\u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0629\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0627\u0644\u0645\u0643\u062a\u0628 \u0648\u0627\u0644\u062f\u0631\u0627\u0633\u0629<\/span>\r\n          <span class=\"hmq-count\">\u0661\u0664\u0667 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#\" class=\"hmq-card\">\r\n          <div class=\"hmq-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1567538096630-e0c55bd6374c?w=300&h=300&fit=crop&auto=format\" alt=\"\u0623\u062b\u0627\u062b \u0627\u0644\u0623\u0637\u0641\u0627\u0644\" loading=\"lazy\">\r\n          <\/div>\r\n          <span class=\"hmq-label\">\u0623\u062b\u0627\u062b \u0627\u0644\u0623\u0637\u0641\u0627\u0644<\/span>\r\n          <span class=\"hmq-count\">\u0668\u0663 \u0645\u0646\u062a\u062c<\/span>\r\n        <\/a>\r\n\r\n        <!-- \u2500\u2500 END OF CARDS \u2014 add more by copying a card block above \u2500\u2500 -->\r\n\r\n      <\/div><!-- \/.hmq-track -->\r\n    <\/div><!-- \/.hmq-track-wrap -->\r\n\r\n    <!-- Next arrow -->\r\n    <button class=\"hmq-btn hmq-btn-next\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\">\r\n      <svg viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n    <\/button>\r\n\r\n  <\/div><!-- \/.hmq-slider-outer -->\r\n\r\n  <!-- Progress dots -->\r\n  <div class=\"hmq-dots\" id=\"hmqDots\"><\/div>\r\n\r\n<\/section><!-- \/.hmq-section -->\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* ============================================================\r\n     CONFIGURATION \u2014 tweak these values as needed\r\n     ============================================================ *\/\r\n  const CFG = {\r\n    autoplayDelay:  3000,     \/\/ ms between auto-steps\r\n    autoplayStep:   1,        \/\/ cards to advance per autoplay tick\r\n    snapStrength:   0.92,     \/\/ momentum friction (0\u20131, higher = more friction)\r\n    dotCount:       6,        \/\/ number of progress dots shown\r\n    \/* Cards visible per breakpoint \u2014 used to calc scroll step *\/\r\n    visibleDesktop: 9,\r\n    visibleTablet:  5,\r\n    visibleMobile:  3,\r\n  };\r\n\r\n  \/* \u2500\u2500 DOM refs \u2500\u2500 *\/\r\n  const track    = document.getElementById('hmqTrack');\r\n  const btnPrev  = document.querySelector('.hmq-btn-prev');\r\n  const btnNext  = document.querySelector('.hmq-btn-next');\r\n  const dotsWrap = document.getElementById('hmqDots');\r\n  const cards    = Array.from(track.querySelectorAll('.hmq-card'));\r\n  const total    = cards.length;\r\n\r\n  \/* \u2500\u2500 State \u2500\u2500 *\/\r\n  let currentOffset = 0;    \/\/ current translateX in px\r\n  let maxOffset     = 0;    \/\/ maximum allowed offset\r\n  let cardWidth     = 0;    \/\/ single card width + gap\r\n  let stepPx        = 0;    \/\/ px per arrow click\r\n  let autoTimer     = null;\r\n  let isHovered     = false;\r\n  let dotActive     = 0;\r\n\r\n  \/* \u2500\u2500 Init dots \u2500\u2500 *\/\r\n  function initDots () {\r\n    dotsWrap.innerHTML = '';\r\n    for (let i = 0; i < CFG.dotCount; i++) {\r\n      const d = document.createElement('div');\r\n      d.className = 'hmq-dot' + (i === 0 ? ' is-active' : '');\r\n      d.addEventListener('click', () => seekToDot(i));\r\n      dotsWrap.appendChild(d);\r\n    }\r\n  }\r\n\r\n  function updateDots () {\r\n    const ratio  = maxOffset > 0 ? currentOffset \/ maxOffset : 0;\r\n    const active = Math.round(ratio * (CFG.dotCount - 1));\r\n    if (active === dotActive) return;\r\n    dotActive = active;\r\n    dotsWrap.querySelectorAll('.hmq-dot').forEach((d, i) => {\r\n      d.classList.toggle('is-active', i === dotActive);\r\n    });\r\n  }\r\n\r\n  function seekToDot (idx) {\r\n    const ratio = idx \/ (CFG.dotCount - 1);\r\n    currentOffset = ratio * maxOffset;\r\n    applyTransform(true);\r\n    updateDots();\r\n  }\r\n\r\n  \/* \u2500\u2500 Measure layout \u2500\u2500 *\/\r\n  function measure () {\r\n    if (!cards[0]) return;\r\n    const rect = cards[0].getBoundingClientRect();\r\n    const gap  = parseFloat(getComputedStyle(track).gap) || 28;\r\n    cardWidth  = rect.width + gap;\r\n\r\n    \/* Max offset = total scroll width - visible width *\/\r\n    const trackWrapW = track.parentElement.offsetWidth;\r\n    maxOffset = Math.max(0, (total * cardWidth) - trackWrapW);\r\n\r\n    \/* Step = one card width *\/\r\n    stepPx = cardWidth;\r\n\r\n    \/* Clamp current offset *\/\r\n    currentOffset = Math.min(currentOffset, maxOffset);\r\n    applyTransform(false);\r\n    updateButtons();\r\n  }\r\n\r\n  \/* \u2500\u2500 Apply translateX (RTL: negative = scroll right visually) \u2500\u2500 *\/\r\n  function applyTransform (animate) {\r\n    \/* In RTL direction=rtl, flex starts from the right.\r\n       We shift positively to scroll \"next\" (towards left visually). *\/\r\n    track.style.transition = animate\r\n      ? 'transform var(--hmq-transition)'\r\n      : 'none';\r\n    track.style.transform = `translateX(${currentOffset}px)`;\r\n  }\r\n\r\n  \/* \u2500\u2500 Arrow navigation \u2500\u2500 *\/\r\n  function goNext () {\r\n    currentOffset = Math.min(currentOffset + stepPx * CFG.autoplayStep, maxOffset);\r\n    applyTransform(true);\r\n    updateButtons();\r\n    updateDots();\r\n  }\r\n\r\n  function goPrev () {\r\n    currentOffset = Math.max(currentOffset - stepPx * CFG.autoplayStep, 0);\r\n    applyTransform(true);\r\n    updateButtons();\r\n    updateDots();\r\n  }\r\n\r\n  function updateButtons () {\r\n    btnPrev.classList.toggle('is-disabled', currentOffset <= 0);\r\n    btnNext.classList.toggle('is-disabled', currentOffset >= maxOffset);\r\n  }\r\n\r\n  btnNext.addEventListener('click', goNext);\r\n  btnPrev.addEventListener('click', goPrev);\r\n\r\n  \/* \u2500\u2500 Autoplay \u2500\u2500 *\/\r\n  function startAutoplay () {\r\n    stopAutoplay();\r\n    autoTimer = setInterval(() => {\r\n      if (isHovered) return;\r\n      if (currentOffset >= maxOffset) {\r\n        \/* Loop back to start smoothly *\/\r\n        currentOffset = 0;\r\n        applyTransform(true);\r\n        updateDots();\r\n      } else {\r\n        goNext();\r\n      }\r\n    }, CFG.autoplayDelay);\r\n  }\r\n\r\n  function stopAutoplay () {\r\n    if (autoTimer) { clearInterval(autoTimer); autoTimer = null; }\r\n  }\r\n\r\n  \/* Pause on hover *\/\r\n  const section = document.querySelector('.hmq-section');\r\n  section.addEventListener('mouseenter', () => { isHovered = true; });\r\n  section.addEventListener('mouseleave', () => { isHovered = false; });\r\n\r\n  \/* \u2500\u2500 Touch \/ Drag support \u2500\u2500 *\/\r\n  let dragStart    = null;\r\n  let dragStartOff = 0;\r\n  let velocity     = 0;\r\n  let lastX        = 0;\r\n  let lastT        = 0;\r\n  let rafId        = null;\r\n\r\n  function pointerDown (clientX) {\r\n    dragStart    = clientX;\r\n    dragStartOff = currentOffset;\r\n    velocity     = 0;\r\n    lastX        = clientX;\r\n    lastT        = Date.now();\r\n    track.classList.add('is-dragging');\r\n    track.style.transition = 'none';\r\n    stopAutoplay();\r\n  }\r\n\r\n  function pointerMove (clientX) {\r\n    if (dragStart === null) return;\r\n    const now = Date.now();\r\n    const dt  = now - lastT || 1;\r\n    velocity  = (clientX - lastX) \/ dt;\r\n    lastX     = clientX;\r\n    lastT     = now;\r\n\r\n    \/* RTL: dragging left (negative delta) scrolls \"next\" *\/\r\n    const delta = dragStart - clientX;\r\n    currentOffset = Math.max(0, Math.min(dragStartOff + delta, maxOffset));\r\n    track.style.transform = `translateX(${currentOffset}px)`;\r\n  }\r\n\r\n  function pointerUp () {\r\n    if (dragStart === null) return;\r\n    dragStart = null;\r\n    track.classList.remove('is-dragging');\r\n\r\n    \/* Momentum flick *\/\r\n    let momentum = -velocity * 120;\r\n    cancelAnimationFrame(rafId);\r\n\r\n    function flick () {\r\n      if (Math.abs(momentum) < 0.5) {\r\n        snap();\r\n        return;\r\n      }\r\n      currentOffset = Math.max(0, Math.min(currentOffset + momentum, maxOffset));\r\n      track.style.transform = `translateX(${currentOffset}px)`;\r\n      momentum *= CFG.snapStrength;\r\n      rafId = requestAnimationFrame(flick);\r\n    }\r\n    rafId = requestAnimationFrame(flick);\r\n  }\r\n\r\n  \/* Snap to nearest card boundary *\/\r\n  function snap () {\r\n    const nearest = Math.round(currentOffset \/ stepPx) * stepPx;\r\n    currentOffset = Math.max(0, Math.min(nearest, maxOffset));\r\n    applyTransform(true);\r\n    updateButtons();\r\n    updateDots();\r\n    startAutoplay();\r\n  }\r\n\r\n  \/* Mouse drag *\/\r\n  track.addEventListener('mousedown',  e => pointerDown(e.clientX));\r\n  window.addEventListener('mousemove', e => pointerMove(e.clientX));\r\n  window.addEventListener('mouseup',   pointerUp);\r\n\r\n  \/* Touch drag *\/\r\n  track.addEventListener('touchstart', e => {\r\n    pointerDown(e.touches[0].clientX);\r\n  }, { passive: true });\r\n  track.addEventListener('touchmove', e => {\r\n    pointerMove(e.touches[0].clientX);\r\n  }, { passive: true });\r\n  track.addEventListener('touchend', pointerUp);\r\n\r\n  \/* Prevent link clicks on drag *\/\r\n  track.addEventListener('click', e => {\r\n    if (Math.abs(currentOffset - dragStartOff) > 5) e.preventDefault();\r\n  }, { capture: true });\r\n\r\n  \/* \u2500\u2500 Keyboard support \u2500\u2500 *\/\r\n  document.addEventListener('keydown', e => {\r\n    if (e.key === 'ArrowLeft')  goNext();  \/* RTL: left = forward *\/\r\n    if (e.key === 'ArrowRight') goPrev();\r\n  });\r\n\r\n  \/* \u2500\u2500 Resize \u2500\u2500 *\/\r\n  let resizeTimer;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(measure, 120);\r\n  });\r\n\r\n  \/* \u2500\u2500 Boot \u2500\u2500 *\/\r\n  initDots();\r\n  measure();\r\n  startAutoplay();\r\n  updateButtons();\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-4462e87 e-con-full e-flex e-con e-child\" data-id=\"4462e87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b17953 e-flex e-con-boxed e-con e-parent\" data-id=\"8b17953\" data-element_type=\"container\" data-e-type=\"container\">\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udd25 \u0639\u0631\u0648\u0636 \u0645\u0647\u0631\u062c\u0627\u0646 \u0627\u0644\u0623\u062b\u0627\u062b \u0628\u062f\u0623\u062a \u2022 \u062e\u0635\u0645 \u0625\u0636\u0627\u0641\u064a 30% \u0628\u0643\u0648\u062f EXTRA30 \u2022 \u062a\u0648\u0635\u064a\u0644 \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0637\u0644\u0628\u0627\u062a \u0641\u0648\u0642 5000 \u062c\u0646\u064a\u0647 \u2022 \u062a\u0633\u0648\u0642 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","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":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-219","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/pages\/219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/comments?post=219"}],"version-history":[{"count":150,"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/pages\/219\/revisions"}],"predecessor-version":[{"id":780,"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/pages\/219\/revisions\/780"}],"wp:attachment":[{"href":"https:\/\/homiqohomes.com\/en\/wp-json\/wp\/v2\/media?parent=219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}