{"product_id":"totem-dolphin-and-wave-metal-cabinet-handles-for-drawers-and-cabinets","title":"Totem Dolphin and Wave Metal Cabinet Handles for Drawers and Cabinets","description":"\u003cdiv id=\"totem-cabinet-handles\" class=\"pcd-detail\"\u003e\n  \u003cstyle\u003e\n    #totem-cabinet-handles {\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 * {\n      box-sizing: border-box;\n      min-width: 0;\n    }\n\n    #totem-cabinet-handles figure,\n    #totem-cabinet-handles .pcd-frame {\n      display: block;\n      margin: 0;\n      padding: 0;\n      line-height: 0;\n      overflow: hidden;\n      background: transparent;\n    }\n\n    #totem-cabinet-handles img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      object-fit: cover;\n    }\n\n    #totem-cabinet-handles figure \u003e img,\n    #totem-cabinet-handles .pcd-frame \u003e img {\n      display: block !important;\n      width: 100% !important;\n      height: 100% !important;\n      max-width: none !important;\n      max-height: none !important;\n      margin: 0 !important;\n      padding: 0 !important;\n      border: 0 !important;\n      object-fit: cover !important;\n      vertical-align: top !important;\n    }\n\n    #totem-cabinet-handles .pcd-section {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 64px 22px;\n    }\n\n    #totem-cabinet-handles .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 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 h3 {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.25;\n    }\n\n    #totem-cabinet-handles p {\n      margin: 0;\n      color: var(--pcd-muted);\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    #totem-cabinet-handles .pcd-intro-grid,\n    #totem-cabinet-handles .pcd-info-grid,\n    #totem-cabinet-handles .pcd-scene-grid {\n      display: grid;\n      align-items: center;\n      gap: 34px;\n    }\n\n    #totem-cabinet-handles .pcd-intro-grid {\n      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    }\n\n    #totem-cabinet-handles .pcd-info-grid {\n      grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);\n      gap: 36px;\n    }\n\n    #totem-cabinet-handles .pcd-scene-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);\n    }\n\n    #totem-cabinet-handles .pcd-hero,\n    #totem-cabinet-handles .pcd-scene-main {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-cabinet-handles .pcd-copy {\n      max-width: 520px;\n    }\n\n    #totem-cabinet-handles .pcd-copy p {\n      margin-top: 18px;\n    }\n\n    #totem-cabinet-handles .pcd-detail-rail,\n    #totem-cabinet-handles .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 .pcd-scene-strip {\n      margin-top: 26px;\n    }\n\n    #totem-cabinet-handles .pcd-card {\n      background: var(--pcd-panel);\n      border: 1px solid var(--pcd-line);\n    }\n\n    #totem-cabinet-handles .pcd-card figure,\n    #totem-cabinet-handles .pcd-scene-strip figure {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-cabinet-handles .pcd-card-body {\n      padding: 13px 13px 15px;\n    }\n\n    #totem-cabinet-handles .pcd-card-body p {\n      margin-top: 6px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles .pcd-info-band {\n      background: var(--pcd-dark);\n      color: #fffdf8;\n    }\n\n    #totem-cabinet-handles .pcd-info-band .pcd-label,\n    #totem-cabinet-handles .pcd-info-band p {\n      color: rgba(255, 253, 248, 0.74);\n    }\n\n    #totem-cabinet-handles .pcd-info-band h2,\n    #totem-cabinet-handles .pcd-info-band h3 {\n      color: #fffdf8;\n    }\n\n    #totem-cabinet-handles .pcd-specs {\n      margin-top: 22px;\n      border-top: 1px solid rgba(255, 253, 248, 0.2);\n    }\n\n    #totem-cabinet-handles .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 .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 .pcd-spec-row strong {\n      color: #fffdf8;\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel {\n      margin-top: 0;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel .pcd-carousel-controls {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 14px;\n      margin-bottom: 18px;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel .pcd-progress {\n      position: relative;\n      display: block;\n      flex: 1 1 auto;\n      height: 5px;\n      max-width: 190px;\n      background: rgba(255, 253, 248, 0.2);\n      overflow: hidden;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel .pcd-progress span {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 50%;\n      height: 100%;\n      background: #fffdf8;\n      transition: left 220ms ease, width 220ms ease;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel .pcd-arrows {\n      display: flex;\n      gap: 8px;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel .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(255, 253, 248, 0.42);\n      background: rgba(255, 253, 248, 0.08);\n      color: #fffdf8;\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 .pcd-dimension-carousel .pcd-slide-control input {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    #totem-cabinet-handles .pcd-dimensions {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 12px;\n    }\n\n    #totem-cabinet-handles .pcd-dimensions figure {\n      display: none;\n      aspect-ratio: 1 \/ 1;\n      background: #fff;\n      border: 1px solid rgba(255, 253, 248, 0.24);\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(1),\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(2) {\n      display: block;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n      left: 0;\n      width: 50%;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n      left: 50%;\n      width: 50%;\n    }\n\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimension-control[data-state=\"1\"],\n    #totem-cabinet-handles .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimension-control[data-state=\"2\"] {\n      display: flex !important;\n    }\n\n    #totem-cabinet-handles .pcd-usage-points {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 14px;\n      margin-top: 24px;\n      padding-top: 0;\n    }\n\n    #totem-cabinet-handles .pcd-usage-points \u003e div {\n      background: var(--pcd-panel);\n      border: 1px solid var(--pcd-line);\n      padding: 14px 14px 16px;\n    }\n\n    #totem-cabinet-handles .pcd-usage-points h3 {\n      padding-top: 10px;\n      border-top: 1px solid var(--pcd-line);\n    }\n\n    #totem-cabinet-handles .pcd-usage-points p {\n      margin-top: 7px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-cabinet-handles .pcd-carousel-controls,\n    #totem-cabinet-handles .pcd-progress,\n    #totem-cabinet-handles .pcd-slide-control {\n      display: none;\n    }\n\n    #totem-cabinet-handles .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 .pcd-carousel-form {\n      display: contents;\n    }\n\n    @media (max-width: 900px) {\n      #totem-cabinet-handles .pcd-section {\n        padding: 42px 16px;\n      }\n\n      #totem-cabinet-handles .pcd-intro-grid,\n      #totem-cabinet-handles .pcd-info-grid,\n      #totem-cabinet-handles .pcd-scene-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-cabinet-handles .pcd-copy {\n        max-width: none;\n      }\n\n      #totem-cabinet-handles .pcd-detail-rail,\n      #totem-cabinet-handles .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 .pcd-detail-rail .pcd-card,\n      #totem-cabinet-handles .pcd-scene-strip figure {\n        display: none;\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      #totem-cabinet-handles .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 .pcd-arrows {\n        display: flex;\n        gap: 8px;\n      }\n\n      #totem-cabinet-handles .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 .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 .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 .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 .pcd-section {\n        padding: 40px 22px;\n      }\n\n      #totem-cabinet-handles h2 {\n        font-size: 34px;\n        line-height: 1.08;\n      }\n\n      #totem-cabinet-handles .pcd-label {\n        font-size: 11px;\n        letter-spacing: 0.12em;\n      }\n\n      #totem-cabinet-handles p {\n        font-size: 14px;\n        line-height: 1.62;\n      }\n\n      #totem-cabinet-handles h3 {\n        font-size: 14px;\n      }\n\n      #totem-cabinet-handles .pcd-card-body {\n        padding: 12px 12px 14px;\n      }\n\n      #totem-cabinet-handles .pcd-card-body p,\n      #totem-cabinet-handles .pcd-usage-points p {\n        font-size: 12.5px;\n        line-height: 1.5;\n      }\n\n      #totem-cabinet-handles .pcd-usage-points {\n        gap: 12px;\n        margin-top: 20px;\n      }\n\n      #totem-cabinet-handles .pcd-usage-points \u003e div {\n        padding: 12px;\n      }\n\n      #totem-cabinet-handles .pcd-scene-strip {\n        margin-top: 26px;\n      }\n\n      #totem-cabinet-handles .pcd-detail-rail,\n      #totem-cabinet-handles .pcd-scene-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(4),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-cabinet-handles .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 .pcd-section {\n        padding: 42px 14px;\n      }\n\n      #totem-cabinet-handles .pcd-detail-rail,\n      #totem-cabinet-handles .pcd-scene-strip,\n      #totem-cabinet-handles .pcd-dimensions,\n      #totem-cabinet-handles .pcd-usage-points {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-cabinet-handles .pcd-spec-row {\n        grid-template-columns: 1fr;\n        gap: 4px;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n        left: 0;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n        left: 25%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 50%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 75%;\n        width: 25%;\n      }\n\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-cabinet-handles .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-cabinet-handles .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-cabinet-handles .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\/27\/68711f34e7ffcda15f921844c67cc5f0.jpg\" alt=\"Totem dolphin and wave cabinet handles on a black sideboard\"\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\u003eTotem Cabinet Handles With Dolphin and Wave Motifs\u003c\/h2\u003e\n        \u003cp\u003eThe Totem collection brings sculptural marine detail to drawers, cabinet doors, vanities, and sideboards. Choose a playful dolphin pull or a flowing wave handle in Natural Brass, Chrome, or Antique Brass finishes for a distinctive decorative accent.\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-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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\/27\/39ae488ec46d542fe8e1e830979efec1.jpg\" alt=\"Close-up of the Totem dolphin cabinet handle in natural brass\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eSculpted Dolphin Form\u003c\/h3\u003e\n              \u003cp\u003eRounded contours, fin detailing, and a softly brushed finish create a charming focal point for drawers and cabinet doors.\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\/27\/57ab30dc88b15a636398d749c7db7c80.jpg\" alt=\"Side view of the dolphin cabinet handle showing the mounting post\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eSingle-Hole Mounting\u003c\/h3\u003e\n              \u003cp\u003eA single mounting post keeps installation simple while giving the handle a raised, dimensional look.\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\/27\/a8cdfbf3bfc7fff85ace52b23fce1d2e.jpg\" alt=\"Detailed dolphin face and gill grooves on the Totem handle\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eBrushed Metal Detail\u003c\/h3\u003e\n              \u003cp\u003eFine surface texture and engraved accents highlight the metal construction and playful marine character.\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\/27\/a0b9027892f68b8f59ebe459e706794b.jpg\" alt=\"Side profile of the Totem wave cabinet handle in natural brass\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eFlowing Wave Option\u003c\/h3\u003e\n              \u003cp\u003eThe wave style adds a curved ornamental silhouette for cabinets that need a softer decorative rhythm.\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\u003eTwo Shapes, Three Finishes, Simple Installation\u003c\/h2\u003e\n          \u003cp\u003eAvailable as an individual handle or a 2-piece set, Totem hardware is sized for compact cabinet and drawer fronts and installs with a single hole.\u003c\/p\u003e\n          \u003cdiv class=\"pcd-specs\"\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003eMetal\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eDolphin Size\u003c\/span\u003e\u003cstrong\u003eW 2.2 in x H 1.5 in x D 0.98 in \/ W 5.5 cm x H 3.8 cm x D 2.5 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eWave Size\u003c\/span\u003e\u003cstrong\u003eW 1.9 in x H 1.2 in x D 0.9 in \/ W 5 cm x H 3.1 cm x D 2.3 cm\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eFinishes\u003c\/span\u003e\u003cstrong\u003eNatural Brass, Chrome, Antique Brass\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\u003eQuantity 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-carousel pcd-dimension-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-dimension-state\" checked\u003e\n            \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-dimension-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-dimension-control\" data-state=\"1\" role=\"button\" aria-label=\"Previous dimension image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-dimension-state\"\u003e‹\u003c\/label\u003e\n                \u003clabel class=\"pcd-slide-control pcd-dimension-control\" data-state=\"1\" role=\"button\" aria-label=\"Next dimension image\"\u003e\u003cinput class=\"pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-dimension-state\"\u003e›\u003c\/label\u003e\n                \u003clabel class=\"pcd-slide-control pcd-dimension-control\" data-state=\"2\" role=\"button\" aria-label=\"Previous dimension image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-dimension-state\"\u003e‹\u003c\/label\u003e\n                \u003clabel class=\"pcd-slide-control pcd-dimension-control\" data-state=\"2\" role=\"button\" aria-label=\"Next dimension image\"\u003e\u003cinput class=\"pcd-state-1\" type=\"radio\" name=\"totem-cabinet-handles-dimension-state\"\u003e›\u003c\/label\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"pcd-dimensions\"\u003e\n              \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/27\/cc6ebeb72447fcda127b846c07a3e04b.png\" alt=\"Dimension diagram for the Totem dolphin cabinet handle\"\u003e\u003c\/figure\u003e\n              \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/27\/e0f64ca0794d80d29f5a74bf7533c992.png\" alt=\"Dimension diagram for the Totem wave cabinet handle\"\u003e\u003c\/figure\u003e\n            \u003c\/div\u003e\n          \u003c\/form\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\/27\/33c62fe762af329046b4a83096400422.jpg\" alt=\"Totem dolphin cabinet handles installed on black kitchen cabinetry\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pcd-label\"\u003eWhere It Works Best\u003c\/p\u003e\n        \u003ch2\u003eFor Kitchens, Vanities, Sideboards, and Accent Furniture\u003c\/h2\u003e\n        \u003cp\u003eUse Totem handles to bring small-scale character to cabinetry without overwhelming the room. The compact size works well on drawers, cabinet doors, bathroom vanities, and decorative storage pieces.\u003c\/p\u003e\n        \u003cdiv class=\"pcd-usage-points\"\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eKitchen Cabinets\u003c\/h3\u003e\n            \u003cp\u003eAdds a playful metal accent to painted or wood cabinet fronts.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eBathroom Vanities\u003c\/h3\u003e\n            \u003cp\u003eCompact proportions suit vanity drawers and doors where space is limited.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eAccent Furniture\u003c\/h3\u003e\n            \u003cp\u003eRefreshes sideboards, nightstands, and storage cabinets with sculptural detail.\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-scene-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-cabinet-handles-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-cabinet-handles-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-cabinet-handles-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-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-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-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-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-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-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-scene-state\"\u003e‹\u003c\/label\u003e\n            \u003clabe\u003e\u003c\/labe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"oodioo","offers":[{"title":"Dolphin \/ Natural Brass \/ Individual","offer_id":48698289782941,"sku":"TOTEM-DOLPHIN-NATURAL-BRASS-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Natural Brass \/ 2-Piece Set","offer_id":48698289815709,"sku":"TOTEM-DOLPHIN-NATURAL-BRASS-SET2","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Chrome \/ Individual","offer_id":48698289848477,"sku":"TOTEM-DOLPHIN-CHROME-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Chrome \/ 2-Piece Set","offer_id":48698289881245,"sku":"TOTEM-DOLPHIN-CHROME-SET2","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Antique Brass \/ Individual","offer_id":48698289914013,"sku":"TOTEM-DOLPHIN-ANTIQUE-BRASS-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Antique Brass \/ 2-Piece Set","offer_id":48698289946781,"sku":"TOTEM-DOLPHIN-ANTIQUE-BRASS-SET2","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Natural Brass \/ Individual","offer_id":48698289979549,"sku":"TOTEM-WAVE-NATURAL-BRASS-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Natural Brass \/ 2-Piece Set","offer_id":48698290012317,"sku":"TOTEM-WAVE-NATURAL-BRASS-SET2","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Chrome \/ Individual","offer_id":48698290045085,"sku":"TOTEM-WAVE-CHROME-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Chrome \/ 2-Piece Set","offer_id":48698290077853,"sku":"TOTEM-WAVE-CHROME-SET2","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Antique Brass \/ Individual","offer_id":48698290110621,"sku":"TOTEM-WAVE-ANTIQUE-BRASS-IND","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Antique Brass \/ 2-Piece Set","offer_id":48698290143389,"sku":"TOTEM-WAVE-ANTIQUE-BRASS-SET2","price":75.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4373\/9037\/files\/c1e67ca9a24a75abeb94daccea775435.jpg?v=1784798576","url":"https:\/\/oodioo.com\/products\/totem-dolphin-and-wave-metal-cabinet-handles-for-drawers-and-cabinets","provider":"Oodioo","version":"1.0","type":"link"}