{"product_id":"totem-leopard-brass-copper-cabinet-handle","title":"Totem Leopard Brass Copper Cabinet Handle","description":"\u003c!--\nFecify dynamic Body HTML template.\nUse this file as the starting point for every future category-aware product body_html.\nReplace all image placeholders. Do not redesign the structure unless the user explicitly requests a new template.\n\nHard requirements:\n- No script tags.\n- No inline event attributes.\n- No hash-anchor carousel controls.\n- Keep form-scoped radio carousels.\n- Desktop: 4 detail images and 4 scene images visible.\n- Tablet: 2 images per carousel state.\n- Mobile: 1 image per carousel state.\n- Image URLs in final Fecify body_html must use \/media\/product\/...\n--\u003e\n\n\u003cdiv id=\"totem-leopard-cabinet-handle-detail\" class=\"pcd-detail\" data-body-mode=\"dynamic-radio-template\"\u003e\n  \u003cstyle\u003e\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail * {\n      box-sizing: border-box;\n      min-width: 0;\n    }\n\n    #totem-leopard-cabinet-handle-detail figure,\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      object-fit: cover;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-section {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 64px 22px;\n    }\n\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-detail h3 {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.25;\n    }\n\n    #totem-leopard-cabinet-handle-detail p {\n      margin: 0;\n      color: var(--pcd-muted);\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-intro-grid,\n    #totem-leopard-cabinet-handle-detail .pcd-info-grid,\n    #totem-leopard-cabinet-handle-detail .pcd-scene-grid {\n      display: grid;\n      align-items: center;\n      gap: 34px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-intro-grid {\n      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-info-grid {\n      grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);\n      gap: 36px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-scene-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-hero,\n    #totem-leopard-cabinet-handle-detail .pcd-scene-main {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-copy {\n      max-width: 520px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-copy p {\n      margin-top: 18px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-detail-rail,\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-scene-strip {\n      margin-top: 18px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-card {\n      background: var(--pcd-panel);\n      border: 1px solid var(--pcd-line);\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-card figure,\n    #totem-leopard-cabinet-handle-detail .pcd-scene-strip figure {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-card-body {\n      padding: 13px 13px 15px;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-card-body p {\n      margin-top: 6px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-info-band {\n      background: var(--pcd-dark);\n      color: #fffdf8;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-info-band .pcd-label,\n    #totem-leopard-cabinet-handle-detail .pcd-info-band p {\n      color: rgba(255, 253, 248, 0.74);\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-info-band h2,\n    #totem-leopard-cabinet-handle-detail .pcd-info-band h3 {\n      color: #fffdf8;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-specs {\n      margin-top: 22px;\n      border-top: 1px solid rgba(255, 253, 248, 0.2);\n    }\n\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-spec-row strong {\n      color: #fffdf8;\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-dimensions {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-usage-points h3 {\n      padding-top: 10px;\n      border-top: 1px solid var(--pcd-line);\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-usage-points p {\n      margin-top: 7px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-carousel-controls,\n    #totem-leopard-cabinet-handle-detail .pcd-progress,\n    #totem-leopard-cabinet-handle-detail .pcd-slide-control {\n      display: none;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-carousel-state {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    #totem-leopard-cabinet-handle-detail .pcd-carousel-form {\n      display: contents;\n    }\n\n    @media (max-width: 900px) {\n      #totem-leopard-cabinet-handle-detail .pcd-section {\n        padding: 42px 16px;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-intro-grid,\n      #totem-leopard-cabinet-handle-detail .pcd-info-grid,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-copy {\n        max-width: none;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-rail,\n      #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-detail-rail .pcd-card,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-strip figure {\n        display: none;\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-arrows {\n        display: flex;\n        gap: 8px;\n      }\n\n      #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-detail-rail,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(4),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #totem-leopard-cabinet-handle-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-leopard-cabinet-handle-detail .pcd-section {\n        padding: 42px 14px;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-rail,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-strip,\n      #totem-leopard-cabinet-handle-detail .pcd-dimensions,\n      #totem-leopard-cabinet-handle-detail .pcd-usage-points {\n        grid-template-columns: 1fr;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-spec-row {\n        grid-template-columns: 1fr;\n        gap: 4px;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(2),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(3),\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n        left: 0;\n        width: 25%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n        left: 25%;\n        width: 25%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 50%;\n        width: 25%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 75%;\n        width: 25%;\n      }\n\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-leopard-cabinet-handle-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #totem-leopard-cabinet-handle-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #totem-leopard-cabinet-handle-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\/20\/e8c48a5f36b09813e046408065582bec.jpg\" alt=\"Totem Leopard A brass copper cabinet handle on a wood cabinet door\"\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 Leopard Cabinet Handle\u003c\/h2\u003e\n        \u003cp\u003eTotem brings sculptural animal form to cabinet hardware, pairing solid copper construction with a brass finish. Leopard A has a vertical grasping silhouette for doors and tall fronts, while Leopard B has a stretched leopard body for drawers, cabinets, and statement furniture panels.\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-leopard-cabinet-handle-detail-detail-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-leopard-cabinet-handle-detail-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-leopard-cabinet-handle-detail-detail-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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\/20\/81db3f5fc0552288248398e4fc9fcbce.jpg\" alt=\"Leopard A cabinet handle close-up detail\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eLeopard A Profile\u003c\/h3\u003e\n              \u003cp\u003eA closer view of the raised head, mounting plate, and curved body that give Leopard A its vertical pull shape.\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\/20\/fbd88a660dc18b8d9e6edba5f46d821a.jpg\" alt=\"Leopard A brass stripe texture detail\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eAged Brass Texture\u003c\/h3\u003e\n              \u003cp\u003eDarkened recesses and polished high points emphasize the copper body and brass surface finish.\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\/20\/670a306a2295bfb8720089f3e245588a.jpg\" alt=\"Leopard B angled brass body detail\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eLeopard B Angle\u003c\/h3\u003e\n              \u003cp\u003eThe extended body shows the flowing form of Leopard B, with spotted relief across the back and legs.\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\/20\/b565875ce6a9cf2f2b33fc5ae7732a85.jpg\" alt=\"Leopard B side profile brass body detail\"\u003e\u003c\/figure\u003e\n            \u003cdiv class=\"pcd-card-body\"\u003e\n              \u003ch3\u003eLeopard B Side View\u003c\/h3\u003e\n              \u003cp\u003eA side profile highlights the long pull shape, tail curve, and sculpted mounting points.\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 Leopard Forms, One Brass Finish\u003c\/h2\u003e\n          \u003cp\u003eChoose between Leopard A and Leopard B depending on the scale and direction of the cabinet front. Both styles are made from copper with a brass finish, and both are offered as individual pieces or 2-piece sets.\u003c\/p\u003e\n          \u003cdiv class=\"pcd-specs\"\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003eCopper\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eFinish\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\u003eLeopard A: L 6.9 in x W 1.8 in x H 2.2 in \/ L 17.4 cm x W 4.5 cm x H 5.5 cm. Leopard B: L 10.6 in x W 2.9 in x H 2.6 in \/ L 27 cm x W 7.4 cm x H 6.5 cm.\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eOptions\u003c\/span\u003e\u003cstrong\u003eIndividual; 2-Piece Set\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eUse\u003c\/span\u003e\u003cstrong\u003eInstall on cabinet doors, drawers, console fronts, and accent storage pieces.\u003c\/strong\u003e\n\u003c\/div\u003e\n            \u003cdiv class=\"pcd-spec-row\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\u003cstrong\u003eLeopard A: 0.5 kg. Leopard B: 1 kg.\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\/20\/3e2d8e1577c328be5358a90e0240f368.jpg\" alt=\"Leopard A cabinet handle dimensions\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/20\/163cf10a2fa5e5a3bc56fcc1e2ec598b.jpg\" alt=\"Leopard B cabinet handle dimensions\"\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\/20\/c92232a42ef337c6690d1f5f920fa228.jpg\" alt=\"Leopard A brass cabinet handle on a white cabinet door\"\u003e\n      \u003c\/figure\u003e\n      \u003cdiv\u003e\n        \u003cp class=\"pcd-label\"\u003eWhere It Works Best\u003c\/p\u003e\n        \u003ch2\u003eFor Cabinets With Character\u003c\/h2\u003e\n        \u003cp\u003eUse Totem Leopard on cabinet doors, drawers, console fronts, and accent storage pieces where the hardware can become part of the furniture design. The brass finish pairs naturally with dark wood, painted cabinetry, and warm interior materials.\u003c\/p\u003e\n        \u003cdiv class=\"pcd-usage-points\"\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eCabinet Doors\u003c\/h3\u003e\n            \u003cp\u003eLeopard A works well on vertical cabinet doors where the handle reads like a sculptural pull.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eDrawers And Panels\u003c\/h3\u003e\n            \u003cp\u003eLeopard B suits wider drawer faces, cabinet panels, and furniture fronts that can carry a longer silhouette.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch3\u003eBrass Accents\u003c\/h3\u003e\n            \u003cp\u003ePair the finish with walnut, oak, painted millwork, or other warm metal details for a collected look.\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-leopard-cabinet-handle-detail-scene-state\" checked\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-2\" type=\"radio\" name=\"totem-leopard-cabinet-handle-detail-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-3\" type=\"radio\" name=\"totem-leopard-cabinet-handle-detail-scene-state\"\u003e\n        \u003cinput class=\"pcd-carousel-state pcd-state-4\" type=\"radio\" name=\"totem-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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-leopard-cabinet-handle-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\/20\/c92232a42ef337c6690d1f5f920fa228.jpg\" alt=\"Leopard A cabinet handle white door scene\"\u003e\u003c\/figure\u003e\n          \u003cfigure\u003e\u003cimg src=\"https:\/\/www.villenas.com\/media\/product\/458\/image\/2026\/06\/20\/19526566edbc496ae5181d4ffe9f4c08.jpg\" alt=\"Leopard B cabinet handle dark cabinet scene\"\u003e\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c\/form\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e","brand":"oodioo","offers":[{"title":"Leopard A \/ Brass \/ Individual","offer_id":48698290307229,"sku":"TOTEM-LEOPARD-A-BRASS-IND","price":160.0,"currency_code":"USD","in_stock":true},{"title":"Leopard A \/ Brass \/ 2-Piece Set","offer_id":48698290339997,"sku":"TOTEM-LEOPARD-A-BRASS-2PC","price":310.0,"currency_code":"USD","in_stock":true},{"title":"Leopard B \/ Brass \/ Individual","offer_id":48698290372765,"sku":"TOTEM-LEOPARD-B-BRASS-IND","price":160.0,"currency_code":"USD","in_stock":true},{"title":"Leopard B \/ Brass \/ 2-Piece Set","offer_id":48698290405533,"sku":"TOTEM-LEOPARD-B-BRASS-2PC","price":310.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4373\/9037\/files\/e8c48a5f36b09813e046408065582bec.jpg?v=1784798578","url":"https:\/\/oodioo.com\/products\/totem-leopard-brass-copper-cabinet-handle","provider":"Oodioo","version":"1.0","type":"link"}