{"product_id":"totem-brass-cabinet-handles","title":"Totem Brass Cabinet Handles","description":"\u003cdiv id=\"totem-cabinet-handles-detail\" class=\"pcd-detail\"\u003e\n  \u003cstyle\u003e\n    #totem-cabinet-handles-detail {\n      --pcd-ink: #171f1a;\n      --pcd-muted: #58645d;\n      --pcd-paper: #edf3ee;\n      --pcd-panel: #fffdf8;\n      --pcd-line: #cbd8cf;\n      --pcd-accent: #25503c;\n      --pcd-progress: rgba(31, 68, 51, 1);\n      --pcd-dark: #101010;\n      color: var(--pcd-ink);\n      background: var(--pcd-paper);\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    #totem-cabinet-handles-detail * {\n      box-sizing: border-box;\n      min-width: 0;\n    }\n\n    #totem-cabinet-handles-detail figure,\n    #totem-cabinet-handles-detail .pcd-frame {\n      display: block;\n      margin: 0;\n      padding: 0;\n      line-height: 0;\n      overflow: hidden;\n      background: #efe7dc;\n    }\n\n    #totem-cabinet-handles-detail img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      object-fit: cover;\n    }\n\n    #totem-cabinet-handles-detail .pcd-section {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 64px 22px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-label {\n      margin: 0 0 12px;\n      color: var(--pcd-accent);\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    #totem-cabinet-handles-detail h2 {\n      margin: 0;\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-size: clamp(31px, 4vw, 48px);\n      line-height: 1.05;\n      font-weight: 500;\n      letter-spacing: 0;\n    }\n\n    #totem-cabinet-handles-detail h3 {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.25;\n    }\n\n    #totem-cabinet-handles-detail p {\n      margin: 0;\n      color: var(--pcd-muted);\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    #totem-cabinet-handles-detail .pcd-intro-grid,\n    #totem-cabinet-handles-detail .pcd-info-grid,\n    #totem-cabinet-handles-detail .pcd-scene-grid {\n      display: grid;\n      align-items: center;\n      gap: 34px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-intro-grid {\n      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    }\n\n    #totem-cabinet-handles-detail .pcd-info-grid {\n      grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);\n      gap: 36px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-scene-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);\n    }\n\n    #totem-cabinet-handles-detail .pcd-hero,\n    #totem-cabinet-handles-detail .pcd-scene-main {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-cabinet-handles-detail .pcd-copy {\n      max-width: 520px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-copy p {\n      margin-top: 18px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-detail-rail,\n    #totem-cabinet-handles-detail .pcd-scene-strip {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 26px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-scene-strip {\n      margin-top: 18px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-card {\n      background: var(--pcd-panel);\n      border: 1px solid var(--pcd-line);\n    }\n\n    #totem-cabinet-handles-detail .pcd-card figure,\n    #totem-cabinet-handles-detail .pcd-scene-strip figure {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-cabinet-handles-detail .pcd-card-body {\n      padding: 13px 13px 15px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-card-body p {\n      margin-top: 6px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles-detail .pcd-info-band {\n      background: var(--pcd-dark);\n      color: #fffdf8;\n    }\n\n    #totem-cabinet-handles-detail .pcd-info-band .pcd-label,\n    #totem-cabinet-handles-detail .pcd-info-band p {\n      color: rgba(255, 253, 248, 0.74);\n    }\n\n    #totem-cabinet-handles-detail .pcd-info-band h2,\n    #totem-cabinet-handles-detail .pcd-info-band h3 {\n      color: #fffdf8;\n    }\n\n    #totem-cabinet-handles-detail .pcd-specs {\n      margin-top: 22px;\n      border-top: 1px solid rgba(255, 253, 248, 0.2);\n    }\n\n    #totem-cabinet-handles-detail .pcd-spec-row {\n      display: grid;\n      grid-template-columns: 150px 1fr;\n      gap: 16px;\n      padding: 13px 0;\n      border-bottom: 1px solid rgba(255, 253, 248, 0.18);\n    }\n\n    #totem-cabinet-handles-detail .pcd-spec-row span {\n      color: rgba(255, 253, 248, 0.66);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    #totem-cabinet-handles-detail .pcd-spec-row strong {\n      color: #fffdf8;\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles-detail .pcd-dimensions {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-dimensions figure {\n      aspect-ratio: 1 \/ 1;\n      background: #fff;\n      border: 1px solid rgba(255, 253, 248, 0.24);\n    }\n\n    #totem-cabinet-handles-detail .pcd-usage-points {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 24px;\n      border-top: 1px solid var(--pcd-line);\n      padding-top: 18px;\n    }\n\n    #totem-cabinet-handles-detail .pcd-usage-points h3 {\n      padding-top: 10px;\n      border-top: 1px solid var(--pcd-line);\n    }\n\n    #totem-cabinet-handles-detail .pcd-usage-points p {\n      margin-top: 7px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles-detail .pcd-carousel-controls,\n    #totem-cabinet-handles-detail .pcd-progress,\n    #totem-cabinet-handles-detail .pcd-slide-control {\n      display: none;\n    }\n\n    #totem-cabinet-handles-detail .pcd-carousel-state {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    #totem-cabinet-handles-detail .pcd-carousel-form {\n      display: contents;\n    }\n\n    @media (max-width: 900px) {\n      #totem-cabinet-handles-detail .pcd-section {\n        padding: 42px 16px;\n      }\n\n      #totem-cabinet-handles-detail .pcd-intro-grid,\n      #totem-cabinet-handles-detail .pcd-info-grid,\n      #totem-cabinet-handles-detail .pcd-scene-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-cabinet-handles-detail .pcd-copy {\n        max-width: none;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-rail,\n      #totem-cabinet-handles-detail .pcd-scene-strip {\n        display: grid;\n        gap: 14px;\n        overflow: visible;\n        scroll-snap-type: none;\n        padding-bottom: 0;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-rail .pcd-card,\n      #totem-cabinet-handles-detail .pcd-scene-strip figure {\n        display: none;\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      #totem-cabinet-handles-detail .pcd-carousel-controls {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        gap: 14px;\n        margin-top: 22px;\n      }\n\n      #totem-cabinet-handles-detail .pcd-arrows {\n        display: flex;\n        gap: 8px;\n      }\n\n      #totem-cabinet-handles-detail .pcd-progress {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        height: 5px;\n        max-width: 190px;\n        background: rgba(31, 68, 51, 0.18);\n        overflow: hidden;\n      }\n\n      #totem-cabinet-handles-detail .pcd-progress span {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 25%;\n        height: 100%;\n        background: var(--pcd-progress);\n        transition: left 220ms ease, width 220ms ease;\n      }\n\n      #totem-cabinet-handles-detail .pcd-slide-control {\n        display: none !important;\n        align-items: center;\n        justify-content: center;\n        width: 38px;\n        height: 38px;\n        border: 1px solid rgba(31, 68, 51, 0.38);\n        background: rgba(255, 253, 248, 0.9);\n        color: var(--pcd-progress);\n        font-size: 22px;\n        line-height: 1;\n        text-decoration: none;\n        user-select: none;\n        cursor: pointer;\n      }\n\n      #totem-cabinet-handles-detail .pcd-slide-control input {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        opacity: 0;\n        pointer-events: none;\n      }\n    }\n\n    @media (min-width: 621px) and (max-width: 900px) {\n      #totem-cabinet-handles-detail .pcd-detail-rail,\n      #totem-cabinet-handles-detail .pcd-scene-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(4),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"] {\n        display: flex !important;\n      }\n    }\n\n    @media (max-width: 620px) {\n      #totem-cabinet-handles-detail .pcd-section {\n        padding: 42px 14px;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-rail,\n      #totem-cabinet-handles-detail .pcd-scene-strip,\n      #totem-cabinet-handles-detail .pcd-dimensions,\n      #totem-cabinet-handles-detail .pcd-usage-points {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-cabinet-handles-detail .pcd-spec-row {\n        grid-template-columns: 1fr;\n        gap: 4px;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n        left: 0;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n        left: 25%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 50%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 75%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-cabinet-handles-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-cabinet-handles-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"] {\n        display: flex !important;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003csection class=\"pcd-section\"\u003e\n    \u003cdiv class=\"pcd-intro-grid\"\u003e\n      \u003cfigure class=\"pcd-frame pcd-hero\"\u003e\n        \u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/8f4b85767e42d456a0eef0e7c8b9d211.webp\" alt=\"Large Totem polished brass snail cabinet handle mounted on a dark cabinet panel\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv class=\"pcd-copy\"\u003e\n        \u003cp class=\"pcd-label\"\u003eProduct Introduction \u0026amp; Details\u003c\/p\u003e\n        \u003ch2\u003eA sculptural brass pull with an antique cabinet soul\u003c\/h2\u003e\n        \u003cp\u003eTotem turns a practical single-hole cabinet pull into a small piece of hardware sculpture. The polished brass snail form brings a warm metallic accent to drawers, sideboards, vanities, and display cabinets while keeping the grip compact and easy to use.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pcd-carousel pcd-detail-carousel\"\u003e\n      \u003cform class=\"pcd-carousel-form\" autocomplete=\"off\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e\n\n        \u003cdiv class=\"pcd-carousel-controls\" aria-hidden=\"false\"\u003e\n          \u003cdiv class=\"pcd-progress\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n          \u003cdiv class=\"pcd-arrows\"\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"1\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"1\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"1\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"1\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"2\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"2\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"2\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"2\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"3\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"3\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"3\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"3\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"4\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"4\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"4\" role=\"button\" aria-label=\"Previous detail image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"4\" role=\"button\" aria-label=\"Next detail image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-detail-state\"\u003e›\u003c\/label\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"pcd-detail-rail\"\u003e\n          \u003carticle class=\"pcd-card\"\u003e\n            \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/08fa6746c67d633f505f300fd6fc04fd.webp\" alt=\"Close-up of the spiral shell texture on the brass snail cabinet handle\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eSpiral Shell Relief\u003c\/h3\u003e\n              \u003cp\u003eRaised ridges catch light across the shell, giving the small handle a layered, collectible feel.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"pcd-card\"\u003e\n            \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/18958ab13c93e59e06a0eea023324d6d.webp\" alt=\"Close-up of hammered brass texture along the snail handle body\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eHammered Brass Body\u003c\/h3\u003e\n              \u003cp\u003eSubtle surface texture keeps the pure copper brass finish from feeling flat or overly polished.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"pcd-card\"\u003e\n            \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/86060a74154eccfce80c1d18ac3293b4.webp\" alt=\"Close-up of the forked tail grip on the brass snail cabinet handle\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eForked Grip End\u003c\/h3\u003e\n              \u003cp\u003eThe tail end forms a small two-prong pull, sized for a comfortable fingertip grip.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/article\u003e\n          \u003carticle class=\"pcd-card\"\u003e\n            \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/882922c0eae2759f144cd58b5b957823.webp\" alt=\"Mounted usage detail of the brass snail cabinet handle on a cabinet panel\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eSingle-Hole Mounting\u003c\/h3\u003e\n              \u003cp\u003eDesigned as a compact single-hole accent for cabinet doors, drawers, and small furniture fronts.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/article\u003e\n        \u003c\/div\u003e\n      \u003c\/form\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pcd-info-band\"\u003e\n    \u003cdiv class=\"pcd-section\"\u003e\n      \u003cdiv class=\"pcd-info-grid\"\u003e\n        \u003cdiv\u003e\n          \u003cp class=\"pcd-label\"\u003eDimensions \u0026amp; Specifications\u003c\/p\u003e\n          \u003ch2\u003eCompact hardware, measured for furniture scale\u003c\/h2\u003e\n          \u003cp\u003eChoose Small or Large depending on the cabinet proportion. Both sizes share the same brass finish, pure copper material, and single-hole mounting style.\u003c\/p\u003e\n          \u003cdiv class=\"pcd-specs\"\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003ePure copper with brass finish\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eColor\u003c\/span\u003e\u003cstrong\u003eBrass\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eSizes\u003c\/span\u003e\u003cstrong\u003eSmall: L 4.2 cm x W 2 cm x H 2 cm \/ L 1.7 in x W 0.8 in x H 0.8 in; Large: L 5.2 cm x W 2.2 cm x H 2.2 cm \/ L 2.1 in x W 0.9 in x H 0.9 in\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eMounting\u003c\/span\u003e\u003cstrong\u003eSingle hole\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\u003cstrong\u003e0.042 kg \/ 42 g\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eSet Options\u003c\/span\u003e\u003cstrong\u003eIndividual or 2-piece set\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pcd-dimensions\"\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/090a4cba45936ecad543adafa66f3cf8.webp\" alt=\"Totem cabinet handle dimension diagram for Small and Large sizes\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/3b9e5d49a42ecd382fd9ec1784ce941e.webp\" alt=\"Large Totem cabinet handle dimension diagram showing 5.2 cm length, 2.2 cm width, and 2.2 cm height\"\u003e\u003c\/figure\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"pcd-section\"\u003e\n    \u003cdiv class=\"pcd-scene-grid\"\u003e\n      \u003cfigure class=\"pcd-frame pcd-scene-main\"\u003e\n        \u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/e8d47d17cfa19759820ca0df1e69dc08.webp\" alt=\"Totem brass snail cabinet handle shown in a styled cabinet scene\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pcd-label\"\u003eWhere It Works Best\u003c\/p\u003e\n        \u003ch2\u003eFor cabinets that deserve a small focal point\u003c\/h2\u003e\n        \u003cp\u003eUse Totem where the handle can be seen up close: bedside tables, console drawers, bathroom vanities, glass-front cabinets, or a restored vintage piece. The warm brass works especially well against dark wood, black finishes, and natural walnut tones.\u003c\/p\u003e\n        \u003cdiv class=\"pcd-usage-points\"\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eCabinet Doors\u003c\/h3\u003e\n            \u003cp\u003eA single-hole pull adds character without needing a wide handle footprint.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eDrawers \u0026amp; Vanities\u003c\/h3\u003e\n            \u003cp\u003eThe sculptural shape makes small drawers feel intentional rather than plain.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eMix or Repeat\u003c\/h3\u003e\n            \u003cp\u003eUse one as a focal accent or repeat pairs across matching furniture fronts.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"pcd-carousel pcd-scene-carousel\"\u003e\n      \u003cform class=\"pcd-carousel-form\" autocomplete=\"off\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e\n\n        \u003cdiv class=\"pcd-carousel-controls\" aria-hidden=\"false\"\u003e\n          \u003cdiv class=\"pcd-progress\"\u003e\u003cspan\u003e\u003c\/span\u003e\u003c\/div\u003e\n          \u003cdiv class=\"pcd-arrows\"\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"1\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"1\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"1\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"1\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"2\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"2\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"2\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"2\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"3\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"3\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"3\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"3\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"4\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-tablet-control\" data-state=\"4\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"4\" role=\"button\" aria-label=\"Previous scene image\"\u003e\u003cinput class=\"pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabel class=\"pcd-slide-control pcd-mobile-control\" data-state=\"4\" role=\"button\" aria-label=\"Next scene image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-detail-scene-state\"\u003e›\u003c\/label\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"pcd-scene-strip\"\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/e8d47d17cfa19759820ca0df1e69dc08.webp\" alt=\"Totem brass snail cabinet handle scene image 1\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/c51383a0bbbc0cf939405699c7e0ec9c.webp\" alt=\"Totem brass snail cabinet handle scene image 2\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/757098685814c0ab6c69d3d45d058e86.webp\" alt=\"Totem brass snail cabinet handle scene image 3\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/22\/f6169b7ae5f1e5a690202d4dd5caabd3.webp\" alt=\"Totem brass snail cabinet handle scene image 4\"\u003e\u003c\/figure\u003e\n        \u003c\/div\u003e\n      \u003c\/form\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"oodioo","offers":[{"title":"Small \/ Brass \/ Individual","offer_id":48698290176157,"sku":"TOTEM-SMALL-IND-BRASS","price":45.0,"currency_code":"USD","in_stock":true},{"title":"Small \/ Brass \/ 2-Piece Set","offer_id":48698290208925,"sku":"TOTEM-SMALL-2PC-BRASS","price":87.0,"currency_code":"USD","in_stock":true},{"title":"Large \/ Brass \/ Individual","offer_id":48698290241693,"sku":"TOTEM-LARGE-IND-BRASS","price":47.0,"currency_code":"USD","in_stock":true},{"title":"Large \/ Brass \/ 2-Piece Set","offer_id":48698290274461,"sku":"TOTEM-LARGE-2PC-BRASS","price":91.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4373\/9037\/files\/33fccc21fb5733ffdfdf47d0ed4e6919.webp?v=1784798577","url":"https:\/\/oodioo.com\/products\/totem-brass-cabinet-handles","provider":"Oodioo","version":"1.0","type":"link"}