{"customCss":"@font-face { font-family: \"JK Oswald\"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(\"https://fonts.gstatic.com/s/oswald/v57/TK3IWkUHHAIjg75cFRf3bXL8LICs1_Fv40pKlN4NNSeSASz7FmlWHYg.woff2\") format(\"woff2\"); }\r\n\r\n@font-face { font-family: \"JK Barlow\"; font-style: normal; font-weight: 500; font-display: swap; src: url(\"https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E3_-gs51os.woff2\") format(\"woff2\"); }\r\n\r\n@font-face { font-family: \"JK Barlow\"; font-style: normal; font-weight: 600; font-display: swap; src: url(\"https://fonts.gstatic.com/s/barlow/v13/7cHqv4kjgoGqM7E30-8s51os.woff2\") format(\"woff2\"); }\r\n\r\n#blockify---container, #blockify---container *, #blockify---container *::before, #blockify---container *::after { box-sizing: border-box; }\r\n\r\n#blockify---container {\r\n --jk-page: #070C1A;\r\n --jk-band: #0D0208;\r\n --jk-red: #CC1F1F;\r\n --jk-blue: #1A4ACC;\r\n --jk-body: #8090B0;\r\n --jk-muted: #7A8AAA;\r\n --jk-rule: #2A3050;\r\n --jk-chrome: linear-gradient(90deg, #979DA5 0%, #CDD1D6 14%, #EEF0F2 38%, #F7F8F9 50%, #E7E9EC 64%, #C6CACF 86%, #949AA3 100%);\r\n --jk-brush: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.16) 0 1px, rgba(0, 0, 0, 0.03) 1px 3px);\r\n --jk-head: \"JK Oswald\", Oswald, \"Arial Narrow\", \"Roboto Condensed\", sans-serif;\r\n --jk-text: Barlow, \"JK Barlow\", \"Helvetica Neue\", Arial, sans-serif;\r\n --stripe: 6px;\r\n --icon: 76px;\r\n --room: 56px;\r\n --gutter: 24px;\r\n --rule: 3px;\r\n --badge-h: 60px;\r\n --plate-x: 22px;\r\n --plate-y: 10px;\r\n --vw: 1vw;\r\n padding: 0;\r\n justify-content: flex-start;\r\n align-items: center;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n background: var(--bg-blockify, #070C1A);\r\n font-family: var(--jk-text);\r\n color: var(--jk-body);\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n@supports (container-type: inline-size) {\r\n #blockify---container { container-type: inline-size; }\r\n #blockify---container #blockify---container__inner { --vw: 1cqw; }\r\n}\r\n\r\n#blockify---container #blockify---container__inner {\r\n position: relative;\r\n z-index: 1;\r\n flex: 1 0 auto;\r\n width: 100%;\r\n max-width: none;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: stretch;\r\n padding: var(--stripe) 0 calc(var(--stripe) + var(--room));\r\n background: linear-gradient(90deg, var(--jk-red) 50%, var(--jk-blue) 50%) top left / 100% var(--stripe) no-repeat, linear-gradient(90deg, var(--jk-red) 50%, var(--jk-blue) 50%) bottom left / 100% var(--stripe) no-repeat, var(--jk-page);\r\n}\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image { flex: none; width: 100%; max-width: none; height: auto; margin: 0; padding: 22px 20px 0; background: var(--jk-band); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image::before { content: none; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image img { position: static; display: block; width: auto; max-width: min(340px, 100%); height: auto; max-height: calc(var(--badge-h) * 1.25 + 2 * var(--plate-y)); margin: 0 auto; padding: var(--plate-y) var(--plate-x); border-radius: 12px; object-fit: contain; background: var(--jk-brush), var(--jk-chrome); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #2E3340, 0 4px 14px rgba(0, 0, 0, 0.7); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image img[src*=\"/files/fav.png\"] { width: calc(var(--badge-h) * 2.4 + 2 * var(--plate-x)); max-width: none; height: calc(var(--badge-h) + 2 * var(--plate-y)); max-height: none; object-fit: cover; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content { flex: 1 0 auto; width: 100% !important; max-width: none; display: flex; flex-direction: column; align-items: center; text-align: center; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle {\r\n display: block !important;\r\n flex: none;\r\n width: 100%;\r\n margin: 0;\r\n padding: 28px 20px 24px;\r\n background: var(--jk-band);\r\n border-bottom: var(--rule) solid var(--jk-red);\r\n font-family: var(--jk-head);\r\n font-size: 42px;\r\n font-weight: 700;\r\n font-style: italic;\r\n font-synthesis: style;\r\n line-height: 1;\r\n letter-spacing: 0.01em;\r\n text-transform: none;\r\n}\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle b { color: var(--jk-red); font: inherit; letter-spacing: inherit; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle i { margin-left: 0.03em; color: var(--jk-red); font-family: inherit; font-size: 0.48em; font-weight: 700; font-style: italic; line-height: 0; vertical-align: 0.95em; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle em { display: block; margin: 12px -0.42em 0 0; color: var(--jk-muted); font-family: var(--jk-head); font-size: 17px; font-weight: 500; font-style: normal; letter-spacing: 0.42em; line-height: 1; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle { padding: 14px 20px 18px; font-size: 17px; font-weight: 500; font-style: normal; letter-spacing: 0.32em; text-transform: uppercase; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle b, #blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle i { margin: 0; color: var(--jk-red); font-size: 1em; font-style: normal; vertical-align: baseline; line-height: inherit; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle em { display: inline; margin: 0 -0.32em 0 0; font-size: 1em; letter-spacing: inherit; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title {\r\n width: 100%;\r\n max-width: calc(10.8em + 2 * var(--gutter));\r\n margin: auto 0 0;\r\n padding: 44px var(--gutter) 0;\r\n font-family: var(--jk-head);\r\n font-size: clamp(32px, calc(20px + 2.6 * var(--vw)), 74px);\r\n font-weight: 700;\r\n line-height: 1.12;\r\n letter-spacing: 0.035em;\r\n text-transform: uppercase;\r\n}\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title::before {\r\n content: \"\";\r\n display: block;\r\n width: var(--icon);\r\n height: var(--icon);\r\n margin: 0 auto calc(var(--icon) * 0.36);\r\n border: 3px solid var(--jk-red);\r\n border-radius: 50%;\r\n background: linear-gradient(45deg, rgba(204, 31, 31, 0) calc(50% - 1.5px), var(--jk-red) calc(50% - 1.5px), var(--jk-red) calc(50% + 1.5px), rgba(204, 31, 31, 0) calc(50% + 1.5px)) center / calc(var(--icon) * 0.3) calc(var(--icon) * 0.3) no-repeat, radial-gradient(circle closest-side, rgba(204, 31, 31, 0) calc(var(--icon) * 0.2 - 3.5px), var(--jk-red) calc(var(--icon) * 0.2 - 3px), var(--jk-red) calc(var(--icon) * 0.2), rgba(204, 31, 31, 0) calc(var(--icon) * 0.2 + 0.5px)) center / 100% 100% no-repeat;\r\n}\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { width: 100% !important; max-width: calc(31em + 2 * var(--gutter)); margin: 22px 0 auto; padding: 0 var(--gutter) 36px; font-size: 20px; font-weight: 500; line-height: 1.6; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p { margin: 0; font: inherit; color: inherit; text-wrap: pretty; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p { position: relative; margin-top: 26px; padding-top: 26px; color: var(--jk-muted); font-size: 0.9em; line-height: 1.7; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p::before { content: \"\"; position: absolute; top: 0; left: 50%; width: 96px; height: 1px; margin-left: -48px; background: var(--jk-rule); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a { color: #7DB0F0; font: inherit; letter-spacing: inherit; text-decoration: underline; text-underline-offset: 4px; overflow-wrap: anywhere; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { display: table; margin: 14px auto 0; padding: 12px 26px 13px; border-radius: 2px; background: var(--jk-blue); color: #FFFFFF; font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: 0.02em; text-decoration: none; white-space: nowrap; box-shadow: 0 2px 0 #0F2E86; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"]:hover { background: #2458E0; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description #blockify-block-text-blink { display: none !important; }\r\n\r\n#blockify---container #blockify-block-watermark { position: relative; z-index: 2; flex: none; align-self: center; height: 20px; margin: calc(-20px - var(--stripe) - 18px) 0 calc(var(--stripe) + 18px); color: var(--jk-muted); font-family: var(--jk-text); font-size: 13px; line-height: 20px; }\r\n\r\n#blockify---container #blockify-block-watermark a { color: var(--jk-body); text-decoration: none; }\r\n\r\n@media only screen and (min-width: 1440px) {\r\n #blockify---container { --icon: 88px; --badge-h: 68px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { font-size: 22px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { font-size: 19px; }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n #blockify---container { --stripe: 5px; --icon: 62px; --room: 48px; --gutter: 20px; --badge-h: 50px; --plate-x: 20px; --plate-y: 9px; height: 100vh; height: 100dvh; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { padding-top: 18px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { padding: 22px 16px 19px; font-size: 32px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle em { margin-top: 10px; font-size: 15px; letter-spacing: 0.36em; margin-right: -0.36em; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle { padding: 12px 12px 15px; font-size: 14px; letter-spacing: 0.24em; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle em { margin-right: -0.24em; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { padding-top: 32px; font-size: 31px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { margin-top: 18px; padding-bottom: 28px; font-size: 17px; line-height: 1.55; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p { margin-top: 22px; padding-top: 22px; font-size: 16px; line-height: 1.6; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { margin-top: 12px; padding: 12px 22px; font-size: 17px; }\r\n}\r\n\r\n@media only screen and (max-width: 360px) {\r\n #blockify---container { --icon: 56px; --gutter: 16px; --badge-h: 44px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { font-size: 29px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { font-size: 27px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { font-size: 16px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p { font-size: 15px; }\r\n}\r\n\r\n@media only screen and (max-width: 600px) and (max-height: 600px) {\r\n #blockify---container { --icon: 46px; --room: 44px; --badge-h: 40px; --plate-x: 16px; --plate-y: 7px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { padding-top: 14px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle { padding: 10px 12px 12px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { padding-top: 22px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { margin-top: 14px; padding-bottom: 18px; line-height: 1.5; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p { margin-top: 16px; padding-top: 16px; line-height: 1.5; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { margin-top: 10px; padding: 11px 20px; }\r\n}\r\n\r\n@media only screen and (max-height: 560px) {\r\n #blockify---container { --icon: 40px; --room: 40px; --rule: 2px; --badge-h: 32px; --plate-x: 14px; --plate-y: 6px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { padding-top: 8px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { padding: 14px 16px 12px; font-size: 26px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle em { margin-top: 7px; font-size: 13px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image + #blockify-block-content #blockify-block-superTitle { padding: 5px 12px 8px; font-size: 13px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { max-width: none; padding-top: 16px; font-size: 27px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { max-width: calc(38em + 2 * var(--gutter)); margin-top: 8px; padding-bottom: 14px; font-size: 16px; line-height: 1.5; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p + p { margin-top: 10px; padding-top: 10px; font-size: 15px; line-height: 1.5; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { display: inline-block; margin: 0 0 0 8px; padding: 5px 14px; font-size: 16px; }\r\n}","title":{"text":"ACCESS TO THIS STORE IS RESTRICTED","color":"#FFFFFF","active":true},"logoImage":{"value":"https://cdn.shopify.com/s/files/1/0723/7415/7602/files/fav.png?v=1678976470","active":true,"altText":"Johnny K's Powersports"},"background":{"type":"1","value":"#070C1A","active":true,"colorTo":null,"colorFrom":null},"superTitle":{"text":"JOHNNY K’s POWERSPORTS","color":"#FFFFFF","active":true},"description":{"text":"

We weren’t able to verify this visit. This can happen due to your region, connection type, or unusual account activity.

Think this is a mistake?
Reach us at orders@johnnyks.com

","color":"#8090B0","active":true}}