{"product_id":"deskvara™-office-footrest","title":"Deskvara™ Office Footrest","description":"\u003c!-- =========================================================\nDESKVARA™ OFFICE FOOTREST\nShopify Custom Liquid\n3 × LARGE 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"dvof-page\"\u003e\n\u003cdiv class=\"dvof-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"dvof-hero\"\u003e\n\u003cdiv class=\"dvof-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ OFFICE ACCESSORIES\u003c\/div\u003e\n\u003ch1\u003eRest Your Feet. \u003cstrong\u003eWork More Comfortably.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eAdd comfortable everyday support beneath your workspace with a dedicated resting surface designed for work, study, and extended periods at your desk.\u003c\/p\u003e\n\u003cdiv class=\"dvof-tags\"\u003e\n\u003cspan\u003eFoot Support\u003c\/span\u003e \u003cspan\u003eUnder-Desk Fit\u003c\/span\u003e \u003cspan\u003eEveryday Comfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01 — LARGE 1:1\n         图片区域内部只有图片\n    ====================================================== --\u003e\n\u003cdiv class=\"dvof-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_8d65b6bb-1bb8-443e-8ad6-d08cd6fd5330.png?v=1790672905\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"dvof-content\"\u003e\n\u003cdiv class=\"dvof-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvof-label\"\u003eEVERYDAY DESK COMFORT\u003c\/div\u003e\n\u003ch2\u003eGive Your Feet \u003cspan\u003eTheir Own Place to Rest.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Office Footrest\u003c\/strong\u003e is designed to provide a convenient resting surface for your feet during work, study, and extended periods at your desk.\u003c\/p\u003e\n\u003cp\u003ePositioned naturally beneath your workspace, it creates a dedicated place for your feet without adding unnecessary complexity to your everyday desk setup.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         THREE FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"dvof-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"dvof-feature-card\"\u003e\n\u003cdiv class=\"dvof-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 15c3-1 5-3 7-6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 9c2 2 4 4 7 5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 17h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 17v2M17 17v2\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvof-card-num\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eSupportive Surface\u003c\/h3\u003e\n\u003cp\u003eA dedicated resting surface for your feet during desk time.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"dvof-feature-card\"\u003e\n\u003cdiv class=\"dvof-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M4 6h16\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 6v12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M18 6v12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 15h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 12h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvof-card-num\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eUnder-Desk Design\u003c\/h3\u003e\n\u003cp\u003eFits naturally beneath your desk for convenient everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"dvof-feature-card\"\u003e\n\u003cdiv class=\"dvof-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M6 16c2-3 4-5 6-5s4 2 6 5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 18h14\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 8h8\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M10 5h4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvof-card-num\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eEveryday Comfort\u003c\/h3\u003e\n\u003cp\u003eA simple addition for work, study, and everyday desk routines.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 02 — LARGE 1:1\n    ====================================================== --\u003e\n\u003cdiv class=\"dvof-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_c267544e-d71c-4e90-bd65-2c7944bbb691.png?v=1790672906\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"dvof-content\"\u003e\n\u003cdiv class=\"dvof-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvof-label\"\u003eDESIGNED FOR YOUR DESK\u003c\/div\u003e\n\u003ch2\u003eComfortable Support. \u003cspan\u003eRight Beneath Your Workspace.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts supportive shape fits naturally beneath a desk and gives you a dedicated place to rest your feet while maintaining a comfortable seated setup.\u003c\/p\u003e\n\u003cp\u003eSimply position the footrest beneath your workspace and keep comfortable support within easy reach throughout your everyday work or study routine.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         BENEFIT 01\n    ====================================================== --\u003e\n\u003carticle class=\"dvof-benefit dvof-orange\"\u003e\n\u003cdiv class=\"dvof-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eREST\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Dedicated Place for Your Feet\u003c\/h3\u003e\n\u003cp\u003eAdd a convenient resting surface beneath your desk instead of leaving your feet without a dedicated place throughout your everyday work routine.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         BENEFIT 02\n    ====================================================== --\u003e\n\u003carticle class=\"dvof-benefit dvof-green\"\u003e\n\u003cdiv class=\"dvof-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSUPPORT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eComfortable Support Beneath Your Desk\u003c\/h3\u003e\n\u003cp\u003eThe supportive shape integrates naturally into your seated workspace and gives your feet a comfortable surface whenever you need it.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         BENEFIT 03\n    ====================================================== --\u003e\n\u003carticle class=\"dvof-benefit dvof-purple\"\u003e\n\u003cdiv class=\"dvof-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eWORK\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMade for Everyday Desk Routines\u003c\/h3\u003e\n\u003cp\u003eFrom focused work sessions to study time and everyday computer use, add a simple layer of comfort to the space beneath your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         DARK SECTION\n    ====================================================== --\u003e\n\u003csection class=\"dvof-dark\"\u003e\n\u003cdiv class=\"dvof-dark-label\"\u003eCOMFORT FROM DESK TO FLOOR\u003c\/div\u003e\n\u003ch2\u003eBetter Support. \u003cspan\u003eMore Comfortable Desk Time.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether working from home or spending the day at the office, Deskvara™ helps make your everyday workspace feel more comfortable with practical support beneath your desk.\u003c\/p\u003e\n\u003cdiv class=\"dvof-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eOffice Work\u003c\/span\u003e \u003cspan\u003eStudy\u003c\/span\u003e \u003cspan\u003eEveryday Desk Use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03 — LARGE 1:1\n    ====================================================== --\u003e\n\u003cdiv class=\"dvof-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_61dac0ad-0c14-47df-b69d-e9da87529e77.png?v=1790672906\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL\n    ====================================================== --\u003e\n\u003csection class=\"dvof-content dvof-final\"\u003e\n\u003cdiv class=\"dvof-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvof-label\"\u003eMADE FOR EVERYDAY WORKSPACES\u003c\/div\u003e\n\u003ch2\u003eComplete Your Desk \u003cspan\u003eFrom the Ground Up.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA comfortable workspace is about more than what sits on top of your desk. The \u003cstrong\u003eDeskvara™ Office Footrest\u003c\/strong\u003e creates a dedicated resting surface beneath your workspace for everyday work, study, and computer use.\u003c\/p\u003e\n\u003cp\u003eSimple to place beneath your desk and easy to incorporate into your existing setup, it adds practical everyday comfort without making your workspace more complicated.\u003c\/p\u003e\n\u003cdiv class=\"dvof-brand-line\"\u003e\n\u003cb\u003e DESKVARA™ \u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e OFFICE ACCESSORIES \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   DESKVARA™ OFFICE FOOTREST\n========================================================= *\/\n\n.dvof-page{\n\n  --dark:#20282e;\n  --dark2:#2c363d;\n\n  --orange:#c98a4a;\n  --orange2:#e0a35d;\n\n  --green:#71884c;\n  --green2:#91a56b;\n\n  --blue:#5888c6;\n  --purple:#7168c7;\n\n  --bg:#f7f5f0;\n  --gray:#687279;\n  --line:#dedbd4;\n\n  width:100%;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 4%,\n      rgba(201,138,74,.09),\n      transparent 22%\n    ),\n\n    radial-gradient(\n      circle at 96% 35%,\n      rgba(88,136,198,.08),\n      transparent 24%\n    ),\n\n    var(--bg);\n\n  color:var(--dark);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    Helvetica,\n    sans-serif;\n\n}\n\n\n.dvof-page *{\n  box-sizing:border-box;\n}\n\n\n.dvof-wrap{\n\n  width:100%;\n  max-width:1180px;\n\n  margin:0 auto;\n\n  padding:0 28px;\n\n}\n\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.dvof-hero{\n\n  max-width:900px;\n\n  padding:\n    82px\n    0\n    54px;\n\n}\n\n\n.dvof-eyebrow{\n\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:24px;\n\n  font-size:12px;\n  line-height:1.3;\n\n  font-weight:800;\n\n  letter-spacing:.17em;\n\n  color:var(--green);\n\n}\n\n\n.dvof-eyebrow span{\n\n  width:9px;\n  height:9px;\n\n  flex:0 0 9px;\n\n  border-radius:50%;\n\n  background:var(--orange);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(201,138,74,.12);\n\n}\n\n\n.dvof-hero h1{\n\n  max-width:850px;\n\n  margin:0;\n\n  font-size:\n    clamp(42px,5.7vw,70px);\n\n  line-height:1.02;\n\n  letter-spacing:-.048em;\n\n  font-weight:800;\n\n  word-break:normal;\n  overflow-wrap:normal;\n\n}\n\n\n.dvof-hero h1 strong{\n\n  display:block;\n\n  margin-top:5px;\n\n  font-weight:800;\n\n  background:\n    linear-gradient(\n      90deg,\n      #c98a4a 0%,\n      #d0a15d 30%,\n      #748957 60%,\n      #5888c6 100%\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n\n}\n\n\n.dvof-hero p{\n\n  max-width:700px;\n\n  margin:\n    28px\n    0\n    0;\n\n  font-size:18px;\n\n  line-height:1.75;\n\n  color:var(--gray);\n\n}\n\n\n.dvof-tags{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:30px;\n\n}\n\n\n.dvof-tags span{\n\n  padding:\n    10px\n    16px;\n\n  border:\n    1px solid\n    rgba(32,40,46,.11);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.70);\n\n  font-size:12px;\n  line-height:1;\n\n  font-weight:700;\n\n  white-space:nowrap;\n\n}\n\n\n\n\/* =========================================================\n   1:1 IMAGE CONTAINERS\n========================================================= *\/\n\n.dvof-image{\n\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:1 \/ 1;\n\n  margin:\n    0\n    auto\n    80px;\n\n  overflow:hidden;\n\n  border-radius:28px;\n\n  background:#e9e8e4;\n\n  box-shadow:\n    0 22px 65px\n    rgba(32,40,46,.10);\n\n}\n\n\n.dvof-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.dvof-content{\n\n  max-width:880px;\n\n  padding:\n    20px\n    0\n    70px;\n\n}\n\n\n.dvof-number{\n\n  margin-bottom:18px;\n\n  font-size:11px;\n  line-height:1;\n\n  font-weight:800;\n\n  letter-spacing:.20em;\n\n  color:var(--orange);\n\n}\n\n\n.dvof-label{\n\n  margin-bottom:15px;\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  color:var(--green);\n\n}\n\n\n.dvof-content h2{\n\n  max-width:760px;\n\n  margin:\n    0\n    0\n    27px;\n\n  font-size:\n    clamp(34px,4.4vw,52px);\n\n  line-height:1.06;\n\n  letter-spacing:-.04em;\n\n  font-weight:800;\n\n}\n\n\n.dvof-content h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n\n}\n\n\n.dvof-content p{\n\n  max-width:780px;\n\n  margin:\n    0\n    0\n    17px;\n\n  font-size:17px;\n\n  line-height:1.8;\n\n  color:#646e74;\n\n}\n\n\n.dvof-content p strong{\n\n  color:var(--dark);\n\n}\n\n\n\n\/* =========================================================\n   THREE FEATURE CARDS\n========================================================= *\/\n\n.dvof-feature-grid{\n\n  width:100%;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:14px;\n\n  margin:\n    0\n    0\n    80px;\n\n}\n\n\n.dvof-feature-card{\n\n  min-width:0;\n\n  min-height:225px;\n\n  padding:\n    24px\n    22px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(32,40,46,.08);\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.74);\n\n  box-shadow:\n    0 12px 32px\n    rgba(32,40,46,.045);\n\n}\n\n\n.dvof-icon{\n\n  width:43px;\n  height:43px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:26px;\n\n  border-radius:12px;\n\n  background:var(--dark);\n\n}\n\n\n.dvof-icon svg{\n\n  width:21px;\n  height:21px;\n\n  fill:none;\n\n  stroke:#fff;\n\n  stroke-width:1.7;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n\n}\n\n\n.dvof-card-num{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-size:10px;\n  line-height:1;\n\n  letter-spacing:.15em;\n\n  font-weight:900;\n\n  color:var(--orange);\n\n}\n\n\n.dvof-feature-card h3{\n\n  margin:\n    0\n    0\n    12px;\n\n  font-size:20px;\n\n  line-height:1.14;\n\n  letter-spacing:-.025em;\n\n  font-weight:800;\n\n}\n\n\n.dvof-feature-card p{\n\n  max-width:220px;\n\n  margin:0;\n\n  font-size:13px;\n\n  line-height:1.65;\n\n  color:#737c83;\n\n}\n\n\n\n\/* =========================================================\n   BENEFIT BLOCKS\n========================================================= *\/\n\n.dvof-benefit{\n\n  position:relative;\n\n  width:100%;\n\n  margin-bottom:14px;\n\n  padding:\n    36px\n    40px;\n\n  overflow:hidden;\n\n  border-radius:23px;\n\n  color:#fff;\n\n}\n\n\n.dvof-benefit::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:230px;\n  height:230px;\n\n  right:-100px;\n  top:-110px;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.10);\n\n}\n\n\n.dvof-orange{\n\n  background:\n    linear-gradient(\n      120deg,\n      #a96835,\n      #d59650\n    );\n\n}\n\n\n.dvof-green{\n\n  background:\n    linear-gradient(\n      120deg,\n      #465d3e,\n      #748a50\n    );\n\n}\n\n\n.dvof-purple{\n\n  margin-bottom:85px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #3b4651,\n      #6764a1\n    );\n\n}\n\n\n.dvof-benefit-top{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  margin-bottom:24px;\n\n}\n\n\n.dvof-benefit-top span{\n\n  font-size:11px;\n\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  opacity:.75;\n\n}\n\n\n.dvof-benefit-top small{\n\n  padding:\n    6px\n    11px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.28);\n\n  border-radius:100px;\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.14em;\n\n}\n\n\n.dvof-benefit h3{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:620px;\n\n  margin:\n    0\n    0\n    13px;\n\n  font-size:\n    clamp(26px,3.3vw,38px);\n\n  line-height:1.1;\n\n  letter-spacing:-.03em;\n\n}\n\n\n.dvof-benefit p{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:700px;\n\n  margin:0;\n\n  font-size:15px;\n\n  line-height:1.7;\n\n  color:\n    rgba(255,255,255,.83);\n\n}\n\n\n\n\/* =========================================================\n   DARK SECTION\n========================================================= *\/\n\n.dvof-dark{\n\n  position:relative;\n\n  width:100%;\n\n  margin:\n    0\n    0\n    80px;\n\n  padding:\n    62px\n    55px;\n\n  overflow:hidden;\n\n  border-radius:28px;\n\n  background:\n\n    radial-gradient(\n      circle at 90% 8%,\n      rgba(88,136,198,.30),\n      transparent 31%\n    ),\n\n    radial-gradient(\n      circle at 76% 110%,\n      rgba(113,136,76,.24),\n      transparent 32%\n    ),\n\n    linear-gradient(\n      135deg,\n      #1d252b,\n      #2c363d\n    );\n\n  color:#fff;\n\n}\n\n\n.dvof-dark::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:350px;\n  height:350px;\n\n  right:-180px;\n  bottom:-210px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:50%;\n\n}\n\n\n.dvof-dark-label{\n\n  position:relative;\n\n  z-index:2;\n\n  margin-bottom:17px;\n\n  font-size:11px;\n\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  color:#e5b574;\n\n}\n\n\n.dvof-dark h2{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:720px;\n\n  margin:\n    0\n    0\n    22px;\n\n  font-size:\n    clamp(34px,4.6vw,54px);\n\n  line-height:1.04;\n\n  letter-spacing:-.04em;\n\n}\n\n\n.dvof-dark h2 span{\n\n  display:block;\n\n  color:#efc080;\n\n}\n\n\n.dvof-dark p{\n\n  position:relative;\n\n  z-index:2;\n\n  max-width:650px;\n\n  margin:0;\n\n  font-size:16px;\n\n  line-height:1.75;\n\n  color:\n    rgba(255,255,255,.72);\n\n}\n\n\n.dvof-dark-tags{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:28px;\n\n}\n\n\n.dvof-dark-tags span{\n\n  padding:\n    9px\n    14px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.16);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.07);\n\n  font-size:11px;\n\n  font-weight:700;\n\n}\n\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.dvof-final{\n\n  padding-bottom:100px;\n\n}\n\n\n.dvof-brand-line{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:18px;\n\n  margin-top:45px;\n\n  padding-top:22px;\n\n  border-top:\n    1px solid\n    var(--line);\n\n}\n\n\n.dvof-brand-line b{\n\n  flex:0 0 auto;\n\n  font-size:13px;\n\n  letter-spacing:.08em;\n\n}\n\n\n.dvof-brand-line i{\n\n  flex:1;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--orange),\n      var(--green),\n      var(--blue),\n      transparent\n    );\n\n}\n\n\n.dvof-brand-line span{\n\n  flex:0 0 auto;\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.17em;\n\n  color:#858d92;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .dvof-wrap{\n\n    padding:\n      0\n      18px;\n\n  }\n\n\n  .dvof-hero{\n\n    padding:\n      65px\n      0\n      45px;\n\n  }\n\n\n  .dvof-hero h1{\n\n    font-size:\n      clamp(38px,8vw,55px);\n\n  }\n\n\n  .dvof-feature-grid{\n\n    gap:10px;\n\n  }\n\n\n  .dvof-feature-card{\n\n    min-height:210px;\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .dvof-feature-card h3{\n\n    font-size:17px;\n\n  }\n\n\n  .dvof-feature-card p{\n\n    font-size:12px;\n\n  }\n\n\n  .dvof-icon{\n\n    width:39px;\n    height:39px;\n\n    margin-bottom:22px;\n\n  }\n\n\n  .dvof-dark{\n\n    padding:\n      50px\n      35px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n  .dvof-wrap{\n\n    padding:\n      0\n      15px;\n\n  }\n\n\n  \/* HERO *\/\n\n  .dvof-hero{\n\n    padding:\n      48px\n      0\n      35px;\n\n  }\n\n\n  .dvof-eyebrow{\n\n    margin-bottom:17px;\n\n    font-size:9px;\n\n    letter-spacing:.12em;\n\n  }\n\n\n  .dvof-hero h1{\n\n    max-width:100%;\n\n    font-size:39px;\n\n    line-height:1.01;\n\n    letter-spacing:-.045em;\n\n  }\n\n\n  .dvof-hero h1 strong{\n\n    margin-top:7px;\n\n    font-size:37px;\n\n  }\n\n\n  .dvof-hero p{\n\n    margin-top:21px;\n\n    font-size:15px;\n\n    line-height:1.65;\n\n  }\n\n\n  .dvof-tags{\n\n    margin-top:23px;\n\n    gap:6px;\n\n  }\n\n\n  .dvof-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* IMAGE *\/\n\n  .dvof-image{\n\n    width:100%;\n\n    aspect-ratio:1 \/ 1;\n\n    margin-bottom:58px;\n\n    border-radius:20px;\n\n  }\n\n\n  \/* CONTENT *\/\n\n  .dvof-content{\n\n    padding:\n      8px\n      2px\n      52px;\n\n  }\n\n\n  .dvof-number{\n\n    margin-bottom:14px;\n\n    font-size:9px;\n\n  }\n\n\n  .dvof-label{\n\n    margin-bottom:12px;\n\n    font-size:9px;\n\n  }\n\n\n  .dvof-content h2{\n\n    margin-bottom:21px;\n\n    font-size:31px;\n\n    line-height:1.07;\n\n  }\n\n\n  .dvof-content p{\n\n    margin-bottom:14px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  \/* THREE CARDS *\/\n\n  .dvof-feature-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap:7px;\n\n    width:100%;\n\n    margin-bottom:58px;\n\n  }\n\n\n  .dvof-feature-card{\n\n    width:100%;\n\n    min-width:0;\n\n    min-height:185px;\n\n    padding:\n      14px\n      10px;\n\n    border-radius:15px;\n\n  }\n\n\n  .dvof-icon{\n\n    width:34px;\n    height:34px;\n\n    margin-bottom:18px;\n\n    border-radius:9px;\n\n  }\n\n\n  .dvof-icon svg{\n\n    width:17px;\n    height:17px;\n\n  }\n\n\n  .dvof-card-num{\n\n    margin-bottom:8px;\n\n    font-size:8px;\n\n  }\n\n\n  .dvof-feature-card h3{\n\n    margin-bottom:9px;\n\n    font-size:14px;\n\n    line-height:1.13;\n\n  }\n\n\n  .dvof-feature-card p{\n\n    max-width:100%;\n\n    font-size:10px;\n\n    line-height:1.55;\n\n  }\n\n\n  \/* BENEFITS *\/\n\n  .dvof-benefit{\n\n    margin-bottom:10px;\n\n    padding:\n      27px\n      22px;\n\n    border-radius:18px;\n\n  }\n\n\n  .dvof-purple{\n\n    margin-bottom:58px;\n\n  }\n\n\n  .dvof-benefit-top{\n\n    margin-bottom:19px;\n\n  }\n\n\n  .dvof-benefit h3{\n\n    font-size:25px;\n\n  }\n\n\n  .dvof-benefit p{\n\n    font-size:13px;\n\n    line-height:1.65;\n\n  }\n\n\n  \/* DARK *\/\n\n  .dvof-dark{\n\n    margin-bottom:58px;\n\n    padding:\n      39px\n      24px;\n\n    border-radius:21px;\n\n  }\n\n\n  .dvof-dark-label{\n\n    font-size:9px;\n\n  }\n\n\n  .dvof-dark h2{\n\n    font-size:31px;\n\n  }\n\n\n  .dvof-dark p{\n\n    font-size:14px;\n\n  }\n\n\n  .dvof-dark-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* FINAL *\/\n\n  .dvof-final{\n\n    padding-bottom:70px;\n\n  }\n\n\n  .dvof-brand-line{\n\n    gap:10px;\n\n    margin-top:35px;\n\n  }\n\n\n  .dvof-brand-line b{\n\n    font-size:11px;\n\n  }\n\n\n  .dvof-brand-line span{\n\n    display:none;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .dvof-wrap{\n\n    padding:\n      0\n      12px;\n\n  }\n\n\n  .dvof-hero h1{\n\n    font-size:35px;\n\n  }\n\n\n  .dvof-hero h1 strong{\n\n    font-size:33px;\n\n  }\n\n\n  .dvof-feature-grid{\n\n    gap:5px;\n\n  }\n\n\n  .dvof-feature-card{\n\n    min-height:178px;\n\n    padding:\n      13px\n      8px;\n\n  }\n\n\n  .dvof-feature-card h3{\n\n    font-size:13px;\n\n  }\n\n\n  .dvof-feature-card p{\n\n    font-size:9px;\n\n    line-height:1.5;\n\n  }\n\n\n  .dvof-icon{\n\n    width:31px;\n    height:31px;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209868955832,"sku":"Deskvara*1","price":34.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209868988600,"sku":"Deskvara*2","price":59.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209869021368,"sku":"Deskvara*4","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_bbe69949-12ec-442d-9610-89c0cee79a09.png?v=1790672868","url":"https:\/\/deskvara.com\/products\/deskvara%e2%84%a2-office-footrest","provider":"Deskvara™","version":"1.0","type":"link"}