{"product_id":"hero-id-wallet","title":"Hero ID Wallet","description":"\u003c!-- =========================================================\n     SPLENDIFLY WALLET\n     SECTION 01 — HERO V2\n     PAGEFLY HTML \/ LIQUID\n========================================================= --\u003e\n\u003csection class=\"sw-hero-v2\"\u003e\u003c!-- AMBIENT BACKGROUND --\u003e\n\u003cdiv class=\"sw-hero-v2__ambient\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__beam sw-hero-v2__beam--left\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__beam sw-hero-v2__beam--right\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__container\"\u003e\n\u003c!-- SMALL LABEL --\u003e\n\u003cdiv class=\"sw-hero-v2__label\"\u003e\n\u003cspan\u003e\u003c\/span\u003e BUILT FOR THOSE WHO STAND OUT\u003c\/div\u003e\n\u003c!-- HEADLINE --\u003e\n\u003ch1 class=\"sw-hero-v2__headline\"\u003eNOT YOUR \u003cstrong\u003eAVERAGE WALLET.\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003c!-- SUBTEXT --\u003e\n\u003cp class=\"sw-hero-v2__sub\"\u003eSlide in your ID and turn an everyday essential into something unmistakably yours.\u003c\/p\u003e\n\u003c!-- ================================================\n         GIF \/ PRODUCT\n    ================================================= --\u003e\n\u003cdiv class=\"sw-hero-v2__visual\"\u003e\n\u003cdiv class=\"sw-hero-v2__visual-backlight\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__image-frame\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0689\/1975\/4973\/files\/CA0B4B4B-0E09-4D99-ADDC-D256FFB025C8.webp?v=1790872664\" alt=\"Shadow Knight embossed ID wallet\" class=\"sw-hero-v2__image\" loading=\"eager\"\u003e \u003c!-- SMALL OVERLAY --\u003e\n\u003cdiv class=\"sw-hero-v2__overlay\"\u003e\n\u003csmall\u003eTHE DETAIL THAT CHANGES EVERYTHING\u003c\/small\u003e \u003cstrong\u003eYOUR ID COMPLETES THE LOOK.\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ================================================\n         QUICK FEATURES\n    ================================================= --\u003e\n\u003cdiv class=\"sw-hero-v2__features\"\u003e\n\u003cdiv class=\"sw-hero-v2__feature\"\u003e\n\u003cspan class=\"sw-hero-v2__feature-icon\"\u003e ◆ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eUNIQUE DESIGN\u003c\/strong\u003e \u003csmall\u003eAnything but ordinary.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__feature\"\u003e\n\u003cspan class=\"sw-hero-v2__feature-icon\"\u003e ◆ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEVERYDAY READY\u003c\/strong\u003e \u003csmall\u003eCompact. Practical. Different.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sw-hero-v2__feature\"\u003e\n\u003cspan class=\"sw-hero-v2__feature-icon\"\u003e ◆ \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eGIFT WORTHY\u003c\/strong\u003e \u003csmall\u003eFor the guy who has everything.\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"sw-hero-v2__bottom\"\u003e\n\u003cspan\u003eMultiple designs available\u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003eMade for everyday carry\u003c\/span\u003e\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.sw-hero-v2,\n.sw-hero-v2 *{\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   HERO BASE\n========================================================= *\/\n\n.sw-hero-v2{\n\n  --sw-black:#050607;\n  --sw-charcoal:#0b0d10;\n  --sw-dark:#101318;\n\n  --sw-steel:#79818d;\n  --sw-light:#f4f5f6;\n  --sw-muted:#9aa0a9;\n\n  --sw-gold:#d5ae54;\n  --sw-gold-light:#f0d078;\n\n  position:relative;\n\n  width:100%;\n\n  overflow:hidden;\n\n  color:var(--sw-light);\n\n  padding:\n    40px 18px\n    44px;\n\n  background:\n\n    radial-gradient(\n      ellipse at 50% 42%,\n      #141820 0%,\n      #0c0f14 38%,\n      #07090c 68%,\n      #040506 100%\n    );\n\n  isolation:isolate;\n}\n\n\n\/* =========================================================\n   CLEAN DARK BACKGROUND\n========================================================= *\/\n\n.sw-hero-v2__ambient{\n\n  position:absolute;\n\n  width:650px;\n  height:650px;\n\n  left:50%;\n  top:40%;\n\n  transform:\n    translate(-50%,-50%);\n\n  border-radius:50%;\n\n  background:\n\n    radial-gradient(\n      circle,\n      rgba(87,101,127,.12) 0%,\n      rgba(33,40,53,.07) 36%,\n      transparent 68%\n    );\n\n  filter:blur(10px);\n\n  pointer-events:none;\n\n  z-index:-3;\n}\n\n\n\/* subtle diagonal studio light *\/\n\n.sw-hero-v2__beam{\n\n  position:absolute;\n\n  width:260px;\n  height:850px;\n\n  opacity:.11;\n\n  background:\n\n    linear-gradient(\n      180deg,\n      transparent,\n      rgba(185,199,220,.35),\n      transparent\n    );\n\n  filter:blur(45px);\n\n  pointer-events:none;\n\n  z-index:-2;\n}\n\n\n.sw-hero-v2__beam--left{\n\n  left:-150px;\n  top:-250px;\n\n  transform:rotate(-28deg);\n}\n\n\n.sw-hero-v2__beam--right{\n\n  right:-180px;\n  top:-100px;\n\n  transform:rotate(30deg);\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.sw-hero-v2__container{\n\n  position:relative;\n  z-index:2;\n\n  width:100%;\n  max-width:1080px;\n\n  margin:0 auto;\n\n  text-align:center;\n}\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n.sw-hero-v2__label{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  margin-bottom:18px;\n\n  padding:\n    8px 13px;\n\n  border:\n\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius:999px;\n\n  background:\n\n    rgba(255,255,255,.035);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:1.65px;\n\n  color:#b6bbc4;\n}\n\n\n.sw-hero-v2__label span{\n\n  width:6px;\n  height:6px;\n\n  flex:0 0 6px;\n\n  border-radius:50%;\n\n  background:var(--sw-gold);\n\n  box-shadow:\n    0 0 12px\n    rgba(213,174,84,.6);\n}\n\n\n\/* =========================================================\n   HEADLINE\n========================================================= *\/\n\n.sw-hero-v2__headline{\n\n  margin:0 auto;\n\n  max-width:790px;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:\n    clamp(39px,10vw,74px);\n\n  line-height:.91;\n\n  letter-spacing:-2.4px;\n\n  font-weight:900;\n\n  text-transform:uppercase;\n\n  color:#fff;\n}\n\n\n.sw-hero-v2__headline strong{\n\n  display:block;\n\n  color:#aeb4bd;\n\n  font-weight:900;\n}\n\n\n\/* =========================================================\n   SUBHEADLINE\n========================================================= *\/\n\n.sw-hero-v2__sub{\n\n  max-width:555px;\n\n  margin:\n\n    19px auto\n    25px;\n\n  color:#9da3ad;\n\n  font-size:15px;\n\n  line-height:1.6;\n\n  font-weight:400;\n}\n\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.sw-hero-v2__visual{\n\n  position:relative;\n\n  width:100%;\n\n  max-width:800px;\n\n  margin:\n\n    5px auto\n    27px;\n}\n\n\n.sw-hero-v2__visual-backlight{\n\n  position:absolute;\n\n  width:75%;\n  height:60%;\n\n  left:12.5%;\n  bottom:-4%;\n\n  border-radius:50%;\n\n  background:\n\n    radial-gradient(\n      ellipse,\n      rgba(98,110,132,.20),\n      rgba(36,42,54,.08) 50%,\n      transparent 72%\n    );\n\n  filter:blur(32px);\n\n  z-index:-1;\n}\n\n\n\/* FRAME *\/\n\n.sw-hero-v2__image-frame{\n\n  position:relative;\n\n  width:100%;\n\n  padding:7px;\n\n  border-radius:19px;\n\n  background:\n\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.13),\n      rgba(255,255,255,.025)\n    );\n\n  box-shadow:\n\n    0 36px 85px\n    rgba(0,0,0,.58);\n}\n\n\n.sw-hero-v2__image-frame::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:0;\n\n  border-radius:19px;\n\n  border:\n\n    1px solid\n    rgba(255,255,255,.07);\n\n  pointer-events:none;\n\n  z-index:4;\n}\n\n\n\/* IMAGE *\/\n\n.sw-hero-v2__image{\n\n  position:relative;\n\n  display:block;\n\n  width:100%;\n\n  height:auto;\n\n  object-fit:cover;\n\n  border-radius:14px;\n\n  z-index:1;\n}\n\n\n\/* =========================================================\n   IMAGE OVERLAY\n========================================================= *\/\n\n.sw-hero-v2__overlay{\n\n  position:absolute;\n\n  z-index:5;\n\n  left:20px;\n  bottom:20px;\n\n  text-align:left;\n\n  padding:\n\n    11px 13px;\n\n  border:\n\n    1px solid\n    rgba(255,255,255,.12);\n\n  border-radius:9px;\n\n  background:\n\n    rgba(4,5,7,.80);\n\n  backdrop-filter:blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n\n  box-shadow:\n\n    0 10px 30px\n    rgba(0,0,0,.4);\n}\n\n\n.sw-hero-v2__overlay small{\n\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--sw-gold-light);\n\n  font-size:7px;\n\n  font-weight:800;\n\n  letter-spacing:1.2px;\n}\n\n\n.sw-hero-v2__overlay strong{\n\n  display:block;\n\n  color:#fff;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.65px;\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.sw-hero-v2__features{\n\n  width:100%;\n\n  max-width:760px;\n\n  margin:\n\n    0 auto\n    25px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  padding:\n\n    14px\n    10px;\n\n  border-top:\n\n    1px solid\n    rgba(255,255,255,.08);\n\n  border-bottom:\n\n    1px solid\n    rgba(255,255,255,.08);\n}\n\n\n.sw-hero-v2__feature{\n\n  flex:1;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:8px;\n\n  text-align:left;\n}\n\n\n.sw-hero-v2__feature-icon{\n\n  color:var(--sw-gold);\n\n  font-size:8px;\n}\n\n\n.sw-hero-v2__feature strong{\n\n  display:block;\n\n  color:#fff;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:.65px;\n}\n\n\n.sw-hero-v2__feature small{\n\n  display:block;\n\n  margin-top:3px;\n\n  color:#767d88;\n\n  font-size:8px;\n}\n\n\n.sw-hero-v2__divider{\n\n  width:1px;\n\n  height:28px;\n\n  margin:0 12px;\n\n  background:\n\n    rgba(255,255,255,.09);\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.sw-hero-v2__cta{\n\n  width:100%;\n  max-width:470px;\n\n  min-height:58px;\n\n  margin:0 auto;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  padding:\n\n    6px 7px\n    6px 23px;\n\n  border-radius:8px;\n\n  text-decoration:none;\n\n  color:#070809;\n\n  background:\n\n    linear-gradient(\n      90deg,\n      #cba24a 0%,\n      #e5c36e 55%,\n      #d2aa50 100%\n    );\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  font-size:14px;\n\n  font-weight:900;\n\n  letter-spacing:1px;\n\n  box-shadow:\n\n    0 14px 35px\n    rgba(0,0,0,.35);\n\n  transition:\n\n    transform .2s ease,\n    filter .2s ease;\n}\n\n\n.sw-hero-v2__cta:hover{\n\n  transform:\n    translateY(-2px);\n\n  filter:\n    brightness(1.06);\n}\n\n\n.sw-hero-v2__cta-arrow{\n\n  width:46px;\n  height:46px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  border-radius:6px;\n\n  background:\n\n    rgba(0,0,0,.86);\n\n  color:#fff;\n\n  font-size:19px;\n\n  transition:\n    transform .2s ease;\n}\n\n\n.sw-hero-v2__cta:hover\n.sw-hero-v2__cta-arrow{\n\n  transform:\n    translateX(2px);\n}\n\n\n\/* =========================================================\n   BOTTOM MICRO TEXT\n========================================================= *\/\n\n.sw-hero-v2__bottom{\n\n  margin-top:13px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:9px;\n\n  color:#676d76;\n\n  font-size:9px;\n\n  letter-spacing:.35px;\n}\n\n\n.sw-hero-v2__bottom i{\n\n  display:block;\n\n  width:3px;\n  height:3px;\n\n  border-radius:50%;\n\n  background:#707782;\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media(min-width:768px){\n\n  .sw-hero-v2{\n\n    padding:\n\n      62px 28px\n      67px;\n  }\n\n\n  .sw-hero-v2__label{\n\n    font-size:11px;\n  }\n\n\n  .sw-hero-v2__headline{\n\n    font-size:76px;\n\n    letter-spacing:-3.5px;\n  }\n\n\n  .sw-hero-v2__sub{\n\n    font-size:17px;\n  }\n\n\n  .sw-hero-v2__overlay{\n\n    left:31px;\n    bottom:31px;\n\n    padding:\n      13px 15px;\n  }\n\n\n  .sw-hero-v2__overlay small{\n\n    font-size:8px;\n  }\n\n\n  .sw-hero-v2__overlay strong{\n\n    font-size:11px;\n  }\n\n\n  .sw-hero-v2__feature strong{\n\n    font-size:11px;\n  }\n\n\n  .sw-hero-v2__feature small{\n\n    font-size:9px;\n  }\n\n\n  .sw-hero-v2__cta{\n\n    font-size:15px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:520px){\n\n  .sw-hero-v2{\n\n    padding:\n\n      31px 13px\n      38px;\n  }\n\n\n  .sw-hero-v2__label{\n\n    margin-bottom:15px;\n\n    padding:\n      7px 10px;\n\n    font-size:8px;\n\n    letter-spacing:1.15px;\n  }\n\n\n  .sw-hero-v2__headline{\n\n    font-size:41px;\n\n    line-height:.93;\n\n    letter-spacing:-1.7px;\n  }\n\n\n  .sw-hero-v2__sub{\n\n    max-width:330px;\n\n    margin:\n\n      15px auto\n      19px;\n\n    font-size:13px;\n\n    line-height:1.52;\n  }\n\n\n  .sw-hero-v2__image-frame{\n\n    padding:4px;\n\n    border-radius:15px;\n  }\n\n\n  .sw-hero-v2__image{\n\n    border-radius:11px;\n  }\n\n\n  .sw-hero-v2__overlay{\n\n    left:11px;\n    bottom:11px;\n\n    padding:\n\n      7px 8px;\n\n    border-radius:6px;\n  }\n\n\n  .sw-hero-v2__overlay small{\n\n    font-size:5.5px;\n\n    letter-spacing:.75px;\n  }\n\n\n  .sw-hero-v2__overlay strong{\n\n    font-size:6.5px;\n\n    letter-spacing:.35px;\n  }\n\n\n  .sw-hero-v2__features{\n\n    padding:\n\n      11px 2px;\n\n    margin-bottom:20px;\n  }\n\n\n  .sw-hero-v2__feature{\n\n    gap:4px;\n  }\n\n\n  .sw-hero-v2__feature-icon{\n\n    display:none;\n  }\n\n\n  .sw-hero-v2__feature{\n\n    text-align:center;\n  }\n\n\n  .sw-hero-v2__feature strong{\n\n    font-size:7.5px;\n\n    letter-spacing:.35px;\n  }\n\n\n  .sw-hero-v2__feature small{\n\n    font-size:6.5px;\n\n    line-height:1.25;\n  }\n\n\n  .sw-hero-v2__divider{\n\n    margin:0 5px;\n\n    height:24px;\n  }\n\n\n  .sw-hero-v2__cta{\n\n    min-height:55px;\n\n    padding:\n\n      5px 6px\n      5px 19px;\n\n    font-size:13px;\n\n    border-radius:7px;\n  }\n\n\n  .sw-hero-v2__cta-arrow{\n\n    width:43px;\n    height:43px;\n\n    font-size:17px;\n\n    border-radius:5px;\n  }\n\n\n  .sw-hero-v2__bottom{\n\n    gap:6px;\n\n    font-size:7.5px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003ch2\u003e\u003cstrong\u003eSleek \u0026amp; Pocket-Friendly\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eSay goodbye to bulky pockets and uncomfortable carry. The CK Hero ID Wallet is engineered with an ultra-slim profile that slides effortlessly into your jeans or jacket. It keeps your essential cards secure and organized without adding unnecessary bulk to your daily outfit. Perfect for those who value lightweight convenience on the move.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0689\/1975\/4973\/files\/25_Off_49890553-1871-4e93-99bd-1f5e8ee90af1.webp?v=1790872662\" alt=\"\"\u003e\u003c\/p\u003e\n\u003ch2\u003e\u003cstrong\u003ePremium Heroic Craftsmanship\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp\u003eStand out from the crowd with our stunning, deep-embossed hero design. Crafted from premium leather, this wallet delivers a unique tactile feel combined with long-lasting durability. The dedicated clear window slot also allows you to display your ID or driver's license in a split second. It is the perfect blend of modern functionality and bold style.\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0689\/1975\/4973\/files\/CA0B4B4B-0E09-4D99-ADDC-D256FFB025C8.webp?v=1790872664\" alt=\"\"\u003e\u003c\/p\u003e","brand":"MBPPFS","offers":[{"title":"Shadow Knight","offer_id":67969660747997,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Shadow Knight Right","offer_id":67969660780765,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Cat Women","offer_id":67969660813533,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Iron Man","offer_id":67969660846301,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Captain America","offer_id":67969660879069,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Spiderman","offer_id":67969660911837,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Spiderman Colour","offer_id":67969660944605,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Hulk","offer_id":67969660977373,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Captain America Colour","offer_id":67969661010141,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true},{"title":"Superman","offer_id":67969661042909,"sku":null,"price":27.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0689\/1975\/4973\/files\/IMG-7403.webp?v=1790873169","url":"https:\/\/splendifly.com\/products\/hero-id-wallet","provider":"Splendifly","version":"1.0","type":"link"}