{"title":"Shop By Colour","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@300;400;500\u0026family=Barlow:wght@300;400;500\u0026display=swap');\n\n\/* ============================== *\/\n\/*  CONTAINER                      *\/\n\/* ============================== *\/\n.fnd-colour-hub {\n  max-width: 960px !important;\n  margin: 0 auto !important;\n  padding: 20px 20px 40px !important;\n  font-family: 'Barlow', sans-serif !important;\n}\n\n\/* ============================== *\/\n\/*  HEADER                         *\/\n\/* ============================== *\/\n.fnd-colour-hub-header {\n  text-align: center !important;\n  margin-bottom: 2.5rem !important;\n}\n\n.fnd-colour-hub-title {\n  display: block !important;\n  font-family: 'Jost', sans-serif !important;\n  font-weight: 300 !important;\n  font-size: 1.8rem !important;\n  color: #2a2a2a !important;\n  margin: 0 0 0.75rem 0 !important;\n  line-height: 1.3 !important;\n}\n\n.fnd-colour-hub-subtitle {\n  display: block !important;\n  font-family: 'Barlow', sans-serif !important;\n  font-weight: 300 !important;\n  font-size: 1.05rem !important;\n  color: #777 !important;\n  font-style: italic !important;\n}\n\n\/* ============================== *\/\n\/*  GRID                           *\/\n\/* ============================== *\/\n.fnd-colour-hub-grid {\n  display: grid !important;\n  grid-template-columns: repeat(3, 1fr) !important;\n  gap: 20px !important;\n}\n\n\/* ============================== *\/\n\/*  CARD                           *\/\n\/* ============================== *\/\n.fnd-colour-hub-card {\n  position: relative !important;\n  overflow: hidden !important;\n  display: block !important;\n  text-decoration: none !important;\n  aspect-ratio: 1 \/ 1 !important;\n  background: #f5f5f5 !important;\n}\n\n.fnd-colour-hub-card img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n  display: block !important;\n  transition: transform 0.5s ease, filter 0.5s ease !important;\n}\n\n.fnd-colour-hub-card:hover img {\n  transform: scale(1.04) !important;\n  filter: brightness(0.85) !important;\n}\n\n\/* ============================== *\/\n\/*  CARD LABEL                     *\/\n\/* ============================== *\/\n.fnd-colour-hub-label {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  padding: 1.5rem 1.25rem 1.25rem !important;\n  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n\n.fnd-colour-hub-label-name {\n  font-family: 'Jost', sans-serif !important;\n  font-weight: 400 !important;\n  font-size: 1.1rem !important;\n  color: #ffffff !important;\n  letter-spacing: 0.06em !important;\n  text-transform: uppercase !important;\n  margin: 0 !important;\n}\n\n.fnd-colour-hub-label-cta {\n  font-family: 'Barlow', sans-serif !important;\n  font-weight: 300 !important;\n  font-size: 0.8rem !important;\n  color: rgba(255,255,255,0.7) !important;\n  letter-spacing: 0.04em !important;\n  margin-top: 0.2rem !important;\n  transition: color 0.3s ease !important;\n}\n\n.fnd-colour-hub-card:hover .fnd-colour-hub-label-cta {\n  color: #ffffff !important;\n}\n\n\/* ============================== *\/\n\/*  BOTTOM ROW — 2 CARDS CENTRED   *\/\n\/* ============================== *\/\n.fnd-colour-hub-grid-bottom {\n  display: grid !important;\n  grid-template-columns: repeat(2, 1fr) !important;\n  gap: 20px !important;\n  max-width: 640px !important;\n  margin: 20px auto 0 !important;\n}\n\n\/* ============================== *\/\n\/*  RESPONSIVE                     *\/\n\/* ============================== *\/\n@media (max-width: 640px) {\n  .fnd-colour-hub-grid {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 12px !important;\n  }\n  .fnd-colour-hub-grid-bottom {\n    grid-template-columns: repeat(2, 1fr) !important;\n    gap: 12px !important;\n    max-width: 100% !important;\n    margin-top: 12px !important;\n  }\n  .fnd-colour-hub-title {\n    font-size: 1.4rem !important;\n  }\n  .fnd-colour-hub-label {\n    padding: 1rem 0.75rem 0.75rem !important;\n  }\n  .fnd-colour-hub-label-name {\n    font-size: 0.95rem !important;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"fnd-colour-hub\"\u003e\n\n  \u003cdiv class=\"fnd-colour-hub-header\"\u003e\n    \u003cspan class=\"fnd-colour-hub-title\"\u003eShop by Colour\u003c\/span\u003e\n    \u003cspan class=\"fnd-colour-hub-subtitle\"\u003eFind the finish that fits your style.\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Top row — 3 cards --\u003e\n  \u003cdiv class=\"fnd-colour-hub-grid\"\u003e\n\n    \u003ca href=\"\/collections\/modern-black-tungsten-rings\" class=\"fnd-colour-hub-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0918\/7154\/3624\/files\/Aurin-TungstenWeddingBand-BrushedblackandRosegoldsleeve-close2.webp?v=1772317214\" alt=\"Black tungsten ring with rose gold interior sleeve\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"fnd-colour-hub-label\"\u003e\n        \u003cspan class=\"fnd-colour-hub-label-name\"\u003eBlack\u003c\/span\u003e\n        \u003cspan class=\"fnd-colour-hub-label-cta\"\u003eShop Black Rings →\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/a\u003e\n\n    \u003ca href=\"\/collections\/silver-rings\" class=\"fnd-colour-hub-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0918\/7154\/3624\/files\/Argentis_PP_1x1_2.jpg?v=1770801138\" alt=\"Silver brushed tungsten ring\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"fnd-colour-hub-label\"\u003e\n        \u003cspan class=\"fnd-colour-hub-label-name\"\u003eSilver\u003c\/span\u003e\n        \u003cspan class=\"fnd-colour-hub-label-cta\"\u003eShop Silver Rings →\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/a\u003e\n\n    \u003ca href=\"\/collections\/gold-rings\" class=\"fnd-colour-hub-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0918\/7154\/3624\/files\/Aurion_PP_1x1_2.jpg?v=1770805620\" alt=\"Gold ion-plated tungsten ring\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"fnd-colour-hub-label\"\u003e\n        \u003cspan class=\"fnd-colour-hub-label-name\"\u003eGold\u003c\/span\u003e\n        \u003cspan class=\"fnd-colour-hub-label-cta\"\u003eShop Gold Rings →\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Bottom row — 2 cards centred --\u003e\n  \u003cdiv class=\"fnd-colour-hub-grid-bottom\"\u003e\n\n    \u003ca href=\"\/collections\/rose-gold-rings\" class=\"fnd-colour-hub-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0918\/7154\/3624\/files\/Roseon_PP_1x1_2.jpg?v=1770802606\" alt=\"Rose gold ion-plated tungsten ring\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"fnd-colour-hub-label\"\u003e\n        \u003cspan class=\"fnd-colour-hub-label-name\"\u003eRose Gold\u003c\/span\u003e\n        \u003cspan class=\"fnd-colour-hub-label-cta\"\u003eShop Rose Gold Rings →\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/a\u003e\n\n    \u003ca href=\"\/collections\/brown-rings\" class=\"fnd-colour-hub-card\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0918\/7154\/3624\/files\/EquinoxPP41x15.webp?v=1771016692\" alt=\"Brown wood inlay tungsten ring\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"fnd-colour-hub-label\"\u003e\n        \u003cspan class=\"fnd-colour-hub-label-name\"\u003eBrown\u003c\/span\u003e\n        \u003cspan class=\"fnd-colour-hub-label-cta\"\u003eShop Brown Rings →\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","products":[],"url":"https:\/\/www.foundoria.co.uk\/collections\/shop-by-colour.oembed","provider":"Foundoria","version":"1.0","type":"link"}