{"product_id":"gray-travertine-stone-pendant-light-vintage-kitchen-island-and-dining-room-lamp","title":"Gray Travertine Stone Pendant Light - Vintage Kitchen Island and Dining Room Lamp","description":"\u003c!--\nFecify Body HTML dynamic template.\nThe filename keeps \"static\" for compatibility, but the default image modules use no-script radio\/label carousel controls.\nUse this file as the starting point for every future category-aware product body_html.\nReplace all  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 full public HTTPS URLs, not site-relative \/media\/product\/... paths.\n--\u003e\n\n\u003cdiv id=\"gray-travertine-stone-pendant-detail\" class=\"pcd-detail\"\u003e\n  \u003cstyle\u003e\n    #gray-travertine-stone-pendant-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-progress-track: rgba(31, 68, 51, 0.18);\n      --pcd-dark: #101010;\n      color: var(--pcd-ink);\n      background: var(--pcd-paper);\n      font-family: Arial, Helvetica, sans-serif;\n    }\n\n    #gray-travertine-stone-pendant-detail * {\n      box-sizing: border-box;\n      min-width: 0;\n    }\n\n    #gray-travertine-stone-pendant-detail figure,\n    #gray-travertine-stone-pendant-detail .pcd-frame {\n      display: block;\n      margin: 0;\n      padding: 0;\n      line-height: 0;\n      overflow: hidden;\n      background: transparent;\n    }\n\n    #gray-travertine-stone-pendant-detail img {\n      display: block;\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      object-fit: cover;\n    }\n\n    #gray-travertine-stone-pendant-detail figure \u003e img,\n    #gray-travertine-stone-pendant-detail .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    #gray-travertine-stone-pendant-detail .pcd-section {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 64px 22px;\n    }\n\n    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-detail h3 {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.25;\n    }\n\n    #gray-travertine-stone-pendant-detail p {\n      margin: 0;\n      color: var(--pcd-muted);\n      font-size: 15px;\n      line-height: 1.72;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-intro-grid,\n    #gray-travertine-stone-pendant-detail .pcd-info-grid,\n    #gray-travertine-stone-pendant-detail .pcd-scene-grid {\n      display: grid;\n      align-items: center;\n      gap: 34px;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-intro-grid {\n      grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-grid {\n      grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);\n      gap: 36px;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-scene-grid {\n      grid-template-columns: minmax(0, 1fr) minmax(320px, 0.86fr);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-hero,\n    #gray-travertine-stone-pendant-detail .pcd-scene-main {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-copy {\n      max-width: 520px;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-copy p {\n      margin-top: 18px;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-detail-rail,\n    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-detail .pcd-scene-strip {\n      margin-top: 0;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-card {\n      background: var(--pcd-panel);\n      border: 1px solid var(--pcd-line);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-card figure,\n    #gray-travertine-stone-pendant-detail .pcd-scene-strip figure {\n      aspect-ratio: 1 \/ 1;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-card-body {\n      padding: 13px 13px 15px;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-card-body p {\n      margin-top: 6px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band {\n      background: var(--pcd-dark);\n      color: #fffdf8;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-label,\n    #gray-travertine-stone-pendant-detail .pcd-info-band p {\n      color: rgba(255, 253, 248, 0.74);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band h2,\n    #gray-travertine-stone-pendant-detail .pcd-info-band h3 {\n      color: #fffdf8;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-specs {\n      margin-top: 22px;\n      border-top: 1px solid rgba(255, 253, 248, 0.2);\n    }\n\n    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-detail .pcd-spec-row span {\n      color: rgba(255, 253, 248, 0.66);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-spec-row strong {\n      color: #fffdf8;\n      font-size: 14px;\n      line-height: 1.55;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-dimensions {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-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    #gray-travertine-stone-pendant-detail .pcd-usage-points h3 {\n      padding-top: 10px;\n      border-top: 1px solid var(--pcd-line);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-usage-points p {\n      margin-top: 7px;\n      font-size: 13px;\n      line-height: 1.55;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-carousel-controls,\n    #gray-travertine-stone-pendant-detail .pcd-progress,\n    #gray-travertine-stone-pendant-detail .pcd-slide-control {\n      display: none;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-carousel-state {\n      position: absolute;\n      width: 1px;\n      height: 1px;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-carousel-form {\n      display: contents;\n    }\n\n    @media (max-width: 900px) {\n      #gray-travertine-stone-pendant-detail .pcd-section {\n        padding: 42px 16px;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-intro-grid,\n      #gray-travertine-stone-pendant-detail .pcd-info-grid,\n      #gray-travertine-stone-pendant-detail .pcd-scene-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-copy {\n        max-width: none;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-rail,\n      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-detail .pcd-detail-rail .pcd-card,\n      #gray-travertine-stone-pendant-detail .pcd-scene-strip figure {\n        display: none;\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n\n      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-detail .pcd-arrows {\n        display: flex;\n        gap: 8px;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-progress {\n        position: relative;\n        display: block;\n        flex: 1 1 auto;\n        height: 5px;\n        max-width: 190px;\n        background: var(--pcd-progress-track);\n        overflow: hidden;\n      }\n\n      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-detail .pcd-detail-rail,\n      #gray-travertine-stone-pendant-detail .pcd-scene-strip {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-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      #gray-travertine-stone-pendant-detail .pcd-section {\n        padding: 42px 14px;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-rail,\n      #gray-travertine-stone-pendant-detail .pcd-scene-strip,\n      #gray-travertine-stone-pendant-detail .pcd-dimensions,\n      #gray-travertine-stone-pendant-detail .pcd-usage-points {\n        grid-template-columns: 1fr;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-spec-row {\n        grid-template-columns: 1fr;\n        gap: 4px;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-scene-strip figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-scene-strip figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-scene-strip figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-scene-strip figure:nth-child(4) {\n        display: block;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n        left: 0;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n        left: 25%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 50%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 75%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-scene-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"] {\n        display: flex !important;\n      }\n    }\n    #gray-travertine-stone-pendant-detail .pcd-info-band {\n      --pcd-progress: #111;\n      --pcd-progress-track: rgba(17, 17, 17, 0.14);\n      background: #fffdf8;\n      color: var(--pcd-ink);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-label,\n    #gray-travertine-stone-pendant-detail .pcd-info-band p {\n      color: var(--pcd-muted);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band h2,\n    #gray-travertine-stone-pendant-detail .pcd-info-band h3,\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row strong {\n      color: var(--pcd-ink);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-specs {\n      border-top-color: var(--pcd-line);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row {\n      border-bottom-color: var(--pcd-line);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row span {\n      color: var(--pcd-muted);\n    }\n\n    #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-slide-control {\n      border-color: rgba(17, 17, 17, 0.34);\n      background: #fffdf8;\n      color: #111;\n    }\n\n    @media (min-width: 901px) {\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-carousel-controls,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .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      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-arrows,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-arrows {\n        display: flex;\n        gap: 8px;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-progress,\n      #gray-travertine-stone-pendant-detail .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: var(--pcd-progress-track);\n        overflow: hidden;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-progress span {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 50%;\n        height: 100%;\n        background: var(--pcd-progress);\n        transition: left 220ms ease, width 220ms ease;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-slide-control,\n      #gray-travertine-stone-pendant-detail .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(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      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-detail-rail,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-detail-rail .pcd-card,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions figure {\n        display: none;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-detail-rail .pcd-card:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-detail-rail .pcd-card:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-dimensions figure:nth-child(4) {\n        display: block;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-tablet-control[data-state=\"4\"] {\n        display: flex !important;\n      }\n    }\n\n    @media (max-width: 900px) {\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions figure {\n        display: none;\n        width: 100%;\n        max-width: none;\n        margin: 0;\n      }\n    }\n\n    @media (min-width: 621px) and (max-width: 900px) {\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(4),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-dimensions figure:nth-child(4) {\n        display: block;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 0;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-progress span,\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 50%;\n        width: 50%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-tablet-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-tablet-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-tablet-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-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      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-dimensions figure:nth-child(4) {\n        display: block;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-progress span {\n        left: 0;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-progress span {\n        left: 25%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-progress span {\n        left: 50%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-progress span {\n        left: 75%;\n        width: 25%;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-mobile-control[data-state=\"1\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-mobile-control[data-state=\"2\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-mobile-control[data-state=\"3\"],\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checked) .pcd-mobile-control[data-state=\"4\"] {\n        display: flex !important;\n      }\n    }\n\n    @media (min-width: 901px) {\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-carousel-controls {\n        display: none !important;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-detail-rail {\n        grid-template-columns: repeat(4, minmax(0, 1fr));\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-detail-carousel .pcd-detail-rail .pcd-card {\n        display: block !important;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band {\n        --pcd-progress: #fffdf8;\n        --pcd-progress-track: rgba(255, 253, 248, 0.24);\n        background: var(--pcd-dark);\n        color: #fffdf8;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-label,\n      #gray-travertine-stone-pendant-detail .pcd-info-band p {\n        color: rgba(255, 253, 248, 0.74);\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band h2,\n      #gray-travertine-stone-pendant-detail .pcd-info-band h3,\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row strong {\n        color: #fffdf8;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-specs {\n        border-top-color: rgba(255, 253, 248, 0.2);\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row {\n        border-bottom-color: rgba(255, 253, 248, 0.18);\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-spec-row span {\n        color: rgba(255, 253, 248, 0.66);\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-info-band .pcd-slide-control {\n        border-color: rgba(255, 253, 248, 0.34);\n        background: rgba(16, 16, 16, 0.72);\n        color: #fffdf8;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions {\n        grid-template-columns: 1fr;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel .pcd-dimensions figure {\n        display: none !important;\n      }\n\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-1:checked) .pcd-dimensions figure:nth-child(1),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-2:checked) .pcd-dimensions figure:nth-child(2),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-3:checked) .pcd-dimensions figure:nth-child(3),\n      #gray-travertine-stone-pendant-detail .pcd-dimension-carousel:has(.pcd-state-4:checke\u003c\/style\u003e\n\u003c\/div\u003e","brand":"oodioo","offers":[{"title":"1 head \/ A \/ Gray","offer_id":48642525659293,"sku":"2026TB-3142-Gra-1 h","price":230.0,"currency_code":"USD","in_stock":true},{"title":"2 heads \/ A \/ Gray","offer_id":48642525692061,"sku":"2026TB-3345-Gra-2 h","price":467.0,"currency_code":"USD","in_stock":true},{"title":"3 heads \/ A \/ Gray","offer_id":48642525724829,"sku":"2026TB-1446-Gra-3 h","price":744.0,"currency_code":"USD","in_stock":true},{"title":"1 head \/ B \/ Gray","offer_id":48642525757597,"sku":"2026TB-1637-Gra-1 h","price":230.0,"currency_code":"USD","in_stock":true},{"title":"2 heads \/ B \/ Gray","offer_id":48642525790365,"sku":"2026TB-1926-Gra-2 h","price":467.0,"currency_code":"USD","in_stock":true},{"title":"3 heads \/ B \/ Gray","offer_id":48642525823133,"sku":"2026TB-6458-Gra-3 h","price":744.0,"currency_code":"USD","in_stock":true},{"title":"1 head \/ C \/ Gray","offer_id":48642525855901,"sku":"2026TB-7453-Gra-1 h","price":230.0,"currency_code":"USD","in_stock":true},{"title":"2 heads \/ C \/ Gray","offer_id":48642525888669,"sku":"2026TB-2352-Gra-2 h","price":467.0,"currency_code":"USD","in_stock":true},{"title":"3 heads \/ C \/ Gray","offer_id":48642525921437,"sku":"2026TB-5345-Gra-3 h","price":744.0,"currency_code":"USD","in_stock":true},{"title":"1 head \/ D \/ Gray","offer_id":48642525954205,"sku":"2026TB-0224-Gra-1 h","price":230.0,"currency_code":"USD","in_stock":true},{"title":"2 heads \/ D \/ Gray","offer_id":48642525986973,"sku":"2026TB-5533-Gra-2 h","price":467.0,"currency_code":"USD","in_stock":true},{"title":"3 heads \/ D \/ Gray","offer_id":48642526019741,"sku":"2026TB-9414-Gra-3 h","price":744.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0697\/4373\/9037\/files\/81520a5cb314da3e21f8a1c19693aaf9.jpg?v=1784174127","url":"https:\/\/oodioo.com\/products\/gray-travertine-stone-pendant-light-vintage-kitchen-island-and-dining-room-lamp","provider":"Oodioo","version":"1.0","type":"link"}