{"title":"shop","description":null,"products":[{"product_id":"deskvara™-laptop-stand","title":"Deskvara™ Laptop Stand","description":"\u003c!-- =========================================================\nDESKVARA™ LAPTOP STAND\nShopify Custom Liquid\n1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"dv-page\"\u003e\n\u003cdiv class=\"dv-wrap\"\u003e\n\u003c!-- =========================\n HERO\n ========================== --\u003e\n\u003csection class=\"dv-hero\"\u003e\n\u003cdiv class=\"dv-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ COMPUTER ESSENTIALS\u003c\/div\u003e\n\u003ch1\u003eElevate Your Laptop.\u003cbr\u003e\u003cstrong\u003eUpgrade Your Workspace.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCreate a more comfortable and organized workspace with a smarter way to position your laptop.\u003c\/p\u003e\n\u003cdiv class=\"dv-tags\"\u003e\n\u003cspan\u003eAdjustable Support\u003c\/span\u003e \u003cspan\u003eCleaner Workspace\u003c\/span\u003e \u003cspan\u003eEveryday Comfort\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 01\n 1:1\n ========================== --\u003e\n\u003cdiv class=\"dv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7.png?v=1790670800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 01\n ========================== --\u003e\n\u003csection class=\"dv-content\"\u003e\n\u003cdiv class=\"dv-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dv-label\"\u003eSMARTER DESKTOP SETUP\u003c\/div\u003e\n\u003ch2\u003eDesigned Around \u003cspan\u003eYour Everyday Work.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Laptop Stand\u003c\/strong\u003e is designed for modern professionals, remote workers, students, and everyday laptop users who want a cleaner and more comfortable desktop setup.\u003c\/p\u003e\n\u003cp\u003eA thoughtfully elevated laptop position helps transform an ordinary desk into a more organized workspace—giving your laptop a dedicated place while helping your desktop feel open, balanced, and ready for productive work.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 3 FEATURE CARDS\n ========================== --\u003e\n\u003csection class=\"dv-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dv-feature-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M4 17h16M7 14l5-8 5 8M12 6v8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dv-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eElevated Viewing\u003c\/h3\u003e\n\u003cp\u003eA smarter position for your everyday laptop setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dv-feature-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 7h14v10H5zM8 20h8M12 17v3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dv-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eCleaner Desktop\u003c\/h3\u003e\n\u003cp\u003eCreate a more intentional and organized work surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dv-feature-card\"\u003e\n\u003cdiv class=\"dv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 18V9m12 9V9M6 13h12M8 6h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dv-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eStable Support\u003c\/h3\u003e\n\u003cp\u003eDesigned to keep your laptop securely positioned.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 02\n 1:1\n ========================== --\u003e\n\u003cdiv class=\"dv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6.png?v=1790670801\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 02\n ========================== --\u003e\n\u003csection class=\"dv-content\"\u003e\n\u003cdiv class=\"dv-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dv-label\"\u003eMORE COMFORT · LESS CLUTTER\u003c\/div\u003e\n\u003ch2\u003eRaise Your View. \u003cspan\u003eClear Your Space.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing an adjustable support structure and stable desktop design, the Deskvara™ Laptop Stand helps raise your laptop to a more convenient viewing position while creating additional space around your workspace.\u003c\/p\u003e\n\u003cp\u003eInstead of letting your laptop sit flat and dominate your desktop, the elevated structure creates a more intentional setup for your screen, keyboard, mouse, notebook, and other everyday essentials.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n BENEFIT 01\n ========================== --\u003e\n\u003carticle class=\"dv-benefit dv-orange\"\u003e\n\u003cdiv class=\"dv-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eVIEW\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Better Position for Everyday Work\u003c\/h3\u003e\n\u003cp\u003eElevate your laptop from the desktop and create a viewing position that fits naturally into a modern workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 02\n ========================== --\u003e\n\u003carticle class=\"dv-benefit dv-green\"\u003e\n\u003cdiv class=\"dv-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSPACE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMake More Room Around Your Laptop\u003c\/h3\u003e\n\u003cp\u003eThe raised structure helps open up your desktop and gives everyday accessories a cleaner, more organized place within your setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 03\n ========================== --\u003e\n\u003carticle class=\"dv-benefit dv-purple\"\u003e\n\u003cdiv class=\"dv-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eSTABILITY\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eStay Secure While You Work\u003c\/h3\u003e\n\u003cp\u003eAnti-slip contact points help keep your laptop securely positioned during typing, browsing, meetings, studying, and everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n DARK BRAND SECTION\n ========================== --\u003e\n\u003csection class=\"dv-dark-section\"\u003e\n\u003cdiv class=\"dv-dark-label\"\u003eDESIGNED FOR MODERN DESKS\u003c\/div\u003e\n\u003ch2\u003eOne Stand. \u003cspan\u003eMore Ways to Work.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom focused work sessions to everyday studying, Deskvara™ brings practical organization and modern desktop style together.\u003c\/p\u003e\n\u003cdiv class=\"dv-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eRemote Work\u003c\/span\u003e \u003cspan\u003eStudy Space\u003c\/span\u003e \u003cspan\u003eDaily Tasks\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 03\n 1:1\n ========================== --\u003e\n\u003cdiv class=\"dv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8.png?v=1790670800\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n FINAL\n ========================== --\u003e\n\u003csection class=\"dv-content dv-final\"\u003e\n\u003cdiv class=\"dv-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dv-label\"\u003eMADE FOR YOUR EVERYDAY DESK\u003c\/div\u003e\n\u003ch2\u003eBuild a Workspace \u003cspan\u003eYou’ll Enjoy Using.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are working from home, studying, handling daily office tasks, or creating your ideal desk setup, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps make your workspace cleaner, more comfortable, and ready for every productive day.\u003c\/p\u003e\n\u003cdiv class=\"dv-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.dv-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\n overflow:hidden;\n\n background:\n\n radial-gradient(\n circle at 10% 5%,\n rgba(201,138,74,.09),\n transparent 22%\n ),\n\n radial-gradient(\n circle at 95% 32%,\n rgba(89,136,196,.08),\n transparent 25%\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.dv-page *{\n box-sizing:border-box;\n}\n\n\n.dv-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dv-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dv-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.dv-eyebrow span{\n\n width:9px;\n\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.dv-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.dv-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.dv-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.dv-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dv-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 PRODUCT IMAGES\n STRICT 1:1\n========================================================= *\/\n\n.dv-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.dv-image img{\n\n display:block;\n\n width:100%;\n\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT SECTIONS\n========================================================= *\/\n\n.dv-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dv-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.dv-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.dv-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.dv-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dv-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.dv-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dv-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.dv-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.dv-icon{\n\n width:43px;\n\n height:43px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:26px;\n\n border-radius:12px;\n\n background:var(--dark);\n\n}\n\n\n.dv-icon svg{\n\n width:21px;\n\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n\n stroke-width:1.7;\n\n stroke-linecap:round;\n\n stroke-linejoin:round;\n\n}\n\n\n.dv-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.dv-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.dv-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.dv-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.dv-benefit::after{\n\n content:\"\";\n\n position:absolute;\n\n width:230px;\n\n height:230px;\n\n right:-100px;\n\n top:-110px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.10);\n\n}\n\n\n.dv-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dv-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dv-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dv-benefit-top{\n\n position:relative;\n\n z-index:2;\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:24px;\n\n}\n\n\n.dv-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.dv-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.dv-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.dv-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.dv-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.dv-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.dv-dark-section h2{\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.dv-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dv-dark-section p{\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.dv-dark-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:28px;\n\n}\n\n\n.dv-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.dv-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dv-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.dv-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dv-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.dv-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 .dv-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .dv-hero{\n\n padding:\n 65px\n 0\n 45px;\n\n }\n\n\n .dv-hero h1{\n\n font-size:\n clamp(38px,8vw,55px);\n\n }\n\n\n .dv-feature-grid{\n\n gap:10px;\n\n }\n\n\n .dv-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dv-feature-card h3{\n\n font-size:17px;\n\n }\n\n\n .dv-feature-card p{\n\n font-size:12px;\n\n }\n\n\n .dv-icon{\n\n width:39px;\n\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dv-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 .dv-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n \/* HERO *\/\n\n .dv-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .dv-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dv-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 .dv-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dv-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dv-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dv-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGE *\/\n\n .dv-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 .dv-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dv-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dv-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dv-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dv-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 KEEP ALL 3 INSIDE SCREEN *\/\n\n .dv-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 .dv-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 .dv-icon{\n\n width:34px;\n\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dv-icon svg{\n\n width:17px;\n\n height:17px;\n\n }\n\n\n .dv-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dv-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n letter-spacing:-.02em;\n\n }\n\n\n .dv-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 .dv-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dv-purple{\n\n margin-bottom:58px;\n\n }\n\n\n .dv-benefit-top{\n\n margin-bottom:19px;\n\n }\n\n\n .dv-benefit h3{\n\n font-size:25px;\n\n }\n\n\n .dv-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK *\/\n\n .dv-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dv-dark-label{\n\n font-size:9px;\n\n }\n\n\n .dv-dark-section h2{\n\n font-size:31px;\n\n }\n\n\n .dv-dark-section p{\n\n font-size:14px;\n\n }\n\n\n .dv-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dv-final{\n\n padding-bottom:70px;\n\n }\n\n\n .dv-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dv-brand-line b{\n\n font-size:11px;\n\n }\n\n\n .dv-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 .dv-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .dv-hero h1{\n\n font-size:35px;\n\n }\n\n\n .dv-hero h1 strong{\n\n font-size:33px;\n\n }\n\n\n .dv-feature-grid{\n\n gap:5px;\n\n }\n\n\n .dv-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dv-feature-card h3{\n\n font-size:13px;\n\n }\n\n\n .dv-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dv-icon{\n\n width:31px;\n\n height:31px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209446641848,"sku":"Deskvara*1","price":29.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209446674616,"sku":"Deskvara*2","price":49.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209446707384,"sku":"Deskvara*4","price":79.44,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1.png?v=1790670231"},{"product_id":"deskvara™-foldable-laptop-stand","title":"Deskvara™ Foldable Laptop Stand","description":"\u003c!-- =========================================================\nDESKVARA™ FOLDABLE LAPTOP STAND\nShopify Custom Liquid\n3 × 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"dvf-page\"\u003e\n\u003cdiv class=\"dvf-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"dvf-hero\"\u003e\n\u003cdiv class=\"dvf-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ COMPUTER ESSENTIALS\u003c\/div\u003e\n\u003ch1\u003eFold It. Carry It. \u003cstrong\u003eWork Anywhere.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eTake a more flexible workspace wherever your day takes you with a foldable laptop stand designed for modern everyday work.\u003c\/p\u003e\n\u003cdiv class=\"dvf-tags\"\u003e\n\u003cspan\u003eFoldable Design\u003c\/span\u003e \u003cspan\u003eEasy to Carry\u003c\/span\u003e \u003cspan\u003eFlexible Workspace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — 1:1\n 图片区域只放图片\n ====================================================== --\u003e\n\u003cdiv class=\"dvf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_7ce0df39-1a61-42b9-8e76-5d3355715538.png?v=1790670979\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n INTRO\n ====================================================== --\u003e\n\u003csection class=\"dvf-content\"\u003e\n\u003cdiv class=\"dvf-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvf-label\"\u003eFLEXIBLE WORKSPACE ESSENTIAL\u003c\/div\u003e\n\u003ch2\u003eReady Whenever \u003cspan\u003eWork Begins.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Foldable Laptop Stand\u003c\/strong\u003e is designed for modern professionals, students, remote workers, and everyday laptop users who need a convenient desktop setup at home, in the office, or while traveling.\u003c\/p\u003e\n\u003cp\u003eIts practical foldable structure makes it easy to create a dedicated laptop setup whenever you need one, helping turn different spaces into cleaner and more functional places to work.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n THREE FEATURES\n ====================================================== --\u003e\n\u003csection class=\"dvf-feature-grid\"\u003e\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"dvf-feature-card\"\u003e\n\u003cdiv class=\"dvf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 7h14v10H5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 20h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 17v3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvf-card-num\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eFoldable Design\u003c\/h3\u003e\n\u003cp\u003eFolds down easily for convenient storage between uses.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"dvf-feature-card\"\u003e\n\u003cdiv class=\"dvf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M7 7h10\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 10h12v9H6z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 10V7a3 3 0 0 1 6 0v3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvf-card-num\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eEasy to Carry\u003c\/h3\u003e\n\u003cp\u003eA lightweight structure made for flexible everyday setups.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"dvf-feature-card\"\u003e\n\u003cdiv class=\"dvf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 17h14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 14l5-7 5 7\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 17v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 17v2\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvf-card-num\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eStable Support\u003c\/h3\u003e\n\u003cp\u003eAnti-slip contact points help keep your laptop in place.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_26db5815-cf4f-46a6-9245-0d2092a32e7f.png?v=1790670979\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"dvf-content\"\u003e\n\u003cdiv class=\"dvf-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvf-label\"\u003eFOLD · STORE · GO\u003c\/div\u003e\n\u003ch2\u003eOpen When You Need It. \u003cspan\u003eFold When You Don’t.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFeaturing a lightweight foldable structure, the Deskvara™ Foldable Laptop Stand opens quickly to support your laptop and folds down for easier storage and carrying.\u003c\/p\u003e\n\u003cp\u003eWhen your work session is finished, simply fold the stand into a more compact form and keep your workspace cleaner and easier to organize.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFIT 01\n ====================================================== --\u003e\n\u003carticle class=\"dvf-benefit dvf-orange\"\u003e\n\u003cdiv class=\"dvf-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003e FOLD \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eReady in Moments\u003c\/h3\u003e\n\u003cp\u003eOpen the stand when it is time to work and create a practical laptop setup without adding unnecessary complexity to your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 02\n ====================================================== --\u003e\n\u003carticle class=\"dvf-benefit dvf-green\"\u003e\n\u003cdiv class=\"dvf-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003e STORE \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eLess Space When Stored\u003c\/h3\u003e\n\u003cp\u003eThe foldable structure makes the stand easier to store when it is not in use, helping keep everyday workspaces clean and organized.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 03\n ====================================================== --\u003e\n\u003carticle class=\"dvf-benefit dvf-purple\"\u003e\n\u003cdiv class=\"dvf-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003e GO \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eBuilt for Flexible Work\u003c\/h3\u003e\n\u003cp\u003eMove between your home desk, office, study space, or temporary workspace with a laptop stand designed around changing routines.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n DARK SECTION\n ====================================================== --\u003e\n\u003csection class=\"dvf-dark\"\u003e\n\u003cdiv class=\"dvf-dark-label\"\u003eYOUR WORKSPACE · YOUR WAY\u003c\/div\u003e\n\u003ch2\u003eOne Stand. \u003cspan\u003eMore Places to Work.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are working at your desk, studying, traveling, or creating a temporary workspace, Deskvara™ helps make laptop use simpler, cleaner, and more convenient.\u003c\/p\u003e\n\u003cdiv class=\"dvf-dark-tags\"\u003e\n\u003cspan\u003eHome\u003c\/span\u003e \u003cspan\u003eOffice\u003c\/span\u003e \u003cspan\u003eStudy\u003c\/span\u003e \u003cspan\u003eTravel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_74fe5898-da18-4246-98a9-ef6f9fec40da.png?v=1790670978\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL\n ====================================================== --\u003e\n\u003csection class=\"dvf-content dvf-final\"\u003e\n\u003cdiv class=\"dvf-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvf-label\"\u003eMADE FOR MODERN ROUTINES\u003c\/div\u003e\n\u003ch2\u003eWork More Flexibly. \u003cspan\u003eWherever the Day Goes.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom everyday desk setups to changing work environments, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e brings together practical portability, stable laptop support, and a cleaner approach to modern desktop organization.\u003c\/p\u003e\n\u003cp\u003eFold it when you are finished, take it where you need it, and create a more convenient workspace for the moments that matter.\u003c\/p\u003e\n\u003cdiv class=\"dvf-brand-line\"\u003e\n\u003cb\u003e DESKVARA™ \u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e DESKTOP 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 DESKVARA™ FOLDABLE LAPTOP STAND\n========================================================= *\/\n\n.dvf-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\n overflow:hidden;\n\n background:\n\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.dvf-page *{\n\n box-sizing:border-box;\n\n}\n\n\n.dvf-wrap{\n\n width:100%;\n\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.dvf-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dvf-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.dvf-eyebrow span{\n\n width:9px;\n\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.dvf-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\n overflow-wrap:normal;\n\n}\n\n\n.dvf-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\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.dvf-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.dvf-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dvf-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\/* =========================================================\n 1:1 IMAGE CONTAINERS\n========================================================= *\/\n\n.dvf-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.dvf-image img{\n\n display:block;\n\n width:100%;\n\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.dvf-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dvf-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\n.dvf-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.dvf-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.dvf-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dvf-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.dvf-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\n\/* =========================================================\n THREE SMALL FEATURE CARDS\n========================================================= *\/\n\n.dvf-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.dvf-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.dvf-icon{\n\n width:43px;\n\n height:43px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:26px;\n\n border-radius:12px;\n\n background:var(--dark);\n\n}\n\n\n.dvf-icon svg{\n\n width:21px;\n\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n\n stroke-width:1.7;\n\n stroke-linecap:round;\n\n stroke-linejoin:round;\n\n}\n\n\n.dvf-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.dvf-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.dvf-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.dvf-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.dvf-benefit::after{\n\n content:\"\";\n\n position:absolute;\n\n width:230px;\n\n height:230px;\n\n right:-100px;\n\n top:-110px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.10);\n\n}\n\n\n.dvf-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dvf-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dvf-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dvf-benefit-top{\n\n position:relative;\n\n z-index:2;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n margin-bottom:24px;\n\n}\n\n\n.dvf-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.dvf-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.dvf-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.dvf-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 WORKSPACE SECTION\n========================================================= *\/\n\n.dvf-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.dvf-dark::after{\n\n content:\"\";\n\n position:absolute;\n\n width:350px;\n\n height:350px;\n\n right:-180px;\n\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.dvf-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.dvf-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.dvf-dark h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dvf-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.dvf-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.dvf-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.dvf-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dvf-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.dvf-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dvf-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.dvf-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 .dvf-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .dvf-hero{\n\n padding:\n 65px\n 0\n 45px;\n\n }\n\n\n .dvf-hero h1{\n\n font-size:\n clamp(38px,8vw,55px);\n\n }\n\n\n .dvf-feature-grid{\n\n gap:10px;\n\n }\n\n\n .dvf-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dvf-feature-card h3{\n\n font-size:17px;\n\n }\n\n\n .dvf-feature-card p{\n\n font-size:12px;\n\n }\n\n\n .dvf-icon{\n\n width:39px;\n\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dvf-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 .dvf-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n \/* HERO *\/\n\n .dvf-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .dvf-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dvf-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 .dvf-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dvf-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dvf-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dvf-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGE *\/\n\n .dvf-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 .dvf-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dvf-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dvf-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dvf-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dvf-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* 3 CARDS *\/\n\n .dvf-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 .dvf-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 .dvf-icon{\n\n width:34px;\n\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dvf-icon svg{\n\n width:17px;\n\n height:17px;\n\n }\n\n\n .dvf-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dvf-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dvf-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 .dvf-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dvf-purple{\n\n margin-bottom:58px;\n\n }\n\n\n .dvf-benefit-top{\n\n margin-bottom:19px;\n\n }\n\n\n .dvf-benefit h3{\n\n font-size:25px;\n\n }\n\n\n .dvf-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK *\/\n\n .dvf-dark{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dvf-dark-label{\n\n font-size:9px;\n\n }\n\n\n .dvf-dark h2{\n\n font-size:31px;\n\n }\n\n\n .dvf-dark p{\n\n font-size:14px;\n\n }\n\n\n .dvf-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dvf-final{\n\n padding-bottom:70px;\n\n }\n\n\n .dvf-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dvf-brand-line b{\n\n font-size:11px;\n\n }\n\n\n .dvf-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 .dvf-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .dvf-hero h1{\n\n font-size:35px;\n\n }\n\n\n .dvf-hero h1 strong{\n\n font-size:33px;\n\n }\n\n\n .dvf-feature-grid{\n\n gap:5px;\n\n }\n\n\n .dvf-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dvf-feature-card h3{\n\n font-size:13px;\n\n }\n\n\n .dvf-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dvf-icon{\n\n width:31px;\n\n height:31px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209446740152,"sku":"Deskvara*1","price":24.65,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209446772920,"sku":"Deskvara*2","price":42.42,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209446805688,"sku":"Deskvara*4","price":76.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_beca621f-cd14-4838-b53d-103ccdf6f25c.png?v=1790670234"},{"product_id":"deskvara™-monitor-stand","title":"Deskvara™ Monitor Stand","description":"\u003c!-- =========================================================\nDESKVARA™ MONITOR STAND\nShopify Custom Liquid\n1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"dvm-page\"\u003e\n\u003cdiv class=\"dvm-wrap\"\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003csection class=\"dvm-hero\"\u003e\n\u003cdiv class=\"dvm-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ COMPUTER ESSENTIALS\u003c\/div\u003e\n\u003ch1\u003eRaise Your Monitor.\u003cbr\u003e\u003cstrong\u003eClear Your Desktop.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eCreate a cleaner desktop and bring your monitor to a more convenient viewing position.\u003c\/p\u003e\n\u003cdiv class=\"dvm-tags\"\u003e\n\u003cspan\u003eElevated Viewing\u003c\/span\u003e \u003cspan\u003eExtra Desk Space\u003c\/span\u003e \u003cspan\u003eStable Support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 01 ================= --\u003e \u003c!-- 1:1 · 图片区域只放图片 --\u003e\n\u003cdiv class=\"dvm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_10698738-db4b-4a78-a798-544632fa87c6.png?v=1790671057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 01 ================= --\u003e\n\u003csection class=\"dvm-content\"\u003e\n\u003cdiv class=\"dvm-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvm-label\"\u003eA SMARTER MONITOR SETUP\u003c\/div\u003e\n\u003ch2\u003eDesigned for \u003cspan\u003eModern Workspaces.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Monitor Stand\u003c\/strong\u003e is designed for modern workspaces where organization, comfort, and efficient use of desk space matter.\u003c\/p\u003e\n\u003cp\u003eBy giving your monitor a dedicated elevated platform, it helps create a more intentional desktop arrangement while keeping everyday work essentials organized around your setup.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= 3 FEATURE CARDS ================= --\u003e\n\u003csection class=\"dvm-feature-grid\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"dvm-feature-card\"\u003e\n\u003cdiv class=\"dvm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 6h14v9H5zM9 19h6M12 15v4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvm-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eElevated Viewing\u003c\/h3\u003e\n\u003cp\u003eBring your monitor to a more convenient desktop position.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"dvm-feature-card\"\u003e\n\u003cdiv class=\"dvm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M4 7h16M6 7v10M18 7v10M7 17h10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvm-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eExtra Desk Space\u003c\/h3\u003e\n\u003cp\u003eUse the open space underneath for everyday desk essentials.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"dvm-feature-card\"\u003e\n\u003cdiv class=\"dvm-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 17h14M7 17V8M17 17V8M6 8h12\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvm-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eStable Support\u003c\/h3\u003e\n\u003cp\u003eA practical platform designed for your everyday monitor setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 02 ================= --\u003e\n\u003cdiv class=\"dvm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_62c8dfd1-0c87-4990-b23e-72c7d54e6e66.png?v=1790671057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 02 ================= --\u003e\n\u003csection class=\"dvm-content\"\u003e\n\u003cdiv class=\"dvm-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvm-label\"\u003eORGANIZE THE SPACE BELOW\u003c\/div\u003e\n\u003ch2\u003eMore Than \u003cspan\u003eJust a Monitor Stand.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts elevated platform provides stable support for your monitor while creating useful storage space underneath for keyboards, notebooks, and everyday desk accessories.\u003c\/p\u003e\n\u003cp\u003eWhen your workday is finished, smaller desktop essentials can be placed underneath the stand to help keep your main work surface cleaner and easier to organize.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= BENEFIT 01 ================= --\u003e\n\u003carticle class=\"dvm-benefit dvm-orange\"\u003e\n\u003cdiv class=\"dvm-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eVIEW\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRaise Your View\u003c\/h3\u003e\n\u003cp\u003eElevate your monitor from the desktop and create a more convenient viewing position for everyday work, browsing, studying, and creative tasks.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 02 ================= --\u003e\n\u003carticle class=\"dvm-benefit dvm-green\"\u003e\n\u003cdiv class=\"dvm-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSTORAGE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMake Space Below\u003c\/h3\u003e\n\u003cp\u003eThe open area underneath gives keyboards, notebooks, and smaller desktop accessories a convenient place when you want to clear your main work surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 03 ================= --\u003e\n\u003carticle class=\"dvm-benefit dvm-purple\"\u003e\n\u003cdiv class=\"dvm-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eORGANIZATION\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eKeep Your Desktop Cleaner\u003c\/h3\u003e\n\u003cp\u003eCreate a more intentional workstation by giving your monitor and everyday accessories their own organized place on your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= DARK SECTION ================= --\u003e\n\u003csection class=\"dvm-dark-section\"\u003e\n\u003cdiv class=\"dvm-dark-label\"\u003eDESIGNED FOR EVERYDAY WORK\u003c\/div\u003e\n\u003ch2\u003eLess Clutter. \u003cspan\u003eMore Room to Focus.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA cleaner workspace can make everyday tasks feel simpler. Deskvara™ combines monitor support and practical desktop organization in one streamlined setup designed for modern workspaces.\u003c\/p\u003e\n\u003cdiv class=\"dvm-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eWorkstation\u003c\/span\u003e \u003cspan\u003eStudy Space\u003c\/span\u003e \u003cspan\u003eDesktop Setup\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 03 ================= --\u003e\n\u003cdiv class=\"dvm-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_0b871361-41ca-4869-b0b6-b9d9850a8040.png?v=1790671057\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= FINAL ================= --\u003e\n\u003csection class=\"dvm-content dvm-final\"\u003e\n\u003cdiv class=\"dvm-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvm-label\"\u003eYOUR EVERYDAY DESKTOP UPGRADE\u003c\/div\u003e\n\u003ch2\u003eA Cleaner Way \u003cspan\u003eto Build Your Workspace.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are building a home office or refreshing your everyday workstation, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps create a cleaner and more organized desktop environment.\u003c\/p\u003e\n\u003cdiv class=\"dvm-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.dvm-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\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.dvm-page *{\n box-sizing:border-box;\n}\n\n\n.dvm-wrap{\n\n width:100%;\n\n max-width:1180px;\n\n margin:auto;\n\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dvm-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dvm-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.dvm-eyebrow span{\n\n width:9px;\n\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.dvm-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.dvm-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.dvm-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.dvm-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dvm-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========================================================= *\/\n\n.dvm-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.dvm-image img{\n\n display:block;\n\n width:100%;\n\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT SECTIONS\n========================================================= *\/\n\n.dvm-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dvm-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.dvm-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.dvm-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.dvm-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dvm-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.dvm-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dvm-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.dvm-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.dvm-icon{\n\n width:43px;\n\n height:43px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:26px;\n\n border-radius:12px;\n\n background:var(--dark);\n\n}\n\n\n.dvm-icon svg{\n\n width:21px;\n\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n\n stroke-width:1.7;\n\n stroke-linecap:round;\n\n stroke-linejoin:round;\n\n}\n\n\n.dvm-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.dvm-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.dvm-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.dvm-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.dvm-benefit::after{\n\n content:\"\";\n\n position:absolute;\n\n width:230px;\n\n height:230px;\n\n right:-100px;\n\n top:-110px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.10);\n\n}\n\n\n.dvm-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dvm-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dvm-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dvm-benefit-top{\n\n position:relative;\n\n z-index:2;\n\n display:flex;\n\n justify-content:space-between;\n\n align-items:center;\n\n margin-bottom:24px;\n\n}\n\n\n.dvm-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.dvm-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.dvm-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.dvm-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.dvm-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.dvm-dark-section::after{\n\n content:\"\";\n\n position:absolute;\n\n width:350px;\n\n height:350px;\n\n right:-190px;\n\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.dvm-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.dvm-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.dvm-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dvm-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.dvm-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.dvm-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.dvm-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dvm-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.dvm-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dvm-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.dvm-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 .dvm-wrap{\n padding:0 18px;\n }\n\n\n .dvm-hero{\n padding:65px 0 45px;\n }\n\n\n .dvm-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n\n .dvm-feature-grid{\n gap:10px;\n }\n\n\n .dvm-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dvm-feature-card h3{\n font-size:17px;\n }\n\n\n .dvm-feature-card p{\n font-size:12px;\n }\n\n\n .dvm-icon{\n\n width:39px;\n\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dvm-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .dvm-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .dvm-hero{\n padding:48px 0 35px;\n }\n\n\n .dvm-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dvm-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 .dvm-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dvm-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dvm-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dvm-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGES *\/\n\n .dvm-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 .dvm-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dvm-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dvm-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dvm-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dvm-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* 3 CARDS\n MOBILE STILL KEEPS ALL 3 IN ONE ROW *\/\n\n .dvm-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 .dvm-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 .dvm-icon{\n\n width:34px;\n\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dvm-icon svg{\n\n width:17px;\n\n height:17px;\n\n }\n\n\n .dvm-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dvm-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dvm-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 .dvm-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dvm-purple{\n margin-bottom:58px;\n }\n\n\n .dvm-benefit-top{\n margin-bottom:19px;\n }\n\n\n .dvm-benefit h3{\n font-size:25px;\n }\n\n\n .dvm-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .dvm-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dvm-dark-label{\n font-size:9px;\n }\n\n\n .dvm-dark-section h2{\n font-size:31px;\n }\n\n\n .dvm-dark-section p{\n font-size:14px;\n }\n\n\n .dvm-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dvm-final{\n padding-bottom:70px;\n }\n\n\n .dvm-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dvm-brand-line b{\n font-size:11px;\n }\n\n\n .dvm-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 .dvm-wrap{\n padding:0 12px;\n }\n\n\n .dvm-hero h1{\n font-size:35px;\n }\n\n\n .dvm-hero h1 strong{\n font-size:33px;\n }\n\n\n .dvm-feature-grid{\n gap:5px;\n }\n\n\n .dvm-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dvm-feature-card h3{\n font-size:13px;\n }\n\n\n .dvm-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dvm-icon{\n\n width:31px;\n\n height:31px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209446871224,"sku":"Deskvara*1","price":32.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209446903992,"sku":"Deskvara*2","price":56.53,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209446936760,"sku":"Deskvara*4","price":87.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_87810dc9-9313-4332-925a-ae51734209a2.png?v=1790670234"},{"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"},{"product_id":"deskvara™-keyboard-cleaning-kit","title":"Deskvara™ Keyboard Cleaning Kit","description":"\u003c!-- =========================================================\nDESKVARA™ KEYBOARD CLEANING KIT\nShopify Custom Liquid\n3 × 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"dvkc-page\"\u003e\n\u003cdiv class=\"dvkc-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"dvkc-hero\"\u003e\n\u003cdiv class=\"dvkc-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK CLEANING\u003c\/div\u003e\n\u003ch1\u003eClean the Details. \u003cstrong\u003eRefresh Your Workspace.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eKeep your everyday computer setup cleaner with practical tools designed for detailed keyboard and desktop care.\u003c\/p\u003e\n\u003cdiv class=\"dvkc-tags\"\u003e\n\u003cspan\u003eDetailed Cleaning\u003c\/span\u003e \u003cspan\u003eMultiple Tools\u003c\/span\u003e \u003cspan\u003eEveryday Desk Care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — 1:1\n 只放图片，不覆盖文字\n ====================================================== --\u003e\n\u003cdiv class=\"dvkc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_1a02f52c-9fd7-4723-88d9-24abb57b1f5a.png?v=1790671811\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"dvkc-content\"\u003e\n\u003cdiv class=\"dvkc-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvkc-label\"\u003eCLEANER DESKTOP ESSENTIALS\u003c\/div\u003e\n\u003ch2\u003eSmall Tools. \u003cspan\u003eA Cleaner Setup.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Keyboard Cleaning Kit\u003c\/strong\u003e helps remove dust, crumbs, and everyday debris from keyboards and other frequently used desktop electronics.\u003c\/p\u003e\n\u003cp\u003eDesigned for routine computer care, the kit gives you practical tools for cleaning the areas around your everyday setup that can be difficult to reach with an ordinary cloth.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n 3 FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"dvkc-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dvkc-feature-card\"\u003e\n\u003cdiv class=\"dvkc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 8h14v8H5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 11h1M10 11h1M13 11h1M16 11h1\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 14h10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkc-card-num\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eKeyboard Cleaning\u003c\/h3\u003e\n\u003cp\u003eHelps remove everyday dust and debris around your keys.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dvkc-feature-card\"\u003e\n\u003cdiv class=\"dvkc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M7 18L17 6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M14 6h3v3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5 19c2-1 3-2 4-4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 16c2 0 3 1 4 3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkc-card-num\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eReach Small Spaces\u003c\/h3\u003e\n\u003cp\u003eClean narrow gaps and detailed areas more conveniently.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dvkc-feature-card\"\u003e\n\u003cdiv class=\"dvkc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 7h12v10H6z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 4h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 20h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 10v4M20 10v4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvkc-card-num\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eMultiple Tools\u003c\/h3\u003e\n\u003cp\u003ePractical cleaning options for different desktop areas.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvkc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_c89248f3-1426-4f4c-ad85-921d621f8b46.png?v=1790671812\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"dvkc-content\"\u003e\n\u003cdiv class=\"dvkc-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvkc-label\"\u003eDESIGNED FOR THE DETAILS\u003c\/div\u003e\n\u003ch2\u003eReach the Places \u003cspan\u003eOrdinary Cloths Miss.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMultiple cleaning tools make it easier to reach narrow gaps, key surfaces, and other difficult areas where ordinary cloths may not reach.\u003c\/p\u003e\n\u003cp\u003eFrom quick daily touch-ups to more detailed keyboard cleaning, the Deskvara™ Keyboard Cleaning Kit helps make routine desktop maintenance simple and convenient.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFIT 01\n ====================================================== --\u003e\n\u003carticle class=\"dvkc-benefit dvkc-orange\"\u003e\n\u003cdiv class=\"dvkc-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eKEYS\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eClean Around Every Key\u003c\/h3\u003e\n\u003cp\u003eTackle dust, crumbs, and everyday debris around keyboard surfaces and the small spaces between frequently used keys.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 02\n ====================================================== --\u003e\n\u003carticle class=\"dvkc-benefit dvkc-green\"\u003e\n\u003cdiv class=\"dvkc-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eDETAILS\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMade for Hard-to-Reach Areas\u003c\/h3\u003e\n\u003cp\u003eUse the different cleaning tools to reach narrow spaces and detailed areas throughout your everyday computer setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 03\n ====================================================== --\u003e\n\u003carticle class=\"dvkc-benefit dvkc-blue\"\u003e\n\u003cdiv class=\"dvkc-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eCARE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMake Routine Cleaning Easier\u003c\/h3\u003e\n\u003cp\u003eKeep practical cleaning tools close at hand for quick desktop care whenever dust and everyday debris begin to build up.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n DARK SECTION\n ====================================================== --\u003e\n\u003csection class=\"dvkc-dark\"\u003e\n\u003cdiv class=\"dvkc-dark-label\"\u003eEVERYDAY DESKTOP CARE\u003c\/div\u003e\n\u003ch2\u003eCleaner Details. \u003cspan\u003eBetter Desk Routine.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are cleaning your home-office setup or maintaining everyday computer accessories, Deskvara™ makes routine desktop care simple and convenient.\u003c\/p\u003e\n\u003cdiv class=\"dvkc-dark-tags\"\u003e\n\u003cspan\u003eKeyboards\u003c\/span\u003e \u003cspan\u003eDesktop Electronics\u003c\/span\u003e \u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eEveryday Care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvkc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_e9a7ab19-d290-4c9b-a402-62202a33891d.png?v=1790671811\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL SECTION\n ====================================================== --\u003e\n\u003csection class=\"dvkc-content dvkc-final\"\u003e\n\u003cdiv class=\"dvkc-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvkc-label\"\u003eKEEP YOUR WORKSPACE READY\u003c\/div\u003e\n\u003ch2\u003eSimple Cleaning. \u003cspan\u003eEveryday Convenience.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYour keyboard and desktop electronics are part of your everyday routine. The \u003cstrong\u003eDeskvara™ Keyboard Cleaning Kit\u003c\/strong\u003e gives you practical tools for keeping frequently used areas cleaner and easier to maintain.\u003c\/p\u003e\n\u003cp\u003eKeep it nearby for routine cleaning at home, in the office, or anywhere you use your everyday computer setup.\u003c\/p\u003e\n\u003cdiv class=\"dvkc-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDESK CLEANING\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.dvkc-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\n overflow:hidden;\n\n background:\n\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.dvkc-page *{\n\n box-sizing:border-box;\n\n}\n\n\n.dvkc-wrap{\n\n width:100%;\n\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.dvkc-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dvkc-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.dvkc-eyebrow span{\n\n width:9px;\n\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.dvkc-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\n overflow-wrap:normal;\n\n}\n\n\n.dvkc-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\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.dvkc-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.dvkc-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dvkc-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\/* =========================================================\n 1:1 IMAGE AREAS\n========================================================= *\/\n\n.dvkc-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.dvkc-image img{\n\n display:block;\n\n width:100%;\n\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.dvkc-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dvkc-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\n.dvkc-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.dvkc-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.dvkc-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dvkc-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.dvkc-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dvkc-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.dvkc-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.dvkc-icon{\n\n width:43px;\n\n height:43px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:26px;\n\n border-radius:12px;\n\n background:var(--dark);\n\n}\n\n\n.dvkc-icon svg{\n\n width:21px;\n\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n\n stroke-width:1.7;\n\n stroke-linecap:round;\n\n stroke-linejoin:round;\n\n}\n\n\n.dvkc-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.dvkc-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.dvkc-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 LARGE BENEFIT BLOCKS\n========================================================= *\/\n\n.dvkc-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.dvkc-benefit::after{\n\n content:\"\";\n\n position:absolute;\n\n width:230px;\n\n height:230px;\n\n right:-100px;\n\n top:-110px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.10);\n\n}\n\n\n.dvkc-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dvkc-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dvkc-blue{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #354450,\n #597fa7\n );\n\n}\n\n\n.dvkc-benefit-top{\n\n position:relative;\n\n z-index:2;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n margin-bottom:24px;\n\n}\n\n\n.dvkc-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.dvkc-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.dvkc-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.dvkc-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.dvkc-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.dvkc-dark::after{\n\n content:\"\";\n\n position:absolute;\n\n width:350px;\n\n height:350px;\n\n right:-180px;\n\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.dvkc-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.dvkc-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.dvkc-dark h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dvkc-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.dvkc-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.dvkc-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.dvkc-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dvkc-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.dvkc-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dvkc-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.dvkc-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 .dvkc-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .dvkc-hero{\n\n padding:\n 65px\n 0\n 45px;\n\n }\n\n\n .dvkc-hero h1{\n\n font-size:\n clamp(38px,8vw,55px);\n\n }\n\n\n .dvkc-feature-grid{\n\n gap:10px;\n\n }\n\n\n .dvkc-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dvkc-feature-card h3{\n\n font-size:17px;\n\n }\n\n\n .dvkc-feature-card p{\n\n font-size:12px;\n\n }\n\n\n .dvkc-icon{\n\n width:39px;\n\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dvkc-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 .dvkc-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n \/* HERO *\/\n\n .dvkc-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .dvkc-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dvkc-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 .dvkc-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dvkc-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dvkc-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dvkc-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* IMAGE *\/\n\n .dvkc-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 .dvkc-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dvkc-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dvkc-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dvkc-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dvkc-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* THREE FEATURE CARDS *\/\n\n .dvkc-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 .dvkc-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 .dvkc-icon{\n\n width:34px;\n\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dvkc-icon svg{\n\n width:17px;\n\n height:17px;\n\n }\n\n\n .dvkc-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dvkc-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dvkc-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 .dvkc-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dvkc-blue{\n\n margin-bottom:58px;\n\n }\n\n\n .dvkc-benefit-top{\n\n margin-bottom:19px;\n\n }\n\n\n .dvkc-benefit h3{\n\n font-size:25px;\n\n }\n\n\n .dvkc-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .dvkc-dark{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dvkc-dark-label{\n\n font-size:9px;\n\n }\n\n\n .dvkc-dark h2{\n\n font-size:31px;\n\n }\n\n\n .dvkc-dark p{\n\n font-size:14px;\n\n }\n\n\n .dvkc-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dvkc-final{\n\n padding-bottom:70px;\n\n }\n\n\n .dvkc-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dvkc-brand-line b{\n\n font-size:11px;\n\n }\n\n\n .dvkc-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 .dvkc-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .dvkc-hero h1{\n\n font-size:35px;\n\n }\n\n\n .dvkc-hero h1 strong{\n\n font-size:33px;\n\n }\n\n\n .dvkc-feature-grid{\n\n gap:5px;\n\n }\n\n\n .dvkc-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dvkc-feature-card h3{\n\n font-size:13px;\n\n }\n\n\n .dvkc-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dvkc-icon{\n\n width:31px;\n\n height:31px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209689092280,"sku":"Deskvara*1","price":18.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209689125048,"sku":"Deskvara*2","price":32.21,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209689157816,"sku":"Deskvara*4","price":56.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_892058d5-0159-440c-a155-dbf43e61c0a1.png?v=1790671729"},{"product_id":"deskvara™-desktop-vacuum","title":"Deskvara™ Desktop Vacuum","description":"\u003c!-- =========================================================\nDESKVARA™ DESKTOP VACUUM\nShopify Custom Liquid\n========================================================= --\u003e\n\u003csection class=\"ddv-page\"\u003e\n\u003cdiv class=\"ddv-wrap\"\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003csection class=\"ddv-hero\"\u003e\n\u003cdiv class=\"ddv-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK CLEANING\u003c\/div\u003e\n\u003ch1\u003eClear the Mess.\u003cbr\u003e\u003cstrong\u003eRefresh Your Desk.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eClear away everyday desk mess with a compact cleaning solution designed for quick and convenient cleanups.\u003c\/p\u003e\n\u003cdiv class=\"ddv-tags\"\u003e\n\u003cspan\u003eQuick Cleanup\u003c\/span\u003e \u003cspan\u003eCompact Design\u003c\/span\u003e \u003cspan\u003eEveryday Desk Care\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 01 ================= --\u003e \u003c!-- STRICT 1:1 · 图片区域只放图片 --\u003e\n\u003cdiv class=\"ddv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_d0b5519b-293a-429c-aaa9-a8c324f1739f.png?v=1790671820\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 01 ================= --\u003e\n\u003csection class=\"ddv-content\"\u003e\n\u003cdiv class=\"ddv-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ddv-label\"\u003eEVERYDAY DESK CLEANING\u003c\/div\u003e\n\u003ch2\u003eSmall Cleaner. \u003cspan\u003eBig Help Around Your Desk.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Desktop Vacuum\u003c\/strong\u003e is designed to pick up crumbs, dust, eraser debris, and other small particles from desks, keyboards, and everyday work surfaces.\u003c\/p\u003e\n\u003cp\u003eIts compact form makes it a practical addition to modern workspaces, giving you a convenient cleaning tool for the small messes that appear throughout the day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= 3 FEATURE CARDS ================= --\u003e\n\u003csection class=\"ddv-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"ddv-feature-card\"\u003e\n\u003cdiv class=\"ddv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M7 8h10l2 4v5H5v-5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 17v2M16 17v2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 5h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ddv-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eQuick Cleanup\u003c\/h3\u003e\n\u003cp\u003eTackle small everyday desk messes whenever they appear.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"ddv-feature-card\"\u003e\n\u003cdiv class=\"ddv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"6\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 8v8M8 12h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ddv-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eEasy to keep nearby without taking over your workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"ddv-feature-card\"\u003e\n\u003cdiv class=\"ddv-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 7h14v10H5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 10h8M8 14h5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"ddv-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eEveryday Desk Care\u003c\/h3\u003e\n\u003cp\u003eMade for desks, keyboards, and everyday work surfaces.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 02 ================= --\u003e\n\u003cdiv class=\"ddv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_2ab460d7-2318-4fb4-8a87-ce4c9fc86fc1.png?v=1790671820\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 02 ================= --\u003e\n\u003csection class=\"ddv-content\"\u003e\n\u003cdiv class=\"ddv-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ddv-label\"\u003eREADY WHEN SMALL MESSES HAPPEN\u003c\/div\u003e\n\u003ch2\u003eClean Up Fast. \u003cspan\u003eGet Back to Your Day.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact design is easy to keep within reach and convenient for quick cleanups without bringing out larger cleaning equipment.\u003c\/p\u003e\n\u003cp\u003eKeep it near your computer, study area, or everyday workstation so you can quickly deal with crumbs, dust, and small debris before they begin to clutter your desk.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= BENEFIT 01 ================= --\u003e\n\u003carticle class=\"ddv-benefit ddv-orange\"\u003e\n\u003cdiv class=\"ddv-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eCLEAN\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eHandle Everyday Desk Messes Quickly\u003c\/h3\u003e\n\u003cp\u003ePick up crumbs, dust, eraser debris, and other small particles that collect across everyday work and study surfaces.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 02 ================= --\u003e\n\u003carticle class=\"ddv-benefit ddv-green\"\u003e\n\u003cdiv class=\"ddv-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eCOMPACT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eKeep Cleaning Within Easy Reach\u003c\/h3\u003e\n\u003cp\u003eIts compact footprint makes it easy to keep nearby whenever your desk needs a quick refresh.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 03 ================= --\u003e\n\u003carticle class=\"ddv-benefit ddv-purple\"\u003e\n\u003cdiv class=\"ddv-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eORGANIZE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Cleaner Desk. A More Organized Setup.\u003c\/h3\u003e\n\u003cp\u003eRegular quick cleanups help keep your everyday workspace looking more organized without interrupting your work, study, or creative routine.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= DARK SECTION ================= --\u003e\n\u003csection class=\"ddv-dark-section\"\u003e\n\u003cdiv class=\"ddv-dark-label\"\u003eDESIGNED FOR EVERYDAY DESKTOP CARE\u003c\/div\u003e\n\u003ch2\u003eLess Desk Mess. \u003cspan\u003eMore Room to Focus.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom home offices to study spaces, Deskvara™ helps keep your everyday workspace looking cleaner and more organized with a compact cleaning solution made for the small messes of everyday life.\u003c\/p\u003e\n\u003cdiv class=\"ddv-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eStudy Desk\u003c\/span\u003e \u003cspan\u003eKeyboard Area\u003c\/span\u003e \u003cspan\u003eEveryday Workspace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 03 ================= --\u003e\n\u003cdiv class=\"ddv-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_6a6d4ad7-6505-4124-b1e1-b383372f9895.png?v=1790671820\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= FINAL ================= --\u003e\n\u003csection class=\"ddv-content ddv-final\"\u003e\n\u003cdiv class=\"ddv-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ddv-label\"\u003eA CLEANER EVERYDAY WORKSPACE\u003c\/div\u003e\n\u003ch2\u003eKeep Your Desk \u003cspan\u003eReady for What’s Next.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom home offices to study spaces, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps keep your everyday workspace looking cleaner and more organized with a convenient solution for quick desktop cleanups.\u003c\/p\u003e\n\u003cdiv class=\"ddv-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.ddv-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.ddv-page *{\n box-sizing:border-box;\n}\n\n\n.ddv-wrap{\n\n width:100%;\n max-width:1180px;\n\n margin:auto;\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.ddv-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.ddv-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 letter-spacing:.17em;\n\n color:var(--green);\n\n}\n\n\n.ddv-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.ddv-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.ddv-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.ddv-hero p{\n\n max-width:700px;\n\n margin:\n 28px\n 0\n 0;\n\n font-size:18px;\n line-height:1.75;\n\n color:var(--gray);\n\n}\n\n\n.ddv-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.ddv-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 line-height:1;\n\n font-weight:700;\n\n white-space:nowrap;\n\n}\n\n\n\/* =========================================================\n 1:1 IMAGE AREAS\n========================================================= *\/\n\n.ddv-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.ddv-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.ddv-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.ddv-number{\n\n margin-bottom:18px;\n\n font-size:11px;\n line-height:1;\n\n font-weight:800;\n letter-spacing:.2em;\n\n color:var(--orange);\n\n}\n\n\n.ddv-label{\n\n margin-bottom:15px;\n\n font-size:12px;\n line-height:1.4;\n\n font-weight:800;\n letter-spacing:.15em;\n\n color:var(--green);\n\n}\n\n\n.ddv-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.ddv-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.ddv-content p{\n\n max-width:780px;\n\n margin:\n 0\n 0\n 17px;\n\n font-size:17px;\n line-height:1.8;\n\n color:#646e74;\n\n}\n\n\n.ddv-content p strong{\n color:var(--dark);\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.ddv-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.ddv-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.ddv-icon{\n\n width:43px;\n height:43px;\n\n display:flex;\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.ddv-icon svg{\n\n width:21px;\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n stroke-width:1.7;\n\n stroke-linecap:round;\n stroke-linejoin:round;\n\n}\n\n\n.ddv-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.ddv-feature-card h3{\n\n margin:\n 0\n 0\n 12px;\n\n font-size:20px;\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.ddv-feature-card p{\n\n margin:0;\n\n max-width:220px;\n\n font-size:13px;\n line-height:1.65;\n\n color:#737c83;\n\n}\n\n\n\/* =========================================================\n BENEFIT BLOCKS\n========================================================= *\/\n\n.ddv-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.ddv-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.ddv-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.ddv-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.ddv-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.ddv-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.ddv-benefit-top span{\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.15em;\n\n opacity:.75;\n\n}\n\n\n.ddv-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 letter-spacing:.14em;\n\n}\n\n\n.ddv-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.ddv-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 line-height:1.7;\n\n color:\n rgba(255,255,255,.83);\n\n}\n\n\n\/* =========================================================\n DARK SECTION\n========================================================= *\/\n\n.ddv-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.ddv-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.ddv-dark-label{\n\n position:relative;\n z-index:2;\n\n margin-bottom:17px;\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.18em;\n\n color:#e5b574;\n\n}\n\n\n.ddv-dark-section h2{\n\n position:relative;\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.ddv-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.ddv-dark-section p{\n\n position:relative;\n z-index:2;\n\n max-width:650px;\n\n margin:0;\n\n font-size:16px;\n line-height:1.75;\n\n color:\n rgba(255,255,255,.72);\n\n}\n\n\n.ddv-dark-tags{\n\n position:relative;\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.ddv-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.ddv-final{\n padding-bottom:100px;\n}\n\n\n.ddv-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.ddv-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.ddv-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.ddv-brand-line span{\n\n flex:0 0 auto;\n\n font-size:9px;\n\n font-weight:800;\n letter-spacing:.17em;\n\n color:#858d92;\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .ddv-wrap{\n padding:0 18px;\n }\n\n\n .ddv-hero{\n padding:65px 0 45px;\n }\n\n\n .ddv-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n\n .ddv-feature-grid{\n gap:10px;\n }\n\n\n .ddv-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .ddv-feature-card h3{\n font-size:17px;\n }\n\n\n .ddv-feature-card p{\n font-size:12px;\n }\n\n\n .ddv-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .ddv-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .ddv-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .ddv-hero{\n padding:48px 0 35px;\n }\n\n\n .ddv-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .ddv-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 .ddv-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .ddv-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .ddv-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .ddv-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGES *\/\n\n .ddv-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 .ddv-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .ddv-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .ddv-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .ddv-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .ddv-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 .ddv-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 .ddv-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .ddv-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .ddv-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .ddv-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .ddv-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .ddv-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 .ddv-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .ddv-purple{\n margin-bottom:58px;\n }\n\n\n .ddv-benefit-top{\n margin-bottom:19px;\n }\n\n\n .ddv-benefit h3{\n font-size:25px;\n }\n\n\n .ddv-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .ddv-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .ddv-dark-label{\n font-size:9px;\n }\n\n\n .ddv-dark-section h2{\n font-size:31px;\n }\n\n\n .ddv-dark-section p{\n font-size:14px;\n }\n\n\n .ddv-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .ddv-final{\n padding-bottom:70px;\n }\n\n\n .ddv-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .ddv-brand-line b{\n font-size:11px;\n }\n\n\n .ddv-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 .ddv-wrap{\n padding:0 12px;\n }\n\n\n .ddv-hero h1{\n font-size:35px;\n }\n\n\n .ddv-hero h1 strong{\n font-size:33px;\n }\n\n\n .ddv-feature-grid{\n gap:5px;\n }\n\n\n .ddv-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .ddv-feature-card h3{\n font-size:13px;\n }\n\n\n .ddv-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .ddv-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":54209698562232,"sku":"Deskvara*1","price":27.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209698595000,"sku":"Deskvara*2","price":47.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209698627768,"sku":"Deskvara*4","price":87.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_f1af4822-908e-42e5-9f04-4a8a15b45fa1.png?v=1790671728"},{"product_id":"deskvara™-screen-cleaning-kit","title":"Deskvara™ Screen Cleaning Kit","description":"\u003c!-- =========================================================\nDESKVARA™ SCREEN CLEANING KIT\nShopify Custom Liquid\n3 × 1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"dsc-page\"\u003e\n\u003cdiv class=\"dsc-wrap\"\u003e\n\u003c!-- =========================\n HERO\n ========================== --\u003e\n\u003csection class=\"dsc-hero\"\u003e\n\u003cdiv class=\"dsc-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK CLEANING\u003c\/div\u003e\n\u003ch1\u003eCleaner Screens.\u003cbr\u003e\u003cstrong\u003eClearer Everyday Viewing.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eKeep your everyday screens looking clean and clear with a simple cleaning solution made for modern workspaces.\u003c\/p\u003e\n\u003cdiv class=\"dsc-tags\"\u003e\n\u003cspan\u003eEveryday Screen Care\u003c\/span\u003e \u003cspan\u003eSimple Cleaning\u003c\/span\u003e \u003cspan\u003eWorkspace Essential\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 01 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dsc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_8315c8bb-2e35-4fe4-9ea5-7b29c3e6b33c.png?v=1790671834\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 01\n ========================== --\u003e\n\u003csection class=\"dsc-content\"\u003e\n\u003cdiv class=\"dsc-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dsc-label\"\u003eEVERYDAY SCREEN CARE\u003c\/div\u003e\n\u003ch2\u003eKeep Your Screens \u003cspan\u003eLooking Clean.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Screen Cleaning Kit\u003c\/strong\u003e is designed for routine care of laptop screens, monitors, tablets, and other compatible display surfaces.\u003c\/p\u003e\n\u003cp\u003eConvenient cleaning tools make it easier to take care of the screens you use throughout the day, helping make regular screen maintenance a simple part of your workspace routine.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 3 FEATURE CARDS\n ========================== --\u003e\n\u003csection class=\"dsc-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dsc-feature-card\"\u003e\n\u003cdiv class=\"dsc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003crect x=\"4\" y=\"5\" width=\"16\" height=\"11\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 20h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 16v4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dsc-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eEveryday Screen Care\u003c\/h3\u003e\n\u003cp\u003eA convenient solution for routine care of everyday displays.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dsc-feature-card\"\u003e\n\u003cdiv class=\"dsc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 3v3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 18v3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M3 12h3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 12h3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 6l2 2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 16l2 2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 6l-2 2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 16l-2 2\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dsc-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eClean \u0026amp; Clear\u003c\/h3\u003e\n\u003cp\u003eHelps remove everyday fingerprints, dust, and light surface marks.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dsc-feature-card\"\u003e\n\u003cdiv class=\"dsc-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M7 5h10\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 3h6\"\u003e\u003c\/path\u003e\n \u003crect x=\"6\" y=\"5\" width=\"12\" height=\"16\" rx=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M9 10h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dsc-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eSimple Routine\u003c\/h3\u003e\n\u003cp\u003eMake screen maintenance easy to include in your everyday setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 02 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dsc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_f0a05294-856a-4a71-aadf-683d73b39555.png?v=1790671835\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 02\n ========================== --\u003e\n\u003csection class=\"dsc-content\"\u003e\n\u003cdiv class=\"dsc-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dsc-label\"\u003eSIMPLE CARE · CLEANER WORKSPACE\u003c\/div\u003e\n\u003ch2\u003eClear Away \u003cspan\u003eEveryday Marks.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe convenient cleaning tools help remove everyday fingerprints, dust, and light surface marks while making screen maintenance simple and easy to include in your workspace routine.\u003c\/p\u003e\n\u003cp\u003eFrom the laptop you use for work to the monitor on your desktop or the tablet you reach for throughout the day, Deskvara™ gives you a practical way to care for the displays around your workspace.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n BENEFIT 01\n ========================== --\u003e\n\u003carticle class=\"dsc-benefit dsc-orange\"\u003e\n\u003cdiv class=\"dsc-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eFINGERPRINTS\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eClear Away Everyday Fingerprints\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used displays looking cleaner by helping remove the fingerprints and light surface marks that build up through everyday use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 02\n ========================== --\u003e\n\u003carticle class=\"dsc-benefit dsc-green\"\u003e\n\u003cdiv class=\"dsc-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eDUST\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eMake Routine Screen Care Simple\u003c\/h3\u003e\n\u003cp\u003eConvenient cleaning tools help make regular dust and surface cleaning an easy part of maintaining a cleaner everyday workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 03\n ========================== --\u003e\n\u003carticle class=\"dsc-benefit dsc-purple\"\u003e\n\u003cdiv class=\"dsc-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eVERSATILITY\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOne Kit for Everyday Displays\u003c\/h3\u003e\n\u003cp\u003eDesigned for routine care of compatible laptop screens, monitors, tablets, and other everyday display surfaces around your home or workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n DARK BRAND SECTION\n ========================== --\u003e\n\u003csection class=\"dsc-dark-section\"\u003e\n\u003cdiv class=\"dsc-dark-label\"\u003eCLEANER SCREENS · CLEANER SETUP\u003c\/div\u003e\n\u003ch2\u003eSmall Routine. \u003cspan\u003eCleaner Workspace.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA clean workspace is about more than organizing your desk. Keeping the screens you use every day clean and ready for work helps complete a more polished desktop setup.\u003c\/p\u003e\n\u003cdiv class=\"dsc-dark-tags\"\u003e\n\u003cspan\u003eLaptops\u003c\/span\u003e \u003cspan\u003eMonitors\u003c\/span\u003e \u003cspan\u003eTablets\u003c\/span\u003e \u003cspan\u003eCompatible Displays\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 03 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dsc-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_0298a578-4ab7-4d71-b18e-3e82d2ed8487.png?v=1790671834\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n FINAL\n ========================== --\u003e\n\u003csection class=\"dsc-content dsc-final\"\u003e\n\u003cdiv class=\"dsc-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dsc-label\"\u003eREADY FOR EVERYDAY USE\u003c\/div\u003e\n\u003ch2\u003eKeep Your Essential Screens \u003cspan\u003eReady for the Day.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether at home, in the office, or while traveling, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps keep your essential screens ready for everyday use.\u003c\/p\u003e\n\u003cp\u003eSimple maintenance helps create a cleaner feeling around the devices and workspace you rely on throughout the day.\u003c\/p\u003e\n\u003cdiv class=\"dsc-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDESK CLEANING 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.dsc-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.dsc-page *{\n box-sizing:border-box;\n}\n\n\n.dsc-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.dsc-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dsc-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 PRODUCT IMAGES\n STRICT 1:1\n========================================================= *\/\n\n.dsc-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.dsc-image img{\n\n display:block;\n\n width:100%;\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\/* =========================================================\n TEXT CONTENT\n========================================================= *\/\n\n.dsc-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dsc-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.dsc-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.dsc-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.dsc-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dsc-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.dsc-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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 COLORED BENEFIT BLOCKS\n========================================================= *\/\n\n.dsc-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.dsc-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.dsc-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dsc-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dsc-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-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.dsc-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dsc-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.dsc-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.dsc-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.dsc-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dsc-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.dsc-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dsc-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.dsc-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 .dsc-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .dsc-hero{\n\n padding:\n 65px\n 0\n 45px;\n\n }\n\n\n .dsc-hero h1{\n\n font-size:\n clamp(38px,8vw,55px);\n\n }\n\n\n .dsc-feature-grid{\n\n gap:10px;\n\n }\n\n\n .dsc-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dsc-feature-card h3{\n\n font-size:17px;\n\n }\n\n\n .dsc-feature-card p{\n\n font-size:12px;\n\n }\n\n\n .dsc-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dsc-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 .dsc-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n .dsc-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .dsc-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dsc-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 .dsc-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dsc-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dsc-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dsc-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGE *\/\n\n .dsc-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 .dsc-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dsc-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dsc-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dsc-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dsc-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 .dsc-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 .dsc-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .dsc-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dsc-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .dsc-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dsc-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dsc-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 .dsc-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dsc-purple{\n\n margin-bottom:58px;\n\n }\n\n\n .dsc-benefit-top{\n\n margin-bottom:19px;\n\n }\n\n\n .dsc-benefit h3{\n\n font-size:25px;\n\n }\n\n\n .dsc-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK *\/\n\n .dsc-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dsc-dark-label{\n\n font-size:9px;\n\n }\n\n\n .dsc-dark-section h2{\n\n font-size:31px;\n\n }\n\n\n .dsc-dark-section p{\n\n font-size:14px;\n\n }\n\n\n .dsc-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dsc-final{\n\n padding-bottom:70px;\n\n }\n\n\n .dsc-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dsc-brand-line b{\n\n font-size:11px;\n\n }\n\n\n .dsc-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 .dsc-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .dsc-hero h1{\n\n font-size:35px;\n\n }\n\n\n .dsc-hero h1 strong{\n\n font-size:33px;\n\n }\n\n\n .dsc-feature-grid{\n\n gap:5px;\n\n }\n\n\n .dsc-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dsc-feature-card h3{\n\n font-size:13px;\n\n }\n\n\n .dsc-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dsc-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":54209708753080,"sku":"Deskvara*1","price":15.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209708785848,"sku":"Deskvara*2","price":26.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209708818616,"sku":"Deskvara*4","price":45.54,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_b6097c3e-f9e7-467d-8001-a47047ecf8c1.png?v=1790671730"},{"product_id":"deskvara™-cable-organizer","title":"Deskvara™ Cable Organizer","description":"\u003c!-- =========================================================\nDESKVARA™ CABLE ORGANIZER\nShopify Custom Liquid\n3 × 1:1 IMAGE AREAS\n========================================================= --\u003e\n\u003csection class=\"dvco-page\"\u003e\n\u003cdiv class=\"dvco-wrap\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"dvco-hero\"\u003e\n\u003cdiv class=\"dvco-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK ORGANIZATION\u003c\/div\u003e\n\u003ch1\u003eTame the Cables. \u003cstrong\u003eClean Up Your Desk.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eTurn loose cables into a cleaner and more organized desktop setup with a compact solution designed for everyday wires.\u003c\/p\u003e\n\u003cdiv class=\"dvco-tags\"\u003e\n\u003cspan\u003eGroup Loose Cables\u003c\/span\u003e \u003cspan\u003eCompact Design\u003c\/span\u003e \u003cspan\u003eCleaner Desktop\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 01 — 1:1\n 图片区域内部只有图片\n ====================================================== --\u003e\n\u003cdiv class=\"dvco-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_71c5dc06-8931-413b-a8d1-98741f1eaf01.png?v=1790672266\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 01\n ====================================================== --\u003e\n\u003csection class=\"dvco-content\"\u003e\n\u003cdiv class=\"dvco-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dvco-label\"\u003eSMALL TOOL · CLEANER SETUP\u003c\/div\u003e\n\u003ch2\u003eBring Loose Cables \u003cspan\u003eBack Together.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Cable Organizer\u003c\/strong\u003e is designed to help group and manage charging cables, USB cables, accessory cords, and other everyday desk wires.\u003c\/p\u003e\n\u003cp\u003eInstead of leaving individual cables spread across your desktop, the compact organizer helps bring multiple wires together for a cleaner and more intentional workspace.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n THREE FEATURE CARDS\n ====================================================== --\u003e\n\u003csection class=\"dvco-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dvco-feature-card\"\u003e\n\u003cdiv class=\"dvco-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 7c4 0 4 4 7 4s3-4 7-4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5 17c4 0 4-4 7-4s3 4 7 4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 5v4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M20 5v4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvco-card-num\"\u003e 01 \u003c\/span\u003e\n\u003ch3\u003eGroup Loose Cables\u003c\/h3\u003e\n\u003cp\u003eKeep multiple everyday wires together in one compact bundle.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dvco-feature-card\"\u003e\n\u003cdiv class=\"dvco-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003crect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"3\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M4 12h3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M17 12h3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 10h4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 14h4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvco-card-num\"\u003e 02 \u003c\/span\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eOrganize your wires without adding bulky equipment to the desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dvco-feature-card\"\u003e\n\u003cdiv class=\"dvco-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M4 7h16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 12h16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 17h16\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"8\" cy=\"7\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"14\" cy=\"12\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003ccircle cx=\"10\" cy=\"17\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dvco-card-num\"\u003e 03 \u003c\/span\u003e\n\u003ch3\u003eCleaner Desktop\u003c\/h3\u003e\n\u003cp\u003eReduce the visual clutter created by loose everyday cables.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 02 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvco-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_452ab79d-75ec-4139-af7a-0e12a77d3975.png?v=1790672268\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n SECTION 02\n ====================================================== --\u003e\n\u003csection class=\"dvco-content\"\u003e\n\u003cdiv class=\"dvco-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dvco-label\"\u003eORGANIZATION WITHOUT THE BULK\u003c\/div\u003e\n\u003ch2\u003eLess Cable Clutter. \u003cspan\u003eMore Desktop Space.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact design keeps multiple cables together without adding bulky storage equipment to your workspace, helping reduce visual clutter around computers and desktop devices.\u003c\/p\u003e\n\u003cp\u003eUse it to organize the charging cables, USB cables, and accessory cords you reach for every day while keeping your desktop setup looking cleaner and easier to manage.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n BENEFIT 01\n ====================================================== --\u003e\n\u003carticle class=\"dvco-benefit dvco-orange\"\u003e\n\u003cdiv class=\"dvco-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eGROUP\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eBring Multiple Cables Into One Neater Bundle\u003c\/h3\u003e\n\u003cp\u003eGather loose charging cables, USB cables, and everyday accessory cords together instead of letting them spread across your workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 02\n ====================================================== --\u003e\n\u003carticle class=\"dvco-benefit dvco-green\"\u003e\n\u003cdiv class=\"dvco-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eCOMPACT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOrganize Without Bulky Storage\u003c\/h3\u003e\n\u003cp\u003eThe small organizer adds practical cable control without requiring a large box, tray, or additional desktop storage system.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n BENEFIT 03\n ====================================================== --\u003e\n\u003carticle class=\"dvco-benefit dvco-purple\"\u003e\n\u003cdiv class=\"dvco-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eDESK\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eCreate a Cleaner Visual Setup\u003c\/h3\u003e\n\u003cp\u003eKeeping loose wires together helps your computer, accessories, and surrounding desktop area look more intentional and organized.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =====================================================\n DARK BRAND SECTION\n ====================================================== --\u003e\n\u003csection class=\"dvco-dark\"\u003e\n\u003cdiv class=\"dvco-dark-label\"\u003eSIMPLE CABLE ORGANIZATION\u003c\/div\u003e\n\u003ch2\u003eSmall Detail. \u003cspan\u003eNoticeably Cleaner Desk.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether at home or in the office, Deskvara™ makes everyday cable organization simple, compact, and convenient without adding unnecessary bulk to your workspace.\u003c\/p\u003e\n\u003cdiv class=\"dvco-dark-tags\"\u003e\n\u003cspan\u003eCharging Cables\u003c\/span\u003e \u003cspan\u003eUSB Cables\u003c\/span\u003e \u003cspan\u003eAccessory Cords\u003c\/span\u003e \u003cspan\u003eDesk Wires\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 03 — 1:1\n ====================================================== --\u003e\n\u003cdiv class=\"dvco-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_bd0ca311-9bec-4415-8c43-d44e7b53b79b.png?v=1790672267\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =====================================================\n FINAL\n ====================================================== --\u003e\n\u003csection class=\"dvco-content dvco-final\"\u003e\n\u003cdiv class=\"dvco-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dvco-label\"\u003eMADE FOR EVERYDAY DESKS\u003c\/div\u003e\n\u003ch2\u003eKeep Your Cables Together. \u003cspan\u003eKeep Your Desk Cleaner.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEveryday charging and computer accessories can quickly leave loose wires across your workspace. The \u003cstrong\u003eDeskvara™ Cable Organizer\u003c\/strong\u003e provides a compact way to bring those cables together and make everyday organization easier.\u003c\/p\u003e\n\u003cp\u003eSimple to add to your setup and compact enough for everyday use, it helps create a cleaner desktop without changing the way you use your devices.\u003c\/p\u003e\n\u003cdiv class=\"dvco-brand-line\"\u003e\n\u003cb\u003e DESKVARA™ \u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e DESK ORGANIZATION \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.dvco-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\n overflow:hidden;\n\n background:\n\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.dvco-page *{\n\n box-sizing:border-box;\n\n}\n\n\n.dvco-wrap{\n\n width:100%;\n\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.dvco-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dvco-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.dvco-eyebrow span{\n\n width:9px;\n\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.dvco-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\n overflow-wrap:normal;\n\n}\n\n\n.dvco-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\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.dvco-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.dvco-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dvco-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\/* =========================================================\n 1:1 IMAGE AREAS\n========================================================= *\/\n\n.dvco-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.dvco-image img{\n\n display:block;\n\n width:100%;\n\n height:100%;\n\n object-fit:cover;\n\n}\n\n\n\n\/* =========================================================\n CONTENT\n========================================================= *\/\n\n.dvco-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dvco-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\n.dvco-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.dvco-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.dvco-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dvco-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.dvco-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dvco-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.dvco-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.dvco-icon{\n\n width:43px;\n\n height:43px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:26px;\n\n border-radius:12px;\n\n background:var(--dark);\n\n}\n\n\n.dvco-icon svg{\n\n width:21px;\n\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n\n stroke-width:1.7;\n\n stroke-linecap:round;\n\n stroke-linejoin:round;\n\n}\n\n\n.dvco-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.dvco-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.dvco-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 LARGE BENEFIT BLOCKS\n========================================================= *\/\n\n.dvco-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.dvco-benefit::after{\n\n content:\"\";\n\n position:absolute;\n\n width:230px;\n\n height:230px;\n\n right:-100px;\n\n top:-110px;\n\n border-radius:50%;\n\n background:\n rgba(255,255,255,.10);\n\n}\n\n\n.dvco-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dvco-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dvco-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dvco-benefit-top{\n\n position:relative;\n\n z-index:2;\n\n display:flex;\n\n align-items:center;\n\n justify-content:space-between;\n\n margin-bottom:24px;\n\n}\n\n\n.dvco-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.dvco-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.dvco-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.dvco-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.dvco-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.dvco-dark::after{\n\n content:\"\";\n\n position:absolute;\n\n width:350px;\n\n height:350px;\n\n right:-180px;\n\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.dvco-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.dvco-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.dvco-dark h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dvco-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.dvco-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.dvco-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.dvco-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dvco-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.dvco-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dvco-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.dvco-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 .dvco-wrap{\n\n padding:\n 0\n 18px;\n\n }\n\n\n .dvco-hero{\n\n padding:\n 65px\n 0\n 45px;\n\n }\n\n\n .dvco-hero h1{\n\n font-size:\n clamp(38px,8vw,55px);\n\n }\n\n\n .dvco-feature-grid{\n\n gap:10px;\n\n }\n\n\n .dvco-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dvco-feature-card h3{\n\n font-size:17px;\n\n }\n\n\n .dvco-feature-card p{\n\n font-size:12px;\n\n }\n\n\n .dvco-icon{\n\n width:39px;\n\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dvco-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 .dvco-wrap{\n\n padding:\n 0\n 15px;\n\n }\n\n\n \/* HERO *\/\n\n .dvco-hero{\n\n padding:\n 48px\n 0\n 35px;\n\n }\n\n\n .dvco-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dvco-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 .dvco-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dvco-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dvco-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dvco-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGE *\/\n\n .dvco-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 .dvco-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dvco-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dvco-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dvco-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dvco-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* THREE SMALL CARDS *\/\n\n .dvco-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 .dvco-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 .dvco-icon{\n\n width:34px;\n\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dvco-icon svg{\n\n width:17px;\n\n height:17px;\n\n }\n\n\n .dvco-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dvco-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dvco-feature-card p{\n\n max-width:100%;\n\n font-size:10px;\n\n line-height:1.55;\n\n }\n\n\n \/* LARGE BENEFITS *\/\n\n .dvco-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dvco-purple{\n\n margin-bottom:58px;\n\n }\n\n\n .dvco-benefit-top{\n\n margin-bottom:19px;\n\n }\n\n\n .dvco-benefit h3{\n\n font-size:25px;\n\n }\n\n\n .dvco-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK *\/\n\n .dvco-dark{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dvco-dark-label{\n\n font-size:9px;\n\n }\n\n\n .dvco-dark h2{\n\n font-size:31px;\n\n }\n\n\n .dvco-dark p{\n\n font-size:14px;\n\n }\n\n\n .dvco-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dvco-final{\n\n padding-bottom:70px;\n\n }\n\n\n .dvco-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dvco-brand-line b{\n\n font-size:11px;\n\n }\n\n\n .dvco-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 .dvco-wrap{\n\n padding:\n 0\n 12px;\n\n }\n\n\n .dvco-hero h1{\n\n font-size:35px;\n\n }\n\n\n .dvco-hero h1 strong{\n\n font-size:33px;\n\n }\n\n\n .dvco-feature-grid{\n\n gap:5px;\n\n }\n\n\n .dvco-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dvco-feature-card h3{\n\n font-size:13px;\n\n }\n\n\n .dvco-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dvco-icon{\n\n width:31px;\n\n height:31px;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Deskvara™","offers":[{"title":"1 pc","offer_id":54209796210872,"sku":"Deskvara*1","price":9.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209796243640,"sku":"Deskvara*2","price":16.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209796276408,"sku":"Deskvara*4","price":28.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_6a079949-7292-4a5b-a743-852e6a61c268.png?v=1790672215"},{"product_id":"deskvara™-desk-coaster-set","title":"Deskvara™ Desk Coaster Set","description":"\u003c!-- =========================================================\nDESKVARA™ DESK COASTER SET\nShopify Custom Liquid\n========================================================= --\u003e\n\u003csection class=\"dcs-page\"\u003e\n\u003cdiv class=\"dcs-wrap\"\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003csection class=\"dcs-hero\"\u003e\n\u003cdiv class=\"dcs-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK ORGANIZATION\u003c\/div\u003e\n\u003ch1\u003eProtect Your Desk.\u003cbr\u003e\u003cstrong\u003eFinish It with Style.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eProtect your workspace while adding a clean finishing touch to your everyday desktop setup.\u003c\/p\u003e\n\u003cdiv class=\"dcs-tags\"\u003e\n\u003cspan\u003eDesktop Protection\u003c\/span\u003e \u003cspan\u003eEveryday Drinks\u003c\/span\u003e \u003cspan\u003eClean Desk Style\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 01 ================= --\u003e \u003c!-- STRICT 1:1 · 图片区域只放图片 --\u003e\n\u003cdiv class=\"dcs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_8144732a-8c4f-4c29-9f31-c11de6a4a3b1.png?v=1790672286\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 01 ================= --\u003e\n\u003csection class=\"dcs-content\"\u003e\n\u003cdiv class=\"dcs-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dcs-label\"\u003eMADE FOR YOUR EVERYDAY DESK\u003c\/div\u003e\n\u003ch2\u003eA Simple Detail \u003cspan\u003efor a Better Workspace.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Desk Coaster Set\u003c\/strong\u003e is designed for coffee cups, mugs, water glasses, and other everyday drinks used around your workspace.\u003c\/p\u003e\n\u003cp\u003eEasy to place wherever you need it, each coaster gives your drinkware a dedicated spot while helping your desktop feel cleaner, more intentional, and better organized.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= 3 FEATURE CARDS ================= --\u003e\n\u003csection class=\"dcs-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dcs-feature-card\"\u003e\n\u003cdiv class=\"dcs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003ccircle cx=\"10\" cy=\"12\" r=\"5\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M15 10h2a3 3 0 0 1 0 6h-2\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 19h11\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dcs-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eEveryday Drinkware\u003c\/h3\u003e\n\u003cp\u003eA practical place for coffee, water, tea, and everyday drinks.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dcs-feature-card\"\u003e\n\u003cdiv class=\"dcs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 7h12v10H6z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 4h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 20h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dcs-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eDesktop Protection\u003c\/h3\u003e\n\u003cp\u003eHelps separate everyday drinkware from your work surface.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dcs-feature-card\"\u003e\n\u003cdiv class=\"dcs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 8h14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5 12h14\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M5 16h14\"\u003e\u003c\/path\u003e\n \u003ccircle cx=\"8\" cy=\"8\" r=\"1\"\u003e\u003c\/circle\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dcs-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eClean Desk Style\u003c\/h3\u003e\n\u003cp\u003eA simple finishing touch for a polished desktop setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 02 ================= --\u003e\n\u003cdiv class=\"dcs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_d7725143-95cf-479a-82fe-901d62317036.png?v=1790672286\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 02 ================= --\u003e\n\u003csection class=\"dcs-content\"\u003e\n\u003cdiv class=\"dcs-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dcs-label\"\u003eKEEP DRINKS OFF YOUR DESKTOP\u003c\/div\u003e\n\u003ch2\u003eEveryday Protection. \u003cspan\u003eCleaner Desk Surfaces.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe practical surface helps separate drinkware from your desktop while reducing direct contact from condensation, light spills, and everyday cup marks.\u003c\/p\u003e\n\u003cp\u003eWhether you keep coffee beside your keyboard or a glass of water near your notebook, the coaster creates a simple barrier between your drink and your everyday work surface.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= BENEFIT 01 ================= --\u003e\n\u003carticle class=\"dcs-benefit dcs-orange\"\u003e\n\u003cdiv class=\"dcs-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003ePROTECT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGive Every Drink Its Own Place\u003c\/h3\u003e\n\u003cp\u003eKeep coffee cups, mugs, and water glasses on a dedicated surface instead of placing them directly on your desktop.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 02 ================= --\u003e\n\u003carticle class=\"dcs-benefit dcs-green\"\u003e\n\u003cdiv class=\"dcs-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSURFACE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eReduce Everyday Contact with Your Desk\u003c\/h3\u003e\n\u003cp\u003eHelp separate your work surface from condensation, light spills, and the everyday marks that can come from frequently used drinkware.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 03 ================= --\u003e\n\u003carticle class=\"dcs-benefit dcs-purple\"\u003e\n\u003cdiv class=\"dcs-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eSTYLE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eComplete Your Desktop Setup\u003c\/h3\u003e\n\u003cp\u003eA small desktop accessory can bring a more intentional finishing touch to home offices, study spaces, and everyday workstations.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= DARK SECTION ================= --\u003e\n\u003csection class=\"dcs-dark-section\"\u003e\n\u003cdiv class=\"dcs-dark-label\"\u003eDESIGNED AROUND YOUR WORKDAY\u003c\/div\u003e\n\u003ch2\u003eFrom Morning Coffee \u003cspan\u003eto Afternoon Focus.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom morning coffee to afternoon work sessions, Deskvara™ helps keep your desktop looking cleaner and more polished with practical accessories designed for the way you use your workspace every day.\u003c\/p\u003e\n\u003cdiv class=\"dcs-dark-tags\"\u003e\n\u003cspan\u003eMorning Coffee\u003c\/span\u003e \u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eStudy Desk\u003c\/span\u003e \u003cspan\u003eDaily Workspace\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 03 ================= --\u003e\n\u003cdiv class=\"dcs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_523ebd7b-f219-4f6d-b0b1-84761f60376e.png?v=1790672287\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= FINAL ================= --\u003e\n\u003csection class=\"dcs-content dcs-final\"\u003e\n\u003cdiv class=\"dcs-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dcs-label\"\u003eA SMALL DETAIL THAT BELONGS ON EVERY DESK\u003c\/div\u003e\n\u003ch2\u003eProtect the Surface. \u003cspan\u003eKeep the Look Clean.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom your first cup of coffee to the final task of the day, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps bring practical protection and a cleaner finishing touch to your everyday workspace.\u003c\/p\u003e\n\u003cdiv class=\"dcs-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.dcs-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.dcs-page *{\n box-sizing:border-box;\n}\n\n\n.dcs-wrap{\n\n width:100%;\n max-width:1180px;\n\n margin:auto;\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dcs-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dcs-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 letter-spacing:.17em;\n\n color:var(--green);\n\n}\n\n\n.dcs-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.dcs-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.dcs-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.dcs-hero p{\n\n max-width:700px;\n\n margin:\n 28px\n 0\n 0;\n\n font-size:18px;\n line-height:1.75;\n\n color:var(--gray);\n\n}\n\n\n.dcs-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dcs-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 line-height:1;\n\n font-weight:700;\n\n white-space:nowrap;\n\n}\n\n\n\/* =========================================================\n 1:1 IMAGE AREAS\n========================================================= *\/\n\n.dcs-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.dcs-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.dcs-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dcs-number{\n\n margin-bottom:18px;\n\n font-size:11px;\n line-height:1;\n\n font-weight:800;\n letter-spacing:.2em;\n\n color:var(--orange);\n\n}\n\n\n.dcs-label{\n\n margin-bottom:15px;\n\n font-size:12px;\n line-height:1.4;\n\n font-weight:800;\n letter-spacing:.15em;\n\n color:var(--green);\n\n}\n\n\n.dcs-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.dcs-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dcs-content p{\n\n max-width:780px;\n\n margin:\n 0\n 0\n 17px;\n\n font-size:17px;\n line-height:1.8;\n\n color:#646e74;\n\n}\n\n\n.dcs-content p strong{\n color:var(--dark);\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dcs-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.dcs-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.dcs-icon{\n\n width:43px;\n height:43px;\n\n display:flex;\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.dcs-icon svg{\n\n width:21px;\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n stroke-width:1.7;\n\n stroke-linecap:round;\n stroke-linejoin:round;\n\n}\n\n\n.dcs-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.dcs-feature-card h3{\n\n margin:\n 0\n 0\n 12px;\n\n font-size:20px;\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.dcs-feature-card p{\n\n margin:0;\n\n max-width:220px;\n\n font-size:13px;\n line-height:1.65;\n\n color:#737c83;\n\n}\n\n\n\/* =========================================================\n BENEFIT BLOCKS\n========================================================= *\/\n\n.dcs-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.dcs-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.dcs-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dcs-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dcs-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dcs-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.dcs-benefit-top span{\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.15em;\n\n opacity:.75;\n\n}\n\n\n.dcs-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 letter-spacing:.14em;\n\n}\n\n\n.dcs-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.dcs-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 line-height:1.7;\n\n color:\n rgba(255,255,255,.83);\n\n}\n\n\n\/* =========================================================\n DARK SECTION\n========================================================= *\/\n\n.dcs-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.dcs-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.dcs-dark-label{\n\n position:relative;\n z-index:2;\n\n margin-bottom:17px;\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.18em;\n\n color:#e5b574;\n\n}\n\n\n.dcs-dark-section h2{\n\n position:relative;\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.dcs-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dcs-dark-section p{\n\n position:relative;\n z-index:2;\n\n max-width:650px;\n\n margin:0;\n\n font-size:16px;\n line-height:1.75;\n\n color:\n rgba(255,255,255,.72);\n\n}\n\n\n.dcs-dark-tags{\n\n position:relative;\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.dcs-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.dcs-final{\n padding-bottom:100px;\n}\n\n\n.dcs-brand-line{\n\n display:flex;\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.dcs-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dcs-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.dcs-brand-line span{\n\n flex:0 0 auto;\n\n font-size:9px;\n\n font-weight:800;\n letter-spacing:.17em;\n\n color:#858d92;\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .dcs-wrap{\n padding:0 18px;\n }\n\n\n .dcs-hero{\n padding:65px 0 45px;\n }\n\n\n .dcs-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n\n .dcs-feature-grid{\n gap:10px;\n }\n\n\n .dcs-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dcs-feature-card h3{\n font-size:17px;\n }\n\n\n .dcs-feature-card p{\n font-size:12px;\n }\n\n\n .dcs-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dcs-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .dcs-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .dcs-hero{\n padding:48px 0 35px;\n }\n\n\n .dcs-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dcs-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 .dcs-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dcs-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dcs-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dcs-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* STRICT 1:1 IMAGE *\/\n\n .dcs-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 .dcs-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dcs-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dcs-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dcs-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dcs-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* KEEP ALL 3 CARDS IN ONE ROW *\/\n\n .dcs-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 .dcs-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .dcs-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dcs-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .dcs-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dcs-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dcs-feature-card p{\n\n max-width:100%;\n\n font-size:10px;\n\n line-height:1.55;\n\n }\n\n\n \/* BENEFIT *\/\n\n .dcs-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dcs-purple{\n margin-bottom:58px;\n }\n\n\n .dcs-benefit-top{\n margin-bottom:19px;\n }\n\n\n .dcs-benefit h3{\n font-size:25px;\n }\n\n\n .dcs-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .dcs-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dcs-dark-label{\n font-size:9px;\n }\n\n\n .dcs-dark-section h2{\n font-size:31px;\n }\n\n\n .dcs-dark-section p{\n font-size:14px;\n }\n\n\n .dcs-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dcs-final{\n padding-bottom:70px;\n }\n\n\n .dcs-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dcs-brand-line b{\n font-size:11px;\n }\n\n\n .dcs-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 .dcs-wrap{\n padding:0 12px;\n }\n\n\n .dcs-hero h1{\n font-size:35px;\n }\n\n\n .dcs-hero h1 strong{\n font-size:33px;\n }\n\n\n .dcs-feature-grid{\n gap:5px;\n }\n\n\n .dcs-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dcs-feature-card h3{\n font-size:13px;\n }\n\n\n .dcs-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dcs-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":54209798865080,"sku":"Deskvara*1","price":14.53,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209798897848,"sku":"Deskvara*2","price":24.54,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209798930616,"sku":"Deskvara*4","price":42.54,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_1c46d914-bbce-4255-b8f2-72be34bf1cb4.png?v=1790672215"},{"product_id":"deskvara™-phone-stand","title":"Deskvara™ Phone Stand","description":"\u003c!-- =========================================================\nDESKVARA™ PHONE STAND\nShopify Custom Liquid\n3 × 1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"dps-page\"\u003e\n\u003cdiv class=\"dps-wrap\"\u003e\n\u003c!-- =========================\n HERO\n ========================== --\u003e\n\u003csection class=\"dps-hero\"\u003e\n\u003cdiv class=\"dps-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK ORGANIZATION\u003c\/div\u003e\n\u003ch1\u003eKeep Your Phone Visible.\u003cbr\u003e\u003cstrong\u003eKeep Your Desk Organized.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eGive your smartphone a dedicated place on your desk and keep everyday information conveniently within view.\u003c\/p\u003e\n\u003cdiv class=\"dps-tags\"\u003e\n\u003cspan\u003eEasy Viewing\u003c\/span\u003e \u003cspan\u003eCompact Design\u003c\/span\u003e \u003cspan\u003eCleaner Desktop\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 01 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dps-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_c3e772cf-b994-4050-b918-3d77536acfc1.png?v=1790672316\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 01\n ========================== --\u003e\n\u003csection class=\"dps-content\"\u003e\n\u003cdiv class=\"dps-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dps-label\"\u003eA SMARTER PLACE FOR YOUR PHONE\u003c\/div\u003e\n\u003ch2\u003eKeep It Upright. \u003cspan\u003eKeep It Within View.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Phone Stand\u003c\/strong\u003e provides a dedicated place for your smartphone beside your computer, keyboard, or other everyday office equipment.\u003c\/p\u003e\n\u003cp\u003eInstead of leaving your phone loose across your desk, the compact desktop stand helps keep it upright, organized, and conveniently positioned throughout your workday.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 3 FEATURE CARDS\n ========================== --\u003e\n\u003csection class=\"dps-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dps-feature-card\"\u003e\n\u003cdiv class=\"dps-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003crect x=\"7\" y=\"3\" width=\"10\" height=\"16\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M10 21h4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 6h4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dps-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eEasy Viewing\u003c\/h3\u003e\n\u003cp\u003eKeep your smartphone upright and conveniently within view.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dps-feature-card\"\u003e\n\u003cdiv class=\"dps-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M8 18h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 18V8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M14 18V8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 8h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 21h10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dps-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eAdd a dedicated phone position without taking over your desk.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dps-feature-card\"\u003e\n\u003cdiv class=\"dps-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M4 7h16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 17h16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 7v10\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M17 7v10\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dps-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eCleaner Desktop\u003c\/h3\u003e\n\u003cp\u003eGive your phone a defined place within your everyday setup.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 02 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dps-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_0bfe3512-2caf-4aeb-affc-bf180dd9fcb7.png?v=1790672317\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 02\n ========================== --\u003e\n\u003csection class=\"dps-content\"\u003e\n\u003cdiv class=\"dps-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dps-label\"\u003eVISIBLE · ORGANIZED · WITHIN REACH\u003c\/div\u003e\n\u003ch2\u003eStay Connected. \u003cspan\u003eStay Organized.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact desktop design helps keep your phone upright and easy to view for messages, calls, timers, and everyday reference without leaving it loose across your workspace.\u003c\/p\u003e\n\u003cp\u003ePosition it beside your monitor, laptop, or keyboard to create a more intentional desktop arrangement while keeping your smartphone conveniently accessible throughout the day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n BENEFIT 01\n ========================== --\u003e\n\u003carticle class=\"dps-benefit dps-orange\"\u003e\n\u003cdiv class=\"dps-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eVIEW\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eKeep Everyday Information Within View\u003c\/h3\u003e\n\u003cp\u003ePosition your smartphone upright for convenient viewing of messages, calls, timers, and everyday information while you work.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 02\n ========================== --\u003e\n\u003carticle class=\"dps-benefit dps-green\"\u003e\n\u003cdiv class=\"dps-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eSPACE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eA Small Footprint for Your Desktop\u003c\/h3\u003e\n\u003cp\u003eThe compact stand gives your smartphone a dedicated position while helping preserve valuable working space around your keyboard and computer.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 03\n ========================== --\u003e\n\u003carticle class=\"dps-benefit dps-purple\"\u003e\n\u003cdiv class=\"dps-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eORGANIZATION\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGive Your Phone a Dedicated Place\u003c\/h3\u003e\n\u003cp\u003eInstead of moving your phone around the desktop throughout the day, keep it positioned in one convenient location within your workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n DARK BRAND SECTION\n ========================== --\u003e\n\u003csection class=\"dps-dark-section\"\u003e\n\u003cdiv class=\"dps-dark-label\"\u003eDESIGNED FOR THE MODERN WORKSPACE\u003c\/div\u003e\n\u003ch2\u003eSmall Detail. \u003cspan\u003eSmarter Desktop.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA well-organized workspace gives everyday essentials a clear purpose and place. Deskvara™ helps integrate your smartphone naturally into your computer setup without adding unnecessary desktop clutter.\u003c\/p\u003e\n\u003cdiv class=\"dps-dark-tags\"\u003e\n\u003cspan\u003eMessages\u003c\/span\u003e \u003cspan\u003eCalls\u003c\/span\u003e \u003cspan\u003eTimers\u003c\/span\u003e \u003cspan\u003eDaily Reference\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 03 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"dps-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_6707a906-b8ed-4ae7-8424-895703ffec03.png?v=1790672316\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n FINAL\n ========================== --\u003e\n\u003csection class=\"dps-content dps-final\"\u003e\n\u003cdiv class=\"dps-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dps-label\"\u003eA CLEANER EVERYDAY SETUP\u003c\/div\u003e\n\u003ch2\u003eKeep Your Essentials \u003cspan\u003eRight Where You Need Them.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether working from home or at the office, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps create a cleaner and more functional desktop setup.\u003c\/p\u003e\n\u003cp\u003eKeep your phone visible, conveniently positioned, and integrated into the workspace you use every day.\u003c\/p\u003e\n\u003cdiv class=\"dps-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eDESK ORGANIZATION 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.dps-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.dps-page *{\n box-sizing:border-box;\n}\n\n\n.dps-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.dps-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dps-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.dps-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.dps-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.dps-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.dps-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.dps-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dps-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 — STRICT 1:1\n========================================================= *\/\n\n.dps-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.dps-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.dps-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dps-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.dps-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.dps-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.dps-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dps-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.dps-content p strong{\n\n color:var(--dark);\n\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dps-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dps-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-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.dps-dark-label{\n\n position:relative;\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.dps-dark-section h2{\n\n position:relative;\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.dps-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dps-dark-section p{\n\n position:relative;\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.dps-dark-tags{\n\n position:relative;\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.dps-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.dps-final{\n\n padding-bottom:100px;\n\n}\n\n\n.dps-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.dps-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dps-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.dps-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 .dps-wrap{\n padding:0 18px;\n }\n\n\n .dps-hero{\n padding:65px 0 45px;\n }\n\n\n .dps-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n\n .dps-feature-grid{\n gap:10px;\n }\n\n\n .dps-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dps-feature-card h3{\n font-size:17px;\n }\n\n\n .dps-feature-card p{\n font-size:12px;\n }\n\n\n .dps-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dps-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .dps-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .dps-hero{\n padding:48px 0 35px;\n }\n\n\n .dps-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dps-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 .dps-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dps-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dps-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dps-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* 1:1 IMAGES *\/\n\n .dps-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 .dps-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dps-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dps-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dps-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dps-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 .dps-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 .dps-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .dps-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dps-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .dps-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dps-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dps-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 .dps-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dps-purple{\n margin-bottom:58px;\n }\n\n\n .dps-benefit-top{\n margin-bottom:19px;\n }\n\n\n .dps-benefit h3{\n font-size:25px;\n }\n\n\n .dps-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK *\/\n\n .dps-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dps-dark-label{\n font-size:9px;\n }\n\n\n .dps-dark-section h2{\n font-size:31px;\n }\n\n\n .dps-dark-section p{\n font-size:14px;\n }\n\n\n .dps-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dps-final{\n padding-bottom:70px;\n }\n\n\n .dps-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dps-brand-line b{\n font-size:11px;\n }\n\n\n .dps-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 .dps-wrap{\n padding:0 12px;\n }\n\n\n .dps-hero h1{\n font-size:35px;\n }\n\n\n .dps-hero h1 strong{\n font-size:33px;\n }\n\n\n .dps-feature-grid{\n gap:5px;\n }\n\n\n .dps-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dps-feature-card h3{\n font-size:13px;\n }\n\n\n .dps-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dps-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":54209800175800,"sku":"Deskvara*1","price":17.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209800208568,"sku":"Deskvara*2","price":29.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209800241336,"sku":"Deskvara*4","price":56.32,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_f57405ba-79aa-49fe-ad3f-047e85ff72b1.png?v=1790672215"},{"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"},{"product_id":"deskvara™-desktop-hook-stand","title":"Deskvara™ Desktop Hook Stand","description":"\u003c!-- =========================================================\nDESKVARA™ DESKTOP HOOK STAND\nShopify Custom Liquid\n========================================================= --\u003e\n\u003csection class=\"dhs-page\"\u003e\n\u003cdiv class=\"dhs-wrap\"\u003e\n\u003c!-- ================= HERO ================= --\u003e\n\u003csection class=\"dhs-hero\"\u003e\n\u003cdiv class=\"dhs-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ DESK ORGANIZATION\u003c\/div\u003e\n\u003ch1\u003eHang the Small Stuff.\u003cbr\u003e\u003cstrong\u003eClear the Clutter.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eGive everyday small accessories a dedicated place on your desk with a simple freestanding organizer.\u003c\/p\u003e\n\u003cdiv class=\"dhs-tags\"\u003e\n\u003cspan\u003eFreestanding Design\u003c\/span\u003e \u003cspan\u003eMultiple Hanging Points\u003c\/span\u003e \u003cspan\u003eEasy Access\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 01 ================= --\u003e \u003c!-- STRICT 1:1 · 图片区域只放图片 --\u003e\n\u003cdiv class=\"dhs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_92552ca7-4149-45d4-9085-0bbbb8b74780.png?v=1790672925\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 01 ================= --\u003e\n\u003csection class=\"dhs-content\"\u003e\n\u003cdiv class=\"dhs-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"dhs-label\"\u003eSMALL-ITEM ORGANIZATION\u003c\/div\u003e\n\u003ch2\u003eA Dedicated Place \u003cspan\u003efor Everyday Essentials.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ Desktop Hook Stand\u003c\/strong\u003e is designed to organize keys, cables, small accessories, and other lightweight everyday items without requiring wall or under-desk installation.\u003c\/p\u003e\n\u003cp\u003ePlace it directly on your desktop and create a simple organization point for the smaller items that can easily become scattered throughout your workspace.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= FEATURE CARDS ================= --\u003e\n\u003csection class=\"dhs-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"dhs-feature-card\"\u003e\n\u003cdiv class=\"dhs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M12 4v16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 7h10\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M7 7v4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M17 7v4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 20h8\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dhs-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eFreestanding Design\u003c\/h3\u003e\n\u003cp\u003eSits directly on your desktop with no mounting required.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"dhs-feature-card\"\u003e\n\u003cdiv class=\"dhs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M6 5v7c0 2 1 3 3 3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 5v9c0 2 1 3 3 3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M18 5v6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M4 5h16\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dhs-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eMultiple Hanging Points\u003c\/h3\u003e\n\u003cp\u003eOrganize several lightweight everyday accessories together.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"dhs-feature-card\"\u003e\n\u003cdiv class=\"dhs-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M5 6h14v12H5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 9h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M8 13h5\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 13h1\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"dhs-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eVisible \u0026amp; Easy to Reach\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used small items organized and within reach.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 02 ================= --\u003e\n\u003cdiv class=\"dhs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_88f1379b-b71b-492e-abe5-c4e3f6c9b6ec.png?v=1790672925\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= SECTION 02 ================= --\u003e\n\u003csection class=\"dhs-content\"\u003e\n\u003cdiv class=\"dhs-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"dhs-label\"\u003eORGANIZE WITHOUT INSTALLATION\u003c\/div\u003e\n\u003ch2\u003eSet It Down. \u003cspan\u003eStart Organizing.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts freestanding desktop design provides multiple hanging points while keeping frequently used items visible, organized, and easy to reach.\u003c\/p\u003e\n\u003cp\u003eThere is no need for wall mounting or under-desk installation. Simply place the stand where it works best within your desktop setup and use the available hooks for your everyday lightweight accessories.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- ================= BENEFIT 01 ================= --\u003e\n\u003carticle class=\"dhs-benefit dhs-orange\"\u003e\n\u003cdiv class=\"dhs-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eORGANIZE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eGive Small Items Their Own Place\u003c\/h3\u003e\n\u003cp\u003eCreate a dedicated organization point for keys, cables, and other lightweight accessories that would otherwise be scattered across your desktop.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 02 ================= --\u003e\n\u003carticle class=\"dhs-benefit dhs-green\"\u003e\n\u003cdiv class=\"dhs-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eACCESS\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eKeep Everyday Essentials Easy to Find\u003c\/h3\u003e\n\u003cp\u003eHanging frequently used accessories keeps them visible and within reach whenever you need them during your everyday routine.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= BENEFIT 03 ================= --\u003e\n\u003carticle class=\"dhs-benefit dhs-purple\"\u003e\n\u003cdiv class=\"dhs-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eDESKTOP\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eOrganize Without Changing Your Desk\u003c\/h3\u003e\n\u003cp\u003eThe freestanding structure works directly on your desktop, giving you additional organization without wall mounting, clamps, or under-desk installation.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- ================= DARK SECTION ================= --\u003e\n\u003csection class=\"dhs-dark-section\"\u003e\n\u003cdiv class=\"dhs-dark-label\"\u003eSMALL ITEMS · BETTER ORGANIZED\u003c\/div\u003e\n\u003ch2\u003eLess Small-Item Clutter. \u003cspan\u003eMore Organized Space.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom keys and cables to everyday office accessories, Deskvara™ helps reduce small-item clutter and create a cleaner workspace with a practical organizer designed to live directly on your desktop.\u003c\/p\u003e\n\u003cdiv class=\"dhs-dark-tags\"\u003e\n\u003cspan\u003eKeys\u003c\/span\u003e \u003cspan\u003eCables\u003c\/span\u003e \u003cspan\u003eSmall Accessories\u003c\/span\u003e \u003cspan\u003eOffice Essentials\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ================= IMAGE 03 ================= --\u003e\n\u003cdiv class=\"dhs-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_d4bcc306-dfb0-45a1-b955-a78affc953ab.png?v=1790672925\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- ================= FINAL ================= --\u003e\n\u003csection class=\"dhs-content dhs-final\"\u003e\n\u003cdiv class=\"dhs-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"dhs-label\"\u003eSIMPLE DESKTOP ORGANIZATION\u003c\/div\u003e\n\u003ch2\u003eKeep the Little Things \u003cspan\u003eUnder Control.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom keys and cables to the small accessories you use throughout the day, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e gives everyday essentials a dedicated place while helping your workspace stay cleaner and more organized.\u003c\/p\u003e\n\u003cdiv class=\"dhs-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.dhs-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.dhs-page *{\n box-sizing:border-box;\n}\n\n\n.dhs-wrap{\n\n width:100%;\n max-width:1180px;\n\n margin:auto;\n padding:0 28px;\n\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.dhs-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.dhs-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 letter-spacing:.17em;\n\n color:var(--green);\n\n}\n\n\n.dhs-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.dhs-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.dhs-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.dhs-hero p{\n\n max-width:700px;\n\n margin:\n 28px\n 0\n 0;\n\n font-size:18px;\n line-height:1.75;\n\n color:var(--gray);\n\n}\n\n\n.dhs-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.dhs-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 line-height:1;\n\n font-weight:700;\n\n white-space:nowrap;\n\n}\n\n\n\/* =========================================================\n STRICT 1:1 IMAGE AREAS\n========================================================= *\/\n\n.dhs-image{\n\n position:relative;\n\n width:100%;\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.dhs-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.dhs-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.dhs-number{\n\n margin-bottom:18px;\n\n font-size:11px;\n line-height:1;\n\n font-weight:800;\n letter-spacing:.2em;\n\n color:var(--orange);\n\n}\n\n\n.dhs-label{\n\n margin-bottom:15px;\n\n font-size:12px;\n line-height:1.4;\n\n font-weight:800;\n letter-spacing:.15em;\n\n color:var(--green);\n\n}\n\n\n.dhs-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.dhs-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.dhs-content p{\n\n max-width:780px;\n\n margin:\n 0\n 0\n 17px;\n\n font-size:17px;\n line-height:1.8;\n\n color:#646e74;\n\n}\n\n\n.dhs-content p strong{\n color:var(--dark);\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.dhs-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.dhs-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.dhs-icon{\n\n width:43px;\n height:43px;\n\n display:flex;\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.dhs-icon svg{\n\n width:21px;\n height:21px;\n\n fill:none;\n\n stroke:#fff;\n stroke-width:1.7;\n\n stroke-linecap:round;\n stroke-linejoin:round;\n\n}\n\n\n.dhs-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.dhs-feature-card h3{\n\n margin:\n 0\n 0\n 12px;\n\n font-size:20px;\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.dhs-feature-card p{\n\n margin:0;\n\n max-width:220px;\n\n font-size:13px;\n line-height:1.65;\n\n color:#737c83;\n\n}\n\n\n\/* =========================================================\n BENEFIT BLOCKS\n========================================================= *\/\n\n.dhs-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.dhs-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.dhs-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.dhs-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.dhs-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.dhs-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.dhs-benefit-top span{\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.15em;\n\n opacity:.75;\n\n}\n\n\n.dhs-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 letter-spacing:.14em;\n\n}\n\n\n.dhs-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.dhs-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 line-height:1.7;\n\n color:\n rgba(255,255,255,.83);\n\n}\n\n\n\/* =========================================================\n DARK SECTION\n========================================================= *\/\n\n.dhs-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.dhs-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.dhs-dark-label{\n\n position:relative;\n z-index:2;\n\n margin-bottom:17px;\n\n font-size:11px;\n\n font-weight:800;\n letter-spacing:.18em;\n\n color:#e5b574;\n\n}\n\n\n.dhs-dark-section h2{\n\n position:relative;\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.dhs-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.dhs-dark-section p{\n\n position:relative;\n z-index:2;\n\n max-width:650px;\n\n margin:0;\n\n font-size:16px;\n line-height:1.75;\n\n color:\n rgba(255,255,255,.72);\n\n}\n\n\n.dhs-dark-tags{\n\n position:relative;\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.dhs-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.dhs-final{\n padding-bottom:100px;\n}\n\n\n.dhs-brand-line{\n\n display:flex;\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.dhs-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.dhs-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.dhs-brand-line span{\n\n flex:0 0 auto;\n\n font-size:9px;\n\n font-weight:800;\n letter-spacing:.17em;\n\n color:#858d92;\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:768px){\n\n .dhs-wrap{\n padding:0 18px;\n }\n\n\n .dhs-hero{\n padding:65px 0 45px;\n }\n\n\n .dhs-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n\n .dhs-feature-grid{\n gap:10px;\n }\n\n\n .dhs-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n\n .dhs-feature-card h3{\n font-size:17px;\n }\n\n\n .dhs-feature-card p{\n font-size:12px;\n }\n\n\n .dhs-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n\n .dhs-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .dhs-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .dhs-hero{\n padding:48px 0 35px;\n }\n\n\n .dhs-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .dhs-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 .dhs-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .dhs-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .dhs-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .dhs-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* IMAGE *\/\n\n .dhs-image{\n\n width:100%;\n aspect-ratio:1 \/ 1;\n\n margin-bottom:58px;\n\n border-radius:20px;\n\n }\n\n\n \/* CONTENT *\/\n\n .dhs-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .dhs-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .dhs-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .dhs-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .dhs-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 .dhs-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 .dhs-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .dhs-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .dhs-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .dhs-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .dhs-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .dhs-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 .dhs-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .dhs-purple{\n margin-bottom:58px;\n }\n\n\n .dhs-benefit-top{\n margin-bottom:19px;\n }\n\n\n .dhs-benefit h3{\n font-size:25px;\n }\n\n\n .dhs-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .dhs-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .dhs-dark-label{\n font-size:9px;\n }\n\n\n .dhs-dark-section h2{\n font-size:31px;\n }\n\n\n .dhs-dark-section p{\n font-size:14px;\n }\n\n\n .dhs-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .dhs-final{\n padding-bottom:70px;\n }\n\n\n .dhs-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .dhs-brand-line b{\n font-size:11px;\n }\n\n\n .dhs-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 .dhs-wrap{\n padding:0 12px;\n }\n\n\n .dhs-hero h1{\n font-size:35px;\n }\n\n\n .dhs-hero h1 strong{\n font-size:33px;\n }\n\n\n .dhs-feature-grid{\n gap:5px;\n }\n\n\n .dhs-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .dhs-feature-card h3{\n font-size:13px;\n }\n\n\n .dhs-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .dhs-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":54209874395320,"sku":"Deskvara*1","price":22.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209874428088,"sku":"Deskvara*2","price":39.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209874460856,"sku":"Deskvara*4","price":69.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_894d300a-3962-4a44-b40c-4c0e72337d37.png?v=1790672868"},{"product_id":"deskvara™-usb-desk-fan","title":"Deskvara™ USB Desk Fan","description":"\u003c!-- =========================================================\nDESKVARA™ USB DESK FAN\nShopify Custom Liquid\n3 × 1:1 IMAGE VERSION\n========================================================= --\u003e\n\u003csection class=\"duf-page\"\u003e\n\u003cdiv class=\"duf-wrap\"\u003e\n\u003c!-- =========================\n HERO\n ========================== --\u003e\n\u003csection class=\"duf-hero\"\u003e\n\u003cdiv class=\"duf-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e DESKVARA™ OFFICE ACCESSORIES\u003c\/div\u003e\n\u003ch1\u003eRefresh Your Desk.\u003cbr\u003e\u003cstrong\u003eEnjoy Everyday Comfort.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp\u003eBring refreshing airflow to your everyday workspace with a compact desktop design made for modern work environments.\u003c\/p\u003e\n\u003cdiv class=\"duf-tags\"\u003e\n\u003cspan\u003ePersonal Airflow\u003c\/span\u003e \u003cspan\u003eCompact Design\u003c\/span\u003e \u003cspan\u003eUSB Powered\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 01 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"duf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/7_8641a282-e589-41d4-a54d-ea3526aa26a5.png?v=1790672957\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 01\n ========================== --\u003e\n\u003csection class=\"duf-content\"\u003e\n\u003cdiv class=\"duf-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"duf-label\"\u003ePERSONAL AIRFLOW FOR YOUR DESK\u003c\/div\u003e\n\u003ch2\u003eRefreshing Air. \u003cspan\u003eRight Where You Work.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe \u003cstrong\u003eDeskvara™ USB Desk Fan\u003c\/strong\u003e is designed for home offices, workstations, study areas, and other everyday desktop environments where personal airflow is useful.\u003c\/p\u003e\n\u003cp\u003eIts compact desktop format makes it easy to add refreshing airflow to your workspace without taking over the desk area you need for your laptop, monitor, and everyday office essentials.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n 3 FEATURE CARDS\n ========================== --\u003e\n\u003csection class=\"duf-feature-grid\"\u003e\u003c!-- CARD 01 --\u003e\n\u003carticle class=\"duf-feature-card\"\u003e\n\u003cdiv class=\"duf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\n \u003cpath d=\"M12 10c-1-4 1-7 4-7 2 3 1 6-2 8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M14 13c4 0 6 2 5 5-3 1-6-1-7-4\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M10 13c-2 4-5 5-7 3 0-3 2-5 6-5\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"duf-card-num\"\u003e01\u003c\/span\u003e\n\u003ch3\u003ePersonal Airflow\u003c\/h3\u003e\n\u003cp\u003eBring refreshing airflow directly to your everyday workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 02 --\u003e\n\u003carticle class=\"duf-feature-card\"\u003e\n\u003cdiv class=\"duf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003crect x=\"5\" y=\"7\" width=\"14\" height=\"10\" rx=\"2\"\u003e\u003c\/rect\u003e\n \u003cpath d=\"M8 20h8\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 17v3\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 10h6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 13h4\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"duf-card-num\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eCompact Desktop Design\u003c\/h3\u003e\n\u003cp\u003eFits easily beside your computer and everyday office accessories.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- CARD 03 --\u003e\n\u003carticle class=\"duf-feature-card\"\u003e\n\u003cdiv class=\"duf-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n \u003cpath d=\"M8 4v6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M16 4v6\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 10h12v2a6 6 0 0 1-12 0z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M12 18v3\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"duf-card-num\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eUSB Powered\u003c\/h3\u003e\n\u003cp\u003eConvenient USB-powered operation for everyday desk use.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 02 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"duf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/8_dd25f6e1-fb4f-4ef2-91f7-ec929a3abf9d.png?v=1790672958\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n SECTION 02\n ========================== --\u003e\n\u003csection class=\"duf-content\"\u003e\n\u003cdiv class=\"duf-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"duf-label\"\u003eCOMPACT · CONVENIENT · REFRESHING\u003c\/div\u003e\n\u003ch2\u003eSmall Footprint. \u003cspan\u003eRefreshing Difference.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eIts compact size fits easily beside your laptop, monitor, keyboard, or other office accessories, helping you add personal airflow without creating unnecessary desktop clutter.\u003c\/p\u003e\n\u003cp\u003eUSB-powered operation makes the fan convenient for everyday desk use and easy to integrate into the workspace you already use throughout your day.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n BENEFIT 01\n ========================== --\u003e\n\u003carticle class=\"duf-benefit duf-orange\"\u003e\n\u003cdiv class=\"duf-benefit-top\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e \u003csmall\u003eAIRFLOW\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eRefresh Your Everyday Workspace\u003c\/h3\u003e\n\u003cp\u003eAdd personal airflow to your desk while working, studying, browsing, or handling everyday tasks during warmer parts of the day.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 02\n ========================== --\u003e\n\u003carticle class=\"duf-benefit duf-green\"\u003e\n\u003cdiv class=\"duf-benefit-top\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e \u003csmall\u003eCOMPACT\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eComfort Without Taking Over Your Desk\u003c\/h3\u003e\n\u003cp\u003eThe compact desktop design fits naturally around your laptop, monitor, keyboard, and other everyday accessories while helping preserve valuable working space.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n BENEFIT 03\n ========================== --\u003e\n\u003carticle class=\"duf-benefit duf-purple\"\u003e\n\u003cdiv class=\"duf-benefit-top\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e \u003csmall\u003eCONVENIENCE\u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003eSimple USB Power for Everyday Use\u003c\/h3\u003e\n\u003cp\u003eUSB-powered operation provides a convenient way to integrate refreshing airflow into compatible desktop setups without adding unnecessary complexity to your workspace.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c!-- =========================\n DARK BRAND SECTION\n ========================== --\u003e\n\u003csection class=\"duf-dark-section\"\u003e\n\u003cdiv class=\"duf-dark-label\"\u003eCOMFORT DESIGNED AROUND YOUR WORKDAY\u003c\/div\u003e\n\u003ch2\u003eStay Focused. \u003cspan\u003eFeel More Comfortable.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSmall improvements can make an everyday workspace feel more enjoyable. Deskvara™ brings compact personal airflow to the desk, helping create a more comfortable environment for work, study, and everyday computer use.\u003c\/p\u003e\n\u003cdiv class=\"duf-dark-tags\"\u003e\n\u003cspan\u003eHome Office\u003c\/span\u003e \u003cspan\u003eWorkstation\u003c\/span\u003e \u003cspan\u003eStudy Area\u003c\/span\u003e \u003cspan\u003eEveryday Desk\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================\n IMAGE 03 — 1:1\n IMAGE ONLY\n ========================== --\u003e\n\u003cdiv class=\"duf-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/6_5400e66a-2d1f-42f3-8a48-634f7b324124.png?v=1790672957\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c!-- =========================\n FINAL\n ========================== --\u003e\n\u003csection class=\"duf-content duf-final\"\u003e\n\u003cdiv class=\"duf-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"duf-label\"\u003eEVERYDAY DESKTOP COMFORT\u003c\/div\u003e\n\u003ch2\u003eMake Your Workspace \u003cspan\u003eFeel More Refreshing.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are working through a warm afternoon or refreshing your home-office setup, \u003cstrong\u003eDeskvara™\u003c\/strong\u003e helps make your workspace feel more comfortable and enjoyable.\u003c\/p\u003e\n\u003cp\u003eCompact, convenient, and easy to position, the USB Desk Fan adds a practical layer of personal comfort to the desktop you use every day.\u003c\/p\u003e\n\u003cdiv class=\"duf-brand-line\"\u003e\n\u003cb\u003eDESKVARA™\u003c\/b\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eOFFICE 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 ROOT\n========================================================= *\/\n\n.duf-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.duf-page *{\n box-sizing:border-box;\n}\n\n\n.duf-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.duf-hero{\n\n max-width:900px;\n\n padding:\n 82px\n 0\n 54px;\n\n}\n\n\n.duf-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.duf-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.duf-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.duf-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.duf-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.duf-tags{\n\n display:flex;\n flex-wrap:wrap;\n\n gap:9px;\n\n margin-top:30px;\n\n}\n\n\n.duf-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 — STRICT 1:1\n========================================================= *\/\n\n.duf-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.duf-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.duf-content{\n\n max-width:880px;\n\n padding:\n 20px\n 0\n 70px;\n\n}\n\n\n.duf-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.duf-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.duf-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.duf-content h2 span{\n\n display:block;\n\n margin-top:4px;\n\n color:var(--orange);\n\n}\n\n\n.duf-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.duf-content p strong{\n color:var(--dark);\n}\n\n\n\/* =========================================================\n THREE FEATURE CARDS\n========================================================= *\/\n\n.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-orange{\n\n background:\n linear-gradient(\n 120deg,\n #a96835,\n #d59650\n );\n\n}\n\n\n.duf-green{\n\n background:\n linear-gradient(\n 120deg,\n #465d3e,\n #748a50\n );\n\n}\n\n\n.duf-purple{\n\n margin-bottom:85px;\n\n background:\n linear-gradient(\n 120deg,\n #3b4651,\n #6764a1\n );\n\n}\n\n\n.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-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.duf-dark-label{\n\n position:relative;\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.duf-dark-section h2{\n\n position:relative;\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.duf-dark-section h2 span{\n\n display:block;\n\n color:#efc080;\n\n}\n\n\n.duf-dark-section p{\n\n position:relative;\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.duf-dark-tags{\n\n position:relative;\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.duf-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.duf-final{\n\n padding-bottom:100px;\n\n}\n\n\n.duf-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.duf-brand-line b{\n\n flex:0 0 auto;\n\n font-size:13px;\n\n letter-spacing:.08em;\n\n}\n\n\n.duf-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.duf-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 .duf-wrap{\n padding:0 18px;\n }\n\n .duf-hero{\n padding:65px 0 45px;\n }\n\n .duf-hero h1{\n font-size:clamp(38px,8vw,55px);\n }\n\n .duf-feature-grid{\n gap:10px;\n }\n\n .duf-feature-card{\n\n min-height:210px;\n\n padding:\n 20px\n 17px;\n\n }\n\n .duf-feature-card h3{\n font-size:17px;\n }\n\n .duf-feature-card p{\n font-size:12px;\n }\n\n .duf-icon{\n\n width:39px;\n height:39px;\n\n margin-bottom:22px;\n\n }\n\n .duf-dark-section{\n padding:50px 35px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n .duf-wrap{\n padding:0 15px;\n }\n\n\n \/* HERO *\/\n\n .duf-hero{\n padding:48px 0 35px;\n }\n\n\n .duf-eyebrow{\n\n margin-bottom:17px;\n\n font-size:9px;\n\n letter-spacing:.12em;\n\n }\n\n\n .duf-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 .duf-hero h1 strong{\n\n margin-top:7px;\n\n font-size:37px;\n\n }\n\n\n .duf-hero p{\n\n margin-top:21px;\n\n font-size:15px;\n\n line-height:1.65;\n\n }\n\n\n .duf-tags{\n\n margin-top:23px;\n\n gap:6px;\n\n }\n\n\n .duf-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* IMAGE *\/\n\n .duf-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 .duf-content{\n\n padding:\n 8px\n 2px\n 52px;\n\n }\n\n\n .duf-number{\n\n margin-bottom:14px;\n\n font-size:9px;\n\n }\n\n\n .duf-label{\n\n margin-bottom:12px;\n\n font-size:9px;\n\n }\n\n\n .duf-content h2{\n\n margin-bottom:21px;\n\n font-size:31px;\n\n line-height:1.07;\n\n }\n\n\n .duf-content p{\n\n margin-bottom:14px;\n\n font-size:14px;\n\n line-height:1.7;\n\n }\n\n\n \/* KEEP THREE CARDS IN ONE ROW *\/\n\n .duf-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 .duf-feature-card{\n\n width:100%;\n\n min-width:0;\n min-height:185px;\n\n padding:\n 14px\n 10px;\n\n border-radius:15px;\n\n }\n\n\n .duf-icon{\n\n width:34px;\n height:34px;\n\n margin-bottom:18px;\n\n border-radius:9px;\n\n }\n\n\n .duf-icon svg{\n\n width:17px;\n height:17px;\n\n }\n\n\n .duf-card-num{\n\n margin-bottom:8px;\n\n font-size:8px;\n\n }\n\n\n .duf-feature-card h3{\n\n margin-bottom:9px;\n\n font-size:14px;\n\n line-height:1.13;\n\n }\n\n\n .duf-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 .duf-benefit{\n\n margin-bottom:10px;\n\n padding:\n 27px\n 22px;\n\n border-radius:18px;\n\n }\n\n\n .duf-purple{\n margin-bottom:58px;\n }\n\n\n .duf-benefit-top{\n margin-bottom:19px;\n }\n\n\n .duf-benefit h3{\n font-size:25px;\n }\n\n\n .duf-benefit p{\n\n font-size:13px;\n\n line-height:1.65;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .duf-dark-section{\n\n margin-bottom:58px;\n\n padding:\n 39px\n 24px;\n\n border-radius:21px;\n\n }\n\n\n .duf-dark-label{\n font-size:9px;\n }\n\n\n .duf-dark-section h2{\n font-size:31px;\n }\n\n\n .duf-dark-section p{\n font-size:14px;\n }\n\n\n .duf-dark-tags span{\n\n padding:\n 8px\n 11px;\n\n font-size:9px;\n\n }\n\n\n \/* FINAL *\/\n\n .duf-final{\n padding-bottom:70px;\n }\n\n\n .duf-brand-line{\n\n gap:10px;\n\n margin-top:35px;\n\n }\n\n\n .duf-brand-line b{\n font-size:11px;\n }\n\n\n .duf-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 .duf-wrap{\n padding:0 12px;\n }\n\n\n .duf-hero h1{\n font-size:35px;\n }\n\n\n .duf-hero h1 strong{\n font-size:33px;\n }\n\n\n .duf-feature-grid{\n gap:5px;\n }\n\n\n .duf-feature-card{\n\n min-height:178px;\n\n padding:\n 13px\n 8px;\n\n }\n\n\n .duf-feature-card h3{\n font-size:13px;\n }\n\n\n .duf-feature-card p{\n\n font-size:9px;\n\n line-height:1.5;\n\n }\n\n\n .duf-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":54209876328632,"sku":"Deskvara*1","price":25.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":54209876361400,"sku":"Deskvara*2","price":44.65,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":54209876394168,"sku":"Deskvara*4","price":79.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0985\/3281\/9128\/files\/1_017e509d-1801-4dbf-9722-bddab9ae6ed7.png?v=1790672870"}],"url":"https:\/\/deskvara.com\/collections\/shop.oembed","provider":"Deskvara™","version":"1.0","type":"link"}