{"title":"🖱️Keyboard \u0026 Mouse","description":null,"products":[{"product_id":"deskvara™-desk-mouse-pad","title":"Deskvara™ Desk Mouse Pad","description":"\u003c!-- =========================================================\nDESKVARA™ DESK MOUSE PAD\nShopify Custom Liquid\n3 × 1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"dmp-page\"\u003e\n\u003cdiv class=\"dmp-wrap\"\u003e\n\u003c!-- =========================\n         HERO\n    ========================== --\u003e\n\u003csection class=\"dmp-hero\"\u003e\n\u003cdiv class=\"dmp-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ KEYBOARD \u0026amp; MOUSE\u003c\/div\u003e\n\u003ch1\u003eA Smoother Surface.\u003cbr\u003e\u003cstrong\u003eA Cleaner Workspace.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eGive your workspace a cleaner, smoother surface for comfortable everyday work.\u003c\/p\u003e\n\u003cdiv class=\"dmp-tags\"\u003e\n\u003cspan\u003eLarge Desk Coverage\u003c\/span\u003e \u003cspan\u003eSmooth Surface\u003c\/span\u003e \u003cspan\u003eDesktop Protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n         IMAGE 01 — 1:1\n         ONLY IMAGE\n    ========================== --\u003e\n\u003cdiv class=\"dmp-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_e2a48f24-a6c5-4ee9-9af8-9b6e0af3628c.png?v=1790671255\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n         SECTION 01\n    ========================== --\u003e\n\u003csection class=\"dmp-content\"\u003e\n\u003cdiv class=\"dmp-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dmp-label\"\u003eBUILT FOR THE MODERN DESK\u003c\/div\u003e\n\u003ch2\u003eMore Room for \u003cspan\u003eEveryday Work.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Desk Mouse Pad\u003c\/strong\u003e provides generous desktop coverage for your keyboard, mouse, laptop, and everyday office accessories.\u003c\/p\u003e\n\u003cp\u003eIts large format creates a more unified work surface, helping bring your everyday desk essentials together in one clean and organized setup.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n         3 FEATURE CARDS\n    ========================== --\u003e\n\u003csection class=\"dmp-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dmp-feature-card\"\u003e\n\u003cdiv class=\"dmp-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003crect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M7 15h10\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dmp-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eLarge Desk Coverage\u003c\/h3\u003e\n\u003cp\u003eCreate a generous surface for your everyday desk essentials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dmp-feature-card\"\u003e\n\u003cdiv class=\"dmp-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M4 12c3-4 5 4 8 0s5 4 8 0\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 16c3-4 5 4 8 0s5 4 8 0\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dmp-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eSmooth Movement\u003c\/h3\u003e\n\u003cp\u003eA smooth surface supports comfortable everyday mouse movement.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dmp-feature-card\"\u003e\n\u003cdiv class=\"dmp-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M12 3l7 3v5c0 5-3 8-7 10-4-2-7-5-7-10V6z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dmp-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eDesktop Protection\u003c\/h3\u003e\n\u003cp\u003eHelp reduce everyday scratches and wear on your work surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n         IMAGE 02 — 1:1\n         ONLY IMAGE\n    ========================== --\u003e\n\u003cdiv class=\"dmp-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_f15ebc4c-86e3-4391-a9e8-f1fb869404e2.png?v=1790671255\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n         SECTION 02\n    ========================== --\u003e\n\u003csection class=\"dmp-content\"\u003e\n\u003cdiv class=\"dmp-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dmp-label\"\u003eSMOOTHER MOVEMENT · CLEANER SETUP\u003c\/div\u003e\n\u003ch2\u003eMove Smoothly. \u003cspan\u003eWork Comfortably.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe smooth surface supports comfortable mouse movement throughout your everyday workflow, giving your keyboard and mouse a consistent foundation across the desk.\u003c\/p\u003e\n\u003cp\u003eAt the same time, the protective design helps reduce everyday scratches and wear on your desktop while helping your workspace maintain a cleaner, more polished appearance.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n         BENEFIT 01\n    ========================== --\u003e\n\u003carticle class=\"dmp-benefit dmp-orange\"\u003e\n\u003cdiv class=\"dmp-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eSPACE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMore Surface for Your Everyday Setup\u003c\/h3\u003e\n\u003cp\u003eThe large-format design creates a generous foundation for your keyboard, mouse, laptop, and other everyday desktop essentials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n         BENEFIT 02\n    ========================== --\u003e\n\u003carticle class=\"dmp-benefit dmp-green\"\u003e\n\u003cdiv class=\"dmp-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eCONTROL\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSmooth Movement Throughout Your Day\u003c\/h3\u003e\n\u003cp\u003eA smooth working surface supports natural mouse movement whether you are browsing, working, studying, or handling everyday desktop tasks.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n         BENEFIT 03\n    ========================== --\u003e\n\u003carticle class=\"dmp-benefit dmp-purple\"\u003e\n\u003cdiv class=\"dmp-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003ePROTECTION\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Cleaner Layer Between Work and Desk\u003c\/h3\u003e\n\u003cp\u003eHelp protect your desktop from everyday scratches and wear while creating a more finished and visually unified workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n         DARK BRAND SECTION\n    ========================== --\u003e\n\u003csection class=\"dmp-dark-section\"\u003e\n\u003cdiv class=\"dmp-dark-label\"\u003eONE SURFACE · ONE CLEANER SETUP\u003c\/div\u003e\n\u003ch2\u003eBring Your Desk \u003cspan\u003eTogether.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMore than a surface for your mouse, the Deskvara™ Desk Mouse Pad creates a visual foundation for the entire workspace—helping your keyboard, laptop, mouse, and accessories feel like part of one intentional setup.\u003c\/p\u003e\n\u003cdiv class=\"dmp-dark-tags\"\u003e\n\u003cspan\u003eKeyboard\u003c\/span\u003e \u003cspan\u003eMouse\u003c\/span\u003e \u003cspan\u003eLaptop\u003c\/span\u003e \u003cspan\u003eDesk Essentials\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n         IMAGE 03 — 1:1\n         ONLY IMAGE\n    ========================== --\u003e\n\u003cdiv class=\"dmp-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_0a28cbd7-257a-421d-a05f-4b40383dd199.png?v=1790671255\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n         FINAL\n    ========================== --\u003e\n\u003csection class=\"dmp-content dmp-final\"\u003e\n\u003cdiv class=\"dmp-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dmp-label\"\u003eTHE FOUNDATION OF YOUR WORKSPACE\u003c\/div\u003e\n\u003ch2\u003eStart With a \u003cspan\u003eBetter Surface.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom home offices to professional workstations, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e brings a clean and polished foundation to your everyday desk setup.\u003c\/p\u003e\n\u003cp\u003eCreate a workspace that feels smoother, more organized, and ready for everything your day brings.\u003c\/p\u003e\n\u003cdiv class=\"dmp-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eKEYBOARD \u0026amp; MOUSE ESSENTIALS\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   ROOT\n========================================================= *\/\n\n.dmp-page{\n\n  --dark:#20282e;\n  --dark2:#2c363d;\n\n  --orange:#c98a4a;\n  --orange2:#e1a65f;\n\n  --green:#71884c;\n  --green2:#8ea069;\n\n  --blue:#5988c4;\n  --purple:#756cc8;\n\n  --bg:#f7f5f0;\n  --gray:#68727a;\n  --line:#dedbd4;\n\n  width:100%;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 5%,\n      rgba(201,138,74,.09),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 95% 32%,\n      rgba(89,136,196,.08),\n      transparent 25%\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.dmp-page *{\n  box-sizing:border-box;\n}\n\n\n.dmp-wrap{\n\n  width:100%;\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:0 28px;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.dmp-hero{\n\n  max-width:900px;\n\n  padding:\n    82px\n    0\n    54px;\n\n}\n\n\n.dmp-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.dmp-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.dmp-hero h1{\n\n  margin:0;\n\n  max-width:850px;\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  color:var(--dark);\n\n  overflow-wrap:normal;\n  word-break:normal;\n\n}\n\n\n.dmp-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      #cba05c 32%,\n      #778b58 61%,\n      #5988c4 100%\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n\n}\n\n\n.dmp-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.dmp-tags{\n\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:30px;\n\n}\n\n\n.dmp-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,.68);\n\n  font-size:12px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  white-space:nowrap;\n\n}\n\n\n\/* =========================================================\n   ALL IMAGES\n   STRICT 1:1\n   NO TEXT OVER IMAGE\n========================================================= *\/\n\n.dmp-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.dmp-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.dmp-content{\n\n  max-width:880px;\n\n  padding:\n    20px\n    0\n    70px;\n\n}\n\n\n.dmp-number{\n\n  margin-bottom:18px;\n\n  font-size:11px;\n\n  line-height:1;\n\n  font-weight:800;\n\n  letter-spacing:.2em;\n\n  color:var(--orange);\n\n}\n\n\n.dmp-label{\n\n  margin-bottom:15px;\n\n  font-size:12px;\n\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.dmp-content h2{\n\n  margin:\n    0\n    0\n    27px;\n\n  max-width:760px;\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.dmp-content h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n\n}\n\n\n.dmp-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.dmp-content p strong{\n\n  color:var(--dark);\n\n}\n\n\n\/* =========================================================\n   THREE FEATURE CARDS\n========================================================= *\/\n\n.dmp-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.dmp-feature-card{\n\n  min-width:0;\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,.72);\n\n  box-shadow:\n    0 12px 32px\n    rgba(32,40,46,.045);\n\n}\n\n\n.dmp-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.dmp-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.dmp-card-num{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-size:10px;\n\n  line-height:1;\n\n  letter-spacing:.15em;\n\n  font-weight:900;\n\n  color:var(--orange);\n\n}\n\n\n.dmp-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  color:var(--dark);\n\n}\n\n\n.dmp-feature-card p{\n\n  margin:0;\n\n  max-width:220px;\n\n  font-size:13px;\n\n  line-height:1.65;\n\n  color:#737c83;\n\n}\n\n\n\/* =========================================================\n   LARGE BENEFIT BLOCKS\n========================================================= *\/\n\n.dmp-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.dmp-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.dmp-orange{\n\n  background:\n    linear-gradient(\n      120deg,\n      #a96835,\n      #d59650\n    );\n\n}\n\n\n.dmp-green{\n\n  background:\n    linear-gradient(\n      120deg,\n      #465d3e,\n      #748a50\n    );\n\n}\n\n\n.dmp-purple{\n\n  margin-bottom:85px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #3b4651,\n      #6764a1\n    );\n\n}\n\n\n.dmp-benefit-top{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  justify-content:space-between;\n  align-items:center;\n\n  margin-bottom:24px;\n\n}\n\n\n.dmp-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.dmp-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.dmp-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.dmp-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   DARK BRAND SECTION\n========================================================= *\/\n\n.dmp-dark-section{\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(89,136,196,.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.dmp-dark-section::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:350px;\n  height:350px;\n\n  right:-180px;\n  bottom:-220px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:50%;\n\n}\n\n\n.dmp-dark-label{\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.dmp-dark-section 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.dmp-dark-section h2 span{\n\n  display:block;\n\n  color:#efc080;\n\n}\n\n\n.dmp-dark-section 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.dmp-dark-tags{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:28px;\n\n}\n\n\n.dmp-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   FINAL\n========================================================= *\/\n\n.dmp-final{\n\n  padding-bottom:100px;\n\n}\n\n\n.dmp-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.dmp-brand-line b{\n\n  flex:0 0 auto;\n\n  font-size:13px;\n\n  letter-spacing:.08em;\n\n}\n\n\n.dmp-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.dmp-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   TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .dmp-wrap{\n\n    padding:\n      0\n      18px;\n\n  }\n\n\n  .dmp-hero{\n\n    padding:\n      65px\n      0\n      45px;\n\n  }\n\n\n  .dmp-hero h1{\n\n    font-size:\n      clamp(38px,8vw,55px);\n\n  }\n\n\n  .dmp-feature-grid{\n\n    gap:10px;\n\n  }\n\n\n  .dmp-feature-card{\n\n    min-height:210px;\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .dmp-feature-card h3{\n\n    font-size:17px;\n\n  }\n\n\n  .dmp-feature-card p{\n\n    font-size:12px;\n\n  }\n\n\n  .dmp-icon{\n\n    width:39px;\n    height:39px;\n\n    margin-bottom:22px;\n\n  }\n\n\n  .dmp-dark-section{\n\n    padding:\n      50px\n      35px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n  .dmp-wrap{\n\n    padding:\n      0\n      15px;\n\n  }\n\n\n  \/* HERO *\/\n\n  .dmp-hero{\n\n    padding:\n      48px\n      0\n      35px;\n\n  }\n\n\n  .dmp-eyebrow{\n\n    margin-bottom:17px;\n\n    font-size:9px;\n\n    letter-spacing:.12em;\n\n  }\n\n\n  .dmp-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  .dmp-hero h1 strong{\n\n    margin-top:7px;\n\n    font-size:37px;\n\n  }\n\n\n  .dmp-hero p{\n\n    margin-top:21px;\n\n    font-size:15px;\n\n    line-height:1.65;\n\n  }\n\n\n  .dmp-tags{\n\n    margin-top:23px;\n\n    gap:6px;\n\n  }\n\n\n  .dmp-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* 1:1 IMAGES *\/\n\n  .dmp-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  .dmp-content{\n\n    padding:\n      8px\n      2px\n      52px;\n\n  }\n\n\n  .dmp-number{\n\n    margin-bottom:14px;\n\n    font-size:9px;\n\n  }\n\n\n  .dmp-label{\n\n    margin-bottom:12px;\n\n    font-size:9px;\n\n  }\n\n\n  .dmp-content h2{\n\n    margin-bottom:21px;\n\n    font-size:31px;\n\n    line-height:1.07;\n\n  }\n\n\n  .dmp-content p{\n\n    margin-bottom:14px;\n\n    font-size:14px;\n\n    line-height:1.7;\n\n  }\n\n\n  \/* KEEP 3 CARDS IN ONE ROW *\/\n\n  .dmp-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  .dmp-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  .dmp-icon{\n\n    width:34px;\n    height:34px;\n\n    margin-bottom:18px;\n\n    border-radius:9px;\n\n  }\n\n\n  .dmp-icon svg{\n\n    width:17px;\n    height:17px;\n\n  }\n\n\n  .dmp-card-num{\n\n    margin-bottom:8px;\n\n    font-size:8px;\n\n  }\n\n\n  .dmp-feature-card h3{\n\n    margin-bottom:9px;\n\n    font-size:14px;\n\n    line-height:1.13;\n\n  }\n\n\n  .dmp-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  .dmp-benefit{\n\n    margin-bottom:10px;\n\n    padding:\n      27px\n      22px;\n\n    border-radius:18px;\n\n  }\n\n\n  .dmp-purple{\n\n    margin-bottom:58px;\n\n  }\n\n\n  .dmp-benefit-top{\n\n    margin-bottom:19px;\n\n  }\n\n\n  .dmp-benefit h3{\n\n    font-size:25px;\n\n  }\n\n\n  .dmp-benefit p{\n\n    font-size:13px;\n\n    line-height:1.65;\n\n  }\n\n\n  \/* DARK SECTION *\/\n\n  .dmp-dark-section{\n\n    margin-bottom:58px;\n\n    padding:\n      39px\n      24px;\n\n    border-radius:21px;\n\n  }\n\n\n  .dmp-dark-label{\n\n    font-size:9px;\n\n  }\n\n\n  .dmp-dark-section h2{\n\n    font-size:31px;\n\n  }\n\n\n  .dmp-dark-section p{\n\n    font-size:14px;\n\n  }\n\n\n  .dmp-dark-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* FINAL *\/\n\n  .dmp-final{\n\n    padding-bottom:70px;\n\n  }\n\n\n  .dmp-brand-line{\n\n    gap:10px;\n\n    margin-top:35px;\n\n  }\n\n\n  .dmp-brand-line b{\n\n    font-size:11px;\n\n  }\n\n\n  .dmp-brand-line span{\n\n    display:none;\n\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .dmp-wrap{\n\n    padding:\n      0\n      12px;\n\n  }\n\n\n  .dmp-hero h1{\n\n    font-size:35px;\n\n  }\n\n\n  .dmp-hero h1 strong{\n\n    font-size:33px;\n\n  }\n\n\n  .dmp-feature-grid{\n\n    gap:5px;\n\n  }\n\n\n  .dmp-feature-card{\n\n    min-height:178px;\n\n    padding:\n      13px\n      8px;\n\n  }\n\n\n  .dmp-feature-card h3{\n\n    font-size:13px;\n\n  }\n\n\n  .dmp-feature-card p{\n\n    font-size:9px;\n\n    line-height:1.5;\n\n  }\n\n\n  .dmp-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":54209603043512,"sku":"Deskvara*1","price":19.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209603076280,"sku":"Deskvara*2","price":34.76,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209603109048,"sku":"Deskvara*4","price":59.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_38a2f990-7ace-469f-becb-c1462bc9c4d7.png?v=1790671158"},{"product_id":"deskvara™-keyboard-wrist-rest","title":"Deskvara™ Keyboard Wrist Rest","description":"\u003c!-- =========================================================\nDESKVARA™ KEYBOARD WRIST REST\nShopify Custom Liquid\n3 × 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"dvkw-page\"\u003e\n\u003cdiv class=\"dvkw-wrap\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-hero\"\u003e\n\u003cdiv class=\"dvkw-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ KEYBOARD \u0026amp; MOUSE\u003c\/div\u003e\n\u003ch1\u003eType More Comfortably. \u003cstrong\u003eSupport Every Workday.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eAdd soft everyday support to your keyboard setup with a comfortable wrist rest designed for work, study, gaming, and everyday computer use.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_cb1f93e4-d28c-413a-8995-0408379abc14.png?v=1790671343\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"dvkw-tags\"\u003e\n\u003cspan\u003eSoft Support\u003c\/span\u003e \u003cspan\u003eStable Base\u003c\/span\u003e \u003cspan\u003eEveryday Comfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 01 — 1:1\n    ====================================================== --\u003e\n\u003cdiv class=\"dvkw-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_c4b6aaae-052e-409d-87bb-4dc58374fa55.png?v=1790671342\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 01\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-content\"\u003e\n\u003cdiv class=\"dvkw-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvkw-label\"\u003eEVERYDAY KEYBOARD COMFORT\u003c\/div\u003e\n\u003ch2\u003eSoft Support for \u003cspan\u003eEvery Keystroke.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Keyboard Wrist Rest\u003c\/strong\u003e is designed to provide a comfortable resting surface for your wrists during typing, studying, gaming, and everyday computer use.\u003c\/p\u003e\n\u003cp\u003ePositioned naturally in front of your keyboard, it adds a soft supportive layer to your desktop setup without making your workspace feel complicated or cluttered.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         3 FEATURE CARDS\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dvkw-feature-card\"\u003e\n\u003cdiv class=\"dvkw-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 15c2-3 4-5 7-5s5 2 7 5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M4 17h16\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 17v2M17 17v2\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkw-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eSoft Wrist Support\u003c\/h3\u003e\n\u003cp\u003eA cushioned resting surface designed for everyday typing.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dvkw-feature-card\"\u003e\n\u003cdiv class=\"dvkw-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M4 9h16v7H4z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 12h1M10 12h1M13 12h1M16 12h1\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 19h12\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkw-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eNatural Desk Position\u003c\/h3\u003e\n\u003cp\u003eSits neatly in front of your keyboard for convenient use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dvkw-feature-card\"\u003e\n\u003cdiv class=\"dvkw-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 8h14v8H5z\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M7 19h10\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 16v3M16 16v3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkw-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eStable Base\u003c\/h3\u003e\n\u003cp\u003eHelps keep the wrist rest positioned during everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 02 — 1:1\n    ====================================================== --\u003e\n\u003cdiv class=\"dvkw-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_7909fd48-170c-4097-9fe8-b547c8f00faa.png?v=1790671343\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         SECTION 02\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-content\"\u003e\n\u003cdiv class=\"dvkw-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvkw-label\"\u003eCOMFORT MEETS YOUR DESK\u003c\/div\u003e\n\u003ch2\u003eDesigned to Sit \u003cspan\u003eRight Where You Need It.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts supportive cushioned design sits naturally in front of your keyboard, creating a comfortable resting surface that fits easily into your existing desktop setup.\u003c\/p\u003e\n\u003cp\u003eThe stable base helps keep the wrist rest positioned on your desk during use, making it a simple addition for everyday typing, studying, gaming, and office tasks.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         BENEFIT 01\n    ====================================================== --\u003e\n\u003carticle class=\"dvkw-benefit dvkw-orange\"\u003e\n\u003cdiv class=\"dvkw-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eCOMFORT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Softer Place to Rest Your Wrists\u003c\/h3\u003e\n\u003cp\u003eAdd a comfortable cushioned surface in front of your keyboard for everyday typing sessions and computer use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         BENEFIT 02\n    ====================================================== --\u003e\n\u003carticle class=\"dvkw-benefit dvkw-green\"\u003e\n\u003cdiv class=\"dvkw-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSETUP\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eFits Naturally Into Your Workspace\u003c\/h3\u003e\n\u003cp\u003eThe streamlined shape works neatly with your keyboard setup without taking over valuable desktop space.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         BENEFIT 03\n    ====================================================== --\u003e\n\u003carticle class=\"dvkw-benefit dvkw-purple\"\u003e\n\u003cdiv class=\"dvkw-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eSTABILITY\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eStay Positioned While You Type\u003c\/h3\u003e\n\u003cp\u003eA stable base helps keep your wrist rest in place so your desktop setup feels more consistent during everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n         DARK SECTION\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-dark\"\u003e\n\u003cdiv class=\"dvkw-dark-label\"\u003eCOMFORT FOR EVERYDAY DESKS\u003c\/div\u003e\n\u003ch2\u003eSmall Upgrade. \u003cspan\u003eBetter Everyday Setup.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you spend a few minutes or several hours at your computer, Deskvara™ helps create a more comfortable everyday workspace with simple support where you need it.\u003c\/p\u003e\n\u003cdiv class=\"dvkw-dark-tags\"\u003e\n\u003cspan\u003eOffice Work\u003c\/span\u003e \u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eStudy\u003c\/span\u003e \u003cspan\u003eGaming\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 03 — 1:1\n    ====================================================== --\u003e\n\u003cdiv class=\"dvkw-image\"\u003e\u003cimg alt=\"Deskvara Keyboard Wrist Rest Everyday Setup\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n         FINAL\n    ====================================================== --\u003e\n\u003csection class=\"dvkw-content dvkw-final\"\u003e\n\u003cdiv class=\"dvkw-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvkw-label\"\u003eMADE FOR EVERYDAY COMPUTER USE\u003c\/div\u003e\n\u003ch2\u003eComfort That Belongs \u003cspan\u003eOn Your Desk.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom morning emails and focused work sessions to studying and gaming, the \u003cstrong\u003eDeskvara™ Keyboard Wrist Rest\u003c\/strong\u003e brings soft everyday support to the space directly in front of your keyboard.\u003c\/p\u003e\n\u003cp\u003eSimple, supportive, and easy to add to your existing setup, it helps make everyday computer use feel more comfortable and your workspace more complete.\u003c\/p\u003e\n\u003cdiv class=\"dvkw-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eKEYBOARD \u0026amp; MOUSE\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   ROOT\n========================================================= *\/\n\n.dvkw-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    radial-gradient(\n      circle at 96% 35%,\n      rgba(88,136,198,.08),\n      transparent 24%\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.dvkw-page *{\n  box-sizing:border-box;\n}\n\n\n.dvkw-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   HERO\n========================================================= *\/\n\n.dvkw-hero{\n\n  max-width:900px;\n\n  padding:\n    82px\n    0\n    54px;\n}\n\n\n.dvkw-eyebrow{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:24px;\n\n  font-size:12px;\n\n  line-height:1.3;\n\n  font-weight:800;\n\n  letter-spacing:.17em;\n\n  color:var(--green);\n}\n\n\n.dvkw-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.dvkw-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.dvkw-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.dvkw-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.dvkw-tags{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:30px;\n}\n\n\n.dvkw-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\n  line-height:1;\n\n  font-weight:700;\n\n  white-space:nowrap;\n}\n\n\n\n\/* =========================================================\n   1:1 IMAGE\n========================================================= *\/\n\n.dvkw-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.dvkw-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.dvkw-content{\n\n  max-width:880px;\n\n  padding:\n    20px\n    0\n    70px;\n}\n\n\n.dvkw-number{\n\n  margin-bottom:18px;\n\n  font-size:11px;\n\n  line-height:1;\n\n  font-weight:800;\n\n  letter-spacing:.20em;\n\n  color:var(--orange);\n}\n\n\n.dvkw-label{\n\n  margin-bottom:15px;\n\n  font-size:12px;\n\n  line-height:1.4;\n\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  color:var(--green);\n}\n\n\n.dvkw-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.dvkw-content h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n}\n\n\n.dvkw-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.dvkw-content p strong{\n  color:var(--dark);\n}\n\n\n\n\/* =========================================================\n   3 FEATURE CARDS\n========================================================= *\/\n\n.dvkw-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.dvkw-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.dvkw-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.dvkw-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.dvkw-card-num{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-size:10px;\n\n  line-height:1;\n\n  letter-spacing:.15em;\n\n  font-weight:900;\n\n  color:var(--orange);\n}\n\n\n.dvkw-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.dvkw-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   LARGE BENEFIT CARDS\n========================================================= *\/\n\n.dvkw-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.dvkw-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.dvkw-orange{\n\n  background:\n    linear-gradient(\n      120deg,\n      #a96835,\n      #d59650\n    );\n}\n\n\n.dvkw-green{\n\n  background:\n    linear-gradient(\n      120deg,\n      #465d3e,\n      #748a50\n    );\n}\n\n\n.dvkw-purple{\n\n  margin-bottom:85px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #3b4651,\n      #6764a1\n    );\n}\n\n\n.dvkw-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.dvkw-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.dvkw-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.dvkw-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.dvkw-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   DARK SECTION\n========================================================= *\/\n\n.dvkw-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.dvkw-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.dvkw-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.dvkw-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.dvkw-dark h2 span{\n\n  display:block;\n\n  color:#efc080;\n}\n\n\n.dvkw-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.dvkw-dark-tags{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:28px;\n}\n\n\n.dvkw-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   FINAL\n========================================================= *\/\n\n.dvkw-final{\n\n  padding-bottom:100px;\n}\n\n\n.dvkw-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.dvkw-brand-line b{\n\n  flex:0 0 auto;\n\n  font-size:13px;\n\n  letter-spacing:.08em;\n}\n\n\n.dvkw-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.dvkw-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   TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .dvkw-wrap{\n\n    padding:\n      0\n      18px;\n\n  }\n\n\n  .dvkw-hero{\n\n    padding:\n      65px\n      0\n      45px;\n\n  }\n\n\n  .dvkw-hero h1{\n\n    font-size:\n      clamp(38px,8vw,55px);\n\n  }\n\n\n  .dvkw-feature-grid{\n\n    gap:10px;\n\n  }\n\n\n  .dvkw-feature-card{\n\n    min-height:210px;\n\n    padding:\n      20px\n      17px;\n\n  }\n\n\n  .dvkw-feature-card h3{\n\n    font-size:17px;\n\n  }\n\n\n  .dvkw-feature-card p{\n\n    font-size:12px;\n\n  }\n\n\n  .dvkw-icon{\n\n    width:39px;\n    height:39px;\n\n    margin-bottom:22px;\n\n  }\n\n\n  .dvkw-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  .dvkw-wrap{\n\n    padding:\n      0\n      15px;\n\n  }\n\n\n  \/* HERO *\/\n\n  .dvkw-hero{\n\n    padding:\n      48px\n      0\n      35px;\n\n  }\n\n\n  .dvkw-eyebrow{\n\n    margin-bottom:17px;\n\n    font-size:9px;\n\n    letter-spacing:.12em;\n\n  }\n\n\n  .dvkw-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  .dvkw-hero h1 strong{\n\n    margin-top:7px;\n\n    font-size:37px;\n  }\n\n\n  .dvkw-hero p{\n\n    margin-top:21px;\n\n    font-size:15px;\n\n    line-height:1.65;\n  }\n\n\n  .dvkw-tags{\n\n    margin-top:23px;\n\n    gap:6px;\n  }\n\n\n  .dvkw-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n  }\n\n\n  \/* IMAGE *\/\n\n  .dvkw-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  \/* CONTENT *\/\n\n  .dvkw-content{\n\n    padding:\n      8px\n      2px\n      52px;\n  }\n\n\n  .dvkw-number{\n\n    margin-bottom:14px;\n\n    font-size:9px;\n  }\n\n\n  .dvkw-label{\n\n    margin-bottom:12px;\n\n    font-size:9px;\n  }\n\n\n  .dvkw-content h2{\n\n    margin-bottom:21px;\n\n    font-size:31px;\n\n    line-height:1.07;\n  }\n\n\n  .dvkw-content p{\n\n    margin-bottom:14px;\n\n    font-size:14px;\n\n    line-height:1.7;\n  }\n\n\n  \/* THREE CARDS *\/\n\n  .dvkw-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  .dvkw-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  .dvkw-icon{\n\n    width:34px;\n    height:34px;\n\n    margin-bottom:18px;\n\n    border-radius:9px;\n  }\n\n\n  .dvkw-icon svg{\n\n    width:17px;\n    height:17px;\n  }\n\n\n  .dvkw-card-num{\n\n    margin-bottom:8px;\n\n    font-size:8px;\n  }\n\n\n  .dvkw-feature-card h3{\n\n    margin-bottom:9px;\n\n    font-size:14px;\n\n    line-height:1.13;\n  }\n\n\n  .dvkw-feature-card p{\n\n    max-width:100%;\n\n    font-size:10px;\n\n    line-height:1.55;\n  }\n\n\n  \/* BENEFITS *\/\n\n  .dvkw-benefit{\n\n    margin-bottom:10px;\n\n    padding:\n      27px\n      22px;\n\n    border-radius:18px;\n  }\n\n\n  .dvkw-purple{\n\n    margin-bottom:58px;\n  }\n\n\n  .dvkw-benefit-top{\n\n    margin-bottom:19px;\n  }\n\n\n  .dvkw-benefit h3{\n\n    font-size:25px;\n  }\n\n\n  .dvkw-benefit p{\n\n    font-size:13px;\n\n    line-height:1.65;\n  }\n\n\n  \/* DARK *\/\n\n  .dvkw-dark{\n\n    margin-bottom:58px;\n\n    padding:\n      39px\n      24px;\n\n    border-radius:21px;\n  }\n\n\n  .dvkw-dark-label{\n\n    font-size:9px;\n  }\n\n\n  .dvkw-dark h2{\n\n    font-size:31px;\n  }\n\n\n  .dvkw-dark p{\n\n    font-size:14px;\n  }\n\n\n  .dvkw-dark-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n  }\n\n\n  \/* FINAL *\/\n\n  .dvkw-final{\n\n    padding-bottom:70px;\n  }\n\n\n  .dvkw-brand-line{\n\n    gap:10px;\n\n    margin-top:35px;\n  }\n\n\n  .dvkw-brand-line b{\n\n    font-size:11px;\n  }\n\n\n  .dvkw-brand-line span{\n\n    display:none;\n  }\n\n}\n\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .dvkw-wrap{\n\n    padding:\n      0\n      12px;\n\n  }\n\n\n  .dvkw-hero h1{\n\n    font-size:35px;\n\n  }\n\n\n  .dvkw-hero h1 strong{\n\n    font-size:33px;\n\n  }\n\n\n  .dvkw-feature-grid{\n\n    gap:5px;\n\n  }\n\n\n  .dvkw-feature-card{\n\n    min-height:178px;\n\n    padding:\n      13px\n      8px;\n\n  }\n\n\n  .dvkw-feature-card h3{\n\n    font-size:13px;\n\n  }\n\n\n  .dvkw-feature-card p{\n\n    font-size:9px;\n\n    line-height:1.5;\n\n  }\n\n\n  .dvkw-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":54209615364280,"sku":"Deskvara*1","price":16.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209615397048,"sku":"Deskvara*2","price":28.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209615429816,"sku":"Deskvara*4","price":49.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_f64d928d-0ae4-4207-a7ff-5eecf66a69f3.png?v=1790671164"},{"product_id":"deskvara™-mouse-wrist-rest","title":"Deskvara™ Mouse Wrist Rest","description":"\u003csection class=\"dwm-page\"\u003e\n\u003cdiv class=\"dwm-wrap\"\u003e\n\u003csection class=\"dwm-hero\"\u003e\n\u003cdiv class=\"dwm-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ KEYBOARD \u0026amp; MOUSE\u003c\/div\u003e\n\u003ch1\u003eMove Comfortably.\u003cbr\u003e\u003cstrong\u003eWork With Better Support.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eMake everyday mouse use feel more comfortable and supported with a compact addition to your workspace.\u003c\/p\u003e\n\u003cdiv class=\"dwm-tags\"\u003e\n\u003cspan\u003eSoft Cushioning\u003c\/span\u003e \u003cspan\u003eCompact Design\u003c\/span\u003e \u003cspan\u003eEveryday Support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 01 ================= --\u003e \u003c!-- STRICT 1:1 · IMAGE ONLY --\u003e\n\u003cdiv class=\"dwm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_cb1f93e4-d28c-413a-8995-0408379abc14.png?v=1790671343\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 01 ================= --\u003e\n\u003csection class=\"dwm-content\"\u003e\n\u003cdiv class=\"dwm-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dwm-label\"\u003eCOMFORT FOR EVERY CLICK\u003c\/div\u003e\n\u003ch2\u003eA Softer Place \u003cspan\u003eFor Your Wrist.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Mouse Wrist Rest\u003c\/strong\u003e provides a soft resting surface designed for everyday computer work, browsing, editing, and study sessions.\u003c\/p\u003e\n\u003cp\u003eIts compact form fits naturally into your desktop setup, giving your wrist a dedicated cushioned resting area without adding unnecessary clutter to your workspace.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= 3 FEATURE CARDS ================= --\u003e\n\u003csection class=\"dwm-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dwm-feature-card\"\u003e\n\u003cdiv class=\"dwm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M5 14c2-3 4-4 7-4s5 1 7 4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M5 14v3h14v-3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 10c1-2 2-3 4-3s3 1 4 3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dwm-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eSoft Cushioning\u003c\/h3\u003e\n\u003cp\u003eA comfortable resting surface for everyday mouse use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dwm-feature-card\"\u003e\n\u003cdiv class=\"dwm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003crect x=\"7\" y=\"3\" width=\"10\" height=\"16\" rx=\"5\"\u003e\u003c\/rect\u003e\n            \u003cpath d=\"M12 3v5\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 21h6\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dwm-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eFits naturally beside your mouse without crowding your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dwm-feature-card\"\u003e\n\u003cdiv class=\"dwm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n            \u003cpath d=\"M4 16c3-4 5-6 8-6s5 2 8 6\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 18h12\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M8 13l4-5 4 5\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dwm-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eEveryday Support\u003c\/h3\u003e\n\u003cp\u003eMade for work, browsing, editing, and study sessions.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 02 ================= --\u003e\n\u003cdiv class=\"dwm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_c06d7721-3787-4326-b3fa-9800477905f5.png?v=1790671404\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 02 ================= --\u003e\n\u003csection class=\"dwm-content\"\u003e\n\u003cdiv class=\"dwm-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dwm-label\"\u003eSMALL DETAIL · EVERYDAY COMFORT\u003c\/div\u003e\n\u003ch2\u003eCompact Support \u003cspan\u003eRight Where You Need It.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact shape fits naturally beside your mouse while providing supportive cushioning without taking up unnecessary desk space.\u003c\/p\u003e\n\u003cp\u003eThe streamlined footprint makes it easy to integrate into home offices, workstations, study desks, and everyday computer setups without changing the way your workspace is arranged.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= BENEFIT 01 ================= --\u003e\n\u003carticle class=\"dwm-benefit dwm-orange\"\u003e\n\u003cdiv class=\"dwm-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eCOMFORT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eAdd Comfort to Every Mouse Movement\u003c\/h3\u003e\n\u003cp\u003eA soft cushioned surface gives your wrist a comfortable place to rest throughout everyday computer use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 02 ================= --\u003e\n\u003carticle class=\"dwm-benefit dwm-green\"\u003e\n\u003cdiv class=\"dwm-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSPACE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSmall Footprint. Easy Setup.\u003c\/h3\u003e\n\u003cp\u003eThe compact shape sits neatly beside your mouse, adding useful support while keeping your desktop clean and uncluttered.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 03 ================= --\u003e\n\u003carticle class=\"dwm-benefit dwm-purple\"\u003e\n\u003cdiv class=\"dwm-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eEVERYDAY\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eReady for Your Everyday Routine\u003c\/h3\u003e\n\u003cp\u003eFrom emails and browsing to editing, studying, and everyday office tasks, it fits naturally into the way you already use your computer.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= DARK SECTION ================= --\u003e\n\u003csection class=\"dwm-dark-section\"\u003e\n\u003cdiv class=\"dwm-dark-label\"\u003eMADE FOR MODERN DESKTOPS\u003c\/div\u003e\n\u003ch2\u003eSmall Upgrade. \u003cspan\u003eMore Comfortable Setup.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEveryday workspace comfort often comes from the small details. Deskvara™ brings soft wrist support into a compact design that works naturally alongside your everyday mouse setup.\u003c\/p\u003e\n\u003cdiv class=\"dwm-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eDaily Work\u003c\/span\u003e \u003cspan\u003eStudy Sessions\u003c\/span\u003e \u003cspan\u003eCreative Tasks\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 03 ================= --\u003e\n\u003cdiv class=\"dwm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_5119088e-d7ca-418c-abbf-9f21423da5ba.png?v=1790671405\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= FINAL ================= --\u003e\n\u003csection class=\"dwm-content dwm-final\"\u003e\n\u003cdiv class=\"dwm-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dwm-label\"\u003eCOMFORT THAT FITS YOUR DESK\u003c\/div\u003e\n\u003ch2\u003eMake Everyday Mouse Use \u003cspan\u003eFeel More Comfortable.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom home offices to everyday workstations, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps bring additional comfort to your computer setup with a compact wrist rest designed to fit naturally into your workspace.\u003c\/p\u003e\n\u003cdiv class=\"dwm-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDESKTOP ESSENTIALS\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   ROOT\n========================================================= *\/\n\n.dwm-page{\n\n  --dark:#20282e;\n  --dark2:#2c363d;\n\n  --orange:#c98a4a;\n  --orange2:#e1a65f;\n\n  --green:#71884c;\n  --green2:#8ea069;\n\n  --blue:#5988c4;\n  --purple:#756cc8;\n\n  --bg:#f7f5f0;\n  --gray:#68727a;\n  --line:#dedbd4;\n\n  width:100%;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 5%,\n      rgba(201,138,74,.09),\n      transparent 22%\n    ),\n    radial-gradient(\n      circle at 95% 32%,\n      rgba(89,136,196,.08),\n      transparent 25%\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.dwm-page *{\n  box-sizing:border-box;\n}\n\n\n.dwm-wrap{\n\n  width:100%;\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:0 28px;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.dwm-hero{\n\n  max-width:900px;\n\n  padding:\n    82px\n    0\n    54px;\n\n}\n\n\n.dwm-eyebrow{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  margin-bottom:24px;\n\n  font-size:12px;\n\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.dwm-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.dwm-hero h1{\n\n  margin:0;\n\n  max-width:850px;\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  color:var(--dark);\n\n  overflow-wrap:normal;\n\n  word-break:normal;\n\n}\n\n\n.dwm-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      #cba05c 32%,\n      #778b58 61%,\n      #5988c4 100%\n    );\n\n  -webkit-background-clip:text;\n\n  background-clip:text;\n\n  color:transparent;\n\n}\n\n\n.dwm-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.dwm-tags{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:30px;\n\n}\n\n\n.dwm-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,.68);\n\n  font-size:12px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  white-space:nowrap;\n\n}\n\n\n\/* =========================================================\n   IMAGES\n   STRICT 1:1\n========================================================= *\/\n\n.dwm-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.dwm-image img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.dwm-content{\n\n  max-width:880px;\n\n  padding:\n    20px\n    0\n    70px;\n\n}\n\n\n.dwm-number{\n\n  margin-bottom:18px;\n\n  font-size:11px;\n\n  line-height:1;\n\n  font-weight:800;\n\n  letter-spacing:.2em;\n\n  color:var(--orange);\n\n}\n\n\n.dwm-label{\n\n  margin-bottom:15px;\n\n  font-size:12px;\n\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.dwm-content h2{\n\n  margin:\n    0\n    0\n    27px;\n\n  max-width:760px;\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.dwm-content h2 span{\n\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--orange);\n\n}\n\n\n.dwm-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.dwm-content p strong{\n  color:var(--dark);\n}\n\n\n\/* =========================================================\n   THREE FEATURE CARDS\n========================================================= *\/\n\n.dwm-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.dwm-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,.72);\n\n  box-shadow:\n    0 12px 32px\n    rgba(32,40,46,.045);\n\n}\n\n\n.dwm-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.dwm-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.dwm-card-num{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-size:10px;\n\n  line-height:1;\n\n  letter-spacing:.15em;\n\n  font-weight:900;\n\n  color:var(--orange);\n\n}\n\n\n.dwm-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  color:var(--dark);\n\n}\n\n\n.dwm-feature-card p{\n\n  margin:0;\n\n  max-width:220px;\n\n  font-size:13px;\n\n  line-height:1.65;\n\n  color:#737c83;\n\n}\n\n\n\/* =========================================================\n   BENEFIT BLOCKS\n========================================================= *\/\n\n.dwm-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.dwm-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.dwm-orange{\n\n  background:\n    linear-gradient(\n      120deg,\n      #a96835,\n      #d59650\n    );\n\n}\n\n\n.dwm-green{\n\n  background:\n    linear-gradient(\n      120deg,\n      #465d3e,\n      #748a50\n    );\n\n}\n\n\n.dwm-purple{\n\n  margin-bottom:85px;\n\n  background:\n    linear-gradient(\n      120deg,\n      #3b4651,\n      #6764a1\n    );\n\n}\n\n\n.dwm-benefit-top{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  justify-content:space-between;\n  align-items:center;\n\n  margin-bottom:24px;\n\n}\n\n\n.dwm-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.dwm-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.dwm-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.dwm-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   DARK SECTION\n========================================================= *\/\n\n.dwm-dark-section{\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(89,136,196,.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.dwm-dark-section::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:350px;\n  height:350px;\n\n  right:-190px;\n  bottom:-220px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n  border-radius:50%;\n\n}\n\n\n.dwm-dark-label{\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.dwm-dark-section 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.dwm-dark-section h2 span{\n\n  display:block;\n\n  color:#efc080;\n\n}\n\n\n.dwm-dark-section 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.dwm-dark-tags{\n\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:9px;\n\n  margin-top:28px;\n\n}\n\n\n.dwm-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   FINAL\n========================================================= *\/\n\n.dwm-final{\n  padding-bottom:100px;\n}\n\n\n.dwm-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.dwm-brand-line b{\n\n  flex:0 0 auto;\n\n  font-size:13px;\n\n  letter-spacing:.08em;\n\n}\n\n\n.dwm-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.dwm-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   TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n  .dwm-wrap{\n    padding:0 18px;\n  }\n\n  .dwm-hero{\n    padding:65px 0 45px;\n  }\n\n  .dwm-hero h1{\n    font-size:clamp(38px,8vw,55px);\n  }\n\n  .dwm-feature-grid{\n    gap:10px;\n  }\n\n  .dwm-feature-card{\n\n    min-height:210px;\n\n    padding:\n      20px\n      17px;\n\n  }\n\n  .dwm-feature-card h3{\n    font-size:17px;\n  }\n\n  .dwm-feature-card p{\n    font-size:12px;\n  }\n\n  .dwm-icon{\n\n    width:39px;\n    height:39px;\n\n    margin-bottom:22px;\n\n  }\n\n  .dwm-dark-section{\n    padding:50px 35px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n  .dwm-wrap{\n    padding:0 15px;\n  }\n\n\n  \/* HERO *\/\n\n  .dwm-hero{\n    padding:48px 0 35px;\n  }\n\n\n  .dwm-eyebrow{\n\n    margin-bottom:17px;\n\n    font-size:9px;\n\n    letter-spacing:.12em;\n\n  }\n\n\n  .dwm-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  .dwm-hero h1 strong{\n\n    margin-top:7px;\n\n    font-size:37px;\n\n  }\n\n\n  .dwm-hero p{\n\n    margin-top:21px;\n\n    font-size:15px;\n\n    line-height:1.65;\n\n  }\n\n\n  .dwm-tags{\n\n    margin-top:23px;\n\n    gap:6px;\n\n  }\n\n\n  .dwm-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* 1:1 IMAGE *\/\n\n  .dwm-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  .dwm-content{\n\n    padding:\n      8px\n      2px\n      52px;\n\n  }\n\n\n  .dwm-number{\n\n    margin-bottom:14px;\n\n    font-size:9px;\n\n  }\n\n\n  .dwm-label{\n\n    margin-bottom:12px;\n\n    font-size:9px;\n\n  }\n\n\n  .dwm-content h2{\n\n    margin-bottom:21px;\n\n    font-size:31px;\n\n    line-height:1.07;\n\n  }\n\n\n  .dwm-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  .dwm-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  .dwm-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  .dwm-icon{\n\n    width:34px;\n    height:34px;\n\n    margin-bottom:18px;\n\n    border-radius:9px;\n\n  }\n\n\n  .dwm-icon svg{\n\n    width:17px;\n    height:17px;\n\n  }\n\n\n  .dwm-card-num{\n\n    margin-bottom:8px;\n\n    font-size:8px;\n\n  }\n\n\n  .dwm-feature-card h3{\n\n    margin-bottom:9px;\n\n    font-size:14px;\n\n    line-height:1.13;\n\n  }\n\n\n  .dwm-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  .dwm-benefit{\n\n    margin-bottom:10px;\n\n    padding:\n      27px\n      22px;\n\n    border-radius:18px;\n\n  }\n\n\n  .dwm-purple{\n    margin-bottom:58px;\n  }\n\n\n  .dwm-benefit-top{\n    margin-bottom:19px;\n  }\n\n\n  .dwm-benefit h3{\n    font-size:25px;\n  }\n\n\n  .dwm-benefit p{\n\n    font-size:13px;\n\n    line-height:1.65;\n\n  }\n\n\n  \/* DARK *\/\n\n  .dwm-dark-section{\n\n    margin-bottom:58px;\n\n    padding:\n      39px\n      24px;\n\n    border-radius:21px;\n\n  }\n\n\n  .dwm-dark-label{\n    font-size:9px;\n  }\n\n\n  .dwm-dark-section h2{\n    font-size:31px;\n  }\n\n\n  .dwm-dark-section p{\n    font-size:14px;\n  }\n\n\n  .dwm-dark-tags span{\n\n    padding:\n      8px\n      11px;\n\n    font-size:9px;\n\n  }\n\n\n  \/* FINAL *\/\n\n  .dwm-final{\n    padding-bottom:70px;\n  }\n\n\n  .dwm-brand-line{\n\n    gap:10px;\n\n    margin-top:35px;\n\n  }\n\n\n  .dwm-brand-line b{\n    font-size:11px;\n  }\n\n\n  .dwm-brand-line span{\n    display:none;\n  }\n\n}\n\n\n\/* =========================================================\n   VERY SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .dwm-wrap{\n    padding:0 12px;\n  }\n\n\n  .dwm-hero h1{\n    font-size:35px;\n  }\n\n\n  .dwm-hero h1 strong{\n    font-size:33px;\n  }\n\n\n  .dwm-feature-grid{\n    gap:5px;\n  }\n\n\n  .dwm-feature-card{\n\n    min-height:178px;\n\n    padding:\n      13px\n      8px;\n\n  }\n\n\n  .dwm-feature-card h3{\n    font-size:13px;\n  }\n\n\n  .dwm-feature-card p{\n\n    font-size:9px;\n\n    line-height:1.5;\n\n  }\n\n\n  .dwm-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":54209620869304,"sku":"Deskvara*1","price":12.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209620902072,"sku":"Deskvara*2","price":21.53,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209620934840,"sku":"Deskvara*4","price":37.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_4da9e347-a08f-4d4d-b7b0-f6bef26ef107.png?v=1790671167"}],"url":"https:\/\/deskvara.com\/collections\/%f0%9f%96%b1%ef%b8%8fkeyboard-mouse.oembed","provider":"Deskvara™","version":"1.0","type":"link"}