{"product_id":"cap","title":"Men’s Classic Streetwear Cap","description":"\u003cstyle\u003e\n  \/* ===== CLASSIC STREETWEAR CAP ===== *\/\n\n  @keyframes capFadeIn {\n    from { opacity: 0; transform: translateY(14px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  @keyframes capLineIn {\n    from { width: 0; opacity: 0; }\n    to { width: 64px; opacity: 1; }\n  }\n\n  \/* Conteúdo permanece visível caso a Shopify remova o JavaScript *\/\n  .cap-reveal { opacity: 1; transform: none; }\n\n  .cap-anim .cap-reveal {\n    opacity: 0;\n    transform: translateY(14px);\n  }\n\n  .cap-anim .cap-reveal.is-visible {\n    animation: capFadeIn 0.65s ease-out forwards;\n  }\n\n  .cap-line {\n    display: inline-block;\n    width: 64px;\n    height: 5px;\n    margin: 0 4px;\n    background-color: #ffffff;\n  }\n\n  .cap-card {\n    transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;\n  }\n\n  .cap-card:hover {\n    transform: none;\n    background-color: #ffffff !important;\n    border-color: #000000 !important;\n  }\n\n  .cap-card-title,\n  .cap-card-text,\n  .cap-card-number {\n    transition: color 0.3s ease;\n  }\n\n  .cap-card:hover .cap-card-title,\n  .cap-card:hover .cap-card-text,\n  .cap-card:hover .cap-card-number {\n    color: #000000 !important;\n  }\n\n  .cap-shimmer {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .cap-shimmer \u003e * {\n    position: relative;\n    z-index: 1;\n  }\n\n  .cap-shimmer::before {\n    content: \"\";\n    position: absolute;\n    top: -10%;\n    left: -110%;\n    width: 75%;\n    height: 120%;\n    background: linear-gradient(\n      110deg,\n      transparent 0%,\n      rgba(255,255,255,0.03) 25%,\n      rgba(255,255,255,0.12) 50%,\n      rgba(255,255,255,0.03) 75%,\n      transparent 100%\n    );\n    animation: capShine 4.8s ease-in-out infinite;\n    transform: skewX(-12deg);\n    pointer-events: none;\n  }\n\n  @keyframes capShine {\n    0% { left: -110%; }\n    55% { left: 160%; }\n    100% { left: 160%; }\n  }\n\n  .cap-features-grid {\n    display: grid !important;\n    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\n    align-items: stretch !important;\n    gap: 16px !important;\n    max-width: 980px;\n    margin: 0 auto;\n  }\n\n  .cap-features-grid \u003e .cap-card {\n    width: 100% !important;\n    height: 320px !important;\n    min-height: 320px !important;\n    max-height: 320px !important;\n    margin: 0 !important;\n    padding: 26px 22px !important;\n    position: static !important;\n    top: auto !important;\n    bottom: auto !important;\n    left: auto !important;\n    right: auto !important;\n    transform: none !important;\n    align-self: stretch !important;\n    box-sizing: border-box !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important;\n  }\n\n  @media (max-width: 760px) {\n    .cap-features-grid {\n      grid-template-columns: 1fr !important;\n      gap: 12px !important;\n    }\n\n    .cap-features-grid \u003e .cap-card {\n      height: auto !important;\n      min-height: 0 !important;\n      max-height: none !important;\n    }\n\n    .cap-option {\n      display: block !important;\n      width: 100% !important;\n      margin: 0 0 10px 0 !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cap-reveal,\n    .cap-shimmer::before {\n      animation: none !important;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n\n    .cap-card {\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003c!-- ===== BLOCK 1: HERO ===== --\u003e\n\u003cdiv class=\"cap-reveal cap-shimmer\" style=\"background-color:#000000; color:#ffffff; padding:68px 30px 58px; margin:0 0 42px 0; text-align:center; position:relative; overflow:hidden;\"\u003e\n\n  \u003cdiv style=\"margin-bottom:28px; font-size:0; line-height:0; white-space:nowrap;\"\u003e\n    \u003cspan class=\"cap-line\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"cap-line\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"cap-line\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \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\n\n  \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\n    CLASSIC CAP\u003cbr\u003e\n    \u003cspan style=\"-webkit-text-stroke:2px #ffffff; color:transparent; display:inline-block;\"\u003eCLEAN FINISH\u003c\/span\u003e\n  \u003c\/h2\u003e\n\n  \u003cp style=\"font-size:17px; line-height:1.65; color:rgba(255,255,255,0.75); max-width:540px; margin:0 auto;\"\u003e\n    A clean black cap with a structured profile, curved peak and embroidered front detail. Easy to wear with your everyday rotation.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== BLOCK 2: KEY DETAILS ===== --\u003e\n\u003cdiv class=\"cap-reveal\" style=\"margin:0 0 48px 0;\"\u003e\n  \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\n\n  \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\n    SIMPLE.\u003cbr\u003eSHARP. VERSATILE.\n  \u003c\/h3\u003e\n\n  \u003cdiv class=\"cap-features-grid\" style=\"background-color:#000000; padding:34px 24px; text-align:center;\"\u003e\n\n    \u003cdiv class=\"cap-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e\n      \u003cdiv class=\"cap-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e01\u003c\/div\u003e\n      \u003ch4 class=\"cap-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\n      \u003cp class=\"cap-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA classic six-panel shape designed to keep a clean, defined silhouette.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cap-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e\n      \u003cdiv class=\"cap-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e02\u003c\/div\u003e\n      \u003ch4 class=\"cap-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\n      \u003cp class=\"cap-card-text\" style=\"font-size:14px; line-height:1.6; color:rgba(255,255,255,0.65); margin:0;\"\u003eA curved peak with visible stitching for a timeless sportswear finish.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cap-card\" style=\"background-color:#171717; border:1px solid #333333;\"\u003e\n      \u003cdiv class=\"cap-card-number\" style=\"font-size:34px; font-weight:900; color:#ffffff; line-height:1; margin-bottom:15px;\"\u003e03\u003c\/div\u003e\n      \u003ch4 class=\"cap-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\n      \u003cp class=\"cap-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\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== BLOCK 3: COLOUR AND SIZE ===== --\u003e\n\u003cdiv class=\"cap-reveal\" style=\"margin:0 0 48px 0;\"\u003e\n  \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\n\n  \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\n    EASY TO CHOOSE.\u003cbr\u003eEASY TO STYLE.\n  \u003c\/h3\u003e\n\n  \u003cdiv style=\"font-size:0; line-height:0;\"\u003e\n\n    \u003cdiv class=\"cap-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\n      \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\n      \u003cdiv style=\"padding:22px 18px; background-color:#ffffff; font-size:15px; line-height:normal; color:#000000; font-weight:800;\"\u003e\n        \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\n        Black\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cap-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\n      \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\n      \u003cdiv style=\"padding:22px 18px; background-color:#ffffff; font-size:15px; line-height:normal; color:#000000; font-weight:800;\"\u003eOne Size\u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cp style=\"font-size:13px; line-height:1.65; color:#666666; margin:16px 0 0 0;\"\u003e\n    One-size design intended for a straightforward everyday fit.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- ===== BLOCK 4: FINAL MESSAGE ===== --\u003e\n\u003cdiv class=\"cap-reveal cap-shimmer\" style=\"background-color:#000000; padding:66px 30px 58px; text-align:center; overflow:hidden; position:relative;\"\u003e\n\n  \u003cdiv style=\"margin-bottom:28px; font-size:0; line-height:0; white-space:nowrap;\"\u003e\n    \u003cspan class=\"cap-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"cap-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"cap-line\" style=\"width:70px;\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \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\n\n  \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\n    THE FINISHING\u003cbr\u003eTOUCH.\n  \u003c\/h3\u003e\n\n  \u003cp style=\"font-size:16px; line-height:1.65; color:rgba(255,255,255,0.75); max-width:500px; margin:0 auto;\"\u003e\n    Pair it with the classic bomber jacket for a coordinated streetwear look from top to bottom.\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function () {\n    if (!(\"IntersectionObserver\" in window)) return;\n\n    document.documentElement.classList.add(\"cap-anim\");\n\n    var blocks = document.querySelectorAll(\".cap-reveal\");\n\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"is-visible\");\n          observer.unobserve(entry.target);\n        }\n      });\n    }, {\n      threshold: 0,\n      rootMargin: \"0px 0px -10% 0px\"\n    });\n\n    blocks.forEach(function (block) {\n      observer.observe(block);\n    });\n  })();\n\u003c\/script\u003e","brand":"Brackford","offers":[{"title":"Default Title","offer_id":58352476619055,"sku":null,"price":19.0,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0995\/0953\/5023\/files\/Men_sClassicStreetwearCap_1.png?v=1787207256","url":"https:\/\/brackford.store\/products\/cap","provider":"Brackford","version":"1.0","type":"link"}