{"product_id":"structured-streetwear-cap","title":"Men's Structured Streetwear Cap","description":"\u003cstyle\u003e @keyframes ccpFadeIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } } @keyframes ccpLineIn { from { width: 0; opacity: 0; } to { width: 64px; opacity: 1; } } .ccp-reveal { opacity: 1; transform: none; } .ccp-anim .ccp-reveal { opacity: 0; transform: translateY(14px); } .ccp-anim .ccp-reveal.is-visible { animation: ccpFadeIn 0.65s ease-out forwards; } .ccp-line { display: inline-block; width: 64px; height: 5px; margin: 0 4px; background-color: #ffffff; } .ccp-card { transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .ccp-card:hover { transform: none; background-color: #ffffff !important; border-color: #000000 !important; } .ccp-card-title, .ccp-card-text, .ccp-card-number { transition: color 0.3s ease; } .ccp-card:hover .ccp-card-title, .ccp-card:hover .ccp-card-text, .ccp-card:hover .ccp-card-number { color: #000000 !important; } .ccp-shimmer { position: relative; overflow: hidden; } .ccp-shimmer \u003e * { position: relative; z-index: 1; } .ccp-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: ccpShine 4.8s ease-in-out infinite; transform: skewX(-12deg); pointer-events: none; } @keyframes ccpShine { 0% { left: -110%; } 55% { left: 160%; } 100% { left: 160%; } } .ccp-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; } .ccp-features-grid \u003e .ccp-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) { .ccp-features-grid { grid-template-columns: 1fr !important; gap: 12px !important; } .ccp-features-grid \u003e .ccp-card { height: auto !important; min-height: 0 !important; max-height: none !important; } .ccp-option { display: block !important; width: 100% !important; margin: 0 0 10px 0 !important; } } @media (prefers-reduced-motion: reduce) { .ccp-reveal, .ccp-shimmer::before { animation: none !important; opacity: 1 !important; transform: none !important; } .ccp-card { transition: none !important; } } \u003c\/style\u003e \u003cdiv class=\"ccp-reveal ccp-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=\"ccp-line\"\u003e\u003c\/span\u003e \u003cspan class=\"ccp-line\"\u003e\u003c\/span\u003e \u003cspan class=\"ccp-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;\"\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 shape, curved peak and embroidered front detail. Easy to wear within your everyday rotation. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ccp-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;\"\u003e SIMPLE.\u003cbr\u003eSHARP. VERSATILE. \u003c\/h3\u003e \u003cdiv class=\"ccp-features-grid\" style=\"background-color:#000000; padding:34px 24px; text-align:center;\"\u003e \u003cdiv class=\"ccp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"ccp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e01\u003c\/div\u003e \u003ch4 class=\"ccp-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=\"ccp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA classic six-panel shape built to hold a clean, defined silhouette.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ccp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"ccp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e02\u003c\/div\u003e \u003ch4 class=\"ccp-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=\"ccp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA curved peak with exposed stitching for a timeless sportswear finish.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ccp-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e \u003cdiv class=\"ccp-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e03\u003c\/div\u003e \u003ch4 class=\"ccp-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=\"ccp-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA contrasting white embroidered front detail adds a clean focal point.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"ccp-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;\"\u003e EASY TO CHOOSE.\u003cbr\u003eEASY TO STYLE. \u003c\/h3\u003e \u003cdiv style=\"font-size:0; line-height:0;\"\u003e \u003cdiv class=\"ccp-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=\"ccp-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 design made for a simple, easy everyday fit. \u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"ccp-reveal ccp-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=\"ccp-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e \u003cspan class=\"ccp-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e \u003cspan class=\"ccp-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;\"\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 Team it with your go-to jacket for a coordinated streetwear look from top to bottom. \u003c\/p\u003e \u003c\/div\u003e \u003cscript\u003e (function () { if (!(\"IntersectionObserver\" in window)) return; document.documentElement.classList.add(\"ccp-anim\"); var blocks = document.querySelectorAll(\".ccp-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":"CALVERN","offers":[{"title":"Default Title","offer_id":46197998649479,"sku":"CA-CP-BLK-OS","price":19.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0763\/3040\/1927\/files\/calvern-cap-1.jpg?v=1792109138","url":"https:\/\/calvern.co.uk\/products\/structured-streetwear-cap","provider":"CALVERN","version":"1.0","type":"link"}