{"product_id":"pull-out-drawer-spice-organizer","title":"Pull-Out Drawer Spice Organizer","description":"\u003csection class=\"drawer-spice-detail\"\u003e\n\n  \u003c!-- ======================================================\n       HERO\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-hero\"\u003e\n\n    \u003cdiv class=\"ds-eyebrow\"\u003e\n      SMART KITCHEN ORGANIZATION\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\n      Pull-Out Drawer Spice Organizer with Clear Clip-Lid Containers\n    \u003c\/h1\u003e\n\n    \u003cdiv class=\"ds-subtitle\"\u003e\n      Pull-Out Access · Clear Spice Containers · Clip-Lid Design · Organized Storage\n    \u003c\/div\u003e\n\n    \u003cp class=\"ds-intro\"\u003e\n      A space-smart spice storage system designed to keep everyday seasonings\n      neatly arranged inside one easy-access pull-out drawer. Clear containers\n      make ingredients simple to identify, while matching cream-tone clip lids\n      and an organized tray layout create a clean, coordinated kitchen setup.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       QUICK FEATURES\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-quick-grid\"\u003e\n\n    \u003cdiv class=\"ds-quick-card\"\u003e\n      \u003cspan class=\"ds-num\"\u003e01\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003ePull-Out Drawer Access\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Slide the entire organizer outward to bring every spice container\n          closer instead of reaching into the back of a deep cabinet.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-quick-card\"\u003e\n      \u003cspan class=\"ds-num\"\u003e02\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eClear Spice Containers\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Transparent container walls keep spice colors and remaining\n          quantities visible for faster ingredient selection.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-quick-card\"\u003e\n      \u003cspan class=\"ds-num\"\u003e03\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eIndividual Clip-Lid Design\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Each container has its own matching closure so individual spices\n          can be removed, opened, used, and returned separately.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-quick-card\"\u003e\n      \u003cspan class=\"ds-num\"\u003e04\u003c\/span\u003e\n\n      \u003cdiv\u003e\n        \u003cstrong\u003eStructured Grid Storage\u003c\/strong\u003e\n\n        \u003cp\u003e\n          Multiple jars sit in dedicated positions to create a more orderly\n          system than loose packets and mixed seasoning bottles.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 01\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e01\u003c\/span\u003e\n      \u003ch2\u003eBring Hidden Cabinet Spices Into Easy Reach\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-story-grid\"\u003e\n\n      \u003cdiv class=\"ds-story-title\"\u003e\n\n        \u003csmall\u003e\n          PULL · FIND · USE · RETURN\n        \u003c\/small\u003e\n\n        \u003ch3\u003e\n          Less Searching.\n          \u003cem\u003eMore Organized Cooking.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-story-copy\"\u003e\n\n        \u003cp\u003e\n          Traditional deep shelves can make smaller spice containers difficult\n          to see and reach. This organizer brings the entire collection forward\n          in one movement, helping keep frequently used seasonings accessible\n          during everyday cooking.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          The clear outer drawer and transparent containers maintain visibility\n          from multiple angles, while the repeated container shape creates a\n          cleaner and more deliberate storage layout.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 02\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e02\u003c\/span\u003e\n      \u003ch2\u003eDesigned Around Practical Kitchen Details\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-detail-grid\"\u003e\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          DRAWER\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Smooth Pull-Out Storage\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          The organizer slides forward from the cabinet so front and rear\n          containers can be accessed without rearranging the whole shelf.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          CONTAINERS\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Clear Rectangular Jars\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Straight-sided transparent containers make ingredients easy to\n          recognize while fitting closely together inside the tray.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          LIDS\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Matching Cream Clip Lids\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Coordinated lids create a consistent appearance across the full\n          collection and provide an easy-to-grab closure point.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          ORGANIZATION\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Dedicated Jar Positions\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Each container has a defined place, helping prevent smaller spice\n          jars from shifting around inside the cabinet.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          VISIBILITY\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          See Ingredients at a Glance\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Colorful spices remain visible through the clear walls, making it\n          easier to tell similar containers apart before opening them.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-detail-card\"\u003e\n\n        \u003cdiv class=\"ds-label\"\u003e\n          STYLE\n        \u003c\/div\u003e\n\n        \u003ch3\u003e\n          Warm Neutral Kitchen Finish\n        \u003c\/h3\u003e\n\n        \u003cp\u003e\n          Cream closures and transparent surfaces coordinate naturally with\n          warm wood cabinets, neutral countertops, and modern kitchens.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 03\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e03\u003c\/span\u003e\n      \u003ch2\u003eA Simple System for Everyday Spice Access\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-step-grid\"\u003e\n\n      \u003cdiv class=\"ds-step-card\"\u003e\n\n        \u003cdiv class=\"ds-step-no\"\u003e\n          01\n        \u003c\/div\u003e\n\n        \u003ch3\u003ePull\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Slide the organizer forward to bring the complete spice collection\n          into a comfortable viewing and reaching position.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-step-card\"\u003e\n\n        \u003cdiv class=\"ds-step-no\"\u003e\n          02\n        \u003c\/div\u003e\n\n        \u003ch3\u003eSelect\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Identify the ingredient through the transparent container and lift\n          out only the jar you need.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-step-card\"\u003e\n\n        \u003cdiv class=\"ds-step-no\"\u003e\n          03\n        \u003c\/div\u003e\n\n        \u003ch3\u003eReturn\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Place the container back into its original position and slide the\n          organizer neatly into the cabinet after cooking.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 04\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e04\u003c\/span\u003e\n      \u003ch2\u003eOrganize Different Ingredients in One Coordinated System\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-use-grid\"\u003e\n\n      \u003cdiv class=\"ds-use-card\"\u003e\n\n        \u003cspan class=\"ds-icon\"\u003e✦\u003c\/span\u003e\n\n        \u003ch3\u003eDried Chili\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Keep chili flakes, dried chili pieces, and colorful seasonings\n          visible and separated from neighboring ingredients.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-use-card\"\u003e\n\n        \u003cspan class=\"ds-icon\"\u003e○\u003c\/span\u003e\n\n        \u003ch3\u003eWhole Spices\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Store peppercorns, star anise, cumin, and other whole dry spices\n          in dedicated transparent containers.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-use-card\"\u003e\n\n        \u003cspan class=\"ds-icon\"\u003e△\u003c\/span\u003e\n\n        \u003ch3\u003eDried Herbs\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Organize dried leaves, rosemary, herb blends, and similar\n          ingredients while keeping their texture visible.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-use-card\"\u003e\n\n        \u003cspan class=\"ds-icon\"\u003e◇\u003c\/span\u003e\n\n        \u003ch3\u003eSeeds \u0026amp; Grains\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Use the matching containers for sesame, mustard seeds, small grains,\n          and other dry ingredients used regularly in cooking.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 05\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e05\u003c\/span\u003e\n      \u003ch2\u003eBuilt to Make Better Use of Cabinet Space\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-benefit-grid\"\u003e\n\n      \u003cdiv class=\"ds-benefit-card\"\u003e\n\n        \u003cstrong\u003e\n          Reach the Back More Easily\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Pulling the complete organizer forward reduces the need to reach\n          around containers stored behind the front row.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-benefit-card\"\u003e\n\n        \u003cstrong\u003e\n          Reduce Visual Clutter\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Matching containers replace a mixture of bags, packets, and\n          mismatched jars with a more coordinated storage system.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-benefit-card\"\u003e\n\n        \u003cstrong\u003e\n          Check Ingredients Faster\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          Transparent walls make it easier to identify ingredients and notice\n          when frequently used spices need refilling.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-benefit-card\"\u003e\n\n        \u003cstrong\u003e\n          Keep Containers Together\n        \u003c\/strong\u003e\n\n        \u003cp\u003e\n          A dedicated outer tray helps keep the entire spice collection\n          grouped together inside one cabinet zone.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 06\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e06\u003c\/span\u003e\n      \u003ch2\u003eDesigned for Kitchens That Need Better Organization\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-audience-grid\"\u003e\n\n      \u003cdiv class=\"ds-audience-title\"\u003e\n\n        \u003ch3\u003e\n          Hidden when stored.\n          \u003cem\u003eEasy to reach when needed.\u003c\/em\u003e\n        \u003c\/h3\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-tags\"\u003e\n        \u003cspan\u003eHome Cooking\u003c\/span\u003e\n        \u003cspan\u003eKitchen Cabinets\u003c\/span\u003e\n        \u003cspan\u003ePantry Storage\u003c\/span\u003e\n        \u003cspan\u003eSmall Kitchens\u003c\/span\u003e\n        \u003cspan\u003eMeal Prep\u003c\/span\u003e\n        \u003cspan\u003eSpice Organization\u003c\/span\u003e\n        \u003cspan\u003eDeep Shelves\u003c\/span\u003e\n        \u003cspan\u003eModern Kitchens\u003c\/span\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       SECTION 07\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-section\"\u003e\n\n    \u003cdiv class=\"ds-section-head\"\u003e\n      \u003cspan\u003e07\u003c\/span\u003e\n      \u003ch2\u003eProduct Design at a Glance\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"ds-spec-grid\"\u003e\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003ePRODUCT TYPE\u003c\/span\u003e\n        \u003cstrong\u003ePull-Out Spice Organizer\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003eSTORAGE STYLE\u003c\/span\u003e\n        \u003cstrong\u003eDrawer-Style Cabinet Organizer\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003eCONTAINERS\u003c\/span\u003e\n        \u003cstrong\u003eClear Rectangular Spice Jars\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003eLID STYLE\u003c\/span\u003e\n        \u003cstrong\u003eCream Clip-Lid Design\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003eBEST FOR\u003c\/span\u003e\n        \u003cstrong\u003eDry Spices, Herbs \u0026amp; Seasonings\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"ds-spec\"\u003e\n        \u003cspan\u003ePLACEMENT\u003c\/span\u003e\n        \u003cstrong\u003eCabinet \/ Pantry \/ Deep Shelf\u003c\/strong\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- ======================================================\n       FINAL\n  ======================================================= --\u003e\n  \u003cdiv class=\"ds-final\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cspan\u003e\n        SMART KITCHEN STORAGE\n      \u003c\/span\u003e\n\n      \u003ch2\u003e\n        Pull It Forward.\n        \u003cem\u003eFind Every Spice Faster.\u003c\/em\u003e\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cp\u003e\n      A coordinated pull-out storage system that keeps individual spice\n      containers visible, organized, and easier to reach inside your cabinet.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n\/* ==========================================================\n   PULL-OUT DRAWER SPICE ORGANIZER\n   RIGHT PRODUCT INFORMATION COLUMN SAFE\n========================================================== *\/\n\n.drawer-spice-detail{\n\n  --ds-cream:#E7C89D;\n  --ds-cream-light:#F7EDDE;\n  --ds-cream-soft:#FCF8F1;\n\n  --ds-wood:#B87838;\n  --ds-wood-dark:#7B4C27;\n  --ds-brown:#4F3523;\n\n  --ds-metal:#999184;\n\n  --ds-text:#64594D;\n  --ds-muted:#8A8074;\n  --ds-dark:#28231E;\n\n  --ds-line:rgba(123,76,39,.17);\n\n\n  width:100% !important;\n  max-width:100% !important;\n  min-width:0 !important;\n\n  margin:0 !important;\n\n  padding:\n    6px\n    0\n    28px !important;\n\n  box-sizing:\n    border-box !important;\n\n  background:\n    transparent !important;\n\n  color:\n    var(--ds-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  line-height:\n    1.7;\n\n  overflow:\n    hidden !important;\n\n  container-type:\n    inline-size;\n\n  container-name:\n    drawer-spice;\n}\n\n\n\/* ==========================================================\n   WIDTH PROTECTION\n========================================================== *\/\n\n.drawer-spice-detail,\n.drawer-spice-detail *{\n\n  box-sizing:\n    border-box !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n}\n\n\n.drawer-spice-detail img,\n.drawer-spice-detail svg,\n.drawer-spice-detail video{\n\n  max-width:\n    100% !important;\n\n  height:\n    auto !important;\n}\n\n\n\/* ==========================================================\n   TEXT SAFETY\n========================================================== *\/\n\n.drawer-spice-detail h1,\n.drawer-spice-detail h2,\n.drawer-spice-detail h3,\n.drawer-spice-detail h4,\n.drawer-spice-detail p,\n.drawer-spice-detail span,\n.drawer-spice-detail strong,\n.drawer-spice-detail em,\n.drawer-spice-detail div{\n\n  writing-mode:\n    horizontal-tb !important;\n\n  text-orientation:\n    mixed !important;\n\n  direction:\n    ltr !important;\n\n  word-break:\n    normal !important;\n\n  overflow-wrap:\n    normal !important;\n\n  hyphens:\n    none !important;\n}\n\n\n\/* ==========================================================\n   HERO\n========================================================== *\/\n\n.ds-hero{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    0\n    0\n    12px !important;\n\n  padding:\n    20px\n    18px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FFFDF9 0%,\n      #F7EBDD 100%\n    );\n\n  overflow:\n    hidden !important;\n}\n\n\n.ds-eyebrow{\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    10px !important;\n\n  color:\n    var(--ds-wood-dark);\n\n  font-size:\n    8px !important;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .16em;\n\n  text-transform:\n    uppercase;\n}\n\n\n\/* ==========================================================\n   BIG TITLE\n   优先一行\n========================================================== *\/\n\n.ds-hero h1{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(\n      12px,\n      3.55cqw,\n      23px\n    ) !important;\n\n  line-height:\n    1.08;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -.044em;\n\n  white-space:\n    nowrap !important;\n\n  word-break:\n    keep-all !important;\n\n  overflow-wrap:\n    normal !important;\n}\n\n\n.ds-subtitle{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    12px\n    0\n    0 !important;\n\n  color:\n    var(--ds-wood-dark);\n\n  font-size:\n    12px !important;\n\n  line-height:\n    1.5;\n\n  font-weight:\n    700;\n\n  white-space:\n    normal !important;\n\n  word-break:\n    normal !important;\n\n  overflow-wrap:\n    normal !important;\n}\n\n\n.ds-intro{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    16px\n    0\n    0 !important;\n\n  color:\n    var(--ds-text);\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1.7;\n\n  white-space:\n    normal !important;\n}\n\n\n\/* ==========================================================\n   QUICK FEATURES\n========================================================== *\/\n\n.ds-quick-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    8px !important;\n\n  margin:\n    0\n    0\n    12px !important;\n}\n\n\n.ds-quick-card{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    34px\n    minmax(0,1fr) !important;\n\n  gap:\n    11px !important;\n\n  padding:\n    15px\n    16px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    13px;\n\n  background:\n    #FFFFFF;\n\n  overflow:\n    hidden !important;\n}\n\n\n.ds-num{\n\n  color:\n    var(--ds-wood);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1.3;\n}\n\n\n.ds-quick-card strong{\n\n  display:\n    block;\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    4px !important;\n\n  color:\n    var(--ds-brown);\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.3;\n\n  white-space:\n    normal !important;\n}\n\n\n.ds-quick-card p{\n\n  width:\n    100% !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-text);\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.58;\n\n  white-space:\n    normal !important;\n}\n\n\n\/* ==========================================================\n   GENERAL SECTION\n========================================================== *\/\n\n.ds-section{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    0\n    0\n    12px !important;\n\n  padding:\n    20px\n    18px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    16px;\n\n  background:\n    #FFFFFF;\n\n  overflow:\n    hidden !important;\n}\n\n\n\/* ==========================================================\n   SECTION TITLE\n========================================================== *\/\n\n.ds-section-head{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    32px\n    minmax(0,1fr) !important;\n\n  align-items:\n    start !important;\n\n  gap:\n    10px !important;\n\n  margin:\n    0\n    0\n    17px !important;\n}\n\n\n.ds-section-head \u003e span{\n\n  display:\n    grid !important;\n\n  place-items:\n    center !important;\n\n  width:\n    32px !important;\n\n  height:\n    32px !important;\n\n  min-width:\n    32px !important;\n\n  border:\n    1px solid\n    var(--ds-wood);\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ds-wood-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    11px !important;\n}\n\n\n.ds-section-head h2{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    500;\n\n  white-space:\n    normal !important;\n\n  word-break:\n    normal !important;\n\n  overflow-wrap:\n    normal !important;\n}\n\n\n\/* ==========================================================\n   STORY\n========================================================== *\/\n\n.ds-story-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    12px !important;\n}\n\n\n.ds-story-title,\n.ds-story-copy{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n}\n\n\n.ds-story-title small{\n\n  display:\n    block;\n\n  margin:\n    0\n    0\n    8px !important;\n\n  color:\n    var(--ds-wood);\n\n  font-size:\n    8px !important;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .14em;\n}\n\n\n.ds-story-title h3{\n\n  width:\n    100% !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.18;\n\n  font-weight:\n    500;\n}\n\n\n.ds-story-title h3 em{\n\n  display:\n    inline !important;\n\n  color:\n    var(--ds-wood-dark);\n\n  font:\n    inherit;\n\n  font-style:\n    italic;\n}\n\n\n.ds-story-copy{\n\n  padding:\n    16px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    12px;\n\n  background:\n    var(--ds-cream-soft);\n}\n\n\n.ds-story-copy p{\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    12px !important;\n\n  color:\n    var(--ds-text);\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.65;\n}\n\n\n.ds-story-copy p:last-child{\n\n  margin-bottom:\n    0 !important;\n}\n\n\n\/* ==========================================================\n   DETAIL GRID\n========================================================== *\/\n\n.ds-detail-grid,\n.ds-use-grid,\n.ds-benefit-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    9px !important;\n}\n\n\n.ds-detail-card,\n.ds-use-card,\n.ds-benefit-card{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  padding:\n    16px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    12px;\n\n  background:\n    var(--ds-cream-soft);\n\n  overflow:\n    hidden !important;\n}\n\n\n.ds-label{\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    8px !important;\n\n  color:\n    var(--ds-wood);\n\n  font-size:\n    8px !important;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .14em;\n}\n\n\n.ds-detail-card h3,\n.ds-use-card h3{\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    6px !important;\n\n  color:\n    var(--ds-brown);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    16px !important;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    500;\n}\n\n\n.ds-detail-card p,\n.ds-use-card p,\n.ds-benefit-card p{\n\n  width:\n    100% !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-text);\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.6;\n}\n\n\n.ds-benefit-card strong{\n\n  display:\n    block;\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    5px !important;\n\n  color:\n    var(--ds-brown);\n\n  font-size:\n    15px !important;\n\n  line-height:\n    1.3;\n}\n\n\n\/* ==========================================================\n   STEP GRID\n========================================================== *\/\n\n.ds-step-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    9px !important;\n}\n\n\n.ds-step-card{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  padding:\n    16px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    12px;\n\n  background:\n    #FBF6EE;\n\n  overflow:\n    hidden !important;\n}\n\n\n.ds-step-no{\n\n  margin:\n    0\n    0\n    10px !important;\n\n  color:\n    var(--ds-wood);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    14px !important;\n}\n\n\n.ds-step-card h3{\n\n  margin:\n    0\n    0\n    6px !important;\n\n  color:\n    var(--ds-brown);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    16px !important;\n\n  font-weight:\n    500;\n}\n\n\n.ds-step-card p{\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-text);\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.6;\n}\n\n\n\/* ==========================================================\n   USE ICONS\n========================================================== *\/\n\n.ds-icon{\n\n  display:\n    grid !important;\n\n  place-items:\n    center !important;\n\n  width:\n    38px !important;\n\n  height:\n    38px !important;\n\n  margin:\n    0\n    0\n    10px !important;\n\n  border:\n    1px solid\n    var(--ds-wood);\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ds-wood-dark);\n\n  font-size:\n    15px !important;\n}\n\n\n\/* ==========================================================\n   AUDIENCE\n========================================================== *\/\n\n.ds-audience-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n\n  gap:\n    14px !important;\n}\n\n\n.ds-audience-title{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n}\n\n\n.ds-audience-title h3{\n\n  width:\n    100% !important;\n\n  margin:\n    0 !important;\n\n  color:\n    var(--ds-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.18;\n\n  font-weight:\n    500;\n}\n\n\n.ds-audience-title h3 em{\n\n  display:\n    inline !important;\n\n  color:\n    var(--ds-wood-dark);\n\n  font:\n    inherit;\n\n  font-style:\n    italic;\n}\n\n\n.ds-tags{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    flex !important;\n\n  flex-wrap:\n    wrap !important;\n\n  gap:\n    7px !important;\n}\n\n\n.ds-tags span{\n\n  width:\n    auto !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  padding:\n    7px\n    10px !important;\n\n  border:\n    1px solid\n    var(--ds-line);\n\n  border-radius:\n    999px;\n\n  background:\n    #FAF4EB;\n\n  color:\n    var(--ds-wood-dark);\n\n  font-size:\n    10px !important;\n\n  line-height:\n    1.2;\n\n  font-weight:\n    700;\n\n  white-space:\n    nowrap !important;\n}\n\n\n\/* ==========================================================\n   SPECS\n========================================================== *\/\n\n.ds-spec-grid{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    1fr !important;\n}\n\n\n.ds-spec{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    grid !important;\n\n  grid-template-columns:\n    minmax(0,.8fr)\n    minmax(0,1.2fr) !important;\n\n  align-items:\n    start !important;\n\n  gap:\n    12px !important;\n\n  padding:\n    13px\n    0 !important;\n\n  border-bottom:\n    1px solid\n    var(--ds-line);\n}\n\n\n.ds-spec span{\n\n  min-width:\n    0 !important;\n\n  color:\n    var(--ds-muted);\n\n  font-size:\n    8px !important;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .1em;\n}\n\n\n.ds-spec strong{\n\n  min-width:\n    0 !important;\n\n  color:\n    var(--ds-dark);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    500;\n\n  text-align:\n    right;\n\n  white-space:\n    normal !important;\n\n  word-break:\n    normal !important;\n}\n\n\n\/* ==========================================================\n   FINAL PANEL\n========================================================== *\/\n\n.ds-final{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  display:\n    block !important;\n\n  padding:\n    22px\n    18px !important;\n\n  border-radius:\n    16px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #4A301F 0%,\n      #81542E 100%\n    );\n\n  color:\n    #FFF8EE;\n\n  overflow:\n    hidden !important;\n}\n\n\n.ds-final \u003e div,\n.ds-final \u003e p{\n\n  width:\n    100% !important;\n\n  max-width:\n    100% !important;\n\n  min-width:\n    0 !important;\n}\n\n\n.ds-final span{\n\n  display:\n    block;\n\n  margin:\n    0\n    0\n    8px !important;\n\n  color:\n    #EAC79B;\n\n  font-size:\n    8px !important;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    .15em;\n}\n\n\n.ds-final h2{\n\n  width:\n    100% !important;\n\n  margin:\n    0\n    0\n    10px !important;\n\n  color:\n    #FFFFFF;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.18;\n\n  font-weight:\n    500;\n}\n\n\n.ds-final h2 em{\n\n  display:\n    inline !important;\n\n  color:\n    #EAC79B;\n\n  font:\n    inherit;\n\n  font-style:\n    italic;\n}\n\n\n.ds-final p{\n\n  width:\n    100% !important;\n\n  margin:\n    0 !important;\n\n  color:\n    rgba(255,255,255,.80);\n\n  font-size:\n    13px !important;\n\n  line-height:\n    1.62;\n}\n\n\n\/* ==========================================================\n   CONTAINER RESPONSIVE\n   只读取右侧商品详情栏本身宽度\n========================================================== *\/\n\n@container drawer-spice (min-width:520px){\n\n  .ds-quick-grid,\n  .ds-detail-grid,\n  .ds-use-grid,\n  .ds-benefit-grid,\n  .ds-spec-grid{\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      ) !important;\n  }\n\n\n  .ds-step-grid{\n\n    grid-template-columns:\n      repeat(\n        3,\n        minmax(0,1fr)\n      ) !important;\n  }\n\n\n  .ds-story-grid,\n  .ds-audience-grid{\n\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(0,1fr) !important;\n  }\n\n\n  .ds-final{\n\n    display:\n      grid !important;\n\n    grid-template-columns:\n      minmax(0,1.15fr)\n      minmax(0,.85fr) !important;\n\n    gap:\n      20px !important;\n\n    align-items:\n      end !important;\n  }\n\n}\n\n\n\/* ==========================================================\n   空间不足自动改单列\n========================================================== *\/\n\n@container drawer-spice (max-width:519px){\n\n  .ds-quick-grid,\n  .ds-detail-grid,\n  .ds-step-grid,\n  .ds-use-grid,\n  .ds-benefit-grid,\n  .ds-story-grid,\n  .ds-audience-grid,\n  .ds-spec-grid{\n\n    grid-template-columns:\n      1fr !important;\n  }\n\n}\n\n\n\/* ==========================================================\n   极窄商品信息栏保护\n========================================================== *\/\n\n@container drawer-spice (max-width:340px){\n\n  .ds-hero,\n  .ds-section,\n  .ds-final{\n\n    padding-left:\n      16px !important;\n\n    padding-right:\n      16px !important;\n  }\n\n\n  .ds-hero h1{\n\n    font-size:\n      18px !important;\n\n    white-space:\n      normal !important;\n\n    word-break:\n      normal !important;\n\n    overflow-wrap:\n      normal !important;\n  }\n\n\n  .ds-spec{\n\n    grid-template-columns:\n      1fr !important;\n\n    gap:\n      4px !important;\n  }\n\n\n  .ds-spec strong{\n\n    text-align:\n      left;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media screen and (max-width:700px){\n\n  .drawer-spice-detail{\n\n    width:\n      100% !important;\n\n    max-width:\n      100% !important;\n\n    min-width:\n      0 !important;\n\n    padding:\n      4px\n      0\n      24px !important;\n  }\n\n\n  .ds-hero h1{\n\n    font-size:\n      26px !important;\n\n    white-space:\n      normal !important;\n\n    word-break:\n      normal !important;\n\n    overflow-wrap:\n      normal !important;\n  }\n\n\n  .ds-subtitle{\n\n    font-size:\n      12px !important;\n  }\n\n}\n\n\u003c\/style\u003e","brand":"sinklora","offers":[{"title":"Default Title","offer_id":67494580977878,"sku":null,"price":32.54,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/5611\/2342\/files\/6d017d59-eb1f-421b-9325-3895355ecc7a.png?v=1790669377","url":"https:\/\/sinklora.com\/products\/pull-out-drawer-spice-organizer","provider":"sinklora","version":"1.0","type":"link"}