{"product_id":"under-desk-drawer","title":"Under Desk Drawer","description":"\u003cdiv class=\"deskly-future-wrapper\"\u003e\n\n\u003cstyle\u003e\n\/* ===== DESKLY FUTURE (TYPOGRAPHY HERO - FULL WIDTH \/ INDIVIDUAL SPEC CARDS) ===== *\/\n\n.deskly-future-wrapper {\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  color: #111827;\n  width: 100%;\n  background: #FFFFFF;\n  line-height: 1.5;\n  box-sizing: border-box;\n  -webkit-font-smoothing: antialiased;\n}\n\n.deskly-future-wrapper * {\n  box-sizing: border-box;\n}\n\n.df-container {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n  padding: 20px 0 40px; \n}\n\n\/* --- EDITORIAL HERO SECTION --- *\/\n.df-hero-minimal {\n  padding: 20px 0 50px;\n  text-align: left;\n}\n\n.df-hero-title {\n  font-size: 72px;\n  font-weight: 800;\n  color: #111827;\n  letter-spacing: -2px;\n  line-height: 1.05;\n  margin: 0 0 24px;\n}\n\n.df-hero-title span {\n  color: #0077D8;\n}\n\n.df-hero-desc {\n  font-size: 20px;\n  color: #4B5563;\n  max-width: 760px;\n  line-height: 1.6;\n  margin: 0 0 40px;\n}\n\n\/* Specs Grid under Hero *\/\n.df-hero-specs-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 30px;\n  padding-top: 36px;\n  border-top: 1px solid #E5E7EB;\n}\n\n.df-hs-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.df-hs-val {\n  font-size: 24px;\n  font-weight: 800;\n  color: #111827;\n  line-height: 1.2;\n}\n\n.df-hs-lbl {\n  font-size: 13px;\n  font-weight: 600;\n  color: #6B7280;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  margin-top: 6px;\n}\n\n\/* --- PAIN POINT SECTION --- *\/\n.df-pain-section {\n  padding: 40px 0;\n  margin-top: 10px;\n}\n\n.df-pain-title {\n  font-size: 48px;\n  font-weight: 800;\n  color: #111827;\n  letter-spacing: -1.5px;\n  line-height: 1.1;\n  margin: 0 0 16px;\n  max-width: 800px;\n}\n\n.df-pain-desc {\n  font-size: 22px;\n  color: #4B5563;\n  line-height: 1.6;\n  max-width: 760px;\n  margin: 0;\n}\n\n\/* --- IMAGES --- *\/\n.df-image {\n  width: 100%;\n  border-radius: 16px;\n  display: block;\n  margin: 40px 0;\n  object-fit: cover;\n}\n\n\/* --- BLUE CARDS GRID --- *\/\n.df-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  margin-bottom: 20px;\n}\n\n\/* Адаптация картинок внутри сетки *\/\n.df-grid-2 .df-image {\n  margin: 0;\n  height: 100%;\n}\n\n.df-grid-3 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-bottom: 30px;\n}\n\n.df-card {\n  background: #EBF5FF;\n  border: 1.5px solid #D1E8FF;\n  border-radius: 20px;\n  padding: 32px 28px;\n  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n\n.df-card:hover {\n  transform: translateY(-3px);\n  border-color: #93C5FD;\n  box-shadow: 0 10px 25px rgba(0, 119, 216, 0.12);\n}\n\n.df-icon-svg {\n  width: 36px;\n  height: 36px;\n  margin-bottom: 18px;\n  color: #111827;\n}\n\n.df-card-title {\n  font-size: 22px;\n  font-weight: 700;\n  color: #0077D8;\n  margin: 0 0 10px;\n  line-height: 1.25;\n}\n\n.df-card-text {\n  font-size: 16px;\n  color: #374151;\n  margin: 0;\n  line-height: 1.55;\n}\n\n\/* --- TECHNICAL SPECS (SEPARATE CARDS WITH BRIGHT BLUE BORDER) --- *\/\n.df-specs-title {\n  font-size: 32px;\n  font-weight: 800;\n  color: #111827;\n  margin: 40px 0 20px;\n  letter-spacing: -1px;\n}\n\n.df-specs-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.df-spec-card {\n  background: #FFFFFF;\n  border: 1.5px solid #0077D8;\n  border-radius: 16px;\n  padding: 18px 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n\n.df-spec-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 20px rgba(0, 119, 216, 0.25);\n}\n\n.df-spec-name {\n  font-size: 17px;\n  font-weight: 700;\n  color: #0077D8;\n}\n\n.df-spec-value {\n  font-size: 16px;\n  font-weight: 600;\n  color: #111827;\n  text-align: right;\n  max-width: 65%;\n}\n\n\/* --- MOBILE ADAPTATION --- *\/\n@media (max-width: 768px) {\n  .df-container {\n    padding: 10px 0 30px;\n  }\n  \n  .df-hero-minimal {\n    padding: 0 0 40px;\n  }\n  \n  .df-hero-title {\n    font-size: 46px;\n    letter-spacing: -1.5px;\n    margin-bottom: 18px;\n  }\n  \n  .df-hero-desc {\n    font-size: 17px;\n    line-height: 1.6;\n    margin-bottom: 30px;\n  }\n\n  .df-hero-specs-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 24px;\n    padding-top: 24px;\n  }\n\n  \/* Mobile Pain Point *\/\n  .df-pain-section {\n    padding: 20px 0 30px;\n  }\n  .df-pain-title {\n    font-size: 32px;\n    letter-spacing: -1px;\n    margin-bottom: 12px;\n  }\n  .df-pain-desc {\n    font-size: 18px;\n  }\n\n  .df-grid-2, \n  .df-grid-3 {\n    grid-template-columns: 1fr;\n    gap: 12px;\n    margin-bottom: 12px;\n  }\n  \n  .df-card {\n    padding: 24px 20px;\n    border-radius: 20px;\n  }\n\n  .df-icon-svg {\n    width: 32px;\n    height: 32px;\n    margin-bottom: 14px;\n  }\n\n  .df-card-title {\n    font-size: 20px;\n    margin-bottom: 8px;\n  }\n\n  .df-card-text {\n    font-size: 15px;\n  }\n\n  .df-image {\n    margin: 24px 0;\n  }\n\n  .df-grid-2 .df-image {\n    margin: 12px 0;\n  }\n  \n  .df-specs-title {\n    font-size: 26px;\n    margin: 30px 0 16px;\n  }\n  \n  .df-spec-card {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 6px;\n    padding: 16px 20px;\n    border-radius: 14px;\n  }\n  \n  .df-spec-name {\n    font-size: 16px;\n  }\n\n  .df-spec-value {\n    font-size: 15px;\n    text-align: left;\n    max-width: 100%;\n    color: #374151;\n  }\n}\n\u003c\/style\u003e\n\n  \u003cdiv class=\"df-container\"\u003e\n    \n    \u003cdiv class=\"df-hero-minimal\"\u003e\n      \u003ch1 class=\"df-hero-title\"\u003eUnder Desk\u003cbr\u003e\u003cspan\u003eDrawer Organizer\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"df-hero-desc\"\u003eA seamless blend of hidden storage and clean minimalist design. Tired of a messy desk cluttered with pens and accessories?\u003c\/p\u003e\n      \n      \u003cdiv class=\"df-hero-specs-grid\"\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eHidden\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eStorage Design\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eSilent\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eSliding Rails\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eDual\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eMount System\u003c\/span\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"df-hs-item\"\u003e\n          \u003cspan class=\"df-hs-val\"\u003eClutter\u003c\/span\u003e \u003cspan class=\"df-hs-lbl\"\u003eFree Setup\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"df-pain-section\"\u003e\n      \u003ch2 class=\"df-pain-title\"\u003eMessy desk cluttered with loose items?\u003c\/h2\u003e\n      \u003cp class=\"df-pain-desc\"\u003eTuck your stationery out of sight and instantly reclaim your workspace surface.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \n    \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer-5.webp?v=1786705650\" alt=\"Cluttered desk versus clean desk\"\u003e\n    \n    \u003ch2 class=\"df-specs-title\"\u003eWhy You'll Love It\u003c\/h2\u003e\n    \n    \u003cdiv class=\"df-grid-2\"\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eHidden Storage Solution\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eMounts securely underneath your desk, instantly turning wasted space into a sleek hidden drawer for your daily essentials.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer_1.webp?v=1786639258\" alt=\"Hidden under desk storage\"\u003e\n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eClutter-Free Desktop\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eInstantly clears pens, sticky notes, and accessories off your work surface for a beautifully clean and focused environment.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer_2.webp?v=1786639258\" alt=\"Clutter-free workspace\"\u003e\n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eSmooth \u0026amp; Silent Slide\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eBuilt with premium, high-quality sliding rails that guarantee effortless, quiet opening and closing every single time.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer_3.webp?v=1786639259\" alt=\"Smooth sliding track\"\u003e\n      \n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eRock-Solid Mount\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eFeatures heavy-duty mounting options (adhesive and screws) designed to hold incredibly strong without sagging or shaking.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cimg class=\"df-image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer_4.webp?v=1786639259\" alt=\"Solid mount setup\"\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"df-specs-title\"\u003ePerfect For\u003c\/h2\u003e\n    \u003cdiv class=\"df-grid-3\"\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eMinimalist Workspaces\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eKeep your desktop completely clear of small items and visual distractions.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eHome \u0026amp; Office Desks\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eAdd discreet, professional storage to any wooden or composite desk surface.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-card\"\u003e\n        \u003csvg class=\"df-icon-svg\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003ch3 class=\"df-card-title\"\u003eProductivity Seekers\u003c\/h3\u003e\n        \u003cp class=\"df-card-text\"\u003eHave your favorite pens and tools always within arm's reach without the mess.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003ch2 class=\"df-specs-title\"\u003eKey Specs at a Glance\u003c\/h2\u003e\n    \u003cdiv class=\"df-specs-grid\"\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eMaterial\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003ePremium durable ABS plastic with smooth sliding tracks\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eInstallation\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eDual-mounting (heavy-duty adhesive tape \u0026amp; secure screws included)\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eDesign\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eSlim, low-profile hidden under-desk compartment\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"df-spec-card\"\u003e\n        \u003cdiv class=\"df-spec-name\"\u003eCapacity\u003c\/div\u003e\n        \u003cdiv class=\"df-spec-value\"\u003eLength 56 cm, Width 22 cm, designed for daily stationery, tech accessories\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Deskly","offers":[{"title":"Black","offer_id":53907250905402,"sku":null,"price":31.0,"currency_code":"GBP","in_stock":false},{"title":"White","offer_id":53907250938170,"sku":null,"price":31.0,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/0767\/7242\/files\/under-desk-drawer_2_56c47460-a58d-4012-9db1-0ed2cd876a37.webp?v=1791212466","url":"https:\/\/desklystore.com\/products\/under-desk-drawer","provider":"Deskly","version":"1.0","type":"link"}