{"product_id":"leather-solid-color-dog-chain-leash","title":"Leather Solid Color Dog Chain Leash","description":"\u003cstyle\u003e\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\n.page {\n  background: linear-gradient(145deg, #ede5d8 0%, #e0d5c5 35%, #d8cfc2 70%, #cfc6b8 100%);\n  min-height: 680px;\n  padding: 0;\n  position: relative;\n  overflow: hidden;\n  font-family: -apple-system, 'SF Pro Display', 'Helvetica Neue', sans-serif;\n}\n\n.orb { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; }\n.o1 { width: 320px; height: 320px; background: #c4a882; opacity: 0.30; top: -80px; right: -60px; }\n.o2 { width: 260px; height: 260px; background: #9b8878; opacity: 0.22; bottom: 40px; left: -40px; }\n.o3 { width: 200px; height: 200px; background: #d4bc9c; opacity: 0.25; top: 200px; left: 60%; }\n\n.glass {\n  background: rgba(255,255,255,0.52);\n  backdrop-filter: blur(20px) saturate(180%);\n  -webkit-backdrop-filter: blur(20px) saturate(180%);\n  border: 0.5px solid rgba(255,255,255,0.82);\n}\n\n\/* Header *\/\n.header {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 12px 24px;\n  background: rgba(245,240,232,0.58);\n  backdrop-filter: blur(24px) saturate(190%);\n  -webkit-backdrop-filter: blur(24px) saturate(190%);\n  border-bottom: 0.5px solid rgba(255,255,255,0.72);\n}\n.logo { font-size: 15px; font-weight: 700; letter-spacing: 0.14em; color: #2a201a; }\n.logo small { display: block; font-size: 7.5px; font-weight: 400; letter-spacing: 0.2em; color: #9a8a7e; }\n.breadcrumb { font-size: 11px; color: #9a8a7e; }\n.breadcrumb span { color: #4a3f35; }\n.hicons { display: flex; gap: 10px; }\n.hicon {\n  width: 30px; height: 30px; border-radius: 50%;\n  background: rgba(255,255,255,0.55);\n  border: 0.5px solid rgba(255,255,255,0.82);\n  display: flex; align-items: center; justify-content: center;\n}\n.hicon svg { width: 13px; height: 13px; stroke: #4a3f35; fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }\n\n\/* Layout *\/\n.product-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  padding: 20px 24px;\n  position: relative; z-index: 1;\n}\n\n\/* Image Panel *\/\n.img-panel {\n  border-radius: 22px;\n  overflow: hidden;\n  background: rgba(255,255,255,0.48);\n  backdrop-filter: blur(18px) saturate(170%);\n  -webkit-backdrop-filter: blur(18px) saturate(170%);\n  border: 0.5px solid rgba(255,255,255,0.80);\n  box-shadow: 0 8px 40px rgba(0,0,0,0.08), inset 0 0.5px 0 rgba(255,255,255,0.9);\n}\n.img-main {\n  height: 300px;\n  display: flex; align-items: center; justify-content: center;\n  position: relative;\n  overflow: hidden;\n}\n.leash-visual {\n  display: flex; flex-direction: column; align-items: center; gap: 0;\n}\n.leash-strap {\n  width: 14px;\n  height: 160px;\n  border-radius: 7px;\n  transition: background 0.3s ease;\n}\n.leash-handle {\n  width: 44px; height: 44px; border-radius: 50%;\n  border: 5px solid transparent;\n  transition: border-color 0.3s ease;\n  margin-top: -22px;\n  position: relative; z-index: 2;\n  background: transparent;\n}\n.leash-clip {\n  width: 10px; height: 28px;\n  border-radius: 5px;\n  transition: background 0.3s ease;\n  margin-top: -14px;\n}\n.leash-badge {\n  position: absolute; top: 14px; left: 14px;\n  padding: 5px 10px; border-radius: 20px;\n  font-size: 10px; font-weight: 500;\n  background: rgba(255,255,255,0.65);\n  border: 0.5px solid rgba(255,255,255,0.85);\n  color: #4a3f35;\n  backdrop-filter: blur(8px);\n}\n\n.img-thumbs {\n  display: flex; gap: 8px; padding: 12px;\n  border-top: 0.5px solid rgba(255,255,255,0.6);\n  background: rgba(255,255,255,0.30);\n}\n.thumb {\n  width: 44px; height: 44px; border-radius: 10px;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer;\n  border: 1.5px solid transparent;\n  transition: border-color 0.2s, transform 0.15s;\n  background: rgba(255,255,255,0.55);\n}\n.thumb.active { border-color: rgba(100,80,60,0.5); transform: scale(1.05); }\n.thumb-dot { width: 16px; height: 16px; border-radius: 50%; }\n\n\/* Info Panel *\/\n.info-panel {\n  display: flex; flex-direction: column; gap: 14px;\n}\n\n.info-card {\n  border-radius: 18px;\n  background: rgba(255,255,255,0.50);\n  backdrop-filter: blur(18px) saturate(170%);\n  -webkit-backdrop-filter: blur(18px) saturate(170%);\n  border: 0.5px solid rgba(255,255,255,0.80);\n  box-shadow: 0 4px 20px rgba(0,0,0,0.05), inset 0 0.5px 0 rgba(255,255,255,0.9);\n  padding: 16px 18px;\n}\n\n.product-title { font-size: 18px; font-weight: 600; color: #2a201a; line-height: 1.3; letter-spacing: -0.01em; }\n.product-price { font-size: 22px; font-weight: 700; color: #2a201a; margin-top: 6px; }\n.price-sub { font-size: 11px; color: #9a8a7e; font-weight: 400; margin-top: 2px; }\n\n.section-label { font-size: 11px; font-weight: 600; letter-spacing: 0.06em; color: #9a8a7e; text-transform: uppercase; margin-bottom: 10px; }\n\n\/* Color Swatches *\/\n.swatches { display: flex; gap: 8px; flex-wrap: wrap; }\n.swatch {\n  width: 34px; height: 34px; border-radius: 50%;\n  border: 2px solid transparent;\n  cursor: pointer;\n  transition: transform 0.15s, border-color 0.15s;\n  box-shadow: 0 2px 8px rgba(0,0,0,0.12);\n  position: relative;\n}\n.swatch.active { border-color: rgba(80,60,40,0.7); transform: scale(1.1); }\n.swatch::after {\n  content: attr(data-name);\n  position: absolute;\n  bottom: -18px; left: 50%; transform: translateX(-50%);\n  font-size: 8px; color: #7a6a5e; white-space: nowrap;\n  opacity: 0; transition: opacity 0.15s;\n}\n.swatch:hover::after { opacity: 1; }\n\n\/* Size Pills *\/\n.size-pills { display: flex; gap: 8px; }\n.size-pill {\n  padding: 7px 20px; border-radius: 20px;\n  font-size: 13px; font-weight: 500;\n  cursor: pointer;\n  background: rgba(255,255,255,0.52);\n  border: 0.5px solid rgba(255,255,255,0.80);\n  color: #4a3f35;\n  transition: all 0.15s;\n}\n.size-pill.active {\n  background: rgba(80,60,40,0.85);\n  border-color: rgba(80,60,40,0.9);\n  color: #fff;\n}\n.size-pill:hover:not(.active) { background: rgba(255,255,255,0.75); }\n\n\/* Specs *\/\n.specs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }\n.spec-row { display: flex; flex-direction: column; }\n.spec-key { font-size: 10px; color: #9a8a7e; }\n.spec-val { font-size: 12px; font-weight: 500; color: #3a3028; }\n\n\/* Quantity *\/\n.qty-row { display: flex; align-items: center; gap: 12px; }\n.qty-ctrl {\n  display: flex; align-items: center; gap: 0;\n  border-radius: 12px;\n  overflow: hidden;\n  background: rgba(255,255,255,0.52);\n  border: 0.5px solid rgba(255,255,255,0.80);\n}\n.qty-btn {\n  width: 34px; height: 34px;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer;\n  font-size: 16px; color: #4a3f35;\n  background: transparent; border: none;\n  transition: background 0.12s;\n}\n.qty-btn:hover { background: rgba(255,255,255,0.6); }\n.qty-num { width: 34px; text-align: center; font-size: 14px; font-weight: 600; color: #2a201a; }\n\n\/* CTA Buttons *\/\n.btn-cart {\n  flex: 1;\n  padding: 13px;\n  border-radius: 14px;\n  border: none;\n  font-size: 14px; font-weight: 600;\n  letter-spacing: 0.01em;\n  cursor: pointer;\n  background: rgba(50,35,25,0.85);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 0.5px solid rgba(80,60,40,0.6);\n  color: rgba(255,245,235,0.95);\n  box-shadow: 0 4px 20px rgba(50,35,25,0.20);\n  transition: all 0.2s;\n}\n.btn-cart:hover { background: rgba(50,35,25,0.95); transform: translateY(-1px); }\n\n.btn-buy {\n  width: 100%;\n  padding: 12px;\n  border-radius: 14px;\n  border: none;\n  font-size: 13px; font-weight: 500;\n  cursor: pointer;\n  background: rgba(255,255,255,0.60);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  border: 0.5px solid rgba(255,255,255,0.85);\n  color: #3a3028;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n  transition: all 0.2s;\n  margin-top: 4px;\n}\n.btn-buy:hover { background: rgba(255,255,255,0.80); }\n\n\/* Tags *\/\n.tag-row { display: flex; gap: 6px; flex-wrap: wrap; }\n.tag {\n  padding: 4px 10px; border-radius: 20px;\n  font-size: 10px; font-weight: 500;\n  background: rgba(255,255,255,0.50);\n  border: 0.5px solid rgba(255,255,255,0.75);\n  color: #6a5a4e;\n}\n\n\/* Selected label *\/\n.sel-label { font-size: 11px; color: #6a5a4e; margin-top: 8px; }\n.sel-label strong { color: #2a201a; }\n\u003c\/style\u003e\n\u003cdiv class=\"page\"\u003e\n\u003cdiv class=\"orb o1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"orb o2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"header\"\u003e\n\u003cdiv class=\"hicons\"\u003e\n\u003cdiv class=\"hicon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"11\" cy=\"11\" r=\"8\"\u003e\u003c\/circle\u003e\u003cline x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"hicon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z\"\u003e\u003c\/path\u003e\u003cline x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\u003e\u003c\/line\u003e\u003cpath d=\"M16 10a4 4 0 01-8 0\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"product-layout\"\u003e\n\u003c!-- Image --\u003e\n\u003cdiv class=\"img-panel\"\u003e\n\u003cdiv class=\"img-main\"\u003e\n\u003cdiv class=\"leash-badge\"\u003ePremium Leder\u003c\/div\u003e\n\u003cdiv class=\"leash-visual\"\u003e\n\u003cdiv class=\"leash-handle\" id=\"leashHandle\" style=\"border-color: #1a1a1a;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"leash-strap\" id=\"leashStrap\" style=\"background: #1a1a1a;\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"leash-clip\" id=\"leashClip\" style=\"background: #888;\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"img-thumbs\"\u003e\n\u003cdiv class=\"thumb active\" data-color=\"Black\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #1a1a1a;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumb\" data-color=\"Blue\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #2855a0;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumb\" data-color=\"Brown\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #7a4a2a;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumb\" data-color=\"Pink\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #d45880;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumb\" data-color=\"Red\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #c02828;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"thumb\" data-color=\"Sky Blue\"\u003e\n\u003cdiv class=\"thumb-dot\" style=\"background: #4ab0d8;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Info --\u003e\n\u003cdiv class=\"info-panel\"\u003e\n\u003c!-- Title \u0026 Price --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"product-title\"\u003eLeather Solid Color\u003cbr\u003eDog Chain Leash\u003c\/div\u003e\n\u003cdiv class=\"product-price\"\u003e€29,99 EUR\u003c\/div\u003e\n\u003cdiv class=\"price-sub\"\u003eInkl. Steuern · Kostenloser Versand\u003c\/div\u003e\n\u003cdiv class=\"tag-row\" style=\"margin-top: 10px;\"\u003e\n\u003cdiv class=\"tag\"\u003eEchtleder\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e120 cm Länge\u003c\/div\u003e\n\u003cdiv class=\"tag\"\u003e6 Farben\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Color --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"section-label\"\u003eFarbe\u003c\/div\u003e\n\u003cdiv class=\"swatches\"\u003e\n\u003cdiv class=\"swatch active\" style=\"background: #1a1a1a;\" data-name=\"Black\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swatch\" style=\"background: #2855a0;\" data-name=\"Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swatch\" style=\"background: #7a4a2a;\" data-name=\"Brown\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swatch\" style=\"background: #d45880;\" data-name=\"Pink\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swatch\" style=\"background: #c02828;\" data-name=\"Red\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"swatch\" style=\"background: #4ab0d8;\" data-name=\"Sky Blue\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sel-label\" id=\"colorLabel\" style=\"margin-top: 14px;\"\u003eAusgewählt: \u003cstrong\u003eBlack\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Size --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"section-label\"\u003eGröße\u003c\/div\u003e\n\u003cdiv class=\"size-pills\"\u003e\n\u003cdiv class=\"size-pill\"\u003eS  \u003cspan style=\"font-size: 10px; opacity: 0.6;\"\u003e1.5×120cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-pill active\"\u003eM  \u003cspan style=\"font-size: 10px; opacity: 0.6;\"\u003e2.0×120cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"specs\" style=\"margin-top: 12px;\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMaterial\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003eEchtleder\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eLieferumfang\u003c\/span\u003e\u003cspan class=\"spec-val\"\u003e1× Leine\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Qty + CTA --\u003e\n\u003cdiv class=\"info-card\"\u003e\n\u003cdiv class=\"section-label\"\u003eAnzahl\u003c\/div\u003e\n\u003cdiv class=\"qty-row\"\u003e\n\u003cdiv class=\"qty-ctrl\"\u003e\n\u003cbutton class=\"qty-btn\"\u003e−\u003c\/button\u003e\n\u003cdiv class=\"qty-num\" id=\"qty\"\u003e1\u003c\/div\u003e\n\u003cbutton class=\"qty-btn\"\u003e+\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"btn-cart\"\u003eIn den Warenkorb\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"btn-buy\" style=\"margin-top: 10px;\"\u003eJetzt kaufen\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\nlet qty = 1;\n\nfunction changeQty(d) {\n  qty = Math.max(1, qty + d);\n  document.getElementById('qty').textContent = qty;\n}\n\nfunction setColor(main, accent, name) {\n  document.getElementById('leashStrap').style.background = main;\n  document.getElementById('leashHandle').style.borderColor = main;\n  document.getElementById('leashClip').style.background = accent;\n  document.querySelectorAll('.thumb').forEach(t =\u003e {\n    t.classList.toggle('active', t.dataset.color === name);\n  });\n}\n\nfunction selectSwatch(el, main, accent, name) {\n  document.querySelectorAll('.swatch').forEach(s =\u003e s.classList.remove('active'));\n  el.classList.add('active');\n  document.getElementById('colorLabel').innerHTML = 'Ausgewählt: \u003cstrong\u003e' + name + '\u003c\/strong\u003e';\n  setColor(main, accent, name);\n}\n\nfunction selectSize(el, size) {\n  document.querySelectorAll('.size-pill').forEach(p =\u003e p.classList.remove('active'));\n  el.classList.add('active');\n}\n\nfunction addToCart() {\n  const btn = document.querySelector('.btn-cart');\n  const orig = btn.textContent;\n  btn.textContent = '✓ Hinzugefügt';\n  btn.style.background = 'rgba(30,120,60,0.88)';\n  setTimeout(() =\u003e {\n    btn.textContent = orig;\n    btn.style.background = '';\n  }, 1800);\n}\n\u003c\/script\u003e \u003cimg src=\"https:\/\/cf.cjdropshipping.com\/2f257d5c-a157-43f1-b92c-31e32ca83d67.jpg\" style=\"max-width: 100%;\"\u003e \u003cimg src=\"https:\/\/cf.cjdropshipping.com\/b5d7b37a-a6e1-4933-b5c9-08b990e694b1.jpg\" style=\"max-width: 100%;\"\u003e \u003cimg src=\"https:\/\/cf.cjdropshipping.com\/00d8877a-282d-4ddd-bf3a-acadc7ecd412.jpg\" style=\"max-width: 100%;\"\u003e \u003cimg src=\"https:\/\/cf.cjdropshipping.com\/6192198a-a83b-4530-ac0e-298afd29ab6f.jpg\" style=\"max-width: 100%;\"\u003e \u003cimg src=\"https:\/\/cf.cjdropshipping.com\/0587b257-8717-49e9-a842-18bfe7ea8aca.jpg\" style=\"max-width: 100%;\"\u003e \u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"VELVETPAW","offers":[{"title":"Black \/ M","offer_id":53769363226951,"sku":"CJGX125541102BY","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Black \/ S","offer_id":53769363259719,"sku":"CJGX125541101AZ","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Blue \/ M","offer_id":53769363292487,"sku":"CJGX125541104DW","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Blue \/ S","offer_id":53769363325255,"sku":"CJGX125541103CX","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ M","offer_id":53769363358023,"sku":"CJGX125541108HS","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Brown \/ S","offer_id":53769363390791,"sku":"CJGX125541107GT","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ M","offer_id":53769363423559,"sku":"CJGX125541106FU","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Pink \/ S","offer_id":53769363456327,"sku":"CJGX125541105EV","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Red \/ M","offer_id":53769363489095,"sku":"CJGX125541110JQ","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Red \/ S","offer_id":53769363521863,"sku":"CJGX125541109IR","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Sky Blue \/ M","offer_id":53769363554631,"sku":"CJGX125541112LO","price":29.99,"currency_code":"EUR","in_stock":true},{"title":"Sky Blue \/ S","offer_id":53769363587399,"sku":"CJGX125541111KP","price":29.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0978\/0310\/8679\/files\/c2af5aff-663e-44e5-9a29-b5c05ce8dd9f.jpg?v=1776955219","url":"https:\/\/velvet-paw.de\/products\/leather-solid-color-dog-chain-leash","provider":"VELVETPAW","version":"1.0","type":"link"}