{"product_id":"totem-dolphin-and-wave-cabinet-knobs-2gkrs6wt","title":"Totem Dolphin and Wave Cabinet Knobs","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\/18\/ba0ea192efb906e53d09c8b25d320040.webp\" 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 and Details\u003c\/p\u003e\n        \u003ch2\u003eSculptural Hardware With a Playful Sea Motif\u003c\/h2\u003e\n        \u003cp\u003eTotem turns everyday cabinet hardware into a small decorative detail. Choose the arched Wave or the Dolphin pull in Natural Brass, Chrome, or Antique Brass, each made for single-hole mounting on drawers, cabinet doors, and accent furniture.\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\/18\/eb384f2d34265f73af038a02a54f935b.webp\" alt=\"Natural brass Wave cabinet knob close-up showing sculpted ridges\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eRaised Wave Profile\u003c\/h3\u003e\n              \u003cp\u003eCurved ridges give the Wave style a dimensional grip while keeping the single-hole format compact.\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\/18\/04b4ed24f2c4379f6e16e8088dc5f20d.webp\" alt=\"Antique brass Wave cabinet knob macro texture detail\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eBrushed Metal Texture\u003c\/h3\u003e\n              \u003cp\u003eSoft surface brushing and rounded edges help the metal finish feel warm instead of flat.\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\/18\/e0cc3b1a9dd1d5f3a4cb7e5b740ba416.webp\" alt=\"Natural brass Dolphin cabinet knob close-up showing body depth and mount\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eSingle-Hole Depth\u003c\/h3\u003e\n              \u003cp\u003eThe Dolphin body projects from the cabinet face for an easy pinch point and visible sculptural depth.\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\/18\/6165770339a0dfea2dc66b191f908db8.webp\" alt=\"Chrome Dolphin cabinet knob close-up on black cabinet door\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003ePolished Accent Finish\u003c\/h3\u003e\n              \u003cp\u003eChrome adds a crisp reflective accent, especially on dark cabinet fronts and drawers.\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 and Specifications\u003c\/p\u003e\n          \u003ch2\u003eTwo Shapes, One Simple Mount\u003c\/h2\u003e\n          \u003cp\u003eBoth styles use single-hole mounting and are sized for small drawers, cabinet doors, vanities, sideboards, and playful children's room furniture. Select individual pieces or a 2-piece set according to the number of doors or drawers you are updating.\u003c\/p\u003e\n          \u003cdiv class=\"pcd-specs\"\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003eMetal with Natural Brass, Chrome, or Antique Brass finish options.\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\u003eMounting\u003c\/span\u003e\u003cstrong\u003eSingle-hole surface mount; pre-drilling is required before installation.\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\u003cstrong\u003eDolphin: 0.056 kg each. Wave: 0.036 kg each.\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eQuantity Options\u003c\/span\u003e\u003cstrong\u003eAvailable as Individual or 2-Piece Set for matching doors and drawers.\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\/18\/4b40736171e8186fe2ab8a921cc5e96c.webp\" alt=\"Dolphin cabinet knob dimensions 2.2 inches wide and 1.5 inches high\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/18\/15b9cf800fad6917ab580dd66dc559d2.webp\" alt=\"Wave cabinet knob dimensions 1.9 inches wide and 1.2 inches high\"\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\/18\/01b3876fe5da0cf39e9b2e62554fca23.webp\" alt=\"Natural brass Dolphin cabinet handles in a styled kitchen 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 Need a Small Moment of Character\u003c\/h2\u003e\n        \u003cp\u003eUse Totem on kitchen drawers, sideboards, wardrobes, bathroom vanities, or children's room storage where a standard knob would feel too plain. The two shapes can be used alone or mixed together for a coordinated ocean-inspired detail.\u003c\/p\u003e\n        \u003cdiv class=\"pcd-usage-points\"\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eKitchen and Pantry Drawers\u003c\/h3\u003e\n            \u003cp\u003eCompact proportions work on framed or flat drawer fronts without overwhelming the cabinet design.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eAccent Furniture\u003c\/h3\u003e\n            \u003cp\u003eUse one shape on a sideboard or mix Dolphin and Wave together for a more collected look.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003ePlayful Rooms\u003c\/h3\u003e\n            \u003cp\u003eThe sea-inspired silhouettes add character to children's rooms while staying polished enough for shared spaces.\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\/18\/b5051da83845fd0d7446a3039c551601.webp\" alt=\"Natural brass Dolphin cabinet pulls on a black kitchen island\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/18\/9094eff226419c0abc47fc92201218e7.webp\" alt=\"Natural brass Wave cabinet knob on a blue cabinet drawer\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/18\/b407428f753761932d479d74ff6f0703.webp\" alt=\"Chrome Dolphin cabinet pulls on a black cabinet\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/18\/9e66cf0848660fb8c4a3a496b17190ad.webp\" alt=\"Chrome Wave handles on blue drawers\"\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":"Dolphin \/ Natural Brass \/ Individual","offer_id":48698292175005,"sku":"TOTEM-DOLPHIN-NATURAL-BRASS-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Natural Brass \/ 2-Piece Set","offer_id":48698292207773,"sku":"TOTEM-DOLPHIN-NATURAL-BRASS-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Chrome \/ Individual","offer_id":48698292240541,"sku":"TOTEM-DOLPHIN-CHROME-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Chrome \/ 2-Piece Set","offer_id":48698292273309,"sku":"TOTEM-DOLPHIN-CHROME-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Antique Brass \/ Individual","offer_id":48698292306077,"sku":"TOTEM-DOLPHIN-ANTIQUE-BRASS-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Dolphin \/ Antique Brass \/ 2-Piece Set","offer_id":48698292338845,"sku":"TOTEM-DOLPHIN-ANTIQUE-BRASS-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Natural Brass \/ Individual","offer_id":48698292371613,"sku":"TOTEM-WAVE-NATURAL-BRASS-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Natural Brass \/ 2-Piece Set","offer_id":48698292404381,"sku":"TOTEM-WAVE-NATURAL-BRASS-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Chrome \/ Individual","offer_id":48698292437149,"sku":"TOTEM-WAVE-CHROME-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Chrome \/ 2-Piece Set","offer_id":48698292469917,"sku":"TOTEM-WAVE-CHROME-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Antique Brass \/ Individual","offer_id":48698292502685,"sku":"TOTEM-WAVE-ANTIQUE-BRASS-INDIVIDUAL","price":39.0,"currency_code":"USD","in_stock":true},{"title":"Wave \/ Antique Brass \/ 2-Piece Set","offer_id":48698292535453,"sku":"TOTEM-WAVE-ANTIQUE-BRASS-2-PIECE-SET","price":75.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4373\/9037\/files\/0db2b4671e72c37c643a747b9c3f92a4.webp?v=1784798593","url":"https:\/\/oodioo.com\/products\/totem-dolphin-and-wave-cabinet-knobs-2gkrs6wt","provider":"Oodioo","version":"1.0","type":"link"}