{"product_id":"classic-baseball-cap-men","title":"Classic Streetwear Baseball Cap for Men","description":"\u003cstyle\u003e @keyframes kcpFadeIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } @keyframes kcpLineIn { from { width: 0; opacity: 0; } to { width: 64px; opacity: 1; } } .kcp-reveal { opacity: 1; transform: none; } .kcp-anim .kcp-reveal { opacity: 0; transform: translateY(14px); } .kcp-anim .kcp-reveal.is-visible { animation: kcpFadeIn 0.65s ease-out forwards; } .kcp-line { display: inline-block; width: 64px; height: 5px; margin: 0 4px; background-color: #ffffff; } .kcp-card { transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .kcp-card:hover { transform: none; background-color: #ffffff !important; border-color: #000000 !important; } .kcp-card-title, .kcp-card-text, .kcp-card-number { transition: color 0.3s ease; } .kcp-card:hover .kcp-card-title, .kcp-card:hover .kcp-card-text, .kcp-card:hover .kcp-card-number { color: #000000 !important; } .kcp-shimmer { position: relative; overflow: hidden; } .kcp-shimmer \u003e * { position: relative; z-index: 1; } .kcp-shimmer::before { content: \"\"; position: absolute; top: -10%; left: -110%; width: 75%; height: 120%; background: linear-gradient( 110deg, transparent 0%, rgba(255,255,255,0.03) 25%, rgba(255,255,255,0.12) 50%, rgba(255,255,255,0.03) 75%, transparent 100% ); animation: kcpShine 4.8s ease-in-out infinite; transform: skewX(-12deg); pointer-events: none; } @keyframes kcpShine { 0% { left: -110%; } 55% { left: 160%; } 100% { left: 160%; } } .kcp-features-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 16px !important; max-width: 980px; margin: 0 auto; } .kcp-features-grid \u003e .kcp-card { width: 100% !important; height: 320px !important; min-height: 320px !important; max-height: 320px !important; margin: 0 !important; padding: 26px 22px !important; position: static !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; align-self: stretch !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } @media (max-width: 760px) { .kcp-features-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .kcp-features-grid \u003e .kcp-card { height: auto !important; min-height: 0 !important; max-height: none !important; } .kcp-option { display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; } } @media (prefers-reduced-motion: reduce) { .kcp-reveal, .kcp-shimmer::before { animation: none !important; opacity: 1 !important; transform: none !important; } .kcp-card { transition: none !important; } } .kcp-wrap { container-type: inline-size; container-name: kcpwrap; } @container kcpwrap (max-width: 640px) { .kcp-features-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .kcp-features-grid \u003e .kcp-card { height: auto !important; min-height: 0 !important; max-height: none !important; } } \u003c\/style\u003e \u003cdiv class=\"kcp-wrap\"\u003e \u003cdiv class=\"kcp-reveal kcp-shimmer\" style=\"background-color:#000000; color:#ffffff; padding:68px 30px 58px; margin:0 0 42px 0; text-align:center; position:relative; overflow:hidden;\"\u003e \u003cdiv style=\"margin-bottom:28px; font-size:0; line-height:0; white-space:nowrap;\"\u003e \u003cspan class=\"kcp-line\"\u003e\u003c\/span\u003e \u003cspan class=\"kcp-line\"\u003e\u003c\/span\u003e \u003cspan class=\"kcp-line\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"font-size:12px; letter-spacing:0.38em; color:#ffffff; font-weight:800; margin:0 0 18px 0; text-transform:uppercase; opacity:0.78;\"\u003eEveryday Streetwear\u003c\/p\u003e \u003ch2 style=\"font-size:clamp(34px, 8vw, 54px); line-height:0.96; font-weight:900; margin:0 0 22px 0; color:#ffffff; letter-spacing:-0.03em; text-transform:uppercase; white-space: nowrap; font-size: min(clamp(34px, 8vw, 54px), calc((100cqi - 68px) \/ 6.65));\"\u003e CLASSIC CAP\u003cbr\u003e \u003cspan style=\"-webkit-text-stroke:2px #ffffff; color:transparent; display:inline-block;\"\u003eCLEAN FINISH\u003c\/span\u003e \u003c\/h2\u003e \u003cp style=\"font-size:17px; line-height:1.65; color:rgba(255,255,255,0.75); max-width:540px; margin:0 auto;\"\u003e A clean black cap with a structured profile, a curved peak and an embroidered front detail. Easy to style with your everyday rotation. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-reveal\" style=\"margin:0 0 48px 0;\"\u003e \u003cp style=\"font-size:12px; letter-spacing:0.3em; color:#000000; font-weight:800; margin:0 0 14px 0; text-transform:uppercase;\"\u003eDesign Details\u003c\/p\u003e \u003ch3 style=\"font-size:clamp(26px, 6vw, 36px); font-weight:900; color:#000000; margin:0 0 30px 0; line-height:1; text-transform:uppercase; letter-spacing:-0.02em; white-space: nowrap; font-size: min(clamp(26px, 6vw, 36px), calc((100cqi - 8px) \/ 9.28));\"\u003e SIMPLE.\u003cbr\u003eSHARP. VERSATILE. \u003c\/h3\u003e \u003cdiv class=\"kcp-features-grid\" style=\"background-color:#000000; padding:34px 24px; text-align:center;\"\u003e \u003cdiv class=\"kcp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"kcp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e01\u003c\/div\u003e \u003ch4 class=\"kcp-card-title\" style=\"font-size:14px; font-weight:900; color:#ffffff; text-transform:uppercase; letter-spacing:0.08em; margin:0 0 10px 0;\"\u003eStructured Profile\u003c\/h4\u003e \u003cp class=\"kcp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA classic six-panel build that holds a clean, defined silhouette.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"kcp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e02\u003c\/div\u003e \u003ch4 class=\"kcp-card-title\" style=\"font-size:14px; font-weight:900; color:#ffffff; text-transform:uppercase; letter-spacing:0.08em; margin:0 0 10px 0;\"\u003eCurved Stitched Peak\u003c\/h4\u003e \u003cp class=\"kcp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eVisible stitching on a curved peak for a timeless sportswear finish.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"kcp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e03\u003c\/div\u003e \u003ch4 class=\"kcp-card-title\" style=\"font-size:14px; font-weight:900; color:#ffffff; text-transform:uppercase; letter-spacing:0.08em; margin:0 0 10px 0;\"\u003eEmbroidered Detail\u003c\/h4\u003e \u003cp class=\"kcp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eWhite contrast embroidery on the front adds a clean focal point.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-reveal\" style=\"margin:0 0 48px 0;\"\u003e \u003cp style=\"font-size:12px; letter-spacing:0.3em; color:#000000; font-weight:800; margin:0 0 14px 0; text-transform:uppercase;\"\u003eProduct Options\u003c\/p\u003e \u003ch3 style=\"font-size:clamp(26px, 6vw, 36px); font-weight:900; color:#000000; margin:0 0 26px 0; line-height:1; text-transform:uppercase; letter-spacing:-0.02em; white-space: nowrap; font-size: min(clamp(26px, 6vw, 36px), calc((100cqi - 8px) \/ 8.89));\"\u003e EASY TO CHOOSE.\u003cbr\u003eEASY TO STYLE. \u003c\/h3\u003e \u003cdiv style=\"font-size:0; line-height:0;\"\u003e \u003cdiv class=\"kcp-option\" style=\"display:inline-block; vertical-align:top; width:calc(50% - 8px); margin:0 8px 0 0; box-sizing:border-box; border:2px solid #000000;\"\u003e \u003cdiv style=\"background-color:#000000; color:#ffffff; padding:14px 18px; font-size:12px; line-height:normal; font-weight:900; text-transform:uppercase; letter-spacing:0.12em;\"\u003eColour\u003c\/div\u003e \u003cdiv style=\"padding:22px 18px; background-color:#ffffff; font-size:15px; line-height:normal; color:#000000; font-weight:800;\"\u003e \u003cspan style=\"display:inline-block; width:16px; height:16px; background-color:#000000; border:1px solid #555555; vertical-align:-3px; margin-right:9px;\"\u003e\u003c\/span\u003e Black \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-option\" style=\"display:inline-block; vertical-align:top; width:calc(50% - 8px); margin:0 0 0 8px; box-sizing:border-box; border:2px solid #000000;\"\u003e \u003cdiv style=\"background-color:#000000; color:#ffffff; padding:14px 18px; font-size:12px; line-height:normal; font-weight:900; text-transform:uppercase; letter-spacing:0.12em;\"\u003eSize\u003c\/div\u003e \u003cdiv style=\"padding:22px 18px; background-color:#ffffff; font-size:15px; line-height:normal; color:#000000; font-weight:800;\"\u003eOne Size\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"font-size:13px; line-height:1.65; color:#666666; margin:16px 0 0 0;\"\u003e One size, designed for an easy everyday fit. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"kcp-reveal kcp-shimmer\" style=\"background-color:#000000; padding:66px 30px 58px; text-align:center; overflow:hidden; position:relative;\"\u003e \u003cdiv style=\"margin-bottom:28px; font-size:0; line-height:0; white-space:nowrap;\"\u003e \u003cspan class=\"kcp-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e \u003cspan class=\"kcp-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e \u003cspan class=\"kcp-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cp style=\"font-size:12px; letter-spacing:0.38em; color:#ffffff; font-weight:800; margin:0 0 20px 0; text-transform:uppercase; opacity:0.75;\"\u003eComplete the Look\u003c\/p\u003e \u003ch3 style=\"font-size:clamp(34px, 8vw, 50px); font-weight:900; color:#ffffff; margin:0 0 22px 0; line-height:0.96; text-transform:uppercase; letter-spacing:-0.03em; white-space: nowrap; font-size: min(clamp(34px, 8vw, 50px), calc((100cqi - 68px) \/ 6.98));\"\u003e THE FINISHING\u003cbr\u003eTOUCH. \u003c\/h3\u003e \u003cp style=\"font-size:16px; line-height:1.65; color:rgba(255,255,255,0.75); max-width:500px; margin:0 auto;\"\u003e Match it with our bomber jacket for a complete streetwear look from head to toe. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cscript\u003e (function () { if (!(\"IntersectionObserver\" in window)) return; document.documentElement.classList.add(\"kcp-anim\"); var blocks = document.querySelectorAll(\".kcp-reveal\"); var observer = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add(\"is-visible\"); observer.unobserve(entry.target); } }); }, { threshold: 0, rootMargin: \"0px 0px -10% 0px\" }); blocks.forEach(function (block) { observer.observe(block); }); })(); \u003c\/script\u003e","brand":"KELDEN","offers":[{"title":"Default Title","offer_id":50528851460192,"sku":"KD-BC-BLK-OS","price":19.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0676\/8895\/6000\/files\/kelden-baseball-cap-1.jpg?v=1790663915","url":"https:\/\/keldenshop.co.uk\/products\/classic-baseball-cap-men","provider":"KELDEN","version":"1.0","type":"link"}