{"product_id":"wide-criss-cross-chair-armless-swivel-office-desk-chair-oversized-comfort-seat","title":"The Wide Criss Cross Chair","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400\u0026amp;family=Syne:wght@400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003cstyle\u003e\n    :root {\n      --ink:         #0D0D0B;\n      --ink-soft:    #2A2A27;\n      --mid:         #6B6860;\n      --cream:       #F5F1EB;\n      --gold:        #B8906A;\n      --gold-light:  #E8D5BC;\n      --gold-xlight: #F3EBE0;\n      --white:       #FDFCFA;\n      --rule:        #E2DDD5;\n      --ff-display:  'Cormorant Garamond', Georgia, serif;\n      --ff-ui:       'Syne', sans-serif;\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    .pd-wrap {\n      width: 100%;\n      background: var(--cream);\n      color: var(--ink);\n      font-family: var(--ff-ui);\n      font-weight: 400;\n      -webkit-font-smoothing: antialiased;\n      overflow: hidden;\n    }\n\n    \/* ══════════════════════\n       HERO\n    ══════════════════════ *\/\n    .pd-hero {\n      width: 100%;\n      background: var(--ink);\n      padding: 36px 28px 40px;\n      position: relative;\n      overflow: hidden;\n    }\n    .pd-hero::after {\n      content: '';\n      position: absolute;\n      right: -50px; top: -50px;\n      width: 240px; height: 240px;\n      border-radius: 50%;\n      border: 1px solid rgba(184,144,106,0.14);\n      pointer-events: none;\n    }\n\n    .pd-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      background: rgba(184,144,106,0.15);\n      border: 1px solid rgba(184,144,106,0.35);\n      border-radius: 100px;\n      padding: 4px 12px 4px 8px;\n      margin-bottom: 20px;\n    }\n    .pd-badge__dot {\n      width: 6px; height: 6px;\n      border-radius: 50%;\n      background: var(--gold);\n      animation: pd-pulse 2s ease infinite;\n    }\n    @keyframes pd-pulse {\n      0%,100% { opacity:1; transform:scale(1); }\n      50%      { opacity:0.5; transform:scale(1.4); }\n    }\n    .pd-badge__text {\n      font-size: 9px;\n      font-weight: 600;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold);\n    }\n\n    .pd-hero__eyebrow {\n      font-size: 9px;\n      font-weight: 500;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--mid);\n      margin-bottom: 12px;\n    }\n    .pd-hero__title {\n      font-family: var(--ff-display);\n      font-size: clamp(32px, 8vw, 52px);\n      font-weight: 300;\n      line-height: 1.1;\n      color: var(--white);\n      margin-bottom: 20px;\n    }\n    .pd-hero__title em { font-style: italic; color: var(--gold); }\n\n    .pd-hero__intro {\n      font-size: 13.5px;\n      line-height: 1.8;\n      color: rgba(245,241,235,0.58);\n    }\n    .pd-hero__rule {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-top: 28px;\n    }\n    .pd-hero__rule span {\n      display: block; height: 1px; flex: 1;\n      background: rgba(184,144,106,0.22);\n    }\n    .pd-hero__rule em {\n      font-family: var(--ff-display);\n      font-style: italic;\n      font-size: 12px;\n      color: rgba(184,144,106,0.6);\n      white-space: nowrap;\n    }\n\n    \/* ══════════════════════\n       FEATURES\n    ══════════════════════ *\/\n    .pd-features {\n      width: 100%;\n      padding: 0 28px;\n      background: var(--cream);\n    }\n\n    .pd-card {\n      display: grid;\n      grid-template-columns: 52px 1fr;\n      gap: 0 18px;\n      padding: 32px 0;\n      border-bottom: 1px solid var(--rule);\n      position: relative;\n    }\n    .pd-card.pd-hidden {\n      opacity: 0;\n      transform: translateY(20px);\n      transition: opacity 0.6s ease, transform 0.6s ease;\n    }\n    .pd-card.pd-hidden.pd-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    .pd-card::before {\n      content: '';\n      position: absolute;\n      left: -28px;\n      top: 0; bottom: 0;\n      width: 3px;\n      background: var(--gold);\n      transform: scaleY(0);\n      transform-origin: bottom;\n      transition: transform 0.4s cubic-bezier(.16,1,.3,1);\n    }\n    .pd-card:hover::before { transform: scaleY(1); }\n\n    .pd-card__num-col {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      padding-top: 3px;\n    }\n    .pd-card__num {\n      font-family: var(--ff-display);\n      font-size: 44px;\n      font-weight: 300;\n      line-height: 1;\n      color: var(--gold-light);\n      user-select: none;\n      transition: color 0.3s ease;\n    }\n    .pd-card:hover .pd-card__num { color: var(--gold); }\n    .pd-card__num-line {\n      width: 1px; flex: 1;\n      background: var(--rule);\n      margin-top: 8px;\n      min-height: 12px;\n    }\n\n    .pd-card__title {\n      font-family: var(--ff-display);\n      font-size: clamp(18px, 4vw, 24px);\n      font-weight: 400;\n      color: var(--ink);\n      margin-bottom: 10px;\n      line-height: 1.2;\n    }\n    .pd-card__text {\n      font-size: 13.5px;\n      line-height: 1.82;\n      color: var(--mid);\n      margin-bottom: 16px;\n    }\n    .pd-card__text:last-child { margin-bottom: 0; }\n\n    .pd-benefit {\n      background: var(--gold-xlight);\n      border-radius: 8px;\n      padding: 12px 14px;\n      display: flex;\n      gap: 10px;\n      align-items: flex-start;\n      position: relative;\n      overflow: hidden;\n    }\n    .pd-benefit::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 0; bottom: 0;\n      width: 3px;\n      background: var(--gold);\n    }\n    .pd-benefit__icon {\n      width: 26px; height: 26px;\n      border-radius: 50%;\n      background: var(--gold);\n      display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0;\n    }\n    .pd-benefit__icon svg {\n      width: 12px; height: 12px;\n      fill: none; stroke: var(--white);\n      stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;\n    }\n    .pd-benefit__label {\n      font-size: 8.5px;\n      font-weight: 600;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 3px;\n      display: block;\n    }\n    .pd-benefit__text {\n      font-size: 12.5px;\n      line-height: 1.65;\n      color: var(--ink-soft);\n    }\n\n    \/* ══════════════════════\n       SPECS\n    ══════════════════════ *\/\n    .pd-specs-wrap {\n      width: 100%;\n      padding: 0 28px 48px;\n      background: var(--cream);\n    }\n    .pd-specs-wrap.pd-hidden {\n      opacity: 0;\n      transform: translateY(18px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n    .pd-specs-wrap.pd-hidden.pd-visible {\n      opacity: 1; transform: translateY(0);\n    }\n    .pd-specs-label {\n      font-size: 9px;\n      font-weight: 500;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--mid);\n      text-align: center;\n      margin: 36px 0 16px;\n    }\n    .pd-specs {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      border: 1px solid var(--rule);\n      border-radius: 10px;\n      overflow: hidden;\n    }\n    .pd-spec {\n      padding: 20px 8px 16px;\n      text-align: center;\n      background: var(--white);\n      border-right: 1px solid var(--rule);\n      transition: background 0.25s ease;\n    }\n    .pd-spec:last-child { border-right: none; }\n    .pd-spec:hover { background: var(--gold-xlight); }\n    .pd-spec__value {\n      font-family: var(--ff-display);\n      font-size: clamp(20px, 5vw, 30px);\n      font-weight: 400;\n      color: var(--ink);\n      display: block;\n      line-height: 1;\n      margin-bottom: 7px;\n      transition: color 0.25s ease;\n    }\n    .pd-spec:hover .pd-spec__value { color: var(--gold); }\n    .pd-spec__label {\n      font-size: 8px;\n      font-weight: 600;\n      letter-spacing: 0.13em;\n      text-transform: uppercase;\n      color: var(--mid);\n    }\n\n    \/* ══════════════════════\n       TRUST\n    ══════════════════════ *\/\n    .pd-trust {\n      width: 100%;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n    }\n    .pd-trust__item {\n      background: var(--ink);\n      padding: 18px 10px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 8px;\n      border-right: 1px solid rgba(255,255,255,0.07);\n    }\n    .pd-trust__item:last-child { border-right: none; }\n    .pd-trust__icon {\n      width: 32px; height: 32px;\n      border-radius: 50%;\n      background: rgba(184,144,106,0.12);\n      border: 1px solid rgba(184,144,106,0.28);\n      display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0;\n    }\n    .pd-trust__icon svg {\n      width: 14px; height: 14px;\n      fill: none; stroke: var(--gold);\n      stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;\n    }\n    .pd-trust__title {\n      font-size: 10px;\n      font-weight: 600;\n      color: var(--white);\n      letter-spacing: 0.02em;\n      line-height: 1.3;\n    }\n    .pd-trust__sub {\n      font-size: 9px;\n      color: rgba(245,241,235,0.38);\n      line-height: 1.4;\n    }\n\n    \/* ══════════════════════\n       RESPONSIVE\n    ══════════════════════ *\/\n    @media (max-width: 400px) {\n      .pd-hero { padding: 28px 18px 32px; }\n      .pd-features, .pd-specs-wrap { padding-left: 18px; padding-right: 18px; }\n      .pd-card { grid-template-columns: 1fr; }\n      .pd-card__num-col {\n        flex-direction: row; align-items: center;\n        gap: 8px; margin-bottom: 8px;\n      }\n      .pd-card__num { font-size: 28px; }\n      .pd-card__num-line { flex: 1; width: auto; height: 1px; min-height: unset; margin-top: 0; }\n      .pd-card::before { display: none; }\n      .pd-specs { grid-template-columns: 1fr; }\n      .pd-spec { border-right: none; border-bottom: 1px solid var(--rule); }\n      .pd-spec:last-child { border-bottom: none; }\n      .pd-trust { grid-template-columns: 1fr; }\n      .pd-trust__item {\n        flex-direction: row; text-align: left;\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.07);\n      }\n      .pd-trust__item:last-child { border-bottom: none; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .pd-card.pd-hidden,\n      .pd-specs-wrap.pd-hidden { opacity:1; transform:none; transition:none; }\n      .pd-badge__dot { animation: none; }\n    }\n  \u003c\/style\u003e\n\n\n\u003cdiv class=\"pd-wrap\"\u003e\n\n  \u003c!-- HERO --\u003e\n  \u003cdiv class=\"pd-hero\"\u003e\n    \u003cdiv class=\"pd-badge\"\u003e\n      \u003cspan class=\"pd-badge__dot\"\u003e\u003c\/span\u003e\n      \u003cspan class=\"pd-badge__text\"\u003eTrending Now\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pd-hero__eyebrow\"\u003eWorkspace Collection · Ergonomic Seating\u003c\/p\u003e\n    \u003ch2 class=\"pd-hero__title\"\u003eThe Ultimate\u003cbr\u003e\u003cem\u003eCross-Legged\u003c\/em\u003e Comfort\u003c\/h2\u003e\n    \u003cp class=\"pd-hero__intro\"\u003eUpgrade your home office with the viral Wide Criss Cross Chair, specifically designed for those who love to sit cross-legged while working. This armless office chair combines a minimalist aesthetic with a spacious, oversized seat, allowing you to move freely without the restriction of traditional side rails. Whether you're a creative professional or a student, this is the aesthetic desk chair your workspace deserves.\u003c\/p\u003e\n    \u003cdiv class=\"pd-hero__rule\"\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n      \u003cem\u003eThree reasons to make the switch\u003c\/em\u003e\n      \u003cspan\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- FEATURES --\u003e\n  \u003cdiv class=\"pd-features\"\u003e\n    \u003cdiv class=\"pd-card pd-hidden\"\u003e\n      \u003cdiv class=\"pd-card__num-col\"\u003e\n        \u003cspan class=\"pd-card__num\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"pd-card__num-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"pd-card__title\"\u003eEngineered for Posture \u0026amp; Flexibility\u003c\/h3\u003e\n        \u003cp class=\"pd-card__text\"\u003eStop feeling cramped in standard office seating. Our extra wide desk chair features a high-density foam cushion and a U-shaped backrest that supports your spine while giving you the freedom to sit in any position.\u003c\/p\u003e\n        \u003cdiv class=\"pd-benefit\"\u003e\n          \u003cdiv class=\"pd-benefit__icon\"\u003e\n            \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cspan class=\"pd-benefit__label\"\u003eKey Benefit\u003c\/span\u003e\n            \u003cp class=\"pd-benefit__text\"\u003ePerfectly engineered as a chair for sitting cross-legged, reducing pressure on your hips and legs during long hours of focus.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pd-card pd-hidden\"\u003e\n      \u003cdiv class=\"pd-card__num-col\"\u003e\n        \u003cspan class=\"pd-card__num\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"pd-card__num-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"pd-card__title\"\u003eSpace-Saving Minimalist Design\u003c\/h3\u003e\n        \u003cp class=\"pd-card__text\"\u003eDesigned for the modern \"Cloud Office\" look, this sleek armless swivel chair slides effortlessly under any desk, saving valuable floor space. The premium, breathable fabric and matte black swivel base offer a sophisticated look that fits perfectly in a bedroom, studio, or professional office.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pd-card pd-hidden\"\u003e\n      \u003cdiv class=\"pd-card__num-col\"\u003e\n        \u003cspan class=\"pd-card__num\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"pd-card__num-line\"\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"pd-card__title\"\u003eProfessional Grade Durability\u003c\/h3\u003e\n        \u003cp class=\"pd-card__text\"\u003eDon't sacrifice stability for style. This heavy-duty criss cross chair is equipped with a reinforced gas lift, supporting up to 300 lbs. The 360° swivel and adjustable height mechanism ensure a customized ergonomic experience, while the non-slip, scratch-resistant base protects your hardwood floors.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SPECS --\u003e\n  \u003cdiv class=\"pd-specs-wrap pd-hidden\"\u003e\n    \u003cp class=\"pd-specs-label\"\u003eQuick Specs\u003c\/p\u003e\n    \u003cdiv class=\"pd-specs\"\u003e\n      \u003cdiv class=\"pd-spec\"\u003e\n        \u003cspan class=\"pd-spec__value\" data-count=\"300\" data-suffix=\" lbs\"\u003e300 lbs\u003c\/span\u003e\n        \u003cspan class=\"pd-spec__label\"\u003eWeight Capacity\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-spec\"\u003e\n        \u003cspan class=\"pd-spec__value\"\u003e360°\u003c\/span\u003e\n        \u003cspan class=\"pd-spec__label\"\u003eSwivel Base\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-spec\"\u003e\n        \u003cspan class=\"pd-spec__value\"\u003eAdjustable\u003c\/span\u003e\n        \u003cspan class=\"pd-spec__label\"\u003eHeight Mechanism\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- TRUST --\u003e\n  \u003cdiv class=\"pd-trust\"\u003e\n    \u003cdiv class=\"pd-trust__item\"\u003e\n      \u003cdiv class=\"pd-trust__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pd-trust__title\"\u003e2-Year Warranty\u003c\/p\u003e\n        \u003cp class=\"pd-trust__sub\"\u003eCovered against defects\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-trust__item\"\u003e\n      \u003cdiv class=\"pd-trust__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003crect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 8h4l3 3v5h-7V8z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pd-trust__title\"\u003eFree US Shipping\u003c\/p\u003e\n        \u003cp class=\"pd-trust__sub\"\u003eDelivered to your door\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-trust__item\"\u003e\n      \u003cdiv class=\"pd-trust__icon\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"1 4 1 10 7 10\"\u003e\u003c\/polyline\u003e\u003cpath d=\"M3.51 15a9 9 0 1 0 .49-4.95\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pd-trust__title\"\u003eEasy Returns\u003c\/p\u003e\n        \u003cp class=\"pd-trust__sub\"\u003e30-day hassle-free policy\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003c!-- \/.pd-wrap --\u003e\n\n\u003cscript\u003e\n(function () {\n  var els = document.querySelectorAll('.pd-hidden');\n  var fallback = setTimeout(function () {\n    els.forEach(function (el) { el.classList.add('pd-visible'); });\n  }, 600);\n\n  requestAnimationFrame(function () {\n    els.forEach(function (el) {\n      if (el.getBoundingClientRect().top \u003c window.innerHeight + 60) {\n        el.classList.add('pd-visible');\n      }\n    });\n  });\n\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) {\n          e.target.classList.add('pd-visible');\n          io.unobserve(e.target);\n        }\n      });\n      var allDone = Array.from(els).every(function(el){ return el.classList.contains('pd-visible'); });\n      if (allDone) clearTimeout(fallback);\n    }, { threshold: 0.04 });\n    els.forEach(function (el) { io.observe(el); });\n  } else {\n    clearTimeout(fallback);\n    els.forEach(function (el) { el.classList.add('pd-visible'); });\n  }\n\n  document.querySelectorAll('[data-count]').forEach(function (el) {\n    var obs = new IntersectionObserver(function (entries) {\n      if (!entries[0].isIntersecting) return;\n      var target = +el.dataset.count, suffix = el.dataset.suffix || '', t0 = performance.now();\n      (function tick(now) {\n        var p = Math.min((now - t0) \/ 900, 1);\n        el.textContent = Math.round((1 - Math.pow(1 - p, 3)) * target) + suffix;\n        if (p \u003c 1) requestAnimationFrame(tick);\n      })(t0);\n      obs.disconnect();\n    }, { threshold: 0.5 });\n    obs.observe(el);\n  });\n})();\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Lunea Home","offers":[{"title":"Terracotta","offer_id":52717076775254,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true},{"title":"Sand Shell","offer_id":52717076676950,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true},{"title":"Light Grey","offer_id":52717076644182,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true},{"title":"Dusty Blue","offer_id":52717076709718,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true},{"title":"Obsidian Black","offer_id":52717076742486,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true},{"title":"Desert Rose","offer_id":52717076611414,"sku":null,"price":159.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/8085\/9990\/files\/Terracotta_velvet_swivel_criss_cross_chair_styled_in_a_warm_living_room_corner.webp?v=1780082879","url":"https:\/\/lunea-home.com\/products\/wide-criss-cross-chair-armless-swivel-office-desk-chair-oversized-comfort-seat","provider":"Lunea Home","version":"1.0","type":"link"}