Boulies OP300
.op300-product-description { --large-heading-size: 48px; --medium-heading-size: 36px; --body-size: 24px; --heading-color: #141414; --body-color: #595959; width: 100%; max-width: 19 20px; margin: 0 auto; } .op300-product-description img { display: block; } /* intro */ .op300-intro { padding: 6.67% 14.58% 5% 13.54%; background-color: #f4f4f4; } .op300-intro__text { display: flex; justify-content: space-between; gap: 10.71%; } .op300-intro__text__title { flex: 114; font-size: var(--medium-heading-size); color: var(--heading-color); font-weight: 700; } .op300-intro__text__content { flex: 205; font-size: var(--body-size); color: var(--body-color); line-height: 1.5; } .op300-poster img { width: 100%; height: auto; } /* detail */ .op300-detail { width: 100%; background-color: #141414; } .op300-detail__title { font-size: var(--large-heading-size); color: #ffffff; font-weight: 700; text-align: center; padding: 96px 0 24px 0; } .op300-detail__content { display: grid; grid-template-columns: 35fr 66fr 35fr; grid-template-rows: auto; gap: 16px; align-items: center; padding: 0 20.83% 180px 20.83%; } /* block */ .op300-detail__block { width: 100%; max-width: 280px; aspect-ratio: 1 / 1; border-radius: 32px; background-color: #f8891d; display: flex; justify-content: center; align-items: center; margin-top: auto; } .op300-detail__block svg { width: 64.29%; height: auto; } .op300-detail__img-2, .op300-detail__img-3, .op300-detail__img-4, .op300-detail__img-5, .op300-detail__img-6, .op300-detail__img-7 { position: relative; } .op300-detail__img-2::before, .op300-detail__img-3::before, .op300-detail__img-4::before, .op300-detail__img-5::before, .op300-detail__img-6::before, .op300-detail__img-7::before { content: ""; position: absolute; bottom: 0; left: 0; background-color: white; margin-top: auto; border-radius: 32px; } .op300-detail__img-2 img, .op300-detail__img-3 img, .op300-detail__img-4 img, .op300-detail__img-5 img, .op300-detail__img-6 img, .op300-detail__img-7 img { position: relative; } .op300-detail__content img { width: 100%; height: auto; } .op300-detail__img-column { display: flex; flex-direction: column; gap: 16px; margin-top: auto; } /* img-3 */ .op300-detail__img-3::before { width: 100%; height: 77.5%; } .op300-detail__img-3::before, .op300-detail__img-3 img { max-width: 528px; } /* img-4 */ .op300-detail__img-4::before { width: 100%; height: 100%; } .op300-detail__img-4::before { max-width: 360px; } .op300-detail__img-4 img { max-width: 360px; width: 128.57%; } /* img-2 */ .op300-detail__img-2::before { width: 100%; height: 100%; } /* img-5 */ .op300-detail__img-5::before { width: 100%; height: 100%; } .op300-detail__img-2::before, .op300-detail__img-5::before, .op300-detail__img-2 img, .op300-detail__img-5 img { max-width: 280px; } /* img-group */ .op300-detail__img-group { grid-column: span 3; display: flex; gap: 16px; } /* img-6 */ .op300-detail__img-6::before { width: 100%; height: 100%; } .op300-detail__img-6::before, .op300-detail__img-6 img { max-width: 392px; } /* img-7 */ .op300-detail__img-7::before { width: 100%; height: 100%; } .op300-detail__img-7::before, .op300-detail__img-7 img { max-width: 712px; } /* mechanism */ .op300-mechanism { width: 100%; position: relative; } .op300-mechanism__background { display: flex; justify-content: end; overflow: hidden; } .op300-mechanism__background img { max-width: 1920px; height: auto; } .op300-mechanism__text { position: absolute; left: 9.22%; top: 50%; transform: translateY(-50%); max-width: 647px; } .op300-mechanism__text__big { font-size: var(--large-heading-size); color: var(--heading-color); font-weight: 700; } .op300-mechanism__text__small { font-size: var(--body-size); color: var(--body-color); margin-top: 16px; line-height: 1.5; } /* backrest */ .op300-backrest { width: 100%; position: relative; } .op300-backrest__background { display: flex; justify-content: center; overflow: hidden; } .op300-backrest__background img { max-width: 1920px; height: auto; } .op300-backrest__text { position: absolute; right: 8.91%; top: 50%; transform: translateY(-50%); max-width: 667px; } .op300-backrest__text__big { font-size: var(--medium-heading-size); color: var(--heading-color); font-weight: 700; } .op300-backrest__text__small { font-size: var(--body-size); color: var(--body-color); margin-top: 16px; line-height: 1.5; } .op300-backrest__text__small.tip { font-size: 22px; } /* seat */ .op300-seat { width: 100%; position: relative; } .op300-seat__background { display: flex; justify-content: center; overflow: hidden; } .op300-seat__background img { max-width: 1920px; height: auto; } .op300-seat__text { position: absolute; left: 11.46%; top: 50%; transform: translateY(-50%); max-width: 663px; } .op300-seat__text__big { font-size: var(--medium-heading-size); color: var(--heading-color); font-weight: 700; } .op300-seat__text__small { font-size: var(--body-size); color: var(--body-color); margin-top: 16px; line-height: 1.5; } /* function */ .op300-function { width: 100%; position: relative; } .op300-function__background { display: flex; justify-content: center; overflow: hidden; } .op300-function__background img { max-width: 1920px; height: auto; } .op300-function__text { position: absolute; right: 7.71%; top: 50%; transform: translateY(-50%); max-width: 690px; } .op300-function__text__big { font-size: var(--medium-heading-size); color: var(--heading-color); font-weight: 700; } .op300-function__text__small { font-size: var(--body-size); color: var(--body-color); margin-top: 16px; line-height: 1.5; } /* function-detail */ .op300-function-detail { background-color: #000000; padding: 6.67% 7.03%; position: relative; } .op300-function-detail__wrapper { width: 100%; position: relative; background-color: #ededed; overflow: hidden; } .op300-function-detail__background { display: flex; justify-content: center; overflow: hidden; opacity: 0; height: 0; transition: opacity 0.5s ease-in-out; } .op300-function-detail__background.show { opacity: 1; height: auto; } .op300-function-detail__background img { max-width: 1650px; height: auto; } .op300-function-detail__text-list { position: absolute; left: 6.18%; top: 50%; transform: translateY(-50%); max-width: 663px; display: flex; flex-direction: column; } .op300-function-detail__text-item { border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding: 24px 0 24px 3px; transition: all 0.5s ease-in-out; pointer-events: auto; } .op300-function-detail__text-item.selected { border-top: 2px solid #141414; pointer-events: none; } .op300-function-detail__text__big { display: flex; justify-content: space-between; align-items: center; font-size: var(--medium-heading-size); color: var(--heading-color); font-weight: 700; cursor: pointer; } #op300-function-detail-btn { transition: 0.5s ease-in-out; flex-shrink: 0; } #op300-function-detail-btn.rotate { transform: rotateX(180deg); } .op300-function-detail__text__small { font-size: var(--body-size); color: var(--body-color); line-height: 1.5; margin: 0; max-height: 0; transition: all 0.5s ease-in-out; overflow: hidden; } .op300-function-detail__text__small.show { max-height: 900px; margin: 16px 49px 120px 0; } .op300-function-detail__item-img { display: none; } /* armrest */ .op300-armrest { width: 100%; position: relative; } .op300-armrest__background { display: flex; justify-content: center; overflow: hidden; } .op300-armrest__background img { max-width: 1920px; height: auto; } .op300-armrest__title { position: absolute; right: 12.24%; top: 50%; transform: translateY(-50%); max-width: 705px; } .op300-armrest__title__text__big { font-size: var(--large-heading-size); color: var(--heading-color); font-weight: 700; } .op300-armrest__title__text__small { font-size: var(--body-size); color: var(--body-color); margin-top: 16px; line-height: 1.5; } .op300-armrest__img-group { display: flex; flex-direction: row; justify-content: space-between; margin: 24px 12.34% 0 -2.7%; } .op300-armrest__img-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .op300-armrest__img-item img { width: 100%; max-width: 175px; height: auto; } .op300-armrest__img-desc { font-size: 18px; color: var(--heading-color); font-weight: 700; } /* upholstery */ .op300-upholstery { background-color: #f4f4f4; padding: 112px 7.03% 128px 7.03%; } .op300-upholstery__title { font-size: var(--large-heading-size); color: var(--heading-color); font-weight: 700; padding-left: 4.85%; padding-bottom: 56px; } .op300-upholstery__img-group { width: 100%; display: flex; flex-direction: row; } .op300-upholstery__img-item-left, .op300-upholstery__img-item-right { position: relative; transition: width 0.6s ease-in-out; } .op300-upholstery__img-item-left { margin-right: 0.5%; width: 76.48%; display: flex; justify-content: start; overflow: hidden; } .op300-upholstery__img-item-right { width: 23.52%; display: flex; justify-content: end; overflow: hidden; cursor: pointer; } .op300-upholstery__img-item-left img, .op300-upholstery__img-item-right img { max-width: 1262px; height: auto; } .op300-upholstery__img-item__desc-big-left, .op300-upholstery__img-item__desc-big-right { position: absolute; bottom: 11.11%; left: 11.11%; max-width: 708px; opacity: 0; transition: opacity 0.5s ease-in-out; } .op300-upholstery__img-item__desc-small-left, .op300-upholstery__img-item__desc-small-right { position: absolute; bottom: 13.33%; left: 19.21%; right: 19.21%; opacity: 0; transition: opacity 0.6s ease-in-out; } .op300-upholstery__img-item__desc-big-left.show, .op300-upholstery__img-item__desc-big-right.show, .op300-upholstery__img-item__desc-small-left.show, .op300-upholstery__img-item__desc-small-right.show { opacity: 1; } .op300-upholstery__desc__big { font-size: var(--medium-heading-size); color: #ffffff; font-weight: 700; } .op300-upholstery__desc__small { font-size: var(--body-size); color: #ffffff; line-height: 1.5; margin-top: 16px; } .op300-upholstery__desc__small-title { font-size: var(--body-size); color: #ffffff; text-align: center; font-weight: 700; } /* components */ .op300-components { width: 100%; background-color: #f4f4f4; } .op300-components__title { text-align: center; padding: 121px 0 76px 0; font-size: var(--large-heading-size); color: var(--heading-color); font-weight: 700; } .op300-components__component-group-wrap { width: 98%; overflow-x: auto; overflow-y: hidden; padding-bottom: 94px; margin: 0 auto; } .op300-components__component-group { width: fit-content; display: flex; margin: 0 auto; gap: 24px; } .op300-components__component { width: 418px; } .op300-components__component img { width: 100%; height: auto; } .op300-components__component__desc { padding-top: 24px; padding-right: 4.3%; } .op300-components__component__desc .component__name { font-size: 24px; color: var(--heading-color); font-weight: 700; } .op300-components__component__desc .component__content { font-size: 16px; margin-top: 12px; color: #8c8c8c; line-height: 1.5; } @media screen and (max-width: 1440px) { .op300-product-description { --large-heading-size: 48px; --medium-heading-size: 36px; --body-size: 24px; } /* intro */ .op300-intro { padding: 7.08% 7.64% 5% 5.56%; --large-heading-size: 42px; } /* detail */ .op300-detail { --large-heading-size: 42px; } .op300-detail__title { padding: 72px 0 12px 0; } .op300-detail__content { gap: 12px; padding: 0 20.83% 135px 20.83%; } .op300-detail__img-column { gap: 12px; } .op300-detail__img-group { gap: 12px; } /* mechanism */ .op300-mechanism__background img { max-width: 1440px; } .op300-mechanism__text { left: 8.125%; top: 50%; transform: translateY(-50%); } .op300-backrest__background img, .op300-seat__background img, .op300-function__background img { max-width: 1440px; } .op300-backrest__text { right: 9.72%; top: 50%; transform: translateY(-50%); max-width: 536px; } .op300-seat__text { left: 8.82%; top: 50%; transform: translateY(-50%); max-width: 537px; } .op300-function__text { right: 9.72%; top: 50%; transform: translateY(-50%); max-width: 536px; } /* function-detail */ .op300-function-detail { --medium-heading-size: 28px; --body-size: 20px; } .op300-function-detail__background img { max-width: 1237.5px; } .op300-function-detail__text-list { max-width: 497.25px; } .op300-function-detail__text-item { padding: 18px 0 18px 2px; } .op300-function-detail__text__small.show { margin: 10px 37px 50px 0; } #op300-function-detail-btn { width: 48px; height: 48px; } /* upholstery */ .op300-upholstery { --medium-heading-size: 28px; --body-size: 20px; padding: 80px 0 72px 0; } .op300-upholstery__title { padding-left: 7.03%; padding-bottom: 64px; } .op300-upholstery__desc__small { margin-top: 8.5px; } .op300-upholstery__img-item-left img, .op300-upholstery__img-item-right img { max-width: 1101px; } .op300-upholstery__img-item__desc-big-left, .op300-upholstery__img-item__desc-big-right { left: 6.5%; bottom: 7.44%; max-width: 620px; } .op300-upholstery__img-item__desc-small-left, .op300-upholstery__img-item__desc-small-right { bottom: 11.95%; } /* armrest */ .op300-armrest { --large-heading-size: 36px; --body-size: 20px; } .op300-armrest__title { right: 11.8%; max-width: 539px; } .op300-armrest__title__text__small { margin-top: 13px; } .op300-armrest__img-group { margin-top: 6px; } .op300-armrest__img-desc { font-size: 16px; } .op300-armrest__img-item img { max-width: 131px; } .op300-armrest__background img { max-width: 1440px; } /* components */ .op300-components { --large-heading-size: 42px; } .op300-components__title { padding: 72px 0 56px 0; } .op300-components__component__desc .component__content { margin-top: 12px; } } @media screen and (max-width: 1200px) { .op300-product-description { --large-heading-size: 36px; --medium-heading-size: 36px; --body-size: 20px; } .op300-intro { padding: 7.33% 6.67% 5.33% 6.67%; } .op300-detail { --large-heading-size: 36px; } .op300-detail__title { padding: 60px 0 8px 0; } .op300-detail__content, .op300-detail__img-column, .op300-detail__img-group { gap: 10px; } .op300-mechanism__text { left: 6.67%; max-width: 554px; } .op300-mechanism__text__small, .op300-backrest__text__small, .op300-seat__text__small, .op300-function__text__small { margin-top: 8px; } .op300-mechanism__background img, .op300-backrest__background img, .op300-seat__background img, .op300-function__background img { max-width: 1200px; } .op300-backrest__text { right: 8.17%; max-width: 468px; } .op300-backrest__text__small.tip { font-size: 18px; } .op300-seat__text { left: 7.42%; max-width: 461px; } .op300-function__text { right: 8.17%; max-width: 470px; } /* function-detail */ .op300-function-detail { --medium-heading-size: 24px; --body-size: 18px; } .op300-function-detail__text-list { max-width: 414px; } #op300-function-detail-btn { width: 40px; height: 40px; } .op300-function-detail__text__small.show { margin: 8px 31px 30px 0; } /* upholstery */ .op300-upholstery { --medium-heading-size: 24px; --body-size: 18px; padding: 72px 0 56px 0; } .op300-upholstery__title { padding-bottom: 48px; } .op300-upholstery__img-item-left img, .op300-upholstery__img-item-right img { max-width: 918px; } .op300-upholstery__img-item__desc-big-left, .op300-upholstery__img-item__desc-big-right { max-width: 515px; } .op300-upholstery__img-item__desc-small-left, .op300-upholstery__img-item__desc-small-right { left: 18.21%; right: 18.21%; } /* armrest */ .op300-armrest { --large-heading-size: 24px; --body-size: 18px; } .op300-armrest__title { max-width: 450px; } .op300-armrest__background img { max-width: 1200px; } .op300-armrest__img-desc { font-size: 14px; } .op300-armrest__img-item img { max-width: 110px; } .op300-armrest__title__text__small { margin-top: 8.5px; } /* components */ .op300-components { --large-heading-size: 36px; } .op300-components__title { padding: 64px 0 48px 0; } .op300-components__component { width: 328px; } .op300-components__component-group-wrapper { padding-bottom: 64px; } .op300-components__component__desc .component__content { margin-top: 2px; } .op300-components__component-group-wrap { padding-bottom: 60px; } } @media screen and (max-width: 900px) { .op300-product-description { --large-heading-size: 32px; --medium-heading-size: 32px; --body-size: 18px; } .op300-intro { padding: 8% 11.56% 7.56% 8.89%; } .op300-intro__text { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; } /* detail */ .op300-detail { --large-heading-size: 32px; } .op300-detail__title { padding: 45px 0 0.5px 0; } .op300-detail__content { padding-bottom: 85px; } .op300-detail__content, .op300-detail__img-column, .op300-detail__img-group { gap: 7.5px; } .op300-mechanism__background { justify-content: center; } .op300-backrest__background img, .op300-seat__background img, .op300-function__background img { max-width: 900px; } .op300-backrest__text { right: 3.89%; max-width: 415px; } .op300-backrest__text__small.tip { font-size: 16px; } .op300-seat__text { left: 6.89%; max-width: 362px; } .op300-function__text { right: 3.89%; max-width: 415px; } /* function-detail */ .op300-function-detail { padding: 7.11%; --medium-heading-size: 36px; --body-size: 24px; } .op300-function-detail__wrapper { display: flex; flex-direction: column-reverse; } .op300-function-detail__background { display: none; } .op300-function-detail__background img { width: 100%; height: auto; } .op300-function-detail__item-img { display: flex; justify-content: center; overflow: hidden; opacity: 0; height: 0; transition: opacity 0.5s ease-in-out; margin: 0 -6.78%; } .op300-function-detail__item-img.show { opacity: 1; height: auto; } .op300-function-detail__item-img img { width: 100%; height: auto; } .op300-function-detail__text-list { position: unset; transform: unset; width: unset; max-width: unset; padding: 7.11% 6.78%; } #op300-function-detail-btn { width: 48px; height: 48px; } .op300-function-detail__text__small.show { margin: 16px 62px 48px 0; } /* upholstery */ .op300-upholstery { padding: 64px 0 48px 0; } .op300-upholstery__title { padding-left: 10.33%; } .op300-upholstery__img-item-left img, .op300-upholstery__img-item-right img { max-width: 688px; } .op300-upholstery__img-item__desc-big-left, .op300-upholstery__img-item__desc-big-right { max-width: 470px; } /* components */ .op300-components { --large-heading-size: 32px; } .op300-components__title { padding: 56px 0 48px 0; } .op300-components__component-group { gap: 19px; margin-left: 14.11%; margin-right: 1%; } } @media screen and (max-width: 600px) { .op300-product-description { --large-heading-size: 7vw; --medium-heading-size: 6vw; --body-size: 4.67vw; } /* intro */ .op300-intro { padding: 8vw 5.33vw 5.33vw 5.33vw; } .op300-intro__text { flex-direction: column; gap: 2.67vw; } /* detail */ .op300-detail { font-size: 7vw; } .op300-detail__title { padding: 8vw 0 5.33vw 0; } .op300-detail__content { padding: 0 8vw 13.33vw 8vw; gap: 1.17vw; } .op300-detail__img-column { gap: 1.17vw; } .op300-detail__img-group { gap: 1.17vw; } .op300-detail__block, .op300-detail__img-2::before, .op300-detail__img-3::before, .op300-detail__img-4::before, .op300-detail__img-5::before, .op300-detail__img-6::before, .op300-detail__img-7::before { border-radius: 2.67vw; } /* mechanism */ .op300-mechanism__text { transform: unset; top: 8vw; left: 5.33vw; right: 5.33vw; max-width: unset; } .op300-mechanism__text__small { margin-top: 2.67vw; } .op300-mechanism__background img { width: 100%; } .op300-mechanism__background img, .op300-backrest__background img, .op300-seat__background img, .op300-function__background img { width: 100%; } .op300-backrest, .op300-seat, .op300-function { display: flex; flex-direction: column-reverse; background-color: #ededed; } .op300-backrest__text, .op300-seat__text, .op300-function__text { max-width: unset; position: unset; transform: unset; padding: 8vw 5.33vw 5.33vw 5.33vw; } .op300-backrest__text__small, .op300-seat__text__small, .op300-function__text__small { margin-top: 2.67vw; } .op300-backrest__text__small.tip { font-size: var(--body-size); } /* function-detail */ .op300-function-detail { padding: 8vw 5.33vw; --medium-heading-size: 5.33vw; --body-size: 4vw; } .op300-function-detail__text-list { padding: 8vw 4vw 9.33vw 4vw; } .op300-function-detail__text-item { padding: 3.67vw 0 3.67vw 0; } .op300-function-detail__text__big { gap: 5.83vw; } .op300-function-detail__text__small.show { margin: 2.67vw 10.83vw 4vw 0; } #op300-function-detail-btn { width: 9.33vw; height: 9.33vw; } .op300-function-detail__item-img { margin: 0 -4vw; } /* upholstery */ .op300-upholstery { padding: 8vw 0 0 0; --medium-heading-size: 6vw; --body-size: 4.67vw; } .op300-upholstery__title { padding: 0 5.33vw 6.67vw 5.33vw; } .op300-upholstery__img-group { flex-direction: column; } .op300-upholstery__img-item-left, .op300-upholstery__img-item-right { width: 100% !important; pointer-events: none !important; } .op300-upholstery__img-item__desc-big-left, .op300-upholstery__img-item__desc-big-right { opacity: 1 !important; bottom: 8vw; left: 5.33vw; right: 5.33vw; max-width: unset; } .op300-upholstery__img-item__desc-small-left, .op300-upholstery__img-item__desc-small-right, .op300-upholstery__img-item__desc-small-left.show, .op300-upholstery__img-item__desc-small-right.show { opacity: 0 !important; } .op300-upholstery__desc__small { margin-top: 2.67vw; } .op300-upholstery__img-item-left img, .op300-upholstery__img-item-right img { width: 100%; height: auto; } /* armrest */ .op300-armrest { --large-heading-size: 7vw; --body-size: 4.67vw; display: flex; flex-direction: column-reverse; background-color: #ededed; } .op300-armrest__background img { width: 100%; } .op300-armrest__title { position: unset; transform: unset; max-width: unset; } .op300-armrest__title__text { padding: 8vw 5.33vw 2.67vw 5.33vw; } .op300-armrest__img-group { margin: 0 3.6vw 7.67vw 3.6vw; } .op300-armrest__title__text__small { margin-top: 2.67vw; } .op300-armrest__img-item { gap: 2.67vw; } .op300-armrest__img-item img { width: 29.17vw; max-width: unset; } .op300-armrest__img-desc { font-size: 3vw; } /* components */ .op300-components { --large-heading-size: 7vw; } .op300-components__title { padding: 8vw 0 5.33vw 0; } .op300-components__component-group-wrap { padding-bottom: 13.33vw; } .op300-components__component-group { margin-left: 15.17vw; } .op300-components__component { width: 69.67vw; } .op300-components__component__desc { padding: 4vw 3vw 0 0; } .op300-components__component__desc .component__name { font-size: 4.67vw; } .op300-components__component__desc .component__content { font-size: 3.67vw; margin-top: 1.17vw; } } Ergonomic Comfort For Every Workspace Aimed for a truly ergonomic working experience, Boulies OP300 combines functionality, comfort and durability. With a variety of adjustable features, the chair ensures a personalised fit, providing optimal lower back support for individuals of different heights. Whether you're working, gaming, or relaxing, the Boulies OP300 provides ergonomic support tailored to your needs, making it the perfect addition to any workspace. Product Detail Display Boulies Multi Tilt Mechanism Engineered for a tailored seating experience with Boulies Chairs, the Boulies OP300 maintains with our Multi Tilt Mechanism to help you get a comfortable and ergonomic sitting posture. Built for durability and adjustments, the tilt mechanism provides long-lasting support while adapting to your unique needs. Ergonomic Backrest Recline The Boulies OP300’s backrest can be easily adjusted to lean forward or backwards, offering the ideal balance between focus and relaxation. Furthermore, Boulies engineers the backrest to perfectly align with the spine's natural curve to help reduce strain on your back during long hours of sitting. *While adjust seat angle, the backrest can recline up to 113°. Adjustable Seat Depth for a Perfect Fit Ensured a customised and ergonomic sitting experience, the Boulies OP300 Multi tilt mechanism features a seat depth adjustment to accommodate individuals of different sizes. By allowing you to adjust the seat’s depth, this feature helps maintain proper thigh support and posture, reducing strain and enhancing overall comfort during long hours of sitting. Adjustable Seat Angle & Rocking Function The Boulies OP300 is designed to adapt to your seating needs with its adjustable seat angle or rocking function. Whether you prefer to lean back and relax or maintain an upright posture for focused work, this feature provides the flexibility to suit different seating preferences. Enjoy a dynamic sitting experience that supports both productivity and relaxation. Height Adjustable Backrest Everyone deserves the right support. With an adjustable backrest height, the OP300 ensures a personalised fit, making it suitable for individuals of different heights. Designed with both functionality and comfort in mind, the Boulies OP300 is the perfect addition to any workspace, delivering ergonomic support tailored to your needs. Multi-Directional Adjustable Headrest The Boulies OP300 features a fully adjustable headrest that moves in height, angle, and depth, offering personalised neck or head support for every user. Whether you're working, reading, or relaxing, this ergonomic design helps reduce strain and enhances comfort, ensuring proper support throughout the day. Wide & Comfortable Seat Cushion Featured a wide-sized seat cushion, Boulies OP300 chair is suitable for individuals of various weights. This seat cushion is designed for softness yet supportive, providing exceptional comfort while helping to relieve pressure on your tailbone. Two Backrest Material Options For Customised Comfort Mesh Backrest – Maximum Breathability The mesh backrest is designed to enhance airflow, keeping you cool and comfortable, even during long hours of sitting. Its breathable structure helps prevent heat buildup, making it an excellent choice for those who prioritise ventilation and freshness. Mesh Backrest– Maximum Breathability Padded Mesh Backrest – Soft Yet Breathable The padded mesh backrest offers a perfect blend of softness and breathability. Using Boulies' specialised sewing technique, this design provides extra comfort while maintaining airflow, ensuring a supportive yet plush seating experience. Padded Mesh Backrest– Soft Yet Breathable Boulies Adjustable Armrests This armrest can adjust up, down and angles to your exact requirements. The arm top pad supports your elbows in softness, providing sublime support as you sit. The soft arm pad top is perfect for supporting your elbow. And for those who prefer an unencumbered sit, it's detachable, offering you the freedom of choice in your seating experience. Height Adjustment Depth Adjustment Pivot Adjustment Featured Components Heavy-duty Gas Lift Equipped with a premium gas lift mechanism that provides a stable and heavy-duty support system. This robust component is meticulously engineered to offer seamless height adjustment and to withstand the demands of long-term use. Nylon Casters Made to be durable, XL Nylon caster is smooth enough to be used on the carpets. Heavy-duty Wheel Base Engineered with premium plastic to provide extremely stability and strength, each base is not only perfectly balanced but also strong bearing capacity. Product Warranty 2 years limited Warranty Learn More 14 days return Learn More Product Details DIMENSIONS Technical Specification - OP300 FUNCTIONS 360° swivel backrest recline (85°-113°) Adjustable backrest Height Seat rocking (9.5°) Seat Tilt position Lock (-1.7°-7.8°) Adjustable head support Seat depth adjustment Armrest 6 ways adjustable SPECIFICATION Upholstery Airy Mesh / Padded Mesh Frame Reinforced plastic frame Five star foot base Heavy Duty Engineering plastic Base Tilt mechanism Multi tilt Casters 6cm Nylon casters Hydraulics Class 3 (Heavy Duty) document.addEventListener("DOMContentLoaded", function () { // function detail toggle document.querySelectorAll(".op300-function-detail__text-item").forEach((div) => { div.addEventListener("click", function () { const sibling = div.querySelector(".op300-function-detail__text__small"); const btn = div.querySelector("#op300-function-detail-btn"); const imgId = btn.getAttribute("data-img"); const imgs = document.querySelectorAll("#" + imgId); const allBtns = document.querySelectorAll("#op300-function-detail-btn"); const isOnlyExpanded = [...allBtns].every((b) => b === btn || !b.classList.contains("rotate")); if (isOnlyExpanded && btn.classList.contains("rotate")) { return; } sibling.classList.toggle("show"); btn.classList.toggle("rotate"); div.classList.toggle("selected"); imgs?.forEach((img) => { if (img) img.classList.toggle("show"); }); allBtns.forEach((otherBtn) => { if (otherBtn !== btn) { const otherParent = otherBtn.parentElement; const otherSibling = otherParent.nextElementSibling; const otherParentList = otherParent.parentElement; const otherImgId = otherBtn.getAttribute("data-img"); const otherImgs = document.querySelectorAll("#" + otherImgId); otherSibling.classList.remove("show"); otherBtn.classList.remove("rotate"); otherParentList.classList.remove("selected"); otherImgs?.forEach((img) => { if (img) img.classList.remove("show"); }); } }); }); }); // upholstery left click document.querySelector(".op300-upholstery__img-item-left").addEventListener("click", function () { let left = document.querySelector(".op300-upholstery__img-item-left"); let right = document.querySelector(".op300-upholstery__img-item-right"); left.style.width = "76.48%"; right.style.width = "23.52%"; left.style.cursor = "default"; right.style.cursor = "pointer"; document.querySelector(".op300-upholstery__img-item__desc-big-right").classList.remove("show"); document.querySelector(".op300-upholstery__img-item__desc-small-right").classList.add("show"); document.querySelector(".op300-upholstery__img-item__desc-small-left").classList.remove("show"); document.querySelector(".op300-upholstery__img-item__desc-big-left").classList.add("show"); }); // upholstery right click document.querySelector(".op300-upholstery__img-item-right").addEventListener("click", function () { let left = document.querySelector(".op300-upholstery__img-item-left"); let right = document.querySelector(".op300-upholstery__img-item-right"); left.style.width = "23.52%"; right.style.width = "76.48%"; left.style.cursor = "pointer"; right.style.cursor = "default"; document.querySelector(".op300-upholstery__img-item__desc-small-right").classList.remove("show"); document.querySelector(".op300-upholstery__img-item__desc-big-right").classList.add("show"); document.querySelector(".op300-upholstery__img-item__desc-small-left").classList.add("show"); document.querySelector(".op300-upholstery__img-item__desc-big-left").classList.remove("show"); }); });
